@charset "utf-8";
/* -------------------------------------------------------------- 
- Site Name: MetricStream Inc
- Version: CSS3 (January 2020)
- Site URL: https://www.metricstream.com/
 * $primary: #93ca3e;
 * $secondary: #52545f;
 * $font-family-base: 'Open Sans';

------------------------------------------------------------- */
@import url("/themes/custom/metrics/css/bootstrap.min.css");
@import url("https://fonts.googleapis.com/css?family=Open+Sans");
/** @import url("https://use.typekit.net/lfb7jcp.css"); **/

@import url("/themes/custom/metrics/css/fonts.css");
@import url("https://fonts.googleapis.com/css?family=Open+Sans");
@import url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.10.2/css/all.css");
@import url("/themes/custom/metrics/css/animate.css");
html, body {  height: 100%; margin: 0;}
a{border: none}
p, ul, li, div, nav{ padding:0;margin:0;}
p{line-height: normal;}
body{margin:0; padding:0;-webkit-font-smoothing: antialiased; font-family:'Open Sans'; font-size: 100%; overflow-x: hidden}
a{outline:0; text-decoration:none; background:transparent; color:#1064b5}
input{background:none; outline:none; border:none;}
h1, h2, h3, h4, h5 ,table, table tr td, table tr th {width: 100%; border: none }
textarea { resize: none; border: none; outline: none; background: none }
.clear{clear:both; width:0; float:none; line-height:0; font-size:1%; height:0;} 
table{border-spacing:0; border-collapse:collapse;}
article,aside,details,figcaption,figure,footer,header,hgroup,nav,section,summary {display: block;}
audio,canvas,progress,video {display: inline-block;vertical-align: baseline;}
audio:not([controls]) {display: none;height: 0;}
.form-control:focus, .btn:focus{box-shadow: none;}
.row-full {width: 100vw;position: relative;margin-left: -50vw;height: auto;left: 50%;}
h3{
	font-size: 32px;
	font-family:'Open Sans' ;
	font-weight: 700;
	color: #53555f;
}
h4{
    font-size: 22px;
    color: #333333;
    font-weight: 700;
}
.pagination-sec{margin: 40px auto 0; display: table;}
.pagination .page-link {
    border: none;
    background-color: #53555f;
    color: #fff;
    margin-right: 10px;
    padding: 15px 20px;
    font-size: 14px;
    line-height: 14px;
}
.page-item:first-child .page-link{
	border-radius: 0;
}
.pagination a.knowmore {
    margin: 0;
    font-size: 14px;
    line-height: 14px;
    color: #45454a;
    padding: 10px 0px 10px 10px;
    border-left: 5px solid #92c93e;

}
a.btn.white-btn {
    color: #FFF;
    border-left: 5px solid #fff;
    border-radius: initial;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 1em;
    color: #ffffff;
    outline: none;
    border-top: none;
    border-bottom: none;
    background-image: linear-gradient(to left, transparent, transparent 50%, #fff 50%, #fff);
    background-position: 100% 0;
    background-size: 200% 100%;
    transition: all .25s ease-in;
    border-right: none;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}
a.btn.white-btn:hover{
    background-position: 0 0;
    color: #53555f;
    transform: scale(1.05);
}

a.knowmore{color: #fff;border-left: 5px solid #92c93e;border-radius: initial;text-transform: uppercase;font-weight: bold;font-size: .9em;margin:1em 0;display: inline-block;outline: none;border-top: none;border-bottom: none;background-image: linear-gradient(to left, transparent, transparent 50%, #92c93e 50%, #92c93e);background-position: 100% 0;background-size: 200% 100%;transition: all .25s ease-in;border-right: none;-webkit-transition: all .2s ease-in-out;-moz-transition: all .2s ease-in-out;-o-transition: all .2s ease-in-out;transition: all .2s ease-in-out;}
a.knowmore:hover {background-position: 0 0;color: #FFF;transform: scale(1.05);}

a.green-button{color: #fff;border-left: 5px solid #92c93e;border-radius: initial;text-transform: uppercase;font-weight: bold;font-size: .9em;display: inline-block;outline: none;border-top: none;border-bottom: none;background-image: linear-gradient(to left, transparent, transparent 50%, #92c93e 50%, #92c93e);background-position: 100% 0;background-size: 200% 100%;transition: all .25s ease-in;border-right: none;-webkit-transition: all .2s ease-in-out;-moz-transition: all .2s ease-in-out;-o-transition: all .2s ease-in-out;transition: all .2s ease-in-out;}
a.green-button:hover {background-position: 0 0;color: #FFF;transform: scale(1.05);}
a.gray-button{color: #fff;border-left: 5px solid #53555f;border-radius: initial;text-transform: uppercase;font-weight: bold;font-size: .9em;display: inline-block;outline: none;border-top: none;border-bottom: none;background-image: linear-gradient(to left, transparent, transparent 50%, #53555f 50%, #53555f);background-position: 100% 0;background-size: 200% 100%;transition: all .25s ease-in;border-right: none;-webkit-transition: all .2s ease-in-out;-moz-transition: all .2s ease-in-out;-o-transition: all .2s ease-in-out;transition: all .2s ease-in-out;}
a.gray-button:hover {background-position: 0 0;color: #FFF;transform: scale(1.05);}

a.light-blue-button{color: #fff;border-left: 5px solid #00a7e1;border-radius: initial;text-transform: uppercase;font-weight: bold;font-size: .9em;display: inline-block;outline: none;border-top: none;border-bottom: none;background-image: linear-gradient(to left, transparent, transparent 50%, #00a7e1 50%, #00a7e1);background-position: 100% 0;background-size: 200% 100%;transition: all .25s ease-in;border-right: none;-webkit-transition: all .2s ease-in-out;-moz-transition: all .2s ease-in-out;-o-transition: all .2s ease-in-out;transition: all .2s ease-in-out;}
a.light-blue-button:hover {background-position: 0 0;color: #FFF;transform: scale(1.05);}

.reset-btn {
    font-size: 22px;
    font-weight: 500;
    color: #53555f;
    border-bottom: 4px solid #93c83e;
    padding: 9px 5px 3px;
    margin-left: 35px;
    line-height: normal;
    position: relative;
    top: 4px;
}

.background-green-globe{background-color: #93c83e !important; }
.background-grey-globe{background-color: #53555f !important}
.background-orange-globe{background-color: #f7951c !important}
.background-light-blue-globe{background-color: #00a7e1 !important}
.background-dark-blue-globe{background-color: #006fba !important}
.background-light-grey-globe{background-color: #f3f3f3 !important}


/* Searchbox ==========================================================================*/
.searchbox::-webkit-input-placeholder{/* Edge */ color: #FFFFFF;}.searchbox:-ms-input-placeholder{/* Internet Explorer 10-11 */ color: #FFFFFF;}.searchbox::placeholder{color: #FFFFFF;}.search{position: absolute;text-align: center;width: 80%;left: 50%;top: 50%;transform: translate(-50%, -50%);}.search span{font-size: .8em; color: #FFF; text-align: right; display: block; margin: .3em 0 0;}.searchbox{transition: border .2s linear;font-size: 1.5em;width: 100%;background: #5fbde8;padding: 1em 0.5em;height: 50px;border-bottom: 1px solid #ffffff;outline: none;border-top: 0;color: #FFFFFF;border-right: 0;border-left: 0;}.searchbox:focus{outline: none; border: 0; transition: border .2s linear;border-bottom: 2px solid orange;}.searchbtn{position: absolute;font-size: 1.6em;color: #ffffff;background-color: transparent;border:none;right: 10px;top: 5px;outline: none;padding: 4px;}.searchoverlay{display: none; height: 100%; width: 50%; position: fixed; z-index: 9999; top: 0; right: 0; background-color: #5fbde8; overflow-x: hidden; transition: 0.5s;}.searchoverlay-content{position: relative; top: 15%; width: 100%; text-align: center; margin-top: 30px;}.searchoverlay a{padding: 0; text-decoration: none; font-size: 3em; color: #ffffff; display: block; transition: 0.3s;}.searchoverlay a:hover, .searchoverlay a:focus{color: #f1f1f1;}.searchoverlay .closebtn{position: absolute; top: 0; right: 35px; font-size: 2.5em; z-index: 1;}
.search-btn:hover svg{padding-bottom: 5px}
/* Header ==========================================================================*/
.headerbg{background: none;display: block !important;padding: 1em 0 0 0;}
.bluebg{background: #006fba;padding: .5em 0;}
.fixed-top.bluebg .menu {margin-top: 8px;}
header .logo{padding-left: 0;}
.menu{vertical-align: middle;text-align: right;}
.cta-get-started{color: #fff;background-color: #93c83e;font-weight: bold;border-radius: inherit;margin: 0em 1em 0 0;vertical-align: top; border: none;
    /* Old browsers */
background-image: linear-gradient(to left, transparent, transparent 50%, #00a7e1 50%, #00c6ff);background-position: 100% 0;background-size: 200% 100%; transition: all .25s ease-in; -webkit-transition: all .2s ease-in-out;-moz-transition: all .2s ease-in-out;-o-transition: all .2s ease-in-out;transition: all .2s ease-in-out;}
.cta-get-started:hover {background-position: 0 0; color: #FFF; transform: scale(1.05); -webkit-box-shadow: 0px 0px 10px 5px rgba(147,147,147,0.2); -o-box-shadow: 0px 0px 10px 5px rgba(147,147,147,0.2); -ms-box-shadow: 0px 0px 10px 5px rgba(147,147,147,0.2); -moz-box-shadow: 0px 0px 10px 5px rgba(147,147,147,0.2);box-shadow: 0px 0px 10px 5px rgba(147,147,147,0.2);}
.search-btn{display: inline-block;border-right: 1px solid #fff; margin: .5em 4em 0 0; padding: 0 1.3em 0 0;vertical-align: top;color: #FFFFFF;cursor: pointer;}
/* Menu ==========================================================================*/
#menu {height: 100%;background: #51535f;z-index: 10000; width: 75%}
.parent-menu {background-color: #006fba;float:left;height: 100%; width: 265px;padding-top: 20px;}
#menu ul{list-style-type:none; overflow: overlay;}
#menu ul li {background:#006fba }
#menu ul li:first-child{margin: 1em 0 0 0;}
#menu ul li a{padding: .3em 1.5em;display:block;color:#00a7e1;text-decoration:none;font-weight: bolder;font-size: 1.7em;position: relative}
#menu ul li a:hover::after, .current::after{content: "";border: 5px solid #8cc83e;position: absolute;height: 50px;right: 0;top: 0px;z-index: 1000;}
a.current {color: #FFFFFF !important}
#menu ul li a:hover {color:#FFF;}
/*#menu ul li > ul{display: none}*/
/*#menu ul li:hover > ul {display: block;left: 250px;-webkit-transition: left 200ms ease-in;-moz-transition: left 200ms ease-in;-ms-transition: left 200ms ease-in;transition: left 200ms ease-in;padding: 1em 2em;}*/
#menu ul li > ul li{background: #51535f}
#menu ul li > ul li h6{color: #92cc3d;font-weight: normal;font-size: .9em;text-transform: uppercase;margin: 2em 0 .5em 0;}
ul.menu-active{display: block !important;}
#menu ul li > ul {position: absolute;background-color: #51535f;top: 20px;left: 300px;min-width: 65%/*200px*/;z-index: -1;height: 100%;-webkit-transition: left 200ms ease-in;-moz-transition: left 200ms ease-in;-ms-transition: left 200ms ease-in;transition: left 200ms ease-in;font-size: 1em;}
#menu ul li > ul li a{color: #FFFFFf;font-size: 1em;padding: .2em 0;font-weight: 600;}
#menu ul li > ul li a:hover::after{border: none}
ul.sub-menu{display: none}
.hide{display: none}
.sidebar{position: fixed; top: 0; right: -100%; background: #262626; height: 100%; transition: .3s;}
.navactivated{right: 0px;}.hamburger{position: absolute;top: -5px;right: 10px;width: 35px;height: 50px;box-sizing: border-box;cursor: pointer;background: none;border: none;outline: none;z-index: 3;padding: 0;margin: 0;display: block;}.hamburger span{display: block;width: 100%;height: 3px;background: #ffffff;position: absolute;top: 24px;transition: .3s;}.hamburger span:before{content:"";width: 100%;height: 3px;background: #ffffff;position: absolute;top: -10px;left: 0;transition: .3s;}.hamburger span:after{content:"";width: 100%;height: 3px;background: #ffffff;position: absolute;top: 10px;left: 0;transition: .3s;}.hamburger.toggle span{background: transparent;}.hamburger.toggle span:before{top: 0; transform: rotate(45deg);}.hamburger.toggle span:after{top: 0; transform: rotate(-45deg);}button.hamburger{outline: 0px dotted;outline: 0px auto -webkit-focus-ring-color;}
.menuclosebtn{position: absolute;right: 10px;font-size: 2.5em;font-weight: bold;color: #FFFFFF;}
a.menuclosebtn:hover{color: #FFF; text-decoration: none}
.hamburger:hover span{width: 80%; }
/* Banner ==========================================================================*/
.banner{width:100%; position:relative;overflow: hidden; }
.banner .slide .banner-img {width:100%; height: 100%;}
.banner .slide .banner-img img{ width:100%;}
.banner .slide .banner-text {position:absolute;top:0px;/*left: 6.4;*/ width: 80%;padding: 10em 15px 0;}
.banner-text .event-logo {display:block;width: 8%;overflow: hidden;}
.banner-text .event-logo img{width: 100%;}
.banner .banner-text h5 {font-family:'Open Sans' ;font-size: 2.4em;color:#ffffff;margin: .3em 0;font-weight: bold;line-height: 1em; width:75%}
.banner .banner-text h6 {font-family:'Open Sans' ;font-size: 1.3em;color:#ffffff;margin: 0 0 1em 0;font-weight: 600;text-transform: uppercase;line-height: 1.3em;}
.banneroverlay{width: 100%; height: 100%; position: absolute;z-index: 0;left: 0;top: 0;overflow-x: hidden; background: rgba(0,0,0,0.63);
    background: -moz-linear-gradient(left,  rgb(0 0 0 / 40%) 0%, rgb(0 0 0 / 5%) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%,  rgb(0 0 0 / 40%) 0%, rgb(0 0 0 / 5%) 100%));
    background: -webkit-linear-gradient(left, rgb(0 0 0 / 40%) 0%, rgb(0 0 0 / 5%) 100%);
    background: -o-linear-gradient(left,  rgb(0 0 0 / 40%) 0%, rgb(0 0 0 / 5%) 100%);
    background: -ms-linear-gradient(left,  rgb(0 0 0 / 40%) 0%, rgb(0 0 0 / 5%) 100%);
    background: linear-gradient(to right,  rgb(0 0 0 / 40%) 0%, rgb(0 0 0 / 5%) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=1 );}
a.learnmore{color: #FFF;border-left: 5px solid #006fba;border-radius: initial;text-transform: uppercase;font-weight: bold;font-size: 1em;color:#ffffff;outline: none;border-top: none;border-bottom: none;background-image: linear-gradient(to left, transparent, transparent 50%, #006fba 50%, #006fba);background-position: 100% 0;background-size: 200% 100%;transition: all .25s ease-in;border-right: none;-webkit-transition: all .2s ease-in-out;-moz-transition: all .2s ease-in-out;-o-transition: all .2s ease-in-out;transition: all .2s ease-in-out;}
a.learnmore:hover{background-position: 0 0;color: #ffffff;transform: scale(1.05);}

/*====================================================================== Banner slide show*/
.fader{position: relative;padding: 0;margin: 0;overflow: hidden;} 
.fader .slide{ position: absolute; width: 100%; height: auto /*100%*/; top: 0; z-index: 1; opacity: 0; }
.fader img.slide{height: auto; }
.visible{z-index: 2 !important}
.fader .prev, .fader .next{ position: absolute; height: 80px; line-height: 55px; width: 50px; font-size: 100px; text-align: center; color: #fff; top: 50%; left: 0; z-index: 4; margin-top: -25px; cursor: pointer; opacity: .7; transition: all 150ms;}
.fader .prev:hover, .fader .next:hover{ opacity: 1; }
.fader .next{left: auto; right: 0; }
.fader .pager_list{ position: absolute; width: 100%; height: 40px; line-height: 40px; bottom: 0/*90px*/; text-align: center; z-index: 4; }
ul.bullets_inner_position{ bottom: 0px !important}
.fader .pager_list li,.fader .page li{display: inline-block;text-indent: 1000000px;border-radius: 999px;cursor: pointer;transition: all 150ms;-webkit-border-radius: 12px;-moz-border-radius: 12px;border-radius: 12px;border: 1px solid #fff;width:12px;height:12px;margin:0 8px;-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);-ms-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);-o-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);cursor:pointer;}
.fader .pager_list li:hover, .fader .pager_list li.active{background: #ffffff;}

/*====================================================================== Product - Homepage */
.products-homepage-green-bg{text-align: center;background: #93c83e;height: 100%; min-height: 120px; padding: 1.5em; text-align: left}
.products-homepage-green-bg h6{font-family:'Open Sans' ;font-size: 1.5em;color:#ffffff;padding:0em;font-weight: bold;text-align: left;line-height: 1.2em;margin: 0 auto;width: auto;}
.products-homepage-green-bg p{font-family:'Open Sans' ;font-size: 1em;color:#ffffff;padding: .5em 0;line-height: 1.2em;}
.products-homepage-list{margin: 1% 0 0 0}
.products-homepage-list hr{padding: 0;margin: 0;border: none;width: 20%;border-bottom: 4px solid #00a6e0;}
.products-homepage-list ul{list-style: none;text-align: center;margin: 0;padding: 0;}
.products-homepage-list ul li{width: 40%;margin: 2% 4%;display: inline-block;text-align: left; vertical-align: top; text-align: left}
.products-homepage-list ul li h6{font-family:'Open Sans' ;font-size: 1.2em;color:#006fba;padding: .5em 0;font-weight: bold;line-height: 1.2em;margin: 0 auto;}
.products-homepage-list ul li p{font-family:'Open Sans' ;font-size: 1em;color:#333333;padding: .5em 0;line-height: 1.2em;margin: 0 auto;}
.products-homepage-list ul li a{padding: 0.5em 1em;color: #006fba;border-left: 5px solid #92c93e;border-radius: initial;text-transform: uppercase;font-weight: bold;font-size: .9em;display: inline-block;margin: 1em 0;outline: none;border-top: none;border-bottom: none;background-image: linear-gradient(to left, transparent, transparent 50%, #92c93e 50%, #92c93e);background-position: 100% 0;background-size: 200% 100%;transition: all .25s ease-in;border-right: none;transition: all .25s ease-in;border-right: none;-webkit-transition: all .2s ease-in-out;-moz-transition: all .2s ease-in-out;-o-transition: all .2s ease-in-out;transition: all .2s ease-in-out;}
.products-homepage-list ul li a:hover {background-position: 0 0;color: #FFF;transform: scale(1.05);text-decoration: none;}


/*solution-page----------*/
.measurable-outcome-sec .products-homepage-list {
    padding: 42px 0 54px;
}


.homepage-upcoming-events{background: #f3f3f3;min-height: 200px;vertical-align: middle;padding: 4em 0;}
.homepage-upcoming-events-tab {border-left: 5px solid #92c93e;margin: 0;}
.homepage-upcoming-events-tab h6{font-family:'Open Sans' ;font-size: 1.5em;color: #666666;padding: .5em 0;font-weight: bold;text-align: left;line-height: 1.2em;margin: 0 auto;}

.homepage-upcoming-events-list ul{list-style: none;text-align: center;margin: 0;padding: 0;}
.homepage-upcoming-events-list ul li{width: 25%;margin: 0;float: left;text-align: center;vertical-align: top;line-height: 1.2em;padding: 1em 0;font-weight: 600;min-height: 80px;background-image: linear-gradient(to left, transparent, transparent 50%, #006fba 50%, #006fba);background-position: 100% 0;background-size: 200% 100%;transition: all .25s ease-in;border-right: none;}
.homepage-upcoming-events-list ul li a{font-family:'Open Sans' ;font-size: 1.2em;color: #ffffff;padding: 1em 0;text-align: center;line-height: 1.2em;margin: 0 auto; text-decoration: none;}
.homepage-upcoming-events-list ul li:hover{background-position: 0 0;color: #ffffff;padding: 30px;vertical-align: middle; }
.grey01{background: #73a228;} .grey02{background: #80b32b;} .grey03{background: #86bd2e;} .grey04{background: #92c83e;}

/*====================================================================== Application - Homepage */
.application-homepage-wrp{background: #53555f;min-height: 500px;padding: 0 0 2em 0;text-align: center;}
.application-homepage-blue-bg{text-align: left;background: #00a7e1;min-height: 220px;padding: 25px;}
.application-homepage-blue-bg h6{font-family:'Open Sans' ;font-size: 1.7em;color:#ffffff;padding: 0px 10px 0px 0px;font-weight: bold;text-align: left;line-height: 1.2em;margin: 0;}
.application-homepage-blue-bg h5{font-family:'Open Sans' ;font-size: 6em;color:#ffffff;padding: 0em 0;font-weight: bold;text-align: left;line-height: 0.7em;margin: 0;}
.application-homepage-blue-bg p{font-family:'Open Sans' ;font-size: 1em;color:#ffffff;padding: .5em;text-align: left;line-height: 1.2em;font-weight: normal;}
.application-appspage-wrp .green-button {float: left;margin-top:15px;margin-left: 50px;color: #006fba;font-weight: 500;}

.blogShort{ border-bottom:1px solid #ddd;}
.add{background: #333; padding: 10%; height: 300px;}
.nav-sidebar {width: 100%;padding: 4em 0 0 0; text-align: left}
.tab-content{padding: 4em 0 0 0; text-align: left;  background: #53555f}
.nav-sidebar ul li{margin: 0em 0;}
.nav-sidebar ul li a{color: #939598;-webkit-transition: all 0.08s linear;-moz-transition: all 0.08s linear;-o-transition: all 0.08s linear;transition: all 0.08s linear;font-weight: bold;padding: .6em 1em;}.nav-sidebar .active a{cursor: default;color: #fff;}.nav-sidebar ul li a:hover{text-decoration: none;}.nav-sidebar .text-overflow a,.nav-sidebar .text-overflow .media-body{white-space: nowrap; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis;}.btn-blog{color: #ffffff; background-color: #E50000; border-color: #E50000; border-radius:0; margin-bottom:10px}.btn-blog:hover,.btn-blog:focus,.btn-blog:active,.btn-blog.active,.open .dropdown-toggle.btn-blog{color: white; background-color:#0b56a8; border-color: #0b56a8;}article h2{color:#333333;}h2{color:#0b56a8;}.margin10{margin-bottom:10px; margin-right:10px;}.container .text-style{text-align: justify; line-height: 23px; margin: 0 13px 0 0; font-size: 19px;}
.nav-pills .nav-link.active, .nav-pills .show>.nav-link{background: none;border-left: 5px solid #93c93e;border-radius: inherit;}
.tab-content h6{font-family:'Open Sans' ;font-size: 1.5em;color: #ffffff;padding: 0;font-weight: bold;text-align: left;line-height: 1.2em; /**margin: auto;**/}
.tab-content p{font-family:'Open Sans' ;font-size: 1em;color: #c6c8ca;padding: 1em 0;text-align: left;line-height: 1.2em; margin: 0 auto;}
.tab-content a{color: #5fbde8; font-size: .9em;}
a.app-cta{color: #5fbde8;border-left: 5px solid #92c93e;border-radius: initial;text-transform: uppercase;font-weight: bold;font-size: .9em;display: inline-block;margin: 1em 0;outline: none;border-top: none;border-bottom: none;background-image: linear-gradient(to left, transparent, transparent 50%, #92c93e 50%, #92c93e);background-position: 100% 0;background-size: 200% 100%;transition: all .25s ease-in;border-right: none;-webkit-transition: all .2s ease-in-out;-moz-transition: all .2s ease-in-out;-o-transition: all .2s ease-in-out;transition: all .2s ease-in-out;}
a.app-cta:hover {background-position: 0 0;color: #FFF;transform: scale(1.05);}

.insight-stream{min-height: 350px;clear: both;background: url("/themes/custom/metrics/css/../images/insight-stream-bg.png") no-repeat top center;background-size: cover;position: relative;padding: 2em 0 0 0;} 
.insight-stream-title {padding: 2em 0 0 0;width: 25%;margin: 0;float: left;text-align: left;}
.insight-stream span{color: #FFFFFF;font-size: .9em;text-transform: uppercase;}
.insight-stream-title h6{font-family:'Open Sans' ;font-size: 1.3em;color: #ffffff;padding: 0;font-weight: bold;text-align: revert;line-height: 1.2em;margin: 0 auto;}
.blue-circle-01{position: absolute;color: #FFFFFF;left: 38%; top:0%}
i.blue{color: #00a7e1; padding: 0 .3em 0 0}
i.green{color: #93c83e; padding: 0 .3em 0 0}
.blue-circle-01 a, .blue-circle-02 a, .blue-circle-03 a, .blue-circle-04 a, .blue-circle-05 a{color: #FFF; text-decoration: none}

.blue-circle-02{position: absolute;color: #FFFFFF;left: 50%;top: 62%;}
.blue-circle-03{position: absolute;color: #FFFFFF;left: 65%;top: 21%;}
.blue-circle-04{position: absolute;color: #FFFFFF;left: 76%;top: 48%;}
.blue-circle-05{position: absolute;color: #FFFFFF;left: 88%;top: 9%;}

.hidden-insight{clear: both; display: none; margin-bottom: 2%}
.hidden-insight ul {margin: 0;padding: 0;text-align: center;display: flex;}
.hidden-insight ul li{font-family: 'Open Sans';
    font-size: .9em;
    color: #c6c8ca;padding: 1em 0;
    text-align: left;
    line-height: 1.2em;color:#fff; width: 23%;display: inline-grid;margin: 0 .5em;background:  #313131;padding: 1em;text-align: left; position: relative; -webkit-transition: all .2s ease-in-out;-moz-transition: all .2s ease-in-out;-o-transition: all .2s ease-in-out;transition: all .2s ease-in-out;}
.hidden-insight ul li:hover{transform: scale(1.05);-webkit-box-shadow: 0px 0px 10px 5px rgba(147,147,147,0.2); -o-box-shadow: 0px 0px 10px 5px rgba(147,147,147,0.2); -ms-box-shadow: 0px 0px 10px 5px rgba(147,147,147,0.2); -moz-box-shadow: 0px 0px 10px 5px rgba(147,147,147,0.2);box-shadow: 0px 0px 10px 5px rgba(147,147,147,0.2);}
.hidden-insight h6{font-family:'Open Sans' ; min-height: 40px; font-size: 1em;color: #ffffff;padding: 0;font-weight: bold;text-align: left;line-height: 1.2em;margin-bottom:10px;}
.hidden-insight p{font-family:'Open Sans' ; min-height: 40px; font-size: .9em;color: #c6c8ca;padding: 0.1em 0;text-align: left;line-height: 1.2em;margin: 0 auto;}
.hidden-insight a{height: 30px; color: #ffffff;border-radius: initial;text-transform: uppercase;font-weight: bold;font-size: .8em;display: inline-block;margin: .5em 0 0 0; }
.hidden-insight h5{font-family:'Open Sans' ;font-size: 1.2em;color: #ffffff;padding: 0;font-weight: bold;text-align: left;line-height: 1.2em;margin:0 0 .5em 1em;text-transform: uppercase; /*border-bottom: 4px solid #00a6e0;*/}
a.border-blue-thick {text-align:left;border-left: 5px solid #00a7e1;outline: none;border-top: none;border-bottom: none;background-image: linear-gradient(to left, transparent, transparent 50%, #00a7e1 50%, #00a7e1);background-position: 100% 0;background-size: 200% 100%;transition: all .25s ease-in;border-right: none;}
a.border-blue-thick:hover {background-position: 0 0; color: #FFF; background-size: 100% 100%}
a.border-green-thick{text-align:left;border-left: 6px solid #92c93e; outline: none;border-top: none;border-bottom: none;background-image: linear-gradient(to left, transparent, transparent 50%, #92c93e 50%, #92c93e);background-position: 100% 0;background-size: 200% 100%;transition: all .25s ease-in;border-right: none;}
a.border-green-thick:hover {background-position: 0 0; color: #FFF; background-size: 100% 100%}
.border-blue{border: 1px solid #00a7e1}
.border-green{border: 1px solid #93c83e}
.border-green::before{content: "";border: 4px solid #93c83e;position: absolute;height: 50px;left: -9px;}
.border-blue::before{content: "";border: 4px solid #00a7e1;position: absolute;height: 50px;left: -9px;}
.cta-more-insights{color: #fff;background-color: #00a7e1;font-weight: bold;border-radius: inherit;margin: 0 auto;vertical-align: top;text-align: center;display: inline-block;text-transform: uppercase;font-size: .9em;outline: none;border: none;background-image: linear-gradient(to left, transparent, transparent 50%, #92c93e 50%, #92c93e);background-position: 100% 0;background-size: 200% 100%;transition: all .25s ease-in;border-right: none;-webkit-transition: all .2s ease-in-out;-moz-transition: all .2s ease-in-out;-o-transition: all .2s ease-in-out;transition: all .2s ease-in-out;}
.cta-more-insights:hover {background-position: 0 0;color: #FFF; transform: scale(1.05);-webkit-box-shadow: 0px 0px 10px 5px rgba(147,147,147,0.2); -o-box-shadow: 0px 0px 10px 5px rgba(147,147,147,0.2); -ms-box-shadow: 0px 0px 10px 5px rgba(147,147,147,0.2); -moz-box-shadow: 0px 0px 10px 5px rgba(147,147,147,0.2);box-shadow: 0px 0px 10px 5px rgba(147,147,147,0.2);}
.hideassets{width: 2em;height: 2em;position: absolute;top: -5%;right: 0;color: #FFF;background: #00a6e0;cursor: pointer;}

/*====================================================================== Customer testimonial */
.homepage-Customer-talk{background: #f3f3f3;min-height: 380px; vertical-align: middle;padding: 0;display: block;}
.customer-talk-list{clear: both;}
.customer-talk-list::before{content: "";border: 5px solid #00a7e1;position: absolute;height: 60px;left: -10px;top: -30px;}
.customer-talk-image{position: relative}
.customer-talk-image i{position: absolute;top: 40%;left: 36%;color: #FFF;font-size: 3em;}
.customer-talk-content .fa-quote-left{position: absolute;left: -5%;top: 0%;font-size: 2em;color: #c6c8ca;}
.customer-talk-content .fa-quote-right{position: relative;left: 55%;font-size: 1.5em;color: #c6c8ca;}
.customer-talk-content p{font-family:'Open Sans' ;font-size: 1em;color: #53555f;padding: 1em 0 2em 0;text-align: left;line-height: 1.2em;margin: 0 auto;}
.customer-talk-title p{font-family:'Open Sans' ;font-size: 1em;color: #53555f;padding: 0;text-align: left;line-height: 1.2em;margin: 0 auto;}
.customer-talk-content span{font-weight: bold}
.homepage-Customer-talk .carousel-inner{overflow:unset;}

.homepage-Customer-talk .carousel-control-next-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' width='10' height='10' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/%3e%3c/svg%3e");
}
.homepage-Customer-talk .carousel-control-prev-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/%3e%3c/svg%3e");
}
.homepage-Customer-talk .carousel-control-next {
    right: -25px;
    width: auto;
    height: auto;
}
.homepage-Customer-talk .carousel-control-prev {
    left: -25px;
    width: auto;
    height: auto;
}

.carousel-inner{overflow:hidden}
.carousel-indicators li{border-radius: 50%;width: 10px;height: 10px;background: none;border: 2px solid #c8cacc;opacity: 1;}
.carousel-indicators li.active, .carousel-indicators li:hover{background: #92c93e;}
.carousel-indicators{left: 20%; right: inherit; bottom: -10%}

/*====================================================================== Customer Logo */
.customer-logos{padding: 2em 0}/* Slider */.slick-slide{margin: 0px 20px;}.slick-slide img{width: 100%; height: 100%}.slick-slider{position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent;}.slick-list{position: relative; display: block; overflow: hidden; margin: 0; padding: 0;}.slick-list:focus{outline: none;}.slick-list.dragging{cursor: pointer; cursor: hand;}.slick-slider .slick-track,.slick-slider .slick-list{-webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}.slick-track{position: relative; top: 0; left: 0; display: block;}.slick-track:before,.slick-track:after{display: table; content: '';}.slick-track:after{clear: both;}.slick-loading .slick-track{visibility: hidden;}.slick-slide{display: none; float: left; height: 100%; min-height: 1px;}[dir='rtl'] .slick-slide{float: right;}.slick-slide img{display: block;}.slick-slide.slick-loading img{display: none;}.slick-slide.dragging img{pointer-events: none;}.slick-initialized .slick-slide{display: block;}.slick-loading .slick-slide{visibility: hidden;}.slick-vertical .slick-slide{display: block; height: auto; border: 1px solid transparent;}.slick-arrow.slick-hidden{display: none;}
.customer-logos .slick-custom-arrow.slick-custom-arrow-right.slick-arrow, .logo-details .slick-custom-arrow.slick-custom-arrow-right.slick-arrow{position: absolute;right: -20px;font-size:30px;top: 40%;transform: translate(-0, -50%);bottom: auto;color: #53555f;background-color: transparent;}
.customer-logos .slick-custom-arrow.slick-custom-arrow-left.slick-arrow, .logo-details .slick-custom-arrow.slick-custom-arrow-left.slick-arrow{position: absolute;right: auto;font-size:30px;left: -20px;bottom: 0;top: 40%;transform: translate(-0, -50%);color: #53555f;background-color: transparent;}
.homepage-request-demo{min-height: 300px; background-size:100% 100% !important;position: relative;padding: 1.8em; position: relative}
.request-demo-btn{position: absolute;min-height: 100px;bottom: 0;right: 10%;background: #f7951c;width: 270px;padding: 2em;}
.request-demo-btn h6{font-family:'Open Sans' ;font-size: 1.5em;color: #ffffff;padding: 0;font-weight: bold;text-align: left;line-height: 1.2em;margin: 0 auto;}
.request-demo-btn a{color: #FFF;border-left: 6px solid #ffffff;border-radius: inherit;text-transform: uppercase;font-weight: bold;margin: 1em 0 0 0;font-size: .9em;  outline: none;border-top: none;border-bottom: none;background-image: linear-gradient(to left, transparent, transparent 50%, #FFF 50%, #FFF);background-position: 100% 0;background-size: 200% 100%;transition: all .25s ease-in;border-right: none;  -webkit-transition: all .2s ease-in-out;-moz-transition: all .2s ease-in-out;-o-transition: all .2s ease-in-out;transition: all .2s ease-in-out;}
.request-demo-btn a:hover {background-position: 0 0;color: #f7951c;transform: scale(1.05);}

.homepage-request-demo.vm-request-demo{background: url("/themes/custom/metrics/css/../images/Layer-627.jpg") no-repeat top center;background-size: cover;margin-top: 98px;}

.homepage-request-demo.blog-request-demo{background: url("/themes/custom/metrics/css/../images/Layer-19.jpg") no-repeat top center;background-size: cover;margin-top: 60px;}

.homepage-request-demo.partner-community{background: url("/themes/custom/metrics/css/../images/Layer-5961.jpg") no-repeat top center;background-size: cover;margin-top: 60px;}
.homepage-request-demo.partner-community .request-demo-btn{background: #006fba;width: 575px;color: #fff;}


.start-your-journey ul {margin: 0;padding: 0;text-align: center;}
.start-your-journey ul li{width: 48%;display: inline-block;margin: 0 .5em;background:  #53555f;padding: 0;text-align: left;position: relative;vertical-align: top;}
.start-your-journey ul li.bg-green{background: #93c83e}
.start-your-journey ul li h6{font-family:'Open Sans' ;font-size: 2em;color: #ffffff;padding: 0;font-weight: bold;text-align: left;line-height: 1em;margin: 2em auto 0 auto;}
.start-your-journey ul li p{font-family:'Open Sans' ;font-size: 1em;color: #ffffff;padding: 1em 0;text-align: left;line-height: 1.2em;margin: 0 auto;font-weight: 500;}

.bg-green{background: #93c83e}
.bg-grey{background: #53555f}
.bg-grey h6, .bg-green h6{font-family:'Open Sans' ;font-size: 1.5em;color: #ffffff;font-weight: bold;text-align: left;line-height: 1em;margin: 1em .5em .5em 0em;}
.bg-grey p, .bg-green p{font-family:'Open Sans' ;font-size: .9em;color: #ffffff;text-align: left;line-height: 1.2em;margin: 0 auto;font-weight: 500;}



/*====================================================================== Partners */
.partners-with-us{min-height: 380px; vertical-align: middle; padding: 3em 0;display: block;}
.partners-with-us-blue-bg{text-align: center;background: #00a7e1;min-height: 350px;padding: 0;vertical-align: bottom;}
.partners-with-us-blue-bg h6{font-family:'Open Sans' ;font-size: 1.5em;color:#ffffff;padding: 1em 1em 0em 1em;font-weight: bold;text-align: left;line-height: 1.2em;}
.partners-with-us-blue-bg img{bottom: 0; vertical-align: bottom;  left: 0}
.partners-with-us-image{position: relative}
.partners-with-us-blue-bg p, .partners-with-us-conternt p{font-family:'Open Sans' ;font-size: .9em;color: #ffffff;padding: 0 1em 1em 1.6em;text-align: left;line-height: 1.2em;margin: 0 auto;font-weight: 500;}
/**.partners-with-us-blue-bg::before{content: "";border: 5px solid #00a7e1;position: absolute;height: 60px;left: -10px;top: 35%;} **/

.get-certified{background:#006fba;background-position: top right;background-size: contain;background-repeat: no-repeat;}  
.GetCertifiedbg{ }
/**.get-certified::before{content: "";border: 5px solid #00a7e1;position: absolute;height: 60px;left: -10px;top: 0;} **/
.get-certified h6{font-family:'Open Sans' ;font-size: 1.5em;color:#ffffff;padding: 1em 1em .5em 1em;font-weight: bold;text-align: left;line-height: 1.2em;margin: 0 auto;width: auto;}
.get-certified p{font-family:'Open Sans' ;font-size: .9em;color: #ffffff;padding: 0em 1em 0em 1.6em;text-align: left;line-height: 1.4em;margin: 0 auto;}
.get-certified a{text-align: left; color: #FFF;border-left: 6px solid #92c93e;border-radius: inherit;text-transform: uppercase;font-weight: bold;margin: 2em 0 0 2em;font-size: .9em;outline: none;border-top: none;border-bottom: none;background-image: linear-gradient(to left, transparent, transparent 50%, #92c93e 50%, #92c93e);background-position: 100% 0;background-size: 200% 100%;transition: all .25s ease-in;border-right: none;  -webkit-transition: all .2s ease-in-out;-moz-transition: all .2s ease-in-out;-o-transition: all .2s ease-in-out;transition: all .2s ease-in-out;}
.get-certified a:hover {background-position: 0 0; color: #FFF; transform: scale(1.05);-webkit-box-shadow: 0px 0px 10px 5px rgba(147,147,147,0.2); -o-box-shadow: 0px 0px 10px 5px rgba(147,147,147,0.2); -ms-box-shadow: 0px 0px 10px 5px rgba(147,147,147,0.2); -moz-box-shadow: 0px 0px 10px 5px rgba(147,147,147,0.2);box-shadow: 0px 0px 10px 5px rgba(147,147,147,0.2);}

/*====================================================================== Footer */
.footer{background: #53555f;font-family:'Open Sans' ;margin: 1.5em 0 0 0;color: #FFFFFF;text-align: left;padding: 2em 0 1em 0;}
.msfooter .collapse { display: inherit;}
.footer ul li{font-family:'Open Sans' ;font-size: .8em;color: #ffffff;padding: 0.3em 0;text-align: left;line-height: 1.2em;margin: 0 auto;font-weight: 500;}
.footer ul li a{color: #FFF}
.footer ul li h6{font-weight: bold; font-size: 1.1em}
.copyright, .socilaicons{font-size: .8em;}
.copyright a { color:#fff;}
.socilaicons a{margin: 0px 3% 0 0;display:inline-block;color: #FFFFFF; }
.socilaicons a:first-child{margin-left: 1em !important}
.socilaicons a i{font-size: 1.3em; transition: transform 0.2s ease; -webkit-transition: transform 0.2s ease; -moz-transition: transform 0.2s ease; -o-transition: transform 0.2s ease;}
.socilaicons a:hover i{color: #93c83e; transform: translateY(-5px); -webkit-transform: translateY(-5px); -moz-transform: translateY(-5px); -o-transform: translateY(-5px)}
.back-to-top {position: fixed; bottom: 25px; right: 25px; display: none; border: none; padding: 0; margin: 0; outline: none}
.back-to-top i{font-size: 1.5em; margin-bottom: 90px; color: #93c93e; transition: transform 0.2s ease; -webkit-transition: transform 0.2s ease; -moz-transition: transform 0.2s ease; -o-transition: transform 0.2s ease;}
.back-to-top i:hover{transform: translateY(-5px); -webkit-transform: translateY(-5px); -moz-transform: translateY(-5px); -o-transform: translateY(-5px)}
a.back-to-top:focus{border: none; outline: none}

.grey-grdient{background: -moz-linear-gradient(270deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 37%, rgba(236,236,236,1) 100%);
background: -webkit-linear-gradient(270deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 37%, rgba(236,236,236,1) 100%);
background: -o-linear-gradient(270deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 37%, rgba(236,236,236,1) 100%);
background: -ms-linear-gradient(270deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 37%, rgba(236,236,236,1) 100%);
background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 37%, rgba(236,236,236,1) 100%);}
.grc-platform{min-height: 550px; position: relative;padding: 0; background-repeat: no-repeat; background-position: 90% 70%}

.grc-platform-wrp{position: absolute;;bottom: 0;left: 10%;background: #93c83e;padding: 2em;}
.grc-platform-wrp h6{font-family:'Open Sans' ;font-size: 1.5em;color: #ffffff;padding: 0;font-weight: bold;text-align: left;line-height: 1.2em;margin: 0 auto;}
.grc-platform-wrp p{font-family:'Open Sans' ;font-size: 1em;color: #fff;padding: 0.5em 1em 1em 0em;text-align: left;line-height: 1.2em;margin: 0 auto;}
.grc-platform-wrp a{color: #FFF;border-left: 6px solid #ffffff;border-radius: inherit;text-transform: uppercase;font-weight: bold;margin: 1em 0 0 0;font-size: .9em;  outline: none;border-top: none;border-bottom: none;background-image: linear-gradient(to left, transparent, transparent 50%, #FFF 50%, #FFF);background-position: 100% 0;background-size: 200% 100%;transition: all .25s ease-in;border-right: none;  -webkit-transition: all .2s ease-in-out;-moz-transition: all .2s ease-in-out;-o-transition: all .2s ease-in-out;transition: all .2s ease-in-out;}
.grc-platform-wrp a:hover {background-position: 0 0;color: #93c83e;transform: scale(1.05);}

.application-appspage-wrp{background: #53555f;min-height: 400px;padding: 0 0 2em 0;text-align: center; overflow: hidden}
.breadcrumb{background: none; font-family:'Open Sans' ; font-size: .9em;padding-left: 0;padding-right: 0;}
.breadcrumb-item a{font-weight: normal}
.breadcrumb-item.active{font-weight: bold}

.slide .carousel-inner picture img{width: 100%;}
.apps-about-content h2{font-family:'Open Sans' ;font-size: 1.7em;color: #53555f;padding: .5em 1em .5em 0em;font-weight: bold;text-align: left;line-height: 1.2em;margin: 0 auto;width: auto;}
.apps-about-content p{font-family:'Open Sans' ;font-size: 1em;color: #333333;padding: 0.5em 1em 1em 0em;text-align: left;margin: 0 auto;}
.apps-about-content hr, .marketplace hr {  padding: 0;margin: 0;border: none;width: 10%;border-bottom: 4px solid #00a6e0;}
.apps-about-content a{color: #00a6e0;border-left: 5px solid #91c840;margin-bottom: 37px; border-radius: inherit;text-transform: uppercase;font-weight: bold;margin: 1em 0 0 0;font-size: .9em;outline: none;border-top: none;border-bottom: none;background-image: linear-gradient(to left, transparent, transparent 50%, #91c840 50%, #91c840);background-position: 100% 0;background-size: 200% 100%;transition: all .25s ease-in;border-right: none;-webkit-transition: all .2s ease-in-out;-moz-transition: all .2s ease-in-out;-o-transition: all .2s ease-in-out;transition: all .2s ease-in-out;}
.apps-about-content a:hover {background-position: 0 0; color: #ffffff;transform: scale(1.05);}
.apps-about-content ul{margin: 1em 1em;}
.apps-about-content ul li{margin: .5em 0}

.apps-bnr-indicator{left: 35%;bottom: 0;}
.apps-bnr-content .carousel-caption h1{font-family: 'Open Sans' ;
font-size: 48px;
text-align: left;
line-height: normal;
font-weight: 700;}
.apps-bnr-content .carousel-caption p {
    font-size: 32px;
    font-weight: 500;
    text-transform: uppercase;
    line-height: normal;
}
.image-center-vertical {
    margin-top: auto !important;
    margin-bottom: auto !important;
}
.apps-bnr-content .carousel-caption{left: 7%;text-align: left;width: 80%;padding-left: 10px;top: 45%;transform: translate(0,-50%);}
a.apps-learnmore {text-align: left; color: #FFF;border-left: 6px solid #92c93e;border-radius: inherit;text-transform: uppercase;font-weight: bold;margin: 2em 0 0 2em;font-size: .9em;outline: none;border-top: none;border-bottom: none;background-image: linear-gradient(to left, transparent, transparent 50%, #92c93e 50%, #92c93e);background-position: 100% 0;background-size: 200% 100%;transition: all .25s ease-in;border-right: none;  -webkit-transition: all .2s ease-in-out;-moz-transition: all .2s ease-in-out;-o-transition: all .2s ease-in-out;transition: all .2s ease-in-out;}
a.apps-learnmore:hover {background-position: 0 0; color: #FFF; transform: scale(1.05);-webkit-box-shadow: 0px 0px 10px 5px rgba(147,147,147,0.2); -o-box-shadow: 0px 0px 10px 5px rgba(147,147,147,0.2); -ms-box-shadow: 0px 0px 10px 5px rgba(147,147,147,0.2); -moz-box-shadow: 0px 0px 10px 5px rgba(147,147,147,0.2);box-shadow: 0px 0px 10px 5px rgba(147,147,147,0.2);}

.apps-heading{background: #f3f3f3;margin: 2em 0;padding: .5em 0;}
.appsdropdown{position: relative;min-width: 50%;float: right;}
.appsdropdown i{}
.appsdropdown > div.caption{background-color: #f3f3f3; padding: 0; border-bottom: 3px solid #93c83e; cursor: pointer; float: right;}.appsdropdown > div.caption i{color: #00a7e1;display: inline-block;padding: 0 0 0 .5em;}.appsdropdown > div.list{position: absolute;background-color: #f3f3f3;width: 100%;display: none;z-index: 1;font-size: .9em;text-align: right;border-radius: 0 0 10px;top: 2em;}.appsdropdown > div.list > div.item{padding: .5em 1em; cursor: pointer; text-align: revert;}.appsdropdown > div.list > div.item.selected{font-weight: bold; border-bottom: 5px solid #6A0136;}

.appsdropdown > div.list > div.item:hover{background-color: rgb(2 167 225); color: #fff;}.appsdropdown.open > div.caption{}.appsdropdown.open > div.list{display: block;}

.all-apps-list h6{font-family:'Open Sans' ;font-size: 1.2em;color: #53555f;padding: .5em 1em .5em 0em;font-weight: bold;text-align: left;line-height: 1.2em;margin: 0 auto;width: auto;}
.all-apps-list p{font-family:'Open Sans' ;font-size: .9em;color: #333333;padding: 1em 1em 1em 0em;text-align: left;line-height: 1.5em;margin: 0 auto;}
.all-apps-list hr{padding: 0;margin: 0;border: none;width: 20%;border-bottom: 4px solid #00a6e0;}
.all-apps-list a{color: #006fba;border-left: 5px solid #91c840;border-radius: inherit;text-transform: uppercase;font-weight: 500;margin: 1em 0 0 0;font-size: .9em;outline: none;border-top: none;border-bottom: none;background-image: linear-gradient(to left, transparent, transparent 50%, #91c840 50%, #91c840);background-position: 100% 0;background-size: 200% 100%;transition: all .25s ease-in;border-right: none;-webkit-transition: all .2s ease-in-out;-moz-transition: all .2s ease-in-out;-o-transition: all .2s ease-in-out;transition: all .2s ease-in-out;}
.all-apps-list a:hover {background-position: 0 0;color: #ffffff;transform: scale(1.05);}

a.loadmore{color: #fff;background-color: #93c83e;font-weight: bold;border-radius: inherit;padding: .5em 1.5em;vertical-align: top;border: none;background-image: linear-gradient(to left, transparent, transparent 50%, #00a7e1 50%, #00c6ff);background-position: 100% 0;background-size: 200% 100%;transition: all .25s ease-in;-webkit-transition: all .2s ease-in-out;-moz-transition: all .2s ease-in-out;-o-transition: all .2s ease-in-out;transition: all .2s ease-in-out;clear: both;font-size: .9em;}
a.loadmore:hover {background-position: 0 0; color: #FFF; transform: scale(1.05);}

.appscollapse .card{border: none; margin: 1em 0; padding: 0; text-align: left}
.appscollapse .card h5{font-family:'Open Sans' ;font-size: 1em; color: #53555f; padding: 0em;font-weight: bold;line-height: 1.2em;margin: 0 auto;}
.appscollapse .card h5 i{float: right; text-align: right;position: absolute;top: 50%;transform: translate(0%,-50%);right: 30px;}
.appscollapse .card-header{padding: 0;border: none;}
.appscollapse .card .btn-link{color: #53555f; width: 100%;  font-weight: bold; text-align: left;background-color: #fff;border-radius: 0;border: none;padding: 15px 30px;position: relative;}
.appscollapse .card .btn-link:hover{text-decoration: none}
.appscollapse .card  .btn-link.focus, .btn-link:focus{ outline: none; border: none; text-decoration: none; box-shadow: none}
.appscollapse .card-body{text-align: left;padding: 0 30px 30px;}
.appscollapse .card-body p, .appscollapse .card-body ul li{font-family:'Open Sans' ;font-size: .9em;color: #333333;padding:  0em;line-height: 1.5em;margin: .5em 0;}
.appscollapse .card-body h6{font-family:'Open Sans' ;font-size: 1em; color: #53555f; padding: 0em;font-weight: bold;line-height: 1.2em;margin: 0 0 1em;}
.appscollapse .card-body ul{margin: 1em 0 0 1em}

.ms-advantage-list{padding: 1em 0; text-align: left}
.ms-advantage-list div{margin: 1em 0}
.ms-advantage-list h5{font-family:'Open Sans' ;font-size: 1.8em;color: #fff;padding: 1em 0 0.6em 0.5em;font-weight: bold;line-height: 1.2em;margin: 0 auto;width: 100%;display: block;}
.ms-advantage-list h6{font-family:'Open Sans' ;font-size: 1.2em;color: #fff;padding: .5em 1em .5em 0em;font-weight: bold;line-height: 1.2em;margin: 0 auto;width: auto;}
.ms-advantage-list p{font-family:'Open Sans' ;font-size: .9em;color: #fff;padding: 1em 1em 1em 0em;line-height: 1.5em;margin: 0 auto;}
.ms-advantage-list hr{padding: 0;margin: 0;border: none;width: 20%;border-bottom: 4px solid #00a6e0;}
.ms-advantage-list a{color: #00a6e0;border-left: 5px solid #91c840;border-radius: inherit;text-transform: uppercase;font-weight: bold;margin: 1em 0 0 0;font-size: .9em;outline: none;border-top: none;border-bottom: none;background-image: linear-gradient(to left, transparent, transparent 50%, #91c840 50%, #91c840);background-position: 100% 0;background-size: 200% 100%;transition: all .25s ease-in;border-right: none;-webkit-transition: all .2s ease-in-out;-moz-transition: all .2s ease-in-out;-o-transition: all .2s ease-in-out;transition: all .2s ease-in-out;}
.ms-advantage-list a:hover {background-position: 0 0;color: #ffffff;transform: scale(1.05);}

.BVD-wrap{background: #53555f;min-height: 300px;padding: 0 0 2em 0;text-align: center; overflow: hidden}
.BVD{text-align: left}
.BVD h5{font-family:'Open Sans' ;font-size: 1.8em;color: #fff;padding: 1em 0 1.5em 0.5em;font-weight: bold;line-height: 1.2em;margin: 0 auto;width: 100%;display: block;}
.BVD h6{font-family:'Open Sans' ;font-size: 1.8em;color: #fff;padding: .5em 1em .5em 0em;font-weight: bold;line-height: 1.2em;margin: 0 auto;width: auto;}
.BVD p{font-family:'Open Sans' ;font-size: .9em;color: #fff;padding: 1em 1em 1em 0em;line-height: 1.5em;margin: 0 auto;}
.BVD hr{padding: 0;margin: 0;border: none;width: 10%;border-bottom: 4px solid #00a6e0;}
.BVD a{color: #fff;border-left: 5px solid #91c840;border-radius: inherit;text-transform: uppercase;font-weight: bold;margin: 1em 0 0 0;font-size: .9em;outline: none;border-top: none;border-bottom: none;background-image: linear-gradient(to left, transparent, transparent 50%, #91c840 50%, #91c840);background-position: 100% 0;background-size: 200% 100%;transition: all .25s ease-in;border-right: none;-webkit-transition: all .2s ease-in-out;-moz-transition: all .2s ease-in-out;-o-transition: all .2s ease-in-out;transition: all .2s ease-in-out;}
.BVD a:hover {background-position: 0 0;color: #ffffff;transform: scale(1.05);}

.feature-list h6 {padding: 0; text-align: left;}
.feature-list div{margin: 0.6em 0;padding-bottom: 10px; }
.feature-list h5{font-family:'Open Sans' ;font-size: 1.8em;color: #53555f;padding: 1em 0 1.5em 0.5em;font-weight: bold;line-height: 1.2em;margin: 0 auto;width: 100%;display: block;}
.feature-list h6{font-family:'Open Sans' ;font-size: 1.2em;color: #53555f;padding: .5em 1em .5em 0em;font-weight: bold;line-height: 1.2em;margin: 0 auto;width: auto;}
.feature-list p{font-family:'Open Sans' ;font-size: .9em;color: #53555f;padding: 1em 1em 1em 0em;line-height: 1.5em;margin: 0 auto;}
.feature-list hr{padding: 0;margin: 0;border: none;width: 20%;border-bottom: 4px solid #93c83e;}
.feature-list a{color: #53555f;border-left: 5px solid #00a7e1;border-radius: inherit;text-transform: uppercase;font-weight: bold;margin: 1em 0 0 0;font-size: .9em;outline: none;border-top: none;border-bottom: none;background-image: linear-gradient(to left, transparent, transparent 50%, #00a7e1 50%, #00a7e1);background-position: 100% 0;background-size: 200% 100%;transition: all .25s ease-in;border-right: none;-webkit-transition: all .2s ease-in-out;-moz-transition: all .2s ease-in-out;-o-transition: all .2s ease-in-out;transition: all .2s ease-in-out;}
.feature-list a:hover {background-position: 0 0;color: #ffffff;transform: scale(1.05);}
.download_data_sheet a{color: #53555f;border-left: 5px solid #00a7e1;border-radius: inherit;text-transform: uppercase;font-weight: bold;margin: 1em 0 1em 0em;font-size: .9em;outline: none;border-top: none;border-bottom: none;background-image: linear-gradient(to left, transparent, transparent 50%, #00a7e1 50%, #00a7e1);background-position: 100% 0;background-size: 200% 100%; transition: all .25s ease-in;border-right: none;-webkit-transition: all .2s ease-in-out;-moz-transition: all .2s ease-in-out;-o-transition: all .2s ease-in-out;transition: all .2s ease-in-out;}
.doqnload_data_sheet a:hover {background-position: 0 0;color: #ffffff;transform: scale(1.05);}

.featureslide-content{background: #93c83e;width: 20%;padding: 1.5em;text-align: left;position: absolute;top: 0;left: 10%;}
.featureslide-content-blue{background: #00a7e1;width: 23%;padding: 25px 30px 60px;text-align: left;position: absolute;top: 0;left: 10%;color: #fff;}
.featureslide-content-blue h4 {font-size: 20px;line-height: normal;font-weight: 500;color: #fff;}
.featureslide-content h6{font-family:'Open Sans' ;font-size: 1.7em;color:#ffffff;padding:0em;font-weight: bold;text-align: left;line-height: 1.2em;margin: 0 auto;width: auto;}
.featureslide-content p{font-family:'Open Sans' ;font-size: 1em;color:#ffffff;padding: .5em 0;line-height: 1.2em;font-weight: bold;}
#featureslide .carousel-indicators{left: 33%;right: inherit;bottom: 0;}
#featureslide .carousel-indicators li.active, #featureslide .carousel-indicators li:hover{background: #53555f;}

/*====================================================================== solutions */
#solutions-wrp{min-height: 350px;padding: 0 0 2em 0;text-align: center; overflow: hidden}
#solutions-wrp .nav-pills .nav-link.active, #solutions-wrp .tab-content h6{color: #333333}
#solutions-wrp .tab-content p{color: #666666}
#solutions-wrp .application-homepage-blue-bg h5{font-family:'Open Sans' ;font-size: 6em;color:#ffffff;padding: 0em 0;font-weight: bold;text-align: left;line-height: 1.2em;margin: 0;}
#solutions-wrp .application-homepage-blue-bg p{font-family:'Open Sans' ;font-size: 1em;color:#ffffff;padding:0 .5em;text-align: left;line-height: 1.2em;font-weight: normal;}
#solutions-wrp .nav-sidebar ul li a{font-size: .9em}
.insightstream-dropdown-list{min-height: 350px;clear: both;background: url("/themes/custom/metrics/css/../images/insight-stream-bg.png") no-repeat center center fixed;background-size: contain; position: relative;padding: 2em 0 0 0;}
.insightstream-dropdown-list select{background: none;color: #fff;border: none;text-align: right;margin: 0;font-family: 'Open Sans' ;font-size: 1em;font-weight: bold;}
.insightstream-dropdown-list select:focus{box-shadow: none; outline: none}
.insightstream-dropdown-list span{color: #FFFFFF;font-size: .9em;text-transform: uppercase; padding: 1em 0 0 .3em}
.insightstream-dropdown-list-01{left: 5%;top: 10%;} .insightstream-dropdown-list-02{left: 20%;bottom: 20%;} .insightstream-dropdown-list-03{left: 50%;top: 40%;} .insightstream-dropdown-list-04{right: 15%;top: 20%;} .insightstream-dropdown-list-05{right: 0%;bottom: 10%;}    
.insightstream-dropdown-list-01, .insightstream-dropdown-list-02, .insightstream-dropdown-list-03, .insightstream-dropdown-list-04, .insightstream-dropdown-list-05{position: absolute}
.insightstream-dropdown-list-01 i, .insightstream-dropdown-list-02 i, .insightstream-dropdown-list-03 i, .insightstream-dropdown-list-04 i, .insightstream-dropdown-list-05 i{font-size: .9em}
.insightstream-dropdown-list-01 a, .insightstream-dropdown-list-02 a, .insightstream-dropdown-list-03 a, .insightstream-dropdown-list-04 a, .insightstream-dropdown-list-05 a{color: #FFF; font-size: 1em}
.insightstream-dropdown-list .active{opacity: 1}
/*select#insightstream-dropdown-list{direction:rtl;text-align:right;}
select#insightstream-dropdown-list option {direction:rtl;text-align:right;}
select#insightstream-dropdown-list {-webkit-appearance: none;-moz-appearance: none;text-indent: 1px;text-overflow: '';}
select#insightstream-dropdown-list::-ms-expand {display: none;}*/

.contact-download-rfp, .contact-pricing, .contact-requrest-demo{padding: 1.5em 2em;font-family:'Open Sans' ;position: relative;}
.contact-requrest-demo h6, .contact-download-rfp h6, .contact-pricing h6{text-transform: uppercase;font-family:'Open Sans' ;font-size: 1.2em;color:#ffffff;padding: 0em 0 .5em 1em;font-weight: bold;line-height: 1.2em;margin: 0;}
.contact-requrest-demo p, .contact-download-rfp p, .contact-pricing p{font-family:'Open Sans' ;font-size: .9em;color:#ffffff;padding: 0em 0 .5em 1.2em;line-height: 1.2em;margin: 0 auto;}
.contact-requrest-demo a > img, .contact-download-rfp a > img, .contact-pricing a > img{padding-left: 15px;width: 35px;transition:all 0.2s ease-out;height: 12px;}
.contact-requrest-demo a:hover img, .contact-download-rfp a:hover img, .contact-pricing a:hover img{width:40px; }
.contact-download-rfp .icon, .contact-pricing .icon, .contact-requrest-demo .icon{position: absolute;color: #FFFFFF;top: 14%;left: 4%;}
.contact-download-rfp p i, .contact-pricing p i, .contact-requrest-demo p i{position: inherit;padding: .5em 0 0 0;}
.contact-details{border-left: 5px solid #53555f;padding: 0 0 0 1.5em; color: #53555f}
.contact-details h5{font-family:'Open Sans' ;font-size: 1.2em;padding: 0em 0 .5em 0em;font-weight: bold;line-height: 1.2em;margin: 0;}
.contact-details p{font-family:'Open Sans' ;font-size: .9em;padding: .5em 0;line-height: 1.4em;margin: 0 auto;}
.contact-details p:last-child{padding-bottom: 0}
.office-location{text-align: left}
.office-location h5{font-family:'Open Sans' ;font-size: 1.62em;padding: 0em 0 5px 0em;font-weight: bold;line-height: 1.2em;margin: 0; color: #FFF}
.office-location hr{padding: 0;margin: 0;border: none;width: 60px;border-bottom: 4px solid #91c840}
.office-location p{font-family:'Open Sans' ;font-size: .9em;color: #FFF;padding: 0.5em 0.5em 0.5em 0em;line-height: 24px;margin: 0 auto;}
.office-location p strong{display: block; padding: 0px 0}
.office-location div{color: #FFF}

/* CUSTOMIZE THE CAROUSEL
-------------------------------------------------- */
/* Carousel base class */
.carousel {
  margin-bottom: 0rem;
}
/* Since positioning the image, we need to help out the caption */
.carousel-caption {
  bottom: 3rem;
  z-index: 10;
}

/* Declare heights because of positioning of img element */
.apps-bnr-content {
  height: 25rem;
}
.apps-bnr-content> img {
  position: absolute;
  top: 0;
  left: 0;
  min-width: 100%;
  height: 32rem;
}


/* MARKETING CONTENT
-------------------------------------------------- */

/* Center align the text within the three columns below the carousel */
.marketing .col-lg-4 {
  margin-bottom: 1.5rem;
  text-align: center;
}
.marketing h2 {
  font-weight: 400;
}
.marketing .col-lg-4 p {
  margin-right: .75rem;
  margin-left: .75rem;
}


/* Featurettes
------------------------- */

.featurette-divider {
  margin: 5rem 0; /* Space out the Bootstrap <hr> more */
}

/* Thin out the marketing headings */
.featurette-heading {
  font-weight: 300;
  line-height: 1;
  letter-spacing: -.05rem;
}

/*news-room-css*/
.media-coverage {
    padding: 0px 0 10px;
}
.media-coverage .border {
    padding: 30px 20px 25px;
    margin-bottom: 20px;
}
.media-coverage .border p{
	font-size: 15px;
	margin-bottom: 22px;
}
.media-coverage .border .btn.learnmore {
    font-size: 14px;
    color: #006fba;
    border-left: 5px solid #53555f;
    background-image: linear-gradient(to left, transparent, transparent 50%, #53555f 50%, #53555f);
    font-weight: 500;
}
.media-coverage .border .btn.learnmore:hover{
	color: #fff;
}

.ms-filter-sec {
    padding-bottom: 42px;
}
.ms-filter-sec .form-group {
    display: flex;
    float: left;
    padding: 0 15px;
    margin: 0;
}
.ms-filter-sec h4 {
    font-size: 30px;
    color: #45454a;
  /**  background-color: #fafafa; **/
    padding: 0px 30px 5px 0px;
    margin: 0;
    position: relative;
}
.ms-filter-sec h4::before {
    content: "";
   /** border: 5px solid #00a7e1; **/
    position: absolute;
    height: 60px;
    left: -10px;
/**    top: -30px;**/
}
/**.ms-filter-sec .background-light-grey-globe h4::before{
 	border: 5px solid #93c83e; 
} **/
.ms-filter-sec .pagination-sec {
    margin-top: 0;
    padding: 50px 0px;
}
.ms-filter-sec .background-light-grey-globe.filter-bg {
    padding: 22px 0px 12px;
}
.ms-filter-sec .container-lg:not(:first-child) .row {
    padding: 50px 0;
}
.ms-filter-sec .tag a {
    font-size: 20px;
    font-weight: 700;
    border-left: 2px solid;
    padding: 0 18px;
}
.ms-filter-sec .tag {
    margin-bottom: 30px;
    margin-top: 35px;
}
.ms-filter-sec p{
	font-size: 18px;
	line-height: normal;
	margin-top: 15px;
    color: #53555f;
}
.ms-filter-sec .tag a:first-child{
	padding-left: 0;
	border-left: 0;
}
.ms-filter-sec .buttons {
    margin-top: 15px;
}
.ms-filter-sec .buttons a{
	color: #006fba;
	font-weight: 500;
}
.ms-filter-sec .buttons a:hover{
	color: #fff;
}
.ms-filter-sec .form-group select {
    width: auto;
    display: inline-block;
    float: none;
    border: none;
        border-bottom-color: currentcolor;
        border-bottom-style: none;
        border-bottom-width: medium;
    border-bottom: 4px solid #93c83e;
    border-radius: 0;
    background-color: transparent;
    padding: 0 20px 0 0;
    background-image: linear-gradient(45deg, transparent 50%, #00a7e1 60%), linear-gradient(135deg, #00a7e1 40%, transparent 50%) !important;
    background-position: calc(100% - 8px) 15px, calc(100% - 0px) 15px, 100% 0;
    background-size: 8px 8px, 8px 8px;
    background-repeat: no-repeat;
    -webkit-appearance: none;
    -moz-appearance: none;
}
.ms-filter-sec .form-group label {
    margin-right: 38px;
    text-transform: uppercase;
    font-size: 22px;
    font-weight: 700;
    color: #53555f;
}
.ms-filter-sec .form-group input {
    background: #fff;
    padding: 5px;
    text-align: center;
    font-size: 20px;
    color: #53555f;
    font-weight: 300;
}

/*events-css
------------------------------*/
#bs-slider img {
    width: 100%;
}
#bs-slider .carousel-item .item-text{
	position: relative;
}
#bs-slider .carousel-item .item-text h2{
    font-size: 32px;
    font-weight: 700;
    color: #fff;
    line-height: normal;
    margin-bottom: 20px;
}
#bs-slider .carousel-item .item-text h4{
	font-size: 20px;
	line-height: normal;
	font-weight: 500;
    color: #fff;
}
#bs-slider .carousel-indicators {
    bottom: 20px;
    left: 50%;
    transform: translate(-50%, -40%);
    width: 100%;
    margin: 0;
}
#bs-slider .carousel-item .background-light-blue-globe .featureslide-content-blue{
    position: absolute;
    color: #fff;
    width: 288px;
    left: 0;
    padding:25px 30px 60px;
}
#bs-slider .carousel-indicators li{
	margin: 0 7px;
}
#bs-slider .carousel-indicators li.active, #bs-slider .carousel-indicators li:hover{
	background: #fff;
	border: none;
	width: 14px;
	height: 14px;
}
.marg-bottom {
    margin-bottom: 62px;
}
.summit-sec .background-light-blue-globe,
.summit-sec .background-orange-globe{
	padding: 35px 30px 20px;
	height: 100%;
}
.summit-sec {
    padding: 65px 0 85px;
}
.summit-sec img{
	width: 100px;
	float: right;
}
.summit-sec h2 {
    font-size: 32px;
    font-weight: 700;
    color: #fff;
    position: relative;
    margin-bottom: 28px;
}
.summit-sec h2::before {
    content: "";
    border-bottom: 5px solid;
    width: 60px;
    position: absolute;
    bottom: -15px;
}
.summit-sec h5 {
    font-size: 18px;
    font-weight: 500;
    margin: 0;
    color: #fff;
}
.summit-sec h3 {
    font-size: 22px;
    font-weight: 700;
    color: #fff;
    border-top: 1px solid #66caed;
    padding-top: 26px;
    margin-top: 20px;
}
.summit-sec .background-orange-globe h3{
	border-top: 1px solid #fabf78;
}
.summit-sec p{
	font-size: 16px;
	line-height: normal;
	color: #fff;
	margin-bottom: 20px;
}
.summit-sec .btn.register {
    position: absolute;
    bottom: 20px;
}
a.register {
    color: #fff;
    border-left: 5px solid #fff;
    border-radius: initial;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 14px;
    display: inline-block;
    outline: none;
    border-top: none;
    border-bottom: none;
    background-image: linear-gradient(to left, transparent, transparent 50%, #fff 50%, #fff);
    background-position: 100% 0;
    background-size: 200% 100%;
    transition: all .25s ease-in;
    border-right: none;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    padding: 12px;
    line-height: normal;
}
a.register:hover {
    background-position: 0 0;
    color: #006fba;
    transform: scale(1.05);
    font-weight: 800;
}
.overlay {
    position: relative;
}
.overlay h3{
	font-size: 22px;
	color: #fff;
	position: absolute;
	bottom: 0;
	text-align: center;
	width: 100%;
	background-color: rgba(0,0,0,0.6);
	margin: 0;
	padding: 20px;
	line-height: normal;
}
.ms-filter-sec.past-events .form-group a {
    font-size: 20px;
    font-weight: 700;
    border-right: 2px solid;
    padding: 0px 18px;
    line-height: 20px;
    height: 20px;
    margin-top: 6px;
}
.ms-filter-sec.past-events .form-group{
	padding-right: 0;
}
.ms-filter-sec.past-events .form-group a:first-of-type {
    padding-left: 0;
}
.ms-filter-sec.past-events .form-group a:last-of-type {
    padding-right: 0;
    border-right: none;
    margin-right: 30px;
}
.ms-filter-sec.past-events .pagination-sec {
    margin-top: 60px;
    margin-bottom: 45px;
}
.btn.learnmore.action {
    color: #006fba;
    font-weight: 500;
}
.btn.learnmore.action:hover {
	color: #fff;
}

/*vm-css-start
------------------*/
.vm-sec .row {
    margin-bottom: 90px;
}
.vm-sec p {
    font-size: 16px;
    line-height: normal;
    color: #333;
}
.vm-sec h3 {
    margin-bottom: 30px;
    position: relative;
}
.vm-sec h3:before {
    content: "";
    border-bottom: 5px solid #00a7e1;
    width: 60px;
    position: absolute;
    bottom: -18px;
}

/*blog-page-css
--------------------------*/
.blog-sec .row-full img{
    width: 100%;
}
.ms-filter-sec.blog-sec .pagination-sec {
    margin-top: 50px;
}
.ms-filter-sec.blog-sec .tag {
    margin-top: 6px;
    margin-bottom: 40px;
}
.ms-filter-sec.blog-sec img{
    margin-bottom: 45px;
}
.ms-filter-sec.blog-sec .buttons {
    margin-top: 10px;
}


/*=============carrer-page-css===============*/
.all-jobs {
    padding: 75px 0 60px;
}
.all-jobs .btn.white-btn {
    margin: 70px auto 0;
    width: 136px;
    display: block;
}
.all-jobs .white-bg {
    background-color: #fff;
    padding: 20px;
    margin-bottom: 1.2rem !important;
    height: 350px !important;
}
.all-jobs .white-bg h3{
    font-size: 22px;
}
.all-jobs .white-bg p{
    font-size: 16px;
    color: #45454a;
    line-height: normal;
    margin-bottom: 25px;
    margin-top: 20px;
}
.all-jobs .gray-button {
    color: #006fba;
    font-weight: 700;
}
.careers-page-class h6{
    font-size: 1.5em;
    font-weight: bold;
  }
.careers-page-class .btn.cta-get-started {
    display: none !important;
}

/*====================customer-page-css=========*/

.homepage-Customer-talk.featured-customer h3{
    font-size: 22px;
    margin-bottom: 36px;
}
.homepage-Customer-talk.featured-customer {
    padding-bottom: 70px;
}
.homepage-Customer-talk.featured-customer .fa-quote-left{
    top: 15%;
}
.customer-talk-content .fa-quote-right{
    position: absolute;
    bottom: 120px;
    font-size: 2em;
}
.homepage-Customer-talk.featured-customer .customer-talk-list::before {
    border: 5px solid #92c93e;
}
.tab-content.logo-details {
    background: transparent;
    padding: 0;
    margin-bottom: 20px;
}
.logo-details .hidden-insight h5{
    color: #000;
}
.logo-details .links a {
    font-size: 22px;
    font-weight: 700;
    display: block;
    margin-bottom: 10px;
    color: #1064b5;
}
.logo-details a.green-button {
    color: #1064b5;
}
.logo-details .filter-bg {
    background-color: #fafafa;
    padding: 15px 40px 20px;
    margin-bottom: 20px;
    text-align: left;
}
.logo-details .logos .logo-block img {
    width: 100%;
}
.logo-details .logos .logo-block span {
    font-size: 16px;
    color: #000;
    display: block;
    text-align: center;
}
.logo-details .hideassets{
    background-color: transparent;
    position: relative;
    color: #000;
    margin: 0 auto;
}

.logo-details .know_more .hideassets {
    display: none;
}
.logo-details .know_more.show_knowmore .hideassets{
    display: block;
}
.logo-details .know_more.show_knowmore span {
    display: none;
}
.logo-details .logo-block.overlay{
    pointer-events: none;
    opacity: 0.4;
}
.logo-details .logo-block.overlay img, .logo-details .logo-block.overlay span{
    opacity: 0.4;
}
.slick-custom-arrow.slick-custom-arrow-left.slick-arrow.slick-disabled,
.slick-custom-arrow.slick-custom-arrow-right.slick-arrow.slick-disabled {
    opacity: 0.5;
    cursor: no-drop;
}

.ms-filter-sec.customer-filter .container-lg .row {
    padding: 0;
}
.ms-filter-sec.customer-filter h3 {
    font-size: 22px;
   /** margin-bottom: 15px; **/
}
.ms-filter-sec.customer-filter .links a {
    font-size: 22px;
    font-weight: 700;
    display: block;
   /** margin-bottom: 10px; **/
}
.ms-filter-sec.customer-filter .filter-bg {
    background-color: #f5f5f5;
    padding: 15px 40px 20px;
    margin-bottom: 20px;
    min-height: 300px;
}
.ms-filter-sec.customer-filter .knowmore,
.homepage-Customer-talk.featured-customer a.light-blue-button{
    font-weight: 500;
    color: #1064b5;
}
.homepage-Customer-talk.featured-customer a.light-blue-button:hover{
    color: #fff;
}
.ms-filter-sec.customer-filter p{
    margin-top: 5px;
}
.ms-filter-sec.customer-filter .col-lg-6:nth-child(odd) {
    padding-right: 10px;
}
.ms-filter-sec.customer-filter .col-lg-6:nth-child(even) {
    padding-left: 10px;
}
.ms-filter-sec.customer-filter a.green-button{
    color: #1064b5;
    font-weight: 500;
}
.ms-filter-sec.customer-filter a.green-button:hover{
   color: #fff; 
}

.customer-community .bg-color {
    background-color: #fafafa;
    padding: 25px 20px 32px;
}
.customer-community .bg-color h3{
    font-size: 22px;
}
.customer-community .bg-color p {
    font-size: 16px;
    line-height: normal;
    color: #45454a;
    margin: 20px 0px 30px;
}
.customer-community a.gray-button{
    color: #1064b5;
    font-weight: 500;
}
.customer-community a.gray-button:hover{
    color: #fff;
}


/*partner-page-css======================*/
.partners-section{
    background-color: #fafafa;
    padding: 10px 0 20px;
    margin-bottom: 75px;
}
.partners-section h3{
    font-size: 22px;
    color: #333333;
    margin-bottom: 20px;
}
.partners-section .border{
    padding: 25px 20px 35px;
}
.partners-section p{
    font-size: 13.54px;
    color: #333;
    font-weight: 500;
}
.partners-section ul {
    color: #333;
    font-size: 16px;
    margin: 20px 15px 26px;
}
.partners-section ul li {
    padding-bottom: 10px;
}
.partners-section ul li:last-child {
    padding-bottom: 0px;
}
.partners-section .gray-button {
    color: #006fba;
}

.partners-section .btn.gray-button.view-all {
    margin: 46px auto 0;
    padding-top: 16px;
    padding-bottom: 16px;
}
.partner-login .bg-color {
    background-color: #fafafa;
    padding: 25px 30px;
}
.partner-login .green-button {
    color: #006fba;
    font-weight: 500;
}

.partner-slider {
    padding-bottom: 85px;
}
.partner-slider .green-button {
    color: #006fba;
    font-weight: 500;
    margin: 1em 0;
}


/*insights-page-css=====================*/
.background-light-blue-globe.note {
    min-height: 250px;
}
.background-light-blue-globe.note p{
    font-size: 26px;
    font-weight: 700;
    color: #fff;
    padding: 35px;
}
.note-text p {
    margin-bottom: 20px;
}
.note-text .green-button {
    color: #1064b5;
    font-weight: 500;
}


/*leadership-page-css===================*/
.our-team-sec.members{
    position: relative;
    z-index: -1;
}
.our-team-sec .img-block {
    padding-right: 20px;
    width: 20%;
    text-align: center;
    min-height: 100%;
    display: flex;
    flex-direction: column;
    position: relative;
}
.our-team-sec .img-block .hover-show {
    position: absolute;
    width: 445px;
    bottom: -275px;
    color: #fff;
    text-align: left;
    z-index: 99;
    display: none;
    transition:all 0.3s ease-out;
}

.our-team-sec .img-block .hover-show .fas.fa-times {
    font-size: 24px;
    cursor: pointer;
    margin: 0 0 0 auto;
    display: table;
}
.our-team-sec .img-block .hover-show .fab.fa-linkedin {
    font-size: 25px;
    float: right;
    color: #0e76a8;
}
.our-team-sec .img-block .hover-show.show{
    display: block;
}
.our-team-sec .img-block img{
    width: 100%;
   /* border-radius: 50%; */
    width: 232px; 
}
.our-team-sec .img-block .border{
    padding: 20px 30px 25px;
    margin-top: 20px;
    flex: 1;
    cursor: pointer;
}
.our-team-sec .img-block .border h5{
    font-size: 18px;
    font-weight: 700;
    color: #53555f;
    margin-top: 30px;
    margin-bottom: 5px;
}
.our-team-sec .img-block .border p{
    font-size: 14px;
    font-weight: 300;
    color: #53555f;
}

/*about-us-page-css====================*/
.about-vision-sec .col-lg-6 {
    margin-top: 30px;
}
.about-vision-sec {
    position: relative;
}
.about-vision-sec h4 {
    position: absolute;
    bottom: 0;
    color: #fff;
    background-color: rgba(0,0,0,0.8);
    margin: 0;
    width: 100%;
    text-align: center;
    padding: 20px;
    line-height: normal;
}

.team-directors {
    background-color: #f3f3f3;
    padding-bottom: 40px;
}
.team-directors  p{
    color: #4c4c4c;
}
.team-directors  h4{
    font-size: 18px;
    margin-bottom: 5px;
}
.team-directors .column .txt-block {
    margin-bottom: 40px;
}
.team-directors .column{
    column-count: 2;
}
.team-directors h5 {
    color: #fff;
    font-size: 26px;
    font-weight: 700;
    padding: 35px 40px;
    display: table;
    margin-bottom: 30px;
}
.team-directors .btn {
    color: #006fba;
    font-weight: 500;
}
.investors .background-orange-globe h3 {
    color: #fff;
    padding: 35px 50px;
    text-align: center;
}

/*contact-gated-page==============*/
.contact-gated-text{
    padding-bottom: 118px;
}
.contact-gated-text .col-lg-3 {
    color: #fff;
    height: 100%;
    padding: 40px 30px 20px;
}
.contact-gated-text .col-lg-3 h3{
    color: #fff;
}
.contact-gated-text .right-text{
    margin-top: 88px;
}
.contact-gated-text .right-text h4 {
    font-size: 20px;
    font-weight: 500;
}
.contact-from .container-lg {
    max-width: 100%;
}
.contact-from .form-sec {
    background-color: #0071bb;
    color: #fff;
    padding: 80px 110px 75px 35px;
}
.contact-from .img-sec img {
    width: 100%;
    height: 100%;
}
.contact-from .img-sec{
    padding:0;
}
.contact-from .form-sec form h4{
    font-size: 20px;
    font-weight: 500;
    color: #fff;
    text-align: center;
    margin-bottom: 30px;
}
.contact-from .form-sec form .col-lg-3{
    text-align: right;
}
.contact-from .form-sec form .form-check-label{
    font-size: 12px;
    line-height: 22px;
}

/*vision-page-css=====================*/
.our-vision .bg-color {
    background-color: #fafafa;
    padding: 25px;
}
.our-vision .bg-color h4{
    color: #53555f;
}
.our-vision .bg-color p{
    font-size: 16px;
    color: #45454a;
}

/*industries-page-css===============*/
.rols-slide .slide h4 {
    text-align: center;
    background-color: #c1ecfb;
    padding: 22px;
    line-height: normal;
}
.rols-slide h3{
    margin: 0 10px 30px;
}
.rols-slide .slide h4:hover{
    background-color: #00a7e1;
    color: #fff;
}
.rols-slide .slide{
    margin: 0 10px;
}
.rols-slide {
    margin-bottom: 90px;
}
.slick-custom-arrow.slick-custom-arrow-left.slick-arrow {
    position: absolute;
    right: 50px;
    bottom: -60px;
    font-size: 25px;
    color: #fff;
    background-color: #53555f;
    width: 30px;
    height: 35px;
    text-align: center;
    cursor: pointer;
}
.slick-custom-arrow.slick-custom-arrow-right.slick-arrow {
    position: absolute;
    right: 10px;
    bottom: -60px;
    font-size: 25px;
    color: #fff;
    background-color: #53555f;
    width: 30px;
    height: 35px;
    text-align: center;
    cursor: pointer;
}
.green-rols.rols-slide .rols h4{
    background-color: #cfef9c;
}
.green-rols.rols-slide .rols h4:hover{background-color: #93c83e; color: #fff;}

.select-size h4{
    background-color: #efefef;
    text-align: center;
    padding: 18px;
    color: #53555f;
    margin-bottom: 85px;
}
.select-size h4:hover{
    background-color: #53555f;
    color: #fff;
}
.select-size h3{margin: 0 15px 30px;}
.suggested-products .row > h3{
    color: #fff;
    margin:0 15px 25px;
}
.suggested-products{
    padding: 55px 0 40px;
}
.suggested-products a.btn {
    margin: 35px 0 0 auto;
}
.platform .col-lg-3{
    color: #fff;
    height: 100%;
    padding: 40px 30px 20px;
}
.platform .col-lg-3 h3 {
    color: #fff;
}
.platform h4{
    font-size: 20px;
    color: #3f3f3f;
    font-weight: 500;
}
.platform .right-text{
    margin-top: 90px;
    margin-bottom: 50px;
}
.platform .btn {
    color: #5fbde8;
    font-weight: 500;
    margin-top: 30px;
}

/*post-sales-services================*/
.pss-form-sec .white-bg{
    background-color: #fff;
    margin-bottom: 35px;
    padding: 25px 20px 45px;
}
.pss-form-sec .pss-content > p{
    color: #fff;
    margin: 50px 0 45px;
}
.pss-form-sec .white-bg hr{
    padding: 0;
    margin: 0;
    border: none;
    width: 10%;
    border-bottom: 4px solid #00a6e0;
}
.pss-form-sec .form {
    background-color: #006fba;
    padding: 50px 25px 25px;
    color: #fff;
}
.pss-form-sec .form input {
    border-radius: 0;
    background-color: #197cc0;
    border: none;
        border-bottom-color: currentcolor;
        border-bottom-style: none;
        border-bottom-width: medium;
    border-bottom: 1px solid #fff;
    color: #fff;
}
.pss-form-sec .form label{
    font-size: 18px;
    font-weight: 700;
}
.pss-form-sec .form .form-group {
    margin-bottom: 20px;
}
.pss-form-sec .form .btn {
    margin-top: 15px;
}
.pss-form-sec .white-bg p {
    margin-top: 25px;
    color: #333;
}
.pss-form-sec .white-bg h4{
    margin-bottom: 20px;
}
.pss-form-sec .white-bg .banefits{
    margin-top: 35px;
}
.pss-form-sec .white-bg .banefits h5 {
    font-size: 14px;
    color: #333;
    font-weight: 700;
}
.pss-form-sec .white-bg .banefits p{
    font-size: 13.54px;
    margin-top: 15px;
}


/*popup-css============*/
.popup .modal-dialog {
    max-width: 830px;
    }
.popup .bg-img{
    position: relative;
}
.popup .bg-img h2{
    position: absolute;
    top: 50%;
    color: #fff;
    font-size: 36px;
    left: 50%;
    transform: translate(-50%, -50%);
    width: auto;
    font-weight: 700;
}
.popup .form label{
    width: 100%;
    text-align: right;
}
.popup .form input{
    background-color: #f0f0f0;
    border: 0;
}
.popup .btn {
    color: #006fba;
    font-weight: 500;
}
.popup .form .form-check-label{
    text-align: left;
}
.popup .form{
    padding: 30px 145px 58px 65px;
}
.popup .form h4{
    font-size: 20px;
    color: #000;
    text-align: center;
    margin-bottom: 20px;
}
.popup .form .applicable-select .col-lg-9{
    height: 100px;
    overflow-y: scroll;
    background-color: #f0f0f0;
    border-radius: 5px;
    padding: 15px 30px;
    scrollbar-color: #666 #e2e2e2;
    scrollbar-width: thin;
}
.popup .form .applicable-select .col-lg-9 .form-group.form-check{
    margin-bottom: 2px;
    padding: 0;
}
.popup .form .applicable-select .col-lg-9 .form-check-input{
    float: right;
    position: relative;
}
.popup .bg-img .fas.fa-times {
    position: absolute;
    right: 20px;
    top: 20px;
    color: #fff;
    font-size: 24px;
    background: transparent;
}

/*Resilience-Spotlight-css==========*/
.stories-sec .container-lg:not(:first-child) .row{padding: 0;}
.stories-sec h3{font-size: 30px;font-weight: 300;margin-bottom: 13px;}
.ms-filter-sec.stories-sec .filter-bg {
    margin-bottom: 50px;
}
.stories-sec .stories{
    position: relative;
    margin-bottom: 10px;
}
.stories-sec .stories h5 {
    font-size: 20px;
    font-weight: 700;
    background-color: #90b939;
    width: auto;
    display: table;
    color: #fff;
    padding: 9px 15px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 900;
}
.stories-sec .stories .overlay-text {
    position: absolute;
    bottom: 0;
    padding: 60px 30px 20px;
    background: -moz-linear-gradient(top,  rgba(89,91,99,0) 0%, rgba(89,91,99,0) 1%, rgba(99,100,105,0.8) 44%, rgba(112,112,112,0.8) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  rgba(89,91,99,0) 0%,rgba(89,91,99,0) 1%,rgba(99,100,105,0.8) 44%,rgba(112,112,112,0.8) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  rgba(89,91,99,0) 0%,rgba(89,91,99,0) 1%,rgba(99,100,105,0.8) 44%,rgba(112,112,112,0.8) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    width:100%;
}
.stories-sec .stories .overlay-text h2 {
    font-size: 22px;
    color: #fff;
    font-weight: 700;
    line-height: normal;
    margin-bottom: 6px;
}
.stories-sec .stories .overlay-text p {
    font-size: 20px;
    font-weight: 300;
    color: #fff;
    margin-bottom: 20px;
}
.stories-sec .stories .overlay-text span {
    font-size: 18px;
    color: #fff;
    font-weight: 300;
    font-style: italic;
}
.stories-sec .top-stories .stories .overlay-text {
    padding: 60px 10px 20px;
}
.stories-sec .top-stories .stories h5 {
    background-color: #00a7e1;
}

.spotlight h3 {
    color: #fff;
}
.spotlight .background-light-blue-globe, .featureslide-content-blue {
    min-height: 250px;
    padding: 35px;
}
.spotlight {
    padding: 45px 0 65px;
}
.spotlight .right-text {
    margin-top: 60px;
}
.spotlight .btn{color: #006fba;font-weight: 500;margin-top: 15px;}
.stories.medium-img {
    height: 242px;
    width: 100%

}
.stories.medium-img img{
object-fit: cover;
object-position: top;
}
.stories.small-img {
    height: 321px;
}

.stories.small-img img{
    object-fit: cover;
    object-position: top;
}
.stories .img-fluid{
 
    max-width: 100%;
    height: 100%;
}

.stories.top-img img {
    height: 320px;
}

.stories.top-img img{
    object-fit: cover;
    object-position: top;
    }

@media screen and (min-device-width: 768px) and (max-device-width: 1023px) { 
.stories .small-img {height: 250px;}
.all-jobs .white-bg {height: 470px;}

.stories-sec .stories .overlay-text h2 {
    font-size: 20px;
    color: #fff;
    font-weight: 700;
    line-height: normal;
    margin-bottom: 6px;
}
.stories-sec .stories .overlay-text p {
    font-size: 15px;
    font-weight: 300;
    color: #fff;
    margin-bottom: 20px;
}
.stories-sec .stories .overlay-text {
    position: absolute;
    bottom: 0;
    padding: 0px 6px 0px;
    background: -moz-linear-gradient(top, rgba(89,91,99,0) 0%, rgba(89,91,99,0) 1%, rgba(99,100,105,0.8) 44%, rgba(112,112,112,0.8) 100%);
    background: -webkit-linear-gradient(top, rgba(89,91,99,0) 0%,rgba(89,91,99,0) 1%,rgba(99,100,105,0.8) 44%,rgba(112,112,112,0.8) 100%);
    background: linear-gradient(to bottom, rgba(89,91,99,0) 0%,rgba(89,91,99,0) 1%,rgba(99,100,105,0.8) 44%,rgba(112,112,112,0.8) 100%);
}
.stories-sec .stories .overlay-text span {
    font-size: 13px;
    color: #fff;
    font-weight: 300;
    font-style: italic;
}
.stories.top-img img{
    height: 241px;
    object-fit: cover;
    object-position: left;
}
.stories.medium-img {
    height: 206px;
}
.stories.small-img {
    height: 253px;
}


.stories .stories-sec img{
    vertical-align: middle;
    border-style: none;
    object-fit: cover;
    object-position: top;

}
}
@media screen and (max-device-width: 767px) {
.stories-sec .stories .overlay-text span {
    font-size: 10px;
    color: #fff;
    font-weight: 300;
    font-style: italic;
}
.stories-sec .stories .overlay-text p {
    font-size: 14px;
    font-weight: 300;
    color: #fff;
    margin-bottom: 4px;
}
.stories-sec .stories .overlay-text h2 {
    font-size: 17px;
    color: #fff;
    font-weight: 700;
    line-height: normal;
    margin-bottom: 6px;
}
.stories-sec .stories .overlay-text {
    position: absolute;
    bottom: 0;
    padding: 60px 6px 0px;
    background: -moz-linear-gradient(top, rgba(89,91,99,0) 0%, rgba(89,91,99,0) 1%, rgba(99,100,105,0.8) 44%, rgba(112,112,112,0.8) 100%);
    background: -webkit-linear-gradient(top, rgba(89,91,99,0) 0%,rgba(89,91,99,0) 1%,rgba(99,100,105,0.8) 44%,rgba(112,112,112,0.8) 100%);
    background: linear-gradient(to bottom, rgba(89,91,99,0) 0%,rgba(89,91,99,0) 1%,rgba(99,100,105,0.8) 44%,rgba(112,112,112,0.8) 100%);
}

.stories.small-img, .stories.top-img img {
    height: 200px;
}
.stories.medium-img {
    height: 155px;
}
.stories p{
    display: none;
}
.stories .stories-sec img{
    vertical-align: middle;
    border-style: none;
    object-fit: cover;
    object-position: top;

}

}	
@media screen and (min-device-width: 1024px) and (max-device-width: 1150px) {
    .stories.top-img img{
        height: 302px;
    }
    }
/* RESPONSIVE CSS
-------------------------------------------------- */

@media (min-width: 40em) {
  /* Bump up size of carousel content */
  .carousel-caption p {
    margin-bottom: 1.25rem;
    font-size: 1.25rem;
    line-height: 1.4;
  }

  .featurette-heading {
    font-size: 50px;
  }
}

@media (min-width: 62em) {
  .featurette-heading {
    margin-top: 7rem;
  }
}


/*====================================================================== Responsive */
@media only screen and (min-width:1921px) and (max-width:2560px) {.banner .banner-text{left: 30%}}
@media only screen and (min-width:1600px) and (max-width:1920px) {.banner .banner-text{left: 20%}}

@media only screen and (min-width:1441px) and (max-width:1599px) {.banner .banner-text{left: 15%}}

@media only screen and (min-width:1336px) and (max-width:1440px) {.menu{margin: .5em 0 0 0}}

@media only screen and (min-width: 991px) and (max-width: 3500px){.our-team-sec .img-block:nth-child(11) .hover-show,.our-team-sec .img-block:nth-child(6) .hover-show {right: 22px;}}

@media only screen and (min-width: 1025px) and (max-width: 1226px){#menu{width: 70%} .banner .banner-text{padding-top: 8em; left: 3%}}

@media(max-width: 1100px){
	#menu ul li > ul{
		left: 270px;
		min-width: 60%;
	}
}

@media only screen and (min-width: 768px) and (max-width: 1024px){
.contact-from .form-sec{padding: 50px 70px 50px 20px;}
footer h5{font-size: 1em}    
.application-homepage-blue-bg h5{ font-size: 3em}    
.banner-text .event-logo{width: 25%;} .grc-platform{background-size: contain}
#menu ul li > ul{left: 260px}
.searchoverlay{width: 70%} .partners-with-us-blue-bg{min-height: 300px}
.bg-grey h6, .bg-green h6{font-size: 1.5em;}
.hidden-insight ul li{width: 46%; margin-bottom: 1%} 
.start-your-journey ul li h6{font-size: 1.5em; margin: 1em 0 0 0}
.start-your-journey ul li{width: 46%}.banner .banner-text{padding-top: 8em; left: 3%} #menu{width: 90%;} .fader .slide{height: 100%}}



@media(max-width: 991px){
    .fixed-top.bluebg .menu {
        margin-top: 5px;
    }
	header .logo { padding-left: 15px;	}
    .contact-from .form-sec form .col-lg-3{
        text-align: left;
    }
    .contact-from .form-sec {
        padding: 50px 20px 50px 20px;
    }
	.container-fluid, .container-lg, .container-md, .container-sm, .container-xl{
		padding-right: 30px;
		padding-left: 30px;
	}
    header.fixed-top .container-lg {
        padding: 0;
    }
    .pagination a.knowmore,
    .pagination .page-link{
        padding-right: 10px;
    }   
    .our-team-sec .img-block{width: 33.33%;} 
}
@media only screen and (min-width: 320px) and (max-width: 991px){.popup {width: auto;}.popup .form {padding: 25px 30px 30px 30px;}.popup .form label{text-align: left;}}
@media only screen and (min-width: 480px) and (max-width: 767px){.our-team-sec .img-block{width: 50%;}}

@media only screen and (min-width: 320px) and (max-width: 479px){.our-team-sec .img-block{width: 100%;}}

@media only screen and (min-width: 280px) and (max-width: 767px){
.our-team-sec .img-block .hover-show{width: auto;}
.grc-community .col-lg-6.col-md-6 {padding: 0;margin-bottom: 20px;}
.homepage-upcoming-events-tab{margin-bottom: 20px;}
#menu{width: 90%;}
.ms-filter-sec .form-group label{font-size: 18px;width: 100px;}
.ms-filter-sec .tag a{font-size: 16px;padding: 0 8px;}
.slick-slide {margin: 0px 10px;}
.contact-download-rfp i, .contact-pricing i, .contact-requrest-demo i{left: 2%}
.office-location, .office-location p, .contact-details{text-align: center}
.contact-details{border: none; border-bottom: 1px solid #ccc; padding: 0 0 1em 0 }.office-location{margin: 1em 0 0 0}
.office-location hr{margin: 0 auto; width: 30%}
.featureslide-content{width: 80%}
.application-homepage-blue-bg h5{font-size: 4em}    
.feature-list a{margin: 0 auto}
.apps-bnr-content .carousel-caption{width: 90%}    
.products-homepage-list hr{margin: 0 auto}
.products-homepage-list, .products-homepage-green-bg, .featureslide-content p{text-align: left;}    
.banner-text .event-logo{width: 35%}    
.banner .slide .banner-text{left: 5%; padding: 7em 0 0 0}
.searchoverlay{width: 80%}
#menu ul li > ul{left: 270px}
#menu{width: 90%; overflow: visible}
.get-certified img{width: 100% !important}.get-certified{background-image: none !important}
.nav{display: inherit}
.nav-sidebar ul li{ float: left; display: inline-block; width: 50%; }.tab-content{padding: 1em}
.nav-link{display: inherit;}
.homepage-upcoming-events-list ul li{width: 50%}
/*.products-homepage-green-bg h6{text-align: center}*/
a.learnmore{font-size: .7em;text-align: center;}
.banner-text .event-logo img{width: 50%;}
.banner .banner-text h5{font-size: 1.5em }
.banner .banner-text h6{font-size: 1em}
.bluebg{padding: .5em 0;}
.customer-talk-content{clear: both;}
.homepage-Customer-talk{padding: 0 0 3em 0} .carousel-indicators{bottom: -5%;left: 30%;} .start-your-journey ul li{width: 100%;margin: 0;} .start-your-journey ul li h6, .start-your-journey ul li p{text-align: center}
.customer-talk-content .fa-quote-left{left: 0}.insight-stream-title h6{text-align: left;}.insight-stream-title{width: 100%; float: none; text-align: center; padding: 0} .blue-circle-01{left: 40%; top: 30%} .blue-circle-02{left: 40%; top: 40%} .blue-circle-03{left: 40%; top: 50%} .blue-circle-04{left: 40%; top: 60%} .blue-circle-05{left: 40%; top: 70%}    
.get-certified a{display: block;text-align: center;width: 50%;margin: 1em auto;border-bottom: 5px solid #92c93e;border-left: none;}.bg-grey p, .bg-green p{padding-bottom: 1em}.application-homepage-blue-bg{min-height: 170px} .bg-grey p, .bg-green p{padding-bottom: 2em} 
 .bg-grey h6, .bg-green h6, .bg-grey p, .bg-green p, .partners-with-us-blue-bg p, .partners-with-us-conternt p, .partners-with-us-blue-bg h6,  .get-certified h6, .get-certified p {width: 100%}    
.hidden-insight ul li{width: 48%; margin-bottom: 1%}
.application-homepage-wrp{margin: 4% 0 0; }
.products-homepage-list ul li{width: 98%; margin: 1%}
.banner .banner-text{padding-top: 8em; left: 3%}    
.banner .banner-text    
#menu{width: 80%}
.fader .slide{height: 100%}    
.footer{padding: 0}
.footer ul li:first-child{margin: 1em 0 0 0}
.footer ul li{font-size: 1em}
.msfooter ul {margin-bottom: 0; }
.msfooter .collapse {display: none; }
.msfooter .collapse.show {display: block;}
.msfooter .title .fa-angle-up,  .msfooter .title .fa-minus, .msfooter .title[aria-expanded=true] .fa-angle-down,  .msfooter .title[aria-expanded=true] .fa-plus {display: none;}
.msfooter .title[aria-expanded=true] .fa-angle-up, .msfooter .title[aria-expanded=true]  .fa-minus{display: block;}
.msfooter .navbar-toggler {display: inline-block;padding: 0; }
.apps-bnr-indicator{bottom: 0}      
}
@media only screen and (min-width: 280px) and (max-width: 640px){
/*#menu ul li:first-child a::after{border:none}*/
#menu{width: 100%;}
.appscollapse .card .btn-link, .appscollapse .card-body, .ms-advantage-list, .BVD, .feature-list, .customer-talk-content p{text-align: left;}
.ms-advantage-list hr, .BVD hr, .apps-about-content hr, .all-apps-list hr, .feature-list hr{margin: 0 auto;width: 50%;}
.apps-about-content{text-align: left}.apps-bnr-content .carousel-caption{text-align:center; width:auto;padding-left: 0;}.apps-bnr-content .carousel-caption h1{font-size: 1.5em; text-align: center} .get-certified a{width: 40%}.request-demo-btn{width: 70%;} .certified{width: 40%}.all-apps-list >div{margin-bottom: 1em}.all-apps-list h6, .all-apps-list p, .all-apps-list{text-align: center}.grc-platform{background-size: contain;} .grc-platform-wrp{left: 0} .appsdropdown > div.caption{float: none}.apps-heading, .appsdropdown{text-align: center; float: none}ul li:last-child,  #menu ul li > ul li:last-child{border: none}.sub-menu{display: none}.searchoverlay{width: 100%}#menu ul li > ul li:first-child{margin: 0}
.apps-bnr-content .carousel-caption p {font-size: 16px;}
#menu ul li > ul{z-index: 1;position: relative;left: 0;padding: 0 20px;top: 0; }
#menu ul li > ul .col-md-6{padding: 0;}
#menu ul li a{text-align: left;font-size: 1.3em;padding: .5em 20px;font-weight: normal;} .parent-menu{width: 100%}#menu ul li > ul li h6{text-align: left;margin: 0;padding: 1em 0;} #menu ul li{border-bottom: 1px solid #167dc1;} #menu ul li > ul li{border-bottom: 1px solid #585a69;}.hidden-insight ul li{width: 90%; margin-bottom: 10px;} #menu{overflow: auto} #menu ul li > ul li a{font-weight: 400} }
@media only screen and (min-width: 280px) and (max-width: 480px){
.cta-get-started{margin: 0em .5em 0 0; font-size: .8em} 
.search-btn{border: none; margin: 0em 3.5em 0 0; padding: 0 .5em 0 0} 
.hamburger{top: -10px} 
.fixed-top.bluebg .menu { margin-top: 0px;}
}

.carousel-control-next, .carousel-control-prev {
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: 1;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 6%;
    color: #fff;
    text-align: center;
    opacity: .5;
    transition: opacity .15s ease;
}





/* Style added by raju */



.homepage-upcoming-events-list ul li:hover {
    margin-top: -10px;
	padding: 26px 0px 36px 0px;
}
.homepage-upcoming-events-list ul li {
    background-image: linear-gradient(to left, transparent, transparent 50%, #f8951d 50%, #f8951d);
}


.heading-box h2{ 
	width:100%; color: red; 
}
.text-box, .banner .slide .banner-text {
	position: absolute;
	top: 50%;
/*	left: 8%;
	right: 15%; */
	color: #fff;
	transform: translateY(-50%);
	padding:0px;
}
.carousel-control-next-icon, .carousel-control-prev-icon {
    width: 30px;
    height: 30px;
}
a.carousel-control-prev.fader, a.carousel-control-next.fader{
	height:auto !important;
}
.carousel-control-prev-icon, .carousel-control-next-icon {
    background-image: none;
}
a.cta-more-insights {
    color: #fff;
}
.carousel-indicators {
    position: absolute;
    right: 0;
    bottom: 20px;
    left: 0;
    z-index: 15;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    padding-left: 0;
    margin-right: 15%;
    margin-left: 15%;
    list-style: none;
}
.homepage-Customer-talk .carousel-indicators {
	bottom: -20px;
}
.customer-talk-image i {
    left: 40%;
}

.partners-with-us-blue-bg.partners-with-us-green-bg {
    background: #93c83e;
}
.partners-with-us-blue-bg.partners-with-us-green-bg::before{
	border: 5px solid #93c83e;
}
.col-lg-8.col-md-8.get-certified.get-certified-grey.p-0 {
    background-color: #53555f;
}
.col-lg-8.col-md-8.get-certified.get-certified-grey.p-0::before {
    border: 5px solid #53555f;
}
.bg-green.bg-blue.row.no-gutters.overflow-hidden {
    background: #01a7e1;
}
.row.bg-grey.bg-bark-blue.no-gutters.overflow-hidden {
    background: #0170ba;
}
.clientCustomerLogo .row{
	padding: 3px 0px;
}
.clientCustomerLogo img{
	width:80%;
}
.clientCustomerLogoMore{
	display:none;
}
.clientCustomerLogoMore.show{
	display: flex;
}
@media only screen and (max-width: 640px) and (min-width: 280px){
	ul.carousel-indicators li:last-child, #menu ul.carousel-indicators li > ul.carousel-indicators li:last-child {
		border: 2px solid #c8cacc;
	}
}
@media (min-width: 1200px){
	.banner .slide .banner-text {
		max-width: 1140px;
	}
}
.get-certified {
    background-size: 50% auto;
}
.customer-talk-image i:hover {
    color:#f7951c;
}
.apps-about-content .customer-talk-image  a {
	border-left: 5px solid #ffffff;
}
a:hover {
	text-decoration: none;
}
.solutionBox .carousel-indicators {
    bottom: 0px;
}

.summit-sec .tab-content>.active {
    display: flex;
}
.summit-sec .tab-content {
    padding: 0px;
    background: transparent;
}
.summit-sec-tabs .nav-tabs {
    border-bottom: 0px solid #dee2e6;
}
.summit-sec-tabs .nav {
    display: block;
}
.summit-sec-tabs .nav-tabs .nav-item.show .nav-link, .summit-sec-tabs .nav-tabs .nav-link.active {
    color: #fff;
    background-color: transparent;
    border-color: transparent;
}
.summit-sec-tabs .nav-tabs .nav-link {
    border: 0px solid transparent;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
	padding: 0px;
}
.summit-sec-tabs .nav-tabs .nav-item {
    margin-bottom: 0px;
}
.image-overlay{
	width: 100%;
    height: 100%;
   /** background-color: rgba(0, 0, 0, 0.5); **/
    position: absolute;
}
section.homepage-request-demo.grc_journey {
	background-image: none;
    background-color: #ffffff;
    padding-top: 20px;
    margin-bottom: -8px;
    border-top: 1px solid #eee;
}
section.homepage-request-demo h4{
    margin:0px;
	padding:10px 0px 0px;
}
section.homepage-request-demo p{
    margin:0px;
	padding:0px 0px 0px;
}
.strategyColor{
	color:#01a6e0;
}
.planningColor{
	color:#74a702;
}
.teamworkColor{
	color:#f7951c;
}
.successColor{
	color:#ea4186;
}
@media only screen and (max-width: 1024px) and (min-width: 768px){
	#menu ul li > ul {
		left: 280px;
    }
    .get-certified h6 {
        font-family: 'Open Sans';
        font-size: 1.3em !important;
        color: #ffffff;
        padding: 1em 1em .5em 1em;
        font-weight: bold;
        text-align: left;
        line-height: 1.2em;
        margin: 0;
        width: auto;
    }
    .get-certified p {
        font-family: 'Open Sans';
        font-size: 0.8em !important;
        color: #ffffff;
        padding: 1em 1em .5em 1em;
        text-align: left;
        line-height: 1.2em;
        margin: 0;
        width: auto;
    }
    
.banner .banner-text h5 {font-family:'Open Sans' ;font-size: 2.1em;color:#ffffff;margin: .3em 0;font-weight: bold;line-height: 1em; width:100%}
.banner .banner-text h6 {font-family:'Open Sans' ;font-size: 1.3em;color:#ffffff;margin: 0 0 1em 0;font-weight: 600;text-transform: uppercase;line-height: 1.3em;}
}
@media only screen and (max-width: 640px) and (min-width: 280px){
	.ms-advantage-list hr, .BVD hr, .apps-about-content hr, .all-apps-list hr, .feature-list hr {
		margin: 0px;
	}
}

.customer-talk-content .fa-quote-right {
    bottom: initial;
}
.customer-talk-content .fa-quote-right {
    left: auto;
	padding-left: 10px;
}
.customer-talk-content .fa-quote-left {
    position: relative;
    left: auto;
    top: auto;
	padding-right: 10px;
}

@media screen and (max-width: 768px) {
	.get-certified a {
		margin: 1em 0 0 2em;
    }
	#bs-slider .carousel-item .background-light-blue-globe .featureslide-content-blue {
		position: relative!important;
		color: #fff;
		width: 100%;
		left: 0;
		padding: 25px 30px 60px;
	}
	.grey-grdient .grc-platform.fadeInUp.animated {
		background-position: center top;
    }
    .homepage-Customer-talk .carousel-control-prev{
        left: -20px !important;
      }
      .ms-filter-sec.customer-filter .filter-bg {
        background-color: #f5f5f5;
        padding: 15px 40px 20px;
        margin-bottom: 20px;
        height: auto;
    }
}

@media only screen and (max-width: 767px) and (min-width: 280px){
	.homepage-upcoming-events-list ul li {
		width: 100%;
	}
}
.tab-content {
    background: transparent;
}

.card.card-image {
    width: 100%;
    background-position: center;
    background-size: cover;
}
.jumbotron {
    border-radius: 0;
	margin-bottom: 1rem;
}
@media screen and (min-width: 1600px) {
	.card.card-image {
		background-position: center -150px;
	}
}
@media screen and (min-width: 1500px) {
	.card.card-image {
		background-position: center -150px;
	}
}
.jumbotron h1{
	font-family: 'museo-sans', ;
    font-size: 48px;
    font-weight: 700;
}
.jumbotron p{
	font-size: 32px;
    font-weight: 500;
    text-transform: uppercase;
}
.apps-about-content .strategy, .apps-about-content .planning, .apps-about-content .teamwork, .apps-about-content .success{
	background-repeat:no-repeat;
	background-position: center top;
	min-height: 260px;
}
.apps-about-content .strategy{
	background-image:url(/themes/custom/metrics/css/../images/infographic_01.jpg);
}
.apps-about-content .planning{
	background-image:url(/themes/custom/metrics/css/../images/infographic_02.jpg);
}
.apps-about-content .teamwork{
	background-image:url(/themes/custom/metrics/css/../images/infographic_03.jpg);
}
.apps-about-content .success{
	background-image:url(/themes/custom/metrics/css/../images/infographic_04.jpg);
}
.successinnertext{
	width: 100px;
    margin: 0px auto;
    padding-top: 102px;
}
.successinnertext h4{
	color:#fff !important;
	font-size:16px;
}
.successinnertext p{
	color:#fff !important;
	font-size:12px;
}

@media only screen and (max-width: 1650px){
	section.homepage-request-demo.grc_journey .request-demo-btn {
		position: relative;
		right: 0px;
		width: 100%;
	}
}
@media only screen and (max-width: 420px){
	.summit-sec h2 {
		font-size: 24px;
	}
}
.carousel-item img,.about-vision-sec img{
    width:100%;
    /*height:200px;*/
}


.img-fluid {
    width: 100%;
}
	.all-apps-list h6,.all-apps-list p, .all-apps-list, .customer-talk-content p {
        text-align: left;
        line-height: 1.8em;
	}
	.solutionBox .all-apps-list h6, .solutionBox .all-apps-list p, .solutionBox .all-apps-list {
		text-align: left;
	}
@media only screen and (max-width: 767px) and (min-width: 280px){
	.products-homepage-list hr {
		
    margin: 0px !important;

	}
}


@media only screen and (max-width: 1020px){
	.featureslide-content {
		width: 40%;
	}
}

@media only screen and (max-width: 420px){
	.featureslide-content {
		width: calc(100% - 30px);
		left: 4%;
	}
}


.homepage-Customer-talk .carousel-control-next {
    right: -18px;
}
.homepage-Customer-talk .carousel-control-prev {
    left: -18px;
    width: auto;
    height: auto;
}


@media only screen and (max-width: 640px) and (min-width: 280px) {
    .homepage-request-demo {
        min-height: 200px;
    }
    .homepage-Customer-talk .carousel-control-prev {
        left: -20px !important;
 }
    .apps-about-content a {
        margin-bottom: 22px;
        }

    #views-exposed-form-grc-tv-grctv-search .form-item{
        display: contents !important;
        float: left;
        padding: 0 15px;
        margin: 0;
        width: 100% !important;
        }
    #views-exposed-form-grc-tv-grctv-search .form-item select{
        width: 100% !important;
    }

    #views-exposed-form-grc-tv-grctv-search .form-item label{
        margin-right: -10px;
        text-transform: uppercase;
        font-size: 22px;
        font-weight: 700;
        color: #53555f;
    }
    
    #views-exposed-form-insights-search-footer-insight .form-item{
        display: contents !important;
        float: left;
        padding: 0 15px;
        margin: 0;
        width: 100% !important;
        }
    #views-exposed-form-insights-search-footer-insight .form-item label{
        margin-right: -10px;
        text-transform: uppercase;
        font-size: 22px;
        font-weight: 700;
        color: #53555f;
    }
    /** Resilience spotlight **/
    #views-exposed-form-resilience-spotlight--search-results .form-item{
        display: contents !important;
        float: left;
        padding: 0 15px;
        margin: 0;
        width: 100% !important;
        }
    #views-exposed-form-resilience-spotlight--search-results .form-item label{
        margin-right: -10px;
        text-transform: uppercase;
        font-size: 22px;
        font-weight: 700;
        color: #53555f;
    }
    
    
   .banner .carousel-item img,.about-vision-sec img{
        vertical-align: middle;
        object-fit: cover;
        object-position: center;
        width:100%;
        height:500px;
    }

    .home-page-class .banner .slide .banner-text {
        width : 80% !important;
    }
 
    
    .banner .banner-text h5 {
		font-size: 26px;
        margin-top: 0px;
        line-height: 1.2em;
	}
	.banner .banner-text h6 {
        font-size: 20px;
        
    }
    
    .home-page-class .banner .slide .banner-text {
        width: 75%;
    }

    .hidden-insight ul {
        display: inline-block;
    }

    .cta-get-started {
        font-size: 8px;
    }

    .hamburger {
        top: -15px;

    }

    .hamburger {
        width: 25px;
    }

    .request-demo-btn {
        width: calc(100% -30px);
        right: 0px;
        margin: 0px 15px;
        padding: 1em;
    }

    .summit-sec img{
        margin-top: 17px;
        float:none;
} 
.banneroverlay{width: 100%; height: 100%; position: absolute;z-index: 0;left: 0;top: 0;overflow-x: hidden; background: rgba(0,0,0,0.63);
    background: -moz-linear-gradient(left, rgba(0,0,0,0.63) 0%, rgba(0,0,0,0.39) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(0,0,0,0.63)), color-stop(100%, rgba(0,0,0,0.39)));
    background: -webkit-linear-gradient(left, rgba(0,0,0,0.63) 0%, rgba(0,0,0,0.39) 100%);
    background: -o-linear-gradient(left, rgba(0,0,0,0.63) 0%, rgba(0,0,0,0.39) 100%);
    background: -ms-linear-gradient(left, rgba(0,0,0,0.63) 0%, rgba(0,0,0,0.39) 100%);
    background: linear-gradient(to right, rgba(0,0,0,0.63) 0%, rgba(0,0,0,0.39) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=1 );}


}
@media screen and (max-width: 480px) {
	.customer-talk-content p {
		padding-top:40px;
	}	
	.customer-talk-title p{
		padding:0px 0px 10px 0px;
    }
    
    .home-page-class .banneroverlay {
        background:  linear-gradient(to right, rgba(0,0,0,0.51) 0%, rgba(0,0,0,0.10) 39%)!important;
    }
    
    .banneroverlay{width: 100%; height: 100%; position: absolute;z-index: 0;left: 0;top: 0;overflow-x: hidden; background: rgba(0,0,0,0.63);
        background: -moz-linear-gradient(left, rgba(0,0,0,0.63) 0%, rgba(0,0,0,0.39) 100%);
        background: -webkit-gradient(left top, right top, color-stop(0%, rgba(0,0,0,0.63)), color-stop(100%, rgba(0,0,0,0.39)));
        background: -webkit-linear-gradient(left, rgba(0,0,0,0.63) 0%, rgba(0,0,0,0.39) 100%);
        background: -o-linear-gradient(left, rgba(0,0,0,0.63) 0%, rgba(0,0,0,0.39) 100%);
        background: -ms-linear-gradient(left, rgba(0,0,0,0.63) 0%, rgba(0,0,0,0.39) 100%);
        background: linear-gradient(to right, rgba(0,0,0,0.63) 0%, rgba(0,0,0,0.39) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=1 );}
    
}
.btn {
    padding: 0.375rem 0.rem;
}

.BVD a{
margin: 0.2em 5.2em 0 0;
}

.apps-about-content a {
margin-bottom: 22px;
}

.homepage-upcoming-events-list li a {
    width: auto !important; 
}
.summit-sec-tabs .nav-tabs .nav-link {
    white-space: nowrap;
}
.homepage-upcoming-events-list ul li a {
    line-height: 40px;
}

.summit-sec img {
    width: auto;
}

.node--type-solutions-details .apps-about-content hr{
    display:none !important;
    }

.our-team-sec h3{
    margin-top:1em;
}

.home-page-class .banner .slide .banner-text {
  /*  width: 50%; */
}

address{
    margin-bottom: 0rem;
}
.pager__item{
        padding:1px;
}

.newsread h5 {
    margin-bottom: 10px;
    font-weight: 700;
    font-size: 23px;
}

.newsread h6 {
    margin-bottom: 42px !important;
    font-weight: 500;
    font-style: italic;
    margin-left: 16px;
}

.newsread p {
    margin-left: -13px !important;
}



.privacy-page p {
    line-height: 1.8em;
}
.sitemap-ul ul li{
   padding: 10px;
}

.locate-btn {
   color:#fff;
}

.locate-btn:hover {
    color:#93c83e;
 }

.description-content h2{
    color: #0b56a8;
    margin-top: 41px;
}

.home-page-class .banneroverlay {
    background: none !important;
}

/** customor logo in customer page **/
.custom-logo {
    padding: 1em;
}
.vmv-page-class .featureslide-content-blue h6{
    font-size: 1.5em;
    font-weight: 600;
}

.media-coverage p {
    min-height: 70px;
}

.community-journey-304 .jounrney, .community-journey-1939 .jounrney, .community-journey-859 .jounrney, .community-journey-326 .jounrney, .community-journey-432 .jounrney, .community-journey-273 .jounrney, .community-journey-294 .jounrney   {
    padding: 0px 30px 0px 0px;
}



@media only screen and (min-width: 1025px) {
    .partners-with-us-blue-bg img{
        position: absolute;
    }
}


@media screen and (max-width: 766px) {
	.get-certified a {
		margin: 1em 0 0 2em;
    }
    .community-journey-304 .jounrney, .community-journey-859 .jounrney {
        padding: 0px !important;
        margin: 15px 0px;
    }
    .request-299 .homepage-requiest-demo {
        background: top-left;
    }
}
