/* *********************  General Style ********************* */
* { margin: 0; padding: 0; }
html, body {height: 100%;}
body { -webkit-font-smoothing: antialiased; min-height: 100%; font-family: 'Open Sans', Helvetica, Arial, sans-serif; font-size: 15px; line-height: 24px; letter-spacing: normal; font-weight: 300; background-color: #FFF; color: #4b575a; }
img { height: auto; max-width: 100%; }
hr { display: block; line-height: 25px; margin: 30px 0; position: relative; width: 100%; }
h1, h2, h3, h4, h5, h6 { margin: 0; }
h1 { font-size: 40px; line-height: 48px; font-weight: 400;}
h2 { font-size: 30px; line-height: 40px; font-weight:300 }
h3 { font-size: 24px; line-height: 40px;}
h4 { font-size: 18px; line-height: 40px;}
p { margin: 15px 0; }
a { color: #5698D1; text-decoration: none;cursor: pointer; border: 0;}
a:hover, a:focus, a:active, .btn:hover, .btn:focus, .btn:active, button:hover, button:focus, button:active { color: #212121; text-decoration: none!important; }
.anchor{  display: block;  height: 75px;  margin-top: -75px; visibility: hidden;}
*:focus {    outline: none!important;}

ol {  display: block;   list-style-type: decimal;  margin: 30px}
ul { list-style-type: disc;     margin-left: 30px;}
li {padding-bottom:5px}
blockquote{ font-style:italic}
.clearfix:before, .clearfix:after {    content: "";    display: table;}

.bold, b, strong {font-weight:500;}
.light{font-weight:300}
.large {font-weight:400; font-size:60px}
.x-large {font-size:85px}

/*--desktop hide--*/
.d-hide {display:none}

/* *********************  Helper Classes  ********************* */
.br0 { border-radius: 0 !important; }
.br1 { border-radius: 1px !important; }
.br2 { border-radius: 2px !important; }
.br4 { border-radius: 4px !important; }
.br6 { border-radius: 6px !important; }
.br8 { border-radius: 8px !important; }
.op8 { opacity: 0.8 !important; filter: alpha(opacity=80); }
.op7 { opacity: 0.7 !important;filter: alpha(opacity=70); }
.op6 { opacity: 0.6 !important; filter: alpha(opacity=60);}
.op5 { opacity: 0.5 !important;filter: alpha(opacity=50); }
.op4 { opacity: 0.4 !important; filter: alpha(opacity=40);}
.op2 { opacity: 0.2 !important;filter: alpha(opacity=20); }
.uppercase { text-transform: uppercase; }
.word-wrap { word-wrap: break-word; }
.fs-small { font-size: 80% !important; }
.fs-large { font-size: 120% !important; }
.fs-15 { font-size: 15px !important; }
.fs-20 { font-size: 20px !important; }

.line-height-1-5 { line-height: 1.5 !important; }
.relative { position: relative; }
.block { display: block !important; }
.inline-block { display: inline-block !important; }
.unstyled { list-style: none; padding: 0 }
.pull-center { display: block; margin-left: auto !important; margin-right: auto !important; text-align: center; }
.justify{text-align:justify}
.text-left { text-align: left !important; }
.text-right { text-align: right !important; }
.text-center { text-align: center !important; }
.clear {clear:both}
.float-left{float:left}
.float-right {float:right}
.lh-20 {line-height: 20px;}
.lh-25 {line-height: 25px;}
.lh-30 {line-height: 30px;}
.lh-35 {line-height: 35px;}
.lh-40 {line-height: 40px;}

.horizontal-list {list-style: none; padding: 0; margin-left: 0 }
.horizontal-list li{ display: inline-block;}

.m0a { margin: 0 auto !important; }
.m0 { margin: 0 !important; }
.mb0 { margin-bottom: 0 !important; }
.mt0 { margin-top: 0 !important; }
.mb10 { margin-bottom: 10px !important; }
.mb20 { margin-bottom: 20px !important; }
.mb30 { margin-bottom: 30px !important; }
.mb-30 { margin-bottom: -30px !important; }
.mb40 { margin-bottom: 40px !important; }
.mb50 { margin-bottom: 50px !important; }
.mb60 { margin-bottom: 60px !important; }
.mb70 { margin-bottom: 70px !important; }
.mb80 { margin-bottom: 80px !important; }
.mb160 { margin-bottom: 160px !important; }

.mt10 { margin-top: 10px !important; }
.mt20 { margin-top: 20px !important; }
.mt30 { margin-top: 30px !important; }
.mt40 { margin-top: 40px !important; }
.mt50 { margin-top: 50px !important; }
.mt60 { margin-top: 60px !important; }
.mt70 { margin-top: 70px !important; }
.mt80 { margin-top: 80px !important; }
.mt90 { margin-top: 90px !important; }
.mt-5 { margin-top: -5px !important; }
.mt-10 { margin-top: -10px !important; }
.mt-30{margin-top:-30px}
.mt-50{margin-top:-50px!important}
.mt-70{margin-top:-70px}

.mr10 { margin-right: 10px !important; }
.mr20 { margin-right: 20px !important; }
.mr30 { margin-right: 30px !important; }
.mr40 { margin-right: 40px !important; }
.mr50 { margin-right: 50px !important; }
.mr60 { margin-right: 60px !important; }
.mr70 { margin-right: 70px !important; }
.mr80 { margin-right: 80px !important; }
.mr90 { margin-right: 90px !important; }


.ml0 { margin-left: 0px !important; }
.ml-10 { margin-left: -10px !important; }
.ml10 { margin-left: 10px !important; }
.ml20 { margin-left: 20px !important; }
.ml30 { margin-left: 30px !important; }
.ml-30 { margin-left: -30px !important; }
.ml40 { margin-left: 40px !important; }
.ml50 { margin-left: 50px !important; }
.ml-50 { margin-left: -50px !important; }
.ml60 { margin-left: 60px !important; }
.ml70 { margin-left: 70px !important; }
.ml80 { margin-left: 80px !important; }
.ml90 { margin-left: 90px !important; }
.ml-100 { margin-left: -100px !important; }

.p0 { padding: 0 !important; }
.p5 { padding: 5px !important; }
.p10 { padding: 10px !important; }
.p20 { padding: 20px !important; }
.p30 { padding: 30px !important; }
.p40 { padding: 40px !important; }

.ptb25 { padding-top: 25px !important; padding-bottom: 25px !important; }
.plr25 { padding-left: 25px !important; padding-right: 25px !important; }
.plr30 { padding-left: 30px !important; padding-right: 30px !important; }

.pb0 { padding-bottom: 0 !important; }
.pb3 { padding-bottom: 3px !important; }
.pb5 { padding-bottom: 5px !important; }
.pb10 { padding-bottom: 10px !important; }
.pb20 { padding-bottom: 20px !important; }
.pb30 { padding-bottom: 30px !important; }
.pb25 { padding-bottom: 25px !important; }
.pb40 { padding-bottom: 40px !important; }
.pb50 { padding-bottom: 50px !important; }
.pb60 { padding-bottom: 60px !important; }
.pb70 { padding-bottom: 70px !important; }
.pb80 { padding-bottom: 80px !important; }
.pb90 { padding-bottom: 90px !important; }
.pb200 { padding-bottom: 200px !important; }

.pt0 { padding-top: 0 !important; }
.pt5 { padding-top: 5px !important; }
.pt10 { padding-top: 10px !important; }
.pt20 { padding-top: 20px !important; }
.pt30 { padding-top: 30px !important; }
.pt40 { padding-top: 40px !important; }
.pt50 { padding-top: 50px !important; }
.pt60 { padding-top: 60px !important; }
.pt70 { padding-top: 70px !important; }
.pt80 { padding-top: 80px !important; }
.pt90 { padding-top: 90px !important; }

.pr0 { padding-right: 0 !important; }
.pr5 { padding-right: 5px !important;  }
.pr10 { padding-right: 10px !important;  }
.pr15 { padding-right: 15px !important; }
.pr20 { padding-right: 20px !important;  }
.pr30 { padding-right: 30px !important;  }
.pr40 { padding-right: 40px !important;  }
.pr50 { padding-right: 50px !important;  }
.pr60 { padding-right: 60px !important;  }
.pr70 { padding-right: 70px !important;  }
.pr80 { padding-right: 80px !important;  }
.pr90 { padding-right: 90px !important;  }

.pl0 { padding-left: 0 !important; }
.pl5 { padding-left: 5px !important; }
.pl10 { padding-left: 10px !important; }
.pl15 { padding-left: 15px !important;  }
.pl20 { padding-left: 20px !important; }
.pl30 { padding-left: 30px !important; }
.pl40 { padding-left: 40px !important; }
.pl50 { padding-left: 50px !important; }
.pl60 { padding-left: 60px !important; }
.pl70 { padding-left: 70px !important; }
.pl80 { padding-left: 80px !important; }
.pl90 { padding-left: 90px !important; }

.op1 {opacity:0.1}
.op2 {opacity:0.2}
.op3 {opacity:0.3}
.op4 {opacity:0.4}
.op4 {opacity:0.5}
.op6 {opacity:0.6}
.op7 {opacity:0.7}
.op8 {opacity:0.8}
.op9 {opacity:0.9}


.w90 {width:90%}
.w80 {width:80%}
.w70 {width:70%}
.w60 {width:60%}
.w50	{width:50%}
.w40	{width:40%}
.w30	{width:30%}

.h80 {height:80%}
.h70 {height:70%}
.h60 {height:60%}
.h50	{height:50%}
.h40	{height:40%}
.h30	{height:30%}

.no-border { border: none !important; }
.full-width { width: 100%; }
.full-height { height: 100%; }
.bottomborder { border-bottom: solid thin #f1f1f1;padding-bottom: 15px;}
.vabottom {vertical-align: bottom!important;}
.vamiddle {vertical-align: middle!important;}
.vam{vertical-align: middle;}


.img25 {width:25px; height:25px}
.img50 {width:50px; height:50px}
.img100 {width:100px; height:100px}
.img150 {width:150px; height:150px}
.img200 {width:200px; height:200px}


.contrast9 { -webkit-filter: contrast(95%); }

.pos-re{position:relative}
.pos-ab {position:absolute}
.pos-fi {position:fixed}

.inline {display:inline;}

/* *********************  Colors   ********************* */

.color-purple { color: #5d3878 !important; }
.color-navy { color: #263d6d !important; }
.color-blue { color: #5698d1 !important; }
.color-green { color: #90bb47 !important; }
.color-red { color: #cc5054 !important; }
.color-yellow { color: #e7b52f !important; }
.color-white{color: #FFF !important }
.color-red-20 { color:#fad8dc !important; }
.color-yellow-20 { color:#fef2cc !important; }
.color-blue-20 {color:#ebf2f8} 

.bg-purple { background-color: #5d3878 !important; }
.bg-purple-20{ background-color:#d1c1d6 !important; }
.bg-purple-60{ background-color:#a484ad !important; }
.bg-navy { background-color: #263d6d !important; }
.bg-navy-2 { background-color: #041e41 !important; }

.bg-blue { background-color: #5698d1 !important; }
.bg-blue-2 { background-color: #3c7bbe !important; }
.bg-mid-blue { background-color: #74b2e1 !important; }
.bg-mid-blue-10 {background-color:#ebf2f8} /*used in product cta and features*/
.bg-mid-blue-30 { background-color:#e0ecf6 !important; }
.bg-mid-blue-40 { background-color:#c5daf4 !important; }
.bg-mid-blue-60 { background-color:#8bb1d9 !important; }
.bg-blue-gray{background-color: #101f2d!important }
.bg-blue-gray-90 {background-color:#20323e}  /*used in product faqs*/
.bg-blue-gray-80 {background-color:#3c4c56} 
.bg-green { background-color: #90bb47 !important; }
.bg-green-20{ background-color:#d9ebb2!important; }
.bg-green-60{ background-color:#b4d766 !important; }
.bg-red { background-color: #cc5054 !important; }
.bg-red-20 { background-color:#fad8dc !important; }
.bg-red-60 { background-color:#f18b97 !important; }
.bg-yellow { background-color: #e7b52f !important; }
.bg-yellow-20 { background-color:#fef2cc !important; }
.bg-yellow-60 { background-color:#fbd866 !important; }
.bg-tan { background-color: #c4beb5 !important }
.bg-white {background-color: #FFF !important }


.bg-purple, 
.bg-navy, 
.bg-blue, 
.bg-mid-blue, 
.bg-green,
.bg-red, 
.bg-yellow,
.bg-blue-gray,
.bg-blue-gray-80,
.bg-purple-60,
.bg-mid-blue-60,
.bg-red-60
{ color: #FFF!important; }

.bg-purple-20,
.bg-green-20,
.bg-green-60,
.bg-red-20,
.bg-yellow-20,
.bg-yellow-60, 
.bg-mid-blue-40
{color: #0b1f2c;}

.bg-blue-gray-90, .bg-blue-gray-90 h1, .bg-blue-gray-90 h2, .bg-blue-gray-90 h3, .bg-blue-gray-90 h4, .bg-blue-gray-90 a:hover { color:#c8cdd0 }

.tinted-purple-20 { background: rgba(93, 56, 120, 0.20) }
.tinted-purple-40 { background: rgba(93, 56, 120, 0.30) }
.tinted-purple-60 { background: rgba(93, 56, 120, 0.60) }
.tinted-purple-80 { background: rgba(93, 56, 120, 0.80) }

.tinted-navy-20 { background: rgba(16,31,45, 0.20) }
.tinted-navy-40 { background: rgba(16,31,45, 0.40) }
.tinted-navy-60 { background: rgba(16,31,45, 0.60) }

.tinted-blue-20  { background: rgba(86, 152, 209, 0.20) }
.tinted-blue-40 { background: rgba(86, 152, 209, 0.40) }
.tinted-blue-60  { background: rgba(86, 152, 209, 0.60) }

.tinted-mid-blue-20  { background: rgba(116, 178, 225, 0.20) }
.tinted-mid-blue-40 { background: rgba(116, 178, 225, 0.40) }
.tinted-mid-blue-60  { background: rgba(116, 178, 225, 0.60) }

.tinted-green-20  { background: rgba(144, 187, 71, 0.20) }
.tinted-green-40 { background: rgba(144, 187, 71, 0.40) }
.tinted-green-60  { background: rgba(144, 187, 71, 0.60) }

.tinted-red-20  { background: rgba(204, 80, 84, 0.20) }
.tinted-red-40 { background: rgba(204, 80, 84, 0.40) }
.tinted-red-60  { background: rgba(204, 80, 84, 0.60) }

.tinted-yellow-20  { background: rgba(231, 181, 47, 0.20) }
.tinted-yellow-40 { background: rgba(231, 181, 47, 0.40) }
.tinted-yellow-60  { background: rgba(231, 181, 47, 0.60) }

.tinted-gray-20  { background: rgba(75, 87, 90, 0.20)  } /*used in features well*/
.tinted-gray-40 { background: rgba(75, 87, 90, 0.40)}  /*used in features well*/
.tinted-gray-60  { background: rgba(75, 87, 90, 0.60)  }  /*used in features well*/

.tinted-blue-gray-20  { background: rgba(17, 32, 36, 0.20)!important }
.tinted-blue-gray-40 {background: rgba(17, 32, 36, 0.40)!important }
.tinted-blue-gray-60  { background: rgba(17, 32, 36, 0.60)!important }

.tinted-tan-20  { background: rgba(183, 174, 165, 0.20) }
.tinted-tan-40 { background: rgba(183, 174, 165, 0.40) }
.tinted-tan-60  { background: rgba(183, 174, 165, 0.60) }


.tinted-image-navy, .tinted-image-blue .tinted-image-tan  {display:inline-block;}
.tinted-image-navy:after { content:'';    top: 0;left: 0;    width: 100%;    height: 100%;    display: block;    position: absolute; background: rgba(16,31,45, 0.60) }
.tinted-image-blue:after { content:'';    top: 0;left: 0;    width: 100%;    height: 100%;    display: block;    position: absolute; background: rgba(86, 152, 209, 0.40) }
.tinted-image-tan:after { content:'';    top: 0;left: 0;    width: 100%;    height: 100%;    display: block;    position: absolute; background: rgba(183, 174, 165, 0.60)  }

.tinted-purple-80 h1, .tinted-purple-80 h2, 
.tinted-navy-60 h1, .tinted-navy-60 h2 
{ color: #FFF!important; }


/*whie to light blue gradiant*/
.lt-blue-grad{
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top, #ffffff 75%, #b1cee8 100%); 
background: -webkit-linear-gradient(top, #ffffff 75%,#b1cee8 100%); 
background: linear-gradient(to bottom, #ffffff 75%,#b1cee8 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#b1cee8',GradientType=0 ); 
}



/* *********************  Buttons  ********************* */

.blue-btn-lg, .blue-btn-fw, .blue-btn-sm, .blue-btn-med  {background-color: #5698d1;}
.green-btn-lg, .green-btn-sm, .green-btn-med, .green-btn-fw  {background-color: #90bb47; }
.red-btn-lg, .red-btn-sm, .red-btn-fw{background-color: #cc5054;}
.dk-blue-btn-lg {background-color: #263d6d; }
.yellow-btn-lg, .yellow-btn-fw{background-color: #e7b52f}

.blue-btn-lg, .green-btn-lg, .red-btn-lg,  .white-btn-lg, .red-btn-lg, .yellow-btn-lg { min-width:270px; height:65px; font-size:18px; line-height:65px;  padding: 0 20px; text-align:center; color: #FFF; display: inline-block;margin: 20px 30px; border-radius: 3px; } 
.blue-btn-sm, .green-btn-sm, .red-btn-sm{ min-width: 120px; height:45px;  line-height:45px; text-align:center; color: #FFF; display: inline-block; border-radius: 3px;  } 
.blue-btn-med, .green-btn-med{ min-width: 170px; height:55px;  line-height:55px; text-align:center; color: #FFF; display: inline-block;margin:5px 10px; border-radius: 3px;  } 
.blue-btn-fw, .green-btn-fw, .red-btn-fw, .yellow-btn-fw{padding: 18px 0px;  width: 100%; text-align:center; color: #FFF; display: inline-block; margin: 10px 0; border-radius: 3px; }
.blue-btn-lg a, .blue-btn-sm a, .blue-btn-med a, .blue-btn-fw a,.green-btn-lg a, .green-btn-sm a, .green-btn-med a, .green-btn-fw a, .red-btn-lg a, .red-btn-sm a, .red-btn-fw a, .yellow-btn-fw a, .yellow-btn-lg a{color:#FFF!important}

.white-btn-lg {background-color: #FFF; color: #5698d1!important;}
.white-btn-lg a, white-btn-lg, span.white-btn-lg {color: #5698d1!important;}
.white-btn-lg a:hover, .white-btn-lg:hover span.white-btn-lg:hover{font-weight:bold}

.blue-btn-lg:hover, .blue-btn-sm:hover, .blue-btn-med:hover, .blue-btn-fw:hover, span.blue-btn-lg:hover, span.blue-btn-sm:hover, span.blue-btn-med:hover, span.blue-btn-fw:hover,.green-btn-lg:hover, .green-btn-sm:hover, .green-btn-fw:hover, .green-btn-med:hover, span.green-btn-lg:hover, span.green-btn-sm:hover,  span.green-btn-med:hover,  span.green-btn-fw:hover, .red-btn-lg:hover, .red-sm:hover, .red-fw:hover, span.red-btn-lg:hover, span.red-btn-sm:hover, span.red-fw:hover, span.yellow-btn-fw:hover, span .yellow-btn-lg:hover, .yellow-btn-lg:hover{ -webkit-filter:brightness(1.2); filter:brightness(1.2); cursor:pointer; color:#FFF }


.outlined-blue-fw {color: #5698d1; border: 1px solid #5698d1; padding: 18px 0px;  width: 100%; text-align:center; display: inline-block; margin: 10px 0; border-radius: 3px; }
.outlined-blue-fw:hover{color: #FFF; background: #5698d1; }

.btn-outlined-white { color: #FFF;  border: 1px solid #fff;  }
.btn-outlined-white:hover { color: #5698d1; background: #FFF; }
.btn-outlined-blue { color: #5698d1; border: 1px solid #5698d1; }
.btn-outlined-blue:hover { color: #FFF; background: #5698d1; }

.btn-outlined-white-sm { color: #FFF;  border: 1px solid #fff;   text-align:center; display: inline-block; min-width:120px; height:40px; border-radius: 3px; line-height: 38px;}
.btn-outlined-white-sm:hover { color: #5698d1; ; background: #FFF; }

.btn-outlined-white-med { color: #FFF;  border: 1px solid #fff;   text-align:center; display: inline-block; min-width:160px; height:45px; border-radius: 3px; line-height: 40px;}
.btn-outlined-white-med:hover { color: #5698d1; ; background: #FFF; }


.btn-outlined-blue-sm { color: #5698d1; border: 1px solid #5698d1; text-align:center; display: inline-block; min-width:120px; height:40px; border-radius: 3px; line-height: 38px;}
.btn-outlined-blue-sm:hover {color: #5698d1; background: #FFF; }

.btn-outlined-blue-xsm { color: #5698d1; border: 1px solid #5698d1; text-align:center; display: inline-block; min-width:90px; height:30px; border-radius: 3px; line-height: 28px;     font-size: 13px;}
.btn-outlined-blue-xsm:hover { color: #FFF; background: #5698d1; }

.events-btn {min-width:200px; height:50px; line-height:50px;  padding: 0 20px; text-align:center; color: #FFF; display: inline-block; margin: 20px 30px 20px 0; border-radius: 3px; }
.events-btn:hover{ -webkit-filter:brightness(1.2); filter:brightness(1.2); cursor:pointer; color:#FFF }



/* *********************  SF Dashoard Related items  ********************* */


.sfPageEditor {color:#000!important}
.sfPageWrapper #header { overflow:hidden;    margin:0 auto; /*height:100%;*/     position: relative;}
.sfPageWrapper .menu{ width:80%}
.sfPageWrapper .logo{width:20%}
.sfPageWrapper .menu-btn,.sfPageWrapper .menu-btn-np {width:40%; float:left; position:relative; display: inline}
.sfPageWrapper .menu-search{width:50%; float:right; position:relative; display: inline; margin-top: -17px;}
.sfNavWrp .sfSel {   font-weight: 400!important; color: #5698D1;}
.sfPageWrapper .content, .sfPageWrapper .lp-content{ clear:both;padding-bottom: 10px;width: 100% !important; margin-top:0px }
.sfPageWrapper .sfContentBlock h1, .sfPageWrapper .sfContentBlock h2, .sfPageWrapper .sfContentBlock h3 {color:#404041}
.sfPageWrapper .btn-outlined{background:#404041}
.sfPageWrapper .intro-message {  padding-top: 5%;}
.sfPageContainer .RadDockZone .RadDock:hover, .sfPageContainer .RadDockZone .RadDock .rdTable:hover {background: rgba(231, 181, 47, 0.30)}
.sfPageWrapper .cover .content-inner {   position: relative; }

.sfPageWrapper #panel-wrapper {   margin-top: 0px; margin-bottom: 0px; }
.lp .sfPageWrapper .header .logo{width:25%; float:left; position: relative; margin-right:1%}
.lp .sfPageWrapper .header .menu-btn, .lp .sfPageWrapper .header .menu-btn-np{width:30%;     margin: 0 5%; }
.lp .sfPageWrapper .header .phone{width:30%; float:right; position: relative;     top: 10px;}
.lp .sfPageWrapper .cover   { clear: both;   top: 50px;   position: relative;}
.lp .sfPageWrapper .cover img{min-height: 100%;}
.lp .sfPageWrapper .v-form{    padding: 0px;  float: left; margin:0}
.lp .sfPageWrapper .intro-message{     position: relative;}
.lp .sfPageWrapper .content {margin-top: 80px; }
.lp .sfPageWrapper .sf_2cols_2_33 {float:right}
.ty .sfPageWrapper .menu-search   { margin-top:50px}
.ty .sfPageWrapper .cover   {}
.ty .sfPageWrapper  .intro-message{    position: relative;  top: 500px; z-index:1000;     height: 600px;}
.ty .sfPageWrapper  .cover img{ height: none;}
.ty .sfPageWrapper .footer {    position: relative;}
.ty .sfPageWrapper #ctl00_Bg_RadDockZoneBg, .ty .sfPageWrapper #ctl00_Content_RadDockZoneContent {    top: 100px;}

.ty .sfPageWrapper .sf_1col_1_100 .zeDockZoneEmpty {display:none}


.sfPageWrapper #ctl00_Form_ctl02 {height: 150px;overflow: hidden;}
.sfEditorWrp .reToolbarWrapper .sfChange, .sfLinkBtn .sfChange, reToolFirstItem {   display: none!important;}
.sfEditorWrp .sfMoreTools .reToolbarWrapper {    margin-right: 0px!important}
.sfEditorWrp .reToolbarWrapper {margin-right: 0px!important;   margin-bottom: 4px;   background: transparent url() repeat-y 100% 0;}
.sfChange .sfLinkBtnIn {    display: none;}
.sfreContentArea{color:#000; }

.RadWindow .RadEditor .reToolZone .reBottomZone .reModule, .reBottomZone{padding-top:20px!important}
.sfreContentArea strong, .sfreContentArea  b, .sflistItemContent strong, .sflistItemContent b {font-weight:600}/*to make bold bold in lists*/

.sfContentBlocksBtnAreaBottom, #propertyEditor_ctl00_ctl00_ctl00_ctl00_ctl00_editViewCommandBar { padding-top: 40px!important}
.sfContentBlocksBtnAreaBottom .sfLinkBtn { margin-top: 20px;}
.sfContentBlocksBtnAreaBottom{ margin-top: 0px;}

#lstItmsCntView_itemsBackendList ul {list-style-type: none; margin-left: 0px;}

.sfcommentsWrp {display:none!important}/* to keep comments box from displaying*/


/* *********************  Header  ********************* */
.main-header {z-index: 9999; width: 100%; position: fixed;  height: 100px; line-height: 100px;  border-bottom: 1px solid #efefef; background-color: #FFF; }
.main-header.scrolled {z-index: 9999; width: 100%; position: fixed; border-bottom: 1px solid #efefef; height: 65px; line-height: 65px;  background-color: #FFF;}

.logo {float: left; padding: 25px 0 0 10px; }
.logo.scrolled {     padding: 15px 0 0 10px;}

.logo img{width: 100%;-webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; -ms-transition: all 0.5s ease-out; transition: all 0.5s ease-out; display: inline;}
.logo img.scrolled{ width: 65%; display:inline}

.main-header{-webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; transition: all 0.3s ease-out; display: inline;}
.main-header.scrolled {display:inline}

.main-header ul {margin-bottom: 0px; }

.menu { float:left;  transition: transform 1s;  }
.menu.scrolled {  }

.menu-btn {position: absolute;   right: 0; display: none;  }
.menu-btn.scrolled { display: inline;  }
.menu-btn a{ color: #FFF!important; padding: 0 30px; -webkit-filter: brightness(100%);     display: inline-block;      margin-right: -4px; }
.menu-btn a:hover{ -webkit-filter:brightness(1.2); filter:brightness(1.2); cursor:pointer; color:#FFF }


.header-phone {position: absolute; right: 1%; margin-top: -33px; font-size: 13px;}

nav { display: block; }
.mainmenu { display: block;  -webkit-transition: left 0.3s ease-out; -moz-transition: left 0.3s ease-out; -o-transition: left 0.3s ease-out; -ms-transition: left 0.3s ease-out; transition: left 0.3s ease-out;  }
.mainmenu.scrolled {list-style: none;  display: block;  }

.mainmenu li { display: inline-block; position: relative; z-index: 100; }
.mainmenu ul li:last-child { display: inline-block; }/*submenu last child to display*/
.mainmenu li:last-child { display: none; }/*main menu last child to display none*/
.mainmenu li:first-child { margin-left: 0; }
.mainmenu li a { text-decoration: none; padding: 0 15px;  display: block; color: #4b575a; -webkit-transition: all 0.2s ease-in-out 0s; -moz-transition: all 0.2s ease-in-out 0s; -o-transition: all 0.2s ease-in-out 0s; -ms-transition: all 0.2s ease-in-out 0s; transition: all 0.2s ease-in-out 0s; }
.mainmenu li a:hover, .mainmenu li:hover > a {color: #5698d1 }
.mainmenu ul { display: none; margin: 0; padding: 0; width: 240px; position: absolute; left: 0px; background-color: #efefef; color: #212121; font-size: 11px;line-height: 35px;  }
.mainmenu ul li { display: block; float: none; background: none; margin: 0; padding: 0; }
.mainmenu ul li a { font-size: 12px; font-weight: normal; display: block; color: #4b575a;}
.menu ul li a:hover, .mainmenu ul li:hover > a { color: #5698d1; }
.mainmenu li:hover > ul { display: block; }
.mainmenu ul:after { position: absolute; left: 13%; top: -18px; width: 0; height: 0; content: ''; border-left: 18px solid transparent; border-right: 18px solid transparent; border-bottom: 18px solid #efefef; } 

.mobile-menu { display: none; width: 100%; padding:0 10px; background: #f4f4f4; color: #5698d1; text-transform: uppercase; font-weight: 600;      position: absolute;  top: 0; height:65px}
.mobile-menu i{ font-size:25px; padding: 20px 0;}

.menu-search {float: right; margin-right:1%;}
#menusearch_T5441E395028, #menusearch_TD16081F5026 {float: right}
.menu-search.scrolled { display: none;}
.menu-search .sfContentBlock{float: left;}
.menu-search ul{/*position: absolute;   top: 0;   right: 19%;*/     margin-right: 10px; margin-left: 0;}
.menu-search ul li{   display: inline;     padding: 10px;   text-align: right;}
	
.sfsearchBox{    border: 0 !important; /*position: absolute; top: 35%; right: 1%;*/ margin-top: 18%; height: 30px; }
#menusearch_T5441E395028_ctl00_ctl00_searchButton {  }
.sfsearchSubmit{ border: 0 none;    height: 30px;    position: absolute;    top: 1px;    right: 1px;      background-color: transparent;}  
.sfsearchTxt:after {content: "\f002";   font-family: FontAwesome; color:#9da3a4; position:absolute;  top: -35px;  right: 10px;  height: 30px;}
.sfsearchBox input:focus {   border-bottom: none!important; color: #74b2e1;}
button {border: 0;}

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

.sf_3cols_1_33, .sf_3cols_2_34, .sf_3cols_3_33, .sf_2cols_1_50, .sf_2cols_2_50  {padding:0 20px}
.sf_2cols_1_67, .sf_2cols_2_33, .sf_2cols_1_33, .sf_2cols_2_67, .sf_2cols_1_25, .sf_2cols_2_75, .sf_2cols_1_75, .sf_2cols_2_25 {padding:0 30px}
.sf_4cols_1_25, .sf_4cols_2_25, .sf_4cols_3_25, .sf_4cols_4_25{padding:0 10px}


.support .sf_2cols_1_33, .support .sf_2cols_2_67{padding:0}


.sf_4cols_1_25 img, .sf_4cols_2_25 img, .sf_4cols_3_25 img, .sf_4cols_4_25 img, .sf_3cols_1_33 img, .sf_3cols_2_34 img, .sf_3cols_3_33 img{ padding-bottom:20px}

.sf_cols {padding:30px 0; }
/*.sf_cols:last-child {padding:30px 0 ; }*/
.content-inner { margin:0 auto; }
#content { min-height: 100%!important;  overflow: auto;     clear: both; margin-top: 100px;}

.well {text-align:center; border: 0;  box-shadow: none ; padding:30px;     overflow: auto; color: #4b575a;}
.partner-well {text-align:left; border: 0;  box-shadow: none ; padding:20px 10px;     overflow: auto; color: #4b575a; background-color:#ebf2f8; min-height:200px}
.home-well { padding:100px 0;  text-align: center;border: 0px none; box-shadow: none; overflow: auto;}
.home-well a:hover {color:#4b575a!important}
.wp-well {text-align:left; border: 0;  box-shadow: none ; padding:20px;  overflow: auto; color: #4b575a; background-color:#ebf2f8; font-size:12px}

.feature img {padding-bottom:30px}

.cover   {     position: relative; padding: 100px 0;}
.cover .bg img  {    position: absolute;   width: 100%;  z-index: 0;   bottom: 0; height: 100%; }
.cover .content-inner{ position: relative;   text-align: center;      }
.cover .content-inner h1, .cover .content-inner h2, .cover .content-inner h3, .cover .content-inner h4{ color: #FFF }
.cover .content-inner h1{ font-weight:500}

.quotes {font-size:18px; width:75%; padding:50px 0; margin:0 auto; color:#4b575a; }
.quotes p { width:86%; float:left; margin: 0 2%; }
.quotes:before {content: "\f10d";   font-family: FontAwesome;			font-size: 42px;	  float: left;	 width:5% ; opacity: 0.4;}
.quotes:after {content: "\f10e";    font-family: FontAwesome;   font-size: 42px;  float: right;  width:5%; opacity: 0.4;}
.quotes span{font-weight:600}


/*full width - used on white paper pages*/
.quotes-2 {}
.quotes-2 p { width:86%; float:left; margin: 0 2%; }
.quotes-2:before {content: "\f10d";   font-family: FontAwesome;			font-size: 42px;	  float: left;	 width:5% ; opacity: 0.4;}
.quotes-2:after {content: "\f10e";    font-family: FontAwesome;   font-size: 42px;  float: right;  width:5%; opacity: 0.4;}
.quotes-2 h2 { width:90%; text-align: center; margin: 0 2%; }


.faqs h3 { color:#c8cdd0!important}
.faqs h4 { font-weight:400;     margin: 30px 0 5px 0; color:#c8cdd0!important; line-height: 24px;}
.faqs p{margin: 0; color:#7c858f; font-size:14px;}
.faqs ul{ list-style:none; margin-left:0; color:#7c858f; font-size: 14px;}

.contact{text-align:left!important}
.contact em {color:#e5e5e7; padding-right:10px }

.round { line-height: 35px; font-size: 20px; width: 35px; height: 35px; border-radius: 50%; display: inline-block; text-align: center; vertical-align: middle; }
.round em{ padding-top: 7px;    }
.round-75 { line-height: 75px; font-size: 35px; width: 75px; height: 75px; border-radius: 50%; display: inline-block; text-align: center; vertical-align: middle; }
.round-75 em{ padding-top: 7px;    }
/*.round { line-height: 45px;  font-size: 35px;   width: 45px;   height: 45px;    border-radius: 50%;    display: inline-block;    text-align: center;    vertical-align: middle;}*/
.round-lg { line-height: 85px; font-size: 20px; width: 85px; height: 85px; border-radius: 50%; display: inline-block; text-align: center; vertical-align: middle; }
.round-200 { line-height: 50px;    padding-top: 25%; font-size: 45px; width: 200px; height: 200px; border-radius: 50%; display: inline-block; text-align: center; vertical-align: middle; }
.round-200-2 { line-height: 50px;    padding-top: 15%; font-size: 45px; width: 200px; height: 200px; border-radius: 50%; text-align: center; vertical-align: middle; }
.round-icon { line-height: 85px; font-size: 40px; width: 85px; height: 85px; border-radius: 50%; display: inline-block; text-align: center; vertical-align: middle;}
.round-250 { padding-top: 25%; width: 250px; height: 250px; border-radius: 50%; display: inline-block; text-align: center; vertical-align: middle; }


.img-circle{   padding: 4px!important;    border: 1px solid #ddd;-webkit-transition: border .2s ease-in-out;    -o-transition: border .2s ease-in-out;    transition: border .2s ease-in-out;border-radius: 50%;   overflow: hidden; opacity: 1.0;  }
.img-circle:hover { -webkit-filter: brightness(50%);}
		
.img-div, .img-div-sm{position:relative; display: inline-block; }
.img-div img{height:300px!important; width:300px!important;}
.img-div-sm img{height:170px; width:170px;}
.img-div:hover:after, .img-div-sm:hover:after{ font-family: fontAwesome;  content: "\f002";    position:absolute;    left: 0px;    top: 45%; bottom: 0px;    width: 100%;				font-size:25px;				color:#fff; text-align:center; margin:0 auto; }
.img-div:hover img, .img-div-sm:hover img{-webkit-filter: brightness(50%); filter: brightness(50%) !important;  }
	
	
	.img-360-1 {height: 370px; margin-top: -70px;}
	
.error h1{font-size:100px;  line-height: 120px; font-weight: 300; padding-bottom:10px}
.error h2{font-size: 40px;  line-height: 50px; font-weight: 300; padding-bottom:10px; color: #cc5054 !important; }
.error h3{font-size: 30px;  line-height: 40px; font-weight: 300; padding-bottom:30px}
.error p {line-height:30px}


	/*---------------heros---------------*/

.heroimg1 {background: url(http://www.veriato.com/images/default-source/Hero/people-desk-blue-overlay.png) no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;}

.heroimg2 {background: url(http://www.veriato.com/images/default-source/Hero/laptop.png) no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;}

/*used on events page*/
.hero-1 h2{ font-size:18px; line-height:1.5; margin:10px 0}
.hero-1 ul {margin-left:0; list-style:none; margin:30px 0 20px 0}
.hero-1 li{ display:inline-block; padding:0 30px; }
.hero-1 li em{ padding-right:10px; font-size:20px}

/*used on product page with button bar*/
.hero-2 .product-icon {height:90px; width:90px}
.hero-2 ul {margin-left:0; list-style:none; margin-top:50px; text-align: center;}
.hero-2 li{ display:inline-block; border-right: solid 1px #e0e0e0; height: 65px; line-height: 65px; margin-right: -5px;}
.hero-2 li a{padding: 25px 40px;}
.hero-2 li:last-child{border-right:none}
.hero-2 li a:hover{background-color:#5698d1; color: #FFF; }
.hero-2 .grn a:hover{background-color:#90bb47; color: #FFF; }
.hero-2 li a em{ padding-right:10px; font-size:20px; color:#e0e0e0}
.hero-2 li a:hover em{color:#fff}


/*used for cover bg image*/
.hero-3 {position: relative; padding: 0; margin-bottom: 40px; height: 500px;}
.hero-3 .bg img {position: absolute;  width: 100%;   height: 500px;}
.hero-3 .message { color: #FFF;position: absolute; left: 50%; transform: translate(-50%, 40%);height: 400px;}
.hero-3 .message h3 { font-weight:300}

.hero-3 .howdoesitwork  {text-align:center;  position: absolute; bottom: 1%; left: 43%;}/*used on friendly lp*/
.hero-3 .howdoesitwork .button {background-color: #FFF; padding: 10px 40px;}
.hero-3 .howdoesitwork  em {font-size: 40px;color: rgb(255, 255, 255);margin-bottom: 20px;}

/*used for smaller bg image - investigator*/
.hero-4 {position: relative; padding: 0; height: 300px;}
.hero-4 .bg img {position: absolute;  width: 100%;   height: 350px;}
.hero-4 .message { color: #FFF;position: absolute; left: 50%; transform: translate(-50%, 15%);}

	/*used for LP Template 4*/
.hero-5 {position: relative; padding: 0; margin-bottom: 40px; height: 500px;}
.hero-5 .bg img {position: absolute;  width: 100%;   height: 500px;}
.hero-5 .message { text-align:center; color: #FFF; position: absolute; left: 50%; transform: translate(-50%, 50%);}
.hero-5 .message h1, .hero-5 .message h2 { color:#fff}
.hero-5 .message img { padding-top:20px}

	/*used for LP Template 5*/
.hero-6 h1, .hero-6 h2, .hero-6 h3{font-weight:300}
.hero-6 h3{line-height: 30px;text-align: center;padding-bottom: 10px;width: 85%;margin: 0 auto; font-size: 20px;}
.hero-6 .message { text-align:center; color: #FFF; position: absolute; left: 50%; transform: translate(-50%, 50%);height: 300px;}

.hero-6 {position: relative; padding: 0;}
.hero-6 .bg img {position: absolute;  width: 100%;}


.hero-6 .form-bg {padding: 5px 15px 10px 5px}
.hero-6 a {color:#FFF}
	
	/*used for test campaign 2*/
.hero-7 {position: relative; padding: 0;  height: 400px;}
.hero-7 .message { text-align:center; color: #FFF; position: absolute; left: 50%;transform: translate(-50%, -50%); top: 50%}
.hero-7 .message h1{color:#FFF}				
.hero-7 .message h2{color:#5698d1}				


.framedicon{ font-size:65px; padding:30px 0}
.formpage .sf_cols {padding: 0 0 60px 0}
.colors span {padding: 50px 0;    float: left;    width: 150px;   text-align: center;    margin: 5px;}
.colors2 span {padding: 30px 0;    float: left;    width: 300px;   text-align: center;    margin: 5px;}

.modal-title {color:#4b575a!important; text-align:left;}
.awards img {padding:0 10px; max-width: 80px; max-height: 80px;vertical-align: bottom;}

.awards2 img {padding: 10px; max-height: 100px;vertical-align: bottom; margin: auto;display: block;}



.home-carousel {padding-top: 0px}
.carousel-caption { position: absolute; /*height: 50%;  top: 25%; bottom: 65px*/ -webkit-box-align: center;  -moz-box-align: center;-ms-flex-align: center;  -webkit-align-items: center;align-items: center;  text-shadow: none!important ; right: 15%!important; left: 15%!important;}
/*.carousel-caption:first-child {top:10%}*/
.carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next, .carousel-control .icon-prev {   width: 50px;    height: 50px;    font-size: 50px;}
.carousel-caption p {		max-width: 400px;	 margin: auto;	 padding:10px 0;	}
.carousel-caption h1 {		}
.carousel-caption h2 {		font-weight: 300;		margin-top: 0;	}
.carousel-caption .v-logo {		max-height: 100px;	opacity: .40;}
.carousel-caption .gartner-logo {		max-height: 25px;		margin-bottom: 10px;	}
.carousel-inner .item  {font-family: 'Open Sans', sans-serif, Helvetica, arial;	min-height: 400px;	max-height: 400px; background-color: #666;-webkit-background-size: cover;	-moz-background-size: cover;	-o-background-size: cover;	background-size: cover; background-position:bottom; background-repeat:no-repeat }

.carousel-inner .bgimage  {min-height: 400px; -webkit-background-size: cover;	-moz-background-size: cover;	-o-background-size: cover;	background-size: cover; background-position:bottom; background-repeat:no-repeat }
	
		
.col-md-12 {clear:both}
.sfpostContent img {padding:5px 15px}

	/*cms videos*/ 	
.RadMediaPlayer_Default .rmpBigPlayButton, .RadMediaPlayer_Default .rmpBigPauseButton {background-color: #424242;}
.RadMediaPlayer .rmpBigPlayButton, .RadMediaPlayer .rmpBigPauseButton {width: 68px;   height: 68px;}
.RadMediaPlayer_Default .rmpToolbar{
    background-image: -webkit-linear-gradient(top,rgba(252,252,252,0.9) 0,rgba(193,193,193,1) 100%);
    background-image: -moz-linear-gradient(top,rgba(252,252,252,0.9) 0,rgba(193,193,193,1) 100%);
    background-image: -ms-linear-gradient(top,rgba(252,252,252,0.9) 0,rgba(193,193,193,19) 100%);
    background-image: -o-linear-gradient(top,rgba(252,252,252,0.9) 0,rgba(193,193,193,1) 100%);
    background-image: linear-gradient(to bottom,rgba(252,252,252,0.9) 0,rgba(193,193,193,1) 100%);
	
}
#ctl00_Content_ctl06_C075_ctl00_ctl00_mediaPlayer {margin: 0 auto;    text-align: center; margin-top: 25px;}
	.cms-video {margin: 0 auto;    text-align: center; margin-top: 15px; padding: 20px; }		
	.cms-video  p{font-size:10px; margin:0px}		
	video {    border: 2px solid #CCC!important;}
	.no-title p {display:none}
	.sf.mp4 { background-color:#000}
	
/*--------product compare table---------*/
.pc2  {font-size:13px}
.pc2 p {margin: 0;}
.pc2 h4 {line-height: 22px;}
.pc2 .grey-font{ color:#CCC}
.pc2 tbody tr td {font-weight:300; vertical-align: middle;}

/*--------lists - jobs - support faqs---------*/
.sflistExpandAllLnkWrp{text-align:right}
.sflistTitle {display:none}
.sflistitem {list-style:none}
.sflistitem  h3{background-color: #f5f8fb;   padding: 20px 10px; font-size: 20px;line-height: 24px;}
.sflistItemContent {padding:0 10px}
.sflistitem ul {margin-left:40px}


.partners-news .sflistitem  h3{background-color: transparent!important;   padding:0px!important;}
.partners-news .sfitemPublicationDate {font-size:11px}

.careers .sflistList {    margin-left: 0px;}

.supportfaqs .sflistitem  h3{background-color: #f5f8fb;   font-size:18px;    padding: 8px; }
.supportfaqs .sflistList { margin-left: 0px}
.top {float: right;   margin: -40px 0;}
.supportfaqsanchors { list-style:none; margin-left: 0px;}
.supportfaqsanchors li { display:inline; padding: 10px; font-size:12px}


.support ul{ margin-left: 10px; margin-top:10px}
.support ul li {    padding: 5px 0; }
.support ul li em {padding-right: 10px;}
.support .modal-body ul{ margin-left: 30px; margin-top:0}
.modal-dialog {margin-top: 10%;}

/*--------LIGHTBOX---------*/
#fancybox-title-float-wrap{margin:0 auto}
#fancybox-title {font-family: inherit;    width: 100%; font-size:14px;}
.fancybox-title-float {position: static; bottom: 0;   height: 40px;}
#fancybox-title-float-left, #fancybox-title-float-right {display:none}
#fancybox-title-float-main {background: none; line-height: 40px; font-weight:400;}

.sfLightboxMode  li, .sfimagesTmbList li {display:inline-block; }
.company-gallery ul{white-space: nowrap}
.customer-logos ul li{margin: 0 10px; white-space: nowrap}

#fancybox-overlay{  overflow: auto!important}
#fancybox-close {right: -30px!important}



/*--------EVENTS  ---------*/
.vevents {margin-left: 0;}
.vevents li {list-style: none; margin: 10px 0;}
.vevents .bgimage{ height: 280px; background-repeat: no-repeat; background-position:top center; -webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover; padding:20px; color:#FFF;  opacity: .9;}
.vevents h3 a {color:#FFF; line-height: 30px; }
.vevents h4 {line-height: 20px;}

.webinar .eventdate{color:#FFF; float: right; margin-top: 40px; font-size: 13px; display: none; /*added 11 2016 bc dates were old*/}
.tradeshow h4{padding:10px 0 5px 0}
.tradeshow .eventdate{display: block;}
.tradeshow li{padding-bottom:60px}
.tradeshow .sfmetainfo{padding-top: 15px;}

.vevents .webinar-content{margin: 5px 0; line-height: 24px; min-height: 100px; max-height: 100px;}
.vevents .tradeshow-content {font-size: 13px;   color: #9da3a4;  line-height: 20px;   margin: 5px 0 !important;} /* used for tradeshows sidebar on events page*/
.vevents .sf_cols, .sf_2cols_1_50, .sf_2cols_2_50 {padding:0px; }

.eventlocation:before {font-family: FontAwesome; content: "\f041"; padding-right:10px; }
.eventdate strong{display:none}
.eventdate:before {font-family: FontAwesome;content: "\f073";padding-right:10px; }
.vevents .sfAddEventWrp {padding-top:10px; font-size:12px}
.vevents .sfAddEventWrp .sfical {padding-left: 10px }
.vevents .sfAddEventWrp .sfical:after, .vevents .sfAddEventWrp .sfoutlook:after {content: " | "; padding:0 5px }

.events-btn-blue {background-color: #5698d1; min-width:200px; height:50px; line-height:50px;  padding: 0 20px; text-align:center; color: #FFF; display: inline-block; margin: 15px 0px 0px 0px; border-radius: 3px;}
.events-btn-green {background-color: #90bb47; min-width:200px; height:50px; line-height:50px;  padding: 0 20px; text-align:center; color: #FFF; display: inline-block; margin: 15px 0px 0px 0px;; border-radius: 3px;}
.events-btn-red {background-color: #cc5054; min-width:200px; height:50px; line-height:50px;  padding: 0 20px; text-align:center; color: #FFF; display: inline-block; margin: 15px 0px 0px 0px; border-radius: 3px;}
.events-btn-yellow {background-color: #e7b52f; min-width:200px; height:50px; line-height:50px;  padding: 0 20px; text-align:center; color: #FFF; display: inline-block; margin: 15px 0px 0px 0px; border-radius: 3px;}
.events-btn-blue:hover, .events-btn-green:hover,  .events-btn-red:hover, .events-btn-yellow:hover{ -webkit-filter:brightness(1.2); filter:brightness(1.2); cursor:pointer; color:#FFF }

.tech-demo-img {margin-top: -75px; margin-bottom: -75px;}
.events-well{text-align:left; box-shadow: none ; padding: 20px 20px 10px 20px;  color: #4b575a; background-color: #f5f5f5; border: 1px solid #e3e3e3;border-radius: 4px;}
.events-well .blue-btn-sm{margin:0px; height: 55px; line-height: 55px;}
.events-well h3{line-height: 50px;}

.watch-replay{margin-top:40px}

/*--------BLOG / NEWS / PRESS ---------*/
.rsmLink:hover, .RadSiteMap_Default .rsmOneLevel .rsmLink:hover {color:#5698d1!important;  background-image: none!important; background-color:transparent!important}
.sidebar-blog-list {    font-size: 10px;}
.sshContent::before {  content: "Share";}

.sfcommentsFieldsList, .sfcommentsList, .sfpostsList, .sfnewsList{list-style:none; margin-left:0}
.sfcommentAuthorAvatar {display:none}
.sfcommentText {margin-left: 10px;}

.sfnewsAuthorAndDate{padding:20px 0}
.sfnewsList h2{    font-size: 18px;  line-height: 26px;  font-weight: 300;}
.sfnewsMetaInfo {font-size:12px}
.sfnewsMetaInfo i {font-size:16px; padding-right:10px}
.sfnewsSummary {padding:10px 0}
.sfnewsTitle {font-size: 34px;line-height: 40px;font-weight: 400;  color: #5d3878 !important;}
.sfnewsContent h2{    font-size: 18px;  line-height: 26px;  font-weight: 300;}
.sfnewsContent {padding-top:20px}

.sfpostContent ul, .sfpostContent ol, .sfnewsContent ul, .sfnewsContent ol {margin-left:25px}
.sfpostsList li, .sfnewsList li {padding: 20px 0;}
.sfpostsList {    margin-left: 0px!important;}
.sfpostAuthorAndDate, .sfmetainfo {    color: #9da3a4; font-size: 12px; }
.sfpostDetails, sfpostsList {width: 90%; margin: 0px auto;}
.sfpostDetails h1{font-size: 30px;  line-height: 26px;  font-weight: 300;  padding-bottom:10px}
.sfpostsList h2{font-size: 18px;  line-height: 26px;  font-weight: 300;}
.sfpostFullStory {font-size: 10px; }
.sfpostSummary {padding:10px 0}

.sfeventContent h4{font-size: 18px;  line-height: 40px;  font-weight: 300;}


.media-mention h2{font-size: 18px;  line-height: 26px;  font-weight: 300;}
.media-mention ul{margin-left:0; list-style:none}
.media-mention li{padding: 20px 0; clear: both;}
.media-mention img {padding-bottom: 10px; max-height: 100px;}/*logo on events page*/
.media-mention i {font-size:16px; padding-right:10px; color: #9da3a4;}
.media-mention .date {font-size:12px; color: #9da3a4; }
.media-mention p {font-size:12px; color: #9da3a4; line-height: 18px; margin: 5px 0 !important;}
.media-mention .sf_2cols_1_25, .media-mention .sf_2cols_2_75 {padding:10px}
.media-mention .sf_2cols_1_25{height: 120px;width: 200px;position: relative;}
.media-mention .mm-logo{padding-bottom: 0;  max-height: 90%;   max-width: 100%;  width: auto;  height: auto; position: absolute;   top: 0;   bottom: 0;   left: 0;   right: 0;  margin: auto;} /*logo on list page*/
.press-social { list-style: none;}

.press-social li {    background: #5698d1; line-height: 30px;   font-size: 15px;   width: 30px;   height: 30px;   border-radius: 50%;   display: inline-block;   text-align: center;   vertical-align: middle; margin-right: 5px;}
.press-social li  a {color:#FFF}
.press-social li:hover {-webkit-filter:brightness(1.2); filter:brightness(1.2); cursor:pointer; color:#FFF }
.press-social li em {padding-top: 7px;     }



/*--------PAGINATE---------*/
.sf_pagerNumeric	 {  float: right;}
.sf_pagerNumeric a { border: solid #d7dada 1px;  margin: 1px 2px;  padding: 5px 10px;  display: inline-block; text-decoration: none; color: #717171; font-size: smaller; text-shadow: white 0 1px 0; background-color: #f5f5f5}
.sf_pagerNumeric a:first-child, .sf_pagerNumeric a.first {     margin-left: 0; }
.sf_pagerNumeric a:last-child, .sf_pagerNumeric a.last {margin-right: 0; }
.sf_pagerNumeric a:hover, .sf_pagerNumeric a:focus,  .sf_pagerNumeric .sf_PagerCurrent { border: solid #d7dada 1px;   background-color: #fdfdfd;				color: #5698D1;	}


/*--------FOOTER---------*/
.footer { padding: 30px 0; font-size: 11px; color: #9da3a4!important; position: relative; /*margin-top: -500px;*/ min-height: 500px; clear: both; z-index:100 }
.footer .footer-top { padding-bottom: 20px; margin-bottom: 30px; border-bottom: 1px solid #4d585c }
.footer .social { list-style: none }
.footer .social li:first-child { background: none; width: 85px; }
.footer .social li:hover:first-child { background: none; }
.footer .social li { background: #4d585c; line-height: 25px; font-size: 15px; width: 25px; height: 25px; border-radius: 50%; display: inline-block; text-align: center; vertical-align: middle; }
.footer .social li i, .footer .social li em{ padding-top: 5px;     padding-left: 3px; color: #1e232a; }
.footer .social li:hover { background: #5698d1; }
.footer-logo img { height: 25px; margin-bottom: 20px }
.footer ul {list-style: none;   padding: 0;margin-left: 0px;}
.footer ul li { padding-bottom: 10px; }

.footer h4, .footer h4 a {color: #9da3a4}
.footer h4 a:hover {color: #5698d1}
.footer a:hover {color:#fff}
.footer .title { padding-bottom: 3px; }
.footer i, .footer em{padding-right:5px }
.footer .copyright { font-size: 10px; text-align: center; padding-top: 30px;clear: both }
.footer .copyright a { color: #fff; }
.footer .copyright a:hover { color: #5698d1; }


/*--------LANDING PAGES---------*/
.lp .header {z-index: 9999; width: 100%; position: fixed; height: 65px; line-height: 65px; -webkit-transition: all 0.9s ease-out; -moz-transition: all 0.9s ease-out; -o-transition: all 0.9s ease-out; -ms-transition: all 0.9s ease-out; transition: all 0.9s ease-out; display: inline; }
.lp .header.scrolled {background: rgb(255,255,255);  border-bottom: 1px solid #efefef; background-color: #FFF; display: inline;  }
.lp .header .logo {  float: left;  position: relative;   top: 25%;   left: 1%;  background: url("http://www.veriato.com/images/default-source/global/veriato-logo-white---150.png") no-repeat; height: 65px; width: 300px; -webkit-transition: all 0.9s ease-out; -moz-transition: all 0.9s ease-out; -o-transition: all 0.9s ease-out; -ms-transition: all 0.9s ease-out; transition: all 0.9s ease-out; display: inline;}
.lp .header .logo.scrolled { background: url("http://www.veriato.com/images/default-source/global/veriato-logo-blue---112.png?Status=Temp&sfvrsn=4") no-repeat}

.lp .header-2 {z-index: 9999; width: 100%;  height: 65px; line-height: 65px;  display: inline;position: absolute; }
.lp .header-2 .logo {  float: left;  position: relative;   top: 25%;   left: 1%;  background: url("http://www.veriato.com/images/default-source/global/veriato-logo-white---150.png") no-repeat; height: 65px; width: 300px; display: inline;}


.lp .cover   {     position: relative; padding: 0; background-color:#5698d1}
.lp .cover .bg img {/*position: absolute;  width: 100%; height: auto;*/}
.lp .cover .bg {position: absolute;  width: 100%;   height: 550px;}

.vbg {background:url(http://www.veriato.com/images/default-source/global/v-white-cropped-trans-550h.png) no-repeat top;}
.vbgxl {background:url(http://www.veriato.com/images/default-source/global/v-white-cropped-trans-550h.png) no-repeat top;     background-size: contain;}

.lp .cover .sf_colsOut {padding: 10px 30px;}
/*@-moz-document url-prefix() { .lp .content { margin-top: 100px; }}*/
.lp .phone {position: absolute;    right: 3%;    font-size: 24px;     font-weight: 400;}
.lp .phone a {color:#FFF}
.lp .phone.scrolled { display: none;}

.lp .phone2 {/*position: absolute;    right: 0;*/    font-size: 24px;     font-weight: 400; padding: 0 15px;}
.lp .phone2 a {color:#5698d1!important}

.lp-inner{  margin:0 auto; position: relative;    height: 520px; }
.intro-message { position: absolute;   bottom: 0;}
.intro-message h1 { color:#FFF}
.intro-message h2 { color:#FFF; line-height:36px}
.lp ul{ /*list-style:none;*/ padding: 10px 0 }
.lp .footer { min-height: 100px!important;  } 
.lp .footer-right { float:right; width:50%}
.lp .footer-left { float:left; width:50%}
.lp .footer-left ul li {display: inline-block;     padding-right: 20px; font-size: 13px;}
.lp .footer .copyright {padding-top: 0;}


/*--------LP No Phone---added 12-2016------*/
.lp .header {z-index: 9999; width: 100%; position: fixed; height: 65px; line-height: 65px; -webkit-transition: all 0.9s ease-out; -moz-transition: all 0.9s ease-out; -o-transition: all 0.9s ease-out; -ms-transition: all 0.9s ease-out; transition: all 0.9s ease-out; display: inline; }
.lp .header.scrolled {background: rgb(255,255,255);  border-bottom: 1px solid #efefef; background-color: #FFF; display: inline;  }
.lp .header .logo {  float: left;  position: relative;   top: 25%;   left: 1%;  background: url("http://www.veriato.com/images/default-source/global/veriato-logo-white---150.png?Status=Temp&sfvrsn=4") no-repeat; height: 65px; width: 300px; -webkit-transition: all 0.9s ease-out; -moz-transition: all 0.9s ease-out; -o-transition: all 0.9s ease-out; -ms-transition: all 0.9s ease-out; transition: all 0.9s ease-out; display: inline;}
.lp .header .logo.scrolled { background: url("http://www.veriato.com/images/default-source/global/veriato-logo-blue---112.png?Status=Temp&sfvrsn=4") no-repeat}

.lp .cover   {     position: relative; padding: 0; background-color:#5698d1}
.lp .cover .bg img {/*position: absolute;  width: 100%; height: auto;*/}
.lp .cover .bg {position: absolute;  width: 100%;   height: 550px;}



/*--------LP Sticky Form---added 11-2016------*/
.lp_sf { margin-bottom: 100px; /*position: relative;  min-height: 100%;*/ }

.lp_sf .bg_color  {margin-bottom: 100px; }

.lp_sf h1 { font-size: 35px; line-height: 43px;}
.lp_sf h2 { font-size: 24px;line-height: 30px;}


.lp_sf .footer {min-height: 100px;  position: absolute;  right: 0; left: 0; } 
.lp_sf .footer-right { float:right; width:50%}
.lp_sf .footer-left { float:left; width:50%}
.lp_sf .footer-left ul li {display: inline-block;     padding-right: 20px; font-size: 13px;}
.lp_sf .footer .copyright {padding-top: 0;}


.lp_sf .sticky-form{ position: -webkit-sticky;   position: -moz-sticky;   position: -ms-sticky;   position: -o-sticky;   position: sticky;  top: 5px; padding: 5px 15px 5px 5px; border-radius: 4px; z-index: 1000;}
			
/*.lp_sf .sticky-form{padding: 5px 15px 5px 5px; border-radius: 4px;      width: 275px !important;   position: fixed;   right: 15%; top: 15%;}*/

.lp_sf .sticky-form-button{width: 100%;line-height:50px; text-align:center; color: #FFF; display: inline-block; border-radius: 3px;}
.lp_sf .sticky-form-button:hover{-webkit-filter:brightness(1.2); filter:brightness(1.2); cursor:pointer; color:#FFF }

.red-theme {background-color: #cc5054 !important;color:#FFF}
.red-theme h2 {color:#fadad8}
.red-theme h3 {color:#fadad8}
.red-theme .sticky-form .telephone h3, .red-theme .sticky-form .telephone h4 {color: #cc5054}
.red-theme .sticky-form{background-color: #f6d9dc; }
.red-theme small {color: #101f2d; }
.red-theme .sticky-form-button{background-color: #cc5054; }

.light-blue-theme {background-color: #ebf2f8 !important;}
.light-blue-theme h3 {color: #cc5054; }
.light-blue-theme h4 {color:#5698d1; line-height: 30px;}

.light-blue-theme .sticky-form h3 {color: #FFF}
.light-blue-theme .sticky-form h4 {color: #eff4f6; }
.light-blue-theme .sticky-form{background: rgba(17, 32, 36, 0.75)  }
.light-blue-theme small {color: #FFF; }
.light-blue-theme small a {color: #69b8e3;}
.light-blue-theme .sticky-form-button{background-color: #cc5054; }

.light-blue-theme .sf_cols .sf_2cols_2_33 .sticky-form{ /*z-index: 1000;    position: relative;*/}
				
				
.bg-img-upper-right {position: absolute!important; top: -30px; float:right; right: 0;text-align: right; z-index: 0;}
.bg-img-upper-left {position: absolute!important; top: -30px; float:left; left: 0;text-align: left; z-index: 0;}
.bg-img-lower-right {position: absolute!important; bottom: -30px; float:right; right: 0;text-align: right; z-index: 0;}
.bg-img-lower-left {position: absolute!important; bottom: -30px; float:left; left: 0;text-align: left; z-index: 0;}

/*--chrome only--*/

@media screen and (-webkit-min-device-pixel-ratio:0)
{ 
    .lp_sf .sticky-form{  width: 275px !important;   position: fixed;   right: 12%; top: 5%; } 
}


.sfPageWrapper .bg-img-upper-right, .sfPageWrapper .bg-img-upper-left, .sfPageWrapper .bg-img-lower-right, .sfPageWrapper .bg-img-lower-left {    top: 10px;}
.sfPageWrapper .sticky-form{position: relative!important; right:0}

/*--------LP Bottom Form - no phone--added 12-2016------*/
.menu-btn-np {position: absolute;   right: 0; display: inline;  }
.menu-btn-np.scrolled a {  color: #5698D1; }
.menu-btn-np.scrolled a:hover{ -webkit-filter:brightness(1.2); filter:brightness(1.2); cursor:pointer;  }
.menu-btn-np a{ color: #FFF; padding: 0 30px; -webkit-filter: brightness(100%);     display: inline-block;      margin-right: -4px; }
.menu-btn-np a:hover{-webkit-filter:brightness(1.2); filter:brightness(1.2); cursor:pointer;  color: #5698D1; }

.logo .np-top { display:none} 
.logo.scrolled .np-top  {display:inline} 
.np-top{margin-right: 140px; margin-top: -15px; float: right;line-height: 15px;font-size: 10px;text-align: center;  color: #5698D1; }
.np-top em {font-size: 24px;  color: #5698D1; }
.userlogos img{ padding:10px 0px;}
.language-img {margin-top: -150px; margin-right: -100px; margin-bottom: -100px;} /*used in PPC template 4*/

	/*------------ PPC LP 4 FORM with Radio Buttons------------*/
.radio-form {padding: 0;}
 small .small2{margin-bottom: 0px; display: inline;}
.radio-form h4 { font-weight:300; display: inline-block; width: 100%;}
.radio-btn input {  clear: none; /*height: 25px; width: 25px; vertical-align: bottom;*/}
.radio-btn  label { clear: none; display: inline-block;  padding-right:15px; font-weight:300; margin-bottom: 0; }

/*.radio-form li:before{content: "\f05d";font-family: FontAwesome; display: inline-block;  margin-left: -40px; font-size: 25px; padding-right: 10px; color:#c0c6ca}*/

/*------------ PPC LP Stats Slider ------------*/
.unslider{overflow:auto; padding:20px 0; margin: 0 ;}
.unslider-wrap{position:relative}
.unslider-wrap.unslider-carousel li{float:left}
.unslider-fade{position:relative}
.unslider-fade .unslider-wrap li{position:absolute;left:0;top:0;right:0;z-index:8}
.unslider-fade .unslider-wrap li.unslider-active{z-index:10}
.unslider li,.unslider ol,.unslider ul{list-style:none;margin:0;padding:0;border:none; text-align: center;font-size: 24px; text-transform: uppercase; font-weight: 400;}
.unslider-arrow{position:absolute;left:20px;z-index:2;cursor:pointer; display:none}
.unslider-arrow.next{left:auto;right:20px}
.unslider-nav ol {  list-style: none;  text-align: center;}
.unslider-nav ol li {  display: inline-block;  width: 15px;  height: 15px;  margin: 20px 4px 0 0;  background: transparent;  border-radius: 50%;  overflow: hidden;  text-indent: -999em;  border: 2px solid #fff;  cursor: pointer;}
.unslider-nav ol li.unslider-active {  background: #fff;  cursor: default;}


/*------------ PPC LP 5 - Longbow ------------*/
.userlogos-2 img{width: 20%; margin:40px 0}
.bg-blue-2 { color: #FFF!important; }



/*quilt*/
.quilt {max-height:413px; display: flex;}
.quilt-box {}
.quilt-box .message {color:#FFF; padding-top: 40%; padding-left: 15%;}
.quilt-box .message p, .quilt-box .message h3  {margin: 0; line-height:normal}

.quilt .sf_4cols_1_25 img, .quilt .sf_4cols_2_25 img, .quilt .sf_4cols_3_25 img, .quilt .sf_4cols_4_25 img, .quilt .sf_3cols_1_33 img, .quilt .sf_3cols_2_34 img, .quilt .sf_3cols_3_33 img{ padding: 0;}

/*--------THANK YOU------*/
.ty .header {z-index: 9999; width: 100%; position: fixed; height: 65px; line-height: 65px; -webkit-transition: all 0.9s ease-out; -moz-transition: all 0.9s ease-out; -o-transition: all 0.9s ease-out; -ms-transition: all 0.9s ease-out; transition: all 0.9s ease-out; display: inline; }
.ty .header .logo {  float: left;     width: 10%; position: relative; left: 1%;   height: 65px; width: 300px; -webkit-transition: all 0.9s ease-out; -moz-transition: all 0.9s ease-out; -o-transition: all 0.9s ease-out; -ms-transition: all 0.9s ease-out; transition: all 0.9s ease-out; display: inline;}
.ty .header .logo img{ height: 45px; width: auto;}
.ty .cover   { padding: 0;  position:relative;     width: 100%; }
.ty .cover img, .ty .cover .bg {position: absolute;  width: 100%;     height: 100vh; object-fit: cover; }
.ty .intro-message {width: 60%; color:#FFF;   position: fixed;    top: 50%;    left: 50%;    transform: translate(-50%, -50%);    text-align: center;}
.ty .footer {position: absolute;  left: 0;   bottom: 0;  min-height: 160px;  width: 100%;padding: 30px 0; font-size: 11px; color: #9da3a4!important;  clear: both; z-index:100 }
.ty .footer-right { float:right; width:50%}
.ty .footer-left { float:left; width:50%}
.ty .footer-left ul li {display: inline-block;     padding-right: 20px; font-size: 13px;}


/*--------SEARCH RESULTS---------*/
.sfsearchResultTitle {font-size: 28px; font-weight:300}
.sfsearchResultSnippet, .sfsearchResultUrl {display:none}
.sfsearchResultHighLighter {border-bottom: solid #d7dada 1px;  padding-bottom: 20px;     margin-bottom: 20px; }


/*--------FORM ---------*/
.v-form { margin-top: 10%; padding: 20px!important; border-radius: 3px; background-color:#ebf2f8;     margin-bottom: 30px;}
.v-form h3 {color: #5698d1 !important;}
.v-form h4 {margin:0; line-height: 24px;}
.v-form button{ margin: 10px 0 10px 0;}
.v-form input[type="submit"] {background-color: #90bb47; width: 100%; padding: 15px 0px; text-align:center; color: #FFF; display: inline-block; margin: 10px 0 0 0; border-radius: 2px; }
.v-form input[type="submit"]:hover{ -webkit-filter:brightness(1.2); filter:brightness(1.2); cursor:pointer }
.v-form .sfFormSubmit {padding:0px!important}
.v-form select, .v-form textarea{ color: #5698d1; border: none;  width: 100%;   padding: 10px;  border-radius: 3px; }
.v-form input{ color: #5698d1; border: none;    padding: 10px;  border-radius: 3px;     width: 100%;}
.v-form .checkbox{  width: 20px;
display: inline-block; }
.v-form label, .sfTxtLbl {color: #9da3a4 ;   display: inline-block;   max-width: 100%;   font-weight: 400; margin-top: 20px; margin-bottom: 1px;}
.v-form select {height: 50px;    background-color: #FFF;     margin-top: 10px;}

.RadUpload_Default .ruStyled .ruFileInput, .RadUpload_Default .ruStyled .ruFileInput, .RadUpload .ruStyled .ruFileInput, .RadUpload .ruStyled .ruFileInput, .RadUpload .ruFakeInput, .RadUpload input.ruFileInput{ color: #5698d1; border: none;  width: 100%;   padding: 15px;  border-radius: 3px; }
.RadUpload .ruFileWrap {height: 50px; width: 215px;}
.i-form{width:33%}
.registration label  {color: #4b575a; margin-top: 0; font-weight: 300;}
.registration input  {    width: auto;}


label.error{ display: block; color: #e84c4c;   margin-top: 1px; font-size: 12px;   line-height: 1.5; }
label.error{ display: block; color: #e84c4c;   margin-top: 1px; font-size: 12px;   line-height: 1.5; }
.success{color: #5698d1; font-size: 18px; text-align: center;}

.sfError {color: #e84c4c;}
.sfSuccess{color: #5698d1; font-size: 18px; text-align: center;}


.input--text.error { border-bottom-color: #e84c4c; }
.input--text, .input--textarea { color: #5698d1; border: none;  font-size: 20px;margin-top: 10px; width: 100%;   padding: 10px;  border-radius: 5px; }

small { font-size: 70%; line-height: 1.5; display: block; margin-bottom: 14px; }
label { display: inline-block; max-width: 100%; font-weight: bold; }

.sfDropdownList select {height:44px;     background-color: #FFF;  }

::-webkit-input-placeholder {color: #757575; font-size:14px}
:-moz-placeholder { /* Firefox 18- */color:#757575!important; font-size:14px}
::-moz-placeholder{  /* Firefox 19+ */color: #757575!important; font-size:14px}
:-ms-input-placeholder {color: #757575; font-size:14px}

input:focus {border: #0099CC solid 1px;  }

.trial-form {margin-left:0}

.k-textbox, .k-autocomplete, .k-dropdown-wrap, .k-picker-wrap, .k-numeric-wrap {  border: 1px solid #74b2e1;}
.k-popup {    background-color: #FFF;  border: 1px solid #74b2e1;}
.k-popup ul li:hover {    background-color: #f6f5f4;  border: 0 !important;}


/*--------IFRAME FORM---------*/
.elq-form .label-position.left {    padding: 10px 0 0 0; margin:0px;     width: 40%;     background: #ebf2f8;}
.elq-form .field-size-left-medium {width: 50%;}
.elq-form .field-size-left-large  {width: 55%;}
.elq-form .field-p {    margin-bottom: 10px;}
				
.td-form { margin-top: 5%; padding:0px!important; background-color:#ebf2f8;     margin-bottom: 5%;}
.td-form h3 {color: #5698d1 !important; text-align:center; padding-bottom:10px;     font-weight: 400;}
.td-form input[type="submit"] {background-color: #90bb47; width: 100%; padding: 18px 0 20px 0; text-align:center; color: #FFF; display: inline-block; margin:0; border-radius: 2px;     width: 98%!important; height: 50px!important; ont-weight: 300;}
.td-form input[type="submit"]:hover{ -webkit-filter:brightness(1.2); filter:brightness(1.2); cursor:pointer }

.td-form input, .v-form select, .v-form textarea{ color: #5698d1; border: none;  width: 100%;   padding: 7px;  border-radius: 3px;     margin: 10px 0 5px 0; resize: none;}
.td-form label, .sfTxtLbl {color: #9da3a4 ;   display: inline-block;   max-width: 100%;   font-weight: 400; margin-top: 20px; margin-bottom: 1px;}
.td-form select {height: 30px;    background-color: #FFF;  border: none; }
.td-form .required{    font-weight: normal;     font-size: 10px}
#formElement6, #formElement7, #formElement8,#formElement8,#formElement10,#formElement11,#formElement12,#formElement13,#formElement14,#formElement15,#formElement16,#formElement17{ display:none}
.td-form .LV_validation_message{    float: right;     margin: -5px 10px 0 0;     font-weight: normal;     font-size: 8px;}
.td-form small {padding: 0 15px;}
.td-ty {background-color: #ebf2f8 !important;     text-align: center; color: #4b575a;padding: 25% 10px; }
.td-ty h3{font-size: 30px;   font-weight: 300; padding-bottom:20px}
.td-ty h4 {font-size: 20px;   font-weight: 300;}


.techdemo {     margin-left: -10px;}

/*--------BG IMAGES---------*/
.file-folder { background-image:url(http://placehold.it/500x800); background-position:right; background-repeat:no-repeat;}


/*---------RESOURCES Featured  -------*/
.resource-feature { background-size: cover;  position: relative;  height: 200px; padding: 20px;  -webkit-transition: background-image 0.3s ease, background-position 0.3s; transition: background-image 0.3s ease, background-position 0.3s; background-image: url('../images/resource-feature.png'); }
.resource-feature h4 { margin: 0; font-weight: 300; line-height: 22px; -webkit-transform: translateY(90px); transform: translateY(90px); -webkit-transition: -webkit-transform 0.3s; transition: transform 0.3s; }
.resource-feature:hover { background-position: 50% 50%; }
.resource-feature:hover h4 { -webkit-transform: translateY(0); transform: translateY(0); }
.resource-feature .expand { margin: 10px; opacity: 0; -webkit-transition: -webkit-transform 0.3s, opacity 0.3s; transition: transform 0.3s ease, opacity 0.3s; -webkit-transform: scale(0.6); -ms-transform: scale(0.6); transform: scale(0.6); }
.resource-feature:hover .expand { opacity: 1; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); }
.resource-feature .hide-hover { -webkit-transition: opacity 0.3s ease; transition: opacity 0.3s ease; }
.resource-feature:hover .hide-hover { opacity: 0; }
.btn-wrapper { position: absolute; bottom: 0; left: -1px; right: 0; width: 93%; }
.dl-btn-feature{ color: #fff!important;  background: transparent; width: 100%; min-width: 155px; border-radius: 3px; display: inline-block; margin: 0; outline: none; padding: 8px 15px; position: relative; text-align: center; text-decoration: none; transition: all 0.15s ease-in-out; border: 2px solid #fff; font-weight: 300; }
.dl-btn-feature:hover { color: #4b575a!important; background: #fff;}
.dl-btn-feature em {padding-right:10px}

.webinar-replay {padding: 20px; height:170px; background:url(http://www.veriato.com/images/default-source/global/v-white-cropped-trans-550h.png) no-repeat top; background-size: 255px 200px;}

.webinar-replay h4 {line-height: 30px;font-weight: 300; margin-top: 20px;}
/*.webinar-replay em {font-size: 195px;   opacity: .1;   position: absolute;   margin: -50px 0 0 0; color:#FFF}*/
.webinar-replay:hover{-webkit-filter:brightness(1.1); filter:brightness(1.1); cursor:pointer; }

/*---------TABS -------*/
.tabs { position: relative; }
.tabs p{margin:10px 0}
.tabs h2 {margin: 20px 0 30px 0;}
.tabs h4 {margin: 20px 0 5px 0; color: #5698d1}
.tabs ul {margin-left: 15px;}
.tabs:after { content: ""; display: table; clear: both; }
.tabs::after { position: absolute; top: 0; right: 0; height: 60px; width: 50px; z-index: 1; pointer-events: none; visibility: visible; opacity: 1; -webkit-transition: opacity .3s 0s, visibility 0s 0s; -moz-transition: opacity .3s 0s, visibility 0s 0s; transition: opacity .3s 0s, visibility 0s 0s; }
.no-cssgradients .tabs::after { display: none; }
.tabs.is-ended::after { visibility: hidden; opacity: 0; -webkit-transition: opacity .3s 0s, visibility 0s .3s; -moz-transition: opacity .3s 0s, visibility 0s .3s; transition: opacity .3s 0s, visibility 0s .3s; }
.tabs nav { overflow: auto; -webkit-overflow-scrolling: touch; position: relative; float: none; background: transparent; box-shadow: none;     margin-bottom: -11px;}

.tabs-navigation { }
.tabs-navigation:after { content: ""; display: table; clear: both; }

.tabs-navigation li { float: left; list-style-type: none; background: #ebf2f8; margin-right: 10px; padding: 0!important;     border-radius: 5px 5px 0 0;}
.tabs-navigation li.active { background: #FFF; border-top: #f1f1f1 1px solid; border-right:  #f1f1f1 1px solid; border-left: #f1f1f1 1px solid; border-radius: 5px 5px 0 0;}
.tabs-navigation a { position: relative; display: block;     padding: 10px 5px;  outline: 0; min-width: 110px;   text-align: center;}
.tabs-navigation a:hover { background: #FFF; border-top: #f1f1f1 1px solid; border-right:  #f1f1f1 1px solid; border-left: #f1f1f1 1px solid;  border-radius: 5px 5px 0 0; cursor:pointer}


.tabs-content { border: #f1f1f1 1px solid; padding-top: 20px;  overflow: visible;}
.tabs-content .tab-pane { display: none; }
.tabs-content .active { display: block; -webkit-animation: fade-in 0.5s; -moz-animation: fade-in 0.5s; animation: fade-in 0.5s; }
.tabs table { width: 100%;}
.tabs table-hover>tbody>tr:hover {   background-color: #f7fafd;}
.tabs table tr td { border-bottom: 1px solid #f1f1f1; vertical-align: middle!important;      border-top: 0px !important; padding: 10px 20px;}
.tabs table tr:first-child td { border-top: 0px solid #f1f1f1; }
.tabs table tr:last-child td { border-bottom: 0px solid #f1f1f1;  }
.tabs .fa { margin-right: 10px }
.tabs .btn-outlined{background:#FFF; color: #5698d1; border: 1px solid #5698d1; text-align:center; display: inline-block; min-width:120px; height:40px; border-radius: 3px; line-height: 38px; float:right}
.tabs .btn-outlined:hover { color: #FFF; background: #5698d1; }
@-webkit-keyframes fade-in { 0% {opacity: 0;} 100% { opacity: 1;}}
@-moz-keyframes fade-in { 0% { opacity: 0;} 100% { opacity: 1;}}
@keyframes fade-in { 0% {opacity: 0;}}
@media only screen and (max-width:600px) {.tabs-navigation li {  float: none;    margin-bottom: 1px;}	} 
	
/*--resource tables--*/
.sfdownloadType, .sfdownloadSize, .sfdownloadDate, .rgMasterTable thead { display:none}
.RadGrid_MetroTouch, .RadGrid_MetroTouch .rgMasterTable, .RadGrid_MetroTouch .rgDetailTable, .RadGrid_MetroTouch .rgGroupPanel table, .RadGrid_MetroTouch .rgCommandRow table, .RadGrid_MetroTouch .rgEditForm table, .RadGrid_MetroTouch .rgPager table {font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; font-size: 14px;   line-height: 1.42857143;   color: #333;  font-weight: 300; border: none;     margin: 20px 0;}
.RadGrid_MetroTouch .rgMasterTable tr:hover{	background: #f6f6f6;}
.sfdownloadCell a {background:#FFF; color: #5698d1; border: 1px solid #5698d1; text-align:center; display: inline-block; min-width:120px; height:40px; border-radius: 3px; line-height: 38px; float:right}
.sfdownloadCell a:hover { color: #FFF; background-color: #5698d1!important; }
.sfdownloadTable.sfHasIcons .sfdownloadLink {   padding: 0;     background: none; }

	/*--panel SS is now Veriato-*/
#panel-wrapper {  width: 100%;   /*z-index:999;   position: absolute; float: left; height: 40px;*/  background-color: #f7f6f5; clear: both; margin-top: 100px; margin-bottom: -100px; }
#panel {  width: 60%;  margin:0 auto; text-align:center;  line-height: 30px;}
#panel p { font-size:12px}
#panel h2 {color:#5698d1; display:inline; font-size: 25px;}
#panel h3 {color:#c2b7af; display:inline; font-size: 20px; }
#panel h3 span {font-size: 30px; }

#panel .learnmore{color:#eceae6; background-color: #5698d1; text-decoration: none; border-radius: 2px;  moz-border-radius: 2px;    webkit-border-radius:  2px;  padding: 2px 7px; white-space: nowrap; white-space:-moz-pre-space; font-size: 10px;}
#panel .learnmore:hover { -webkit-filter:brightness(1.2); filter:brightness(1.2); cursor:pointer;   }
#panel-wrapper .btn-slide{float: right; display: inline-block; margin-top: 7px; margin-right:25px}
#panel-wrapper  em{  color:#f7f6f5;  background-color: #d4d2cf;  width: 15px;  height: 15px; line-height: 15px;   border-radius: 100%;    text-align: center;    vertical-align: middle;    }
#panel-wrapper  em:before{ font-size:10px  }
#panel img {width: 80px;}


	/*--Toolip-*/
[data-tooltip] { display: inline-block; position: relative; cursor: help; padding: 4px; }
[data-tooltip]:before { content: attr(data-tooltip); display: none; position: absolute; background: #4b575a; color: #fff; padding: 4px 8px; font-size: 14px; line-height: 1.4; min-width: 100px; text-align: center; border-radius: 4px; }
[data-tooltip-position="top"]:before, [data-tooltip-position="bottom"]:before { left: 50%; -ms-transform: translateX(-50%); -moz-transform: translateX(-50%); -webkit-transform: translateX(-50%); transform: translateX(-50%); }
[data-tooltip-position="right"]:before, [data-tooltip-position="left"]:before { top: 50%; -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); }
[data-tooltip-position="top"]:before { bottom: 100%; margin-bottom: 6px; }
[data-tooltip-position="right"]:before { left: 100%; margin-left: 6px; }
[data-tooltip-position="bottom"]:before { top: 100%; margin-top: 6px; }
[data-tooltip-position="left"]:before { right: 100%; margin-right: 6px; }
[data-tooltip]:after { content: ''; display: none; position: absolute; width: 0; height: 0; border-color: transparent; border-style: solid; }
[data-tooltip-position="top"]:after, [data-tooltip-position="bottom"]:after { left: 50%; margin-left: -6px; }
[data-tooltip-position="right"]:after, [data-tooltip-position="left"]:after { top: 50%; margin-top: -6px; }
[data-tooltip-position="top"]:after { bottom: 100%; border-width: 6px 6px 0; border-top-color: #4b575a; }
[data-tooltip-position="right"]:after { left: 100%; border-width: 6px 6px 6px 0; border-right-color: #4b575a; }
[data-tooltip-position="bottom"]:after { top: 100%; border-width: 0 6px 6px; border-bottom-color: #4b575a; }
[data-tooltip-position="left"]:after { right: 100%; border-width: 6px 0 6px 6px; border-left-color: #4b575a; }
[data-tooltip]:hover:before, [data-tooltip]:hover:after { display: block; z-index: 50; }

.youtube-container { display: block; margin: 20px auto; width: 100%; max-width: 600px; }
.youtube-player { display: block; width: 100%; /* assuming that the video has a 16:9 ratio */ padding-bottom: 56.25%; overflow: hidden; position: relative; width: 100%; height: 100%; cursor: hand; cursor: pointer; display: block; }
img.youtube-thumb { bottom: 0; display: block; left: 0; margin: auto; max-width: 100%; width: 100%; position: absolute; right: 0; top: 0; height: auto }
div.play-button { height: 72px; width: 72px; left: 50%; top: 50%; margin-left: -36px; margin-top: -36px; position: absolute; background: url("http://i.imgur.com/TxzC70f.png") no-repeat; }
#youtube-iframe { width: 100%; height: 100%; position: absolute; top: 0; left: 0; }


	/*------------Partner------------*/

.partners-parent-list{margin-left: 0!important;}
.partners-list{ list-style:none; margin-left: 10px!important;}
.partners-list .sfitemShortTxt, .partners-list .sfitemAddressTxtWrp{  display:inline}
.partners-list i{ padding-right:10px}

.partner-logos img {padding:30px}
	
	.partners-reg ul {list-style-type: none;margin-left: 0px; padding-top:10px}
	.partners-reg li {display: inline-block;}
	.partners-reg .check-box{ height: 20px; width: 20px;}
	
	.partners-news li { padding-bottom:20px}
	
	/*------------Partner login page------------*/
#Content_ctl00_C133_ctl00_ctl00_loginWidgetPanel ol {list-style: outside none none;}
#Content_ctl00_C133_ctl00_ctl00_loginWidgetPanel .sfSubmitBtnWrp {background-color: #90bb47; padding: 18px 0px;  width: 100%; text-align:center; color: #FFF; display: inline-block; margin: 10px 0; border-radius: 3px;}
#Content_ctl00_C133_ctl00_ctl00_loginWidgetPanel .sfSubmitBtnWrp a{color:#FFF!important}
#Content_ctl00_C133_ctl00_ctl00_loginWidgetPanel .sfSubmitBtnWrp:hover{ -webkit-filter:brightness(1.2); filter:brightness(1.2); cursor:pointer; color:#FFF}
#Content_ctl00_C133_ctl00_ctl00_rememberMeCheckbox {width: 10%; margin-left: -15px;}

	/*------------Partner Portal Table------------*/
.partner-content {}
.partnertable {width:100%!important}
.partnertable th {font-weight: 400;}
.partnertable th:first-child {width:50%!important}
.partnertable th:last-child {width:20%!important}
.partnertable ul {margin-left: 0; list-style-type: none;}
.partnertable li {float: left;}
.partnertable li:after { content: " ,"; padding-right:10px;}
.partnertable li:last-child:after { content: " "; padding-right:0;}

.tabs .partnertable tr td, .tabs .partnertable tr th { border-bottom: 1px solid #f1f1f1; vertical-align: middle!important;      border-top: 0px !important; padding: 10px;}
.partner-content .dataTables_info, .partner-content .dataTables_filter {font-size:10px; }
.partner-content .dataTables_length/*, .partner-content .pagination*/ {display:none }
.partner-content  .table-bordered,
.partner-content .table-bordered > tbody > tr > td, 
.partner-content .table-bordered > tbody > tr > th, 
.partner-content .table-bordered > tfoot > tr > td,
.partner-content  .table-bordered > tfoot > tr > th, 
.partner-content .table-bordered > thead > tr > td, 
.partner-content .table-bordered > thead > tr > th
{ border: 1px solid #f1f1f1;}
.partner-content table.table-bordered.dataTable th, .partner-content table.table-bordered.dataTable td { border-left-width: 0!important}
.partner-tabs{margin-left: 0!important; z-index: 1000; position: absolute;}
.partner-tabs li {float: left; list-style-type: none; background: #ebf2f8;  margin-right: 10px;   padding: 0 !important;  border-radius: 5px 5px 0 0;} 
.partner-tabs li  a {  position: relative;   display: block;   padding: 10px 5px;   outline: 0;  min-width: 110px;   text-align: center;}


	/*------------Floating Slide Out CTA ------------*/

.slideout {z-index: 1000 !important;position: fixed;}
.slideout_tab {  background-color: #f3f7fa; padding: 10px 15px; position: fixed; top: 210px; right: 0; -webkit-border-radius: 5px 0 0 5px; -moz-border-radius: 5px 0 0 5px 0; border-radius: 5px 0 0 5px;  cursor: pointer;}
#slideout_inner { background-color: #f3f7fa;   position: fixed; top: 250px; right: 0; width: 225px; -webkit-border-radius: 5px 0 0 5px; -moz-border-radius: 5px 0 0 5px 0; border-radius: 5px 0 0 5px; }
.slideout_body{padding: 10px; text-align: center; }
.slideout_body p{margin: 0; margin: 10px 0px 20px; line-height: 20px;}
.slideout_body .blue-btn-fw, .slideout_body .green-btn-fw, .slideout_body .red-btn-fw, .slideout_body .yellow-btn-fw {padding: 10px 0px; margin: 20px 0 10px 0;}



.bcFloat img:hover { -webkit-filter:brightness(1.2); filter:brightness(1.2);}
.sfPageEditor .bcFloat img {display:none}
.hidechat .bcFloat img {display:none}


	/*------------ Login Page ------------*/
.sfLogin h1{background: transparent url(http://www.veriato.com/images/default-source/global/veriato-logo-blue.png) no-repeat 50% 0!important; width: 170px!important; height: 50px!important;    margin: 80px auto 10px!important;}
.sfLoginForm h2 {  display:none}
.sfLoginForm ol {    list-style-type: none!important;     margin: 0px!important}
.sfLoginForm .sfSave {   background-color: #5698d1;   width: 308px;   height: 65px;    font-size: 18px;    line-height: 65px;    padding: 0 20px;    text-align: center;    color: #FFF;   display: inline-block;    margin: 0px;    border-radius: 3px;}
.sfCheckBoxWrapper label {font-weight: 300; font-size: 12px;}
.sfNeutral {background-color: #fff; color: #cc5054;padding: 0px;color: #cc5054; line-height: 28px;font-size: 16px; margin: 0 0 0;}
/*.sfLinkBtn {background-color: #5698d1;   min-width: 370px;   height: 65px;   font-size: 18px;   line-height: 65px; padding: 0 20px; text-align: center;   color: #FFF;   display: inline-block;   margin: 0;  border-radius: 3px;		}
.sfLoginForm  {padding-top: 0px;}
.sfLoginForm .sfForm {padding: 40px 40px 60px 40px;}
.sfCancel {padding-top: 10px; float:right}*/

.zarget-poll-window.right { right: 130px!important}
.zarget-poll-window .zarget-poll-footer .zarget-poll-powerdby {display:none!important}
.zarget-poll-window .zarget-poll-answers {    margin-top: -25px !important; margin-bottom: -25px !important}
.zarget-poll-window.zarget-theme-skin3 {  opacity: 0.85;}



/*tech support form captcha*/
.RadCaptcha {text-align: center; font-size: 10px; margin-bottom: 20px;}
.RadCaptcha img {margin: 0 auto;     margin-bottom: -20px;     margin-top: 10px;}
.RadCaptcha a {}
.RadCaptcha p {margin: 0px;}
.RadCaptcha label {display:none }
.sfErrorSummary {text-align: center;  color: red;   font-weight: bold; margin-top: -80px; margin-bottom: 30px;}

/* temp hide  for Feb 2017 RSA Confernce on event pags*/
#ctl00_Content_ctl03_C007_eventsFrontendList_ctl00_ctl00_eventsList_ctrl0_ctl04_ctl00_ctl00_textLabel_read, #ctl00_Content_C007_eventsFrontendList_ctl00_ctl00_eventsList_ctrl0_ctl04 {display:none}

/* datepicker on partner reg*/
#ui-datepicker-div{z-index: 9999!important;}