@import url('https://fonts.googleapis.com/css?family=Heebo:300,400,500,700');


@media(max-width: 900px) {

body {margin-top: 80px !important;}
.grid-row > div{ display: block  !important; }
.col {width: 100% !important;}
.col1 {width: 100% !important;}
.col2 {width: 100% !important;}
.col3 {width: 100% !important;}
.col4 {width: 100% !important;}

h1{ font-size: 38px !important; }


.p1{font-size: 16px !important; line-height: 24px !important}
.p2{font-size: 15px !important;; line-height: 24px!important;}
.p3{font-size: 14px !important;; line-height: 21px!important;}

.p2 a{ font-size: 17px}

.img-resp{ position: static !important; width: 100% !important; margin-bottom: -10px; }
.img-resp-tg{ position: relative; top: 0; height: 30%; background: -moz-linear-gradient(top, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);background: -webkit-linear-gradient(top, rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%);background: linear-gradient(to bottom, rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#00000000',GradientType=0 ); }
.img-resp-bl{ background-position: left -300px top !important; }
.img-resp-br{ background-position: right -200px top !important; }

.header .logo{ padding-bottom: 20px !important; }
.header #nav{ position: absolute; width: 100%; background: #fff; top: 80px; right: 0; left: 0; box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23); padding: 0 !important; display: none; z-index: 10 }
.header #nav a{ display: block; padding: 5px 20px; margin-right: 0 !important;}
.header #nav .launch-suite{ float: none !important; padding: 5px 20px !important; font-weight: 700 !important;}
.header .logo .menu-mobile{ display: block !important; }

.home .logo-showcase{ display: none; }

.solution-bg{ display: none; }

.header #nav .sub-menu .items{ display: block !important; position: relative !important; box-shadow: none !important; top: auto !important; left: auto !important; padding: 0px 6px !important; width: 100% !important; }
.header #nav .sub-menu .col{     padding-top: 0 !important; }
.header #nav .sub-menu > a { font-weight: 500 !important; font-size: 16px;}
.header #nav .sub-menu .items a { font-weight: 400 !important; font-size: 13px !important;}
.header #nav .sub-menu { margin: 20px; display: block !important; }

.price-builder > div{ display: block !important; padding: 0 !important}

.product-logo{ font-size: 23px !important;}
.product-logo > span{ font-size: 22px !important;}
}

/* ================================ animation =================================================== */

@keyframes cascadeDown { 100% {transform: translateY(0); margin-bottom: 0px; opacity: 1} 0% {transform: translateY(-20px); margin-bottom: -40px; opacity: 0}}
@keyframes cascadeUp { 100% {transform: translateY(10px); margin-bottom: 0px; opacity: 1} 0% {transform: translateY(0px); margin-bottom: -40px; opacity: 0}}

@keyframes bounce-right {
  0%, 20%, 50%, 80%, 100% {transform: translateX(0); box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.29);}
  40% { transform: translateX(30px); box-shadow: -30px 0px 50px 0px rgba(0,0,0,0.30); }
  60% { transform: translateX(15px); 15px 0px 5px 0px rgba(0,0,0,0.29); }
}



/* =================================================================================== */

::-webkit-scrollbar-track{-webkit-box-shadow: inset 0 0 1px rgba(0,0,0,0.3);background-color: #F5F5F5;}
::-webkit-scrollbar{width: 10px;height:11px;background-color:#F5F5F5;}
::-webkit-scrollbar-thumb{background-color: #bfbdbd;}

a{color: #0070c9; text-decoration: none; font-weight: 400}
a:hover{ text-decoration: underline;}
.p2 a{ font-size: 17px }

.theme-dark { background-color: #000 }
.theme-dark *{ color: #fff; text-shadow: 1px 1px 2px rgb(0, 0, 0); }
.theme-dark a{ color: #6bf;}
.theme-dark a:hover{ text-decoration: underline }


a, font, input, td, div, textarea {font-family: 'Heebo', sans-serif; font-size: 15px; line-height: 24px; font-weight: 400;}
body, html{margin: 0px}
body { box-sizing: border-box; margin-top: 114px}
form{margin-top: 0px; margin-bottom: 0px;}
table, table td{padding: 0px; border-spacing: 0px; border-collapse: collapse;}
table{ width: 100% }
div{box-sizing: border-box}
img{ border: 0}
ul{ margin: 0; list-style: none; padding: 0}

h1, h2, h3, h4{ padding: 0; margin: 0; display: block; }
h1{ font-size: 44px; font-weight: 500; margin-bottom: 15px; letter-spacing: -1px; line-height: 103%;}
h2{ font-size: 32px; font-weight: 300; margin-bottom: 5px }
h3{ font-size: 20px;margin-bottom: 2px;font-weight: 500;margin-top: 5px;}
h4{ font-weight: 300}

.font-light{ font-weight: 200 }
.font-medium{ font-weight: 400 }

.padding-none{ padding: 0 !important}
.padding-small{ padding: 5% !important;}
.padding-bottom-remove{ padding-bottom: 0 !important; }
.margin-bottom-remove{ margin-bottom: 0 !important; }

.p1{font-size: 19px; line-height: 28px; font-weight: 300; display: block;}
.p2{font-size: 17px; line-height: 25px; font-weight: 300; display: block;}
.p3{font-size: 15px; line-height: 21px; font-weight: 300; display: block;}

.slide-w{ background-color: #fff}
.slide-g{ background-color: #f3f5f7}

.slide-sw{ background-color: #fff; padding:10% 8%;}
.slide-sg{ background-color: #f3f5f7; padding:10% 8%; }

.col { padding: 20px }
.col1 { display: inline-block; width: 66.666%; padding: 20px}
.col2 {display: inline-block; width: 50%; padding: 20px}
.col3 {display: inline-block; width: 33.333%; padding: 20px}
.col4 {display: inline-block; width: 25%; padding: 20px}

.cn{ padding: 4% 2%; max-width: 1550px; margin: auto; overflow: hidden; }

.grid-row{ display: table; width: 100% }
.grid-row > div{ display: table-cell; vertical-align: top;}

.list-icons li{ position: relative; padding-left: 80px; margin: 6% 0; }
.list-icons li img{ position: absolute; left: 0; top: 3px;  }
.list-icons li > div{ position: absolute; left: 0; top: 3px;  }
.list-icons-small li{ position: relative; padding-left: 28px; margin: 6% 0; }
.list-icons-small li img{ position: absolute; left: 0; top: 2px;  }


.cta1{ display: inline-block; background: #2e40a7;text-decoration: none;font-weight: 500;padding: 11px 64px;border-radius: 5px;color: #fff; font-size: 17px; margin-top: 50px; color: #fff !important; cursor: pointer; border: 0}
.cta1:hover{ color: #fff; text-decoration: none !important}

.cta2{ display: block; background: #2e40a7; text-decoration: none; font-weight: 500; padding: 5px 40px; border-radius: 5px; color: #fff; font-size: 14px; margin-top: 26px; color: #fff !important; cursor: pointer; text-align: center; }
.cta2:hover{ color: #fff; text-decoration: none !important}

.intro h1{ font-size: 60px }

templatetext:hover { background:#2458ad;color:#fff;cursor:pointer  }
#templatetext_overlay { background: rgba(0, 0, 0, 0.06); position: fixed; width: 100%; height: 100%; left: 0; top: 0; z-index: 997; }
#templatetext_overlay iframe { background:#fff; width: 500px; height: 330px; display: block; border: 0; margin: auto; margin-top: 100px;  box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23); }


.blackfrombottom{
background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%);
background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%);
background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 );
}

.blackfromtop{
background: -moz-linear-gradient(top, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);
background: -webkit-linear-gradient(top, rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%);
background: linear-gradient(to bottom, rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#00000000',GradientType=0 );
}

.cta-link { display: table; margin-top: 8px; }
.cta-link > span { display: inline-block; width: 10px; height: 9px; background: url(/img/chevron.png) no-repeat; margin-left: 5px; vertical-align: middle; }
.theme-dark .cta-link > span { background: url(/img/chevron_d.png) no-repeat}
.cta-large-all .cta-link > span { background: url(/img/chevron_l.png) no-repeat; height: 12px; margin-left: 6px;}

/* =================================================================================== */


.header{ position: absolute; width: 100%; background: #fff; top: 0; box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.13); z-index: 99}
.header a{ color: #156877}
.header .cn{ padding: 0 2%; overflow: visible; }
.header .logo{ padding: 30px 20px; padding-bottom: 5px; }
.header .logo .menu-mobile{ cursor: pointer; position: absolute; right: 40px; top: 26px; display: none; }
.header #nav{ padding: 10px 20px; padding-bottom: 0 }

	.header #nav .sub-menu{ display: inline-block; position: relative;  margin-right: 35px; padding-bottom: 10px}
	.header #nav .sub-menu .col{padding: 15px}
	.header #nav .sub-menu h3{ margin-top: 30px; margin-bottom: 10px; font-size: 15px; text-transform: uppercase;}
	.header #nav .sub-menu .col2 h3:first-child, .header #nav .sub-menu .col h3:first-child{ margin-top: 0px}
	.header #nav .sub-menu:hover .items{ display: block;}
	.header #nav .sub-menu .items a:hover{ text-decoration: none }
	.header #nav .sub-menu .items{ padding:15px 10px; position: absolute; width: 310px; background: #fff; top: 15px; left: 0; box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23); display: none; z-index: 10; animation-duration: 270ms; animation-fill-mode: both; animation-timing-function:ease-in-out; animation-name: cascadeUp; }
	.header #nav .sub-menu .items a{ display: block;font-weight: 500;font-size: 14px;margin-right: 0;margin-bottom: 0;color: #0d2c4c;padding-top: 6px;padding: 0;border-bottom: none;background: none;line-height: 20px; }
	.header #nav .sub-menu span{ display: block; font-size: 12px; line-height: 20px; font-weight: 200; color: #6d6d6d;}
	.header #nav .sub-menu hr{ height: 1px; background: #e4e4e4; border: 0; }

.header #nav a{ text-decoration: none; font-weight: 400; font-size: 14px; color: #193054;;}
.header #nav a:last-child{ margin-right: 0; border-radius: 50px}
.header .selected{ font-weight: 500 !important; }
.header #nav .launch-suite{ display: block; float: right; background: #2e40a7; padding: 1px 15px; border-radius: 2px; color: #fff; font-weight: 700 !important;}

.product-logo{ font-size: 30px; font-weight: 500; letter-spacing: -1px; margin-bottom: 5px; line-height: 29px; white-space: nowrap; }
.product-logo > span{ font-weight: 200; display: inline-block; margin-left: 6px; font-size: 27px}

.data-stats { margin-top: 40px}
.data-stats > div{ display: inline-block; margin-right: 40px; margin-bottom: 15px;}

.footer { background: #212121; position: relative; z-index: 5 }
.footer .cn{ padding: 2% 2% }
.footer .grid-row{ margin:0 20px;  }
.footer .grid-row > div{ padding: 20px 0  }
.footer .p3{ margin: 20px; color: #a0a0a0; font-size: 13px; text-align: right; }
.footer a{ display: block; color: #E0E0E0; font-size: 13px  }
.footer h3{ margin-bottom: 5px; color: #E0E0E0 }
.footer .share a{ display: inline-block; margin-right: 10px }
.footer .logo{ font-size: 40px; font-weight: 500; letter-spacing: -1px ;padding-top: 30px !important; color: #eaeaea; }
.footer hr{ border: 0;border-bottom: 1px solid #5a5a5a;margin: 0 20px; }

/* ================================== icons ================================================= */

.icon-7_days {width: 64px; height: 64px; background: url('/img/icons.png') -79px -5px; margin-bottom: 15px}
.icon-analytic { width: 64px; height: 64px; background: url('/img/icons.png') -227px -301px; margin-bottom: 15px}
.icon-bar_chart {width: 64px; height: 64px;background: url('/img/icons.png') -5px -79px; margin-bottom: 15px}
.icon-bell {width: 64px; height: 64px;background: url('/img/icons.png') -79px -79px; margin-bottom: 15px}
.icon-briefcase {width: 64px; height: 64px;background: url('/img/icons.png') -153px -5px; margin-bottom: 15px}
.icon-building { width: 64px; height: 64px;background: url('img/icons.png') -153px -79px; margin-bottom: 15px}
.icon-calendar {width: 64px; height: 64px;background: url('/img/icons.png') -5px -153px; margin-bottom: 15px}
.icon-ccj {width: 64px; height: 64px;background: url('/img/icons.png') -79px -153px; margin-bottom: 15px}
.icon-chain {width: 64px; height: 64px;background: url('/img/icons.png') -153px -153px; margin-bottom: 15px}
.icon-clipboard_tick {width: 64px; height: 64px;background: url('/img/icons.png') -227px -5px; margin-bottom: 15px}
.icon-clock {width: 64px; height: 64px;background: url('/img/icons.png') -227px -79px; margin-bottom: 15px}
.icon-documents {width: 64px; height: 64px;background: url('/img/icons.png') -227px -153px; margin-bottom: 15px}
.icon-download {width: 64px; height: 64px;background: url('/img/icons.png') -5px -227px; margin-bottom: 15px}
.icon-email {width: 64px; height: 64px;background: url('/img/icons.png') -79px -227px; margin-bottom: 15px}
.icon-export {width: 64px; height: 64px;background: url('/img/icons.png') -153px -227px; margin-bottom: 15px}
.icon-faq {width: 64px; height: 64px;background: url('/img/icons.png') -227px -227px; margin-bottom: 15px}
.icon-filter {width: 64px; height: 64px;background: url('/img/icons.png') -301px -5px; margin-bottom: 15px}
.icon-folder {width: 64px; height: 64px;background: url('/img/icons.png') -301px -79px; margin-bottom: 15px}
.icon-group {width: 64px; height: 64px;background: url('/img/icons.png') -301px -153px; margin-bottom: 15px}
.icon-label {width: 64px; height: 64px;background: url('/img/icons.png') -301px -227px; margin-bottom: 15px}
.icon-layers {width: 64px; height: 64px;background: url('/img/icons.png') -5px -301px; margin-bottom: 15px}
.icon-list {width: 64px; height: 64px;background: url('/img/icons.png') -79px -301px; margin-bottom: 15px}
.icon-map_pin {width: 64px; height: 64px;background: url('/img/icons.png') -153px -301px; margin-bottom: 15px}
.icon-organise {width: 64px; height: 64px;background: url('/img/icons.png') -5px -5px; margin-bottom: 15px}
.icon-overlap {width: 64px; height: 64px;background: url('/img/icons.png') -301px -301px; margin-bottom: 15px}
.icon-people {width: 64px; height: 64px;background: url('/img/icons.png') -375px -5px; margin-bottom: 15px}
.icon-person {width: 64px; height: 64px;background: url('/img/icons.png') -375px -79px; margin-bottom: 15px}
.icon-preview {width: 64px; height: 64px;background: url('/img/icons.png') -375px -153px; margin-bottom: 15px}
.icon-quickview {width: 64px; height: 64px;background: url('/img/icons.png') -375px -227px; margin-bottom: 15px}
.icon-risk {width: 64px; height: 64px;background: url('/img/icons.png') -375px -301px; margin-bottom: 15px}
.icon-risk_score {width: 64px; height: 64px;background: url('/img/icons.png') -5px -375px; margin-bottom: 15px}
.icon-save {width: 64px; height: 64px;background: url('/img/icons.png') -79px -375px; margin-bottom: 15px}
.icon-share {width: 64px; height: 64px;background: url('/img/icons.png') -153px -375px; margin-bottom: 15px}
.icon-sort {width: 64px; height: 64px;background: url('/img/icons.png') -227px -375px; margin-bottom: 15px}
.icon-speech_bubble {width: 64px; height: 64px;background: url('/img/icons.png') -301px -375px; margin-bottom: 15px}
.icon-sw_layer {width: 64px; height: 64px;background: url('/img/icons.png') -375px -375px; margin-bottom: 15px}
.icon-telephone {width: 64px; height: 64px;background: url('/img/icons.png') -449px -5px; margin-bottom: 15px}
.icon-trademark {width: 64px; height: 64px;background: url('/img/icons.png') -449px -79px; margin-bottom: 15px}
.icon-updated {width: 64px; height: 64px;background: url('/img/icons.png') -449px -153px; margin-bottom: 15px}
.icon-user_info {width: 64px; height: 64px;background: url('/img/icons.png') -449px -227px; margin-bottom: 15px}
.icon-w_chain {width: 64px; height: 64px;background: url('/img/icons.png') -449px -301px; margin-bottom: 15px}
.icon-w_clipboard_tick {width: 64px; height: 64px;background: url('/img/icons.png') -449px -375px; margin-bottom: 15px}
.icon-w_group {width: 64px; height: 64px;background: url('/img/icons.png') -5px -449px; margin-bottom: 15px}
.icon-w_layer {width: 64px; height: 64px;background: url('/img/icons.png') -79px -449px; margin-bottom: 15px}
.icon-w_presented {width: 64px; height: 64px;background: url('/img/icons.png') -153px -449px; margin-bottom: 15px}
.icon-w_updated {width: 64px; height: 64px;background: url('/img/icons.png') -227px -449px; margin-bottom: 15px}
.icon-write {width: 64px; height: 64px;background: url('/img/icons.png') -301px -449px; margin-bottom: 15px}


/* ================================== cookie policy ================================================= */

.cc-window{opacity:1;transition:opacity 1s ease}.cc-window.cc-invisible{opacity:0}.cc-animate.cc-revoke{transition:transform 1s ease}.cc-animate.cc-revoke.cc-top{transform:translateY(-2em)}.cc-animate.cc-revoke.cc-bottom{transform:translateY(2em)}.cc-animate.cc-revoke.cc-active.cc-bottom,.cc-animate.cc-revoke.cc-active.cc-top,.cc-revoke:hover{transform:translateY(0)}.cc-grower{max-height:0;overflow:hidden;transition:max-height 1s}
.cc-link,.cc-revoke:hover{text-decoration:underline}.cc-revoke,.cc-window{position:fixed;overflow:hidden;box-sizing:border-box;font-family:Helvetica,Calibri,Arial,sans-serif;font-size:16px;line-height:1.5em;display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap;z-index:9999}.cc-window.cc-static{position:static}.cc-window.cc-floating{padding:2em;max-width:24em;-ms-flex-direction:column;flex-direction:column}.cc-window.cc-banner{padding:1em 1.8em;width:100%;-ms-flex-direction:row;flex-direction:row}.cc-revoke{padding:.5em}.cc-header{font-size:18px;font-weight:700}.cc-btn,.cc-close,.cc-link,.cc-revoke{cursor:pointer}.cc-link{opacity:.8;display:inline-block;padding:.2em}.cc-link:hover{opacity:1}.cc-link:active,.cc-link:visited{color:initial}.cc-btn{display:block;padding:.4em .8em;font-size:.9em;font-weight:700;border-width:2px;border-style:solid;text-align:center;white-space:nowrap}.cc-banner .cc-btn:last-child{min-width:140px}.cc-highlight .cc-btn:first-child{background-color:transparent;border-color:transparent}.cc-highlight .cc-btn:first-child:focus,.cc-highlight .cc-btn:first-child:hover{background-color:transparent;text-decoration:underline}.cc-close{display:block;position:absolute;top:.5em;right:.5em;font-size:1.6em;opacity:.9;line-height:.75}.cc-close:focus,.cc-close:hover{opacity:1}
.cc-revoke.cc-top{top:0;left:3em;border-bottom-left-radius:.5em;border-bottom-right-radius:.5em}.cc-revoke.cc-bottom{bottom:0;left:3em;border-top-left-radius:.5em;border-top-right-radius:.5em}.cc-revoke.cc-left{left:3em;right:unset}.cc-revoke.cc-right{right:3em;left:unset}.cc-top{top:1em}.cc-left{left:1em}.cc-right{right:1em}.cc-bottom{bottom:1em}.cc-floating>.cc-link{margin-bottom:1em}.cc-floating .cc-message{display:block;margin-bottom:1em}.cc-window.cc-floating .cc-compliance{-ms-flex:1;flex:1}.cc-window.cc-banner{-ms-flex-align:center;align-items:center}.cc-banner.cc-top{left:0;right:0;top:0}.cc-banner.cc-bottom{left:0;right:0;bottom:0}.cc-banner .cc-message{-ms-flex:1;flex:1}.cc-compliance{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-line-pack:justify;align-content:space-between}.cc-compliance>.cc-btn{-ms-flex:1;flex:1}.cc-btn+.cc-btn{margin-left:.5em}
@media print{.cc-revoke,.cc-window{display:none}}@media screen and (max-width:900px){.cc-btn{white-space:normal}}@media screen and (max-width:414px) and (orientation:portrait),screen and (max-width:736px) and (orientation:landscape){.cc-window.cc-top{top:0}.cc-window.cc-bottom{bottom:0}.cc-window.cc-banner,.cc-window.cc-left,.cc-window.cc-right{left:0;right:0}.cc-window.cc-banner{-ms-flex-direction:column;flex-direction:column}.cc-window.cc-banner .cc-compliance{-ms-flex:1;flex:1}.cc-window.cc-floating{max-width:none}.cc-window .cc-message{margin-bottom:1em}.cc-window.cc-banner{-ms-flex-align:unset;align-items:unset}}
.cc-floating.cc-theme-classic{padding:1.2em;border-radius:5px}.cc-floating.cc-type-info.cc-theme-classic .cc-compliance{text-align:center;display:inline;-ms-flex:none;flex:none}.cc-theme-classic .cc-btn{border-radius:5px}.cc-theme-classic .cc-btn:last-child{min-width:140px}.cc-floating.cc-type-info.cc-theme-classic .cc-btn{display:inline-block}
.cc-theme-edgeless.cc-window{padding:0}.cc-floating.cc-theme-edgeless .cc-message{margin:2em 2em 1.5em}.cc-banner.cc-theme-edgeless .cc-btn{margin:0;padding:.8em 1.8em;height:100%}.cc-banner.cc-theme-edgeless .cc-message{margin-left:1em}.cc-floating.cc-theme-edgeless .cc-btn+.cc-btn{margin-left:0}

/* ================================== reviews ================================================= */


.slide-review{ background: #1e242d; box-shadow: inset 1px 1px 20px 9px rgba(0, 0, 0, 0.18); }

.slide-review h2{ font-size: 22px; font-weight: 400; margin-top: 13px; line-height: 29px; }
.slide-review h3{ font-size: 16px; margin-top: 8px; font-weight: 200 }
.slide-review p{ font-size: 14px;}

.slide-review .col3{padding: 40px; min-height: 180px;  color: #fff; width: 32.333%; vertical-align: top;}
.slide-review .cn{padding: 2% 2%;}

/* ================================== home page ================================================= */
.home .intro{ position: relative; background: #000; }
.home .intro .cn{ position: absolute; z-index: 1; left: 0; right: 0 }
.home .intro .bg{ height: 800px; width: 100%; background: url(/img/home/intro.jpg) no-repeat bottom; background-size: cover; }
.home .col2{ width: 43%}

.home .search h1{ margin-bottom: 50px; margin-top: 10px }
.home .search{ position: relative;  margin-top: 50px; overflow: hidden; border-radius: 10px; animation-duration: 1.5s; animation-fill-mode: both; animation-timing-function:ease-in-out; animation-name: stretch; animation-delay: 800ms}
.home .search input[type="text"]{  padding: 13px 20px; border: 0; font-size: 21px; font-weight: 400; width: 100%; box-sizing: border-box; text-shadow: none; color: #000 }
.home .search input[type="submit"]{ display: block; width: 51px; height: 51px; border: 0; cursor: pointer; position: absolute; right: 0; top: 0; background: url(/img/products/reports/search.png) no-repeat #2e40a7 15px 13px; }


.home .logo-showcase{ background: rgba(0, 0, 0, 0.25); width: 100%; position: absolute; bottom: 0; left: 0; padding: 10px; text-align: center; white-space: nowrap; }
.home .logo-showcase > *{ max-width: 7%; margin: 20px 2.5%; vertical-align: middle;}

.home .solution img{ width: 100%; margin-bottom: 10px}
.home .solution .col1{ margin: auto; display: block; text-align: center;}



/* ================================== product group ================================================= */

.product-logo { margin: 20px 0 5px 0;  font-size: 26px; }
.products-group  h1{ margin-bottom: 5px !important; }
.product-logo span{ font-size: 24px; }
.products-group .col3 img {background: #193054; border-radius: 8px; width: 41px;}
.products-group .col h2 { margin-top: 5%;}
.products-group .cta-link { margin: 30px 0 !important;}

/* ================================== product landing ================================================= */

.products .landing .intro { position: relative;}
.products .landing .intro .cn{ position: absolute; left: 0; right: 0; z-index: 1}
.products .landing .intro .col{ width: 38%}
.products .landing .cn > div{ vertical-align: top; }
.products .landing  td{ padding: 10px !important }
.products .landing  input, select{ padding: 3px 10px; border: 1px solid #b1b1b1; border-radius: 3px; box-sizing: border-box; }
.products .landing  input{ width: 100%; display: block;}
.products .landing .intro .bg{ height: 600px; width: 100%; background-size: cover; }
.products .landing .cta1 { padding: 7px 40px !important; border-radius: 5px !important }

/* ================================== product main page ================================================= */

.products .products-all .col2{ vertical-align: top;  }
.products .products-all .slide-sg{ padding: 0; position: relative; overflow: hidden; min-height: 510px}
.products .products-all .slide-sg a{ display: block; font-size: 19px; font-weight: 400; margin-top: 20px}
.products .products-all .insight img{ position: absolute;left: 55%;top: 10%;width: 46.3%; margin-left: 20px }
.products .products-all .explorer img{ position: absolute;left: 55%;top: 10%;width: 62.2%; margin-left: 20px }
.products .products-all .credit-report img{ position: absolute; left: 46%; top: 8%; width: 81%; }

/* ================================== products plan ================================================= */

.products .view-plan{ position: relative; overflow: hidden; }
.products .view-plan .col2{ vertical-align: top; }
.products .view-plan .product{ position: absolute; left: 50%;  top: 19%;  }
.products .view-plan .price{ display: block; font-size: 25px; margin-top: 10%; margin-bottom: 15px }
.products .view-plan .price h1{ display: inline-block; font-size: 60px; font-weight: 300; margin: 0 3px }
.products .view-plan .price sup{ vertical-align: top;; display: inline-block; margin-top: 7px; font-weight: 300; }
.products .view-plan .price h3{ display: inline-block; font-weight: 300 }
.products .view-plan .col{ text-align: center; }
.products .view-plan .questions{ text-align: left; max-width: 100% }
.products .view-plan .cta1{ margin-top: 0; padding: 11px 64px }
.products .view-plan .credit-card{ display: block; margin-top: 5px ; color: #464646; font-size: 13px; margin-bottom: 15px}

.products .pricing .intro h1{ font-size: 36px; font-weight: 200 }
.products .pricing .intro h3{ font-size: 20px; font-weight: 300 }
.products .pricing .price{ font-size: 55px; font-weight: 200; display: block; padding-top: 40px; height: 60px;}
.products .pricing .price sup{ font-size: 18px;}
.products .pricing .price span{ font-size: 16px; margin-left: 10px; display: inline-block; color: #656565;}
.products .pricing .price .from{display: block; font-size: 12px; margin-top: -28px; margin-bottom: 5px; margin-left: 0;}
.products .pricing .slide-sw div:first-child{ height: 120px }
.products .pricing .slide-sw{ padding: 15% 8%; border-top: 4px solid #cccccc;}
.products .pricing .bespoke{ border-top: 4px solid #55596f; }
.products .pricing .professional{ border-top: 4px solid #2e40a7; position: relative; }
.products .pricing ul{ margin: 40px 0}
.products .pricing li{ background: url(/img/products/tick.png) no-repeat 0 7px; margin-bottom: 15px; padding-left: 25px; text-align: left;}
.products .pricing .cta1{ display: block; text-align: center; }
.products .pricing hr{  margin: 40px 0;  border: 0;  border-bottom: 1px solid #dedede; }
.products .pricing .cn{  max-width: 1400px }
.products .pricing .col{ text-align: center; }
.products .pricing h2{ display: block; font-size: 26px; font-weight: 400;  margin-bottom: 20px;}

.payment-term { display: inline-block; border-radius: 8px; background: #fff; overflow: hidden; margin-top: 40px; box-shadow: inset -1px 1px 2px rgba(0, 0, 0, 0.21); }
.payment-term > a{ display: inline-block; padding: 10px 40px; font-weight: 500; text-decoration: none; font-size: 13px }
.payment-term .selected{ background: #1a5391; color: #fff }


.products .faq .col{ text-align: center; max-width: 1000px; margin: auto }
.products .faq .questions{ text-align: left; max-width: 100% }
.products .faq .cta1{ margin-top: 0 }

.price-builder { position: relative;background: #fff;margin: 10px;overflow: hidden; margin-bottom: 20px; box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24); position: relative; margin: auto; margin-top: 10px; max-width: 1000px; display: table; height: 500px; width: 100%}
.price-builder > div{ display: table-cell; padding: 20px}
.price-builder > div > div{ padding: 40px}
.price-builder .cta1{ display: inline-block !important; }
.price-builder h1{ line-height: 34px; margin-bottom: 15px; font-weight: 400; font-size: 28px !important; }
.price-builder .range_value{ font-size: 50px; margin-right: 10px; display: inline-block; }
.price-builder .desc{ color: #6f6f6f; }
.price-builder td{ padding: 8px 0 }
.price-builder .slidecontainer {width: 100%;}
.price-builder .slider {-webkit-appearance: none; appearance: none;  width: 100%; height: 5px; background: #d3d3d3; outline: none; opacity: 0.7; transition: opacity .2s; margin-top: 20px}
.price-builder .slider:hover {opacity: 1;}
.price-builder .slider::-webkit-slider-thumb {-webkit-appearance: none; appearance: none; width: 30px; height: 30px; background: #0078D7;  cursor: pointer; border-radius: 50%}
.price-builder .price { font-weight: 300; position: absolute; bottom: 80px; left: 50px }
.price-builder td:first-child{ width: 140px }
.price-builder table{ width: 100%}
.price-builder input[type=text]{ width: 80%; padding: 2px 5px; border-radius: 3px; border: 1px solid #cacaca; box-shadow: inset 1px 1px 1px #d8d8d8;}
.price-builder .progress_bar { width: 50%; height: 5px; background: #fff; border-radius: 5px; overflow: hidden; box-shadow: inset 1px 1px 3px 0px rgba(0,0,0,0.09); margin-bottom: 20px}
.price-builder .progress_bar > div { background: #4ca0e3; height: 5px; }
.price-builder .breakdown { background: #fafafa; padding: 40px 15px; position: relative; min-height: 350px; min-width: 350px }
.price-builder .breakdown td:first-child{ width: auto !important;}
.price-builder .breakdown tr:last-child td{ color: #b12704}

/* ================================== product insight ================================================= */

.products .insight .intro { position: relative; background: #000 }
.products .insight .intro .cn{ position: absolute; left: 0; right: 0; z-index: 1 }
.products .insight .intro .bg{ height: 800px; width: 100%; background: url(/img/products/insight/intro.jpg) no-repeat left top; background-size: cover; }
.products .insight .intro .col{ width: 43% }
.products .insight .intro .credit-card{ display: block; margin-top: 5px ; color: #fff; font-size: 13px;}
.products .insight .intro .cta1{ padding: 11px 64px }

.products .insight .financials{ position: relative; overflow: hidden  }
.products .insight .financials .bg{ position: absolute; left: 51%; bottom: -80px !important; width: 47.1%; margin-left: 40px  }

.products .insight .bg-set{ overflow: hidden; position: relative; }
.products .insight .bg-set .search{ position: absolute; left: 40%; top: 40px; width: 63.4%;  }
.products .insight .bg-set .financials{ position: absolute; left: 53%; top: 40px; width: 47.1%;  }
.products .insight .bg-set .documents{ position: absolute; right: 40%; top: 40px; width: 63.4%;  }
.products .insight .bg-set .hide{ display: none;  }

.products .insight .ownership .col1 { margin: auto; text-align: center; display: block;}
.products .insight .ownership .col2{ text-align: center; padding: 50px}
.products .insight .ownership .col2 img{ width: 100%}

.products .insight .risk{ position: relative; overflow: hidden  }
.products .insight .risk .bg{ position: absolute; left: 62%; top: 69px; margin-left: 40px; width: 37%; }
.products .insight .risk .col{ width: 56%}

.products .insight .people .bg{ width: 82%; display: block; margin: auto }
.products .insight .people *{ text-align: center}

.products .insight .extra .cn{ text-align: center; }
.products .insight .extra .slide-sw{ min-height: 225px }

/* =========================================================== product tour ================================================================== */

.products .sub-tabs  .back, .products .sub-tabs .next{ background: #fff; display: inline-block; height: 25px; position: absolute; top: 17px; cursor: pointer; width: 9px; }
.products .sub-tabs  .back { left: 0 }
.products .sub-tabs  .next{ right: 0 }

.products .sub-tabs {position: relative; transition: all 0.25s ease-in;top:0;left:0;z-index:100; padding: 0 20px; overflow: hidden; background: rgba(255, 255, 255, 0.95); white-space: nowrap; padding-top: 10px; box-shadow:0px 0px 4px 0px rgba(0, 0, 0, 0.3215686274509804); width: 100% }
.products .sub-tabs a {display: inline-block; color: #353535; font-size: 13px; font-weight: 500; padding: 1px 15px; margin: 15px 0; text-decoration: none; transition: ease-in-out 200ms;}
.products .sub-tabs .active{ color: #fff; background: #185b90; border-radius: 5px; font-weight: 500; }
.products .sub-tabs h1{ color: #000 !important ; font-size: 22px;  margin: 5px 0; display: inline-block;}
.products .sub-tabs .cta1{ display: inline-block; position: absolute; right: 0; top: 5px; margin: 0;padding: 1px 20px; }
.products .sub-tabs .tour-header{ position: relative;}
.products .sub-tabs > div{ margin: auto; padding: 0 3%; max-width: 1550px}
.products .sub-tabs .tabs { overflow-x: hidden}
.products .tour .slide-title { text-align: center;color: black;font-size: 43px;font-weight: 300;padding: 4% 2%;padding-bottom: 0;margin-bottom: -30px;}
.products .sub-tabs .tabs-parent { position: relative; padding: 0 15px 0 0; }
.products .tour .col1 { width: 63.8%; }
.products .tour .col3 { width: 36%; padding: 5%}
.products .tour .col3 .icons{ margin-bottom: 5px}
.products .tour .col2 h1{ font-size: 36px; position: relative; padding-left: 80px}
.products .tour .col2 h1 img{position: absolute; left: 0; top: 3px;}
.products .tour h1 {  color: #000; font-size: 45px}
.products .tour .cta-link { margin-top: 20px; padding: 5px 20px; border: 2px solid #0070cf;  border-radius: 6px;  font-weight: 500; transition: ease-in-out 200ms}
.products .tour .cta-link:hover { text-decoration: none; background: #0070cf; color: #fff}
.products .tour .cta-link:hover span{  background: url(/img/chevron_w.png) no-repeat !important}
.products .tour  .cta-parent .cta-link { margin: auto}

.products .tour .cn > div{ vertical-align: top; }
.products .tour .feature-img {box-shadow: rgba(0, 0, 0, 0.04) 0px 0px 100px, rgba(0, 0, 0, 0.37) 0px 2px 2px 0px; background: rgb(255, 255, 255); overflow: hidden; border-radius: 3px}
.products .tour .feature-img img{ width: 100%; margin-bottom: -10px}

.products .tour .next{ text-align: center;; background: #232740; }
.products .tour .next .cn{ padding: 10% }
.products .tour .next span{ font-size: 24px; font-weight: 500; color: #fff; display: block;}
.products .tour .next-button { width: 100px; height: 100px; background: #fff; border-radius: 50%; margin: auto; margin-bottom: 20px; animation-duration: 3s; animation-timing-function:ease-in-out; animation-name: bounce-right; animation-iteration-count: infinite; cursor: pointer;}


.products .tour-overview{ text-align: center; overflow: hidden;}
.products .tour-overview .cn{ padding-top: 0}
.products .tour-overview .cta1{ margin: 40px 0; font-size: 21px; padding: 15px 80px; border-radius: 8px;}
.products .tour-overview img{ margin-bottom: -12px}

/* ================================== product explorer ================================================= */
.products .explorer .intro{ position: relative; background: #f3f5f7; height: 760px; overflow: hidden;}
.products .explorer .intro .cn{ position: absolute; left: 0; right: 0; z-index:1  }
.products .explorer .intro .bg{ width: 100%; max-width: 1078px;;position: absolute; left: 50%; top: -190px; }
.products .explorer .intro .col2{ width: 50%;}
.products .explorer .intro .credit-card{ display: block; margin-top: 5px ; color: #fff; font-size: 13px;}
.products .explorer .intro .cta1{ padding: 11px 64px }

.products .explorer .filter{ position: relative; overflow: hidden;}
.products .explorer .filter .col{ width: 50% }
.products .explorer .filter .bg{ position: absolute; bottom: -14%; left: 51%; max-width: 900px; width: 100%; margin-left: 40px }

.products .explorer .columns {position: relative; text-align: center; overflow: hidden;}
.products .explorer .columns .cn{overflow: hidden;}
.products .explorer .columns .cn > .col2{ float: right;}
.products .explorer .columns .bg{     position: absolute;top: 30%;right: 56%;height: 100%; }
.products .explorer .columns .col2{ text-align: left; }

.products .explorer .contacts{ position: relative; overflow: hidden  }
.products .explorer .contacts .bg{ position: absolute; left: 51%; bottom: -23% !important; width: 47.3%; margin-left: 40px  }

.products .explorer .export{ overflow: hidden; text-align: center; }
.products .explorer .export .bg{ margin: auto; margin-bottom: -8px; width: 82.3%}
.products .explorer .export .grid-row{ margin: auto; width: 95%}
.products .explorer .export .grid-row div{ margin: auto; margin-bottom: 15px}

.products .explorer .view-plan .col2{ vertical-align: top; }

.products .explorer .help div{ margin: auto; margin-bottom: 15px }


/* ================================== product credit report ================================================= */

.products .credit-report .intro { position: relative;}
.products .credit-report .intro .cn{ position: absolute; left: 0; right: 0; z-index: 1}
.products .credit-report .intro .col{ width: 38%}
.products .credit-report .intro .bg{ height: 1000px; width: 100%; background: url(/img/products/reports/intro.jpg) no-repeat top; background-size: cover; }

.products .credit-report .why .col{ width: 50%}
.products .credit-report .why { position: relative; overflow: hidden; min-height: 840px;}
.products .credit-report .why .bg{ position: absolute;left: 48%;bottom: 0;height: 87%;}

.products .credit-report .included .sample { text-align: center; font-weight: 400; font-size: 18px;}
.products .credit-report .included .sample a{ font-size: 18px;}

.products .credit-report .buy-report .col { max-width: 1000px; margin: auto; text-align: center; }
.products .credit-report .buy h1{ margin-bottom: 20px }
.products .credit-report .buy .search{ position: relative; border: 1px solid #2e40a7 }
.products .credit-report .buy input[type="text"]{  padding: 13px 20px; border: 0; font-size: 21px; font-weight: 400; width: 100%; box-sizing: border-box; }
.products .credit-report .buy input[type="submit"]{ display: block; width: 51px; height: 51px; border: 0; cursor: pointer; position: absolute; right: 0; top: 0; background: url(/img/products/reports/search.png) no-repeat #0D47A1 15px 13px; }

/* ================================== product search ================================================= */

.products .company-search .intro { position: relative; text-align: center;}
.products .company-search .intro h1{ font-size: 60px}
.products .company-search .intro .p1{ font-size: 27px}
.products .company-search .intro .cn{ position: absolute; left: 0; right: 0}
.products .company-search .intro { height: 650px; background: url(/img/products/company-search/intro.jpg) no-repeat bottom; background-size: cover; background-color: #000 }
.products .company-search .intro .bg > div{ height:50%; width: 100%; }
.products .company-search .intro .slide-sw{ background: rgba(243, 245, 247, 0.98) }

/* ================================== product director search ================================================= */

.products .director-search .intro { position: relative; text-align: center;}
.products .director-search .intro h1{ font-size: 60px}
.products .director-search .intro .p1{ font-size: 27px}
.products .director-search .intro .cn{ position: absolute; left: 0; right: 0}
.products .director-search .intro { height: 650px; background: url(/img/products/director-search/intro.jpg) no-repeat bottom; background-size: cover; background-color: #000 }
.products .director-search .intro .bg > div{ height:50%; width: 100%; }
.products .director-search .intro .slide-sw{ background: rgba(243, 245, 247, 0.98) }

/* ================================== product api ================================================= */

.products .data-api { text-align: center; }
.products .data-api .intro { position: relative;}
.products .data-api .intro .cn{ position: absolute; left: 0; right: 0; z-index: 1}
.products .data-api .intro .bg { height: 1000px; overflow: hidden; }
.products .data-api .intro .bg > div{ height:1200px; width: 100%; background: url(img/products/data-api/intro.jpg) no-repeat top; background-size: cover; background-color: #000 }
.products .data-api .intro .col{ width: 1000px; margin: auto }
.products .data-api .cta1{ margin-top: 15px; }
.products .data-api .features .slide-sw div{ margin: auto; margin-bottom: 15px }

/* ================================== product b2b marketting list ================================================= */

.products .b2b-marketing .cta1 { padding: 16px 94px !important; }

.products .b2b-marketing .intro { position: relative; min-height: 829px; overflow: hidden !important ; }
.products .b2b-marketing  .intro h1{  font-size: 56px; }
.products .b2b-marketing .intro .bg{ position: absolute; left: 55%; top: 50px; }

.products .b2b-marketing .contacts{ text-align: center; }
.products .b2b-marketing .contacts .p1{ max-width: 906px; margin: auto }
.products .b2b-marketing .contacts .grid-row{ margin-top: 50px }

.products .b2b-marketing .filters { position: relative; overflow: hidden !important; }
.products .b2b-marketing .filters .bg{ position: absolute; left: 55%; top: 100px; }

.products .b2b-marketing .export ul{ margin: 50px 0 70px 0 }
.products .b2b-marketing .export li{ display: inline-block; background: #f3f5f7; margin: 0 10px 10px 0; padding: 5px 10px }
.products .b2b-marketing .export h3{ margin: 15px 5px }

.products .b2b-marketing .filters .cta1{  margin-top: 0; margin-bottom:30px }
.products .b2b-marketing .filters .col2{ padding: 70px 20px !important }


.products .b2b-marketing  .icons{ margin-top: 20px }
.products .b2b-marketing  .icons > div{ display: inline-block; margin-right: 20px;  width: 70px; font-weight: 500; color: #676767; vertical-align: top; font-size: 11px; line-height: 12px; text-align: center; }
.products .b2b-marketing  .icons > div img{ margin-bottom: 5px }

/* ================================== product ctps-tps-screening ================================================= */

.products .ctps-tps-screening .cta1 { padding: 16px 94px !important; }

.products .ctps-tps-screening .intro { position: relative; min-height: 769px; overflow: hidden !important ; }
.products .ctps-tps-screening  .intro h1{  font-size: 56px; }
.products .ctps-tps-screening .intro .bg{ position: absolute; left: 59%; bottom: 0; }
.products .ctps-tps-screening .intro .col2{ position: relative; z-index:1 }

.products .ctps-tps-screening .upload-process{ text-align: center; }
.products .ctps-tps-screening .upload-process .grid-row{ margin-top: 50px }
.products .ctps-tps-screening .upload-process .slide-sg{ min-height: 268px; }
.products .ctps-tps-screening .upload-process .number {width: 64px;height: 64px;background: #193054;margin: auto;border-radius: 50%;color: #fff;font-size: 40px;font-weight: 700;padding-top: 22px;margin-bottom: 30px;}

.products .ctps-tps-screening .contact .col2{ vertical-align: top; }




/* ================================== about us ================================================= */

.about .intro h1{ font-size: 44px; }
.about .intro h2{ font-size: 32px; font-weight: 300; line-height: 37px; }
.about .intro .col2{ text-align: left; }
.about .intro .logo{ width: 150px;height: 150px;border-radius: 50%;padding-top: 64px;font-size: 36px;font-weight: 600;margin: auto;margin-bottom: 40px;letter-spacing: -1px;border: 2px solid; text-align: center; }


.office1, .office2{ width: 100%; height: 300px; margin-bottom: 5px}
.office1 { background: url(/img/about/london-office.jpg) no-repeat bottom; background-size: cover; }
.office2 { background: url(/img/about/birmingham-office.jpg) no-repeat bottom; background-size: cover; margin-top: 40px }

.about .data{ background: #000 }
.about .data div{ vertical-align: top; }
.about .data .stats h1{ margin-bottom: 0 }
.about .data .bg{background: url(/img/about/data-bg.jpg) no-repeat top ; background-size: cover; margin-top: -200px }
.about .data .bg div{ height: 500px}
.about .data .stats{ background: #292929; text-align: left; }
.about .data .stats h1{ text-align: left !important; }
.about .data .col h1{ text-align: center; }

.about .process { overflow: hidden; position: relative; }
.about .process .track{ width: 50%; position: absolute; left: 0; top: 0; height:100%; border-right: 1px dashed #fff }
.about .process .sep{ display: block; width: 100%; clear: both; padding: 0 }
.about .process > div{ position: relative; width: 50%;  display: block; padding: 20px 60px;margin-bottom: -2%; }
.about .process .img{ position: absolute; top: 30%; display: inline; width: 64px; height: 64px; background-color: #000; }

.about .process .left{ float: right }
.about .process .left .img{ left: -32px}

.about .process .right{ float: left }
.about .process .right .img{ right: -32px}

.about .credibility{ text-align: center; }
.about .credibility .col3 h1{ margin-bottom: 0 }
.about .credibility .col1{ width: 70%  }

.about .logos .logos-title{ font-size: 20px; font-weight: 500; margin-bottom: 20px }
.about .logos img{ max-width: 15%; margin: 20px 2.5%;  vertical-align: middle; }
.about .logos { padding: 3% 8%; min-height: 310px;; }

/* ================================== helpdesk ================================================= */

.helpdesk .intro .col h1{ text-align: center;  }
.helpdesk .cn > div{ vertical-align: top }
.helpdesk .slide-sw .office{ width: 100% }
.helpdesk .slide-sw .list-icons li{ padding-left: 65px; margin: 10% 0  }
.helpdesk .slide-sw .list-icons img{ width: 50px }
.helpdesk .slide-sw select{ display: block;padding: 5px 12px;font-size: 14px;line-height: 1.42857143;color: #555;border: 1px solid #ccc;border-radius: 4px;box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); }

.helpdesk .contact-options .office2{ margin-top: auto;  }

.helpdesk .faq > div{ display: block; margin-top: 40px; }
.helpdesk .faq  a{ display: block; }
.helpdesk .faq .p3 span a{ display: inline-block; }
.helpdesk .faq .p3 span{ margin-bottom: 30px; padding-top: 3px }

.helpdesk .terms-of-use h3{ margin-top: 40px; margin-bottom: 10px }
.helpdesk .terms-of-use li{ margin-top: 10px; }
.helpdesk .terms-of-use .slide-sw{ padding: 4% 5%; }

.helpdesk .privacy-policy h3{ margin-top: 40px; margin-bottom: 10px }
.helpdesk .privacy-policy li{ margin-top: 10px; }
.helpdesk .privacy-policy ul{ list-style-type: circle; list-style-position: inside; }
.helpdesk .privacy-policy .slide-sw{ padding: 4% 5%; }

.helpdesk .options a {
    display: block;
    margin-bottom: 10px;
    text-decoration: none;
    font-weight: 500;
    display: inline-block;
    width: 100%;
    padding: 20px;
    padding-right: 50px;
    padding-left:3px;
    margin: 3px 20px 0 0;
    color: #000;
    box-sizing: content-box;
    font-size: 15px;
    line-height: 18px;
    background: url(/img/help-icons/arrow-right.png) right 20px center no-repeat #f4f5f9;
    box-sizing: border-box;
}


.contact { margin-top: 40px }
.contact td{ padding-top: 10px; padding-right: 40px  }
.contact td:first-child{ width: 230px  }

.contact input[type=text], .contact textarea, .contact select { display: block; padding: 5px 12px; font-size: 14px; line-height: 1.42857143; color: #555; border: 1px solid #ccc; border-radius: 4px; box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);}
.contact textarea{ height: 150px; width: 100%; max-width: 400px }
.contact input[type=text]{ width: 100%; max-width: 400px }


div1 { border: 1px solid red }