@font-face {
font-family: "Genericons";
src: url(https://chemetrix.co.za/wp-content/themes/chemetrix/genericons/Genericons.eot);
src: url(https://chemetrix.co.za/wp-content/themes/chemetrix/genericons/Genericons.eot?) format("embedded-opentype");
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: "Genericons";
src: url("data:application/x-font-woff;charset=utf-8;base64,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") format("woff"),
url(https://chemetrix.co.za/wp-content/themes/chemetrix/genericons/Genericons.ttf) format("truetype"),
url(https://chemetrix.co.za/wp-content/themes/chemetrix/genericons/Genericons.svg#Genericons) format("svg");
font-weight: normal;
font-style: normal;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
@font-face {
font-family: "Genericons";
src: url(https://chemetrix.co.za/wp-content/themes/chemetrix/genericons/Genericons.svg#Genericons) format("svg");
}
} .genericon {
font-size: 16px;
vertical-align: top;
text-align: center;
-moz-transition: color .1s ease-in 0;
-webkit-transition: color .1s ease-in 0;
display: inline-block;
font-family: "Genericons";
font-style: normal;
font-weight: normal;
font-variant: normal;
line-height: 1;
text-decoration: inherit;
text-transform: none;
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
speak: none;
} .genericon-rotate-90 {
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-ms-transform: rotate(90deg);
-o-transform: rotate(90deg);
transform: rotate(90deg);
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
}
.genericon-rotate-180 {
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-o-transform: rotate(180deg);
transform: rotate(180deg);
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
}
.genericon-rotate-270 {
-webkit-transform: rotate(270deg);
-moz-transform: rotate(270deg);
-ms-transform: rotate(270deg);
-o-transform: rotate(270deg);
transform: rotate(270deg);
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}
.genericon-flip-horizontal {
-webkit-transform: scale(-1, 1);
-moz-transform: scale(-1, 1);
-ms-transform: scale(-1, 1);
-o-transform: scale(-1, 1);
transform: scale(-1, 1);
}
.genericon-flip-vertical {
-webkit-transform: scale(1, -1);
-moz-transform: scale(1, -1);
-ms-transform: scale(1, -1);
-o-transform: scale(1, -1);
transform: scale(1, -1);
} .genericon-404:before { content: "\f423"; }
.genericon-activity:before { content: "\f508"; }
.genericon-anchor:before { content: "\f509"; }
.genericon-aside:before { content: "\f101"; }
.genericon-attachment:before { content: "\f416"; }
.genericon-audio:before { content: "\f109"; }
.genericon-bold:before { content: "\f471"; }
.genericon-book:before { content: "\f444"; }
.genericon-bug:before { content: "\f50a"; }
.genericon-cart:before { content: "\f447"; }
.genericon-category:before { content: "\f301"; }
.genericon-chat:before { content: "\f108"; }
.genericon-checkmark:before { content: "\f418"; }
.genericon-close:before { content: "\f405"; }
.genericon-close-alt:before { content: "\f406"; }
.genericon-cloud:before { content: "\f426"; }
.genericon-cloud-download:before { content: "\f440"; }
.genericon-cloud-upload:before { content: "\f441"; }
.genericon-code:before { content: "\f462"; }
.genericon-codepen:before { content: "\f216"; }
.genericon-cog:before { content: "\f445"; }
.genericon-collapse:before { content: "\f432"; }
.genericon-comment:before { content: "\f300"; }
.genericon-day:before { content: "\f305"; }
.genericon-digg:before { content: "\f221"; }
.genericon-document:before { content: "\f443"; }
.genericon-dot:before { content: "\f428"; }
.genericon-downarrow:before { content: "\f502"; }
.genericon-download:before { content: "\f50b"; }
.genericon-draggable:before { content: "\f436"; }
.genericon-dribbble:before { content: "\f201"; }
.genericon-dropbox:before { content: "\f225"; }
.genericon-dropdown:before { content: "\f433"; }
.genericon-dropdown-left:before { content: "\f434"; }
.genericon-edit:before { content: "\f411"; }
.genericon-ellipsis:before { content: "\f476"; }
.genericon-expand:before { content: "\f431"; }
.genericon-external:before { content: "\f442"; }
.genericon-facebook:before { content: "\f203"; }
.genericon-facebook-alt:before { content: "\f204"; }
.genericon-fastforward:before { content: "\f458"; }
.genericon-feed:before { content: "\f413"; }
.genericon-flag:before { content: "\f468"; }
.genericon-flickr:before { content: "\f211"; }
.genericon-foursquare:before { content: "\f226"; }
.genericon-fullscreen:before { content: "\f474"; }
.genericon-gallery:before { content: "\f103"; }
.genericon-github:before { content: "\f200"; }
.genericon-googleplus:before { content: "\f206"; }
.genericon-googleplus-alt:before { content: "\f218"; }
.genericon-handset:before { content: "\f50c"; }
.genericon-heart:before { content: "\f461"; }
.genericon-help:before { content: "\f457"; }
.genericon-hide:before { content: "\f404"; }
.genericon-hierarchy:before { content: "\f505"; }
.genericon-home:before { content: "\f409"; }
.genericon-image:before { content: "\f102"; }
.genericon-info:before { content: "\f455"; }
.genericon-instagram:before { content: "\f215"; }
.genericon-italic:before { content: "\f472"; }
.genericon-key:before { content: "\f427"; }
.genericon-leftarrow:before { content: "\f503"; }
.genericon-link:before { content: "\f107"; }
.genericon-linkedin:before { content: "\f207"; }
.genericon-linkedin-alt:before { content: "\f208"; }
.genericon-location:before { content: "\f417"; }
.genericon-lock:before { content: "\f470"; }
.genericon-mail:before { content: "\f410"; }
.genericon-maximize:before { content: "\f422"; }
.genericon-menu:before { content: "\f419"; }
.genericon-microphone:before { content: "\f50d"; }
.genericon-minimize:before { content: "\f421"; }
.genericon-minus:before { content: "\f50e"; }
.genericon-month:before { content: "\f307"; }
.genericon-move:before { content: "\f50f"; }
.genericon-next:before { content: "\f429"; }
.genericon-notice:before { content: "\f456"; }
.genericon-paintbrush:before { content: "\f506"; }
.genericon-path:before { content: "\f219"; }
.genericon-pause:before { content: "\f448"; }
.genericon-phone:before { content: "\f437"; }
.genericon-picture:before { content: "\f473"; }
.genericon-pinned:before { content: "\f308"; }
.genericon-pinterest:before { content: "\f209"; }
.genericon-pinterest-alt:before { content: "\f210"; }
.genericon-play:before { content: "\f452"; }
.genericon-plugin:before { content: "\f439"; }
.genericon-plus:before { content: "\f510"; }
.genericon-pocket:before { content: "\f224"; }
.genericon-polldaddy:before { content: "\f217"; }
.genericon-portfolio:before { content: "\f460"; }
.genericon-previous:before { content: "\f430"; }
.genericon-print:before { content: "\f469"; }
.genericon-quote:before { content: "\f106"; }
.genericon-rating-empty:before { content: "\f511"; }
.genericon-rating-full:before { content: "\f512"; }
.genericon-rating-half:before { content: "\f513"; }
.genericon-reddit:before { content: "\f222"; }
.genericon-refresh:before { content: "\f420"; }
.genericon-reply:before { content: "\f412"; }
.genericon-reply-alt:before { content: "\f466"; }
.genericon-reply-single:before { content: "\f467"; }
.genericon-rewind:before { content: "\f459"; }
.genericon-rightarrow:before { content: "\f501"; }
.genericon-search:before { content: "\f400"; }
.genericon-send-to-phone:before { content: "\f438"; }
.genericon-send-to-tablet:before { content: "\f454"; }
.genericon-share:before { content: "\f415"; }
.genericon-show:before { content: "\f403"; }
.genericon-shuffle:before { content: "\f514"; }
.genericon-sitemap:before { content: "\f507"; }
.genericon-skip-ahead:before { content: "\f451"; }
.genericon-skip-back:before { content: "\f450"; }
.genericon-skype:before { content: "\f220"; }
.genericon-spam:before { content: "\f424"; }
.genericon-spotify:before { content: "\f515"; }
.genericon-standard:before { content: "\f100"; }
.genericon-star:before { content: "\f408"; }
.genericon-status:before { content: "\f105"; }
.genericon-stop:before { content: "\f449"; }
.genericon-stumbleupon:before { content: "\f223"; }
.genericon-subscribe:before { content: "\f463"; }
.genericon-subscribed:before { content: "\f465"; }
.genericon-summary:before { content: "\f425"; }
.genericon-tablet:before { content: "\f453"; }
.genericon-tag:before { content: "\f302"; }
.genericon-time:before { content: "\f303"; }
.genericon-top:before { content: "\f435"; }
.genericon-trash:before { content: "\f407"; }
.genericon-tumblr:before { content: "\f214"; }
.genericon-twitch:before { content: "\f516"; }
.genericon-twitter:before { content: "\f202"; }
.genericon-unapprove:before { content: "\f446"; }
.genericon-unsubscribe:before { content: "\f464"; }
.genericon-unzoom:before { content: "\f401"; }
.genericon-uparrow:before { content: "\f500"; }
.genericon-user:before { content: "\f304"; }
.genericon-video:before { content: "\f104"; }
.genericon-videocamera:before { content: "\f517"; }
.genericon-vimeo:before { content: "\f212"; }
.genericon-warning:before { content: "\f414"; }
.genericon-website:before { content: "\f475"; }
.genericon-week:before { content: "\f306"; }
.genericon-wordpress:before { content: "\f205"; }
.genericon-xpost:before { content: "\f504"; }
.genericon-youtube:before { content: "\f213"; }
.genericon-zoom:before { content: "\f402"; }body{
margin: 0px;
}
:focus {outline: 0;}
.cf7sr-g-recaptcha{
margin: 0px 0px 25px 0px;
}
.the_header{
width: 100%;
padding: 30px 85px;
position: fixed;
top: 0px;
z-index: 1000;
background-color: #fff;
}
.top_menu{
width: 100%;
height: auto;
max-width: 280px;
float: left;
}
.cube_stacker_right.chop{
}
.the_header ul{
margin: 0px 2px 0px 0px;
list-style: none;
color: #000;
text-align: right;
float: right;
}
.the_header ul li{
display: inline-block;
margin: 18px 0px 18px 30px;
}
.the_header ul li.current_page_item a,
.the_header ul li.current-page-ancestor a{
font-weight: bold;
}
.cat_img{
height: 50px;
width: auto;
margin: 0px 0px 25px 0px;
}
.the_header ul li a{
font-family: 'Roboto Condensed', sans-serif;
color: #1E4FEC;
font-size: 20px;
text-transform: uppercase;
transition: 0.5s;
}
.the_header ul li a:hover{
text-decoration: none;
color: #DC105B;
transition: 0.5s;
}
.feature_top{
width: 100%;
height: 100vh;
background-color: #eee;
position: relative;
background-size: cover;
background-position: center;
}
.drop_select.custom iframe{
display: none!important;
}
.not_so{
}
.the_one{
}
.left_maroon{
position: absolute;
left: 0px;
bottom: 14%;
padding: 7%;
text-align: center;
width: 35%;
z-index: 2;
color: #fff;
font-weight: 300;
font-size: 52px;
line-height: 62px;
font-family: 'Roboto Condensed', sans-serif;
text-align: left;
background: #DC105B;
background-blend-mode: multiply;
mix-blend-mode: multiply;
}
.left_maroon_2{
position: absolute;
left: 0px;
bottom: 14%;
padding: 7%;
text-align: center;
width: 35%;
z-index: 2;
color: #fff;
font-weight: 300;
font-size: 52px;
line-height: 62px;
font-family: 'Roboto Condensed', sans-serif;
text-align: left;
}
.technical_overview{
display: table;
width: 100%;
min-height: 100px;
color: #fff;
}
.technical_overview_tr{
display: table-row;
}
.technical_overview_td{
display: table-cell;
}
.technical_overview_td.w_66{
width: 66.66%;
background-color: #F6F6F6;
padding: 100px;
color: #000;
}
.wpcf7 form .wpcf7-response-output {
display: inline-block;
}
.technical_overview_td.w_33{
width: 66.66%;
background-color: #1A0A54;
padding: 100px 75px;
color: #fff;
position: relative;
}
.technical_overview_td.w_33.new_side{
width: 33.33%;
}
.cell_bg{
background-size: cover;
background-image: url(//chemetrix.co.za/wp-content/themes/chemetrix/img/3d-medical-background-with-virus-cells-dna-strand.jpg);
}
.technical_overview_td.w_33 h2{
color: #fff;
font-weight: 300;
font-size: 52px;
margin: 0px 0px 50px 0px;
line-height: 62px;
font-family: 'Roboto Condensed', sans-serif;
text-align: left;
}
.technical_overview_td.w_33 p{
color: #fff;
font-weight: 300;
font-size: 24px;
margin: 0px 0px 25px 0px;
line-height: 30px;
font-family: 'Roboto', sans-serif;
text-align: left;
}
.technical_overview_td .action_btn{
width: 300px;
}
.technical_overview_td h3{
color: #1E4FEC;
font-family: 'Roboto', sans-serif;
font-weight: bold;
font-size: 30px;
margin: 0px 0px 25px 0px;
transition: 0.5s;
width: 100%;
display: block;
}
.technical_overview_td h4{
color: #000;
font-family: 'Roboto', sans-serif;
font-weight: bold;
font-size: 16px;
margin: 0px 0px 15px 0px;
transition: 0.5s;
width: 100%;
display: block;
}
.technical_overview .technical_overview_td.w_66 p{
color: #000;
font-weight: 300;
font-size: 16px;
margin: 0px 0px 25px 0px;
line-height: 20px;
font-family: 'Roboto', sans-serif;
}
.downloads_block{
margin: 0px 0px 15px 0px;
}
.downloads_block h3,
.specs h3{
color: #1E4FEC;
font-family: 'Roboto', sans-serif;
font-weight: bold;
font-size: 30px;
margin: 0px 0px 15px 0px;
transition: 0.5s;
width: 100%;
display: block;
}
.specs .panel-body {
padding: 15px 0px 0px 0px;
}
.specs .panel-default {
border-color: #ddd;
border: none;
border-bottom: 1px solid #d3d4cf;
box-shadow: none;
border-radius: 0px!important;
}
a.faq_toggle:hover,
a.faq_toggle:focus,
a.faq_toggle:active{
text-decoration: none;
}
.specs .panel-group .panel{
border-radius: 0px!important;
}
.specs h4.panel-title{
color: #000;
font-family: 'Roboto', sans-serif;
font-weight: bold;
font-size: 16px;
position: relative;
margin: 0px 0px 0px 0px;
transition: 0.5s;
width: 100%;
display: block;
}
.arrow_box{
width: 18px;
height: 10px;
position: absolute;
right: 0px;
top: 3px;
}
.specs h4{
color: #000;
font-family: 'Roboto', sans-serif;
font-weight: bold;
font-size: 16px;
margin: 0px 0px 15px 0px;
transition: 0.5s;
width: 100%;
display: block;
}
.drop_down{
position: absolute;
width: 100%;
height: auto;
top: 0px;
left: 0px;
}
.drop_up{
position: absolute;
width: 100%;
height: auto;
top: 0px;
left: 0px;
display: none;
}
.faq_toggle .drop_up{
display: none;
}
.faq_toggle .drop_down{
display: block;
}
.faq_toggle.collapsed .drop_down{
display: block;
}
.faq_toggle.collapsed .drop_up{
display: none;
}
.rating_strip{
display: block;
margin: 15px 0px 0px 0px;
}
.rating_strip img{
width: 30px;
height: auto;
display: inline-block;
margin: 0px 10px 0px 0px;
}
.panel-group {
margin-bottom: 15px;
}
.action_buttons_section{
display: block;
margin: 25px 0px 0px 0px;
}
.action_buttons_section .modal-body{
padding: 30px;
}
.action_buttons_section table{
width: 70%;
}
.action_buttons_section table td{
padding: 0px 10px 10px 0px;
}
.modal{
background-color: rgba(30, 79, 236, 0.5)!important;
}
.action_btn{
border: none;
background-color: #1E4FEC;
padding: 10px 25px;
color: #fff;
text-align: center;
display: inline-block;
width: 100%;
font-family: 'Roboto', sans-serif;
font-weight: bold;
font-size: 18px;
transition: 0.5s;
}
.action_btn:hover{
color: #fff;
text-decoration: none;
}
.action_btn.txt_wte{
color: #fff;
background-color: #1a0a54;
position: relative;
}
#product-compare .modal-body{
padding: 30px;
}
.specs .panel-default>.panel-heading {
color: #333;
background-color: #fff;
border-color: #fff;
border: none;
border-radius: 0px;
padding: 10px 0px;
}
.panel-group .panel-heading+.panel-collapse>.list-group, .panel-group .panel-heading+.panel-collapse>.panel-body {
border: none!important;
}
.specs p{
color: #000;
font-weight: 300;
font-size: 16px;
margin: 0px 0px 25px 0px;
line-height: 20px;
font-family: 'Roboto', sans-serif;
}
.specs .panel-body p,
.specs .panel-body ul{
color: #000;
font-weight: 300;
font-size: 14px;
margin: 0px 0px 15px 0px;
line-height: 20px;
font-family: 'Roboto', sans-serif;
}
.specs .panel-body ul{
padding: 0px 0px 0px 18px;
}
.specs .panel-body ul li{
margin: 0px 0px 15px 0px;
}
.iframe_block{
width: 100%;
padding-top: 60%;
position: relative;
margin: 0px 0px 15px 0px;
background-color: #f6f6f6;
}
.modal-content .iframe_block{
margin: 0px;
}
.small_gallery{
display: inline-block;
width: 100%;
}
.specs .panel-body .iframe_block iframe,
.iframe_block iframe{
width: 100%;
height: 100%;
position: absolute;
top: 0px;
right: 0px;
bottom: 0px;
left: 0px;
}
.downloads_block a{
color: #1E4FEC;
font-family: 'Roboto', sans-serif;
font-weight: bold;
font-size: 18px;
margin: 0px 0px 10px 0px;
transition: 0.5s;
width: 100%;
display: block;
}
.close{
width: 20px;
height: auto;
opacity: 1;
top: 15px;
right: 15px;
position: absolute;
z-index: 5;
}
.contact_grey_strip{
background-color: #F6F6F6;
padding: 100px 0px;
}
.contact_grey_strip h5,
.modal-body h5{
color: #1E4FEC;
font-family: 'Roboto', sans-serif;
font-weight: bold;
font-size: 24px;
margin: 5px 0px 20px 0px;
transition: 0.5s;
width: 100%;
display: inline-block;
}
.contact_grey_strip h6,
.modal-body h6,
.form_wrap h6{
color: #000;
font-family: 'Roboto', sans-serif;
font-weight: bold;
font-size: 16px;
margin: 0px 0px 20px 0px;
transition: 0.5s;
width: 100%;
display: inline-block;
}
.search_overlay .search-form{
width: 100%;
display: inline-block;
height: 68px;
max-width: 500px;
position: relative;
left: 0px;
right: 0px;
border: none;
margin: 0px 0px 0px 0px;
padding: 0px;
}
.top_search .search-field{
width: 0px;
margin: 0 auto;
overflow: hidden;
top: 0px;
right: 0px;
padding: 0px;
border: none;
color: #000;
font-weight: 300;
font-size: 20px;
font-family: 'Roboto', sans-serif;
text-align: left;
border: 1px solid #fff;
float: right;
position: absolute;
height: 60px;
transition: 0.5s;
}
.side_search .screen-reader-text{
display: none;
}
.side_search{
position: relative;
max-height: 50px;
}
.side_search .search-field{
border: 1px solid #1E4FEC;
width: 100%;
font-family: 'Roboto', sans-serif;
padding: 15px 50px 15px 15px;
color: #D3D4CF;
position: relative;
font-weight: 300;
font-size: 16px;
line-height: 18px;
background-color: transparent;
margin: 0px 0px 0px 0px;
}
.side_search .search-submit .screen-reader-text{
display: block;
background-color: #1E4FEC;
border: none;
padding: 0px;
margin: 0px;
background-image: url(//chemetrix.co.za/wp-content/themes/chemetrix/img/search_icon_boi.png);
position: absolute;
right: 9px;
top: 0px;
height: 100%;
width: 49px;
background-size: 60%;
color: transparent;
background-repeat: no-repeat;
background-position: center;
}
.action_buttons_section label{
width: 100%;
}
.action_buttons_section .side_search .search-submit .screen-reader-text{
right: 0px;
}
.featured_tech_block{
display: block;
margin: 0px 0px 25px 0px;
}
.top_search .search-submit{
display: none;
}
.top_search .search-field.its_open{
width: 680px;
padding: 15px;
transition: 0.5s;
border: 1px solid #1E4FEC;
}
.top_search{
float: right;
position: relative;
z-index: 5;
}
.top_search .screen-reader-text{
display: none;
}
.search_overlay .search-submit{
position: absolute;
top: 10px;
right: 0px;
bottom: 0px;
display: inline-block;
margin: 0px;
padding: 0px;
border: none;
background-color: #1A0A54;
color: transparent;
height: 68px;
width: 68px;
background-image: url(//chemetrix.co.za/wp-content/themes/chemetrix/img/arrow_right.svg);
background-size: cover;
background-position: center;
}
.search_results a.sing_res {
display: inline-block;
width: 100%;
border-radius: 6px;
border: 2px solid #1e4fec;
padding: 25px;
font-family: 'Roboto', sans-serif;
font-size: 18px;
font-weight: bold;
text-decoration: none;
color: #dc105b;
margin: 0px 0px 15px 0px;
}
.search_icon{
width: 35px;
height: auto;
float: right;
position: relative;
top: 15px;
margin: 0px 0px 0px 40px;
cursor: pointer;
}
.search_overlay_wrap{
display: none;
}
.search_overlay{
background-color: #DC105B;
position: fixed;
width: 100%;
height: 100%;
display: table;
top: 0px;
right: 0px;
bottom: 0px;
left: 0px;
text-align: center;
}
.search_overlay_tr{
display: table-row;
}
.search_overlay_td{
display: table-cell;
height: 100%;
vertical-align: middle;
}
.search_overlay label .screen-reader-text{
display: none;
}
.wpcf7-text,
.wpcf7-select{
border: 1px solid #1E4FEC;
width: 100%;
font-family: 'Roboto', sans-serif;
padding: 15px;
color: #D3D4CF;
position: relative;
font-weight: 300;
font-size: 16px;
line-height: 18px;
background-color: transparent;
margin: 0px 0px 15px 0px;
}
.mobile_feature_product{
width: 100%;
min-height: 100px;
display: none;
}
.feat_prod_tr{
display: table-row;
}
.feat_prod_td{
display: table-cell;
width: 50%;
}
.feat_prod_td img{
width: 100%;
height: auto;
}
.feat_prod_td.lefter{
padding: 40px 0px 40px 40px;
background-color: #1E4FEC;
}
.feat_prod_td.righter{
padding: 40px 40px 40px 0px;
}
.grey_form{
display: inline-block;
margin: 10px 0px 0px 0px;
width: 100%;
}
.grey_form .wpcf7-not-valid-tip {
color: #dc3232;
font-size: 14px;
font-weight: normal;
display: block;
}
.grey_form .wpcf7-text,
.grey_form .wpcf7-select{
border: 2px solid #D3D4CF;
width: 100%;
padding: 10px 20px;
font-family: 'Roboto', sans-serif;
font-size: 18px;
color: #D3D4CF;
background-color: #fff;
margin: 0px 0px 15px 0px;
}
.grey_form .wpcf7-form-control.wpcf7-submit{
width: 100%;
} * {
margin: 0;
padding: 0;
} #nav-icon1, #nav-icon2, #nav-icon3, #nav-icon4 {
width: 30px;
height: 30px;
position: relative;
margin: 0px auto;
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
-webkit-transition: .5s ease-in-out;
-moz-transition: .5s ease-in-out;
-o-transition: .5s ease-in-out;
transition: .5s ease-in-out;
cursor: pointer;
}
#nav-icon1 span, #nav-icon3 span, #nav-icon4 span {
display: block;
position: absolute;
height: 5px;
width: 100%;
background: #1e4fec;
border-radius: 9px;
opacity: 1;
left: 0;
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
-webkit-transition: .25s ease-in-out;
-moz-transition: .25s ease-in-out;
-o-transition: .25s ease-in-out;
transition: .25s ease-in-out;
}
.mob_trigger:hover #nav-icon1 span,
.mob_trigger:hover #nav-icon2 span,
.mob_trigger:hover #nav-icon3 span{
background: #1e4fec;
}
#nav-icon1 span:nth-child(1) {
top: 0px;
}
#nav-icon1 span:nth-child(2) {
top: 15px;
}
#nav-icon1 span:nth-child(3) {
top: 30px;
}
#nav-icon1.open span:nth-child(1) {
top: 15px;
-webkit-transform: rotate(135deg);
-moz-transform: rotate(135deg);
-o-transform: rotate(135deg);
transform: rotate(135deg);
background: #ffe23e;
}
#nav-icon1.open span:nth-child(2) {
opacity: 0;
left: -60px;
background: #ffe23e;
}
#nav-icon1.open span:nth-child(3) {
top: 18px;
-webkit-transform: rotate(-135deg);
background: #ffe23e;
-moz-transform: rotate(-135deg);
-o-transform: rotate(-135deg);
transform: rotate(-135deg);
} #nav-icon2 {
}
#nav-icon2 span {
display: block;
position: absolute;
height: 9px;
width: 50%;
background: #d3531a;
opacity: 1;
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
-webkit-transition: .25s ease-in-out;
-moz-transition: .25s ease-in-out;
-o-transition: .25s ease-in-out;
transition: .25s ease-in-out;
}
#nav-icon2 span:nth-child(even) {
left: 50%;
border-radius: 0 9px 9px 0;
}
#nav-icon2 span:nth-child(odd) {
left:0px;
border-radius: 9px 0 0 9px;
}
#nav-icon2 span:nth-child(1), #nav-icon2 span:nth-child(2) {
top: 0px;
}
#nav-icon2 span:nth-child(3), #nav-icon2 span:nth-child(4) {
top: 18px;
}
#nav-icon2 span:nth-child(5), #nav-icon2 span:nth-child(6) {
top: 36px;
}
#nav-icon2.open span:nth-child(1),#nav-icon2.open span:nth-child(6) {
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
}
#nav-icon2.open span:nth-child(2),#nav-icon2.open span:nth-child(5) {
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
}
#nav-icon2.open span:nth-child(1) {
left: 5px;
top: 7px;
}
#nav-icon2.open span:nth-child(2) {
left: calc(50% - 5px);
top: 7px;
}
#nav-icon2.open span:nth-child(3) {
left: -50%;
opacity: 0;
}
#nav-icon2.open span:nth-child(4) {
left: 100%;
opacity: 0;
}
#nav-icon2.open span:nth-child(5) {
left: 5px;
top: 29px;
}
#nav-icon2.open span:nth-child(6) {
left: calc(50% - 5px);
top: 29px;
} #nav-icon3 span:nth-child(1) {
top: 0px;
}
#nav-icon3 span:nth-child(2),#nav-icon3 span:nth-child(3) {
top: 10px;
}
#nav-icon3 span:nth-child(4) {
top: 20px;
}
#nav-icon3.open span:nth-child(1) {
top: 10px;
width: 0%;
left: 50%;
background: #9c3b9d;
}
#nav-icon3.open span:nth-child(2) {
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
background: #1e4fec;
}
#nav-icon3.open span:nth-child(3) {
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
background: #1e4fec;
}
#nav-icon3.open span:nth-child(4) {
top: 18px;
width: 0%;
left: 50%;
background: #1e4fec;
} #nav-icon4 {
}
#nav-icon4 span:nth-child(1) {
top: 0px;
-webkit-transform-origin: left center;
-moz-transform-origin: left center;
-o-transform-origin: left center;
transform-origin: left center;
}
#nav-icon4 span:nth-child(2) {
top: 18px;
-webkit-transform-origin: left center;
-moz-transform-origin: left center;
-o-transform-origin: left center;
transform-origin: left center;
}
#nav-icon4 span:nth-child(3) {
top: 36px;
-webkit-transform-origin: left center;
-moz-transform-origin: left center;
-o-transform-origin: left center;
transform-origin: left center;
}
#nav-icon4.open span:nth-child(1) {
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
top: -3px;
left: 8px;
}
#nav-icon4.open span:nth-child(2) {
width: 0%;
opacity: 0;
}
#nav-icon4.open span:nth-child(3) {
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
top: 39px;
left: 8px;
}
.mob_trigger{
display: none;
}
.wpcf7::-webkit-input-placeholder { color: #D3D4CF !important;
opacity: 1;
}
::-webkit-input-placeholder { color: #D3D4CF !important;
opacity: 1;
}
:-moz-placeholder { color: #D3D4CF !important;
opacity: 1;
}
::-moz-placeholder { color: #D3D4CF !important;
opacity: 1;
}
:-ms-input-placeholder { color: #D3D4CF !important;
opacity: 1;
}
.wpcf7-form-control.wpcf7-submit{
border: none;
background-color: #1E4FEC;
padding: 10px 50px;
color: #fff;
text-align: center;
display: inline-block; font-family: 'Roboto', sans-serif;
font-weight: bold;
font-size: 18px;
transition: 0.5s;
}
.select_category_drop{
margin: 30px 0px 0px 0px;
width: 100%;
border: 1px solid #1E4FEC;
padding: 15px;
color: #D3D4CF;
position: relative;
font-weight: 300;
font-size: 16px;
line-height: 18px;
font-family: 'Roboto', sans-serif;
cursor: pointer;
}
.the_dropdown{
border: 1px solid #1E4FEC!important;
background-color: #fff;
padding: 15px 15px 10px 15px;
color: #000;
font-family: 'Roboto', sans-serif;
position: absolute;
display: none;
left: -1px;
top: 48px;
right: -1px;
}
.the_dropdown.nav.nav-tabs{
border: 1px solid #1E4FEC!important;
}
.the_dropdown a{
margin: 0px 0px 5px 15px;
width: 100%;
display: inline-block;
font-weight: 300;
font-size: 16px;
line-height: 18px;
cursor: pointer;
}
.the_dropdown h6:hover{
color: #1E4FEC;
}
.left_maroon h2{
color: #fff;
font-weight: 300;
font-size: 52px;
line-height: 62px;
font-family: 'Roboto Condensed', sans-serif;
text-align: left;
position: relative;
z-index: 5;
}
.right_blue{
background-color: #1E4FEC;
position: absolute;
z-index: 1;
right: 0px;
bottom: 0px;
padding: 8%;
text-align: center;
font-weight: 300;
font-size: 20px;
text-align: left;
width: 70%;
font-family: 'Roboto', sans-serif;
color: #fff;
}
.mstr_wrp{
padding: 0px 85px;
}
.faq_action_strip{
width: 100%;
display: table;
background-color: #F6F6F6;
margin: 0px 0px 10px 0px;
}
.faq_action_strip_tr{
display: table-row;
}
.faq_action_strip_td{
display: table-cell;
vertical-align: middle;
text-align: center;
padding: 60px 30px;
width: 33.33%;
transition: 0.5s;
}
.faq_action_strip_td:hover{
text-decoration: none;
background-color: #DC105B;
transition: 0.5s;
}
.hov_show{
opacity: 0;
}
.faq_action_strip_td:hover .hov_show{
opacity: 1;
}
.faq_action_strip_td:hover .hov_hide{
opacity: 0;
}
.solution_toggles{
background-color: #F6F6F6;
display: table;
width: 100%;
margin: 0px 0px 0px 0px;
}
.solution_toggles_tr{
display: table-row;
}
.solution_toggles_td{
display: table-cell;
vertical-align: middle;
}
.solution_toggles_td.topper{
vertical-align: top;
}
.solution_toggles_td.toggle_btns{
width: 33.33%;
vertical-align: top;
}
.toggle_btns a{
display: table;
width: 100%;
padding: 50px 0px;
border-right: 2px solid #DC105B;
border-bottom: 2px solid #DC105B;
}
a.btn_toggs.last{
border-bottom: none;
}
.toggle_btns.last{
border-bottom: none;
}
.toggle_btns a.activated,
.toggle_btns a.activated h4,
.toggle_btns a.hover h4,
.toggle_btns a:hover{
background-color: #DC105B;
color: #fff;
text-decoration: none;
transition: 0.5s;
}
.solution_toggles_td.toggle_btns a:hover h4,
.solution_toggles_td.toggle_btns a:active h4,
.solution_toggles_td.toggle_btns a:focus h4{
color: #fff!important;
}
.toggle_btns a:active,
.toggle_btns a:focus{
text-decoration: none;
}
.toggle_btns a:hover .hov_show{
opacity: 1;
}
.toggle_btns a:hover .hov_hide{
opacity: 0;
}
.btn_toggs.activated .hov_hide{
opacity: 0;
}
.btn_toggs.activated .hov_show{
opacity: 1;
}
.text_two{
display: none;
}
.faq_action_strip_td:hover .text_one{
display: none;
}
.faq_action_strip_td:hover .text_two{
display: block;
}
.faq_action_strip_td a,
.faq_action_strip_td a:hover{
color: #fff;
text-decoration: none;
}
.solution_toggles_td.toggle_btns h4{
color: #DC105B;
font-family: 'Roboto', sans-serif;
font-weight: bold;
font-size: 30px;
margin: 0px 0px 0px 0px;
}
.solution_toggles_td.toggle_side{
width: 66.66%;
padding: 50px 100px;
vertical-align: middle;
}
.toggle_side h3{
color: #1E4FEC;
font-weight: bold;
font-size: 24px;
margin: 0px 0px 0px 0px;
line-height: 24px;
padding: 0px;
z-index: 99;
font-family: 'Roboto', sans-serif;
}
.solution_toggles_td table{
width: 80%;
}
.red_li{
border-right: 2px solid #DC105B;
}
.faq_action_strip_td table{
width: 100%;
}
.faq_action_strip_td table td{
position: relative;
}
.faq_action_strip_td table td.icon_td,
td.icon_td{
width: 30%;
}
.faq_action_strip_td table td .img_wrap,
.solution_toggles_td .img_wrap{
position: relative;
width: 100%;
padding-top: 55%;
}
.faq_action_strip_td table td img,
.solution_toggles_td table td img{
width: auto;
height: auto;
max-height: 100%;
position: absolute;
margin: auto;
left: 0px;
top: 0px;
right: 0px;
bottom: 0px;
max-width: 90px;
}
.faq_action_strip_td h4{
color: #DC105B;
font-family: 'Roboto', sans-serif;
font-weight: bold;
font-size: 30px;
margin: 0px 0px 0px 25px;
}
.faq_action_strip_td:hover h4{
color: #fff;
}
.feature_home{
width: 100%;
height: 100vh;
background-color: #eee;
position: relative;
padding: 0px 100px;
background-size: cover;
background-position: center;
display: table;
}
.super_slide{
height: 100%;
position: relative;
background-size: cover;
background-position: center;
}
.super_slider_wrap .slick-slide{
height: 100%!important;
}
.super_slider_wrap .slick-track {
position: relative;
display: block;
height: 100%!important;
}
.super_slider_wrap .slick-list{
height: 100%!important;
}
.super_slider_wrap .slick-dotted.slick-slider {
margin-bottom: 0px;
height: 100%!important;
position: relative;
z-index: 0;
}
.super_slider_wrap {
position: absolute;
width: 100%;
height: 100%;
top: 0px;
right: 0px;
bottom: 0px;
left: 0px;
}
.super_slider {
height: 100%;
z-index: 0;
}
.feature_home_tr{
display: table-row;
}
.feature_home_td{
display: table-cell;
vertical-align: middle;
}
.feature_home h1{
color: #1B65B9;
font-weight: 300;
font-size: 80px;
font-family: 'Roboto Condensed', sans-serif;
text-transform: capitalize;
z-index: 5;
position: relative;
}
.home_hovers{
display: block;
width: 100%;
position: absolute;
bottom: 0px;
left: 0px;
right: 0px;
}
.home_hover_left{
width: 60%;
float: left;
color: #fff;
padding: 0px 10px 0px 100px;
}
.home_hover_right{
width: 40%;
float: left;
background-color: #000;
color: #fff;
position: relative;
padding: 0px 0px 0px 0px;
}
.blue_tab_link{
width: 33.33%;
background-size: cover;
height: 170px;
color: #fff;
float: left;
transition: 0.5s;
padding: 25px 0px 0px 35px;
background-color: #1E4FEC;
cursor: pointer;
position: relative;
}
.plain_blue_overlay{
position: absolute;
z-index: 4;
width: 100%;
height: 100%;
top: 0px;
right: 0px;
bottom: 0px;
left: 0px;
background-color: #1E4FEC
}
.blue_tab_link:hover .plain_blue_overlay{
opacity: 0;
transition: 0.5s;
}
.blue_tab_link:hover{
text-decoration: none;
color: #fff;
}
.blue_tab_link.right_line{
border-right: 1px solid #1A0A54;
}
.blue_tab_link h4{
font-family: 'Roboto', sans-serif;
font-weight: bold;
font-size: 25px;
position: relative;
z-index: 5;
}
.home_tab_img{
width: 100%;
padding-top: 50%;
background-color: #444;
position: absolute;
right: 0px;
top: 0px;
left: 0px;
background-position: center;
background-size: cover;
display: none;
}
.looking_for{
width: 100%;
padding: 100px 15px;
background-color: #d3d4cf;
margin: 0px 0px 10px 0px;
background-image: url(//chemetrix.co.za/wp-content/themes/chemetrix/img/cool_pattern.svg);
background-position: center;
background-size: 1600px;
}
.looking_for h2{
color: #DC105B;
font-weight: normal;
font-size: 52px;
margin: 0px;
line-height: 62px;
font-family: 'Roboto Condensed', sans-serif;
text-align: center;
}
.library_highlights h5{
color: #fff;
font-weight: bold;
font-size: 24px;
margin: 0px 0px 40px 0px;
line-height: 30px;
font-family: 'Roboto', sans-serif;
text-align: left;
}
.library_highlights a,
.library_highlights a:hover{
color: #fff;
text-decoration: none;
}
.library_highlights table{
width: 100%;
margin: 0px 0px 0px -50px;
}
.library_highlights .the_thumb{
margin: 0px 0px 20px 0px;
}
.library_highlights table td{
vertical-align: top;
}
.library_highlights h4{
color: #fff;
font-weight: bold;
font-size: 18px;
min-height: 0px;
margin: 0px 0px 15px 0px;
line-height: 24px;
padding: 0px;
z-index: 99;
font-family: 'Roboto', sans-serif;
}
.library_highlights p {
color: #fff;
font-weight: 300;
font-size: 14px;
margin: 0px 0px 20px 0px;
line-height: 22px;
font-family: 'Roboto', sans-serif;
}
.library_highlights .list{
color: #fff;
font-weight: bold;
font-size: 16px;
min-height: 0px;
margin: 15px 0px 0px 0px;
line-height: 24px;
padding: 0px;
z-index: 99;
font-family: 'Roboto', sans-serif;
}
.library_highlights{
display: table;
width: 100%;
min-height: 100px;
margin: 130px 0px;
}
.library_highlights_tr{
display: table-row;
}
.library_highlights_td{
display: table-cell;
width: 33.33%;
}
.bg_blu{
background-color: #1E4FEC;
}
.bg_blu_dark{
background-color: #1A0A54;
}
.bg_red{
background-color: #DC105B;
}
.library_highlights_td_inside{
display: block;
padding: 50px;
color: #fff;
}
.bg_vid{
width: 100%;
position: relative;
padding-top: 50%;
background-image: url(//chemetrix.co.za/wp-content/themes/chemetrix/img/pexels-anna-shvets-4225920.jpg);
background-size: cover;
background-position: center;
cursor: pointer;
}
.bg_vid_overlay{
position: absolute;
width: 100%;
height: 100%;
top: 0px;
right: 0px;
bottom: 0px;
left: 0px;
background-color: rgb(255 255 255 / 70%);
text-align: center;
transition: 0.5s;
}
.bg_vid:hover .bg_vid_overlay{
opacity: 0;
transition: 0.5s;
}
.bg_vid img{
width: 100px;
height: 100px;
position: absolute;
top: 0px;
right: 0px;
bottom: 0px;
left: 0px;
margin: auto;
z-index: 2;
}
.my_option.active{
background-color: #eee;
}
.grid_wrap{
width: 100%;
min-height: 100px;
display: inline-block;
}
.options_for_grid{
width: 100%;
min-height: 10px;
display: inline-block;
margin: 0px 0px 50px 0px;
}
.block{
width: 10%;
padding-top: 10%;
margin: 0% 0.55% 1.1% 0.55%;
position: relative;
border-radius: 6px;
float: left;
border: 2px solid #000;
cursor: pointer;
transition: 0.5s;
}
.block.all_option{
background-color: #1A0A54;
}
.block.all_option h5,
.block.all_option p{
color: #fff;
}
.tax_list{
padding: 40px 15px 0px;
}
.only_article_section h2{
color: #DC105B;
font-weight: 300;
font-size: 52px;
margin: 0px 0px 50px 0px;
line-height: 62px;
font-family: 'Roboto Condensed', sans-serif;
text-align: left;
}
.single_article h3{
color: #DC105B;
font-weight: 300;
font-size: 52px;
margin: 0px 12px 0px 0px;
line-height: 52px;
font-family: 'Roboto Condensed', sans-serif;
text-align: left;
}
.only_article_section{
width: 100%;
display: inline-block;
padding: 50px 85px;
}
.single_article{
width: 16%;
float: left;
margin: 0% 0.33%;
}
.the_thumb{
width: 100%;
position: relative;
padding-top: 65%;
background-size: cover;
margin: 15px 0px 25px 0px;
cursor: pointer;
transition: 0.5s;
}
.the_thumb img{
width: auto;
height: auto;
position: absolute;
max-height: 40%;
margin: auto;
top: 0px;
right: 0px;
bottom: 0px;
left: 0px;
}
.the_thumb_overlay{
background: #1E4FEC 0% 0% no-repeat padding-box;
mix-blend-mode: multiply;
position: absolute;
width: 100%;
height: 100%;
top: 0px;
right: 0px;
bottom: 0px;
left: 0px;
transition: 0.5s;
}
.the_thumb:hover .the_thumb_overlay{
opacity: 0;
transition: 0.5s;
}
.the_thumb:hover img{
opacity: 0;
transition: 0.5s;
}
.article_section_type{
margin: 0px 0px 75px 0px;
}
.article_wrap{
width: 960px;
margin: 200px auto 100px;
}
.main_thumb{
width: 100%;
position: relative;
padding-top: 35%;
background-size: cover;
background-position: center;
margin: 0px 0px 35px 0px;
transition: 0.5s;
}
.the_type h3 {
color: #1E4FEC;
font-weight: bold;
font-size: 24px;
margin: 0px 0px 25px 0px;
font-family: 'Roboto', sans-serif;
text-align: left;
}
.then_courses ul{
padding: 0px 0px 0px 18px;
}
.then_courses ul li a{
color: #000;
font-weight: bold;
font-size: 18px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
font-family: 'Roboto', sans-serif;
text-align: left;
}
.then_courses ul li a:hover{
text-decoration: none;
}
.article_wrap h1{
color: #DC105B;
font-weight: 300;
font-size: 52px;
margin: 0px 0px 30px 0px;
font-family: 'Roboto Condensed', sans-serif;
text-align: left;
}
.article_wrap p{
color: #000;
font-weight: 300;
font-size: 16px;
margin: 0px 0px 25px 0px;
line-height: 22px;
font-family: 'Roboto', sans-serif;
}
.article_wrap blockquote{
color: #1E4FEC;
border-left: 5px solid #1E4FEC!important;
margin: 25px 0px 50px 0px!important;
}
.article_wrap blockquote p{
color: #1E4FEC;
font-weight: 300;
font-size: 24px;
margin: 0px 0px 0px 0px!important;
line-height: 30px;
font-family: 'Roboto', sans-serif;
text-align: left;
}
.supps_tbl{
display: table;
}
.supps_tr{
display: table-row;
}
.supps_td{
display: table-cell;
vertical-align: middle;
border: 1px solid #000;
min-height: 5px;
padding: 5px;
}
.supps_td.lefter{
width: 30%;
display: table-cell;
}
.supps_td.righter{
width: 70%;
display: table-cell;
}
.partner_strip{
width: 100%;
display: inline-block;
background-color: #D3D4CF;
padding: 50px 85px;
}
.partner_logo{
width: 100%;
position: relative;
padding-top: 50%;
}
.partner_strip h4,
h4.partner_logo{
color: #fff;
font-weight: bold;
font-size: 26px;
width: 100%;
height: 100%;
font-family: 'Roboto', sans-serif;
margin: auto;
}
.partner_logo img{
position: absolute;
top: 0px;
right: 0px;
bottom: 0px;
left: 0px;
margin: auto;
width: auto;
height: auto;
max-width: 80%;
max-height: 90%;
}
.cube_stacker{
width: 100%;
min-height: 500px;
display: table;
margin: 0px 0px 0px 0px;
}
.cube_stacker.on_home{
margin: 0px 0px 130px 0px;
}
.cube_stacker_tr{
display: table-row;
}
.cube_stacker_left{
display: table-cell;
width: 33.33%;
min-height: 100px;
background-color: #1E4FEC;
padding: 100px 75px;
color: #fff;
position: relative;
}
.cube_stacker.for_support{
margin: 0px 0px 100px 0px;
}
.the_backer a{
color: #1E4FEC;
font-weight: bold;
font-size: 18px;
display: block;
margin: 0px 0px 5px 0px;
line-height: 24px;
padding: 0px;
z-index: 99;
font-family: 'Roboto', sans-serif;
}
.the_backer a:hover{
text-decoration: none;
color: #1E4FEC;
}
.the_backer img{
width: 11px;
height: auto;
margin: 0px 10px 0px 0px;
position: relative;
top: -2px;
}
.cube_stacker_left.for_events{
padding: 100px 150px 100px 100px;
}
.support_pillar{
width: 100%;
height: 150px;
}
.single_blue_overlay{
width: 100%;
height: 100%;
position: absolute;
background-color: #1E4FEC;
top: 0px;
right: 0px;
bottom: 0px;
left: 0px;
padding: 100px;
color: #fff;
display: none;
}
.single_blue_overlay.cube_trigger.show_me{
display: block;
}
.sub_sub_menu{
margin: 0px 0px 25px 0px;
}
.sub_sub_menu a{
color: #1A0A54;
font-family: 'Roboto', sans-serif;
font-weight: bold;
font-size: 18px;
margin: 0px 0px 10px 0px;
transition: 0.5s;
width: 100%;
display: block;
}
.nav-tabs {
border: none!important;
}
.sub_sub_menu a:hover,
.sub_sub_menu a:focus,
.sub_sub_menu a:active{
text-decoration: none;
color: #fff;
transition: 0.5s;
}
.pink_thumb_top{
width: 100%;
padding-top: 20%;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
background-color: #e02a6d;
}
.pink_desc{
margin: 100px;
display: block;
position: relative;
margin: 50px;
overflow: auto;
}
.pink_desc img{
width: 25px;
height: auto;
position: absolute;
top: 0px;
right: 0px;
cursor: pointer;
}
.right_grey_overlay{
width: 100%;
height: 100%;
position: absolute;
background-color: #eee;
top: 0px;
right: 0px;
bottom: 0px;
left: 0px;
color: #fff;
z-index: 100;
display: none;
}
.right_grey_overlay h5{
color: #000;
font-family: 'Roboto', sans-serif;
font-weight: bold;
font-size: 16px;
margin: 0px 0px 10px 0px;
}
.right_grey_overlay p{
color: #000;
font-family: 'Roboto', sans-serif;
font-weight: 300;
font-size: 16px;
margin: 0px 0px 40px 0px;
padding: 0px 40px 0px 0px;
}
.right_grey_overlay a{
color: #1E4FEC;
font-family: 'Roboto', sans-serif;
font-weight: bold;
font-size: 16px;
display: inline-block;
margin: 0px 0px 25px 0px;
}
.right_grey_overlay a:hover{
color: #1E4FEC;
}
.blu_side_btn{
width: 100%;
border: 1px solid #fff;
padding: 15px 0px;
margin: 0px 0px 15px 0px;
color: #fff;
text-align: center;
display: inline-block;
font-family: 'Roboto', sans-serif;
font-weight: bold;
font-size: 18px;
transition: 0.5s;
}
.blu_side_btn:hover{
color: #fff;
background-color: #1A0A54;
text-decoration: none;
transition: 0.5s;
}
.icon_heading td{
vertical-align: middle;
}
.icon_heading .icon_show{
margin: 0px 30px 0px 0px;
width: 50px;
height: auto;
}
.cube_stacker_left h3{
color: #fff;
font-weight: bold;
font-size: 24px;
margin: 0px 0px 15px 0px;
line-height: 30px;
font-family: 'Roboto', sans-serif;
text-align: left;
}
.cube_stacker_left h4{
color: #fff;
font-weight: bold;
font-size: 24px;
margin: 0px 0px 30px 0px;
line-height: 25px;
font-family: 'Roboto', sans-serif;
text-align: left;
}
.cube_stacker_left p{
color: #fff;
font-weight: 300;
font-size: 18px;
margin: 0px 0px 25px 0px;
line-height: 24px;
font-family: 'Roboto', sans-serif;
text-align: left;
}
.cube_stacker_left p.smaller_p{
color: #fff;
font-weight: 300;
font-size: 16px;
margin: 25px 0px 25px 0px;
line-height: 20px;
font-family: 'Roboto', sans-serif;
text-align: left;
}
.cube_stacker_left.for_events h6{
font-weight: 300;
font-size: 20px;
font-family: 'Roboto', sans-serif;
color: #fff;
margin: 0px 0px 15px 0px;
}
.smaller_p p{
color: #fff;
font-weight: 300;
font-size: 16px;
margin: 25px 0px 25px 0px;
line-height: 20px;
font-family: 'Roboto', sans-serif;
text-align: left;
}
.blue_play{
width: 10%;
height: auto;
position: absolute;
top: 0px;
right: 0px;
bottom: 0px;
left: 0px;
margin: auto;
}
.red_date{
width: 150px;
height: 150px;
display: block;
position: absolute;
color: #fff;
background-color: red;
padding: 15px;
font-family: 'Roboto Condensed', sans-serif;
background: #DC105B;
background-blend-mode: multiply;
mix-blend-mode: multiply;
left: -75px;
top: 32%;
}
.red_date_next{
width: 150px;
height: 150px;
display: block;
position: absolute;
color: #fff;
padding: 15px;
font-family: 'Roboto Condensed', sans-serif;
left: -75px;
top: 32%;
}
.red_date_next h5,
.red_date h5{
font-family: 'Roboto Condensed', sans-serif;
font-size: 30px;
margin: 0px 0px 6px 0px;
}
.red_date_next h6{
font-weight: 300;
font-size: 44px;
margin: 0px 0px 0px 0px;
font-family: 'Roboto Condensed', sans-serif;
text-align: left;
}
.red_date_next h6 span{
font-size: 28px;
margin: 0px 0px 0px 2px;
vertical-align: top;
}
.next_dates{
border: 1px solid #000;
position: absolute;
top: 0px;
right: 0px;
padding: 10px;
}
.single_prodder{
display: inline-block;
padding: 100px;
width: 100%;
}
.tab-content>.active {
display: inline-block!important;
width: 100%;
overflow-y: auto;
}
.single_article h4{
color: #000;
font-weight: bold;
font-size: 18px;
min-height: 50px;
margin: 0px 0px 15px 0px;
line-height: 24px;
padding: 0px;
z-index: 99;
font-family: 'Roboto', sans-serif;
}
.single_article h5{
color: #000;
font-weight: bold;
font-size: 18px;
margin: 0px 0px 0px 0px;
line-height: 24px;
padding: 0px;
z-index: 99;
font-family: 'Roboto', sans-serif;
}
.single_article p {
color: #000;
font-weight: 300;
font-size: 14px;
margin: 0px 0px 20px 0px;
line-height: 22px;
font-family: 'Roboto', sans-serif;
}
.single_article .engage{
color: #1E4FEC;
font-weight: bold;
font-size: 18px;
margin: 0px 0px 25px 0px;
display: block;
line-height: 24px;
padding: 0px;
z-index: 99;
font-family: 'Roboto', sans-serif;
}
.cube_stacker_right{
display: table-cell;
width: 66.66%;
min-height: 100px;
background-color: #eee;
background-size: cover;
background-position: center;
vertical-align: top;
position: relative;
}
.tile_cube{
width: 33.33%;
padding-top: 33.33%;
position: relative;
float: left;
color: #000;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
cursor: pointer;
transition: 0.5s;
}
.cube_stacker.on_solutions{
margin: 130px 0px 0px 0px;
}
.cube_stacker.on_solutions .tile_cube{
width: 25%;
padding-top: 25%;
position: relative;
float: left;
color: #000;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
cursor: pointer;
transition: 0.5s;
}
.cube_stacker.on_solutions .tile_cube.double{
width: 50%;
}
.tile_cube.darker .tile_overlayer{
background-color: #D3D4CF;
}
.tile_cube.double{
width: 66.66%;
padding-top: 33.33%;
position: relative;
float: left;
background-color: #222;
color: #000;
background-image: url(//chemetrix.co.za/wp-content/themes/chemetrix/img/bases.jpg);
}
.tile_overlayer{
background-color: #F6F6F6;
padding: 50px;
position: absolute;
top: 0px;
right: 0px;
bottom: 0px;
left: 0px;
width: 100%;
height: 100%;
transition: 0.5s;
}
.tile_cube h4{
color: #000;
font-weight: bold;
font-size: 20px;
margin: 0px 0px 0px 0px;
line-height: 25px;
top: 0px;
left: 0px;
padding: 30px;
z-index: 99;
font-family: 'Roboto', sans-serif;
text-align: left;
position: absolute;
}
.solution_icon{
display: inline-block;
text-align: center;
vertical-align: middle;
position: relative;
width: 60px;
height: 60px;
margin: 0px 0px 10px 0px;
}
.solution_icon img{
width: auto;
height: auto;
max-height: 100%;
max-width: 100%;
margin: auto;
position: absolute;
top: 0px;
right: 0px;
bottom: 0px;
left: 0px;
}
.icon_show{
opacity: 1;
}
.icon_hide{
opacity: 0;
}
.tile_cube:hover .icon_show,
.tile_cube.clicked .icon_show{
opacity: 0;
}
.tile_cube:hover .icon_hide,
.tile_cube.clicked .icon_hide{
opacity: 1;
}
.tile_cube:hover .tile_overlayer{
background: #1E4FEC;
mix-blend-mode: multiply;
transition: 0.5s;
}
.tile_cube.clicked .tile_overlayer{
background: #1E4FEC;
mix-blend-mode: multiply;
transition: 0.5s;
}
.tile_cube:hover h4,
.tile_cube.clicked h4{
color: #fff;
}
.master_slider{
background-color: #1A0A54;
}
.single_product{
width: 100%;
padding: 100px 100px;
display: block;
position: relative;
background-color: #1A0A54;
color: #fff;
}
.single_product h4{
font-weight: bold;
font-size: 28px;
margin: 0px 0px 15px 0px;
font-family: 'Roboto', sans-serif;
color: #fff;
position: relative;
z-index: 100;
}
.single_product p{
font-weight: 300;
font-size: 20px;
margin: 0px 0px 0px 0px;
font-family: 'Roboto', sans-serif;
color: #fff;
position: relative;
z-index: 100;
opacity: 0;
transition: 1s;
}
.slick-slide.slick-current.slick-active p{
opacity: 1;
transition: 1s;
}
.the_blue{
width: 0%;
height: 0%;
transition: 1s;
background-color: #1E4FEC;
position: absolute;
left: 0px;
bottom: 0px;
}
.slick-slide.slick-current.slick-active .the_blue{
width: 100%;
height: 100%;
transition: 1s;
}
.lines{
opacity: 1;
transition: 1s;
}
.physical{
opacity: 0;
transition: 1s;
}
.slick-slide.slick-current.slick-active .lines{
opacity: 0;
transition: 1s;
}
.slick-slide.slick-current.slick-active .physical{
opacity: 1;
transition: 1s;
}
.prod_preview{
width: 100%;
padding-top: 100%;
transition: 0.5s;
position: relative;
cursor: pointer;
}
.prod_preview:hover{
transition: 0.5s;
transform: scale(1.0.2);
}
.prod_preview img{
width: auto;
height: auto;
max-width: 100%;
max-height: 100%;
position: absolute;
top: 0px;
right: 0px;
bottom: 0px;
left: 0px;
margin: auto;
}
#lightcase-info #lightcase-sequenceInfo {
display: none!important;
}
.master_slider .slick-prev,
.master_slider .slick-prev:hover,
.master_slider .slick-prev.slick-arrow,
.master_slider .slick-prev.slick-arrow:hover,
.master_slider .slick-prev.slick-arrow:focus {
display: block!important;
width: 17px!important;
height: 30px!important;
content: ""!important;
z-index: 999!important;
left: 36%!important;
color: transparent!important;
background-size: cover;
background-image: url(//chemetrix.co.za/wp-content/themes/chemetrix/img/left_blue.svg);
}
.master_slider .slick-next,
.master_slider .slick-next:hover,
.master_slider .slick-next.slick-arrow,
.master_slider .slick-next.slick-arrow:hover,
.master_slider .slick-next.slick-arrow:focus {
display: block!important;
width: 17px!important;
height: 30px!important;
content: ""!important;
z-index: 999!important;
right: 25px!important;
color: transparent!important;
background-size: cover;
background-image: url(//chemetrix.co.za/wp-content/themes/chemetrix/img/right_blue.svg);
}
.slick-prev::before,
.slick-next::before{
content: none!important;
}
.upcoming_events_home{
width: 100%;
display: inline-block;
background-color: #fff;
padding: 130px 0px 0px;
}
.intro_home{
width: 100%;
display: inline-block;
background-color: #fff;
padding: 130px 0px 40px;
}
.how_can_we{
padding: 100px 0px 0px 0px;
}
.upcoming_events_home h2,
.intro_home h2,
.how_can_we h2,
.solution_toggles_td.toggle_side h2,
.home_testimonials h2{
color: #DC105B;
font-weight: 300;
font-size: 52px;
margin: 0px 0px 50px 0px;
line-height: 62px;
font-family: 'Roboto Condensed', sans-serif;
text-align: left;
}
.home_testimonials{
width: 100%;
display: inline-block;
background-color: #fff;
padding: 130px 0px 130px;
}
.single_testimonial{
width: 100%;
display: table;
min-height: 50px;
}
.single_testimonial_tr{
display: table-row;
}
.single_testimonial_td{
display: table-cell;
vertical-align: middle;
}
.single_testimonial_td.person{
width: 35%;
}
.single_testimonial_td.gap{
width: 5%;
vertical-align: top;
}
.gap img{
width: 100%;
max-width: 50px;
height: auto;
margin: 28px 0px 0px 0px;
}
.single_testimonial_td.testi{
width: 60%;
}
.single_testimonial_td.testi p {
color: #1E4FEC;
font-weight: 300;
font-size: 20px;
margin: 0px 0px 15px 0px;
line-height: 25px;
font-family: 'Roboto', sans-serif;
text-align: left;
}
.single_testimonial_td.testi h6,
.nav-links {
color: #1E4FEC;
font-weight: bold;
margin: 0px;
font-family: 'Roboto', sans-serif;
font-size: 16px;
line-height: 26px;
}
.person_cube{
width: 60%;
padding-top: 60%;
position: relative;
background-color: #eee;
border-radius: 200px;
margin: 0 auto;
background-size: cover;
background-position: center;
}
.upcoming_events_home p{
color: #000;
font-weight: 300;
font-size: 20px;
margin: 0px 0px 60px 0px;
line-height: 25px;
font-family: 'Roboto', sans-serif;
text-align: left;
}
.solution_toggles_td.toggle_side p{
color: #000;
font-weight: 300;
font-size: 20px;
margin: 0px 0px 30px 0px;
line-height: 25px;
font-family: 'Roboto', sans-serif;
text-align: left;
}
.intro_home p{
color: #000;
font-weight: 300;
font-size: 20px;
margin: 0px 0px 25px 0px;
line-height: 25px;
font-family: 'Roboto', sans-serif;
text-align: left;
}
.the_timelines{
padding: 0px 0px 70px 0px;
}
.time_card_arrow{
width: 40px;
height: 40px;
top: -20px;
background-color: pink;
margin: 0 auto;
position: absolute;
z-index: 500;
-ms-transform: rotate(45deg); transform: rotate(45deg);
}
.time_card{
width: 100%;
min-height: 250px;
transition: 0.5s;
background-color: #1A0A54;
display: table;
margin: 0px 0px 30px 0px;
}
.time_card_tr{
display: table-row;
}
.time_card_td{
display: table-cell;
position: relative;
}
.date_side{
padding: 20px;
color: #fff;
}
.time_card_td.little_thumb{
width: 50%;
background-color: #eee;
background-size: cover;
background-position: center;
position: relative;
}
.little_thumb_over{
position: absolute;
width: 100%;
height: 100%;
background: #1E4FEC;
mix-blend-mode: multiply;
transition: 0.5s;
}
.time_card:hover .little_thumb_over{
opacity: 0;
}
.time_card:hover{
background-color: #DC105B;
transition: 0.5s;
}
.date_side h3{
font-weight: bold;
font-size: 26px;
margin: 0px 0px 15px 0px;
line-height: 24px;
padding: 0px;
z-index: 99;
font-family: 'Roboto', sans-serif;
}
.date_side p{
font-family: 'Roboto', sans-serif;
font-size: 15px;
line-height: 20px;
font-weight: 300;
margin: 0px;
}
.home_featured_slider{
width: 100%;
display: table;
min-height: 100px;
}
.home_testies .slick-prev,
.home_testies .slick-prev:hover,
.home_testies .slick-prev.slick-arrow,
.home_testies .slick-prev.slick-arrow:hover,
.home_testies .slick-prev.slick-arrow:focus {
display: block!important;
width: 17px!important;
height: 30px!important;
content: ""!important;
z-index: 9;
left: -50px!important;
color: transparent!important;
background-size: cover;
background-image: url(//chemetrix.co.za/wp-content/themes/chemetrix/img/left_blue.svg);
}
.home_testies .slick-next,
.home_testies .slick-next:hover,
.home_testies .slick-next.slick-arrow,
.home_testies .slick-next.slick-arrow:hover,
.home_testies .slick-next.slick-arrow:focus {
display: block;
width: 17px!important;
height: 30px!important;
z-index: 9;
background-size: cover;
right: -50px!important;
background-image: url(//chemetrix.co.za/wp-content/themes/chemetrix/img/right_blue.svg);
}
.hom_feature_slider .slick-prev:before,
.hom_feature_slider .slick-next:before{
content: none!important;
}
.dots_slider .slick-prev,
.dots_slider .slick-prev:hover,
.dots_slider .slick-prev.slick-arrow,
.dots_slider .slick-prev.slick-arrow:hover,
.dots_slider .slick-prev.slick-arrow:focus {
display: block!important;
width: 17px!important;
height: 30px!important;
content: ""!important;
z-index: 9;
left: 0px!important;
top: 74%;
color: transparent!important;
background-size: cover;
background-image: url(//chemetrix.co.za/wp-content/themes/chemetrix/img/left_blue.svg);
}
.dots_slider .slick-next,
.dots_slider .slick-next:hover,
.dots_slider .slick-next.slick-arrow,
.dots_slider .slick-next.slick-arrow:hover,
.dots_slider .slick-next.slick-arrow:focus {
display: block;
width: 17px!important;
height: 30px!important;
z-index: 9;
background-size: cover;
right: 0px!important;
top: 74%;
background-image: url(//chemetrix.co.za/wp-content/themes/chemetrix/img/right_blue.svg);
}
.hom_feature_slider .slick-prev,
.hom_feature_slider .slick-prev:hover,
.hom_feature_slider .slick-prev.slick-arrow,
.hom_feature_slider .slick-prev.slick-arrow:hover,
.hom_feature_slider .slick-prev.slick-arrow:focus {
display: block!important;
width: 17px!important;
height: 30px!important;
content: ""!important;
z-index: 9;
left: 15px!important;
color: transparent!important;
background-size: cover;
background-image: url(//chemetrix.co.za/wp-content/themes/chemetrix/img/left_white.svg);
}
.hom_feature_slider .slick-next,
.hom_feature_slider .slick-next:hover,
.hom_feature_slider .slick-next.slick-arrow,
.hom_feature_slider .slick-next.slick-arrow:hover,
.hom_feature_slider .slick-next.slick-arrow:focus {
display: block;
width: 17px!important;
height: 30px!important;
z-index: 9;
background-size: cover;
right: 15px!important;
background-image: url(//chemetrix.co.za/wp-content/themes/chemetrix/img/right_blue.svg);
}
.hom_feature_slider .slick-prev:before,
.hom_feature_slider .slick-next:before{
content: none!important;
}
.webinars .slick-prev,
.webinars .slick-prev:hover,
.webinars .slick-prev.slick-arrow,
.webinars .slick-prev.slick-arrow:hover,
.webinars .slick-prev.slick-arrow:focus {
display: block!important;
width: 17px!important;
height: 30px!important;
content: ""!important;
z-index: 9;
left: 15px!important;
color: transparent!important;
background-size: cover;
background-image: url(//chemetrix.co.za/wp-content/themes/chemetrix/img/left_white.svg);
}
.webinars .slick-next,
.webinars .slick-next:hover,
.webinars .slick-next.slick-arrow,
.webinars .slick-next.slick-arrow:hover,
.webinars .slick-next.slick-arrow:focus {
display: block;
width: 17px!important;
height: 30px!important;
z-index: 9;
background-size: cover;
right: 15px!important;
background-image: url(//chemetrix.co.za/wp-content/themes/chemetrix/img/right_blue.svg);
}
.webinars .slick-prev:before,
.webinars .slick-next:before{
content: none!important;
}
.super_slider_wrap .slick-prev,
.super_slider_wrap .slick-prev:hover,
.super_slider_wrap .slick-prev.slick-arrow,
.super_slider_wrap .slick-prev.slick-arrow:hover,
.super_slider_wrap .slick-prev.slick-arrow:focus {
display: block!important;
width: 17px!important;
height: 30px!important;
content: ""!important;
z-index: 9;
left: 15px!important;
color: transparent!important;
background-size: cover;
background-image: url(//chemetrix.co.za/wp-content/themes/chemetrix/img/left_blue.svg);
}
.super_slider_wrap.for_products .slick-prev,
.super_slider_wrap.for_products .slick-prev:hover,
.super_slider_wrap.for_products .slick-prev.slick-arrow,
.super_slider_wrap.for_products .slick-prev.slick-arrow:hover,
.super_slider_wrap.for_products .slick-prev.slick-arrow:focus {
display: none!important;
width: 17px!important;
height: 30px!important;
content: ""!important;
z-index: 9;
left: 15px!important;
color: transparent!important;
background-size: cover;
background-image: url(//chemetrix.co.za/wp-content/themes/chemetrix/img/left_blue.svg);
}
.super_slider_wrap .slick-next,
.super_slider_wrap .slick-next:hover,
.super_slider_wrap .slick-next.slick-arrow,
.super_slider_wrap .slick-next.slick-arrow:hover,
.super_slider_wrap .slick-next.slick-arrow:focus {
display: block;
width: 17px!important;
height: 30px!important;
z-index: 9;
background-size: cover;
right: 15px!important;
background-image: url(//chemetrix.co.za/wp-content/themes/chemetrix/img/right_blue.svg);
}
.super_slider_wrap .slick-prev:before,
.super_slider_wrap .slick-next:before{
content: none!important;
}
.home_featured_slider_tr{
display: table-row;
}
.home_featured_slider_td{
display: table-cell;
width: 50%;
vertical-align: top;
}
.home_featured_slider_td.le_blue{
background-color: #1E4FEC;
padding: 100px 0px 100px 100px;
color: #fff;
}
.home_featured_slider_td.le_grey{
background-color: #F6F6F6;
padding: 100px 100px 100px 0px;
color: #000;
}
.home_featured_slider_td.le_blue .text_side{
padding: 0px 50px 0px 0px;
}
.home_featured_slider_td.le_grey .text_side{
padding: 0px 0px 0px 50px;
}
.text_side h3{
font-weight: bold;
font-size: 24px;
margin: 0px 0px 10px 0px;
line-height: 24px;
padding: 0px;
z-index: 99;
font-family: 'Roboto', sans-serif;
}
.text_side h4{
font-weight: bold;
font-size: 18px;
margin: 40px 0px 10px 0px;
line-height: 24px;
padding: 0px;
z-index: 99;
font-family: 'Roboto', sans-serif;
}
.text_side p{
font-family: 'Roboto', sans-serif;
font-size: 16px;
line-height: 26px;
font-weight: 300;
}
.text_side a{
color: #1E4FEC;
font-weight: bold;
font-family: 'Roboto', sans-serif;
font-size: 16px;
line-height: 26px;
}
.action_cuber{
display: table;
width: 100%;
background-color: #F6F6F6;
color: #DC105B;
text-align: center;
font-size: 30px;
font-weight: bold;
font-family: 'Roboto', sans-serif;
}
.action_cuber:hover{
text-decoration: none;
color: #DC105B;
}
.action_cuber_tr{
display: table-row;
}
.action_cuber_td{
display: table-cell;
padding: 30px 0px;
text-align: left;
vertical-align: middle;
}
.action_cuber_td table{
margin: 0 auto;
}
.action_cuber_td.icon_side{
width: 60px;
}
.text_side a:hover{
color: #1E4FEC;
text-decoration: none;
}
.action_cuber_td span{
display: inline-block;
}
.icon_left{
width: 60px;
height: 60px;
position: relative;
margin: 0px 25px 0px 0px;
}
.icon_left img{
width: auto;
height: auto;
max-width: 100%;
max-height: 100%;
position: absolute;
top: 0px;
right: 0px;
bottom: 0px;
left: 0px;
margin: auto;
}
.two_action_buttons{
display: block;
margin: 100px 0px 0px;
}
.title_top{
display: inline-block;
width: 100%;
height: 100px;
}
.title_top h2{
font-weight: 300;
font-size: 52px;
margin: 0px 0px 0px 0px;
line-height: 62px;
font-family: 'Roboto Condensed', sans-serif;
text-align: left;
}
.product_bottom{
display: inline-block;
width: 100%;
min-height: 150px;
}
.product_bottom table{
width: 100%;
}
.product_bottom table td{
width: 50%;
vertical-align: top;
}
.product_bottom table td img{
width: 100%;
height: auto;
}
.spec_colors{
display: block;
margin: 50px 0px 0px 0px;
}
.single_term{
display: table;
font-family: 'Roboto', sans-serif;
font-weight: 300;
font-size: 16px;
margin: 0px 0px 10px 0px;
}
.single_term_tr{
display: table-row;
}
.single_term_td{
display: table-cell;
vertical-align: middle;
}
.the_circ{
width: 35px;
height: 35px;
margin: 0px 10px 0px 0px;
border-radius: 100px;
}
.inside_site_wrap{
padding: 0px 85px;
}
.options_for_grid .block{
margin: 0% 0.55% 0% 0.55%;
}
.block_preview{
width: 219.5%;
padding-top: 221.5%;
margin: 0%;
top: -2%;
left: 112.2%;
position: absolute;
border-radius: 6px;
z-index: 5;
border: 2px solid #000;
background-color: #fff;
cursor: pointer;
display: none;
background-size: 100%;
background-position: center;
background-repeat: no-repeat;
transition: 0.5s;
}
.on_sides_8 .block_preview,
.on_sides_9 .block_preview,
.on_sides_17 .block_preview,
.on_sides_18 .block_preview,
.on_sides_26 .block_preview,
.on_sides_27 .block_preview,
.on_sides_35 .block_preview,
.on_sides_36 .block_preview{
left: inherit;
right: 112.2%;
}
.block:hover .block_preview{
display: block;
}
.block_info{
position: absolute;
top: 0px;
bottom: 0px;
width: 100%;
padding: 13%;
}
.block_info h5{
margin: 0px 0px 10px 0px;
color: #000;
font-family: 'Roboto', sans-serif;
font-size: 22px;
font-weight: bold;
}
.block_info p{
margin: 0px;
color: #000;
font-family: 'Roboto', sans-serif;
font-size: 9px;
}
.blk1.ghost,
.blk2.ghost,
.blk3.ghost,
.blk4.ghost,
.blk5.ghost,
.blk6.ghost,
.blk7.ghost,
.blk8.ghost,
.blk9.ghost,
.blk10.ghost{
opacity: 0.1;
}
.the_dots_line{
position: absolute;
width: 90%;
left: 5%;
bottom: 18px;
height: 2px;
background-color: #DC105B;
margin: 0 auto;
}
.the_dots h3{
margin: 0px 0px 10px 0px;
font-weight: bold;
font-size: 26px;
line-height: 24px;
padding: 0px;
z-index: 99;
color: #DC105B;
font-family: 'Roboto', sans-serif;
}
.the_dots{
width: 100%;
position: relative;
display: inline-block;
margin: 0px 0px 25px 0px;
text-align: center;
}
.the_dot{
width: 40px;
height: 40px;
border-radius: 100px;
border: 2px solid #DC105B;
background-color: #F6F6F6;
margin: 0 auto;
}
.slick-current .the_dot{
background-color: #DC105B;
}
.home_timeline{
padding: 130px 100px 130px;
display: block;
}
.product_hover_master_desc{
display: none;
}
.product_master_wrap{
width: 100%;
margin: 130px 0px 150px;
padding: 0px 85px;
min-height: 100px;
display: inline-block;
}
.product_master_wrap.landing{
margin: 130px 0px 130px;
}
.product_master_wrap h2{
color: #DC105B;
font-weight: 300;
font-size: 52px;
margin: 0px 0px 45px 0px;
line-height: 52px;
font-family: 'Roboto Condensed', sans-serif;
}
.product_master_wrap h3{
color: #000;
font-weight: bold;
font-size: 20px;
margin: 0px 0px 50px 0px;
line-height: 18px;
font-family: 'Roboto', sans-serif;
}
.products_left{
width: 70%;
float: left;
}
.products_right{
width: 30%;
float: left;
}
.products_right p{
font-family: 'Roboto', sans-serif;
color: #000;
font-size: 16px;
font-weight: 300;
}
.blue_cube{
width: 22%;
padding-top: 22%;
margin: 0% 1% 1% 0%;
border: 2px solid #1A0A54;
border-radius: 5px;
display: inline-block;
position: relative;
transition: 0.5s;
}
.blue_cube:hover,
.blue_cube.active{
color: #fff;
background-color: #1A0A54;
transition: 0.5s;
}
.pmd_001{
display: block;
}
.blue_cube:hover h4,
.blue_cube.active h4,
.blue_cube:hover p,
.blue_cube.active p{
color: #fff;
}
.blue_cube_text h4{
margin: 0px 0px 15px 0px;
color: #1A0A54;
font-family: 'Roboto', sans-serif;
font-size: 35px;
font-weight: bold;
}
.blue_cube_text p{
margin: 0px;
color: #1A0A54;
font-family: 'Roboto', sans-serif;
font-size: 12px;
}
.cube_content_strip{
}
.blue_cube_text{
position: absolute;
top: 10%;
left: 10%;
padding-right: 10%;
}
.social_strip{
background-color: #1E4FEC;
padding: 50px 0px;
}
.the_footer{
background-color: #1A0A54 ;
width: 100%;
padding: 140px 85px 125px;
color: #fff;
}
.social_strip img{
width: auto;
height: 50px;
margin: 0px 30px 0px 0px;
}
.footer_logo{
width: 100%;
height: auto;
max-width: 200px;
margin: 0px 0px 30px 0px;
}
.the_footer h4{
font-family: 'Roboto', sans-serif;
font-weight: bold;
font-size: 20px;
margin: 0px;
}
.the_footer ul{
margin: 0px;
padding: 0px;
list-style: none;
}
.the_footer ul li a{
font-family: 'Roboto', sans-serif;
font-weight: normal;
display: block;
width: 100%;
color: #fff;
margin: 0px 0px 15px 0px;
}
.the_footer ul li span{
margin: 0px 0px 15px 0px;
display: block;
}
.deetz p,
.deetz a{
font-family: 'Roboto', sans-serif;
font-weight: normal;
display: block;
width: 100%;
color: #fff;
margin: 0px 0px 15px 0px;
}
.deetz a:hover{
color: #1E4FEC;
text-decoration: none;
}
.cube {
position: relative;
display: block;
width: 100%;
padding-bottom: 100%;
overflow: hidden;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
}
.super_menu{
position: fixed;
width: 100%;
height: 100%;
top: 0px;
right: 0px;
bottom: 0px;
left: 0px;
padding: 25px;
z-index: 200;
display: none;
background-color: #de2267;
}
.super_menu ul{
margin: 0px;
padding: 0px;
list-style: none;
display: block!important;
text-align: center;
margin-top: 100px;
font-family: 'Montserrat', sans-serif;
font-weight: bold;
}
.super_menu ul li{
padding: 0px;
margin: 0px 0px 5px 0px;
}
.super_menu ul li a{
color: #fff;
font-size: 20px;
}
.speak_to_advisor{
width: 100%;
display: inline-block;
min-height: 100px;
position: relative;
}
.advisor_pic{
width: 66.7%;
background-color: #444;
position: relative;
padding-top: 33%;
margin: 0px 0px 150px 0px;
background-image: url(//chemetrix.co.za/wp-content/themes/chemetrix/img/contact.jpg);
background-size: cover;
background-position: center;
}
.advisor_blue{
padding: 100px;
background-color: #1A0A54;
position: absolute;
bottom: 75px;
right: 75px;
color: #fff;
width: 45%;
}
.advisor_blue .action_btn{
display: block;
width: inherit;
margin: 40px 0px 0px 0px;
}
.advisor_blue h2{
color: #fff;
font-weight: 300;
font-size: 52px;
margin: 0px 0px 50px 0px;
line-height: 62px;
font-family: 'Roboto Condensed', sans-serif;
text-align: left;
}
.advisor_blue p{
font-weight: 300;
font-size: 18px;
margin: 0px 0px 0px 0px;
line-height: 20px;
font-family: 'Roboto', sans-serif;
text-align: left;
}
.vids_wraps iframe{
width: 100%;
}
.vids_wraps .panel-group .panel {
margin-bottom: 0;
border-radius: 0px;
border: 0px;
box-shadow: none;
background-color: transparent;
margin: 0px 0px 10px 0px;
}
.vids_wraps .panel-body{
color: #000;
padding: 15px 0px;
font-weight: 300;
font-size: 16px;
margin: 0px 0px 0px 0px;
line-height: 20px;
font-family: 'Roboto', sans-serif;
text-align: left;
}
.form_wrap h5{
color: #1E4FEC;
font-weight: bold;
font-size: 24px;
margin: 0px 0px 30px 0px;
line-height: 24px;
padding: 0px;
z-index: 99;
font-family: 'Roboto', sans-serif;
}
.vids_wrap h4.panel-title{
color: #000;
font-weight: bold;
font-size: 18px;
margin: 0px 0px 0px 0px;
line-height: 18px;
padding: 0px;
z-index: 99;
font-family: 'Roboto', sans-serif;
}
.vids_wrap .panel-default>.panel-heading {
color: #333;
background-color: #f5f5f5;
border: none;
padding: 0px;
}
.drop_blue_block{
background-color: #1E4FEC;
width: 48px;
height: 48px;
top: 0px;
right: 0px;
position: absolute;
background-image: url(//chemetrix.co.za/wp-content/themes/chemetrix/img/drop_blue.jpg);
background-position: center;
background-size: cover;
}
.vids_wrap{
display: block;
margin: 0px 0px 30px 0px;
}
.vids_wraps{
position: relative;
}
.vids_wraps h5{
color: #1E4FEC;
font-weight: bold;
font-size: 24px;
margin: 0px 0px 30px 0px;
line-height: 24px;
padding: 0px;
z-index: 99;
font-family: 'Roboto', sans-serif;
}
h6.backs{
color: #1E4FEC;
font-weight: bold;
font-size: 18px;
margin: 0px 0px 30px 0px;
line-height: 24px;
padding: 0px;
z-index: 99;
font-family: 'Roboto', sans-serif;
}
.backs img{
width: 8px;
height: auto;
position: relative;
top: -2px;
margin: 0px 5px 0px 0px;
}
.vids_wrap h7{
color: #000;
font-weight: bold;
font-size: 18px;
margin: 0px 0px 0px 0px;
line-height: 24px;
padding: 0px;
z-index: 99;
font-family: 'Roboto', sans-serif;
}
.vids_wraps h6.backs{
cursor: pointer;
}
.small_vid{
position: relative;
width: 100%;
padding-top: 60%;
background-color: #444;
background-size: cover;
cursor: pointer;
background-position: center;
margin: 0px 0px 15px 0px;
}
.iframe_overlay{
position: absolute;
z-index: 100;
width: 100%;
height: 100%;
top: 0px;
right: 0px;
bottom: 0px;
left: 0px;
background-color: pink;
}
.iframe_overlay iframe{
position: absolute;
width: 90%;
height: 90%;
margin: 5%;
top: 5%;
left: 5%;
}
.home_featured_slider_td.le_grey .product_bottom table{
margin-top: -6px;
}
@media (max-width: 1366px){
.partner_strip {
padding: 25px 30px;
}
.partner_logo h4 {
font-size: 20px;
}
.block {
width: 10%;
padding-top: 10%;
margin: 0% 0.55% 1.1% 0.55%;
}
.cube_stacker_left {
padding: 50px;
}
.cube_stacker_left p {
color: #fff;
font-weight: 300;
font-size: 18px;
}
}
@media (max-width: 1200px){
.search-field.its_open{
width: 600px;
padding: 15px;
transition: 0.5s;
border: 1px solid #1E4FEC;
}
.search_icon{
margin: 0px 0px 0px 15px;
}
.advisor_pic{
width: 100%;
background-color: #444;
position: relative;
padding-top: 50%;
margin: 0px 0px 0px 0px;
}
.advisor_blue{
padding: 50px;
background-color: #1A0A54;
position: relative;
bottom: 0px;
right: 0px;
color: #fff;
width: 100%;
}
a.btn_toggs{ vertical-align: middle;
border-bottom: 2px solid #DC105B;
}
.btn_toggs.last{
border-right: none;
}
.solution_toggles{
display: block;
width: 100%;
}
.solution_toggles_td table {
width: 80%;
margin: 0 auto;
}
.solution_toggles_tr{
display: table;
width: 100%;
}
.solution_toggles_td{
display: table-row;
}
.solution_toggles_td.toggle_btns h4 {
font-size: 20px;
}
.solution_toggles_td.toggle_side {
width: 100%;
display: block;
}
.cube_stacker_left {
display: block;
width: 100%;
}
.cube_stacker_right {
display: block;
width: 100%;
}
.the_header {
width: 100%;
padding: 15px 0px;
border: 1px solid #eee;
}
.the_header ul li {
display: inline-block;
margin: 18px 0px 18px 20px;
}
.tile_cube h4 {
font-size: 16px;
padding: 40px;
}
.block {
width: 23%;
padding-top: 23%;
margin: 0% 1% 2% 1%;
}
.options_for_grid .block {
margin: 0% 0.55% 1.1% 0.55%;
}
}
@media (max-width: 992px){
.product_master_wrap.secondary{
padding-top: 80px;
}
.action_cuber_td table{
margin: 0px;
}
.action_cuber_td {
padding: 30px;
}
.action_cuber{
margin: 0px 0px 15px 0px;
}
.single_testimonial_td.person{
width: 25%;
}
.gap img {
max-width: 40px;
margin: 0px 0px 0px 0px;
}
.person_cube {
width: 65%;
padding-top: 65%;
}
.home_testies .slick-prev,
.home_testies .slick-prev:hover,
.home_testies .slick-prev.slick-arrow,
.home_testies .slick-prev.slick-arrow:hover,
.home_testies .slick-prev.slick-arrow:focus {
left: 0px!important;
}
.home_testies .slick-next,
.home_testies .slick-next:hover,
.home_testies .slick-next.slick-arrow,
.home_testies .slick-next.slick-arrow:hover,
.home_testies .slick-next.slick-arrow:focus {
right: 0px!important;
}
.single_testimonial_td.testi h6{
padding: 0px 0px 0px 15px;
font-size: 16px;
}
.single_testimonial_td.testi p{
padding: 0px 25px 0px 15px;
font-size: 14px;
}
.technical_overview_td.w_33.new_side {
width: 100%;
display: block;
}
.search_icon{
display: none;
}
.mobile_feature_product{
display: table;
}
.upcoming_events_home h2,
.intro_home h2,
.how_can_we h2,
.solution_toggles_td.toggle_side h2,
.technical_overview_td.w_33 h2,
.home_testimonials h2 {
font-size: 32px;
line-height: 42px;
margin: 0px 0px 25px 0px;
}
.home_testimonials {
padding: 50px 0px;
}
.technical_overview,
.technical_overview_tr,
.technical_overview_td{
width: 100%;
display: block;
}
.technical_overview_td.w_66{
padding: 40px;
width: 100%;
position: relative;
}
.technical_overview_td.w_33{
padding: 40px;
width: 100%;
}
.upcoming_events_home {
padding: 50px 0px 0px;
}
.home_featured_slider_td.le_grey .text_side {
padding: 40px;
}
.hom_feature_slider{
background-color: #F6F6F6;
}
.product_bottom table td {
width: 100%;
vertical-align: top;
}
.home_featured_slider_td.le_grey {
background-color: #F6F6F6;
padding: 25px 25px 25px 0px;
}
.title_top{
display: none;
}
.home_featured_slider,
.home_featured_slider_tr,
.home_featured_slider_td{
display: block;
width: 100%;
}
.home_featured_slider_td.le_blue {
padding: 40px;
}
.feat_desk{
display: none;
}
.single_article .engage {
margin: 0px 0px 25px 0px;
display: block;
}
.only_article_section h2 {
font-size: 32px;
margin: 0px 0px 25px 0px;
line-height: 42px;
}
.single_article {
width: 48%;
float: left;
margin: 0% 1%;
}
.library_highlights_tr,
.library_highlights_td {
display: block;
width: 100%;
}
.article_section_type {
margin: 50px 0px 50px 0px;
display: inline-block;
}
.library_highlights {
margin: 50px 0px 0px;
}
.only_article_section {
padding: 0px 25px 50px;
}
.solution_toggles_td.toggle_side {
padding: 50px 25px;
}
.cube_stacker.on_solutions {
margin: 50px 0px 0px 0px;
}
.advisor_blue h2 {
font-size: 32px;
margin: 0px 0px 25px 0px;
line-height: 42px;
}
.red_date,
.red_date_next {
left: inherit;
top: 0%;
}
.event_prev{
min-height: 300px;
}
.cube_stacker_left.for_events{
padding: 50px;
}
.single_product {
padding: 50px;
}
.product_master_wrap {
margin: 50px 0px 50px;
}
.single_prodder {
padding: 25px 15px;
}
#menu-main-menu-1{
display: none;
}
.mob_trigger{
display: block;
position: absolute;
top: 22px;
right: 25px;
}
.intro_home {
padding: 50px 0px 50px;
}
.inside_site_wrap {
padding: 0px 25px;
}
.partner_logo {
padding-top: 20%;
}
.feature_home {
height: 90vh;
padding: 0px 30px;
}
.blue_tab_link h4 {
font-size: 16px;
}
.blue_tab_link {
height: 120px;
padding: 15px 0px 0px 25px;
}
.home_hover_left {
width: 100%;
float: left;
color: #fff;
padding: 0px 30px 0px 30px;
}
.home_hover_right{
display: none;
}
.feature_home h1 {
font-size: 50px;
}
.cube_stacker_left {
padding: 25px;
}
#menu-main-menu{
display: none;
}
.top_menu {
width: 100%;
height: auto;
max-width: 180px;
float: left;
}
.pink_desc {
margin: 50px 50px;
}
.article_wrap {
width: 100%;
margin: 100px auto 50px;
padding: 0px 25px;
}
.single_blue_overlay {
position: relative;
padding: 25px;
}
.right_grey_overlay {
position: relative;
}
.faq_action_strip_td table td.icon_td,
td.icon_td {
width: 20%;
}
.faq_action_strip_td {
padding: 25px 15px;
}
.faq_action_strip_td,
.faq_action_strip_tr,
.faq_action_strip{
display: block;
width: 100%;
}
.faq_action_strip_td h4 {
font-size: 20px;
margin: 0px 0px 0px 15px;
}
.red_li {
border-right: none;
border-bottom: 2px solid #DC105B;
}
.blue_cube{
width: 23%;
padding-top: 23%;
float: left;
margin: 0% 1% 2% 1%;
border: 2px solid #1A0A54;
border-radius: 5px;
display: table;
position: relative;
}
.blue_cube_text h4 {
font-size: 14px;
}
.block_info h5 {
font-size: 12px;
}
.product_master_wrap{
padding: 0px 25px;
}
.products_left {
width: 100%;
}
.products_left {
width: 100%;
}
.products_right {
display: none;
}
.looking_for h2 {
font-size: 32px;
line-height: 42px;
}
.the_footer ul {
margin: 0px 0px 50px 0px;
}
.the_footer,
.looking_for{
padding: 50px 10px;
}
.social_strip {
padding: 25px 0px;
}
.social_strip .mstr_wrp {
padding: 0px 35px;
}
.the_footer h4{
margin: 0px 0px 15px 0px;
}
}
@media (max-width: 768px){
.blue_cube_text p,
.side_search{
display: none;
}
.webinars .slick-next, .webinars .slick-next:hover, .webinars .slick-next.slick-arrow, .webinars .slick-next.slick-arrow:hover, .webinars .slick-next.slick-arrow:focus{
background-image: url(//chemetrix.co.za/wp-content/themes/chemetrix/img/right_white.svg)!important;
}
.the_dots h3 {
font-size: 18px;
line-height: 18px;
}
.solution_icon {
width: 30px;
height: 30px;
}
.block_info p,
.block_preview{
display: none;
}
.feature_top {
width: 100%;
height: 400px;
}
.tile_cube h4 {
font-size: 12px;
padding: 10px;
line-height: 16px;
}
.left_maroon {
background-color: #DC105B;
mix-blend-mode: multiply;
position: absolute;
left: 0px;
bottom: 14%;
padding: 5%;
text-align: center;
width: 45%;
z-index: 1;
color: #fff;
font-weight: 300;
font-size: 32px;
line-height: 32px;
font-family: 'Roboto Condensed', sans-serif;
text-align: left;
}
.left_maroon_2 {
position: absolute;
left: 0px;
bottom: 14%;
padding: 5%;
text-align: center;
width: 45%;
z-index: 2;
color: #fff;
font-weight: 300;
font-size: 32px;
line-height: 32px;
font-family: 'Roboto Condensed', sans-serif;
text-align: left;
}
.right_blue {
background-color: #1E4FEC;
position: absolute;
right: 0px;
bottom: 0px;
padding: 8%;
text-align: center;
font-weight: 300;
font-size: 13px;
text-align: left;
width: 60%;
font-family: 'Roboto', sans-serif;
color: #fff;
}
}
@media (max-width: 500px){
.tile_cube h4 {
font-size: 10px;
padding: 10px;
line-height: 14px;
}
}
.lds-ring {
display: block;
width: 100vw;
height: 300vh;
background: #d3d3d3;
position: absolute;
z-index: 9999;
}
.lds-ring div {
box-sizing: border-box;
display: block;
position: absolute;
width: 64px;
height: 64px;
margin: 8px;
border: 8px solid #fff;
border-radius: 50%;
animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
border-color: #fff transparent transparent transparent;
margin: 25% 50%;
}
.lds-ring div:nth-child(1) {
animation-delay: -0.45s;
}
.lds-ring div:nth-child(2) {
animation-delay: -0.3s;
}
.lds-ring div:nth-child(3) {
animation-delay: -0.15s;
}
@keyframes lds-ring {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}