/**Prometo Font - Bold - Lisgt*/ @font-face { font-family: 'Prometo-Bold'; src: url('../fonts/Prometo/Prometo Bold.eot'); src: url('../fonts/Prometo/Prometo Bold.woff') format('woff'), url('../fonts/Prometo/Prometo Bold.ttf') format('truetype'), url('../fonts/Prometo/Prometo Bold.svg') format('svg');} @font-face { font-family: 'Prometo-Regular'; src: url('../fonts/Prometo/Prometo Regular.eot'); src: url('../fonts/Prometo/Prometo Regular.woff') format('woff'), url('../fonts/Prometo/Prometo Regular.ttf') format('truetype'), url('../fonts/Prometo/Prometo Regular.svg') format('svg');} @font-face { font-family: 'Prometo-Light'; src: url('../fonts/Prometo/Prometo Light.eot'); src: url('../fonts/Prometo/Prometo Light.woff') format('woff'), url('../fonts/Prometo/Prometo Light.ttf') format('truetype'), url('../fonts/Prometo/Prometo Light.svg') format('svg');} /**SourceSansPro Font - Bold - Regular - Light*/ @font-face { font-family: 'SourceSansPro-Bold'; src: url('../fonts/SourceSansPro/SourceSansPro-Bold.eot'); src: url('../fonts/SourceSansPro/SourceSansPro-Bold.woff') format('woff'), url('../fonts/SourceSansPro/SourceSansPro-Bold.ttf') format('truetype'), url('../fonts/SourceSansPro/SourceSansPro-Bold.svg') format('svg');} @font-face { font-family: 'SourceSansPro-Regular'; src: url('../fonts/SourceSansPro/SourceSansPro-Regular.eot'); src: url('../fonts/SourceSansPro/SourceSansPro-Regular.woff') format('woff'), url('../fonts/SourceSansPro/SourceSansPro-Regular.ttf') format('truetype'), url('../fonts/SourceSansPro/SourceSansPro-Regular.svg') format('svg');} @font-face { font-family: 'SourceSansPro-Light'; src: url('../fonts/SourceSansPro/SourceSansPro-Light.eot'); src: url('../fonts/SourceSansPro/SourceSansPro-Light.woff') format('woff'), url('../fonts/SourceSansPro/SourceSansPro-Light.ttf') format('truetype'), url('../fonts/SourceSansPro/SourceSansPro-Light.svg') format('svg');} /**** essential elements ****/ html { box-sizing: border-box; } *, *:before, *:after { box-sizing: inherit; } html, body { font-family: 'SourceSansPro-Light', Helvetica, Arial, sans-serif; font-size: 20px; color: #333; height: 100%; width: 100%; background-color: #fff; } .clearfix:after { content: ""; display: table; clear: both; } ::-webkit-input-placeholder { color: #333; } :-moz-placeholder { color: #333; } ::-moz-placeholder { color: #333; } :-ms-input-placeholder { color: #333; } input[type=text]::-ms-clear { display: none; } a, a:visited { color: #333; text-decoration: none; } a:hover { color: #333; } .floatRight { float: right; margin-left: 20px; margin-bottom: 20px;} .floatLeft { float: left; margin-right: 20px; margin-bottom: 20px;} .fullWidth { width: 100%; padding: 10px!important;} .DAT-primary-color { color: #004ea8!important;} .DIR-primary-color { color: #84329b!important;} .REP-primary-color { color: #00af66!important;} .CAMPUS-primary-color { color: #0788c9!important; } .DAT-primary-bg { background-color: #004ea8;} .DIR-primary-bg { background-color: #84329b;} .REP-primary-bg { background-color: #00af66;} .CAMPUS-primary-bg { background-color: #0788c9;} .lightBlueC { background-color: #f5fbfd;} .lightPurpleC { background-color: #fbf4fd;} .lightDATc { background-color: #ecf5fe!important;} .lightDIRc { background-color: #fae7ff!important;} .DAT-button { text-transform: uppercase; color: #fff!important; padding: 20px; background-color: #004ea8; text-align: center; font: 22px/32px 'Prometo-Bold', Helvetica, Arial, sans-serif; -webkit-border-radius: 70px; -moz-border-radius: 70px; border-radius: 70px; -webkit-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in; } .DAT-button:hover { background-color: #003d84; transition: all 0.3s ease-in; } .DIR-button { text-transform: uppercase; color: #fff!important; padding: 20px; background-color: #84329b; text-align: center; font: 22px/32px 'Prometo-Bold', Helvetica, Arial, sans-serif; -webkit-border-radius: 70px; -moz-border-radius: 70px; border-radius: 70px; -webkit-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in; } .DIR-button:hover { background-color: #601675; transition: all 0.3s ease-in; } .REP-button { text-transform: uppercase; color: #fff!important; padding: 20px; background-color: #00af66; text-align: center; font: 22px/32px 'Prometo-Bold', Helvetica, Arial, sans-serif; -webkit-border-radius: 70px; -moz-border-radius: 70px; border-radius: 70px; -webkit-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in; } .REP-button:hover { background-color: #008e53;} .ghostButton { display: block; text-align: center; width: 100%; padding: 24px 20px; text-transform: uppercase; margin: 0; font: 22px/22px 'Prometo-Bold', Helvetica, Arial, sans-serif; transition: all .3s ease-in; -webkit-border-radius: 100px; -moz-border-radius: 100px; border-radius: 100px; } .ghostButton:hover { color: #333; } .ghostButton.whiteC { border: 2px solid #fff; color: #fff; } .ghostButton.whiteC:hover { color: #333; background-color: #fff; } .small-button { display: inline-block; padding: 10px 50px; text-align: center; font: 20px/30px 'Prometo-Bold', Helvetica, Arial, sans-serif; font-weight: normal; -webkit-border-radius: 100px; -moz-border-radius: 100px; border-radius: 100px; -webkit-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in;} .small-button:hover { background-color: #34cca9;} .small-button.DAT { color: #fff; background-color: #004ea8; cursor: pointer;} .small-button.DAT:hover { background-color: #003d84;} .small-button.DIR { color: #fff; background-color: #84329b;} .small-button.DIR:hover { background-color: #601675;} .small-button.REP { color: #fff; background-color: #00af66;} .small-button.REP:hover { background-color: #008e53;} .small-button.CAMPUS { color: #fff; background-color: #ffb200;} .small-button.CAMPUS:hover { background-color: #ffc133;} .xs-button { display: inline-block; color: #fff!important; width: 100%; padding: 6px 10px; text-align: center; font: 16px/26px 'Prometo-Bold', Helvetica, Arial, sans-serif; -webkit-border-radius: 100px; -moz-border-radius: 100px; border-radius: 100px; -webkit-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in;} .xs-button.DIR { background-color: #84329b;} .xs-button.DIR:hover { background-color: #601675;} .xs-button.CAMPUS { background-color: #ffb200; max-width: 200px; } .xs-button.CAMPUS:hover { background-color: #ffc133;} .big-button { display: block; text-align: center; color: #fff; width: 100%; padding: 24px 20px; text-transform: uppercase; margin: 0; font: 22px/22px 'Prometo-Bold', Helvetica, Arial, sans-serif; transition: all .3s ease-in; -webkit-border-radius: 100px; -moz-border-radius: 100px; border-radius: 100px; } .big-button:hover { color: #fff; } .big-button.DAT { background-color: #004ea8; color: #fff;} .big-button.DAT:hover { background-color: #003d84;} .big-button.DIR { background-color: #84329b; color: #fff;} .big-button.DIR:hover { background-color: #601675;} .big-button.REP { background-color: #00af66; color: #fff;} .big-button.REP:hover { background-color: #008e53;} .big-button.DIRgreenC { background-color: #54c86d; color: #fff;} .big-button.DIRgreenC:hover { background-color: #33a04b;} .big-ghost-button { display: block; text-align: center; width: 100%; padding: 24px 20px; text-transform: uppercase; margin: 0; font: 22px/22px 'Prometo-Bold', Helvetica, Arial, sans-serif; transition: all .3s ease-in; -webkit-border-radius: 100px; -moz-border-radius: 100px; border-radius: 100px; } .big-ghost-button.DAT { border: solid 2px #004ea8; color: #004ea8; } .big-ghost-button.DAT:hover { background-color: #004ea8; color: #fff; } .big-ghost-button.DIR { border: solid 2px #84329b; color: #84329b; } .big-ghost-button.DIR:hover { background-color: #84329b; color: #fff; } .big-ghost-button.REP { border: solid 2px #00af66; color: #00af66; } .big-ghost-button.REP:hover { background-color: #00af66; color: #fff; } .small-ghost-button { display: inline-block; padding: 10px 50px; width: 100%; max-width: 250px; text-align: center; font: 20px/30px 'Prometo-Bold', Helvetica, Arial, sans-serif; font-weight: normal; -webkit-border-radius: 100px; -moz-border-radius: 100px; border-radius: 100px; -webkit-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in;} .small-ghost-button:hover { color: #333;} .small-ghost-button.whiteC { border: 2px solid #fff; color: #fff; } .small-ghost-button.whiteC:hover { color: #333; background-color: #fff; } .small-ghost-button.blackC { border: 2px solid #333; color: #333; } .small-ghost-button.blackC:hover { color: #fff; background-color: #333; } .small-ghost-button.blueC { border: 2px solid #62a1e9; color: #fff; } .small-ghost-button.blueC:hover { color: #333; background-color: #fff; border: 2px solid #fff;} .small-ghost-button.lGreenC { border: 2px solid #4fe3c1; color: #4fe3c1; } .small-ghost-button.lGreenC:hover { color: #fff; background-color: #4fe3c1; border: 2px solid #4fe3c1;} .small-ghost-button.purpleC { border: 2px solid #84329b; color: #84329b; } .small-ghost-button.purpleC:hover { color: #fff; background-color: #84329b; border: 2px solid #84329b;} .small-ghost-button.DAT { border: 2px solid #004ea8; color: #004ea8; } .small-ghost-button.DAT:hover { color: #fff; background-color: #004ea8; border: 2px solid #004ea8;} .small-ghost-button.DIR { border: 2px solid #84329b; color: #84329b; } .small-ghost-button.DIR:hover { color: #fff; background-color: #84329b; border: 2px solid #84329b;} .small-ghost-button.REP { border: 2px solid #00af66; color: #00af66; } .small-ghost-button.REP:hover { color: #fff; background-color: #00af66; border: 2px solid #00af66;} .small-ghost-rectangle-button { display: inline-block; padding: 7px 50px; width: 100%; text-align: center; font: 20px/30px 'Prometo-Bold', Helvetica, Arial, sans-serif; font-weight: normal; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in;} .small-ghost-rectangle-button:hover { color: #333;} .small-ghost-rectangle-button.DAT { border: 2px solid #62a1e9; color: #fff; background-color: #004ea8; } .small-ghost-rectangle-button.DAT:hover { color: #333; background-color: #fff; border: 2px solid #fff; } .small-ghost-rectangle-button.DIR { border: 2px solid #c781da; color: #fff; background-color: #84329b; } .small-ghost-rectangle-button.DIR:hover { color: #333; background-color: #fff; border: 2px solid #fff; } .small-ghost-rectangle-button.REP { border: 2px solid #a4fdd8; color: #fff; background-color: #00af66; } .small-ghost-rectangle-button.REP:hover { color: #333; background-color: #fff; border: 2px solid #fff; } .greenC { color: #fff!important; background-color: #4fe3c1;} .greenC:hover { color: #fff!important; background-color: #34cca9;} .yellowC { color: #ffb200!important;} .redC { color: #e20040!important;} .grey-bg { background-color: #f6f6f6;} .sectionTitle { font: 45px/55px 'Prometo-Bold', Helvetica, Arial, sans-serif; text-align: center; margin-bottom: 30px; } .sectionTitle.left { text-align: left; } .sectionTitle.noMargin { margin-bottom: 0!important; } .sectionTitle i { font-family: 'Prometo-Regular', Helvetica, Arial, sans-serif; font-style: italic; } .sectionTitle em { font-family: 'Prometo-Regular', Helvetica, Arial, sans-serif; font-style: normal; } .sectionSubTitle { font: 20px/28px 'Prometo-Light', Helvetica, Arial, sans-serif; text-align: center; margin-bottom: 50px; padding: 0 10%; margin-top: -20px; } hr.DAT { display: block; height: 3px; width: 70px; margin-bottom: 15px; border: none; background-color: #004ea8;} hr.DIR { display: block; height: 3px; width: 70px; margin-bottom: 15px; border: none; background-color: #84329b;} hr.REP { display: block; height: 3px; width: 70px; margin-bottom: 15px; border: none; background-color: #00af66;} hr.white { display: block; height: 3px; width: 70px; margin-bottom: 15px; border: none; background-color: #fff;} /* -------------------------------- NAVIGATION -------------------------------- */ *, *::after, *::before { box-sizing: border-box; } input[type="search"]::-ms-clear { display: none;} input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-results-button, input[type="search"]::-webkit-search-results-decoration { display: none;} /* -------------------------------- Main components -------------------------------- */ .cd-main-content, .cd-main-header { -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); will-change: transform; } .cd-main-content, .cd-main-header { position: relative; -webkit-transition: -webkit-transform 0.3s; -moz-transition: -moz-transform 0.3s; transition: transform 0.3s; } .cd-main-content { background: #fff; min-height: 100vh; z-index: 2; padding-top:82px; display: block; } .cd-main-header { height: 60px; background: #ffffff; z-index: 3; border-bottom:solid 1px #eee; position: fixed; top: 0; left: 0; width: 100%; } .cd-main-header .innerHolder { display:block; max-width: 1200px; margin: 0 auto; position: relative;} .cd-logo { position: absolute; top: 10px; left: 3%; } .cd-logo a { display: block; width:160px; } .cd-logo a img { width: 100%; } .cd-header-buttons { position: absolute; display: inline-block; top: 3px; right: 1%; } .cd-header-buttons li { display: inline-block; } .cd-login { display:inline-block; position:absolute; border-radius:4px; text-transform:uppercase; padding:0 30px; background-color:#FB7F25; top:2px; right:0; z-index:990; color:#fff!important; height: 36px; font: 16px/36px 'Prometo-bold', Helvetica, Arial, sans-serif; } .cd-login:hover { text-decoration:none; background-color:#E26203;} .cd-nav-trigger { position: relative; display: none; width: 38px; height: 54px; overflow: hidden; white-space: nowrap; color: transparent!important; z-index: 3; text-indent: -999em; } .cd-nav-trigger span, .cd-nav-trigger span::before, .cd-nav-trigger span::after { position: absolute; display: inline-block; height: 3px; width: 24px; background: #2e3233; } .cd-nav-trigger span { position: absolute; top: 50%; right: 10px; margin-top: -2px; -webkit-transition: background 0.3s 0.3s; -moz-transition: background 0.3s 0.3s; transition: background 0.3s 0.3s; } .cd-nav-trigger span::before, .cd-nav-trigger span::after { content: ''; right: 0; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform-origin: 0% 50%; -moz-transform-origin: 0% 50%; -ms-transform-origin: 0% 50%; -o-transform-origin: 0% 50%; transform-origin: 0% 50%; -webkit-transition: -webkit-transform 0.3s 0.3s; -moz-transition: -moz-transform 0.3s 0.3s; transition: transform 0.3s 0.3s; } .cd-nav-trigger span::before { top: -6px; } .cd-nav-trigger span::after { top: 6px; } .cd-nav-trigger.nav-is-visible span { background: rgba(46, 50, 51, 0); } .cd-nav-trigger.nav-is-visible span::before, .cd-nav-trigger.nav-is-visible span::after { background: #2e3233; } .cd-nav-trigger.nav-is-visible span::before { -webkit-transform: translateX(4px) translateY(-3px) rotate(45deg); -moz-transform: translateX(4px) translateY(-3px) rotate(45deg); -ms-transform: translateX(4px) translateY(-3px) rotate(45deg); -o-transform: translateX(4px) translateY(-3px) rotate(45deg); transform: translateX(4px) translateY(-3px) rotate(45deg); } .cd-nav-trigger.nav-is-visible span::after { -webkit-transform: translateX(4px) translateY(2px) rotate(-45deg); -moz-transform: translateX(4px) translateY(2px) rotate(-45deg); -ms-transform: translateX(4px) translateY(2px) rotate(-45deg); -o-transform: translateX(4px) translateY(2px) rotate(-45deg); transform: translateX(4px) translateY(2px) rotate(-45deg); } .cd-primary-nav, .cd-primary-nav ul { position: fixed; top: 0; right: 0; height: 100%; width: 260px; background: #2e3233; overflow: auto; -webkit-overflow-scrolling: touch; z-index: 1; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); -webkit-transition: -webkit-transform 0.3s; -moz-transition: -moz-transform 0.3s; transition: transform 0.3s; } .cd-primary-nav a, .cd-primary-nav ul a { display: block; height: auto; font: 16px/26px 'Prometo-Light', Helvetica, Arial, sans-serif; padding: 10px 20px; color: #ffffff; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; overflow: hidden; border-bottom: 1px solid #3a3f40; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); will-change: transform, opacity; -webkit-transition: -webkit-transform 0.3s, opacity 0.3s; -moz-transition: -moz-transform 0.3s, opacity 0.3s; transition: transform 0.3s, opacity 0.3s; } .cd-primary-nav a:hover, .cd-primary-nav ul a:hover { color: #4fe3c1;} .cd-primary-nav.is-hidden, .cd-primary-nav ul.is-hidden { -webkit-transform: translateX(100%); -moz-transform: translateX(100%); -ms-transform: translateX(100%); -o-transform: translateX(100%); transform: translateX(100%); } .cd-primary-nav.moves-out > li > a, .cd-primary-nav ul.moves-out > li > a { -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); -ms-transform: translateX(-100%); -o-transform: translateX(-100%); transform: translateX(-100%); opacity: 0; } .cd-primary-nav .cd-nav-icons .cd-nav-item { height: 50px; line-height: 50px; font-weight: 400; } .cd-primary-nav .cd-nav-icons .cd-nav-item h3 { overflow: hidden; text-overflow: ellipsis;font-weight: 300; } .cd-primary-nav .cd-nav-icons .cd-nav-item { padding-left: 75px; } .cd-primary-nav .cd-nav-icons .cd-nav-item p { color: #2e3233; font-size: 1.3rem; display: none; } .cd-primary-nav .cd-nav-icons .cd-nav-item::before { content: ''; display: block; position: absolute; left: 20px; top: 50%; margin-top: -20px; width: 40px; height: 40px; background-repeat: no-repeat; background-position: center center; background-size: 40px 40px; } .has-children > a, .go-back a { position: relative; } .has-children > a::before, .has-children > a::after, .go-back a::before, .go-back a::after { content: ''; position: absolute; top: 50%; margin-top: -1px; display: inline-block; height: 2px; width: 10px; background: #464c4e; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .has-children > a::before, .go-back a::before { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } .has-children > a::after, .go-back a::after { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); } .has-children > a { padding-right: 40px; } .has-children > a::before, .has-children > a::after { right: 20px; -webkit-transform-origin: 9px 50%; -moz-transform-origin: 9px 50%; -ms-transform-origin: 9px 50%; -o-transform-origin: 9px 50%; transform-origin: 9px 50%; } .cd-primary-nav .go-back a { padding-left: 40px; } .cd-primary-nav .go-back a::before, .cd-primary-nav .go-back a::after { left: 20px; -webkit-transform-origin: 1px 50%; -moz-transform-origin: 1px 50%; -ms-transform-origin: 1px 50%; -o-transform-origin: 1px 50%; transform-origin: 1px 50%; } .cd-overlay { position: fixed; z-index: 2; height: 100%; width: 100%; top: 0; left: 0; cursor: pointer; background-color: rgba(0, 0, 0, 0.6); visibility: hidden; opacity: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s, -webkit-transform 0.3s 0s; -moz-transition: opacity 0.3s 0s, visibility 0s 0.3s, -moz-transform 0.3s 0s; transition: opacity 0.3s 0s, visibility 0s 0.3s, transform 0.3s 0s; } .cd-overlay.is-visible { opacity: 1; visibility: visible; -webkit-transition: opacity 0.3s 0s, visibility 0s 0s, -webkit-transform 0.3s 0s; -moz-transition: opacity 0.3s 0s, visibility 0s 0s, -moz-transform 0.3s 0s; transition: opacity 0.3s 0s, visibility 0s 0s, transform 0.3s 0s; } /* -------------------------------- support for no js -------------------------------- */ .no-js .cd-primary-nav { position: relative; height: auto; width: 100%; overflow: visible; visibility: visible; z-index: 2; } .container { max-width: 1200px; width: 100%; margin: 0 auto;} .container.customWidth { max-width: 976px;} /* Service box*/ .servicesBox { margin-top: 25px; display: block; } .servicesBox li { display: block; width: 32.6%; margin-right: 1%; float: left; position: relative;} .servicesBox li:last-child { margin-right: 0;} .servicesBox li a { color: #fff; display: block; height: 110px; padding: 29px 10px 22px 105px; font: 18px/18px 'Prometo-Regular', Helvetica, Arial, sans-serif; -webkit-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in;} .servicesBox li a:hover { opacity: .8;} .servicesBox li a strong { font: 23px/23px 'Prometo-Bold', Helvetica, Arial, sans-serif; text-transform: uppercase; display: block; font-weight: normal; margin-bottom: 3px; } .servicesBox li a:after { position: absolute; right: 0; top: 0; font: 100px/100px 'Prometo-Bold', Helvetica, Arial, sans-serif; opacity: .1;} .servicesBox li a.DAT { background: #004ea8 url('../images/DATicon.png') no-repeat 20px 25px;} .servicesBox li a.DAT:after { content: '1';} .servicesBox li a.DIR { background: #84329b url('../images/DIRicon.png') no-repeat 25px 29px;} .servicesBox li a.DIR:after { content: '2';} .servicesBox li a.REP { background: #00af66 url('../images/REPicon.png') no-repeat 35px 25px;} .servicesBox li a.REP:after { content: '3';} .servicesBox li.selected a.DAT { height: 130px; margin-top: -10px; padding-top: 39px; background: #004ea8 url(../images/DATicon.png) no-repeat 20px 35px;} .servicesBox li.selected a.DAT:hover { opacity: 1;} .servicesBox li.selected a.DIR { height: 130px; margin-top: -10px; padding-top: 39px; background: #84329b url(../images/DIRicon.png) no-repeat 25px 39px;} .servicesBox li.selected a.DIR:hover { opacity: 1;} .servicesBox li.selected a.REP { height: 130px; margin-top: -10px; padding-top: 39px; background: #00af66 url(../images/REPicon.png) no-repeat 35px 35px;} .servicesBox li.selected a.REP:hover { opacity: 1;} /* PRODUCTS */ .product-box { overflow: hidden; display: block; clear: both; width: 100%; padding: 40px 0 40px;} .product-box .sectionTitle { padding: 0 20px 30px; max-width: 1600px; width: 100%; display: block; margin: 0 auto; } .product-box .container { max-width: 1600px; width: 100%; display: flex; margin: 0 auto; } .product-box .col-box { width: 33%; padding: 0 20px; display: flex; flex-direction: column;} .product-box .col-box img { width: 100%; height: auto;} .product-box .col-box .image-box { } .product-box .col-box .content-box { padding: 10px; flex: 1; display: flex; flex-direction: column; } .product-box .col-box h2 { font: 22px/28px 'Prometo-Regular', Helvetica, Arial, sans-serif; letter-spacing: -1px; display: block; margin-bottom: 20px;} .product-box .col-box h2 strong { display: block; font: 45px/44px 'Prometo-Bold', Helvetica, Arial, sans-serif; text-transform: uppercase; font-weight: normal; text-shadow: 1px 1px 0px rgba(0, 0, 0, 1); } .product-box .col-box h2:before { float: left; width: 70px; height: 70px; text-align: center; margin-right: 10px; color: #fff; display: block; font: 55px/65px 'Prometo-Bold', Helvetica, Arial, sans-serif; -webkit-border-radius: 70px; -moz-border-radius: 70px; border-radius: 70px; text-shadow: 1px 1px 0px rgba(0, 0, 0, 1); } .product-box .col-box p { font: 17px/25px 'Prometo-Regular', Helvetica, Arial, sans-serif; margin-bottom: 20px;} .product-box .col-box ul { flex-direction: column; flex-wrap: nowrap; display: flex; flex: 1; } .product-box .col-box ul li { display: block;margin-bottom: 15px; padding: 5px 0 5px 50px; background-repeat: no-repeat; background-position: 0 0; background-size: 34px; font: 16px/24px 'Prometo-Regular', Helvetica, Arial, sans-serif;} .product-box .col-box.DAT h2 strong { color: #004ea8; } .product-box .col-box.DAT h2:before { content: '1'; background-color: #004ea8;} .product-box .col-box.DAT ul li { background-image: url('../images/datIntroBullet.png'); } .product-box .col-box .content-box .DAT-button { width: 100%; display: inline-block;} .product-box .col-box.DIR h2 strong { color: #84329b; } .product-box .col-box.DIR h2:before { content: '2'; background-color: #84329b;} .product-box .col-box.DIR ul li { background-image: url('../images/dirIntroBullet.png'); } .product-box .col-box .content-box .DIR-button { width: 100%; display: inline-block;} .product-box .col-box .content-box .link { padding-top: 14px; text-align: center; color: #84329b; font: 22px/32px 'SourceSansPro-Bold', Helvetica, Arial, sans-serif; text-decoration: none; border-bottom: dashed 1px #84329b; display: inline-block; margin: 0 auto 20px;} .product-box .col-box .content-box .link:hover { border-bottom: solid 1px #84329b;} .product-box .col-box.REP h2 strong { color: #00af66; } .product-box .col-box.REP h2:before { content: '3'; background-color: #00af66;} .product-box .col-box.REP ul li { background-image: url('../images/repIntroBullet.png'); } .product-box .col-box .content-box .REP-button { width: 100%; display: inline-block;} /* interactiveMap */ .interactiveMap { overflow: hidden; display: block; background: #f6f9fb url('../images/interactiveMapBg.jpg') no-repeat center top; padding: 230px 3% 70px 5%;} .interactiveMap .sectionTitle { margin-bottom: 80px;} .interactiveMap .leftCol { width: 50%; float: left; display: block; padding: 20px 0 0 0;} .interactiveMap .leftCol ul { margin-bottom: 50px;} .interactiveMap .leftCol li { display: block; margin-bottom: 35px; min-height: 65px; font: 24px/64px 'Prometo-Bold', Helvetica, Arial, sans-serif; width: 100%; } .interactiveMap .leftCol li span { display: inline-block; margin-right: 22px; float: left; line-height: 14px;} .interactiveMap .rightCol { width: 50%; float: right; display: block; padding: 0;} .interactiveMap .rightCol p { text-align: center; margin-bottom: 12px;} .interactiveMap .rightCol img { max-width: 638px; height: auto; width: 100%;} .interactiveMap .rightCol .arrow { text-align: center; width: 161px; display: block; height: 39px; padding-top: 15px; margin: 0 auto;} .interactiveMap .rightCol .bounce { -webkit-animation: bounce 2s infinite; animation: bounce 2s infinite; font-size: 14px!important; margin-right: 3px; color: #4fe3c1; } .interactiveMap .rightCol p strong { font: 20px/32px 'SourceSansPro-Bold', Helvetica, Arial, sans-serif; } /* Call to action banner */ .callToActionBanner { padding: 40px 0%; background: url('../images/antraciteBg.jpg') repeat 0 0; display: block; clear: both; overflow: hidden;} .callToActionBanner.antraciteC { color: #fff;} .callToActionBanner .leftCol { width: 48%; float: left; display: block; padding: 0 2%;} .callToActionBanner .leftCol.verticalAlignOneLine { margin-top: 20px;} .callToActionBanner h2 { font: 45px/52px 'Prometo-Bold', Helvetica, Arial, sans-serif; margin-bottom: 10px;} .callToActionBanner p { font: 20px/28px 'Prometo-Light', Helvetica, Arial, sans-serif;} .callToActionBanner .rightCol { width: 48%; float: right; display: block; padding: 0 2%} .callToActionBanner .ghostButton { margin-top: 10px;} .callToActionBanner .rightCol span { display: block; text-align: center; font: 16px/30px 'Prometo-Light', Helvetica, Arial, sans-serif; } .callToActionBanner.antraciteC .rightCol span { color: #fff;} .callToActionBanner.oneLineText h2 { margin-top: 16px; font: 40px/52px 'Prometo-Bold', Helvetica, Arial, sans-serif; margin-bottom: 10px;} /* Campus intro */ .campusIntro { padding: 60px 4%; display: block; clear: both; overflow: hidden; color: #fff; text-align: center; background: url('../images/campusIntroBg.jpg') no-repeat center bottom; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;} .campusIntro h3 { font: 30px/38px 'Prometo-Bold', Helvetica, Arial, sans-serif; margin-bottom: 20px; } .campusIntro h3.sectionSubTitle { font: 20px/28px 'Prometo-Light', Helvetica, Arial, sans-serif; text-align: center; margin-bottom: 20px; padding: 0 10%; margin-top: -20px;} .campusIntro p { font: 18px/28px 'SourceSansPro-Regular', Helvetica, Arial, sans-serif; margin-bottom: 10px;} .campusIntro .small-ghost-button { margin-top: 20px; display: inline-block; padding-left: 50px; padding-right: 50px;} .campusIntro hr.white { margin-bottom: 40px;} /* info box */ .infoBox { padding: 60px 4%; display: block; clear: both; overflow: hidden;} /* news intro box */ .newsBoxIntro { width: 46%; float: left; display: block;} .newsBoxIntro h2 { text-align: left;} .newsBoxIntro li { display: block; margin-bottom: 30px; padding-left: 25px; background: url('../images/blackDotBullet.png') no-repeat 0 9px;} .newsBoxIntro li a { font: 22px/30px 'Prometo-Bold', Helvetica, Arial, sans-serif; border-bottom: dashed 1px #333;} .newsBoxIntro li a:hover { border-bottom: solid 1px #333;} .newsBoxIntro li span { display: block; font: 14px/22px 'SourceSansPro-Light', Helvetica, Arial, sans-serif; color: #7e7e7e;} /* about us box */ .aboutUsBoxIntro { width: 46%; float: right; display: block; font: 16px/26px 'SourceSansPro-Regular', Helvetica, Arial, sans-serif;} .aboutUsBoxIntro h2 { text-align: left;} .aboutUsBoxIntro p { margin-bottom: 20px;} .aboutUsBoxIntro p strong { font: 16px/26px 'SourceSansPro-Bold', Helvetica, Arial, sans-serif;} /* statistics box */ .statisticsBox { padding: 60px 4%; display: block; clear: both; overflow: hidden; text-align: center; font: 26px/34px 'Prometo-Bold', Helvetica, Arial, sans-serif;} .statisticsBox h2 { margin-bottom: 10px;} .statisticsBox h3 { font: 20px/28px 'Prometo-Regular', Helvetica, Arial, sans-serif; margin-bottom: 50px;} .statItem { width: 32.6%; display: block; float: left; padding: 25px 2%; color: #fff; margin-right: 1%; height: 200px;} .statItem img { margin-bottom: 15px; display: block; text-align: left;} .statItem hr { display: block; height: 3px; width: 70px; margin-bottom: 15px; border: none; background-color: #fff;} .statItem ul li { display: block; float: left; border-right: solid 1px #fff; width: 33.3%;} .statItem ul li:last-child { border-right: none;} .statItem ul li span { display: block; font: 14px/16px 'SourceSansPro-Light', Helvetica, Arial, sans-serif;} .statItem.DAT-primary-bg ul li { display: inline-block; float: none; width: auto; padding: 0 20px;} .statItem.DIR-primary-bg ul li { display: inline-block; float: none; width: auto; padding: 0 20px;} .statItem.REP-primary-bg { margin-right: 0;} .statItem.REP-primary-bg ul li { display: inline-block; float: none; width: auto; padding: 0 20px;} /**** jQuery FlexSlider v2.5.0 *********/ .flex-container a:hover, .flex-slider a:hover, .flex-container a:focus, .flex-slider a:focus { outline: none; } .slides, .slides > li, .flex-control-nav, .flex-direction-nav { margin: 0; padding: 0; list-style: none; } .flex-pauseplay span { text-transform: capitalize; } .slider { margin: 7px 0 10px!important;} #carousel li { margin-right: 5px; } #carousel .slides li { border: 1px solid #eee; height:120px; position:relative; } #carousel .slides li img { max-height: 70px; max-width: 90px; width:auto; transform: translateY(-50%); top:50%; position: absolute; left:0; right:0; margin: 0 auto; } #carousel img { display: block; opacity: 1; cursor: pointer;} #carousel img:hover { opacity: 1;} #carousel .flex-active-slide img { opacity: .5; cursor: default;} .flexslider { margin: 0; padding: 0; } .flexslider .slides > li { display: none; -webkit-backface-visibility: hidden; position:relative; } .flexslider .slides img { width: 100%; display: block; } .flexslider .slides span { position:absolute; right:5px; bottom:5px; font-weight: 700; opacity: 0.8; padding: 10px; color:#fff; font-size: 18px; background-color: #e00e45;} .flexslider .slides:after { content: "\0020"; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } html[xmlns] .flexslider .slides { display: block; } * html .flexslider .slides { height: 1%; } .no-js .flexslider .slides > li:first-child { display: block; } .flexslider { margin: 0; background: #fff; position: relative; zoom: 1; padding:0; } .flexslider .slides { zoom: 1; } .flexslider .slides img { height: auto; } #slider .slides img { height: auto; width:auto; margin: 0 auto; transform: translateY(-50%); top:50%; position: absolute; left:0; right:0; } #slider .slides > li { min-height: 465px; position:relative;} .flex-viewport { max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; } .loading .flex-viewport { max-height: 400px; } .carousel li { margin-right: 5px; } .flex-control-thumbs { margin: 5px 0 0; position: static; overflow: hidden; } .flex-control-thumbs li { width: 25%; float: left; margin: 0; } .flex-control-thumbs img { width: 100%; height: auto; display: block; opacity: .7; cursor: pointer; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; } .flex-control-thumbs img:hover { opacity: 1; } .flex-control-thumbs .flex-active { opacity: 1; cursor: default; } #slider .slides > li iframe { width: 80%; min-width: 100%; position: absolute; left:0; right:0; margin: 0 auto; } #slider .slides > li.video { padding-top:25px; min-height: 440px } /* sponsors and partners */ .sponsors-and-partners { padding: 60px 4% 0 4%; display: block; overflow: hidden; clear:both; width:100%; position:relative; text-align: center;} .sponsors-and-partners .sectionTitle { margin-bottom: 10px;} .sponsors-and-partners h3 { text-align: center;} .sponsors-and-partners h3 a { font: 20px/28px 'Prometo-Bold', Helvetica, Arial, sans-serif; color: #444444; text-decoration: none; border-bottom: dashed 1px #444444; display: inline-block;} .sponsors-and-partners h3 a:hover { border-bottom: solid 1px #333; color: #333;} .footerSlider { display:inline-block; clear:both; width:100%; position:relative; padding: 25px;} .footerSlider .slides > li { position:relative; padding:10px 0; margin-right:15px; height:100px; } .footerSlider .slides > li img { height:auto; max-width:156px; max-height:202px; left:0; right:0; top:0; bottom:0; margin: auto; position:absolute; text-align:center;} .footerSlider .flex-viewport { padding:0; margin:0 30px;} .footerSlider .flex-direction-nav a { text-decoration: none; text-indent: -999em; display: block; width: 30px; text-align:center; height: 38px; margin: 0; position: absolute; top: 56px; z-index: 10; overflow: hidden; opacity: 0.5; cursor: pointer; color: #fff; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .footerSlider .flex-direction-nav .flex-prev { left:20px; background: transparent url(../images/sliderArrows.png) no-repeat 0 0; } .footerSlider .flex-direction-nav .flex-prev:hover { opacity: .9; } .footerSlider .flex-direction-nav .flex-next { right: 20px; padding-left:2px; background: transparent url(../images/sliderArrows.png) no-repeat -31px 0px; } .footerSlider .flex-direction-nav .flex-next:hover { opacity: .9; } .footerSlider .flex-direction-nav .flex-disabled { opacity: 0; filter: alpha(opacity=0); cursor: default; } /* Footer */ .footer { padding: 210px 4% 20px 4%; display: block; overflow: hidden; clear:both; width:100%; color: #b1b1b1; font: 14px/18px 'SourceSansPro-Regular', Helvetica, Arial, sans-serif; background: #303030 url(../images/footerBg.png) no-repeat center top;} .footer .box { float: left; display: block; width: 25%; padding: 10px 2%; margin-bottom: 10px;} .footer .box h3 { color: #fff; font: 18px/26px 'Prometo-Bold', Helvetica, Arial, sans-serif; text-transform: uppercase; margin-bottom: 20px; } .footer .box a { -webkit-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in;} .footer .box.about p { margin-bottom: 10px; display: block;} .footer .box.about ol { margin-bottom: 10px;} .footer .box.about li { display: block;} .footer .box.links li { margin-bottom: 10px; display: block;} .footer .box.links li a { color: #b1b1b1;} .footer .box.links li a:hover { color:#4fe3c1 } .footer .box.explore li a { display: block; min-height: 60px; clear: both; margin-bottom:5px; padding: 10px 10px 16px 70px; color: #fff; font: 14px/18px 'Prometo-Regular', Helvetica, Arial, sans-serif;} .footer .box.explore li a:hover { background-color: #383838;} .footer .box.explore li .DAT { background: #434343 url(../images/DAT-footerIcon.png) no-repeat 10px 10px;} .footer .box.explore li .DIR { background: #434343 url(../images/DIR-footerIcon.png) no-repeat 10px 10px;} .footer .box.explore li .REP { background: #434343 url(../images/REP-footerIcon.png) no-repeat 10px 10px;} .footer .newsletter { margin-bottom: 25px;} .footer .newsletter p { margin-bottom: 10px;} .footer .newsletterBox { position:relative; display:block; clear:both; overflow:hidden;} .footer .newsletterBox .txtField { padding: 8px 94px 8px 10px; height:40px; line-height: 16px; float: left; width: 100%; color: #fff; background-color: #434343; border-radius: 4px; border: none; font: 14px/18px 'SourceSansPro-Regular', Helvetica, Arial, sans-serif; } .footer .newsletterBox .newsletterBTN { position:absolute; padding-left:8px; padding-right:8px; background-color: #4fe3c1; top:0; right:0; height: 40px; color:#fff; text-transform:uppercase; border-style: none; cursor: pointer; border-top-right-radius: 4px; border-bottom-right-radius: 4px; font: 14px/18px 'Prometo-Regular', Helvetica, Arial, sans-serif; } .footer .newsletterBox .newsletterBTN:hover { background-color:#34cca9; } .footer .newsletterBox ::-webkit-input-placeholder { color: #b1b1b1; } .footer .newsletterBox :-moz-placeholder { color: #b1b1b1; } .footer .newsletterBox ::-moz-placeholder { color: #b1b1b1; } .footer .newsletterBox :-ms-input-placeholder { color: #b1b1b1; } .footer .newsletterBox p.error { color: #f24b4b; display: block; padding:5px 0; clear: both; margin-bottom: 2px;} .footer .socialBox li { float: left; display: block; margin-right: 25px;} .footer .socialBox a { font-size: 24px; color: #b1b1b1;} .footer .socialBox a:hover { color: #4fe3c1;} .copyright { display: block; overflow: hidden; clear:both; width:100%; background-color: #262626; color: #b1b1b1; padding: 20px 10px; font: 14px/18px 'SourceSansPro-Regular', Helvetica, Arial, sans-serif; } .copyright p { display: block; float: left; text-align: left;} .copyright li { display: block; float: right; margin-left: 20px;} .copyright li a { color: #b1b1b1; -webkit-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in;} .copyright li a:hover { color: #4fe3c1; } /* Generic Page Title */ .genericContent { padding: 30px 4%; display: block; overflow: hidden; clear:both; width:100%; } /* Generic Page Title */ .titleBox { background: #f6f6f6 url("../images/genericTitleBg.jpg") repeat-x center bottom; min-height: 145px; padding: 40px; margin: 20px 0;} .pageTitle { background: #f6f6f6 url(../images/genericTitleBg.jpg) repeat-x center bottom; min-height: 145px; padding: 40px; margin: 20px 0;} .pageTitle h1 { font: 45px/55px 'Prometo-Bold', Helvetica, Arial, sans-serif; text-align: center; } .pageTitle p { display: block; clear: both; margin: 10px 0 0; font: 20px/26px 'Prometo-Light', Helvetica, Arial, sans-serif; text-align: center; } .pageTitle .tags { display: block; padding: 10px; overflow: hidden; text-align: center;} .pageTitle .tags li { text-align: center; display: inline-block; margin-right: 3px; font: 20px/22px 'Prometo-Bold', Helvetica, Arial, sans-serif;} .pageTitle .tags li:after { content: '/'; display: inline-block; margin-left: 5px; color: #333; font: 16px/18px 'Prometo-Light', Helvetica, Arial, sans-serif;} .pageTitle .tags li:first-child:after { display: none;} .pageTitle .tags li a { color: #333; font: 16px/18px 'Prometo-Light', Helvetica, Arial, sans-serif; border-bottom: dashed 1px #9e9e9e; display: inline-block;} .pageTitle .tags li a:hover { border-bottom: solid 1px #333; color: #333;} .pageTitle.noBg { background-color: transparent; background: none; padding-bottom: 0px;} .pageTitle .breadcrumbs { display: block; padding: 10px; overflow: hidden; text-align: center; margin-bottom: 30px;} .pageTitle .breadcrumbs li { text-align: center; display: inline-block; margin-right: 8px; font: 18px/22px 'Prometo-Light', Helvetica, Arial, sans-serif;} .pageTitle .breadcrumbs li:after { content: '\f054'; font-family: FontAwesome; font-size: 12px; line-height: 18px; display: inline-block; margin-left: 5px; color: #333;} .pageTitle .breadcrumbs li:last-child:after { display: none;} .pageTitle .breadcrumbs li a { color: #333; border-bottom: dashed 1px #9e9e9e; display: inline-block; margin-right: 8px; line-height: 18px;} .pageTitle .breadcrumbs li a:hover { border-bottom: solid 1px #333; color: #333;} .pageTitle hr { display: block; width: 34px; height: 1px; background-color: #4fe3c1; margin: 35px auto 5px; text-align: center; border: none;} .pageTitle .publish { display: block; padding: 10px; overflow: hidden; text-align: center; font: 16px/22px 'Prometo-Light', Helvetica, Arial, sans-serif;} .pageTitle .publish li { text-align: center; display: inline-block; margin-right: 7px; color: #9e9e9e; } .pageTitle .publish li span { margin: 0 8px;} .pageTitle .publish li a { color: #9e9e9e; border-bottom: dashed 1px #9e9e9e; display: inline-block; line-height: 18px;} .pageTitle .publish li a:hover { border-bottom: solid 1px #333; color: #333;} .pageTitle .publish li:after { content: '/'; display: inline-block; margin-left: 10px; color: #9e9e9e; font: 18px/18px 'Prometo-Light', Helvetica, Arial, sans-serif;} .pageTitle .publish li:last-child:after { display: none;} /* Content */ .content { padding:0px; display:block; overflow:hidden; clear:both;} .content .image { text-align: center; margin-bottom: 40px; display: block; overflow: hidden; clear: both;} .content .image img { max-width: 1200px;} .content p { font-size: 20px; line-height: 28px; margin: 0 0 20px 0;} .content a { border-bottom: dashed 1px #333; display: inline-block; line-height: 22px;} .content a:hover { border-bottom: solid 1px #333; color: #333;} .content h1 { margin:25px 0px; display: block; font: 28px/36px 'SourceSansPro-Bold', Helvetica, Arial, sans-serif;} .content h2 { margin:25px 0px; display: block; font: 24px/32px 'SourceSansPro-Bold', Helvetica, Arial, sans-serif;} .content h3 { margin:25px 0px; display: block; font: 22px/30px 'SourceSansPro-Bold', Helvetica, Arial, sans-serif;} .content h4 { margin:25px 0px; display: block; font: 20px/28px 'SourceSansPro-Bold', Helvetica, Arial, sans-serif;} .content h5 { margin:25px 0px; display: block; font: 18px/26px 'SourceSansPro-Bold', Helvetica, Arial, sans-serif;} .content h6 { margin:25px 0px; display: block; font: 16px/24px 'SourceSansPro-Bold', Helvetica, Arial, sans-serif;} .content .sectionTitle { font: 45px/55px 'Prometo-Bold', Helvetica, Arial, sans-serif; text-align: center; margin-bottom: 30px; } .content .title { margin:25px 0px; display: block; font: 30px/40px 'Prometo-Bold', Helvetica, Arial, sans-serif;} .content .title.right { text-align: right;} .content .title.center { text-align: center;} .content strong { font-family: 'SourceSansPro-Bold', Helvetica, Arial, sans-serif!important; font-weight: 700;} .content ul { margin: 20px 0 20px; padding: 0; overflow:hidden; display: block; } .content ul li { font-size: 20px; padding: 8px 0 8px 30px; list-style-type: none; line-height: 24px; margin: 0; background: url(../images/blackDotBullet.png) no-repeat 10px 14px; } .content ol { margin: 20px 0 20px; padding-left: 25px; list-style-position: outside; list-style-type: decimal; overflow:hidden; display: block; } .content ol li { font-size: 20px; padding: 8px 0 8px 5px; margin: 0;} .content blockquote { overflow:hidden; font-size:16px; line-height:1.5em; font-style:italic; margin:30px 30px 30px 0; padding:0 0 0 20px; border-left:1px solid #ccc; } .content blockquote span { font-size:.7em; display:block; } /* News and updates */ .newsBox { padding: 40px 0%; display: block; clear: both; overflow: hidden;} .newsBox .container { padding: 0 1%;} .news { width: 31%; text-align: center; margin: 1%; padding-bottom: 20px; max-width: 360px; float: left; display: block; border-top: solid 1px #e1e1e1; border-right: solid 1px #e1e1e1; border-bottom: solid 3px #727272; border-left: solid 1px #e1e1e1;} .news .imgBox img { width: 100%; height: auto; } .news ul { display: block; padding: 5px 2%; text-align: center;} .news li { text-align: center; display: inline-block; margin-left: 3px;} .news li:before { content: '/'; display: inline-block; margin-right: 5px; color: #9e9e9e; font-size: 14px;} .news li:first-child:before { display: none;} .news li a { color: #9e9e9e; font: 14px/20px 'SourceSansPro-Light', Helvetica, Arial, sans-serif; border-bottom: dashed 1px #9e9e9e; display: inline-block;} .news li a:hover { border-bottom: solid 1px #333; color: #333;} .news h3 { padding: 5px 2%; text-align: center; display: block; overflow: hidden; height: 56px; } .news h3 a { font: 22px/24px 'SourceSansPro-Regular', Helvetica, Arial, sans-serif; color:#333; } .news h3 a:hover { color: #000;} .news hr { display: block; width: 34px; height: 1px; background-color: #4fe3c1; margin: 15px auto; text-align: center; border: none;} .news span.date { text-align: center; color: #9e9e9e; font: 14px/20px 'SourceSansPro-Light', Helvetica, Arial, sans-serif; display: block;} .news p { text-align: center; display: block; overflow: hidden; height: 75px; font: 16px/24px 'SourceSansPro-Light', Helvetica, Arial, sans-serif; padding: 5px 4%; margin-bottom: 15px; } .news a.readMore { margin: 0 auto; display: inline-block; text-align: center; text-transform: uppercase; border-bottom: dashed 1px #333; font: 16px/24px 'SourceSansPro-Bold', Helvetica, Arial, sans-serif;} .news a.readMore:hover { border-bottom: solid 1px #4fe3c1; color: #4fe3c1;} /* Pagination */ .pagination { height: 46px; margin: 30px 0; text-align: center; clear:both; overflow:hidden; display:block;} .pagination ul { display: inline-block; margin-left: 0; margin-bottom: 0; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); } .pagination li { display: inline; } .pagination a, .pagination a:visited { font: 17px/24px 'SourceSansPro-Regular', Helvetica, Arial, sans-serif; float: left; padding: 3px 18px; line-height: 34px; text-decoration: none; border: 1px solid #ddd; border-left-width: 0; color:#333; } .pagination a:hover { background-color:#F2F2F2; } .pagination .active a { background-color: #999999; color: #fff; cursor: default; } .pagination .disabled span { float: left; padding: 3px 18px; line-height: 34px; text-decoration: none; border: 1px solid #ddd; border-left-width: 0; color:#999999; } .pagination li:first-child a { border-left-width: 1px; -webkit-border-radius: 3px 0 0 3px; -moz-border-radius: 3px 0 0 3px; border-radius: 3px 0 0 3px; } .pagination li:last-child a { -webkit-border-radius: 0 3px 3px 0; -moz-border-radius: 0 3px 3px 0; border-radius: 0 3px 3px 0; } .pagination-centered { text-align: center; } .pagination-right { text-align: right; } .pagination-left { text-align: left; } .pagination.DAT .active a { background-color: #004ea8; } .pagination.DIR .active a { background-color: #84329b; } /* socialBox */ .shareBox { padding: 20px 0%; margin-top: 60px; display: block; clear: both; overflow: hidden; border-top: solid 1px #dfdfdf; border-bottom: solid 1px #dfdfdf; font: 20px/28px 'Prometo-Bold', Helvetica, Arial, sans-serif;} .shareBox li { display: block; float: left; margin-right: 30px; } .shareBox li a:hover { color: #4fe3c1;} /* other-matdat-services */ .other-matdat-services { padding: 40px 0%; display: block; clear: both; overflow: hidden;} .other-matdat-services .service { display: block; float: left; overflow: hidden; width: 33.3%; padding: 20px; height: 335px; color: #fff; position: relative; border-right: solid 1px #fff; font: 14px/18px 'SourceSansPro-Light', Helvetica, Arial, sans-serif; } .other-matdat-services .service img { margin-bottom: 20px;} .other-matdat-services .service p { margin-bottom: 15px;} .other-matdat-services .service ul { display: block; overflow: hidden;} .other-matdat-services .service li { margin-bottom: 5px; display: block; padding-left: 20px; background: url(../images/bulletWhite.png) no-repeat 0 5px;} .other-matdat-services .service .buttons { position: absolute; bottom: 30px; left: 0; width: 100%; text-align: center;} .other-matdat-services .service .buttons a { display: inline-block; margin-right: 10px; margin-bottom: 10px; padding: 0 20px; height: 34px; -webkit-border-radius: 100px; -moz-border-radius: 100px; border-radius: 100px; font: 15px/30px 'Prometo-Regular', Helvetica, Arial, sans-serif; color: #fff; min-width: 170px;} .other-matdat-services .service .buttons a:hover { background-color: #fff; color: #333; border: solid 2px #fff!important;} .other-matdat-services .service.DAT-primary-bg { background: #004ea8 url(../images/DATServicesBg.jpg) repeat-x center bottom;} .other-matdat-services .service.DAT-primary-bg .buttons a { border: solid 2px #62a1e9;} .other-matdat-services .service.DIR-primary-bg { background: #84329b url(../images/DIRServicesBg.jpg) repeat-x center bottom;} .other-matdat-services .service.DIR-primary-bg .buttons a { border: solid 2px #c781da;} .other-matdat-services .service.REP-primary-bg { background: #00af66 url(../images/REPServicesBg.jpg) repeat-x center bottom;} .other-matdat-services .service.REP-primary-bg .buttons a { border: solid 2px #3fe5a0;} .other-matdat-services.two-in-row .service { width: 46%; margin: 0 2%; height: 475px; padding: 40px;} .other-matdat-services.two-in-row .service li { font-size: 18px; line-height: 24px; margin-bottom: 10px;} .other-matdat-services.two-in-row .service p { font-size: 18px; line-height: 26px; margin-bottom: 20px;} .other-matdat-services.two-in-row .service .buttons a { height: 46px; font: 20px/44px 'Prometo-Bold', Helvetica, Arial, sans-serif;} .other-matdat-services.two-in-row .service.DAT-primary-bg img { max-width: 478px; width: 90%;} .other-matdat-services.two-in-row .service.DIR-primary-bg img { max-width: 478px; width: 90%;} .other-matdat-services.two-in-row .service.REP-primary-bg img { max-width: 511px; width: 90%;} /* support box */ .supportBox { padding: 40px 4%; display: block; clear: both; overflow: hidden;} .supportBox .container.grey-bg { overflow: hidden; padding-top: 60px; padding-bottom: 40px;} .supportBox .container.grey-bg .sectionTitle { margin-bottom: 60px;} .supportBox .item3 .box { width: 29%!important;} .supportBox .box { width: 21%; margin: 15px 2%; float: left; display: block; position: relative; height: 240px; overflow: visible; text-align: center; border: solid 2px #303030; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;} .supportBox .box .icon { display: block; height: 105px; background-color: #303030; position: relative;} .supportBox .box .icon strong { width: 72px; height: 72px; text-align: center; padding-top: 10px; position: absolute; margin: 0 auto; left: 0; right: 0; top: -30px; background-color: #fff; border: solid 2px #303030; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%;} .supportBox .box h3 { display: block; position: absolute; left: 0; right: 0; bottom: 20px; color: #fff; font: 22px/30px 'Prometo-Bold', Helvetica, Arial, sans-serif;} .supportBox .box ul { display: block; background-color: #fff; padding: 15px 10px 10px;} .supportBox .box ul li { display: block; margin-bottom: 5px; font: 14px/18px 'Prometo-Regular', Helvetica, Arial, sans-serif;} .supportBox .box ul li a:hover { color: #333; border-bottom: dashed 1px #333; } .supportBox .box p { display: block; padding-top: 40px;} .supportBox .box p a { font: 18px/26px 'Prometo-Bold', Helvetica, Arial, sans-serif;} .supportBox .box p a:hover { color: #333; border-bottom: dashed 1px #333;} .supportBox .box span { background-color: #f6f6f6; position: absolute; bottom: 0; width: 100%; padding: 8px; text-align: center; display: block; font: 13px/14px 'Prometo-Regular', Helvetica, Arial, sans-serif;} .supportBox.DAT .box a { color: #004ea8;} .supportBox.DAT .box a:hover { color: #004ea8; border-color: #004ea8;} .supportBox.DIR .box a { color: #84329b;} .supportBox.DIR .box a:hover { color: #84329b; border-color: #84329b; } .supportBox.REP .box a { color: #00af66;} .supportBox.REP .box a:hover { color: #00af66; border-color: #00af66; } .supportBox.CAMPUS .box a { color: #0788c9;} .supportBox.CAMPUS .box a:hover { color: #0788c9; border-color: #0788c9; } /* office Hours */ .officeHours { padding: 40px 4%; display: block; clear: both; overflow: hidden;} .officeHours .container { overflow: hidden; } .officeHours .container ul li { display: block; float: left; padding: 30px 50px; margin-bottom: 10px; background-color: #f8f8f8; font: 35px/45px 'Prometo-Bold', Helvetica, Arial, sans-serif;} .officeHours .container ul li:first-child { border-right: solid 20px #fff; text-align: center;} .officeHours .container ul li span { font: 20px/30px 'Prometo-Light', Helvetica, Arial, sans-serif;} /* FAQ */ .faqBox { padding: 40px 4%; display: block; clear: both; overflow: hidden;} .faqBox .sectionTitle { margin-bottom: 50px;} .faq { border-top: 1px solid #e5e5e5; border-left: 1px solid #e5e5e5; border-right: 1px solid #e5e5e5; width: 80%; margin: 0 auto;} .faq a { position: relative; display: block; width: 100%; padding: 15px 50px 15px 20px; color: #333; border-bottom: 1px solid #e5e5e5; font: 22px/32px 'Prometo-Regular', Helvetica, Arial, sans-serif; -webkit-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in;} .faq a:hover, .faq a:hover:after { cursor: pointer; color: #666; } .faq a.active { color: #666; border-bottom: 1px solid #e9ecef;} .faq a:after { font-family: FontAwesome; content: '\f078'; position: absolute; float: right; right: 15px; top: 15px; font-size: 24px; color: #333; padding: 0; width: 35px; height: 35px; text-align: center; } .faq a.active:after { font-family: FontAwesome; content: '\f077'; color: #333; } .faq .inner { display: none; padding: 30px 30px 15px 30px; border-bottom: 1px solid #e9ecef; overflow: hidden; background-color: #fbfbfc; } .faq .inner p { font: 18px/26px 'SourceSansPro-Regular', Helvetica, Arial, sans-serif; margin-bottom: 15px;} .faq .inner ul { margin: 20px 0 20px; padding: 0; overflow:hidden; display: block; } .faq .inner ul li { padding: 8px 0 8px 30px; list-style-type: none; margin: 0; background: url(../images/blackDotBullet.png) no-repeat 10px 16px; font: 18px/26px 'SourceSansPro-Regular', Helvetica, Arial, sans-serif; } .faq .inner ol { margin: 20px 0 20px; padding-left: 25px; list-style-position: outside; list-style-type: decimal; overflow:hidden; display: block; font: 18px/26px 'SourceSansPro-Regular', Helvetica, Arial, sans-serif; } .faq .inner ol li { padding: 8px 0 8px 5px; margin: 0;} .faq .inner a { display: inline-block; position: static; width: auto; padding: 0; border-bottom: dashed 1px #333; font: 18px/20px 'SourceSansPro-Regular', Helvetica, Arial, sans-serif;} .faq .inner a:hover { border-bottom: solid 1px #333; color: #333;} .faq.DAT a { color: #004ea8;} .faq.DAT a:after { color: #004ea8;} .faq.DIR a { color: #84329b;} .faq.DIR a:after { color: #84329b;} .faq.REP a { color: #00af66;} .faq.REP a:after { color: #00af66;} .faq.CAMPUS a { color: #0788c9;} .faq.CAMPUS a:after { color: #0788c9;} /* resources box */ .resourcesBox { width: 46%; float: right; display: block; font: 16px/26px 'SourceSansPro-Regular', Helvetica, Arial, sans-serif;} .resourcesBox h2 { text-align: left;} .resourcesBox li { display: block; margin-bottom: 12px; padding-left: 18px; background: url(../images/bulletResources.png) no-repeat 0px 7px;} .resourcesBox li i { display: inline-block; margin-right: 10px; font-size: 12px ;} .resourcesBox li a { margin-right: 6px; font: 18px/24px 'SourceSansPro-Bold', Helvetica, Arial, sans-serif; border-bottom: dashed 1px #333;} .resourcesBox li a:hover { border-bottom: solid 1px #333;} .resourcesBox li span { display: inline-block; font: 12px/18px 'SourceSansPro-Regular', Helvetica, Arial, sans-serif; color: #7e7e7e;} /* contactInfo */ .contactInfo { padding: 0 4% 40px 4%; margin-top: -20px; display: block; clear: both; overflow: hidden;} .contactInfo .box { float: left; display: block; width: 33.3%; padding: 30px 3%; height: 450px; border-right: solid 1px #eeeeee; border-bottom: solid 1px #eeeeee; font: 20px/28px 'SourceSansPro-Regular', Helvetica, Arial, sans-serif;} .contactInfo .box.noBr { border-right: none;} .contactInfo .box h3 { margin-bottom: 30px; display: block; font: 35px/45px 'Prometo-Bold', Helvetica, Arial, sans-serif; } .contactInfo .box ul { margin-bottom: 20px;} .contactInfo .box li { display: block; margin-bottom: 6px; } .contactInfo .box li strong { font-family: 'Prometo-Bold', Helvetica, Arial, sans-serif; } .contactInfo .box .social ul { margin-bottom: 0px;} .contactInfo .box .social li { display: inline-block; margin-right: 12px; } .contactInfo .box .social li a { color: #b1b1b1; font-size: 28px } .contactInfo .box .social li a:hover { color: #4fe3c1; } .contactInfo .box .social li strong { font-family: 'Prometo-Bold', Helvetica, Arial, sans-serif; } .contactInfo .box .small-ghost-button { max-width: 100%; margin-top: 20px;} /* questionForm */ .questionForm { padding: 0px 4% 40px 4%; display: block; clear: both; overflow: hidden;} .questionForm p { margin-bottom: 30px ; font: 20px/26px 'SourceSansPro-Light', Helvetica, Arial, sans-serif;} .questionForm .form p { margin: 0px 0px 20px; padding: 0px; clear: both; line-height:20px; overflow: hidden; } .questionForm .form p span { margin-left: 10px; font: 16px/26px 'SourceSansPro-Regular', Helvetica, Arial, sans-serif;} .questionForm .form p .inputForm { border-radius: 4px; width: 100%; padding: 20px; line-height:16px; font-size: 12px; color: #333; border: 1px solid #cecece; font: 20px/24px 'SourceSansPro-Regular', Helvetica, Arial, sans-serif; } .questionForm .form p.inlineFields .inputForm { width: 48%; margin-right: 1%; float: left; } .questionForm .form p .textarea { width: 97%; border-radius: 4px; max-height:215px; min-height:215px; max-width:97%; min-width:97%; color: #333; padding: 10px 10px 10px 20px; border: 1px solid #cecece; font: 20px/24px 'SourceSansPro-Regular', Helvetica, Arial, sans-serif;} .questionForm .form p .inputForm.error, .questionForm .form p .textarea.error { background: #F7DFDF; border: 1px dashed #C00; color: #C00; } /* stepsBox */ .stepsBox { padding: 40px 4%; display: block; clear: both; overflow: hidden;} .wizard { display: block; clear: both; overflow: hidden; margin: 0 auto; width: 50%;} .wizard .wizard-step { padding: 0; position: relative; width: 33%; float: left;} .wizard .wizard-step .wizard-info { padding: 0 10%; color: #333; text-align: center; font: 16px/22px 'Prometo-Regular', Helvetica, Arial, sans-serif;} .wizard .wizard-step .wizard-info a { border-bottom: dashed 1px #333; text-decoration: none;} .wizard .wizard-step .wizard-info a:hover { border-bottom: solid 1px #333;} .wizard .wizard-step .wizard-dot { position: absolute; width: 42px; height: 42px; display: block; background-color: #fff; top: 24px; text-align: center; left: 50%; margin-top: -21px; margin-left: -21px; border-radius: 50%; font: 20px/38px 'Prometo-Bold', Helvetica, Arial, sans-serif; border: solid 2px #d0d0d0;} .wizard .wizard-step.disabled .wizard-dot { pointer-events: none; cursor: pointer; background-color: #d0d0d0; color: #fff;} .wizard .wizard-step.disabled .wizard-dot:after { opacity: 0;} .wizard .wizard-step.disabled .wizard-info { color: #d0d0d0; } .wizard .wizard-step .progress { position: relative; overflow: hidden; height: 6px; margin: 20px 0; background-color: #d0d0d0; border-radius: 0px; box-shadow: none;} .wizard .wizard-step:first-child .progress { left: 50%; width: 50%;} .wizard .wizard-step:last-child .progress { width: 50%;} .wizard .wizard-step .progress .progress-bar { float: left; width: 0; height: 100%; font-size: 12px; line-height: 20px; color: #fff; text-align: center; background-color: #d0d0d0; -webkit-transition: width .6s ease; transition: width .6s ease; } .wizard .wizard-step.complete .progress .progress-bar { width:100%;} .wizard .wizard-step.active .wizard-dot { pointer-events: none; cursor: pointer;} .wizard .wizard-step.active .progress .progress-bar { width:50%;} .wizard .wizard-step:first-child.active .progress .progress-bar { width:0%;} .wizard .wizard-step:last-child.active .progress .progress-bar { width: 100%;} /* signUpBox */ .signUpBox { padding: 40px 4%; display: block; clear: both; overflow: hidden;} .signUpBox .sectionTitle { margin: 20px 0 80px 0; } .signUpBox .leftCol { float: left; width: 48%; display: block; padding: 4%; margin-bottom: 40px; background-color: #e8f1fa; border: solid 5px #cfdfef; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;} .signUpBox .leftCol .form p { margin: 0px 0px 20px; padding: 0px; clear: both; line-height:20px; overflow: hidden; } .signUpBox .leftCol .form p.noOveflow { margin: 0px 0px 20px; padding: 0px; clear: both; line-height:20px; display: block; width: 100%; float: left; overflow:visible; } .signUpBox .leftCol .form p label { float:left; padding:6px 10px 0px 4px; display:inline-block; color: #333; margin-bottom:2px; font: 18px/24px 'SourceSansPro-Regular', Helvetica, Arial, sans-serif; } .signUpBox .leftCol .form p .inputForm { border-radius: 4px; width: 100%; padding: 18px; line-height:16px; font-size: 12px; color: #333; border: 1px solid #cecece; font: 20px/24px 'SourceSansPro-Regular', Helvetica, Arial, sans-serif; } .signUpBox .leftCol .form p .required { color: #FF0000; } .signUpBox .leftCol .form p input[type="checkbox"] + label a { border-bottom: dashed 1px #333;} .signUpBox .leftCol .form p input[type="checkbox"] + label a:hover { border-bottom: solid 1px #333;} .signUpBox .leftCol .form .paypalBox { margin: 0 0 60px 0; padding: 0px; clear: both; line-height:20px; overflow: hidden; } .signUpBox .leftCol .form .paypalBox li { display: block; float: left; width: 20%; text-align: right; } .signUpBox .leftCol .form .paypalBox li:first-child { width: 25%; padding-top: 10px; text-align: left;} .signUpBox .leftCol .form .paypalBox li:last-child { width: 55%; float: right; padding-left: 10px;} .signUpBox .leftCol .form .paypalBox li a.paypalBtn { background-color: #0054a5; text-align: center; padding: 8px 0 12px 0; width: 100%; display: block; float: right; margin-left: 10px; height: 48px; -webkit-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in; -webkit-border-radius: 100px; -moz-border-radius: 100px; border-radius: 100px; -webkit-box-shadow: 0px 3px 0px 0px rgba(37,59,128,1); -moz-box-shadow: 0px 3px 0px 0px rgba(37,59,128,1); box-shadow: 0px 3px 0px 0px rgba(37,59,128,1); } .signUpBox .leftCol .form .paypalBox li a.paypalBtn:hover { background-color: #253b80; } .signUpBox .leftCol .form .creditCards { margin: 0; padding: 0px; clear: both; line-height:20px; overflow: hidden; } .signUpBox .leftCol .form .creditCards ul { text-align: center; } .signUpBox .leftCol .form .creditCards li { display: inline-block; margin-right: 5px; } .signUpBox .leftCol .form p .inputForm.error, .signUpBox .leftCol .form p .textarea.error { background: #F7DFDF; border: 1px dashed #C00; color: #C00; } /* checkbox */ input[type="checkbox"] { display:none;} input[type="checkbox"] + label { color:#f2f2f2; margin-bottom: 50px;} input[type="checkbox"] + label span { display:inline-block; width:28px; height:26px; margin:-2px 10px 0 0; vertical-align:middle; background:url(../images/checkBox-radioButton.png) left top no-repeat; cursor:pointer;} input[type="checkbox"]:checked + label span { background:url(../images/checkBox-radioButton.png) -31px top no-repeat;} input.checkbox.blue[type="checkbox"] { display:none;} input.checkbox.blue[type="checkbox"] + label { color:#f2f2f2;} input.checkbox.blue[type="checkbox"] + label span { display:inline-block; width:28px; height:26px; margin:-2px 0 0 0; vertical-align:middle; background:url(../images/checkBox-radioButton.png) -124px top no-repeat; cursor:pointer;} input.checkbox.blue[type="checkbox"]:checked + label span { background:url(../images/checkBox-radioButton.png) -154px top no-repeat;} input.checkbox.blue[type="checkbox"] + label strong { border: 2px solid #62a1e9; flex: 1; margin-left: 5px; color: #fff; background-color: #004ea8; display: inline; padding: 7px 10px; width: 100%; max-width: 200px; text-align: center; font: 14px/16px 'Prometo-Regular', Helvetica, Arial, sans-serif; font-weight: normal; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in } .disable input.checkbox.blue[type="checkbox"] { display:none;} .disable input.checkbox.blue[type="checkbox"] + label { color:#f2f2f2;} .disable input.checkbox.blue[type="checkbox"] + label span { display:inline-block; width:28px; height:26px; margin:-2px 0 0 0; vertical-align:middle; background:url(../images/checkBox-radioButton.png) -185px top no-repeat; cursor:default;} .disable input.checkbox.blue[type="checkbox"]:checked + label span { background:url(../images/checkBox-radioButton.png) -154px top no-repeat;} /* radio button */ input[type="radio"] { display:none;} input[type="radio"] + label { color:#f2f2f2;} input[type="radio"] + label span { display:inline-block; width:26px; height:26px; margin:-2px 10px 0 0; vertical-align:middle; background:url(../images/checkBox-radioButton.png) -66px top no-repeat; cursor:pointer;} input[type="radio"]:checked + label span { background:url(../images/checkBox-radioButton.png) -94px top no-repeat; } /* select box */ .nice-select { -webkit-tap-highlight-color: transparent; background-color: #fff; color: #333; border-radius: 5px; border: solid 1px #cecece; clear: both; cursor: pointer; float: left; font: 20px/56px 'SourceSansPro-Regular', Helvetica, Arial, sans-serif; height: 60px; outline: none; padding-left: 18px; padding-right: 46px; position: relative; text-align: left !important; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; white-space: nowrap; } .nice-select:before { content: ''; background-color: #fff; position: absolute; right: 2px; top: 0; height: 100%; min-height: 100%; width: 46px; border-left: solid 1px #ccc; } .nice-select:after { content: '\f0d7'; font-size: 24px; font-family: FontAwesome; display: block; pointer-events: none; position: absolute; right: 16px; top: 0; -webkit-transition: all 0.15s ease-in-out; transition: all 0.15s ease-in-out; } .nice-select .current { display: block; overflow: hidden;} .nice-select.open:after { -webkit-transform: rotate(-180deg); -ms-transform: rotate(-180deg); transform: rotate(-180deg); } .nice-select.open .list { max-height: 390px; overflow-y: scroll; opacity: 1; pointer-events: auto; -webkit-transform: scale(1) translateY(0); -ms-transform: scale(1) translateY(0); transform: scale(1) translateY(0); } .nice-select.disabled { border-color: #ededed; color: #999; pointer-events: none; } .nice-select.disabled:after { border-color: #cccccc; } .nice-select.wide { width: 100%; } .nice-select.wide .list { left: 0 !important; right: 0 !important; } .nice-select.right { float: right; } .nice-select.right .list { left: auto; right: 0; } .nice-select .list { background-color: #fff; border-radius: 5px; box-shadow: 0 0 0 1px rgba(68, 68, 68, 0.11); margin-top: 4px; opacity: 0; overflow: hidden; padding: 0; pointer-events: none; position: absolute; top: 100%; left: 0; z-index: 9; max-height:210px; } .nice-select .list:hover .option:not(:hover) { background-color: transparent !important; } .nice-select .option { font-size: 18px; cursor: pointer; line-height: 40px; list-style: none; min-height: 40px; outline: none; padding-left: 18px; padding-right: 29px; text-align: left; -webkit-transition: all 0.2s; transition: all 0.2s; } .nice-select .option:hover, .nice-select .option.focus, .nice-select .option.selected.focus { background-color: #f6f6f6; } .nice-select .option.selected { font-weight: bold; } .nice-select .option.disabled { background-color: transparent; color: #999; cursor: default; } .no-csspointerevents .nice-select .list { display: none; } .no-csspointerevents .nice-select.open .list { display: block; } .nice-select.small { width: 100px; border: solid 1px #dddddd; height: 40px; font-size: 17px; line-height: 38px; } .nice-select.small .list { left: 0 !important; right: 0 !important; } .nice-select.small:before { width: 40px;} .nice-select.small:after { right: 13px;} .signUpBox .rightCol { float: right; width: 47%; display: block; font: 20px/28px 'SourceSansPro-Light', Helvetica, Arial, sans-serif; margin-bottom: 40px;} .signUpBox .rightCol p { font-size: 20px; line-height: 28px; margin: 0 0 20px 0;} .signUpBox .rightCol strong { font-family: 'SourceSansPro-Bold', Helvetica, Arial, sans-serif!important; font-weight: 700;} .signUpBox .rightCol h2 { font: 35px/45px 'Prometo-Bold', Helvetica, Arial, sans-serif; margin-bottom: 30px; } .signUpBox .rightCol h3 { font: 25px/35px 'Prometo-Bold', Helvetica, Arial, sans-serif; } .signUpBox .rightCol ul { margin: 20px 0 20px; padding: 0; overflow:hidden; display: block; } .signUpBox .rightCol ul li { font-size: 20px; padding: 8px 0 8px 56px; margin-bottom: 15px; list-style-type: none; background: url(../images/defaultCheckBullet.png) no-repeat 0px top; } .signUpBox .rightColol { margin: 20px 0 20px; padding-left: 25px; list-style-position: outside; list-style-type: decimal; overflow:hidden; display: block; } .signUpBox .rightCol ol li { font-size: 20px; padding: 8px 0 8px 5px; margin: 0;} .signUpBox .rightCol .testimonial { position: relative; padding: 7%; border: solid 3px #333; margin: 50px 0 0px 0; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .signUpBox .rightCol .testimonial span { background-color: #f6f6f6; display: block; width: 52px; height: 52px; position: absolute; top: -26px; left: -14px; font: 100px/100px 'Prometo-Bold', Helvetica, Arial, sans-serif; } .signUpBox .rightCol .testimonial p { margin-bottom: 0; font: 20px/28px 'Prometo-Light', Helvetica, Arial, sans-serif;} /* existing Users Box */ .existingUsersBox { padding: 40px 4%; display: block; clear: both; overflow: hidden; background-color: #fff;} .existingUsersBox h3 { font: 45px/55px 'Prometo-Bold', Helvetica, Arial, sans-serif; text-align: center; margin-bottom: 30px; } .existingUsersBox p { font: 20px/28px 'SourceSansPro-Light', Helvetica, Arial, sans-serif; text-align: center; margin-bottom: 10px; } .existingUsersBox p strong { font: 20px/28px 'SourceSansPro-Bold', Helvetica, Arial, sans-serif; text-align: center; } .existingUsersBox p strong a { border-bottom: dashed 1px #333;} .existingUsersBox p strong a:hover { border-bottom: solid 1px #333;} /* our mission */ .aboutUs { padding: 40px 4%; display: block; clear: both; overflow: hidden; } .textBox { display:block; margin-top:0; padding-top:10px; padding-bottom:10px; overflow:hidden; margin-bottom:40px;} .textBox .text { margin-bottom:20px; overflow:hidden; } .textBox .text h2 { font: 30px/40px 'Prometo-Bold', Helvetica, Arial, sans-serif; margin:10px 0 20px; text-transform:uppercase;} .textBox .text p { font: 20px/28px 'SourceSansPro-Light', Helvetica, Arial, sans-serif; margin-bottom: 15px;} .textBox .text strong { font: 20px/28px 'SourceSansPro-Bold', Helvetica, Arial, sans-serif;} .textBox .text ul { margin: 20px 0 20px; padding: 0; overflow:hidden; display: block; } .textBox .text ul li { font-size: 20px; padding: 8px 0 8px 30px; list-style-type: none; line-height: 24px; margin: 0; background: url(../images/blackDotBullet.png) no-repeat 10px 14px; } .textBox .text ol { margin: 20px 0 20px; padding-left: 25px; list-style-position: outside; list-style-type: decimal; overflow:hidden; display: block; } .textBox .text ol li { font-size: 20px; padding: 8px 0 8px 5px; margin: 0;} .textBox .text a { border-bottom: dashed 1px #333; display: inline-block; line-height: 22px;} .textBox .text a:hover { border-bottom: solid 1px #333; color: #333;} .textBox.firstRow { background: #fff url(../images/dashedDecorationImg1.jpg) no-repeat center bottom; padding-bottom:50px; } .textBox.firstRow img { margin-right:10%; } .textBox.secondRow { background: #fff url(../images/dashedDecorationImg2.jpg) no-repeat center bottom; padding-bottom:80px; } .textBox.secondRow img { margin-left:10%; } .textBox.thirdRow { background: #fff url(../images/dashedDecorationImg1.jpg) no-repeat center bottom; padding-bottom:72px; } .textBox.thirdRow img { margin-right:10%; } .textBox.forthRow { padding-bottom:0; } .textBox.forthRow img { margin-left:10%; } /* our team */ .ourTeam { padding: 40px 4%; display: block; clear: both; overflow: hidden; } .ourTeam .members { border-bottom: solid 1px #eeeeee; border-right: solid 1px #eeeeee; display: block; overflow: hidden; float: left; width: 50%;} .ourTeam .members.first { width: 100%; border-top: solid 1px #eeeeee;} .ourTeam .members.first, .ourTeam .members.third, .ourTeam .members.fifth { border-right: none;} .ourTeam .members .imgBox { width: 38%; float: left; display: block; max-width: 230px; padding: 40px 25px;} .ourTeam .members .imgBox img { max-width: 180px; height: auto; width: 100%;} .ourTeam .members .info { width: 62%; float: left; display: block; padding: 40px 10px;} .ourTeam .members .info h2 { font: 30px/40px 'Prometo-Bold', Helvetica, Arial, sans-serif; } .ourTeam .members .info h3 { font: 25px/35px 'Prometo-Light', Helvetica, Arial, sans-serif; margin-bottom: 15px; } .ourTeam .members .info p { font: 18px/24px 'SourceSansPro-Light', Helvetica, Arial, sans-serif; margin-bottom: 10px; } .ourTeam .members .info p strong { font-family: 'Prometo-Bold', Helvetica, Arial, sans-serif; text-transform: uppercase;} .ourTeam .members.first .imgBox { width: 20%;} .ourTeam .members.first .info { width: 80%;} /* our story */ .ourStory { padding: 40px 4%; display: block; clear: both; overflow: hidden;} .ourStory .storyBox { display: block; clear: both; overflow: hidden; position: relative; font: 18px/24px 'SourceSansPro-Light', Helvetica, Arial, sans-serif;} .ourStory .storyBox:after { content: ''; position: absolute; width: 100%; height: 1px; display: block; background-color: #fff; left: 0; bottom: 0;} .ourStory .storyBox .item { float: left; display: block; width: 33.3%; padding: 20px 2%;} .ourStory .storyBox .item.one, .ourStory .storyBox .item.four, .ourStory .storyBox .item.seven, .ourStory .storyBox .item.ten, .ourStory .storyBox .item.thirteen { border-bottom: solid 1px #eee; border-right: solid 1px #eee;} .ourStory .storyBox .item.two, .ourStory .storyBox .item.five, .ourStory .storyBox .item.eight, .ourStory .storyBox .item.eleven, .ourStory .storyBox .item.fourteen { border-bottom: solid 1px #eee; border-right: solid 1px #eee; } .ourStory .storyBox .item.three, .ourStory .storyBox .item.six, .ourStory .storyBox .item.nine, .ourStory .storyBox .item.twelve, .ourStory .storyBox .item.fifteen { border-bottom: solid 1px #eee; } .ourStory .storyBox .item p { margin-bottom: 15px;} .ourStory .storyBox .item h2 { font: 35px/40px 'Prometo-Bold', Helvetica, Arial, sans-serif;} .ourStory .storyBox .item h3 { font: 25px/35px 'Prometo-Light', Helvetica, Arial, sans-serif; margin-bottom: 10px;} .ourStory .storyBox .item a { border-bottom: dashed 1px #333;} .ourStory .storyBox .item a:hover { border-bottom: solid 1px #333;} .ourStory .storyBox .item li { margin-bottom: 3px; display: block; padding-left: 15px; background: url(../images/bulletResources.png) no-repeat 0 5px;} /* Banner */ .banner { padding: 40px 4%; display: block; clear: both; overflow: hidden; color: #333; text-align: center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-position: center bottom;} .banner .sectionTitle { margin-bottom: 20px;} .banner p { font: 20px/28px 'Prometo-Light', Helvetica, Arial, sans-serif; margin-bottom: 10px; } .banner .small-ghost-button { margin-top: 20px; display: inline-block; padding-left: 50px; padding-right: 50px;} .banner hr.white { display: block; height: 3px; width: 70px; margin-bottom: 15px; border: none; background-color: #fff;} /* partnerBanner */ .banner.partnerBanner { background-color: #F8F9FB; background-image: url('../images/becomeApartnerImg.jpg'); } .banner.partnerBanner .sectionTitle { display: block; max-width: 740px; margin: 0 auto 20px auto;} .banner.partnerBanner p { font: 20px/28px 'Prometo-Light', Helvetica, Arial, sans-serif; margin-bottom: 10px; display: block; max-width: 740px; margin: 0 auto; } /* directory customers */ .banner.directoryCustomersBanner { background-color: #fff; background-image: url('../images/directoryCustomersBanner.jpg'); } .banner.directoryCustomersBanner .sectionTitle { display: block; max-width: 840px; margin: 0 auto 40px auto;} .banner.directoryCustomersBanner .holderBox { margin: 0 auto; width: 68%;} .banner.directoryCustomersBanner h3 { text-transform: uppercase; font: 16px/24px 'Prometo-Bold', Helvetica, Arial, sans-serif; margin-bottom: 8px;} .banner.directoryCustomersBanner li { float: left; margin-bottom: 2px; display: block; width: 100%; text-align: left!important; padding: 1% 1% 1% 15px; background: url(../images/purpleBullet.png) no-repeat 0 8px; font: 18px/24px 'SourceSansPro-Regular', Helvetica, Arial, sans-serif;} .banner.directoryCustomersBanner .leftCol { padding-left: 8%; text-align: left; float: left; display: block; width: 50%; margin-bottom: 30px;} .banner.directoryCustomersBanner .rightCol { text-align: left; float: right; display: block; width: 50%; margin-bottom: 30px;} .banner.directoryCustomersBanner .clearBox { text-align: center; display: block; clear: both; overflow: hidden; margin-top: 30px; padding: 10px 0; } .banner.directoryCustomersBanner .clearBox a { max-width: 350px;} /* who is it for banner */ .banner.whoBanner { padding: 80px 16%; background-color: #58c99b; background-image: url('../images/whoBanner.jpg'); color: #fff; min-height: 394px; } .banner.whoBanner .sectionTitle { display: block; margin: 0 auto 20px auto;} .banner.whoBanner li { background: url(../images/whiteDotBullet.png) no-repeat 0px 10px; padding: 0 20px; font: 30px/38px 'Prometo-Bold', Helvetica, Arial, sans-serif; margin-bottom: 10px; display: inline-block; } /* campus banner */ .banner.campusBanner { padding: 80px 16%; text-align: center; background-image: url('../images/campusIntroBg.jpg'); color: #fff; min-height: 394px; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } .banner.campusBanner .sectionTitle { display: block; margin: 0 auto 20px auto;} .banner.campusBanner li { background: url(../images/whiteDotBullet.png) no-repeat 0px 12px; padding: 0 20px; font: 30px/38px 'Prometo-Bold', Helvetica, Arial, sans-serif; margin-bottom: 10px; display: inline-block; } /* header Banner */ .headerBanner { padding: 40px 4%; color: #fff; margin: 20px 0; display: block; clear: both; overflow: hidden; text-align: center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-image: url('../images/customersBanner.jpg');} .headerBanner ul { text-align: center; } .headerBanner ul li { display: inline-block; width: 20%; margin: 0 2%; border: solid 2px #fff; text-align: center; padding: 10px; background-color: rgba(0,0,0,0.3); max-width: 160px; font: 45px/55px 'Prometo-Bold', Helvetica, Arial, sans-serif; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;} .headerBanner ul li span { display: block; font: 18px/22px 'Prometo-Bold', Helvetica, Arial, sans-serif;} /* customers */ .customers { padding: 40px 4%; display: block; clear: both; overflow: hidden;} /* tabs */ .tabs { position: relative; margin-bottom: 20px;} .tabs .tabs-nav { margin: 0; padding: 0;} .tabs .tabs-nav .tabs-tab { position: relative; top: 0; display: inline-block; margin: 0; list-style: none; } .tabs .tabs-nav .tabs-anchor { background: #fff; padding: 20px 35px; display: inline-block; text-decoration: none; color: #333; font: 18px/22px 'Prometo-Regular', Helvetica, Arial, sans-serif; } .tabs .tabs-nav .tabs-state-active { background-color: #fff; } .tabs .tabs-nav .tabs-state-active .tabs-anchor { color: #333; background-color: #f8f8f8; pointer-events: none; cursor: pointer;} .tabs .tabs-panel { margin-bottom: 10px; padding: 40px 3%; display: none; background-color: #f8f8f8; } .tabs .tabs-accordion-title .tabs-anchor { position: relative; display: block; padding: 20px; background-color: #f8f8f8; color: #333; text-decoration: none; margin-bottom: 10px; font: 18px/22px 'Prometo-Regular', Helvetica, Arial, sans-serif; } .tabs .tabs-accordion-title .tabs-anchor:after { position: absolute; right: 10px; top: 20px;content: '\f078'; float: right; font-family: FontAwesome;} .tabs .tabs-accordion-title.tabs-state-active .tabs-anchor:after { content: '\f077'; float: right; font-family: FontAwesome; } .tabs .tabs-accordion-title.tabs-state-active .tabs-anchor { background-color: #f8f8f8; color: #333; margin-bottom: 0; border-bottom: solid 1px #e5e5e5; } .tabs .tabs-accordion-title { display: none; } .tabs .tabs-panel.tabs-state-active { display: block; padding: 40px 4%;} /* tabs DIR-heroPanel */ .tabs.DIR-heroPanel { position: relative; margin-bottom: 20px;} .tabs.DIR-heroPanel .tabs-nav { margin: 0; padding: 0;} .tabs.DIR-heroPanel .tabs-nav .tabs-tab { position: relative; top: 0; display: inline-block; margin: 0; list-style: none; } .tabs.DIR-heroPanel .tabs-nav .tabs-anchor { background: transparent; text-transform: uppercase; padding: 20px 35px; display: inline-block; text-decoration: none; color: #fff; font: 18px/22px 'Prometo-Bold', Helvetica, Arial, sans-serif; } .tabs.DIR-heroPanel .tabs-nav .tabs-state-active { background-color: #742689; } .tabs.DIR-heroPanel .tabs-nav .tabs-state-active .tabs-anchor { color: #fff; background-color: #742689; pointer-events: none; cursor: pointer;} .tabs.DIR-heroPanel .tabs-panel { margin-bottom: 10px; padding: 40px 3%; display: none; background-color: #742689; } .tabs.DIR-heroPanel .tabs-accordion-title .tabs-anchor { position: relative; display: block; padding: 20px; background-color: #f8f8f8; color: #333; text-decoration: none; margin-bottom: 10px; font: 18px/22px 'Prometo-Regular', Helvetica, Arial, sans-serif; } .tabs.DIR-heroPanel .tabs-accordion-title .tabs-anchor:after { position: absolute; right: 10px; top: 20px;content: '\f078'; float: right; font-family: FontAwesome;} .tabs.DIR-heroPanel .tabs-accordion-title.tabs-state-active .tabs-anchor:after { content: '\f077'; float: right; font-family: FontAwesome; } .tabs.DIR-heroPanel .tabs-accordion-title.tabs-state-active .tabs-anchor { background-color: #f8f8f8; color: #333; margin-bottom: 0; border-bottom: solid 1px #e5e5e5; } .tabs.DIR-heroPanel .tabs-accordion-title { display: none; } .tabs.DIR-heroPanel .tabs-panel.tabs-state-active { display: block; padding: 40px 4%;} /*DIR Form*/ .tabs.DIR-heroPanel .form { overflow: visible;} .tabs.DIR-heroPanel .form label { font: 13px/22px 'SourceSansPro-Regular', Helvetica, Arial, sans-serif; } .tabs.DIR-heroPanel .form .nice-select { height: 48px; font: 16px/46px 'SourceSansPro-Regular', Helvetica, Arial, sans-serif; border: solid 1px #fff; } .tabs.DIR-heroPanel .form .nice-select .option { font-size: 14px; line-height: 35px; min-height: 35px;;} .tabs.DIR-heroPanel .tabs-nav .tabs-tab a img { position: absolute; bottom: 12px; left: 20px;} .tabs.DIR-heroPanel .tabs-nav .tabs-anchor { padding: 20px 35px 14px 70px;} .DIR-heroPanel .small-ghost-rectangle-button { padding: 7px 0;} /*DAT Form*/ .DAT-heroPanel .form { overflow: visible;} .DAT-heroPanel .form label { font: 13px/22px 'SourceSansPro-Regular', Helvetica, Arial, sans-serif; } .DAT-heroPanel .form .nice-select { height: 48px; font: 16px/46px 'SourceSansPro-Regular', Helvetica, Arial, sans-serif; border: solid 1px #fff; } .DAT-heroPanel .form .nice-select .option { font-size: 14px; line-height: 35px; min-height: 35px;;} .DAT-heroPanel .small-ghost-rectangle-button { padding: 7px 0;} .pushButton { margin-top: 24px!important;} /* tabs customer testimonials */ .customerTestimonials .tabs { position: relative; margin-bottom: 20px;} .customerTestimonials .tabs .tabs-nav { margin: 0; padding: 0; overflow: hidden; clear: both;} .customerTestimonials .tabs .tabs-nav .tabs-tab { position: relative; width: 33.33%; text-align: center; top: 0; border-top: solid 5px #fff; display: block; float: left; margin: 0; list-style: none; } .customerTestimonials .tabs .tabs-nav .tabs-anchor { background: #fff; height: 157px; float: left; width: 100%; text-align: center; padding: 30px 35px 20px 35px; display: block; text-decoration: none; color: #333; font: 18px/22px 'Prometo-Bold', Helvetica, Arial, sans-serif; } .customerTestimonials .tabs .tabs-nav .tabs-anchor img { display: block; text-align: center; margin: 0 auto 5px auto; } .customerTestimonials .tabs .tabs-nav .tabs-state-active { background-color: #fff; border-top: solid 5px #004ea8; } .customerTestimonials .tabs .tabs-nav .tabs-state-active .tabs-anchor { color: #004ea8; background-color: #f8f8f8; pointer-events: none; cursor: pointer;} .customerTestimonials .tabs .tabs-panel { overflow: hidden; margin-bottom: 10px; padding: 40px 3%; display: none; background-color: #f8f8f8; } .customerTestimonials .tabs .tabs-accordion-title .tabs-anchor { position: relative; display: block; padding: 20px; background-color: #f8f8f8; color: #333; text-decoration: none; margin-bottom: 10px; font: 18px/22px 'Prometo-Regular', Helvetica, Arial, sans-serif; } .customerTestimonials .tabs .tabs-accordion-title .tabs-anchor:after { position: absolute; right: 10px; top: 20px;content: '\f078'; float: right; font-family: FontAwesome;} .customerTestimonials .tabs .tabs-accordion-title.tabs-state-active .tabs-anchor:after { content: '\f077'; float: right; font-family: FontAwesome; } .customerTestimonials .tabs .tabs-accordion-title.tabs-state-active .tabs-anchor { background-color: #f8f8f8; color: #333; margin-bottom: 0; border-bottom: solid 1px #e5e5e5; } .customerTestimonials .tabs .tabs-accordion-title { display: none; } .customerTestimonials .tabs .tabs-panel.tabs-state-active { display: block; padding: 40px 4%;} /* signle customer*/ .singleCustomer { padding: 4%; background-color: #fff; border: solid 2px #e5e5e5; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; display: block; clear: both; overflow: hidden; } .singleCustomer .leftCol { float: left; display: block; padding-right: 3%; width: 60%; border-right: solid 1px #e5e5e5;} .singleCustomer .leftCol h3 { font: 30px/36px 'Prometo-Light', Helvetica, Arial, sans-serif; margin-bottom: 20px;} .singleCustomer .leftCol h3 strong { font-family: 'Prometo-Bold', Helvetica, Arial, sans-serif;} .singleCustomer .leftCol p { font: 18px/24px 'SourceSansPro-Light', Helvetica, Arial, sans-serif; margin-bottom: 10px; } .singleCustomer .rightCol { float: right; display: block; width: 40%; padding-left: 3%; } .singleCustomer .rightCol .imgBox { text-align: center; padding: 20px; margin-bottom: 20px; border: solid 1px #e5e5e5; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .singleCustomer .rightCol ul li { display: block; margin-bottom: 10px; font: 20px/28px 'Prometo-Light', Helvetica, Arial, sans-serif; } .singleCustomer .rightCol ul li strong { font: 20px/28px 'Prometo-Bold', Helvetica, Arial, sans-serif;} .singleCustomer .rightCol ul li div { padding: 5px 10px; overflow: hidden; margin: 10px 0; font: 16px/20px 'Prometo-Light', Helvetica, Arial, sans-serif; color: #fff; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;} .singleCustomer .rightCol ul li div img { margin: 3px 10px 0 5px; float: left; margin-top: 3px;} .singleCustomer .rightCol ul li div span { float: left; padding-top: 10px;} /* variousIndustries */ .variousIndustries { padding: 60px 0 20px; display: block; clear: both; overflow: hidden;} .introIcons { background-color: #fff; padding: 25px 4%; border: solid 1px #e4e4e4; clear: both; overflow: hidden;} .introIcons li { width: 33.3%; text-align: center; display: block; float: left; font: 20px/28px 'Prometo-Bold', Helvetica, Arial, sans-serif;} .introIcons li img { text-align: center; display: block; margin: 0 auto 10px;} .introIcons.four-icons-row li { width: 25%;} .introIcons.lightDATc { border: none; padding: 25px 2%; margin-bottom: 80px; } .introIcons.lightDATc li { float: left; width: 32%; padding-left: 10px; text-align: left; margin-right: 10px; text-transform: uppercase; font: 20px/28px 'Prometo-Bold', Helvetica, Arial, sans-serif;} .introIcons.lightDATc li span { display: block; text-transform: none; font: 14px/18px 'SourceSansPro-Regular', Helvetica, Arial, sans-serif;} .introIcons.lightDATc li img { float: left; margin-right: 20px;} .introIcons.lightDATc li:last-child { margin-right: 0;} /* exclusive Customers */ .exclusiveCustomers { padding: 60px 0 40px; overflow: hidden; display: block; clear: both; margin-left: -2%;} .exclusiveCustomers .itemBox { width: 31.33%; float: left; display: block; margin: 0 0 15px 2%; } .exclusiveCustomers .itemBox .imgBox { padding: 25px; border: solid 1px #e4e4e4; background-color: #fff; text-align: center; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;} .exclusiveCustomers .itemBox .imgBox img { max-width: 277px; max-height: 117px; height: auto; width: 100%;} .exclusiveCustomers .companyInfo { margin-top: -1px; width: 100%; padding: 20px; background: url(../images/cornerDown.png) no-repeat 40px 0;} .exclusiveCustomers .companyInfo h3 { font: 20px/28px 'Prometo-Bold', Helvetica, Arial, sans-serif;} .exclusiveCustomers .companyInfo p { font: 18px/26px 'Prometo-Light', Helvetica, Arial, sans-serif;} /* customer List */ .customerList { padding: 60px 0 40px; overflow: hidden; display: block; clear: both; border-top: solid 1px #e5e5e5;} .customerList li { margin: 5px 2%; display: block; float: left; width: 29%; padding: 5px 5px 5px 25px; background: url(../images/bulletResources.png) no-repeat 0 8px;} /* howMatdat */ .howMatdat { background-color: #fff; padding: 4%; overflow: hidden; display: block; clear: both;} .howMatdat .leftCol { float: left; width: 50%; display: block; padding: 0 2% 0 8%;} .howMatdat .rightCol { float: right; width: 50%; display: block; padding: 0 8% 0 2%;} .howMatdat .col { display: block; overflow: hidden; clear: both; margin-bottom: 20px; min-height: 80px;} .howMatdat .col h3 { font: 18px/26px 'Prometo-Bold', Helvetica, Arial, sans-serif; } .howMatdat .col p { font: 16px/20px 'SourceSansPro-Regular', Helvetica, Arial, sans-serif; } .howMatdat .leftCol img { float: right; margin-left: 10px;} .howMatdat .leftCol h3 { text-align: right;} .howMatdat .leftCol p { text-align: right;} .howMatdat .rightCol img { float: left; margin-right: 10px;} .howMatdat .rightCol h3 { text-align: left;} .howMatdat .rightCol p { text-align: left;} /* customer List */ .benefitBox { padding: 40px 0 0; overflow: hidden; display: block; clear: both;} .benefitBox .item { background-color: #fff; float: left; display: block; margin: 20px 1%; padding: 30px 2%; width: 23%; text-align: center;} .benefitBox .item img { margin-bottom: 10px;} .benefitBox .item h3 { font: 18px/26px 'Prometo-Bold', Helvetica, Arial, sans-serif; margin-bottom: 10px;} .benefitBox .item p { font: 16px/20px 'SourceSansPro-Regular', Helvetica, Arial, sans-serif; } .tryService { padding: 4%; overflow: hidden; display: block; clear: both; font: 18px/22px 'SourceSansPro-Light', Helvetica, Arial, sans-serif; color: #fff; text-align: center;} .tryService.DAT { background: #004ea8 url(../images/datBgHeroPanel.jpg) no-repeat center bottom;} .tryService.DIR { background: #84329b url(../images/dirBgHeroPanel.jpg) no-repeat center bottom;} .tryService.REP { background: #00af66 url(../images/repBgHeroPanel.jpg) no-repeat center bottom;} .tryService .leftCol { float: left; width: 50%; display: block; padding: 0 4% 0 8%; border-right: solid 1px #fff; text-align: right;} .tryService .rightCol { float: right; width: 50%; display: block; padding: 0 8% 0 4%; text-align: left;} .tryService p { margin-bottom: 10px;} .tryService .buttons { padding: 30px 0 0 0; overflow: hidden; clear: both; width: 100%;} .tryService .buttons .small-ghost-button { max-width: 300px; margin-left: 5px; margin-right: 5px;} .tryService.DAT .small-ghost-button { border: 2px solid #62a1e9; color: #fff; } .tryService.DAT .small-ghost-button:hover { color: #333; background-color: #fff; border: 2px solid #fff;} .tryService.DIR .small-ghost-button { border: 2px solid #c781da; color: #fff; } .tryService.DIR .small-ghost-button:hover { color: #333; background-color: #fff; border: 2px solid #fff;} .tryService.REP .small-ghost-button { border: 2px solid #3fe5a0; color: #fff; } .tryService.REP .small-ghost-button:hover { color: #333; background-color: #fff; border: 2px solid #fff;} .customer .tryService.DIR { background: transparent; color: #333; border: solid 1px #d0d0d0; margin-bottom: 20px;} .customer .tryService.DIR .leftCol { border-right: solid 1px #d0d0d0;} /* heroPanel */ .heroPanel { padding: 0; color: #fff; margin: 0; display: block; clear: both; } .heroPanel .subNav { padding: 20px 0; border-bottom: solid 1px #fff;} .heroPanel .subNav a { position: relative; color: #fff; font: 16px/24px 'Prometo-Bold', Helvetica, Arial, sans-serif; text-transform: uppercase; -webkit-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in;} .heroPanel .subNav a:before { content: ''; display: block; position: absolute; width: 0; height: 2px; left: 50%; bottom: -2px; background-color: #fff; -webkit-transform: translate(-50%,0); -moz-transform: translate(-50%,0); -ms-transform: translate(-50%,0); -o-transform: translate(-50%,0); transform: translate(-50%,0); } .heroPanel .subNav li:hover a:before { content: ''; width: 80%; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; } .heroPanel .subNav li { display: inline-block; margin: 0 10px;} .heroPanel.DAT { background-color: #004ea8; } .heroPanel.DAT .subNav { text-align: left;} .heroPanel.DAT .subNav a.selected { color: #81bcfe;} .heroPanel.DAT .subNav a.selected:before { background-color: #81bcfe; } .heroPanel.DIR { background-color: #84329b;} .heroPanel.DIR .subNav { text-align: center;} .heroPanel.DIR .subNav a.selected { color: #eba3ff;} .heroPanel.DIR .subNav a.selected:before { background-color: #eba3ff; } .heroPanel.REP { background-color: #00af66;} .heroPanel.REP .subNav { text-align: right;} .heroPanel.REP .subNav a.selected { color: #9dffd6;} .heroPanel.REP .subNav a.selected:before { background-color: #9dffd6; } /* heroBox */ .heroBox { padding: 40px 4%; display: block; clear: both; } .heroBox .sectionTitle { margin-bottom: 50px;} .heroBox .leftCol { float: left; width: 50%; display: block; padding: 0 4% 0 6%; border-right: solid 1px #fff;} .heroBox .rightCol { float: right; width: 50%; display: block; padding: 0 6% 0 4%;} .heroBox .col { display: block; overflow: hidden; clear: both; } .heroBox .col p { font: 20px/24px 'SourceSansPro-Light', Helvetica, Arial, sans-serif; margin-bottom: 5px; } .heroBox .col:first-child { margin-bottom: 20px; } .heroBox .leftCol p { text-align: right;} .heroBox .rightCol p { text-align: left;} .heroPanel.DAT .heroBox { background: url(../images/datBgHeroPanel.jpg) repeat-x center bottom;} .heroPanel.DIR .heroBox { background: url(../images/dirBgHeroPanel.jpg) repeat-x center bottom;} .heroPanel.REP .heroBox { background: url(../images/repBgHeroPanel.jpg) repeat-x center bottom;} .heroBox .clearBox { padding: 30px 2% 20px; display: block; clear: both;} .heroBox .clearBox h2.subTitle { font: 30px/38px 'Prometo-Bold', Helvetica, Arial, sans-serif; text-align: center; margin-bottom: 20px; } .heroBox .clearBox .form { margin: 0px 0px 20px; display: block; clear: both; width: 100%; } .heroBox .clearBox .form p { margin: 0px; padding: 0px 2%; clear: both; line-height:20px; float: left; width: 100%; } .heroBox .clearBox .form p .inputForm { border-radius: 4px; width: 100%; padding: 15px; line-height:18px; font-size: 12px; color: #333; border: none; font: 16px/18px 'SourceSansPro-Regular', Helvetica, Arial, sans-serif; } .heroBox .clearBox .form p .inputForm.error, .heroBox .clearBox .form p .textarea.error { background: #F7DFDF; border: 1px dashed #C00; color: #C00; } .heroBox .clearBox .form.customWith { width: 50%; margin: 0 auto; } /* testimonial Box */ .testimonialBox { padding: 40px 4%; display: block; clear: both; overflow: hidden; } .testimonialBox .testimonial { position: relative; padding: 5%; margin: 50px 10% 0px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .testimonialBox .testimonial span { display: block; width: 52px; height: 52px; position: absolute; top: -26px; left: -14px; font: 100px/100px 'Prometo-Bold', Helvetica, Arial, sans-serif; } .testimonialBox .testimonial p { margin-bottom: 0; font: 35px/42px 'Prometo-Light', Helvetica, Arial, sans-serif;} .testimonialBox .testimonial p strong { font-family: 'Prometo-Bold', Helvetica, Arial, sans-serif;} .testimonialBox .sourceInfo { position: relative; margin: -3px 10% 0 10%; width: 70%; padding: 30px 0 0 5%; } .testimonialBox .sourceInfo p { font: 18px/26px 'SourceSansPro-Light', Helvetica, Arial, sans-serif;} .testimonialBox .sourceInfo p strong { font-family: 'SourceSansPro-Bold', Helvetica, Arial, sans-serif;} .testimonialBox .sourceInfo p a { border-bottom: dashed 1px #333;} .testimonialBox .sourceInfo p a:hover { border-bottom: solid 1px #333;} .testimonialBox .DAT .testimonial { border: solid 3px #004ea8; } .testimonialBox .DAT .testimonial span { background-color: #fff; color: #004ea8;} .testimonialBox .DIR .testimonial { border: solid 3px #84329b; } .testimonialBox .DIR .testimonial span { background-color: #fff; color: #84329b;} .testimonialBox .REP .testimonial { border: solid 3px #00ae65; } .testimonialBox .REP .testimonial span { background-color: #fff; color: #00ae65;} .testimonialBox .DAT .sourceInfo { background: url(../images/cornerDownDAT.png) no-repeat 10% 0;} .testimonialBox .DIR .sourceInfo { background: url(../images/cornerDownDIR.png) no-repeat 10% 0;} .testimonialBox .REP .sourceInfo { background: url(../images/cornerDownREP.png) no-repeat 10% 0;} /* Generic Page Title */ .REPContent { padding: 60px 4%; display: block; overflow: hidden; clear:both; width:100%; } /* infographic */ .infographic { padding: 0 4% 4%; display: block; overflow: hidden; clear:both; width:100%; } .infographic .container { border-top: solid 1px #eeeeee; border-bottom: solid 1px #eeeeee; overflow: hidden;} .infographic .leftCol { padding: 4%; float: left; width: 50%; border-right: solid 1px #eeeeee; display: block;} .infographic .leftCol ul { display: block; margin-bottom: 30px; overflow: hidden; } .infographic .leftCol li { display: block; margin-bottom: 10px; min-height: 40px; padding: 5px; font: 20px/26px 'SourceSansPro-Regular', Helvetica, Arial, sans-serif; } .infographic .leftCol li span { float: left; display: block; background-color: #00af66; width: 36px; padding-left: 3px; height: 36px; text-align: center; margin-right: 20px; margin-top: -5px; color: #fff; font: 20px/36px 'Prometo-Regular', Helvetica, Arial, sans-serif; -webkit-border-radius: 100px; -moz-border-radius: 100px; border-radius: 100px;} .infographic .leftCol a { color: #00af66; border-bottom: dashed 1px #00af66;} .infographic .leftCol a:hover { border-bottom: solid 1px #00af66;} .infographic .rightCol { padding: 4% 0 4% 4%; float: right; width: 50%; display: block;} .infographic .rightCol img { width: 100%; height: auto; max-width: 614px;} .infographic .rightCol a { border-bottom: dashed 1px #333; display: inline-block; line-height: 22px;} .infographic .rightCol a:hover { border-bottom: solid 1px #333; color: #333;} /* REP-text-list */ .REP-text-list { padding: 0 4%; display: block; overflow: hidden; clear:both; } .REP-text-list .textBox.firstRow { background-image: none; border-bottom: solid 1px #eee;} .REP-text-list .textBox.firstRow .floatLeftBox { margin-right: 10%; float: left; text-align: center; font-size: 14px; font-style: italic; } .REP-text-list .textBox.secondRow { background-image: none; border-bottom: solid 1px #eee; margin-bottom: 0; padding-bottom: 40px;} .REP-text-list .textBox.secondRow .floatRightBox { margin-left: 10%; float: right; text-align: center; font-size: 14px; font-style: italic; } .REP-text-list .textBox .text p strong { font-family: 'SourceSansPro-Bold', Helvetica, Arial, sans-serif;} /* DAT-text-list */ .DAT-text-list { padding: 0 4%; display: block; overflow: hidden; clear:both; } .DAT-text-list .textBox.firstRow { background-image: none; border-bottom: solid 1px #eee;} .DAT-text-list .textBox.firstRow img { margin-right: 5%;} .DAT-text-list .textBox.secondRow { background-image: none; border-bottom: solid 1px #eee; margin-bottom: 0; padding-bottom: 40px;} .DAT-text-list .textBox.secondRow img { margin-left: 5%;} .DAT-text-list .textBox .text p strong { font-family: 'SourceSansPro-Bold', Helvetica, Arial, sans-serif;;} /* DAT-text-list */ .DIR-text-list { padding: 0 4%; display: block; overflow: hidden; clear:both; } .DIR-text-list .textBox.firstRow { background-image: none; border-bottom: solid 1px #eee;} .DIR-text-list .textBox.secondRow { background-image: none; border-bottom: solid 1px #eee; margin-bottom: 0; padding-bottom: 40px;} .DIR-text-list .textBox .text p strong { font-family: 'SourceSansPro-Bold', Helvetica, Arial, sans-serif;;} /* sponsors and partners */ .featured-labs-institutes { padding: 60px 4% 0 4%; display: block; overflow: hidden; clear:both; width:100%; position:relative;} .labs-institutes-slider { display:inline-block; clear:both; width:100%; position:relative; padding: 25px;} .labs-institutes-slider .slides > li { min-height: 280px; text-align: left; position:relative; padding:10px 10px 65px 10px; margin-right:15px; margin-left:15px; background-color: #f8f8f8; border-top: solid 10px #84329b; border-right: solid 1px #eaeaea; border-bottom: solid 1px #eaeaea; border-left: solid 1px #eaeaea; } .labs-institutes-slider .slides > li .imgBox { position: relative; width: 118px; height: 110px; display: block; float: left; padding:8px; margin-right:15px; background-color: #fff; border: solid 1px #eaeaea; } .labs-institutes-slider .slides > li img { height:auto; max-width:96px; max-height:92px; left:0; right:0; top:0; bottom:0; margin: auto; position:absolute; text-align:center;} .labs-institutes-slider .slides > li .holder { display: block; overflow: hidden; } .labs-institutes-slider .slides > li .holder h2 { font: 18px/26px 'Prometo-Bold', Helvetica, Arial, sans-serif; margin-bottom: 10px; } .labs-institutes-slider .slides > li .holder p { font: 14px/22px 'SourceSansPro-Regular', Helvetica, Arial, sans-serif; margin-bottom: 10px; text-transform: uppercase; } .labs-institutes-slider .slides > li .holder li { float: left; display: block; padding-left: 20px; margin-right: 10px; font: 16px/24px 'SourceSansPro-Light', Helvetica, Arial, sans-serif; background: url('../images/purpleDotBullet.png') no-repeat 0 8px;} .labs-institutes-slider .slides > li .clearBox { display: block; clear: both; overflow: hidden; position: absolute; bottom: 0; left: 0; right: 0; margin: 0 auto; width: 96%; border-top: solid 1px #eaeaea;} .labs-institutes-slider .slides > li .clearBox li { float: left; display: block; margin-right: 5px; border-left: solid 3px #84329b; background-color: #fff; padding: 5px 15px; font: 16px/24px 'SourceSansPro-Regular', Helvetica, Arial, sans-serif;} .labs-institutes-slider .flex-viewport { padding:0; margin:0 30px;} .labs-institutes-slider .flex-direction-nav a { text-decoration: none; text-indent: -999em; display: block; width: 30px; text-align:center; height: 38px; margin: 0; position: absolute; top: 136px; z-index: 10; overflow: hidden; opacity: 0.5; cursor: pointer; color: #fff; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .labs-institutes-slider .flex-direction-nav .flex-prev { left:5px; background: transparent url(../images/sliderArrows.png) no-repeat 0 0; } .labs-institutes-slider .flex-direction-nav .flex-prev:hover { opacity: .9; } .labs-institutes-slider .flex-direction-nav .flex-next { right: 5px; padding-left:2px; background: transparent url(../images/sliderArrows.png) no-repeat -31px 0px; } .labs-institutes-slider .flex-direction-nav .flex-next:hover { opacity: .9; } .labs-institutes-slider .flex-direction-nav .flex-disabled { opacity: 0; filter: alpha(opacity=0); cursor: default; } /* connect provider box */ .connect-provider-box { padding: 60px 4% 20px 4%; display: block; overflow: hidden; clear:both; width:100%;} .connect-provider-box .buttonBox { padding: 40px 10%; display: block; overflow: hidden; clear: both;} .connect-provider-box .buttonBox a { max-width: 410px; margin: 0 auto;} .connect-provider-box .buttonBox p { text-align: center; margin: 5px; font: 16px/24px 'Prometo-Regular', Helvetica, Arial, sans-serif;} .wrapp { padding: 0; display: block; overflow: hidden; clear:both; width:100%;} .stepBox { width: 33%; padding: 0 4%; float: left; display: block; overflow: hidden; text-align: center; } .stepBox.pushTop { margin-top: 50px;} .stepBox .wizBox { width: 63px; margin: 0 auto 15px auto; height: 180px; position: relative; background: url(../images/purpleDot.gif) repeat-y center top;} .stepBox .wizBox p { display: block; width: 100%; color: #84329b; background-color: #fff; padding: 5px 0; text-align: center; border-bottom: solid 3px #84329b; font: 45px/45px 'Prometo-Bold', Helvetica, Arial, sans-serif;} .grey-bg .stepBox .wizBox p { background-color: #f6f6f6; } .stepBox .wizBox img { display: block; clear: both; position: absolute; bottom: 0;} .stepBox h3 { font: 18px/26px 'Prometo-Bold', Helvetica, Arial, sans-serif; margin-bottom: 10px; } .stepBox p { font: 16px/22px 'SourceSansPro-Regular', Helvetica, Arial, sans-serif; } /* howMatdat */ .getListed { padding: 4%; overflow: hidden; display: block; clear: both;} .getListed.bannerImg { padding: 40px 4% 20px; overflow: hidden; display: block; clear: both; background-color: #fff; background-image: url('../images/directoryCustomersBanner.jpg'); -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-position: center bottom;} .getListed .sectionSubTitle { margin-bottom: 20px;} .getListed hr.DAT { margin-bottom: 40px;} .getListed hr.DIR { margin-bottom: 40px;} .getListed hr.REP { margin-bottom: 40px;} .getListed .leftCol { float: left; width: 50%; display: block; padding: 0 2% 0 8%;} .getListed .rightCol { float: right; width: 50%; display: block; padding: 0 8% 0 2%;} .getListed .col { display: block; overflow: hidden; clear: both; margin-bottom: 20px; min-height: 80px;} .getListed .col h3 { font: 18px/26px 'Prometo-Bold', Helvetica, Arial, sans-serif; } .getListed .col p { font: 16px/20px 'SourceSansPro-Regular', Helvetica, Arial, sans-serif; } .getListed .leftCol img { float: right; margin-left: 10px;} .getListed .leftCol h3 { text-align: right;} .getListed .leftCol p { text-align: right;} .getListed .rightCol img { float: left; margin-right: 10px;} .getListed .rightCol h3 { text-align: left;} .getListed .rightCol p { text-align: left;} .getListed .buttonBox { padding: 30px 10%; display: block; overflow: hidden; clear: both;} .getListed .buttonBox .big-button.DIRgreenC { max-width: 410px; margin: 0 auto;} .getListed .buttonBox p { text-align: center; margin: 5px; font: 16px/24px 'Prometo-Regular', Helvetica, Arial, sans-serif;} .getListed .buttonBox i { font-size: 14px; margin: 0 4px; overflow: hidden;} /* howMatdat */ .customerTestimonials { padding: 60px 4% 0 4%; display: block; overflow: hidden; clear:both; width:100%;} .customerTestimonials .sectionTitle { margin-bottom: 80px;} .customerTestimonials .tabs .tabs-panel .leftCol { width: 70%; float: left; display: block; border-right: solid 1px #cfcfcf; padding-right: 20px; } .customerTestimonials .tabs .tabs-panel .leftCol p { font: 20px/28px 'Prometo-Light', Helvetica, Arial, sans-serif; margin-bottom: 15px; } .customerTestimonials .tabs .tabs-panel .leftCol a { color: #004ea8; border-bottom: dashed 1px #004ea8; } .customerTestimonials .tabs .tabs-panel .leftCol a:hover { border-bottom: solid 1px #004ea8; } .customerTestimonials .tabs .tabs-panel .rightCol { width: 30%; float: left; display: block; text-align: center; padding-left: 30px; } .customerTestimonials .tabs .tabs-panel .rightCol .imgBox { margin-bottom: 10px;} .customerTestimonials .tabs .tabs-panel .rightCol .imgBox img { width: 100%; max-width: 210px; height: auto; max-height: 130px;} .customerTestimonials .tabs .tabs-panel .rightCol p { margin-bottom: 10px; font: 20px/28px 'Prometo-Light', Helvetica, Arial, sans-serif;} .customerTestimonials .tabs .tabs-panel .rightCol .small-button { padding-left: 15px; padding-right: 15px; width: 100%;} /* why Box */ .whyBox { padding: 60px 4%; display: block; overflow: hidden; clear:both; width:100%;} .whyBox .box { float: left; display: block; width: 33.3%; padding: 0 30px; overflow: visible;} .whyBox .box h2 { color: #fff; text-align: center; font: 25px/35px 'Prometo-Bold', Helvetica, Arial, sans-serif; padding: 10px 5px; background-color: #004ea8; margin-bottom: 8px; } .whyBox .box li { display: block; height: 88px; position: relative; background-color: #ecf5fe; margin-bottom: 8px; padding: 10px 15px; font: 18px/22px 'SourceSansPro-Light', Helvetica, Arial, sans-serif; } .whyBox .box li:after { content: ''; top: 28px; width: 47px; height: 28px; position: absolute; right: -54px; background: url(../images/arrowRight.png) repeat-y 0 center; } .whyBox .box.custom li:after { content: ''; background-image: none; } /* Accordion */ .accordionBox { padding: 60px 4%; display: block; clear: both; overflow: hidden;} .accordionBox .sectionTitle { margin-bottom: 50px;} .accordion { padding: 5px 20px 20px 20px; background-color: #fff; margin: 0 auto;} .accordion a.trigger { position: relative; display: block; width: 100%; padding: 15px 50px 15px 20px; color: #333; border-bottom: 1px solid #e5e5e5; font: 25px/35px 'Prometo-Regular', Helvetica, Arial, sans-serif; -webkit-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in;} .accordion a.trigger:hover, .accordion a.trigger:hover:after { cursor: pointer; color: #666; } .accordion a.trigger.active { color: #666; border-bottom: 1px solid #e9ecef;} .accordion a.trigger:after { font-family: FontAwesome; content: '\f078'; position: absolute; float: right; right: 15px; top: 15px; font-size: 24px; color: #333; padding: 0; width: 35px; height: 35px; text-align: center; } .accordion a.trigger.active:after { font-family: FontAwesome; content: '\f077'; color: #333; } .accordion .inner { display: none; padding: 30px 0 15px 0; border-bottom: 1px solid #e9ecef; overflow: hidden; } .accordion .inner p { font: 18px/26px 'SourceSansPro-Regular', Helvetica, Arial, sans-serif; margin-bottom: 15px;} .accordion .inner ul { margin: 20px 0 20px; padding: 0; overflow:hidden; display: block; } .accordion .inner ul li { padding: 8px 0 8px 30px; list-style-type: none; margin: 0; background: url(../images/blackDotBullet.png) no-repeat 10px 16px; font: 18px/26px 'SourceSansPro-Regular', Helvetica, Arial, sans-serif; } .accordion .inner a { display: inline-block; position: static; width: auto; padding: 0; border-bottom: dashed 1px #333; font: 18px/20px 'SourceSansPro-Regular', Helvetica, Arial, sans-serif;} .accordion .inner a:hover { border-bottom: solid 1px #333; color: #333;} .accordion-item.default .inner { display: block; } /*.accordion-item.default a.trigger:after { content: '\f077'!important; } .accordion-item.default a.trigger.active:after { content: '\f078'!important; }*/ .accordion a.trigger.active1 { color: #666; border-bottom: 1px solid #e9ecef;} .accordion a.trigger.active1:after { font-family: FontAwesome; content: '\f077'; color: #333; } /* Accordion DAT */ .accordionBox.DAT { background-color: #f5fbfd;} .accordionBox.DAT .accordion { border-top: 5px solid #004ea8; } .accordionBox.DAT .accordion a.trigger { color: #004ea8; } .accordionBox.DAT .accordion a.trigger:hover { opacity: .9;} .accordionBox.DAT .accordion a.trigger:hover, .accordionBox.DAT .accordion a.trigger:hover:after { color: #004ea8; } .accordionBox.DAT .accordion a.trigger.active { color: #004ea8; border-bottom: 1px solid #e9ecef;} .accordionBox.DAT .accordion a.trigger:after { color: #004ea8; } .accordionBox.DAT .accordion a.trigger.active:after { color: #004ea8; } .accordionBox.DAT .accordion .inner a { border-bottom: dashed 1px #004ea8; color: #004ea8; } .accordionBox.DAT .accordion .inner a:hover { border-bottom: solid 1px #004ea8; } .accordionBox.DAT .accordion .accordion-item a.trigger:after { color: #004ea8;} /* Accordion DIR */ .accordionBox.DIR { background-color: #fbf4fd;} .accordionBox.DIR .accordion { border-top: 5px solid #84329b; } .accordionBox.DIR .accordion a.trigger { color: #84329b; } .accordionBox.DIR .accordion a.trigger:hover { opacity: .9;} .accordionBox.DIR .accordion .inner a { border-bottom: dashed 1px #84329b; color: #84329b; } .accordionBox.DIR .accordion .inner a:hover { border-bottom: solid 1px #84329b; } .accordionBox.DIR .accordion .accordion-item.default a.trigger:after { color: #84329b;} .accordionBox.DIR .accordion a.trigger:hover, .accordionBox.DIR .accordion a.trigger:hover:after { color: #84329b; } .accordionBox.DIR .accordion a.trigger.active { color: #84329b; border-bottom: 1px solid #e9ecef;} .accordionBox.DIR .accordion a.trigger:after { color: #84329b; } .accordionBox.DIR .accordion a.trigger.active:after { color: #84329b; } /* Accordion CAMPUS */ .accordionBox.CAMPUS { background-color: #f5fbfd;} .accordionBox.CAMPUS .accordion { border-top: 5px solid #0788c9; } .accordionBox.CAMPUS .accordion .leftCol { width: 40%; float: left; display: block; padding-left: 20px; } .accordionBox.CAMPUS .accordion .leftCol p { font: 20px/30px 'SourceSansPro-Regular', Helvetica, Arial, sans-serif; } .accordionBox.CAMPUS .accordion .leftCol a { border-bottom: dashed 1px #333; font: 20px/30px 'SourceSansPro-Regular', Helvetica, Arial, sans-serif; } .accordionBox.CAMPUS .accordion .leftCol a:hover { border-bottom: solid 1px #333; } .accordionBox.CAMPUS .accordion .leftCol a i { font-size: 14px; } .accordionBox.CAMPUS .accordion .leftCol ul li { padding:10px 0 10px 50px; margin-bottom: 10px; font: 20px/30px 'SourceSansPro-Regular', Helvetica, Arial, sans-serif; } .accordionBox.CAMPUS .accordion .rightCol { width: 58%; float: right; display: block; text-align: right; } .accordionBox.CAMPUS .accordion .rightCol .imgBox { width: 100%; max-width: 620px; margin-bottom: 10px; margin: 0 auto;} .accordionBox.CAMPUS .accordion .compareBox { display: block; clear: both; width: 100%; padding: 30px 0;} .accordionBox.CAMPUS .accordion .accordion-item.DAT a.trigger { color: #004ea8; } .accordionBox.CAMPUS .accordion .accordion-item.DAT .leftCol ul li { background: url(../images/datIntroBullet.png) no-repeat 0 5px; } .accordionBox.CAMPUS .accordion .accordion-item.DAT .leftCol a { color: #004ea8; border-bottom: dashed 1px #004ea8;} .accordionBox.CAMPUS .accordion .accordion-item.DAT .leftCol a:hover { border-bottom: solid 1px #004ea8;} .accordionBox.CAMPUS .accordion .accordion-item.DIR a.trigger { color: #84329b; } .accordionBox.CAMPUS .accordion .accordion-item.DIR .leftCol ul li { background: url(../images/dirIntroBullet.png) no-repeat 0 5px; } .accordionBox.CAMPUS .accordion .accordion-item.DIR .leftCol a { color: #84329b; border-bottom: dashed 1px #84329b;} .accordionBox.CAMPUS .accordion .accordion-item.DIR .leftCol a:hover { border-bottom: solid 1px #84329b;} .accordionBox.CAMPUS .accordion .accordion-item.REP a.trigger { color: #00af66; } .accordionBox.CAMPUS .accordion .accordion-item.REP .leftCol ul li { background: url(../images/repIntroBullet.png) no-repeat 0 5px; } .accordionBox.CAMPUS .accordion .accordion-item.REP .leftCol a { color: #00af66; border-bottom: dashed 1px #00af66;} .accordionBox.CAMPUS .accordion .accordion-item.REP .leftCol a:hover { border-bottom: solid 1px #00af66;} .accordionBox.CAMPUS .accordion a.trigger:hover { opacity: .9;} .accordionBox.CAMPUS .accordion .accordion-item.default a.trigger:after { color: #0788c9;} .accordionBox.CAMPUS .accordion a.trigger:hover, .accordionBox.CAMPUS .accordion a.trigger:hover:after { color: #0788c9; } .accordionBox.CAMPUS .accordion a.trigger.active { color: #0788c9; border-bottom: 1px solid #e9ecef;} .accordionBox.CAMPUS .accordion a.trigger:after { color: #0788c9; } .accordionBox.CAMPUS .accordion a.trigger.active:after { color: #0788c9; } /* vertical tabs */ .tabs { position: relative; margin-bottom: 20px;} .tabs .verticalTab { overflow: hidden;} .tabs .verticalTab .tabs-nav { margin: 0; padding: 0; float: left; width: 34%; overflow: visible;} .tabs .verticalTab .tabs-nav .tabs-tab { position: relative; top: 0; display: inline-block; margin: 0; list-style: none; margin-bottom: 10px; } .tabs .verticalTab .tabs-nav .tabs-anchor { position: relative; background: #f7f7f7; padding: 20px; border-bottom: none; display: inline-block; text-decoration: none; color: #333; font: 18px/26px 'Prometo-Bold', Helvetica, Arial, sans-serif; } .tabs .verticalTab .tabs-nav .tabs-anchor span { display: block; font: 18px/22px 'SourceSansPro-Light', Helvetica, Arial, sans-serif;} .tabs .verticalTab .tabs-nav .tabs-state-active { background-color: #fff; border-bottom: none; } .tabs .verticalTab .tabs-nav .tabs-state-active .tabs-anchor { color: #333; background-color: #eaeaea; pointer-events: none; cursor: pointer; border-bottom: none; } .tabs .verticalTab .tabs-nav .tabs-state-active .tabs-anchor:after { content: ''; width: 13px; height: 45px; position: absolute; right: -13px; top: 0; bottom: 0; margin: auto 0; background: url(../images/accordionArrowRight.gif) no-repeat 0 0;} .tabs .verticalTab .tabs-panel { float: right; width: 60%; max-width: 620px; margin-bottom: 10px; padding: 0 2%; display: none; background-color: #fff; } .tabs .verticalTab .tabs-panel .imgBox { width: 100%; max-width: 620px; margin-bottom: 10px; } .tabs .verticalTab .tabs-panel .imgBox img { width: 100%; max-width: 620px; height: auto; } .tabs .verticalTab .tabs-accordion-title .tabs-anchor { position: relative; display: block; padding: 20px; background-color: #f8f8f8; color: #333; text-decoration: none; margin-bottom: 10px; font: 18px/22px 'Prometo-Regular', Helvetica, Arial, sans-serif; } .tabs .verticalTab .tabs-accordion-title .tabs-anchor:after { position: absolute; right: 10px; top: 20px;content: '\f078'; float: right; font-family: FontAwesome;} .tabs .verticalTab .tabs-accordion-title.tabs-state-active .tabs-anchor:after { content: '\f077'; float: right; font-family: FontAwesome; } .tabs .verticalTab .tabs-accordion-title.tabs-state-active .tabs-anchor { background-color: #f8f8f8; color: #333; margin-bottom: 0; border-bottom: solid 1px #e5e5e5; } .tabs .verticalTab .tabs-accordion-title { display: none; } .tabs .verticalTab .tabs-panel.tabs-state-active { display: block; padding: 0;} .accordion .inner .tabs .verticalTab .tabs-nav li { background-image: none; padding: 0;} .accordion .inner .tabs .verticalTab .tabs-nav .tabs-anchor { border-bottom: none; color: #333;} /* downloadBox */ .downloadBox { padding: 60px 4%; display: block; overflow: hidden; clear:both; width:100%;} .downloadBox .container { text-align: center;} .downloadBox .downloadItem { max-width: 360px; width: 100%; background-color: #f8f8f8; position: relative; padding: 40px 20px 40px 20px; text-align: center; margin: 0 15px 60px 15px; display: inline-block;} .downloadBox .downloadItem .imgBox { margin-bottom: 20px;} .downloadBox .downloadItem .imgBox img { border: solid 5px #fff;} .downloadBox .downloadItem p { margin-bottom: 20px; font: 20px/26px 'Prometo-Bold', Helvetica, Arial, sans-serif;} .downloadBox .downloadItem .buttonPosition { position: absolute; bottom: -42px; left: 0; right: 0;} .downloadBox .downloadItem .buttonPosition span { display: block; font: 14px/18px 'SourceSansPro-Light', Helvetica, Arial, sans-serif;} /* designationList */ .designationList { padding: 80px 4% 60px 4%; display: block; overflow: hidden; clear:both; width:100%;} .designationList .sectionSubTitle { margin-bottom: 20px;} .designationList .wrappBox { padding: 0 10%;} .designationList hr { margin-bottom: 60px;} .designationList li { margin-bottom: 14px; padding-left: 15px; background: url(../images/blueBullet.gif) no-repeat 0 6px; font: 20px/24px 'SourceSansPro-Regular', Helvetica, Arial, sans-serif;} .designationList li.default { background: url(../images/bulletResources.png) no-repeat 0 6px; font: 20px/24px 'SourceSansPro-Regular', Helvetica, Arial, sans-serif;} .designationList li a { color: #004ea8; border-bottom: dashed 1px #004ea8;} .designationList li a:hover { border-bottom: solid 1px #004ea8;} /* bestBox */ .bestBox { padding: 0 4% 30px 4%; margin-top: 50px; display: block; clear:both; width:100%; font: 20px/24px 'SourceSansPro-Light', Helvetica, Arial, sans-serif;} .bestBox h3 { text-align: center; font: 30px/40px 'Prometo-Bold', Helvetica, Arial, sans-serif; margin-bottom: 20px;} .bestBox img { display: block; text-align: center; margin: 0 auto; margin-bottom: 10px;} .bestBox ul { margin-left: 50px;} .bestBox li { background: url(../images/blueBullet.gif) no-repeat 0 6px; padding-left: 15px; margin-bottom: 15px;} .bestBox li a { color: #004ea8; border-bottom: dashed 1px #004ea8;} .bestBox li a:hover { border-bottom: solid 1px #004ea8;} .bestBox li.imageList { background-image: none; background-color: #fff; text-align: center; padding:10px; margin-bottom: 15px; margin-top: 25px; border: solid 1px #d0def2;} .bestBox li.imageList img { margin-bottom: 0; max-width: 240px; width: 100%; height: auto;} .bestBox .col_4 { margin-top: -30px;} .bestBox .clearBox { clear: both; display: block; float: left; width: 100%; overflow: hidden; border-top: solid 1px #d0def2; padding: 20px 4% 0 4%; margin-top: 30px; text-align: center; } .bestBox .clearBox img { padding: 0; margin: 0 auto; } /* materials box */ .materialsBox { padding: 80px 4% 40px 4%; display: block; overflow: hidden; clear:both; width:100%;} /* table */ .table { width:100%; margin-bottom: 40px; border-collapse: collapse; border-left: solid 1px #eee; border-right: solid 1px #eee; border-top: solid 1px #eee; font: 18px/24px 'SourceSansPro-Regular', Helvetica, Arial, sans-serif;} .table th, .table td { padding: 15px;} .table caption { padding: 15px; border-left: solid 1px #eee; border-right: solid 1px #eee; border-top: solid 8px #333; text-align: left; font: 30px/36px 'Prometo-Bold', Helvetica, Arial, sans-serif; } .table th { text-align: left; border-bottom: solid 1px #eee; border-right: solid 1px #eee;} .table td { text-align: left; border-bottom: solid 1px #eee; border-right: solid 1px #eee;} .table thead th { background-color: #f8f8f8; font: 20px/24px 'SourceSansPro-Bold', Helvetica, Arial, sans-serif;} .table tbody th { font: 18px/28px 'SourceSansPro-Regular', Helvetica, Arial, sans-serif; width: 80%;} .table tbody td { vertical-align: middle;} .overflowTable .table { font-size: 13px; line-height: 18px;} /* table DAT style */ .table.DAT { border-left: solid 1px #d3e6fa; border-right: solid 1px #d3e6fa; border-top: solid 1px #d3e6fa;} .table.DAT caption { color: #004ea8; border-left: solid 1px #d3e6fa; border-right: solid 1px #d3e6fa; border-top: solid 8px #004ea8; } .table.DAT th { border-bottom: solid 1px #d3e6fa; border-right: solid 1px #d3e6fa;} .table.DAT thead th { background-color: #ecf5fe;} .table.DAT a { color: #004ea8; border-bottom: dashed 1px #004ea8; } .table.DAT a:hover { border-bottom: solid 1px #004ea8; } /* table DIR style */ .table.DIR { border-left: solid 1px #f2ddf8; border-right: solid 1px #f2ddf8; border-top: solid 1px #f2ddf8;} .table.DIR caption { color: #84329b; border-left: solid 1px #f2ddf8; border-right: solid 1px #f2ddf8; border-top: solid 8px #84329b; } .table.DIR th { border-bottom: solid 1px #f2ddf8; border-right: solid 1px #f2ddf8;} .table.DIR thead th { background-color: #f7f1f9;} .table.DIR a { color: #84329b; border-bottom: dashed 1px #84329b; } .table.DIR a:hover { border-bottom: solid 1px #84329b; } .alignCenter { text-align: center!important;} .alignRight { text-align: right!important;} .alignLeft { text-align: left!important;} /* customers-using-matdat */ .customers-using-matdat { padding: 60px 4% 40px; overflow: hidden; display: block; clear: both;} .customers-using-matdat .buttonBox { text-align: center; padding: 0 0 40px; overflow: hidden; display: block; clear: both;} .customers-using-matdat .sectionSubTitle { margin-bottom: 20px;} .customers-using-matdat hr { margin-bottom: 30px;} .customers-using-matdat .itemBox { position: relative; width: 100%; float: left; display: block; padding: 0 4% 15px 4%; } .customers-using-matdat .itemBox .text { text-align: left; padding: 30px 35px; display: block; overflow: hidden; border: solid 1px #e4e4e4; margin-bottom: 0; background-color: #fff; font: 18px/24px 'SourceSansPro-Light', Helvetica, Arial, sans-serif; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;} .customers-using-matdat .itemBox .text:before { content: '“'; color: #eaeaea; position: absolute; top: -14px; left: 20px; width: 30px; height: 30px; text-align: center; padding: 5px 1px; font: 80px/56px 'SourceSansPro-Light', Helvetica, Arial, sans-serif; background-color: #fff;} .customers-using-matdat .itemBox .text em { display: block; overflow: hidden; } .customers-using-matdat .companyInfo { margin-top: -1px; width: 100%; padding: 20px 0; background: url(../images/cornerDown.png) no-repeat 40px 0;} .customers-using-matdat .companyInfo h4 { font: 18px/24px 'SourceSansPro-Bold', Helvetica, Arial, sans-serif;} .customers-using-matdat .companyInfo p { font: 16px/20px 'SourceSansPro-Light', Helvetica, Arial, sans-serif;} .customers-using-matdat .companyInfo .imgBox { position: relative; width: 136px; height: 80px; float: left; margin-right: 10px; border: solid 1px #e4e4e4; background-color: #fff; text-align: center; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;} .customers-using-matdat .companyInfo .imgBox img { position: absolute; margin: auto; top: 0; bottom: 0; right: 0; left: 0; max-width: 110px; max-height: 60px; height: auto; width: 100%;} /* section box */ .sectionBox { padding: 60px 0 20px; overflow: hidden; display: block; clear: both;} .sectionBox ul { margin-bottom: 30px; padding: 10px;} .sectionBox li { display: block; margin-bottom: 10px; line-height: 26px} .sectionBox li strong { font-family: 'SourceSansPro-Bold', Helvetica, Arial, sans-serif;} .sectionBox li i { font-size: 24px; color: #004ea8; margin: 0 5px; font-weight: 300;} /* knowledgebaseList */ .knowledgebaseList { padding: 60px 4% 20px; overflow: hidden; display: block; clear: both;} .knowledgebaseList h2 { text-transform: uppercase; text-align: center; color: #004ea8; margin-bottom: 40px; font: 30px/36px 'Prometo-Bold', Helvetica, Arial, sans-serif;} .knowledgebaseList .listBox { margin-bottom: 60px;} .knowledgebaseList .list { background-color: #f8f8f8; padding: 30px; margin-bottom: 15px;} .knowledgebaseList .list h3 { font: 24px/30px 'SourceSansPro-Bold', Helvetica, Arial, sans-serif; margin-bottom: 20px;} .knowledgebaseList .list li { padding-left: 20px; font: 18px/24px 'SourceSansPro-Regular', Helvetica, Arial, sans-serif; margin-bottom: 15px; background: url(../images/blueBullet.gif) no-repeat 0 5px} /* contentBox */ .knowledgebaseList { padding: 60px 4% 20px; overflow: hidden; display: block; clear: both;} /* iconBox */ .iconBox { padding: 40px 0; overflow: hidden; display: block; clear: both; text-align: center;} .iconBox h3 { font: 20px/30px 'SourceSansPro-Bold', Helvetica, Arial, sans-serif; margin-bottom: 5px; margin-top: 15px; text-transform: uppercase;} .iconBox p { font: 18px/22px 'SourceSansPro-Light', Helvetica, Arial, sans-serif; padding: 0 4%;} .iconBox img { display: block; margin: 0 auto; max-width: 211px; max-height: 184px; width: 100%; height: auto;} /* table */ .respTable { width:100%; margin-bottom: 40px; border-collapse: collapse; border-left: solid 1px #eee; border-right: solid 1px #eee; border-top: solid 1px #eee; font: 13px/18px 'SourceSansPro-Regular', Helvetica, Arial, sans-serif;} .respTable th, .respTable td { padding: 15px;} .respTable th { text-align: left; border-bottom: solid 1px #eee; border-right: solid 1px #eee;} .respTable td { text-align: left; border-bottom: solid 1px #eee; border-right: solid 1px #eee;} .respTable thead th { background-color: #f8f8f8; font: 20px/24px 'SourceSansPro-Bold', Helvetica, Arial, sans-serif;} .respTable tbody th { font: 18px/28px 'SourceSansPro-Regular', Helvetica, Arial, sans-serif; width: 80%;} .respTable tbody td { vertical-align: middle;} .respTable tbody tr:not(:last-child) { border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; } .respTable.DAT { border-left: solid 1px #d3e6fa; border-right: solid 1px #d3e6fa; border-top: solid 1px #d3e6fa;} .respTable.DAT th { border-bottom: solid 1px #d3e6fa; border-right: solid 1px #d3e6fa;} .respTable.DAT thead th { background-color: #ecf5fe;} .respTable.DAT a { color: #004ea8; border-bottom: dashed 1px #004ea8; } .respTable.DAT a:hover { border-bottom: solid 1px #004ea8; } .sectionBox.lightDATc.custom { padding-top: 0; padding-bottom: 60px; position: relative;} .sectionBox.lightDATc.custom .sectionTitle { font-family: 'Prometo-Regular', Helvetica, Arial, sans-serif; } .sectionBox.lightDATc.custom .sectionTitle strong { font-family: 'Prometo-Bold', Helvetica, Arial, sans-serif; } .sectionBox.lightDATc.custom .arrow { text-align: center; margin:0 auto; width: 161px; height: 39px; position: absolute; background: url('../images/slidingDownArrowBg.png') no-repeat 0 0; bottom: 0; left: 0; right: 0; padding-top: 15px;} .sectionBox.lightDATc.custom .bounce { -webkit-animation: bounce 2s infinite; animation: bounce 2s infinite; font-size: 26px!important; } /* Pricing Table*/ .pricingTable { padding: 60px 4% 20px; overflow: hidden; display: block; clear: both;} /* toggle-radio-currency */ .toggle-radio-currency { position: relative; background: rgba(255,255,255,1); margin: 4px auto 20px auto; overflow: hidden; padding: 0 !important; -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px; height: 46px; width: 322px; border: solid 2px #333;} .toggle-radio-currency > * { float: left; } .toggle-radio-currency input[type=radio]{ display: none;} .toggle-radio-currency label { color: #333!important; display: block; width: 100px; height: 26px; margin: 8px 3px; -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px; cursor: pointer; z-index: 1; text-align: center; position: relative; font: 16px/28px 'Prometo-Bold', Helvetica, Arial, sans-serif;} .toggle-radio-currency .toggle_option_slider{ width: 100px; height: 36px; position: absolute; top: 3px; -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px; -webkit-transition: all .4s ease; -moz-transition: all .4s ease; -o-transition: all .4s ease; -ms-transition: all .4s ease; transition: all .4s ease;} .toggle-radio-currency #usd:checked ~ .toggle_option_slider{ background-color: #333; left: 3px;} .toggle-radio-currency #eur:checked ~ .toggle_option_slider{ background: #333; left: 109px;} .toggle-radio-currency #gbp:checked ~ .toggle_option_slider{ background: #333; left: 215px;} .toggle-radio-currency #usd:checked ~ label[for="usd"]{ color: #fff!important; -webkit-transition: color .6s ease-out; -moz-transition: color .6s ease-out; -o-transition: color .6s ease-out; transition: color .6s ease-out;} .toggle-radio-currency #eur:checked ~ label[for="eur"]{ color: #fff!important; -webkit-transition: color .6s ease-out; -moz-transition: color .6s ease-out; -o-transition: color .6s ease-out; transition: color .6s ease-out;} .toggle-radio-currency #gbp:checked ~ label[for="gbp"]{ color: #fff!important; -webkit-transition: color .6s ease-out; -moz-transition: color .6s ease-out; -o-transition: color .6s ease-out; transition: color .6s ease-out;} .toggle-radio-currency.DAT { border: solid 2px #004ea8;} .toggle-radio-currency.DAT label { color: #004ea8!important;} .toggle-radio-currency.DAT #usd:checked ~ .toggle_option_slider{ background-color: #004ea8;} .toggle-radio-currency.DAT #eur:checked ~ .toggle_option_slider{ background: #004ea8;} .toggle-radio-currency.DAT #gbp:checked ~ .toggle_option_slider{ background: #004ea8;} .toggle-radio-currency.DIR { border: solid 2px #84329b;} .toggle-radio-currency.DIR label { color: #84329b!important;} .toggle-radio-currency.DIR #usd:checked ~ .toggle_option_slider{ background-color: #84329b;} .toggle-radio-currency.DIR #eur:checked ~ .toggle_option_slider{ background: #84329b;} .toggle-radio-currency.DIR #gbp:checked ~ .toggle_option_slider{ background: #84329b;} .toggle-radio-currency.REP { border: solid 2px #00af66;} .toggle-radio-currency.REP label { color: #00af66!important;} .toggle-radio-currency.REP #usd:checked ~ .toggle_option_slider{ background-color: #00af66;} .toggle-radio-currency.REP #eur:checked ~ .toggle_option_slider{ background: #00af66;} .toggle-radio-currency.REP #gbp:checked ~ .toggle_option_slider{ background: #00af66;} .toggle-radio-currency.CAMPUS { border: solid 2px #0788c9;} .toggle-radio-currency.CAMPUS label { color: #0788c9!important;} .toggle-radio-currency.CAMPUS #usd:checked ~ .toggle_option_slider{ background-color: #0788c9;} .toggle-radio-currency.CAMPUS #eur:checked ~ .toggle_option_slider{ background: #0788c9;} .toggle-radio-currency.CAMPUS #gbp:checked ~ .toggle_option_slider{ background: #0788c9;} /* toggle-radio-period */ .toggle-radio-period { position: relative; background: rgba(255,255,255,1); margin: 4px auto 20px auto; overflow: hidden; padding: 0 !important; -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px; height: 46px; width: 652px; border: solid 2px #333;} .toggle-radio-period > * { float: left; } .toggle-radio-period input[type=radio] { display: none;} .toggle-radio-period label { color: #333!important; display: block; width: 200px; height: 28px; margin: 7px 8px; -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px; cursor: pointer; z-index: 1; text-align: center; position: relative; font: 18px/28px 'Prometo-Regular', Helvetica, Arial, sans-serif;} .toggle-radio-period .toggle_option_slider{ width: 206px; height: 36px; position: absolute; top: 3px; -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px; -webkit-transition: all .4s ease; -moz-transition: all .4s ease; -o-transition: all .4s ease; -ms-transition: all .4s ease; transition: all .4s ease;} .toggle-radio-period #one-year:checked ~ .toggle_option_slider{ background-color: #333; left: 3px;} .toggle-radio-period #two-years:checked ~ .toggle_option_slider{ background: #333; left: 217px;} .toggle-radio-period #three-years:checked ~ .toggle_option_slider{ background: #333; left: 438px;} .toggle-radio-period #one-year:checked ~ label[for="one-year"]{ color: #fff!important; -webkit-transition: color .6s ease-out; -moz-transition: color .6s ease-out; -o-transition: color .6s ease-out; transition: color .6s ease-out;} .toggle-radio-period #two-years:checked ~ label[for="two-years"]{ color: #fff!important; -webkit-transition: color .6s ease-out; -moz-transition: color .6s ease-out; -o-transition: color .6s ease-out; transition: color .6s ease-out;} .toggle-radio-period #three-years:checked ~ label[for="three-years"]{ color: #fff!important; -webkit-transition: color .6s ease-out; -moz-transition: color .6s ease-out; -o-transition: color .6s ease-out; transition: color .6s ease-out;} .toggle-radio-period.DAT { border: solid 2px #004ea8;} .toggle-radio-period.DAT label { color: #004ea8!important;} .toggle-radio-period.DAT #one-year:checked ~ .toggle_option_slider{ background-color: #004ea8;} .toggle-radio-period.DAT #two-years:checked ~ .toggle_option_slider{ background: #004ea8;} .toggle-radio-period.DAT #three-years:checked ~ .toggle_option_slider{ background: #004ea8;} .toggle-radio-period.DIR { border: solid 2px #84329b; margin-bottom: 20px;} .toggle-radio-period.DIR label { color: #84329b!important;} .toggle-radio-period.DIR #one-year:checked ~ .toggle_option_slider{ background-color: #84329b;} .toggle-radio-period.DIR #two-years:checked ~ .toggle_option_slider{ background: #84329b;} .toggle-radio-period.DIR #three-years:checked ~ .toggle_option_slider{ background: #84329b;} .toggle-radio-period.REP { border: solid 2px #00af66;} .toggle-radio-period.REP label { color: #00af66!important;} .toggle-radio-period.REP #one-year:checked ~ .toggle_option_slider{ background-color: #00af66;} .toggle-radio-period.REP #two-years:checked ~ .toggle_option_slider{ background: #00af66;} .toggle-radio-period.REP #three-years:checked ~ .toggle_option_slider{ background: #00af66;} .toggle-radio-period.CAMPUS { border: solid 2px #0788c9;} .toggle-radio-period.CAMPUS label { color: #0788c9!important;} .toggle-radio-period.CAMPUS #one-year:checked ~ .toggle_option_slider{ background-color: #0788c9;} .toggle-radio-period.CAMPUS #two-years:checked ~ .toggle_option_slider{ background: #0788c9;} .toggle-radio-period.CAMPUS #three-years:checked ~ .toggle_option_slider{ background: #0788c9;} /* toggle-radio-licence */ .toggle-radio-license { position: relative; background: rgba(255,255,255,1); margin: 4px auto 60px auto; overflow: hidden; padding: 0 !important; -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px; height: 46px; width: 476px; border: solid 2px #333;} .toggle-radio-license > * { float: left; } .toggle-radio-license input[type=radio] { display: none;} .toggle-radio-license label { color: #333!important; display: block; width: 220px; height: 28px; margin: 7px 8px; -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px; cursor: pointer; z-index: 1; text-align: center; position: relative; font: 18px/28px 'Prometo-Regular', Helvetica, Arial, sans-serif;} .toggle-radio-license .toggle_option_slider{ width: 226px; height: 36px; position: absolute; top: 3px; -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px; -webkit-transition: all .4s ease; -moz-transition: all .4s ease; -o-transition: all .4s ease; -ms-transition: all .4s ease; transition: all .4s ease;} .toggle-radio-license #individual-license:checked ~ .toggle_option_slider{ background-color: #333; left: 3px;} .toggle-radio-license #company-wide-license:checked ~ .toggle_option_slider{ background: #333; left: 242px;} .toggle-radio-license #individual-license:checked ~ label[for="individual-license"]{ color: #fff!important; -webkit-transition: color .6s ease-out; -moz-transition: color .6s ease-out; -o-transition: color .6s ease-out; transition: color .6s ease-out;} .toggle-radio-license #company-wide-license:checked ~ label[for="company-wide-license"]{ color: #fff!important; -webkit-transition: color .6s ease-out; -moz-transition: color .6s ease-out; -o-transition: color .6s ease-out; transition: color .6s ease-out;} .toggle-radio-license.DAT { border: solid 2px #004ea8;} .toggle-radio-license.DAT label { color: #004ea8!important;} .toggle-radio-license.DAT #individual-license:checked ~ .toggle_option_slider{ background-color: #004ea8;} .toggle-radio-license.DAT #company-wide-license:checked ~ .toggle_option_slider{ background: #004ea8;} .toggle-radio-license.DIR { border: solid 2px #84329b; margin-bottom: 80px;} .toggle-radio-license.DIR label { color: #84329b!important;} .toggle-radio-license.DIR #individual-license:checked ~ .toggle_option_slider{ background-color: #84329b;} .toggle-radio-license.DIR #company-wide-license:checked ~ .toggle_option_slider{ background: #84329b;} .toggle-radio-license.REP { border: solid 2px #00af66;} .toggle-radio-license.REP label { color: #00af66!important;} .toggle-radio-license.REP #individual-license:checked ~ .toggle_option_slider{ background-color: #00af66;} .toggle-radio-license.REP #company-wide-license:checked ~ .toggle_option_slider{ background: #00af66;} .toggle-radio-license.CAMPUS { border: solid 2px #0788c9;} .toggle-radio-license.CAMPUS label { color: #0788c9!important;} .toggle-radio-license.CAMPUS #individual-license:checked ~ .toggle_option_slider{ background-color: #0788c9;} .toggle-radio-license.CAMPUS #company-wide-license:checked ~ .toggle_option_slider{ background: #0788c9;} /* toggle-radio-licence */ .toggle-radio-profile { position: relative; background: rgba(255,255,255,1); margin: 4px auto 60px auto; overflow: hidden; padding: 0 !important; -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px; height: 46px; width: 436px; border: solid 2px #333;} .toggle-radio-profile > * { float: left; } .toggle-radio-profile input[type=radio] { display: none;} .toggle-radio-profile label { color: #333!important; display: block; width: 200px; height: 28px; margin: 7px 8px; -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px; cursor: pointer; z-index: 1; text-align: center; position: relative; font: 18px/28px 'Prometo-Regular', Helvetica, Arial, sans-serif;} .toggle-radio-profile .toggle_option_slider{ width: 206px; height: 36px; position: absolute; top: 3px; -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px; -webkit-transition: all .4s ease; -moz-transition: all .4s ease; -o-transition: all .4s ease; -ms-transition: all .4s ease; transition: all .4s ease;} .toggle-radio-profile #single-profile:checked ~ .toggle_option_slider{ background-color: #333; left: 3px;} .toggle-radio-profile #multiple-profiles:checked ~ .toggle_option_slider{ background: #333; left: 222px;} .toggle-radio-profile #single-profile:checked ~ label[for="single-profile"]{ color: #fff!important; -webkit-transition: color .6s ease-out; -moz-transition: color .6s ease-out; -o-transition: color .6s ease-out; transition: color .6s ease-out;} .toggle-radio-profile #multiple-profiles:checked ~ label[for="multiple-profiles"]{ color: #fff!important; -webkit-transition: color .6s ease-out; -moz-transition: color .6s ease-out; -o-transition: color .6s ease-out; transition: color .6s ease-out;} .toggle-radio-profile.DIR { border: solid 2px #84329b; margin-bottom: 80px;} .toggle-radio-profile.DIR label { color: #84329b!important;} .toggle-radio-profile.DIR #single-profile:checked ~ .toggle_option_slider{ background-color: #84329b;} .toggle-radio-profile.DIR #multiple-profiles:checked ~ .toggle_option_slider{ background: #84329b;} /*! nouislider - 10.0.0 */ .noUi-target, .noUi-target * { -webkit-touch-callout: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-user-select: none; -ms-touch-action: none; touch-action: none; -ms-user-select: none; -moz-user-select: none; user-select: none; -moz-box-sizing: border-box; box-sizing: border-box;} .noUi-target { position: relative; direction: ltr; } .noUi-base { width: 100%; height: 100%; position: relative; z-index: 1; /* Fix 401 */} .noUi-connect { position: absolute; right: 0; top: 0; left: 0; bottom: 0;} .noUi-origin { position: absolute; height: 0; width: 0;} .noUi-handle { position: relative; z-index: 1;} .noUi-state-tap .noUi-connect, .noUi-state-tap .noUi-origin { -webkit-transition: top 0.3s, right 0.3s, bottom 0.3s, left 0.3s; transition: top 0.3s, right 0.3s, bottom 0.3s, left 0.3s; } .noUi-state-drag * { cursor: inherit !important;} .noUi-base, .noUi-handle { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .noUi-horizontal { height: 18px;} .noUi-horizontal .noUi-handle { width: 34px; height: 28px; left: -17px; top: -6px;} .noUi-vertical { width: 18px;} .noUi-vertical .noUi-handle { width: 28px; height: 34px; left: -6px; top: -17px; } .noUi-target { background: #FAFAFA; border-radius: 4px; border: 1px solid #D3D3D3; box-shadow: inset 0 1px 1px #F0F0F0, 0 3px 6px -5px #BBB;} .noUi-connect { background: #004ea8; border-radius: 4px; box-shadow: inset 0 0 3px rgba(51, 51, 51, 0.45); -webkit-transition: background 450ms; transition: background 450ms;} .noUi-draggable { cursor: ew-resize;} .noUi-vertical .noUi-draggable { cursor: ns-resize;} .noUi-handle { border: 1px solid #D9D9D9; border-radius: 3px; background: #FFF; cursor: default; box-shadow: inset 0 0 1px #FFF, inset 0 1px 7px #EBEBEB, 0 3px 6px -3px #BBB; } .noUi-active { box-shadow: inset 0 0 1px #FFF, inset 0 1px 7px #DDD, 0 3px 6px -3px #BBB;} .noUi-handle:before, .noUi-handle:after { content: ""; display: block; position: absolute; height: 14px; width: 1px; background: #E8E7E6; left: 14px; top: 6px;} .noUi-handle:after { left: 17px; } .noUi-vertical .noUi-handle:before, .noUi-vertical .noUi-handle:after { width: 14px; height: 1px; left: 6px; top: 14px;} .noUi-vertical .noUi-handle:after { top: 17px; } [disabled] .noUi-connect { background: #B8B8B8; } [disabled].noUi-target, [disabled].noUi-handle, [disabled] .noUi-handle { cursor: not-allowed;} .noUi-pips, .noUi-pips * { -moz-box-sizing: border-box; box-sizing: border-box; } .noUi-pips { position: absolute; color: #999;} .noUi-value { position: absolute; white-space: nowrap; text-align: center; } .noUi-value-sub { color: #ccc; font-size: 10px; } .noUi-marker { position: absolute; background: #CCC;} .noUi-marker-sub { background: #AAA;} .noUi-marker-large { background: #AAA;} .noUi-pips-horizontal { padding: 10px 0; height: 80px; top: 100%; left: 0; width: 100%;} .noUi-value-horizontal { -webkit-transform: translate3d(-50%, 50%, 0); transform: translate3d(-50%, 50%, 0); } .noUi-marker-horizontal.noUi-marker { margin-left: -1px; width: 2px; height: 5px; } .noUi-marker-horizontal.noUi-marker-sub { height: 10px;} .noUi-marker-horizontal.noUi-marker-large { height: 15px;} /* pricePlan */ .pricePlan { margin: 0 4%; position: relative; width: 92%; height: 550px;} .pricePlan .plan { height: 500px; width: 33.33%; padding: 20px 2%; text-align: center; position: absolute; z-index: 1; margin: 0 auto; float: left; display: block; overflow: hidden; background-color: #fff; border-left: solid 2px #ccdcee; border-right: solid 2px #ccdcee; border-top: solid 10px #ccdcee; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; -webkit-box-shadow: inset 0px -5px 0px 0px rgba(204,220,238,1); -moz-box-shadow: inset 0px -5px 0px 0px rgba(204,220,238,1); box-shadow: inset 0px -5px 0px 0px rgba(204,220,238,1);} .pricePlan .plan:first-child { margin: 0 0 0 12px; left: 0; } .pricePlan .plan:last-child { margin: 0 12px 0 0; right: 0;} .pricePlan .plan.default { z-index: 2; left: 0; right: 0; padding: 40px 2% 20px; height: 540px; margin-top: -20px; border-left: solid 2px #004ea8; border-right: solid 2px #004ea8; border-top: solid 10px #004ea8; -webkit-box-shadow: inset 0px -5px 0px 0px rgba(0,78,168,1); -moz-box-shadow: inset 0px -5px 0px 0px rgba(0,78,168,1); box-shadow: inset 0px -5px 0px 0px rgba(0,78,168,1);} .pricePlan .plan .title { color: #004ea8; text-transform: uppercase; margin-bottom: 15px; font: 40px/50px 'Prometo-Bold', Helvetica, Arial, sans-serif;} .pricePlan .plan .description { display: block; overflow: hidden; height: 112px; margin-bottom: 15px;} .pricePlan .plan .description p { margin-bottom: 3px; font: 16px/26px 'Prometo-Regular', Helvetica, Arial, sans-serif;} .pricePlan .plan .price { color: #004ea8; margin-bottom: 15px; font: 50px/60px 'Prometo-Bold', Helvetica, Arial, sans-serif;} .pricePlan .plan .price span { display: block; font: 20px/30px 'Prometo-Regular', Helvetica, Arial, sans-serif;} .pricePlan .plan .options { margin-bottom: 25px; font: 20px/24px 'Prometo-Regular', Helvetica, Arial, sans-serif;} .pricePlan .plan .small-ghost-button { max-width: 90%; padding: 10px 0;} .pricePlan .plan .small-button.lGreenC { background-color: #4fe3c1; color: #fff; padding: 10px 0; max-width: 90%; width: 100%; margin: 0 auto;} .pricePlan .plan .small-button.lGreenC:hover { background-color: #34cca9; color: #fff;} .pricePlan.DIR .plan { border-left: solid 2px #f0d2f9; border-right: solid 2px #f0d2f9; border-top: solid 10px #f0d2f9; -webkit-box-shadow: inset 0px -5px 0px 0px rgba(240,210,249,1); -moz-box-shadow: inset 0px -5px 0px 0px rgba(240,210,249,1); box-shadow: inset 0px -5px 0px 0px rgba(240,210,249,1);} .pricePlan.DIR .plan.default { border-left: solid 2px #84329b; border-right: solid 2px #84329b; border-top: solid 10px #84329b; -webkit-box-shadow: inset 0px -5px 0px 0px rgba(132,50,155,1); -moz-box-shadow: inset 0px -5px 0px 0px rgba(132,50,155,1); box-shadow: inset 0px -5px 0px 0px rgba(132,50,155,1);} .pricePlan.DIR .plan .title { color: #84329b;} .pricePlan.DIR .plan .price { color: #84329b;} .pricePlan.DIR .plan .small-ghost-button { border-color: #54c86d; color: #54c86d;} .pricePlan.DIR .plan .small-ghost-button:hover { background-color: #54c86d; border-color: #54c86d; color: #fff;} .pricePlan.DIR .plan .small-button.lGreenC { background-color: #54c86d; color: #fff; } .pricePlan.DIR .plan .small-button.lGreenC:hover { background-color: #2a9841; color: #fff;} /* scrollTo */ .scrollTo { margin: 40px auto 80px; text-align: center;} .scrollTo a { border-bottom: dashed 1px #333; padding: 6px 0; display: inline-block; position: relative; color: #333; font: 28px/38px 'Prometo-Bold', Helvetica, Arial, sans-serif;} .scrollTo a:hover { border-bottom: solid 1px #333;} .scrollTo a:before { content: ''; width: 100%; height: 1px; top: 0; position: absolute; border-bottom: dashed 1px #333; display: block;} .scrollTo a:hover:before { border-bottom: solid 1px #333;} .scrollTo a i:nth-of-type(1) { margin-right: 10px;} .scrollTo a i:nth-of-type(2) { margin-left: 10px;} .scrollTo.DAT a { border-bottom: dashed 1px #004ea8; color: #004ea8;} .scrollTo.DAT a:hover { border-bottom: solid 1px #004ea8;} .scrollTo.DAT a:before { border-bottom: dashed 1px #004ea8;} .scrollTo.DAT a:hover:before { border-bottom: solid 1px #004ea8;} .scrollTo.DIR a { border-bottom: dashed 1px #84329b; color: #84329b;} .scrollTo.DIR a:hover { border-bottom: solid 1px #84329b;} .scrollTo.DIR a:before { border-bottom: dashed 1px #84329b;} .scrollTo.DIR a:hover:before { border-bottom: solid 1px #84329b;} .scrollTo.REP a { border-bottom: dashed 1px #00af66; color: #00af66;} .scrollTo.REP a:hover { border-bottom: solid 1px #00af66;} .scrollTo.REP a:before { border-bottom: dashed 1px #00af66;} .scrollTo.REP a:hover:before { border-bottom: solid 1px #00af66;} .scrollTo.CAMPUS a { border-bottom: dashed 1px #0788c9; color: #0788c9;} .scrollTo.CAMPUS a:hover { border-bottom: solid 1px #0788c9;} .scrollTo.CAMPUS a:before { border-bottom: dashed 1px #0788c9;} .scrollTo.CAMPUS a:hover:before { border-bottom: solid 1px #0788c9;} /* scrollTo */ .scrollTo.small { margin: 20px auto 60px;} .scrollTo.small a { border-bottom: dashed 1px #333; cursor: pointer; padding: 5px 0; text-transform: uppercase; color: #333; font: 16px/26px 'Prometo-Bold', Helvetica, Arial, sans-serif;} .scrollTo.small a:hover { border-bottom: solid 1px #333; } .scrollTo.small a i:nth-of-type(1) { margin-right: 10px;} .scrollTo.small a i:nth-of-type(2) { margin-left: 10px;} .scrollTo.small.DAT a { border-bottom: dashed 1px #004ea8; color: #004ea8;} .scrollTo.small.DAT a:hover { border-bottom: solid 1px #004ea8; } .scrollTo.small.DIR a { border-bottom: dashed 1px #84329b; color: #84329b;} .scrollTo.small.DIR a:hover { border-bottom: solid 1px #84329b;} .scrollTo.small.REP a { border-bottom: dashed 1px #00af66; color: #00af66;} .scrollTo.small.REP a:hover { border-bottom: solid 1px #00af66;} /* scrollTo */ .scrollTo.xs-small { margin: 20px auto; text-align: left;} .scrollTo.xs-small a { border-bottom: dashed 1px #333; text-transform: none; cursor: pointer; padding: 2px 0; color: #333; font: 16px/24px 'SourceSansPro-Regular', Helvetica, Arial, sans-serif;} .scrollTo.xs-small a:hover { border-bottom: solid 1px #333; } .scrollTo.xs-small a i { font-size: 12px;} .scrollTo.xs-small a i:nth-of-type(1) { margin-right: 6px;} .scrollTo.xs-small a i:nth-of-type(2) { margin-left: 6px;} .scrollTo.xs-small.DAT a { border-bottom: dashed 1px #004ea8; color: #004ea8;} .scrollTo.xs-small.DAT a:hover { border-bottom: solid 1px #004ea8; } .scrollTo.xs-small.DIR a { border-bottom: dashed 1px #84329b; color: #84329b;} .scrollTo.xs-small.DIR a:hover { border-bottom: solid 1px #84329b;} .scrollTo.xs-small.REP a { border-bottom: dashed 1px #00af66; color: #00af66;} .scrollTo.xs-small.REP a:hover { border-bottom: solid 1px #00af66;} /* comparsionTableBox */ .comparsionTableBox { padding: 60px 4% 20px; overflow: hidden; display: block; clear: both;} .comparsionTable { width:100%; margin-bottom: 40px; border-collapse: collapse; font: 18px/24px 'SourceSansPro-Regular', Helvetica, Arial, sans-serif;} .comparsionTable th, .comparsionTable td { padding: 10px 15px; font-size: 13px; line-height: 16px; } .comparsionTable th { text-align: left; border-bottom: solid 1px #eee; border-right: solid 1px #eee;} .comparsionTable td { padding: 7px 15px 7px 10px; text-align: center; border-bottom: solid 1px #eee; border-right: solid 1px #eee;} .comparsionTable thead th { text-align: center; color: #333; text-transform: uppercase; border-left: solid 1px #eee; border-top: solid 7px #333; width: 25%; font: 30px/50px 'Prometo-Bold', Helvetica, Arial, sans-serif;} .comparsionTable thead th a.btn { width: 90%; text-transform: none; display: inline-block; color: #fff; background-color: #333; padding: 10px 0; text-align: center; font: 16px/26px 'Prometo-Bold', Helvetica, Arial, sans-serif; font-weight: normal; -webkit-border-radius: 100px; -moz-border-radius: 100px; border-radius: 100px; -webkit-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in;} .comparsionTable thead th a.btn:hover { background-color: #000;} .comparsionTable tbody th { background-color: #f8f8f8; font-weight: normal; text-transform: uppercase; border-left: solid 1px #eee; font: 16px/24px 'SourceSansPro-Bold', Helvetica, Arial, sans-serif;} .comparsionTable tbody td { vertical-align: middle; border-left: solid 1px #eee;} .comparsionTable tbody td.alighLeft { padding-left: 5px;} .comparsionTable tbody td strong { font-weight: normal; font: 16px/18px 'SourceSansPro-Bold', Helvetica, Arial, sans-serif;} .comparsionTable tbody td i.fa-check { color: #333; font-size: 20px;} .comparsionTable tbody td i.fa-times { color: #e20040; font-size: 20px;} .comparsionTable tbody td i.fa-info-circle { color: #004ea8; font-size: 20px; margin-left: 5px;} .comparsionTable tbody td i.fa-info { color: #ffb200; font-size: 20px; margin-left: 5px;} .comparsionTable tbody td p { color: #333;} .comparsionTable tbody td em { color: #ffb200; font-style: normal;} .comparsionTable tbody td b { color: #e20040; font-style: normal; font-weight: normal;} .comparsionTable th.noBrd { border-left: none; border-top: none;} .act-more.act-collapsed, .act-more.act-expanded { margin-right: 8px; padding-top: 3px; display: block; float: left;} .act-tr-level-1 { background-color: #f9f9f9;} .act-tr-level-1 td.alignLeft { padding-left: 33px;} .act-tr-level-undefined td.alignLeft { padding-left: 15px;} /* DAT Style*/ .comparsionTable.DAT th { border-bottom: solid 1px #d3e6fa; border-right: solid 1px #d3e6fa;} .comparsionTable.DAT td { border-bottom: solid 1px #d3e6fa; border-right: solid 1px #d3e6fa;} .comparsionTable.DAT thead th { color: #004ea8; border-left: solid 1px #d3e6fa; border-top: solid 7px #004ea8;} .comparsionTable.DAT thead th a.btn { background-color: #4fe3c1;} .comparsionTable.DAT thead th a.btn:hover{ background-color: #34cca9;} .comparsionTable.DAT tbody th { background-color: #ecf5fe; border-left: solid 1px #d3e6fa;} .comparsionTable.DAT tbody td { border-left: solid 1px #d3e6fa;} .comparsionTable.DAT tbody td i.fa-check { color: #004ea8;} .comparsionTable.DAT tbody td i.fa-times { color: #e20040;} .comparsionTable.DAT tbody td i.fa-info-circle { color: #004ea8;} .comparsionTable.DAT tbody td p { color: #004ea8;} .comparsionTable.DAT tbody td em { color: #ffb200;} .comparsionTable.DAT tbody td b { color: #e20040;} .comparsionTable.DAT th.noBrd { border-left: none; border-top: none;} /* DIR Style*/ .comparsionTable.DIR th { border-bottom: solid 1px #f2ddf8; border-right: solid 1px #f2ddf8;} .comparsionTable.DIR td { border-bottom: solid 1px #f2ddf8; border-right: solid 1px #f2ddf8;} .comparsionTable.DIR thead th { color: #84329b; border-left: solid 1px #f2ddf8; border-top: solid 7px #84329b; font-size: 25px; line-height: 35px;} .comparsionTable.DIR thead th a.btn { background-color: #54c86d; margin-top: 15px;} .comparsionTable.DIR thead th a.btn:hover{ background-color: #3BB054;} .comparsionTable.DIR tbody th { background-color: #f7f1f9; border-left: solid 1px #f2ddf8;} .comparsionTable.DIR tbody td { border-left: solid 1px #f2ddf8;} .comparsionTable.DIR tbody td i.fa-check { color: #84329b;} .comparsionTable.DIR tbody td i.fa-times { color: #e20040;} .comparsionTable.DIR tbody td i.fa-info-circle { color: #84329b;} .comparsionTable.DIR tbody td p { color: #84329b;} .comparsionTable.DIR tbody td a { color: #333; border-bottom: dashed 1px #84329b; margin-left: 5px;} .comparsionTable.DIR tbody td a:hover { color: #84329b; border-bottom: solid 1px #84329b;} .comparsionTable.DIR tbody td em { color: #ffb200;} .comparsionTable.DIR tbody td b { color: #e20040;} .comparsionTable.DIR th.noBrd { border-left: none; border-top: none;} /* REP Style*/ .comparsionTable.REP th { border-bottom: solid 1px #d9f8eb; border-right: solid 1px #d9f8eb;} .comparsionTable.REP td { border-bottom: solid 1px #d9f8eb; border-right: solid 1px #d9f8eb;} .comparsionTable.REP thead th { color: #00af66; border-left: solid 1px #d9f8eb; border-top: solid 7px #00af66; font-size: 25px; line-height: 35px;} .comparsionTable.REP tbody th { background-color: #f7fffc; border-left: solid 1px #d9f8eb;} .comparsionTable.REP tbody td { border-left: solid 1px #d9f8eb;} .comparsionTable.REP tbody td i.fa-check { color: #00af66;} .comparsionTable.REP tbody td i.fa-times { color: #e20040;} .comparsionTable.REP tbody td i.fa-info-circle { color: #00af66;} .comparsionTable.REP tbody td p { color: #00af66;} .comparsionTable.REP tbody td a { color: #333; border-bottom: dashed 1px #00af66; margin-left: 5px;} .comparsionTable.REP tbody td a:hover { color: #00af66; border-bottom: solid 1px #00af66;} .comparsionTable.REP tbody td em { color: #ffb200;} .comparsionTable.REP tbody td b { color: #e20040;} .comparsionTable.REP th.noBrd { border-left: none; border-top: none;} /* CAMPUS Style*/ .comparsionTable.CAMPUS th { border-bottom: solid 1px #d3e6fa; border-right: solid 1px #d3e6fa;} .comparsionTable.CAMPUS td { border-bottom: solid 1px #d3e6fa; border-right: solid 1px #d3e6fa;} .comparsionTable.CAMPUS thead th { color: #0788c9; border-left: solid 1px #d3e6fa; border-right: solid 1px #d3e6fa; border-bottom: solid 1px #d3e6fa; border-top: solid 7px #0788c9; font-size: 25px; line-height: 35px;} .comparsionTable.CAMPUS thead th:first-child { border-top: solid 1px #d3e6fa; text-align: left} .comparsionTable.CAMPUS thead th span { text-transform: uppercase; color: #333; font: 18px/18px 'SourceSansPro-Bold', Helvetica, Arial, sans-serif; } .comparsionTable.CAMPUS tfoot td.noBrd { border-bottom: none;} .comparsionTable.CAMPUS tfoot td p { color: #0788c9; font: 20px/30px 'Prometo-Regular', Helvetica, Arial, sans-serif; } .comparsionTable.CAMPUS tfoot td p strong { font: 50px/60px 'Prometo-Bold', Helvetica, Arial, sans-serif; } .comparsionTable.CAMPUS tfoot td p a.xs-button { margin: 20px 0 10px;} .comparsionTable.CAMPUS tbody th { background-color: #f7fcff; border-left: solid 1px #d3e6fa; text-transform: none; font: 16px/22px 'SourceSansPro-Regular', Helvetica, Arial, sans-serif; } .comparsionTable.CAMPUS tbody th span { width: 10%; display: block; overflow: hidden; float: left; padding-right: 20px; font: 50px/60px 'Prometo-Bold', Helvetica, Arial, sans-serif;} .comparsionTable.CAMPUS tbody th .floatedBox { width: 85%; display: block; overflow: hidden; float: left; padding: 7px 0 0 0;} .comparsionTable.CAMPUS tbody th .floatedBox p strong { text-transform: uppercase; display: block; font: 25px/35px 'Prometo-Bold', Helvetica, Arial, sans-serif; margin-bottom: 10px; } .comparsionTable.CAMPUS tbody th .floatedBox p em { font-size: 13px; line-height: 24px; padding: 10px 0; display: block; } .comparsionTable.CAMPUS tbody th .floatedBox p a { border-bottom: dashed 1px #333; color: #333; } .comparsionTable.CAMPUS tbody th .floatedBox p a:hover { border-bottom: solid 1px #333; } .comparsionTable.CAMPUS tbody th p strong i { display: none;} .comparsionTable.CAMPUS tbody td { border-left: solid 1px #d3e6fa; font-size: 16px;} .comparsionTable.CAMPUS tbody td i.fa-check { color: #0788c9;} .comparsionTable.CAMPUS tbody td i.fa-times { color: #949494;} .comparsionTable.CAMPUS tbody td p { margin-bottom: 10px;} .comparsionTable.CAMPUS tbody td p.greyC { color: #949494; font: 16px/26px 'SourceSansPro-Bold', Helvetica, Arial, sans-serif;} .comparsionTable.CAMPUS tbody td ul { margin-bottom: 10px; display: block; overflow: hidden;} .comparsionTable.CAMPUS tbody td ul li { margin-bottom: 5px; display: block;} .comparsionTable.CAMPUS tbody td a { color: #333; border-bottom: dashed 1px #0788c9; margin-left: 5px;} .comparsionTable.CAMPUS tbody td a:hover { color: #0788c9; border-bottom: solid 1px #0788c9;} .comparsionTable.CAMPUS tbody td em { color: #ffb200;} .comparsionTable.CAMPUS tbody td b { color: #e20040;} .comparsionTable.CAMPUS th.noBrd { border-left: none; border-top: none;} .comparsionTable.CAMPUS tbody th.DAT span { color: #004ea8;} .comparsionTable.CAMPUS tbody th.DAT .floatedBox p strong { color: #004ea8;} .comparsionTable.CAMPUS tbody th.DAT .floatedBox p a { color: #004ea8; border-bottom: dashed 1px #004ea8;} .comparsionTable.CAMPUS tbody th.DAT .floatedBox p a:hover { border-bottom: solid 1px #004ea8;} .comparsionTable.CAMPUS tbody th.DIR span { color: #84329b;} .comparsionTable.CAMPUS tbody th.DIR .floatedBox p strong { color: #84329b;} .comparsionTable.CAMPUS tbody th.DIR .floatedBox p a { color: #84329b; border-bottom: dashed 1px #84329b;} .comparsionTable.CAMPUS tbody th.DIR .floatedBox p a:hover { border-bottom: solid 1px #84329b;} .comparsionTable.CAMPUS tbody th.REP span { color: #00af66;} .comparsionTable.CAMPUS tbody th.REP .floatedBox p strong { color: #00af66;} .comparsionTable.CAMPUS tbody th.REP .floatedBox p a { color: #00af66; border-bottom: dashed 1px #00af66;} .comparsionTable.CAMPUS tbody th.REP .floatedBox p a:hover { border-bottom: solid 1px #00af66;} /* Tooltip style*/ .tooltipster-base { display: flex; pointer-events: none; position: absolute;} .tooltipster-box { flex: 1 1 auto; } .tooltipster-content { box-sizing: border-box; max-height: 100%; max-width: 100%; overflow: auto;} .tooltipster-ruler { bottom: 0; left: 0; overflow: hidden; position: fixed; right: 0; top: 0; visibility: hidden;} .tooltipster-fade { opacity: 0; -webkit-transition-property: opacity; -moz-transition-property: opacity; -o-transition-property: opacity; -ms-transition-property: opacity; transition-property: opacity;} .tooltipster-fade.tooltipster-show { opacity: 1; } @keyframes tooltipster-fading { 0% { opacity: 0; } 100% { opacity: 1; } } .tooltipster-update-fade { animation: tooltipster-fading 400ms; } .tooltipster-sidetip .tooltipster-box { background-color: rgba(51,51,51,.8); border-radius: 4px; } .tooltipster-sidetip.tooltipster-bottom .tooltipster-box { margin-top: 8px;} .tooltipster-sidetip.tooltipster-left .tooltipster-box { margin-right: 8px;} .tooltipster-sidetip.tooltipster-right .tooltipster-box { margin-left: 8px;} .tooltipster-sidetip.tooltipster-top .tooltipster-box { margin-bottom: 8px;} .tooltipster-sidetip .tooltipster-content { color: #fff; padding: 6px 14px; font: 13px/18px 'SourceSansPro-Light', Helvetica, Arial, sans-serif;} .tooltipster-sidetip .tooltipster-arrow { overflow: hidden; position: absolute;} .tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow { height: 10px; margin-left: -10px; top: -2px; width: 20px;} .tooltipster-sidetip.tooltipster-left .tooltipster-arrow { height: 20px; margin-top: -10px; right: -2px; top: 0; width: 10px;} .tooltipster-sidetip.tooltipster-right .tooltipster-arrow { height: 20px; margin-top: -10px; left: -2px; top: 0; width: 10px;} .tooltipster-sidetip.tooltipster-top .tooltipster-arrow { bottom: -2px; height: 10px; margin-left: -10px; width: 20px;} .tooltipster-sidetip .tooltipster-arrow-background, .tooltipster-sidetip .tooltipster-arrow-border { height: 0; position: absolute; width: 0;} .tooltipster-sidetip .tooltipster-arrow-background { border: 10px solid transparent;} .tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-background { border-bottom-color:rgba(51,51,51,.8); left: 0px; top: 3px; } .tooltipster-sidetip.tooltipster-left .tooltipster-arrow-background { border-left-color: rgba(51,51,51,.8); left: -3px; top: 0px;} .tooltipster-sidetip.tooltipster-right .tooltipster-arrow-background { border-right-color: rgba(51,51,51,.8); left: 3px; top: 0px;} .tooltipster-sidetip.tooltipster-top .tooltipster-arrow-background { border-top-color: rgba(51,51,51,.8); left: 0px; top: -3px; } .tooltipster-sidetip .tooltipster-arrow-uncropped { position: relative;} .tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-uncropped { top: -10px;} .tooltipster-sidetip.tooltipster-right .tooltipster-arrow-uncropped { left: -10px;} .tooltip.DAT .tooltipster-sidetip .tooltipster-box { background-color: rgba(0,0,168,.8)!important; border-radius: 4px; } .twoFoldBlock .box { padding: 40px 4% 20px; overflow: hidden; display: block; clear: both;} .twoFoldBlock .box .leftCol { float: left; display: block; padding-right: 3%; width: 50%; border-right: solid 1px #cfcfcf; margin-bottom: 30px;} .twoFoldBlock .box .leftCol .imgBox { float: left; display: block; padding-right: 20px;} .twoFoldBlock .box .leftCol .imgBox img { width: 100%; height: auto; max-width: 140px; max-height: 140px;} .twoFoldBlock .box .leftCol h3 { font: 18px/24px 'Prometo-Bold', Helvetica, Arial, sans-serif; margin-bottom: 6px;} .twoFoldBlock .box .leftCol p { font: 18px/22px 'SourceSansPro-Regular', Helvetica, Arial, sans-serif; margin-bottom: 10px; } .twoFoldBlock .box .rightCol { float: right; display: block; width: 50%; padding-left: 3%; margin-bottom: 30px; font: 20px/30px 'SourceSansPro-Regular', Helvetica, Arial, sans-serif;} .twoFoldBlock .box .rightCol i { margin-top: 10px; display: block; font: 18px/22px 'SourceSansPro-Regular', Helvetica, Arial, sans-serif;} .twoFoldBlock .box .rightCol a { border-bottom: dashed 1px #333; color: #333;} .twoFoldBlock .box .rightCol a:hover { border-bottom: solid 1px #333; } .twoFoldBlock .box.DAT .rightCol a { border-bottom: dashed 1px #004ea8; color: #004ea8;} .twoFoldBlock .box.DAT .rightCol a:hover{ border-bottom: solid 1px #004ea8; } .twoFoldBlock .box.DIR .rightCol a { border-bottom: dashed 1px #84329b; color: #84329b;} .twoFoldBlock .box.DIR .rightCol a:hover{ border-bottom: solid 1px #84329b; } .twoFoldBlock .box.CAMPUS .rightCol a { border-bottom: dashed 1px #0788c9; color: #0788c9;} .twoFoldBlock .box.CAMPUS .rightCol a:hover{ border-bottom: solid 1px #0788c9; } .twoFoldBlock .box .clearBox { text-align: center; display: block; clear: both; overflow: hidden; border-top: solid 1px #cfcfcf; margin-top: 30px; padding: 30px 0; } .twoFoldBlock .box .clearBox h2 { font: 30px/40px 'Prometo-Bold', Helvetica, Arial, sans-serif; margin-bottom: 30px; } .twoFoldBlock .box .clearBox li { float: left; display: block; width: 16.66%; padding: 1%; text-align: center;} .twoFoldBlock .box .clearBox li img { width: 100%; height: auto; max-width: 150px; max-height: 45px; } /* profile box*/ .profile-box { padding: 60px 4% 20px; display: block; clear: both;} .premium-profile { padding: 10px; width: 100%; display: block; clear: both; background-color: #f8f8f8; margin-bottom: 70px; border-top: solid 1px #eaeaea; border-right: solid 1px #eaeaea; border-bottom: solid 1px #eaeaea; border-left: solid 10px #84329b;} .premium-profile .leftCol { padding: 10px 10px 0 10px; float: left; display: block; width: 24%; background-color: #fff; text-align: center;} .premium-profile .leftCol .imgBox { display: block; width: 112px; border: solid 1px #eaeaea; padding: 8px 8px 6px 8px; text-align: center; margin: 0 auto 10px auto; margin-top: -44px; background-color: #fff; } .premium-profile .leftCol .imgBox img { max-width: 96px; max-height: 92px; width: 100%; height: auto; } .premium-profile .leftCol p { font: 16px/20px 'SourceSansPro-Regular', Helvetica, Arial, sans-serif;} .premium-profile .leftCol p strong { text-transform: uppercase; font: 16px/20px 'SourceSansPro-Bold', Helvetica, Arial, sans-serif;} .premium-profile .leftCol ul { margin-top: 20px;} .premium-profile .leftCol ul li { margin-bottom: 8px; display: block; font: 16px/20px 'SourceSansPro-Regular', Helvetica, Arial, sans-serif; word-break: break-all;} .premium-profile .leftCol ul li strong { font: 16px/20px 'SourceSansPro-Bold', Helvetica, Arial, sans-serif;} .premium-profile .leftCol ul li a { color: #84329b;} .premium-profile .leftCol ul li a:hover { border-bottom: dashed 1px #84329b;} .premium-profile .rightCol { padding: 10px 25px 0 25px; float: left; display: block; width: 76%; position: relative; font: 18px/22px 'SourceSansPro-Regular', Helvetica, Arial, sans-serif; } .premium-profile .rightCol h2 { margin-bottom: 10px; font: 32px/38px 'Prometo-Bold', Helvetica, Arial, sans-serif;} .premium-profile .rightCol p { margin-bottom: 5px; } .premium-profile .rightCol h3 { margin: 20px 0 10px 0; text-transform: uppercase; font: 18px/26px 'Prometo-Bold', Helvetica, Arial, sans-serif;} .premium-profile .rightCol ul { display: block;} .premium-profile .rightCol ul li { padding: 0 0 0 15px; margin: 0 15px 10px 0; display: inline-block; background: url(../images/purpleDotBullet.png) no-repeat 0 6px;} .premium-profile .rightCol .profileTyple { position: absolute; top: -25px; right: 5px; padding: 6px 10px 6px 20px; background-color: #fff; border: solid 1px #eaeaea; -webkit-border-radius: 100px; -moz-border-radius: 100px; border-radius: 100px; font: 13px/23px 'SourceSansPro-Regular', Helvetica, Arial, sans-serif;} .premium-profile .rightCol .profileTyple i { font-size: 18px; margin-left: 5px;} .premium-profile .rightCol .clearBox { display: block; clear: both; overflow: hidden; padding: 10px 0 0 0; margin-top: 10px; border-top: solid 1px #eaeaea;} .premium-profile .rightCol .clearBox li { float: left; display: block; margin: 0 5px 5px 0; border-left: solid 3px #84329b; background-color: #fff; padding: 10px 20px; background-image: none;} .premium-profile .rightCol .clearBox .col_4, .premium-profile .rightCol .clearBox .col_8 { margin-bottom: 0;} .free-profile { padding: 10px; width: 100%; margin-bottom: 25px; display: block; clear: both; background-color: #f8f8f8; border-top: solid 1px #eaeaea; border-right: solid 1px #eaeaea; border-bottom: solid 1px #eaeaea; border-left: solid 10px #84329b;} .free-profile .leftCol { padding: 10px; float: left; display: block; width: 24%; background-color: #fff; text-align: center;} .free-profile .leftCol ul { margin: 20px 10px;} .free-profile .leftCol ul li { margin-bottom: 8px; display: block; font: 16px/20px 'SourceSansPro-Regular', Helvetica, Arial, sans-serif; word-break: break-all;} .free-profile .leftCol ul li strong { font: 16px/20px 'SourceSansPro-Bold', Helvetica, Arial, sans-serif;} .free-profile .leftCol ul li a { color: #84329b;} .free-profile .leftCol ul li a:hover { border-bottom: dashed 1px #84329b;} .free-profile .rightCol { padding: 10px 25px 0 25px; float: left; display: block; width: 76%; position: relative; font: 18px/22px 'SourceSansPro-Regular', Helvetica, Arial, sans-serif; } .free-profile .rightCol h2 { position: absolute; top: 50%; transform: translateY(-50%); font: 32px/38px 'Prometo-Bold', Helvetica, Arial, sans-serif; } .profile-box .optionBox .col_4 { text-align: right; padding: 30px 0; } .profile-box .optionBox .col_4 p { display: block; } .profile-box .optionBox .col_4 p label { font: 18px/22px 'SourceSansPro-Regular', Helvetica, Arial, sans-serif; margin: 8px 8px 0 0; display: inline-block;} .profile-box .optionBox .col_4 p .nice-select.small { float: right;} /* request box*/ .request-box { padding: 60px 4% 20px; display: block; clear: both;} .request-box .request { padding: 10px; width: 100%; display: block; clear: both; margin-bottom: 30px; border: solid 1px #eaeaea; } .request-box .request .leftCol { padding: 10px 10px 0 10px; float: left; display: block; width: 44%; border: solid 1px #eaeaea; text-align: center;} .request-box .request .leftCol span.caption { font: 14px/26px 'Prometo-Regular', Helvetica, Arial, sans-serif; color:#555; padding: 6px 0 0 0; display: block; margin-bottom: 10px; background-color: #f5f5f5;} .request-box .request .leftCol h4 { font: 20px/28px 'Prometo-Bold', Helvetica, Arial, sans-serif; margin-bottom: 10px; text-transform: uppercase;} .request-box .request .leftCol p { font: 16px/20px 'SourceSansPro-Regular', Helvetica, Arial, sans-serif;} .request-box .request .leftCol p strong { text-transform: uppercase; font: 16px/20px 'SourceSansPro-Bold', Helvetica, Arial, sans-serif;} .request-box .request .leftCol ul { margin: 20px 0;} .request-box .request .leftCol ul li { margin-bottom: 8px; display: block; font: 16px/20px 'SourceSansPro-Regular', Helvetica, Arial, sans-serif;} .request-box .request .leftCol ul li strong { font: 16px/20px 'SourceSansPro-Bold', Helvetica, Arial, sans-serif;} .request-box .request .leftCol ul li a { color: #84329b;} .request-box .request .leftCol ul li a:hover { border-bottom: dashed 1px #84329b;} .request-box .request .rightCol { padding: 10px 25px 0 25px; float: left; display: block; width: 56%; position: relative; font: 18px/22px 'SourceSansPro-Regular', Helvetica, Arial, sans-serif; } .request-box .request .rightCol span.caption { font: 14px/26px 'Prometo-Regular', Helvetica, Arial, sans-serif; color:#555;} .request-box .request .rightCol h2 { margin-bottom: 10px; font: 32px/38px 'Prometo-Bold', Helvetica, Arial, sans-serif;} .request-box .request .rightCol p { margin-bottom: 10px; } .request-box .request .rightCol .clearBox { display: block; clear: both; overflow: hidden; padding: 10px 0 0 0; margin-top: 10px; border-top: solid 1px #eaeaea;} .request-box .request .rightCol .clearBox p { float: left; display: block; margin: 0 5px 5px -5px; padding: 10px 20px 10px 0; background-image: none;} .request-box .request .rightCol .clearBox .col_4, .request-box .request .rightCol .clearBox .col_8 { margin-bottom: 0;} .request-box .request .rightCol .clearBox .col_6 .xs-button { max-width: 250px;} /* company Banner*/ .companyBanner { padding: 0; margin-top: 10px; height: 310px; display: block; clear: both; overflow: hidden; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-position: center bottom;} /* company Profile Box*/ .companyProfileBox { padding: 0 4% 20px; display: block; clear: both; background-color: #f6f6f6;} .companyProfileBox .container { border-bottom: solid 1px #d9d9d9; padding-bottom: 40px;} /* company Profile left col*/ .companyProfileBox .leftCol { width: 30%; float: left; display: block;} /* company*/ .company { padding: 35px; margin-top: -272px; color: #fff; background: #84329b url(../images/DIRServicesBg.jpg) repeat-x bottom; font: 16px/22px 'SourceSansPro-Light', Helvetica, Arial, sans-serif; -webkit-box-shadow: 0px 0px 20px -5px rgba(0,0,0,0.75); -moz-box-shadow: 0px 0px 20px -5px rgba(0,0,0,0.75); box-shadow: 0px 0px 20px -5px rgba(0,0,0,0.75);} .company a { color: #fff; border-bottom: dashed 1px #fff;} .company strong { margin-right: 5px; text-transform: uppercase; font: 16px/22px 'SourceSansPro-Bold', Helvetica, Arial, sans-serif;} .company a:hover { border-bottom: solid 1px #fff;} .company .imgBox { margin-bottom: 20px; padding: 15px 0; background-color: #fff; text-align: center;} .company .imgBox img { width: 100%; height: auto; max-width: 240px; max-height: 200px;} .company h3 { margin-bottom: 5px; } .company li { display: block; margin-bottom: 5px;} .company .otherInfo { margin-top: 30px;} .company .otherInfo li { margin-bottom: 5px;} .company .languageBox { margin-top: 30px;} .company .social { margin-top: 20px;} .company .social [class*="fa fa-"] { background-color: #fff; border-radius: 30px; color: #84329b!important; display: inline-block; height: 30px; line-height: 30px; margin: auto 10px auto 0; width: 30px; font-size: 18px; text-align: center; } .company .social a { border: none!important;} .company .social a:hover { border: none!important;} .company .social .fa-linkedin:hover { background-color: #007BB6; color: #fff!important; } .company .social .fa-twitter:hover { background-color: #31CCFE; color: #fff!important; } .company .social .fa-facebook:hover { background-color: #3B5998; color: #fff!important; } .company .social .fa-google-plus:hover { background-color: #DE493B; color: #fff!important; } /* company*/ .company-responsive { display: none; padding: 35px; margin-bottom: 40px; color: #fff; background: #84329b url(../images/DIRServicesBg.jpg) repeat-x bottom; font: 16px/22px 'SourceSansPro-Light', Helvetica, Arial, sans-serif; -webkit-box-shadow: 0px 0px 20px -5px rgba(0,0,0,0.75); -moz-box-shadow: 0px 0px 20px -5px rgba(0,0,0,0.75); box-shadow: 0px 0px 20px -5px rgba(0,0,0,0.75);} .company-responsive a { color: #fff; border-bottom: dashed 1px #fff;} .company-responsive strong { margin-right: 5px; text-transform: uppercase; font: 16px/22px 'SourceSansPro-Bold', Helvetica, Arial, sans-serif;} .company-responsive a:hover { border-bottom: solid 1px #fff;} .company-responsive .imgBox { margin-bottom: 20px; padding: 15px 0; background-color: #fff; text-align: center;} .company-responsive .imgBox img { width: 100%; height: auto; max-width: 240px; max-height: 200px;} .company-responsive h3 { margin-bottom: 5px; } .company-responsive li { display: block; margin-bottom: 5px;} .company-responsive .adressBox { float: left; width: 50%; margin-bottom: 20px;} .company-responsive .otherInfo { float: right; width: 50%; margin-bottom: 20px;} .company-responsive .otherInfo li { margin-bottom: 5px;} .company-responsive .languageBox { float: left; width: 50%;} .company-responsive .social { float: right; width: 50%; padding-top: 10px;} .company-responsive .social [class*="fa fa-"] { background-color: #fff; border-radius: 30px; color: #84329b!important; display: inline-block; height: 30px; line-height: 30px; margin: auto 10px auto 0; width: 30px; font-size: 18px; text-align: center; } .company-responsive .social a { border: none!important;} .company-responsive .social a:hover { border: none!important;} .company-responsive .social .fa-linkedin:hover { background-color: #007BB6; color: #fff!important; } .company-responsive .social .fa-twitter:hover { background-color: #31CCFE; color: #fff!important; } .company-responsive .social .fa-facebook:hover { background-color: #3B5998; color: #fff!important; } .company-responsive .social .fa-google-plus:hover { background-color: #DE493B; color: #fff!important; } /* team */ .team { display: block; margin-top: 50px; font: 18px/22px 'SourceSansPro-Light', Helvetica, Arial, sans-serif;} .team h3 { position: relative; display: block; padding: 0 0 5px 0; margin: 0 0 20px 0; border-bottom: solid 1px #bcbcbc; font: 30px/38px 'SourceSansPro-Light', Helvetica, Arial, sans-serif;} .team h3:before { content: ''; position: absolute; width: 50px; height: 3px; background-color: #84329b; bottom: -2px; left: 0; } .team ul { display: block; overflow: hidden;} .team ul li { display: block; margin-bottom: 20px; overflow: hidden;} .team ul li .roundedImage { float: left; margin-right: 15px; overflow: hidden; width: 50px; height: 50px; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%;} .team ul li .roundedImage img { width: 100%; height: auto; max-width: 50px; max-height: 50px} .team ul li p { float: left; width: 70%; line-height: 26px; } .team ul li p strong { font: 22px/26px 'SourceSansPro-Bold', Helvetica, Arial, sans-serif; } .team ul li p strong a { color: #333; border-bottom: dashed 1px #333;} .team ul li p strong a:hover { color: #333; border-bottom: solid 1px #333;} .team ul li p span { display: block;} /* list */ .listStyle { display: block; margin-top: 50px; font: 18px/22px 'SourceSansPro-Light', Helvetica, Arial, sans-serif;} .listStyle h3 { position: relative; display: block; padding: 0 0 5px 0; margin: 0 0 20px 0; border-bottom: solid 1px #bcbcbc; font: 30px/38px 'SourceSansPro-Light', Helvetica, Arial, sans-serif;} .listStyle h3:before { content: ''; position: absolute; width: 50px; height: 3px; background-color: #84329b; bottom: -2px; left: 0; } .listStyle p { margin-bottom: 20px;} .listStyle li { display: block; margin-bottom: 10px; padding-left: 18px; background: url(../images/bulletResources.png) no-repeat 0px 4px;} .listStyle li a { color: #84329b; border-bottom: dashed 1px #84329b;} .listStyle li a:hover { border-bottom: solid 1px #84329b;} .listStyle li strong { font: 18px/22px 'SourceSansPro-Bold', Helvetica, Arial, sans-serif;} /* activities Box */ .activitiesBox { display: block; margin-top: 50px; font: 16px/20px 'SourceSansPro-Light', Helvetica, Arial, sans-serif;} .activitiesBox h3 { position: relative; display: block; padding: 0 0 5px 0; margin: 0 0 20px 0; border-bottom: solid 1px #bcbcbc; font: 30px/38px 'SourceSansPro-Light', Helvetica, Arial, sans-serif;} .activitiesBox h3:before { content: ''; position: absolute; width: 50px; height: 3px; background-color: #84329b; bottom: -2px; left: 0; } .activitiesBox li { display: block; margin-bottom: 30px;} .activitiesBox li a { color: #84329b; border-bottom: dashed 1px #84329b;} .activitiesBox li a:hover { border-bottom: solid 1px #84329b;} .activitiesBox li span { display: block; font-size: 14px; margin-bottom: 5px; color: #9b9b9b;} .activitiesBox li p { margin-bottom: 10px;} .activitiesBox li p strong { font: 16px/20px 'SourceSansPro-Bold', Helvetica, Arial, sans-serif;} /* breadcrumbs */ .breadcrumbs { display: block; overflow: hidden; margin: 10px 0 30px 0; font: 16px/20px 'SourceSansPro-Light', Helvetica, Arial, sans-serif;} .breadcrumbs li { margin: 0 5px; float: left; display: block; line-height: 22px;} .breadcrumbs li:first-child { text-transform: uppercase; font-family: 'SourceSansPro-Bold', Helvetica, Arial, sans-serif;} .breadcrumbs li:first-child:after { content: none; } .breadcrumbs li:last-child:after { content: none; display: inline-block;} .breadcrumbs li:after { content: '/'; color: #84329b; margin: 0 0 0 5px;} .breadcrumbs li a { color: #84329b; border-bottom: dashed 1px #84329b;} .breadcrumbs li a:hover { border-bottom: solid 1px #84329b;} /* company profile*/ .companyProfileBox .rightCol { width: 70%; float: right; display: block; padding-left: 3%; padding-top: 10px; } .companyProfileBox .box { margin-bottom: 30px; overflow: hidden; font: 18px/24px 'SourceSansPro-Light', Helvetica, Arial, sans-serif; } .companyProfileBox .box.whiteBg { background-color: #fff; -webkit-box-shadow: 0px 0px 20px -5px rgba(0,0,0,0.75); -moz-box-shadow: 0px 0px 20px -5px rgba(0,0,0,0.75); box-shadow: 0px 0px 20px -5px rgba(0,0,0,0.75); } .companyProfileBox .box.whiteBg .inner { padding: 4%;} .companyProfileBox .box .inner h1 { font: 25px/33px 'Prometo-Bold', Helvetica, Arial, sans-serif; margin-bottom: 15px;} .companyProfileBox .box .inner p { margin-bottom: 20px;} .companyProfileBox .box .inner strong { font-family: 'SourceSansPro-Bold', Helvetica, Arial, sans-serif;} .companyProfileBox .box .inner a { color: #84329b; border-bottom: dashed 1px #84329b;} .companyProfileBox .box .inner a:hover { border-bottom: solid 1px #84329b;} .companyProfileBox .box .inner ul.checkList li { display: inline-block; margin: 5px 15px 5px 0; padding-left: 25px; background: url('../images/dirCheckBullet.png') no-repeat 0 4px;} .companyProfileBox .box .buttonBox { background-color: #f6f6f6; border-top: solid 1px #e3e3e3; padding: 25px 2%; text-align: center;} .companyProfileBox .box .buttonBox a { margin: 0 1% 10px 1%; max-width: 250px; width: 98%;} .companyProfileBox .box .inner .title { color: #84329b; font: 30px/38px 'SourceSansPro-Light', Helvetica, Arial, sans-serif; margin-bottom: 15px;} .companyProfileBox .box .inner ul.tags { display: block; overflow: hidden; margin-bottom: 30px;} .companyProfileBox .box .inner ul.tags li { font: 16px/24px 'SourceSansPro-Light', Helvetica, Arial, sans-serif; float: left; display: block; margin: 0 8px 8px 0; border-left: solid 3px #84329b; background-color: #f6f6f6; padding: 10px 15px; background-image: none;} .companyProfileBox .box .inner hr { width: 100%; height: 1px; border: none; background-color: #d6d6d6; margin: 30px 0;} .companyProfileBox .box .inner hr.separator { margin: 40px 0 0;} .companyProfileBox .box .inner h3 { text-transform: uppercase; margin-bottom: 25px; font: 22px/30px 'SourceSansPro-Light', Helvetica, Arial, sans-serif;} .companyProfileBox .box .inner h4 { text-transform: uppercase; font: 18px/26px 'SourceSansPro-Bold', Helvetica, Arial, sans-serif;} .companyProfileBox .box .inner h5 { text-transform: uppercase; font: 18px/26px 'SourceSansPro-Regular', Helvetica, Arial, sans-serif; margin-bottom: 20px;} .companyProfileBox .box .inner ul.rounded { display: block; overflow: hidden; margin-bottom: 30px;} .companyProfileBox .box .inner ul.rounded li { display: inline-block; margin: 5px 15px 5px 0; padding-left: 20px; background: url('../images/purpleDotBullet.png') no-repeat 0 7px;} .companyProfileBox .box .inner .specialBox { border: dashed 1px #c2c2c2; background-color: #f6f6f6; padding: 20px 30px;} .companyProfileBox .box .inner .specialBox li { display: block; margin-bottom: 10px; padding-left: 18px; background: url(../images/purpleBullet.png) no-repeat 0px 6px;} .companyProfileBox .box .inner .specialBox li a { color: #84329b; border-bottom: dashed 1px #84329b;} .companyProfileBox .box .inner .specialBox li a:hover { border-bottom: solid 1px #84329b;} .companyProfileBox .box .inner .gallery { display: block; clear: both; width: 100%;} .companyProfileBox .box .inner .gallery li { float: left; width: 31%; text-align: center; margin: 10px 2% 10px 0; } .companyProfileBox .box .inner .gallery li a { display: block; max-width: 230px; height: 162px; position: relative; text-align: center; border: solid 7px #fff; -webkit-box-shadow: 0px 0px 20px -5px rgba(0,0,0,0.75); -moz-box-shadow: 0px 0px 20px -5px rgba(0,0,0,0.75); box-shadow: 0px 0px 20px -5px rgba(0,0,0,0.75);} .companyProfileBox .box .inner .gallery li a img { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); max-width: 214px; height: auto; max-height: 148px;} .companyProfileBox .box .inner .gallery li em { color: #7d7d7d; margin-top: 6px; padding: 0 7px; max-width: 230px; display: block; font: 16px/20px 'SourceSansPro-Light', Helvetica, Arial, sans-serif;} .companyProfileBox .box .inner ul.default { display: block; overflow: hidden; margin-bottom: 30px;} .companyProfileBox .box .inner ul.default li { display: block; margin: 0 0 2px 0; padding-left: 15px; background: url('../images/defaultBullet.png') no-repeat 0 8px;} .companyProfileBox .certificate { display: block; clear: both; overflow: hidden; margin-bottom: 40px;} .companyProfileBox .certificate li { width: 100%; float: left; margin: 0 0 20px 0;} .companyProfileBox .certificate li a { display: block; width: 100%; padding: 14px 10px 15px 60px; min-height: 70px; color: #333!important; font: 18px/20px 'SourceSansPro-Regular', Helvetica, Arial, sans-serif; background: url('../images/certificateIcon.png') no-repeat 10px 12px; border: solid 1px #84329b!important; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: 0px 3px 0px 0px rgba(132,50,155,1); -moz-box-shadow: 0px 3px 0px 0px rgba(132,50,155,1); box-shadow: 0px 3px 0px 0px rgba(132,50,155,1);} .companyProfileBox .certificate li a span { display: block; font: 14px/22px 'SourceSansPro-Light', Helvetica, Arial, sans-serif;} .companyProfileBox .certificate li a:hover { background-color: #fff;} /* register box table*/ .relativeBox { position: relative;} .register-box-table { display: block; width: 98%; margin: 0 auto; margin-top:80px; background-color:rgba(255,255,255,0.85); border: dashed 1px #333; padding: 40px 4%;} .register-box-table h2 { font: 40px/50px 'Prometo-Bold', Helvetica, Arial, sans-serif; text-align: center; margin-bottom: 50px;} .register-box-table .holderBox { width: 78%; margin: 0 auto; overflow: hidden; display: block;} .register-box-table .holderBox h3 { text-transform: uppercase; font: 20px/30px 'Prometo-Bold', Helvetica, Arial, sans-serif; margin-bottom: 5px;} .register-box-table .holderBox li { display: block; padding: 5px 5px 0 20px; background: url(../images/bulletResources.png) no-repeat 0 11px; font: 16px/24px 'SourceSansPro-Regular', Helvetica, Arial, sans-serif;} .register-box-table .holderBox .leftCol { width: 49%; padding-left: 80px; float: left; background: url(../images/richDataIcon.png) no-repeat 0 0;} .register-box-table .holderBox .rightCol { width: 49%; padding-left: 80px; float: right; background: url(../images/magicWandIcon.png) no-repeat 0 0;} .register-box-table .holderBox .clearBox { display: block; overflow: hidden; clear: both; text-align: center; padding: 50px 0 0;} .register-box-table .holderBox .clearBox a { text-transform: uppercase; font: 18px/24px 'Prometo-Regular', Helvetica, Arial, sans-serif; padding: 16px 30px;} .register-box-table .holderBox .clearBox p { text-align: center; margin: 5px; font: 16px/24px 'Prometo-Regular', Helvetica, Arial, sans-serif; } /* INLINE POPUP BOX */ .inner-popup-box { padding: 40px 20px 20px;} .inner-popup-box h2 { font: 30px/40px 'Prometo-Bold', Helvetica, Arial, sans-serif; text-align: center; margin-bottom: 10px;} .inner-popup-box h3 { font: 18px/28px 'Prometo-Light', Helvetica, Arial, sans-serif; text-align: center; margin-bottom: 30px;} .inner-popup-box .holderBox { width: 100%; margin: 0 auto 30px; overflow: hidden; display: flex;} .inner-popup-box .holderBox h3 { text-transform: uppercase; font: 20px/30px 'Prometo-Bold', Helvetica, Arial, sans-serif; text-align: left; margin-bottom: 5px;} .inner-popup-box .holderBox ul { margin-bottom: 20px;} .inner-popup-box .holderBox li { display: flex; padding: 5px 5px 0 20px; background: url(../images/bulletResources.png) no-repeat 0 11px; font: 16px/24px 'SourceSansPro-Regular', Helvetica, Arial, sans-serif;} .inner-popup-box .holderBox .leftCol { width: 49%; padding-left: 60px; border-right: solid 1px #eee; display: flex; flex-direction: column; } .inner-popup-box .holderBox .leftCol p { flex: 1; align-items: flex-end; display: flex; } .inner-popup-box .holderBox .rightCol { width: 49%; padding-left: 60px; display: flex; flex-direction: column;} .inner-popup-box .holderBox .rightCol p { flex: 1; align-items: flex-end; display: flex; } .inner-popup-box .holderBox .small-ghost-button.lGreenC { max-width: 90%;} .inner-popup-box .clearBox { text-align: center; display: block;} .inner-popup-box .clearBox a { text-align: center; text-transform: uppercase; font: 18px/24px 'Prometo-Regular', Helvetica, Arial, sans-serif; padding: 16px 30px;} .inner-popup-box .clearBox h3 { text-transform: uppercase; font: 20px/30px 'Prometo-Bold', Helvetica, Arial, sans-serif; text-align: center; margin-bottom: 10px; } .inner-popup-box .clearBox p { text-align: center; margin: 5px; font: 16px/24px 'Prometo-Regular', Helvetica, Arial, sans-serif; } /* search results table*/ .rwd-table { width:100%; margin: 40px 0 20px; border-collapse: collapse; border-left: solid 1px #d3e6fa; border-right: solid 1px #d3e6fa; border-top: solid 1px #d3e6fa; font: 14px/18px 'SourceSansPro-Regular', Helvetica, Arial, sans-serif;} .rwd-table caption { padding: 20px 0; text-align: right; } .rwd-table caption a { margin-left: 10px; } .rwd-table caption a.small-ghost-rectangle-button.DAT { max-width: 400px;} .rwd-table caption a.small-ghost-rectangle-button.DAT:hover { background-color: #003d84; border: solid 2px #003d84; color: #fff;} .rwd-table caption a.small-ghost-rectangle-button-white.DAT { display: inline-block; padding: 7px 50px; width: 100%; max-width: 250px; text-align: center; font: 20px/30px 'Prometo-Bold', Helvetica, Arial, sans-serif; font-weight: normal; border: 2px solid #004ea8; color: #004ea8; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in;} .rwd-table caption a.small-ghost-rectangle-button-white.DAT:hover { color: #fff; background-color: #004ea8; border: 2px solid #004ea8;} .rwd-table th, .rwd-table td { padding: 15px; height:60px; } .rwd-table th { border-bottom: solid 1px #d3e6fa; border-right: solid 1px #d3e6fa; } .rwd-table td { text-align: left; border-bottom: solid 1px #d3e6fa; border-right: solid 1px #d3e6fa;} .rwd-table thead th { background-color: #ecf5fe; font: 14px/18px 'SourceSansPro-Regular', Helvetica, Arial, sans-serif;} .rwd-table tbody th { font: 18px/28px 'SourceSansPro-Regular', Helvetica, Arial, sans-serif; width: 80%;} .rwd-table tbody td { vertical-align: middle; text-align: center;} .rwd-table a { color: #004ea8; border-bottom: dashed 1px #004ea8; } .rwd-table a:hover { border-bottom: solid 1px #004ea8; } .rwd-table .noBrd span { border: 2px solid #62a1e9; color: #fff; background-color: #004ea8;display: inline-block; padding: 7px 10px; width: 100%; max-width: 200px; text-align: center; font: 14px/16px 'Prometo-Regular', Helvetica, Arial, sans-serif; font-weight: normal; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in;} .rwd-table .noBrd:hover span { background-color: #003d84; border: solid 2px #003d84; color: #fff; } .rwd-table .noBrd i.fa.fa-info-circle { display: none;} .rwd-table tr.disable .report-link { border: 2px solid #ccc; color: #fff; background-color: #ccc; display: inline-block; padding: 7px 10px; width: 100%; max-width: 200px; text-align: center; font: 14px/16px 'Prometo-Regular', Helvetica, Arial, sans-serif; font-weight: normal; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .rwd-table tr.disable .fa.fa-info-circle {display: none;} .rwd-table tr.disable label a, .rwd-table tr label .disabledLook { border: 2px solid #ccc; flex: 1; margin-left: 5px; color: #fff; background-color: #ccc; display: inline; padding: 7px 10px; width: 100%; max-width: 200px; text-align: center; font: 14px/16px 'Prometo-Regular', Helvetica, Arial, sans-serif; font-weight: normal; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in} .rwd-table input.checkbox.blue[type="checkbox"] + label { display: flex; justify-content: center; align-items: center; margin: 0; cursor: pointer;} .rwd-table a.noBrd, .rwd-table a.noBrd:hover { border-bottom:none;} .rwd-table i { font-size: 28px;} .rwd-table tbody tr:nth-child(even) { background-color: #f8f8f8;} .rwd-table tr.disable { color: #cccccc;} .buttonPoz { padding: 0; text-align: right; } .buttonPoz a { margin-left: 10px; } .buttonPoz a.small-ghost-rectangle-button.DAT { max-width: 400px;} .buttonPoz a.small-ghost-rectangle-button.DAT:hover { background-color: #003d84; border: solid 2px #003d84; color: #fff;} .buttonPoz a.small-ghost-rectangle-button-white.DAT { display: inline-block; padding: 7px 50px; width: 100%; max-width: 250px; text-align: center; font: 20px/30px 'Prometo-Bold', Helvetica, Arial, sans-serif; font-weight: normal; border: 2px solid #004ea8; color: #004ea8; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in;} .buttonPoz a.small-ghost-rectangle-button-white.DAT:hover { color: #fff; background-color: #004ea8; border: 2px solid #004ea8;} .relativeBox { padding: 30px 10px; display: block; overflow: hidden; clear: both;} /* single testimonial*/ .singleTestimonial { padding: 40px 4%; overflow: hidden; display: block; clear: both;} .singleTestimonial .leftCol { width: 70%; float: left; display: block; border-right: solid 1px #cfcfcf; padding: 20px 40px; margin: 20px 0; } .singleTestimonial .leftCol p { font: 20px/28px 'Prometo-Light', Helvetica, Arial, sans-serif; margin-bottom: 15px; } .singleTestimonial .leftCol a { color: #004ea8; border-bottom: dashed 1px #004ea8; } .singleTestimonial .leftCol a:hover { border-bottom: solid 1px #004ea8; } .singleTestimonial .rightCol { width: 30%; float: left; display: block; text-align: center; padding: 0 20px; margin: 20px 0; } .singleTestimonial .rightCol .imgBox { margin-bottom: 10px;} .singleTestimonial .rightCol .imgBox img { width: 100%; max-width: 210px; height: auto; max-height: 130px;} .singleTestimonial .rightCol p { margin-bottom: 10px; font: 20px/28px 'Prometo-Light', Helvetica, Arial, sans-serif;} .singleTestimonial .rightCol .small-button { padding-left: 15px; padding-right: 15px; width: 100%;} /* connect provider box */ .campus-three-services-box { padding: 60px 4%; display: block; overflow: hidden; clear:both; width:100%;} .campus-three-services-box .scrollTo.CAMPUS { margin: 80px 0 20px;} .campusWrapp { border-top: solid 1px #bababa; padding: 0; display: block; overflow: hidden; clear:both; width:80%; margin: 0 auto;} .campusStepBox { width: 33%; padding: 0 4%; float: left; display: block; overflow: hidden; text-align: center; } .campusStepBox.pushTop .wizBox { height: 140px;} .campusStepBox .wizBox { width: 63px; margin: 0 auto 15px auto; height: 100px; position: relative;} .campusStepBox .wizBox:after { content: ''; position: absolute; width: 1px; height: 100%; background-color: #bababa; left: 0; right: 0; margin: 0 auto; z-index: 1;} .campusStepBox .wizBox p { display: block; width: 100%; position: absolute; bottom: 0; z-index: 2; color: #fff; background-color: #333; padding: 8px 0; text-align: center; font: 45px/45px 'Prometo-Bold', Helvetica, Arial, sans-serif; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%;} .campusStepBox h3 { text-transform: uppercase; font: 20px/26px 'Prometo-Bold', Helvetica, Arial, sans-serif; margin-bottom: 10px; } .campusStepBox p { font: 16px/22px 'SourceSansPro-Regular', Helvetica, Arial, sans-serif; } .campusStepBox.DAT .wizBox p { background-color: #004ea8;} .campusStepBox.DAT h3 { color: #004ea8;} .campusStepBox.DIR .wizBox p { background-color: #84329b;} .campusStepBox.DIR h3 { color: #84329b;} .campusStepBox.REP .wizBox p { background-color: #00af66;} .campusStepBox.REP h3 { color: #00af66;} /* countryGroup */ .countryGroup { padding: 40px 4% 20px 4%; display: block; clear:both; width:100%;} .countryGroup .wrapperBox { width: 70%; margin: 0 auto;} .countryGroup .wrapperBox .col_3 strong { text-align: right; display: block; font: 22px/56px 'SourceSansPro-Bold', Helvetica, Arial, sans-serif;} .countryGroup .wrapperBox .col_3 { text-align: left; font: 18px/60px 'SourceSansPro-Light', Helvetica, Arial, sans-serif;} .countryGroup .wrapperBox .col_6 a { color: #0788c9; border-bottom: dashed 1px #0788c9; font: 18px/28px 'SourceSansPro-Light', Helvetica, Arial, sans-serif;} .countryGroup .wrapperBox .col_6 a:hover { border-bottom: solid 1px #0788c9; } .countryGroup .wrapperBox .form .nice-select { margin-bottom: 10px; } .countryGroup .wrapperBox .form .nice-select .option { font-size: 14px; line-height: 35px; min-height: 35px;} .comparsionTableBox .text { text-align: center; padding: 30px 0;} .comparsionTableBox .text p { margin: 15px 0; font: 25px/35px 'SourceSansPro-Regular', Helvetica, Arial, sans-serif;} .comparsionTableBox .text p a { color: #0788c9; border-bottom: dashed 1px #0788c9; font: 25px/35px 'SourceSansPro-Bold', Helvetica, Arial, sans-serif;} .comparsionTableBox .text p a:hover { border-bottom: solid 1px #0788c9;} .accordionBox .accordion .inner .compareBox .comparsionTable p { font-size: 13px; margin-bottom: 0;} .accordionBox .accordion .inner .compareBox .comparsionTable a { font-size: 13px;} .accordionBox .accordion .inner .compareBox .comparsionTable tbody td i { margin-right: 5px;} .accordionBox .accordion .inner .compareBox .comparsionTable.DAT tbody td { color: #004ea8;} .accordionBox .accordion .inner .compareBox .comparsionTable.DIR tbody td { color: #84329b;} .accordionBox .accordion .inner .compareBox .comparsionTable.REP tbody td { color: #00af66;} .accordionBox .accordion .inner .compareBox .comparsionTable tbody td.alignLeft { color: #333;} .accordionBox .accordion .inner .compareBox .buttonBox { text-align: center; padding: 0 0 40px; overflow: hidden; display: block; clear: both; } .accordionBox .accordion .inner .compareBox .buttonBox a { border: none; display: block; width: 100%; max-width: 400px; margin: 0 auto 5px; padding: 10px; text-align: center; font: 20px/30px 'Prometo-Bold', Helvetica, Arial, sans-serif; font-weight: normal; -webkit-border-radius: 100px; -moz-border-radius: 100px; border-radius: 100px; -webkit-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in; } .accordionBox .accordion .inner .compareBox .buttonBox a:hover { color: #fff; } .accordionBox .accordion .inner .compareBox .buttonBox span { font: 16px/22px 'SourceSansPro-Regular', Helvetica, Arial, sans-serif;} .accordionBox .accordion .inner .compareBox .buttonBox a.small-button.DAT:hover { background-color: #003d84; } .accordionBox .accordion .inner .compareBox .buttonBox a.small-button.DIR:hover { background-color: #601675; } .accordionBox .accordion .inner .compareBox .buttonBox a.small-button.REP:hover { background-color: #008e53; } .pricingGroup { padding: 40px 4% 20px 4%; display: block; clear:both; width:100%; overflow: hidden;} .pricingGroup .leftCol { float: left; display: block; width: 50%; padding: 30px 10px 30px 0;} .pricingGroup .leftCol p { margin-bottom: 20px; font: 20px/28px 'SourceSansPro-Regular', Helvetica, Arial, sans-serif;} .pricingGroup .leftCol a { border-bottom: dashed 1px #0788c9; color: #0788c9;} .pricingGroup .leftCol a:hover { border-bottom: solid 1px #0788c9;} .pricingGroup .leftCol ul { margin: 20px 0 30px; } .pricingGroup .leftCol ul li { margin: 10px 0; } .pricingGroup .leftCol ul li strong { font-family: 'SourceSansPro-Bold', Helvetica, Arial, sans-serif;} .pricingGroup .rightCol { float: right; display: block; width: 50%;} .pricingGroup .rightCol img { width: 100%; max-width: 614px;} .contBtn { margin-bottom: 10px; } .contBtn a { max-width: 380px; } .submissionForm { padding: 40px 4% 20px 4%; display: block; clear:both; width:100%; overflow: hidden;} .submissionForm .form { padding: 30px 0 0 0; } .submissionForm .form.centered { margin: 0 auto; width: 70%; } .submissionForm .form p { margin: 0px 0px 20px; padding: 0px; clear: both; line-height:20px; overflow: hidden; } .submissionForm .form p i { float: right; margin-right: 25px; margin-top: 3px; cursor: pointer;} .submissionForm .form p i:hover { color: #666;} .submissionForm .form p a.addMore { color: #004ea8; border-bottom: dashed 1px #004ea8; line-height: 26px;} .submissionForm .form p a.addMore:hover { border-bottom: solid 1px #004ea8;} .submissionForm .form p.noOveflow { margin: 0px 0px 20px; padding: 0px; clear: both; line-height:20px; display: block; width: 100%; float: left; overflow:visible; } .submissionForm .form p label { float:left; padding:6px 10px 0px 4px; display:inline-block; color: #333; margin-bottom:2px; font: 18px/24px 'SourceSansPro-Regular', Helvetica, Arial, sans-serif; } .submissionForm .form p .inputForm { border-radius: 4px; width: 100%; padding: 18px; line-height:16px; font-size: 12px; color: #333; border: 1px solid #cecece; font: 20px/24px 'SourceSansPro-Regular', Helvetica, Arial, sans-serif; } .submissionForm .form p .textarea { width: 100%; border-radius: 4px; max-height:215px; min-height:215px; max-width:100%; min-width:100%; color: #333; padding: 10px 10px 10px 20px; border: 1px solid #cecece; font: 20px/24px 'SourceSansPro-Regular', Helvetica, Arial, sans-serif;} .submissionForm .form p .required { color: #FF0000; } .submissionForm .form p.extraSpace { margin-bottom: 40px; } .submissionForm .form p .inputForm.error, .submissionForm .form p .textarea.error, .submissionForm .form p .nice-select.dropdown.error{ background: #F7DFDF; border: 1px dashed #C00; color: #C00; } .submissionForm .form p .small-ghost-button { text-align: center; padding: 10px; max-width: 380px;} .notification { padding-top:10px;} .notification-attention, .notification-information, .notification-success, .notification-error { display:block; font-style:normal; padding: 0px; line-height: 18px; font-size: 14px; margin: 0px 0px 0px 10px; } .notification-attention ul, .notification-information ul, .notification-success ul, .notification-error ul { padding: 20px 20px 5px 20px; margin: 0px 0px 10px; font-size: 14px; } .notification-attention ul li, .notification-information ul li, .notification-success ul li, .notification-error ul li { padding: 0px; margin: 0px 0px 10px; background: transparent; line-height: 18px; } .notification-attention { background-color: #fffbcc; color: #666452; margin: 15px 0; padding: 0; font-size: 13px; width: 99.8%; } .notification-information { background-color: #dbe3ff; color: #585b66; margin: 15px 0; padding: 0; font-size: 13px; width: 99.8%; } .notification-success { background-color: #d5ffce; color: #556652; margin: 15px 0; padding: 0; font-size: 13px; width: 99.8%; } .notification-error { background-color: #ffcece; color: #665252; margin: 15px 0; padding: 0; font-size: 13px; width: 99.8%; } .notification-close { color:#990000; font-size:9px; position:absolute; right:5px; top:5px; } .notification-attention a { color: #0000E0 } .tryService.DIR .buttons .small-ghost-button.DIR { border: 2px solid #84329b; color: #84329b; } .tryService.DIR .buttons .small-ghost-button.DIR:hover { color: #fff; background-color: #84329b; border: 2px solid #84329b;} .col_1 { width: 6.6666666666667%; } .col_2 { width: 15%; } .col_3 { width: 23.333333333333%; } .col_4 { width: 31.666666666667%; } .col_5 { width: 40%; } .col_6 { width: 48.333333333333%; } .col_7 { width: 56.666666666667%; } .col_8 { width: 65%; } .col_9 { width: 73.333333333333%; } .col_10 { width: 81.666666666667%; } .col_11 { width: 90%; } .col_12 { width: 98.333333333333%; } *[class*="col_"] { margin-left: 0.83333333333333%; margin-right: 0.83333333333333%; margin-top:0.5em; margin-bottom:0.5em; float: left; display: block; }