@charset "utf-8";
/* CSS Document */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, img, ins, kbd, q, s, samp,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
    display: block;
}
body {
    line-height: 1;
}
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}

* { 
  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box;    /* Firefox, other Gecko */
  box-sizing: border-box;         /* Opera/IE 8+ */
}

.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}
.clearfix {
    display: inline-block;
}
html[xmlns] .clearfix {
    display: block;
}
* html .clearfix {
    height: 1%;
}
.wrap {text-align:left;}


.wrap>*:not(*:root) {margin-left:-4px;}/*--- FIx for safari flexible grid--*/

/*@import url('https://fonts.googleapis.com/css2?family=Raleway:wght@300;400;500;700&display=swap');*/


*:focus {outline:0;}
html, body {width:100%; height:100%; font-family: 'Raleway', sans-serif;}
body {font-size:12px; line-height:1.25em; background-color:#f9f9f9;}
[class*="_fullcontainer"]{width: calc(100% - 90px);margin:0px auto;}
[class*="_container"]{width:100%; margin:0px auto; max-width:1180px;}
[class*="_midnarrowcontainer"]{width:100%; margin:0px auto; max-width:960px;padding-top:35px;padding-bottom:35px;}
[class*="_narrowcontainer"]{width:100%; margin:0px auto; max-width:870px;padding-top:35px;padding-bottom:35px;}

a {transition:0.8s;font-weight:400;text-decoration:none; color:#333;}
a:hover {transition:0.8s;font-weight:400;}
body {font-size:100%;}
h1, h2, h3, h4, h5 ,h6, p, a{font-family: 'Raleway', sans-serif;}

html {scroll-behavior: smooth;}

body > * {transition:0.5s;}

/*---Fix for wow---*/
.wow {visibility:hidden;}

/*---General---*/
#content {background-color:#f4f4f4;}
.maxbox540 {max-width:540px;}
.borderlessleft {padding-left:0px}
.borderlessright {padding-right: 0px;}
.floatright {float:right;}


/*---Typography---*/
h1 {font-size:45px;line-height: 55px; font-weight:500; margin-bottom: 30px;}
h2 {font-size:35px;line-height: 55px;margin-bottom: 30px;}
h3 {font-size:28px;line-height: 45px;margin-bottom: 30px;}
h4 {font-size:22px;line-height: 36px;margin-bottom: 30px;}
h5 {font-size:17px;line-height: 29px;margin-bottom: 30px;}
h6 {font-size:13px;line-height: 23px;margin-bottom: 30px;}
p {font-size:19px;line-height: 29px;margin-bottom: 30px;}
body {font-size: 17px;line-height: 29px;margin-bottom: 30px;}
body #ajaxsearchlite1 .probox .proinput input, body div.asl_w .probox .proinput input, body #ajaxsearchlite1 .probox .proinput, body div.asl_w .probox .proinput {font-family: 'Raleway', sans-serif !important;}
.breadrow .breadlink:after {font-family: "Font Awesome 5 Free"; font-weight: bold;}

.whitetext {color:#ffffff;}
.lightgrey{color:#e1e1e1;}
.medgrey{color:#747474;}
.darkred {color:#b3102c;}
.greenblue {color: #006a7f !important;}
.peoplediv > h1 {color: #006a7f;}
.greentext {color:#015643;}

.uppertext {text-transform:uppercase;}
.textleft {text-align:left;}
.textright {text-align:right;}
.textcenter {text-align:center;}
.lightf {font-weight:400;}
.mediumf {font-weight:500;}
.heavyf {font-weight:700;}

.whitebox {background-color:#ffffff;}

.tbpad5 {padding-top:5%;padding-bottom:5%;}

.lfpad {padding-left:5%;padding-right:5%;}

.padall5{padding:5%;}

.padtb45 {padding-top:45px;padding-bottom:45px;}
.pad35{padding:35px;}

.nopadlr {padding-left:0px;padding-right:0px;}

.height_60 {height:60vh;}
.height_75 {height:75vh;}
.height_85 {height:85vh;}
.height_90 {height:90vh;}
.height_105 {height:105vh;}
.height_110 {height:110vh;}
.minh_300 {min-height:300px;}

.zeromarbot {margin-bottom:0px;}
.nounderline {text-decoration:none !important;font-weight: 500 !important;}

.bckatth {background-attachment:fixed;background-size:cover;}
.bckcover {background-size:cover;background-position:center;}

.imageshade {box-shadow: 2px 2px 10px #0000002e;}

.left-xs {-ms-flex-pack: left;-webkit-box-pack: left;justify-content: left;text-align: left;}

/*---Gradient Header---*/
.bg1 {background: linear-gradient(to right top, rgb(209, 107, 165), rgb(184, 118, 188), rgb(152, 129, 203), rgb(116, 139, 208), rgb(80, 146, 204), rgb(80, 146, 204), rgb(80, 146, 204), rgb(80, 146, 204), rgb(116, 139, 208), rgb(152, 129, 203), rgb(184, 118, 188), rgb(209, 107, 165));
    background-size: 1500% 120%;position: absolute;left: 0px;top: 0px;height: 75vh;width: 100%;z-index: 1;-webkit-animation: AnimationName 8s ease infinite;-moz-animation: AnimationName 8s ease infinite;animation: AnimationName 8s ease infinite;}
.clearebg {position:relative !important;}
.bgstac {background: linear-gradient(to right top, rgb(209, 107, 165), rgb(184, 118, 188), rgb(152, 129, 203), rgb(116, 139, 208), rgb(80, 146, 204), rgb(80, 146, 204), rgb(80, 146, 204), rgb(80, 146, 204), rgb(116, 139, 208), rgb(152, 129, 203), rgb(184, 118, 188), rgb(209, 107, 165));
    background-size: 1500% 120%;height: 50vh;width: 100%;z-index: 1;-webkit-animation: AnimationName 8s ease infinite;-moz-animation: AnimationName 8s ease infinite;animation: AnimationName 8s ease infinite;}
    
@-webkit-keyframes AnimationName {
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
}
@-moz-keyframes AnimationName {
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
}
@keyframes AnimationName { 
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
}


/*---List Style---*/
.pagecontent .pagecolleft ul li:before {margin-left: -20px;content: '•';margin-right: 10px;color: #ffa616;font-size: 28px;vertical-align: bottom;}
.pagecontent .pagecolleft ol li:before {margin-left: -20px;margin-right: 10px;color: #ffa616;font-size: 28px;vertical-align: top;}
.pagecontent .pagecolleft ol, .pagecontent .pagecolleft ul {margin-left:20px;margin-bottom: 35px;margin-top: 15px;}
.pagecontent .pagecolleft ol {list-style-type: decimal;}
.pagecontent .pagecolleft ol li, .pagecontent .pagecolleft ul li  {margin-bottom:15px;}
.pagecontent .pagecolleft ol[type="i"] {list-style-type: lower-roman !important;}
ol.orangepoint li:before, ul.orangepoint li:before {margin-left: -20px;content: '•';margin-right: 10px;color: #ffa616;font-size: 28px;vertical-align: top;}
ol.orangepoint li, ul.orangepoint li {font-size: 16px;color: #383838;}
ol.orangepoint, ul.orangepoint {margin-bottom: 25px;}
.pagecontent .pagecolleft ul li > ol, .pagecontent .pagecolleft ol li > ol, .pagecontent .pagecolleft ul li > ul, .pagecontent .pagecolleft ol li > ul {margin-top: 15px !important;margin-bottom:15px !important;}
.pagecontent .pagecolleft table ol li, .pagecontent .pagecolleft table ul li {margin-bottom: 5px;font-size: 14px;line-height: 20px;}
.pagecontent .pagecolleft table ol, .pagecontent .pagecolleft table ul {margin-top:15px;margin-bottom:15px;}
.pagecontent.custompage {padding-top:0px;padding-bottom:0px;}
.pagecontent .pagecolleft p, .pagecontent .pagecolleft p {font-size:17px;line-height:29px;margin-bottom: 15px;}


ul.list {margin-bottom: 25px;margin-left:20px;}
ul.list li {font-size: 16px;color: #383838;margin-bottom:10px;}
ul.list.big li {font-size: 19px;line-height:28px;color: #383838;}
ul.list li:before {margin-left: -20px;content: '•';margin-right: 14px;color: #ffa616;font-size: 16px;vertical-align: top;}


@media only screen and (max-width:767px) {
  .pagecontent .pagecolleft ol li:before {margin-right: 10px;color: #ffa616;font-size: 28px;vertical-align: top;}
}
/*---Link button style---*/
.bluegrabut {
    background-image: linear-gradient(to right, #01b8d7 0%, #055b99 50%);
    background-image: -webkit-linear-gradient(to right, #01b8d7 0%, #055b99 50%);
    background-color: #01b8d7;
    background-size: 200% auto;
    padding: 23px 45px;
    font-size: 20px;
    border-radius: 35px;
    color: #ffffff;
    letter-spacing: 1px;
}
#bluegrabutsmall {
    background-image: linear-gradient(to right, #01b8d7 0%, #055b99 50%);
    background-image: -webkit-linear-gradient(to right, #01b8d7 0%, #055b99 50%);
    background-color: #01b8d7;
    background-size: 200% auto;
    padding: 15px 26px;
    font-size: 20px;
    border-radius: 35px;
    color: #ffffff;
    letter-spacing: 1px;
    text-decoration: none;
}
a.greenbut {border-radius: 30px;border: 2px solid #1dffcc;padding: 15px 45px;color: #1dffcc;}
a.greenbut:hover {background-color: #1dffcc;color: #0482b3;}
a.orangebut {
    padding: 15px 30px;
    border-radius: 30px;
    color: #ffffff;
    margin: 0 20px 20px 0;
    display: inline-block;
    border: 2px solid transparent;
    background: rgb(254,106,79);
    background-color: #ef3c38;
    background-image: linear-gradient(to right, #ff856f 0%, #ef3c38 50%);
    background-image: -webkit-linear-gradient(to right, #ff856f 0%, #ef3c38 50%);
    background-size: 200% auto;
    color: #fff !important;
    text-decoration: none !important;
    border-width: 0px;
}
a.bluebut {
    background-image: linear-gradient(to right, #01b8d7 0%, #055b99 50%);
    background-image: -webkit-linear-gradient(to right, #01b8d7 0%, #055b99 50%);
    background-color: #01b8d7;
    background-size: 200% auto;
    padding: 18px 40px;
    font-size: 18px;
    border-radius: 35px;
    color: #ffffff;
    letter-spacing: 0px;
}
a.greenbut:hover, a.orangebut:hover, a.bluebut:hover, a.bluegrabut:hover, a#bluegrabutsmall:hover, .gridbox .orangebut:hover {background-position: 100% center;}

a.bluewhitebut {
    color: #ffffff !important;
    padding: 12px 38px;
    display: inline-block;
    background-color: #30317d;
    border-radius: 30px;
    text-decoration: none !important;
    transition: 0.5s;
}

a.bluewhitebut:hover {
    color: #30317d !important;
    background-color: #ffffff;
    transition: 0.5s;
}


/*---Select style---*/
#chartcontrol select {
    border-radius: 30px !important;
    padding: 15px 35px 15px 20px;
    margin-bottom: 20px;
    border: 2px solid #155883;
    font-size: 16px;
}

select {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    background-image: url(//mynic.my/wp-content/uploads/2019/03/selectarrow.png);
    background-repeat: no-repeat;
    background-size: 10px;
    background-position: right 12px center;
    min-width: 120px;
}


/*---Flexi box---*/
.domaintype {margin-bottom:45px;}
.flexiboxright {margin-left: -75px;z-index: 10;position:relative;}
.flexiboxleft {margin-right: -75px;z-index: 10;position:relative;}
.flexiboxright > div, .flexiboxleft > div{padding:45px;}


/*---Responsive Table---*/
.statistictable tbody tr td:first-child {background-color: #3c3c3c;color: #ffffff;}
.statistictable thead tr th {background-color: #2f789b;}
.statistictable thead tr th:first-child {background-color:#00537b;}
.statistictable td, .statistictable th {padding: 10px 25px;font-size: 15px;}


/*---Gridbox---*/
.gridbox {display: grid; grid-gap: 0px; grid-template-columns: 2fr 1fr 1fr; color: #444;}
.gridbox .box {background-color: #444;color: #fff;border-radius: 0px;padding: 20px 35px 20px 20px;position:relative;overflow: hidden;min-height: 280px;}
.gridbox .box:first-child {grid-column: 1 / 2;grid-row: 1 / 3;min-height:70vh;}
.gridboxtitle {transition: 0.5s;font-size: 26px;line-height: 32px;display: block;margin-bottom: 10px;font-weight: 700;letter-spacing: 1px;bottom: 80px;position: absolute;}
.gridboxdesc {transition: 0.5s;font-size: 1em;line-height: 20px;display: block;margin-bottom: 20px;position: absolute;bottom: 20px;max-width: 300px;}
.gridicon img {width: 30%;right: 15px;position: absolute;opacity: 0.7;}
.gridbox .orangebut {
    transition:0.5s;
    opacity:0;
    position:absolute;
    left:15px;
    bottom:-100px;
    line-height: 20px;
    padding: 15px 30px;
    border-radius: 30px;
    color: #ffffff;
    margin: 0 20px 20px 0;
    display: inline-block;
    border: 2px solid transparent;
    background: rgb(254,106,79);
    background-color: #ef3c38;
    background-image: linear-gradient(to right, #ff856f 0%, #ef3c38 50%);
    background-image: -webkit-linear-gradient(to right, #ff856f 0%, #ef3c38 50%);
    background-size: 200% auto;
    color: #fff !important;
    text-decoration: none !important;
    border-width: 0px;
}
a.box:hover .orangebut {bottom: 0px;opacity: 1;}
a.box {font-weight: initial;}
a.box:hover .gridboxdesc {bottom: 80px;transition: 0.5s;}
a.box:hover .gridboxtitle {bottom: 140px;transition: 0.5s;}
.gridboxpad {padding:0px;}
.gridboxpad > div {padding: 0px;}


.gridbox .box:first-child .gridboxtitle {font-size: 3em;line-height:1em;}

@media only screen and (max-width:767px) {
    .gridbox {grid-template-columns:1fr}
    .gridboxpad {padding:0px;}
    .gridbox .box:first-child .gridboxtitle {font-size: 26px;line-height: 32px;}
    .gridbox .box:first-child {min-height:300px;}
    .gridicon img {width:20%;}
    .gridboxdesc {bottom: 80px;}
    .gridboxtitle {bottom: 140px;}
    .gridbox .orangebut {bottom: 0px;opacity:1;}
}


/*---White box with gradient---*/
a.whiteboxgradient {margin-bottom: 30px;background-color: #ffffff;width: 100%;display: block;min-height: 380px;padding: 35px;position: relative;text-decoration: none !important;box-shadow: 2px 2px 20px #0000001c;}
a.whiteboxgradient:hover{transition-duration: 1s;box-shadow: 2px 2px 20px #0000004a;}
a.whiteboxgradient:after {content: ' ';position: absolute;width: 100%;height: 4px;left: 0;bottom: 0;background: rgb(38,191,227);background: linear-gradient(160deg, rgba(38,191,227,1) 0%, rgba(199,137,208,1) 100%);}
.whiteboxrow {margin-top: -15vh;}
.wbtitle {display: block;font-size: 24px;line-height: 32px;color: #006a7f !important;font-weight: 600 !important;margin-bottom: 15px;}
.wbddesc {font-size: 17px;line-height: 29px;margin-bottom: 40px;font-weight: 400;color: #000000;}


/*---Main Menu---*/
span.ubermenu-target-title.ubermenu-target-text {font-size: 18px;letter-spacing:1px;font-weight:400;}
.ubermenu .ubermenu-target {padding:35px!important;}
.ubermenu-submenu .ubermenu-target {padding: 15px!important;}
#navmainmenu {height:90px;transition:1s;z-index:100000;background-color: #ffffff;box-shadow: 2px 2px 10px #00000014;position: relative;}
#navmainmenu .logo {max-width:170px;padding:10px;position: absolute;left: 2%;top: 50%;transform: translate(0%, -50%);}
#navmainmenu .mainmenu {position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);width:100%;}
.fixed-header {height:70px;opacity:1;position: fixed !important;width: 100%;top:0; animation: stuckMoveDown .6s;z-index:1000000;}
div#breadcrumb.fixed-header {position: sticky !important;}
div#header-menu.fixed-header {height: 90px;position: sticky !important;opacity: 0;}

.selected.fa-times .fa-search {display: none;}
a#searchb.selected.fas.fa-times {margin-left: 5px;}
.ubermenu-nav {text-align: center !important;}
#navmainmenu .nav-menu .menusearch {position: absolute;right: 2%;top: 50%;transform: translate(0%, -50%);z-index: 1000;}
#navmainmenu .nav-menu .menusearch li {padding-right: 0px;}
#navmainmenu .logo {max-width: 170px;padding: 10px;position: absolute;left: 2%;top: 50%;transform: translate(0%, -50%);z-index: 1000;}
.ubermenu .ubermenu-nav .ubermenu-column-full {width: 100%;min-height: 300px !important;}
#navmainmenu .nav-menu .menusearch li {padding-right: 0px;display: inline-block;}
.ubermenu-skin-clean-white .ubermenu-item-level-0.ubermenu-current-menu-item > .ubermenu-target, .ubermenu-skin-clean-white .ubermenu-item-level-0.ubermenu-current-menu-parent > .ubermenu-target, .ubermenu-skin-clean-white .ubermenu-item-level-0.ubermenu-current-menu-ancestor > .ubermenu-target {
    color: #00537b !important;background: transparent;}
.ubermenu-skin-clean-white .ubermenu-submenu .ubermenu-current-menu-item > .ubermenu-target {color: #00537b !important;}
.ubermenu-skin-clean-white .ubermenu-submenu .ubermenu-item-header.ubermenu-has-submenu-stack > .ubermenu-target {color: #000000 !important;border-bottom: 0px !important;}
.ubermenu-main .ubermenu-row {padding: 25px !important;}
.ubermenu .ubermenu-submenu-type-stack>.ubermenu-item-normal>.ubermenu-target {padding: 15px!important;}
.mainm .ubermenu-target-title.ubermenu-target-text {font-size: 16px;font-weight: 400;line-height:24px;}
.ubermenu-horizontal .ubermenu-item-level-0 > .ubermenu-submenu-drop {border-top: 1px solid #f9f9f9;border-bottom: 1px solid #f9f9f9;background-color: #ffffff !important;}
.ubermenu-nav .fa-angle-down:before {content: "\f0dd";font-size: 16px;line-height: 5px;color: #01b8d7;}
.ubermenu-skin-clean-white .ubermenu-item-level-0.ubermenu-current-menu-item > .ubermenu-target, .ubermenu-skin-clean-white .ubermenu-item-level-0.ubermenu-current-menu-parent > .ubermenu-target, .ubermenu-skin-clean-white .ubermenu-item-level-0.ubermenu-current-menu-ancestor > .ubermenu-target {
    color: #ffbc32 !important;}
.closegapmenu a.ubermenu-target.ubermenu-item-layout-default.ubermenu-item-layout-text_only {padding: 5px 25px 5px 5px !important;}
a.ubermenu-target.ubermenu-item-layout-default.ubermenu-item-layout-text_only:hover {color: #22a9d8;}
.ubermenu-main .ubermenu-row.maxwidthmenu {max-width: 1200px !important;}
.mainm .ubermenu-target-title.ubermenu-target-text:hover {color: #22a9d8 !important;}
.openmenu .ubermenu-skin-clean-white .ubermenu-submenu, .ubermenu-skin-clean-white .ubermenu-submenu .ubermenu-target {padding: 20px 25px !important;}
.ubermenu-skin-clean-white .ubermenu-submenu, .ubermenu-skin-clean-white .ubermenu-submenu .ubermenu-target { color: #717171 !important;}


/*---Mobile Menu---*/
.mm-panel, .mm-panels {background-color: #ffffff;}


/*---Scroll Top--*/
.scrolltop {
    position: fixed;
    right: 29px;
    bottom: 17%;
    background-color: #000000;
    border-radius: 100%;
    height: 48px;
    width: 48px;
    color: #ffffff;
    padding: 15px;
    font-size: 30px;
    cursor:pointer;
    z-index:100000;
    display:none;
}


/*---Long search bar---*/
.navsearchbut {position: absolute !important;top: 0;right: 0;height: 100%;width: 50px;background-color: #b3102c !important;color: #ffffff !important;padding: 18px !important;font-size: 16px !important;border-radius: 0px !important;}
.navsearchbut:hover.hvr-rect:before {border-radius: 0px !important;}

/*---Isotope Grid Css---*/
.mansofeed {padding-top: 35px;padding-bottom: 35px;}
.mansofeed-itemfull { width: 100%;}
.mansofeed-item { width: 33.33%; padding:20px;}
.mansofeed-item .contain {background-color:#ffffff;transition:0.3s;}
.mansotext:after {content: ' ';position: absolute;width: 100%;height: 4px;left: 0;bottom: 0;background: rgb(38,191,227);background: linear-gradient(160deg, rgba(38,191,227,1) 0%, rgba(199,137,208,1) 100%);}
.mansofeed-item .mansotext {padding:30px; text-align:left;transition-duration:0.5s;}
.mansofeed-item .mansotext > *{display:block;}
.mansofeed-item .noimg {background-color:#b3102c;}
.mansofeed-item .noimg a{color:white;}
.mansofeed-item .posttag {color:#b3102c;font-weight:700;margin-bottom:5px;text-transform:uppercase;}
.mansofeed-item .posttitle {font-size: 24px;line-height: 32px;color: #022859;font-weight: 500;margin-bottom:15px;}
.mansofeed-item .postexcept {font-size:16px;line-height:24px;margin-bottom:40px;}
.mansofeed-item .postdate {margin-bottom:15px;}
.mansofeed-item .postcta {font-weight: 700;text-decoration: underline;}
.button-group.filter-button-group {padding: 40px 10px 0px 10px;}
.button-group.filter-button-group a {padding: 20px 15px;cursor: pointer;font-size:14px;position:relative;font-weight:700;line-height: 40px;}
.button-group.filter-button-group a:hover {color: #b3102c;}
.button-group.filter-button-group a span:after {content: "";height: 4px;width: 0px;position: absolute;left: 50%;top: 80%;transform: translate(-50%,-50%);z-index: 203;opacity: 0;background-color: #b3102c;transition: width 0.5s;}
.button-group.filter-button-group a span:hover:after {width:60px;} 
.button-group.filter-button-group a:after {-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;-ms-transition: all .3s ease-in-out;transition: all .3s ease-in-out;}
.button-group.filter-button-group a.is-checked > span:after {opacity: 1;width: 60px;}
.mansofeed-item.highlightred .mansotext {background-color:#b3112c;}
.mansofeed-item.highlightred .mansotext > * {color: #ffffff;}
.mansofeed-item.highlightred .mansotext:hover {background-color:#000000;}
.mansofeed-item.highlightblack .mansotext {background-color:#000000;}
.mansofeed-item.highlightblack .mansotext > * {color: #ffffff;}
.mansofeed-item.highlightblack .mansotext:hover {background-color:#b3112c;}
.mansofeed-item.highlightgrey .mansotext {background-color:#797979;}
.mansofeed-item.highlightgrey .mansotext > * {color: #ffffff;}
.mansofeed-item.highlightgrey .mansotext:hover {background-color:#b3112c;}


.mansofeed-item a {display:block;transition:all 0.5s;position: relative;}
.mansofeed-item a:hover {transition:all 0.5s;}
.mansofeed-item .contain .mansotext > *:hover {background-color: initial;}
.mansofeed-item .img_holder > img {width: 100%;height: auto;display: block;}
.mansofeed-item .contain .entry-image-overlay {background-color: rgba(0, 0, 0, 0);display: block;height: 100%;opacity: 0;position: absolute;top: 0;transition: all 0.5s;-ms-transition: all 0.5s;width: 100%;}
.mansofeed-item .contain .entry-image-overlay i {position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); font-size: 36px; color: #ffffff;}
.mansofeed-item .contain:hover .entry-image-overlay {background-color: rgba(0, 0, 0, 0.6);opacity: 1;background-size: 40px 40px, 100% 100%;}
.mansofeed-item:hover .contain {transition-duration: 1s;box-shadow: 2px 2px 20px #0000004a;}


/*---Subheader---*/
.subheadertext {position:relative;z-index:10;padding-top:5%;padding-bottom:35px;color:#ffffff;}



/*---Blog Listing---*/
#subheader {overflow:hidden;max-height:70vh;position:relative;}
.subheadertext h4 {margin-bottom: 65px;}
.postcategory a.active {
    padding: 16px 24px;
    border-radius: 30px;
    color: #ffffff;
    margin: 0 10px 20px 0;
    display: inline-block;
    border: 2px solid transparent;
    background: rgb(254,106,79);
    background-color: #ef3c38;
    background-image: linear-gradient(to right, #ff856f 0%, #ef3c38 50%);
    background-image: -webkit-linear-gradient(to right, #006272 0%, #28f4c1 50%, #28f4c1 100%);
    background-size: 200% auto;
    color: #fff !important;
    text-decoration: none !important;
    border-width: 0px;
}

.postcategory a:hover {
    background-position: 100% center;
}

.postcategory a:hover:after {
    opacity: 1;
    transition:0.5s;
}

.postcategory a {
    padding: 13px 24px;
    border-radius: 30px;
    color: #ffffff;
    margin: 0 10px 20px 0;
    display: inline-block;
    border: 2px solid #ffffff;
    transition: background 1s ease-out;
    position: relative;
    overflow: hidden;
    z-index: 1000;
    transition: 1s;
}

.postcategory a:after {
    width: 400px;
    height: 100px;
    content: ' ';
    display: block;
    position: absolute;
    background: rgb(254,106,79);
    background-color: #ef3c38;
    background-image: linear-gradient(to right, #ff856f 0%, #ef3c38 50%);
    left: 50%;
    top: 50%;
    z-index: 0;
    transform: translate(-50%,-50%);
    opacity: 0;
    transition:0.5s;
}

span.linktitle {
    position: relative;
    z-index: 10000;
}

.homemoresolutions {
    min-height: 750px;
}

/*---Blog Template---*/
#post {position:relative;}
.postheader_postcontainer {padding-top: 45px;padding-bottom: 20px;position:relative;}
.postcontain .posttag {margin-top: 35px;}
.postcontain .posttag a:hover {color:#055a98;}
.postcontain .box a{color:#055a98;font-weight:600;text-decoration:underline;}
.postcontain .box a:hover{color:#000000;}
.posttag {color: #000000;font-weight: 500;}
.postdate {color:#737373;}
.postheader .posttag:after {content: '|';color:#737373;margin-left: 10px;margin-right: 10px;}
.featuredimage {width:100%; margin:0px auto; max-width:1200px;}
.postcontain {position: relative;}
.postcontain > * {text-align: left;}
.postcontain li > ul {margin-left: 20px;margin-bottom:35px;}
.postcontain ul li {margin-top: 15px;margin-bottom: 15px;font-size: 16px;line-height: 25px;}
.postcontain ul li::before {content: "\2022"; color: #b3112c; margin-right: 5px;}
.postcontain._postcontainer img {width: 100%;height: auto;}
.posttag a:after {content: ',';}
.posttag a:last-child:after {content: "";}
.postheader {color:#055a98; padding-top:35px;padding-bottom:35px;padding-left:10px;padding-right:10px;}
.postheader {max-width: 800px;width: 800px;margin-left: calc((100% - 800px) / 2);}
.postcontain {max-width: 800px;width: 800px;margin-left: calc((100% - 790px) / 2);padding-top:40px;}
.postcontain .box > img {max-width: 100%;height: auto;margin-bottom: 35px;}
.postnext {background-color: #ffffff;border: 2px solid #d7d7d7;padding: 25px;margin-bottom: 50px;position: relative;}
.pprev, .pnext {display: inline-block;}
.pprev a>*, .pnext a>* {margin-bottom: 0px;}
.pprev h3, .pnext h3 {color: #004171;font-weight: 600;}
.pprev {text-align: left;float:left;left:25px;}
.pprev p, .pnext p {overflow: hidden;white-space: nowrap;width: 300px;text-overflow: ellipsis;}
.pnext {text-align: right;float:right;right:25px;}
div#postnext > .row {padding: 20px;}

/*---breadcrumb---*/
.pagecontent {padding-top: 40px;padding-bottom: 40px;}
.breadlink a {color: #ffffff;font-weight: 500; letter-spacing: 1px;}
.breadrow .breadlink:after {content: '\f105';margin-left: 20px;margin-right: 20px;color: #01b8d7;}
.breadrow .breadlink:last-child:after {content: ' ';}
.breadlink:last-child {overflow: hidden;white-space: nowrap;max-width: 480px;text-overflow: ellipsis;color: #ffffff;}
i.fas.fa-home {background: -webkit-linear-gradient(#ff9a26, #ff5f76);-webkit-background-clip: text;-webkit-text-fill-color: transparent;font-size: 20px;}
div#breadcrumb {position: relative;}
#breadcrumb .logo {max-width: 170px;padding: 10px;position: absolute;left: 2%;}
#breadcrumb .menusearch {position: absolute;right: 2%;z-index: 1000;top: 0;}
#breadcrumb .openBtn {padding: 15px;height: 70px;width: 70px;}
#breadcrumb .menusearch li {padding-right: 0px;display: inline-block;}
#breadcrumb .logo {opacity: 0;transition: 0.5s;}
#breadcrumb.fixed-header .logo {opacity: 1;}
#breadcrumb .menusearch {opacity: 0;transition: 0.5s;}
#breadcrumb.fixed-header .menusearch {opacity: 1;}


/*---Pagecontent---*/
.pagecontent h4 {font-weight: 500;}
.pagecontent a {color: #01b4d3;font-weight: 400;text-decoration: underline;}
.pagecontent h2.pagetitle {color: #055a98;font-weight: 500;}
.pagecontent hr {margin-bottom:30px;margin-top:30px;}
.pagecontent .sidebar .sidebarwidget {background-color: #ffffff;padding: 30px;box-shadow: 2px 2px 10px #0000002e;}
.sidebarwidget ul li {margin-left: 20px;margin-bottom: 15px;}
.sidebarwidget ul li:before {content: "\2022";color:#ffa616;margin-left: -17px;padding-right: 10px;}
.sidebarwidget ul li a {color: #000000;text-decoration: none;font-weight: 500;}
.sidebarwidget ul li a.active {color:#01b4d3;}
.sidebar.is_stuck {margin-top:90px;}
.contentfaq a {color: #01b4d3;font-weight: 700;text-decoration: underline;}
/*---People Box---*/
.peoplediv {margin-top: 30px;}
#leadership {padding-top:45px;padding-bottom:45px;}
.peoplebox > * {text-align:center;}
.peoplebox {margin-bottom: 45px;}
.peoplebox > img {border-radius: 15px;}
.peoplebox span.peoplesubtext {display: block;font-style: italic;font-size:14px;margin-left:-17px;margin-right:-17px;}
.peoplebox span.peopletitle {padding: 20px 20px 0px 20px;display: block;font-weight:700;}


/*---Search Domain---*/
.searchbck {background-image:url('../img/banner-search-domain-new.jpg');background-size:cover;background-position: center;height:70vh;padding-bottom:30px;}
.searchbcktop {background-image:url('../img/banner-website-promo-page.jpg');background-size:cover;background-position: center;height:50vh;padding-bottom:30px;}
.searchbckbottom {background-color: #080055;background-size:cover;background-position: center;height:29vh;padding-bottom:0px;} 
div#tncmerdekapromo * {font-size: 17px;line-height: 24px;margin-bottom: 16px;font-style: none;}
div#tncmerdekapromo li {list-style-type: auto;margin-left: 15px;margin-bottom: 5px;}
div#tncmerdekapromo ul, ol {margin-top: -5px;}


/*---Search Website---*/
div[id*='ajaxsearchlite'].wpdreams_asl_container {display: block;margin: auto !important;max-width: 800px;}
.popsearchbck {background-image:url('../img/searchbck.jpg');background-size:cover;background-position: center;height:50vh;padding-bottom:30px;}
body div.asl_w .probox .promagnifier {width: 70px !important ;height: 70px !important;}
body #ajaxsearchlite1 .probox .proinput input, body div.asl_w .probox .proinput input, body #ajaxsearchlite1 .probox .proinput, body div.asl_w .probox .proinput {font-size: 28px !important;height: 70px !important;padding: 8px 30px;}
#ajaxsearchlite1 .probox, div.asl_w .probox {height: 70px !important;}
.asl_m .probox .innericon {background-color: #055b99 !important;}
.asl_m .probox svg {fill: #ffffff !important;}
div.asl_w .probox .promagnifier {background-image: linear-gradient(to right, #01b8d7, #055b99) !important;background-color: #055b99 !important;}
#ajaxsearchlite1 .probox, div.asl_w .probox {border: 2px solid white !important;}



@media only screen and (min-width: 600px) {
div.asl_w .probox .proclose, body #ajaxsearchlite1 .probox, div.asl_w .probox {min-height: 70px !important;}
}

/*---Virtual Keyboard---*/
#virtualKeyboard {width:100% !important;}
#virtualKeyboard button#submit {padding: 15px 25px;margin-top: 15px;margin-bottom: 15px;background-image: linear-gradient(to right, #01b8d7, #055b99);color: #ffffff;border-radius: 35px;}
#virtualKeyboard input#domainInput {padding: 13px;border: 2px solid gainsboro;border-radius: 35px;}


/*---Whois---*/
.whoisbck {background-image:url('../img/whois.jpg');background-size:cover;background-position: center;height:55vh;min-height: 460px;padding-bottom:30px;}
.whoistable td {padding: 14px 18px;}
.contactbox {margin-bottom: 30px;}
.contactdetails {padding: 30px;text-align: left;background-color: #ffffff;min-height: 400px;box-shadow: 2px 2px 10px #0000002e;}
.contactdetails .ctitle {color: #006a7f;font-size: 20px;font-weight: 500;margin-bottom: 20px;}
.contactdetails li {font-size: 14px;line-height: 22px;margin-bottom: 10px;}
.contactdetails li a {font-weight: 600;color: #006a7f;}
.cphone, .cfax, .cemail{display: inline-block;min-width: 50px;}
.cphone:after, .cfax:after, .cemail:after {content: ':';float: right;margin-right: 5px;}
li.cname {font-weight: 600;}
div#whoisdisclaimer * {font-size: 13px;line-height: 18px;margin-bottom: 16px;font-style: none;}
div#whoisdisclaimer li {list-style-type: lower-alpha;margin-left: 15px;margin-bottom: 5px;}
div#whoisdisclaimer ul, ol {margin-top: -5px;}

/*---Slick---*/
.slick-prev:before, .slick-next:before {;background-position: center !important;background-repeat: no-repeat !important;position: absolute;top: 0;left: 0;content: " ";background-size: 70px !important;width: 80px;height: 80px;}
.slick-prev:before {background: url(/wp-content/uploads/2019/03/sarrowleft.png);}
.slick-next:before {background: url(/wp-content/uploads/2019/03/sarrowright.png);}

.slick-prev:before, .slick-next:before {font-family: 'slick';font-size: 64px;line-height: 1;opacity: .75;color: white;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
.slick-prev, .slick-next {font-size: 0;line-height: 0;position: absolute;top: 50%;display: block;width: 80px;height: 80px;padding: 0;-webkit-transform: translate(0, -50%);-ms-transform: translate(0, -50%);transform: translate(0, -50%);cursor: pointer;color: black;border: none;
    outline: none;background: transparent;z-index: 10000;}
button.slick-next.slick-arrow {position: absolute;right: 0;}
.slick-dots {position: absolute;bottom: 10px;display: block;width: 100%;padding: 0;margin: 0;list-style: none;text-align: center;}
.slick-dots li {position: relative;display: inline-block;width: 20px;height: 20px;margin: 0 5px;padding: 0;cursor: pointer;}
.slick-dots li button {font-size: 0;line-height: 0;display: block;width: 20px;height: 20px;padding: 5px;cursor: pointer;color: transparent;
    border: 0;outline: none;background: transparent;}
.slick-dots li.slick-active button:before {opacity: .75;color: #ffa616;}
.slick-dots li button:before {font-family: 'slick';font-size: 50px;line-height: 20px;position: absolute;top: 0;left: 0;width: 20px;height: 20px;content: '•';text-align: center;opacity: .25;color: black;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
.slick-slider {height: 70vh;overflow: hidden;}
.slidetextbox {padding: 5%;}
.slickslide ul li:before {content: '' !important;}
.sliderfield {max-width: 90%;margin: auto;}
.inlineicon {margin-bottom: 5px;}
.inlineicon > * {display: inline-block !important;vertical-align: middle;margin-bottom: 0px;margin-right: 5px;}
.iconimg {max-width:64px;}

.slidebck {background-size: cover;background-position: center;height: 70vh;}

/*---Career---*/
.career.slick-slider {height: auto;}

/*---Table style---*/
td, th {padding: 20px 30px;text-align: left; font-size: 16px;line-height: 26px;vertical-align:top;}
th {color: #ffffff;background-color: #00537b;font-weight:500;}
tr {background-color:#eaeaea;}
tr:nth-child(even) {background-color: #ffffff;}
table {box-shadow: 2px 2px 10px #0000002e; margin-bottom: 45px;width:100%;}

.nameserver td{padding: 0;text-align: left; font-size: 15px;line-height: 18px;vertical-align:top;}
.nameserver tr {background-color:transparent;}
.nameserver tr:nth-child(even) {background-color: transparent;}
.nameserver{box-shadow: none; margin-bottom: 45px;width:100%;}

.nameserver .cdetailsname{font-weight:600;font-size:15px;word-break: break-word;}

/*---Reseller List---*/
.resellerbox {background-color: #fbfbfb;padding: 30px 10px 30px 25px;margin: 15px 0px;min-height: 420px;}
.resellertitle {color:#006a7f;font-weight:500;margin-bottom:25px;display:block;font-size: 17px;}
.resellercontact ul li {font-size: 14px;line-height:20px;margin-bottom: 5px;}
.resellercontact ul {margin-bottom: 25px !important;margin-left:0px !important;}
a.resellerlink {transition:0.5s;padding: 10px 35px;border: 2px solid #055a98;border-radius: 30px;display: inline-block;font-weight: 700;color: #055a98;text-decoration: none;}
a.resellerlink:hover {transition:0.5s;color:#ffffff;background-color:#055a98;}
.resellerlogo {max-width:250px;max-width: 170px;margin-bottom: 10px;}
.rcontact:after, .rphone:after, .remail:after, .rurl:after {content:':';float: right;}
.rcontact, .rphone, .remail, .rurl {width: 60px;display: inline-block;margin-right:10px;}
.resellercontact ul li a {font-weight: 600;color: #000000;text-decoration: none;}
.resellercontact ul li:before {display:none;}
.searchpagereseller .resellerbox {background-color: #ebebeb;}


/*---Floating Box icon---*/
.stickybox {width:50px;z-index:10000;}
.stickybox.socialshareicon ul li {font-size: 16px;width: 48px;text-align: center;margin:15px 0px;}
.stickybox.socialshareicon ul li a {font-size: 20px;line-height: 26px;background-color: #dedede;padding: 14px;border-radius: 100%;display: block;}
.stickybox.socialshareicon {position: absolute;top:25px;margin-left:-100px;}
.stickybox.socialshareicon.is_stuck {top: 70px !important;opacity: 1;transition: 0.5s;}
.stickybox ul li::before {content: ' ';}
.relatedblog {position:absolute;right:0px;}

/*---Popup search---*/
.openBtn {border: none;padding: 15px;cursor: pointer;display: inline-block;}
.overlay {transition:1s;height: 100%;width: 100%;display: none;position: fixed;z-index: 10000000;top: 0;left: 0;background-color: rgb(0,0,0);background-color: rgba(0,0,0, 0.88);}
.overlay-content {position: relative;top: 50%;width: 100%;text-align: center;margin-top: 30px;margin: auto;left: 50%;transform: translate(-50%,-50%);}
.overlay .closebtn {position: absolute;top: 20px;right: 45px;font-size: 60px;cursor: pointer;color: white;}
.overlay .closebtn:hover {color: #ccc;}
.overlay input[type=text] {padding: 15px;font-size: 17px;border: none;float: left;width: 80%;background: white;}
.overlay input[type=text]:hover {background: #f1f1f1;}
.overlay button {float: left;width: 20%;padding: 15px;background: #ddd;font-size: 17px;border: none;cursor: pointer;}
.overlay button:hover {background: #bbb;}

.probox {border-radius: 35px !important;}
.asl_m, .asl_m .probox{border-radius:35px !important}

/*---Gravity Form---*/
.gform_wrapper select, .gform_wrapper textarea, .gform_wrapper input {border-radius: 15px !important;background-color: transparent;color: #424242;padding: 18px!important;border: 1px solid #a6a6a6;font-size: 16px!important;margin-bottom: 15px;}
.gform_footer .gform_button {background-color: #b3102c !important;color: #ffffff !important;padding: 16px 35px !important;cursor: pointer;font-size: 18px!important;font-weight: 700;display: block !important;margin: auto !important;background: rgb(254,106,79);background: linear-gradient(160deg, rgba(254,106,79,1) 0%, rgba(239,60,56,1) 100%);}
.gform_button.button {border-radius: 35px !important;}
label.gfield_label {display: none !important;}
.gform_wrapper ul.gform_fields li.gfield:before {display: none !important;}
.gform_wrapper .top_label li.gfield.gf_left_half:before {display:none !important;}
.gform_wrapper span.gform_drop_instructions {display: inline-block !important;}
.gform_wrapper .gform_fileupload_multifile .gform_drop_area {background-color: #0c91b1 !important;border-radius: 10px !important;color: #ffffff !important;}
.gform_wrapper.gf_browser_chrome input.button.gform_button_select_files {border-radius: 10px !important;background-color: #ffffff;padding: 20px 40px!important;margin-bottom: 0px;margin-left: 10px;}
.gform_wrapper .top_label li.gfield.gfield_error.gf_left_half {margin-right: 0px !important;}
.hidefile .screen-reader-text {display: none;}
.gform_wrapper .pagecontent .pagecolleft ol, .gform_wrapper .pagecontent .pagecolleft ul {margin-bottom: 0px !important;}
.gform_wrapper .gfield {margin-top: 0px !important;margin-bottom: 0px !important;}
.gform_wrapper li.gfield.gfield_error, .gform_wrapper li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning {background-color: initial !important;border-top: 0px !important;border-bottom: 0px !important;padding-top: 0px !important;padding-bottom: 0px !important;margin-top: 0px !important;}
.gform_wrapper .field_description_below .gfield_description {padding-top: 5px !important;padding-left: 3px !important;}
.gform_wrapper .top_label .gfield_error textarea.textarea {width: 100%;margin-top: 10px;}



/*---Accordion box---*/
.su-spoiler-style-default > .su-spoiler-title {font-size: 16px;}
.su-spoiler-icon-plus.su-spoiler-closed .su-spoiler-icon:before {content: "\f067";color: #01b8d7;font-size: 20px;}
.su-accordion {border-bottom: 1px solid #d8d8d8;padding-bottom: 20px;padding-top: 20px;margin-bottom: 0px !important;}
.su-spoiler-style-default > .su-spoiler-content {padding-top: 35px;}
.su-spoiler-title {font-weight:400 !important;}

/*---Footer---*/
#footer {padding: 65px 0px 20px 0px; background-color:#333333;}
#footer .sitemapmenu ul li a {font-weight:500;margin-bottom: 5px;display: block;}
#footer .sitemaptitle {color: #ffffff;margin-bottom: 25px;display: inline-block;margin-right: 25px;font-size: 16px;letter-spacing: 1px;}
#footer .footersitemap {text-align: right;margin-bottom: 25px;}
#footer .borderbottom {border-bottom:1px solid #dcdcdc;}
#footer a, #footer li a  {color:#828282;}
#footer a:hover, #footer li a:hover {color:#01b3d3;}
#footer .copyright {margin-top:20px;color: #828282;font-size:14px;}
#footer .sitemaptitle a i {font-size: 30px;}
.footcol1, .footcol2 {margin-bottom:35px;}
#footer .sitemaptitle a.fbi:hover {color: #3a589b;}
#footer .sitemaptitle a.youi:hover {color: #ff0000;}
#footer .iconfooter > a {color: #ffffff;font-size: 24px;margin-right: 10px;margin-top: 10px;display: inline-block;}
#footer .iconfooter {margin-bottom:25px;}

/*---Accordion---*/
button.kenaccordion {padding: 0; margin: 0; border: 0; background-color: transparent;}
.accordionbox {margin-bottom: 25px;}
.searchaccordion {background-color: #ffffff;color: #444;cursor: pointer;padding: 25px;width: 100%;border: none;text-align: left;outline: none;font-size: 20px;transition: 0.5s;position:relative;box-shadow:2px 2px 12px #00000012;}
.searchavailable{color:#048669;}
.searchtaken {color:#86040a;}
.accordionactive, .searchaccordion:hover {background-color: #0482b3;color:#ffffff;}
.accordionactive .searchavailable, .searchaccordion:hover .searchavailable, .accordionactive .searchtaken, .searchaccordion:hover .searchtaken {transition: 0.5s;color:#ffffff;}
.searchaccordion:after {content: '\002B';font-weight: bold;float: right;margin-left: 5px;}
.accordionactive:after {content: "\2212";}
.panel {padding: 0 25px;background-color: #0482b3;max-height: 0;overflow: hidden;transition: max-height 0.2s ease-out;text-align: left;}
.panel > :first-child {margin-top: 30px;}
.domaindesc {color:#ffffff;max-width: 500px;display: inline-block;padding-right:30px;vertical-align: middle;}
span.searchterm {max-width: 500px;width: 500px;display: inline-block;}

/*---Button Animation---*/
.twiti {background-color:#1da1f2 !important;color:#ffffff;}
.linkedi {background-color:#007bb5 !important;color:#ffffff;}
.fbi {background-color:#3a589b !important;color:#ffffff;}
.emaili {background-color:#b3102c !important;color:#ffffff;}

/*---Sticky header---*/
@media only screen and (min-width:768px){
#header-menu.fixed-header {position: absolute !important;}
}

/*---Responsive---*/
@media only screen and (min-width:768px) and (max-width:1024px) {
  .gridbox {grid-template-columns: 2fr 2fr;}
  .gridbox .box:first-child {grid-column: 1 / 3;min-height: 350px;}
}

@media only screen and (max-width:1024px){
.height_60 {height:50vh;}
.height_75 {height:80vh;}
.height_85 {height:60vh;}
.height_90 {height:60vh;}
.height_105 {height:60vh;}
.height_110 {height:60vh;}
}

.hideindesktop {display: none !important;}
.mobile-menu-toggle {display: none !important;}


@media only screen and (max-width:960px){
.stickybox.socialshareicon {display: block;width: 100%;padding-top: 35px;padding-bottom: 35px;position: relative !important;padding-left: 0px !important;margin-left: 0px !important;top: 0px !important;}
.stickybox.socialshareicon ul li {display:inline-block;}
.stickybox ul {text-align: left;}
form > a.bluegrabut {display: block;margin-top: 20px;max-width: 550px;margin: 20px auto 0px auto;}
a.bluegrabut {display: block;margin-top: 20px;max-width: 550px;margin: 20px auto 0px auto;text-align: center;}
.bckatth{background-attachment:initial;background-size:cover;background-position: center;}
#navmainmenu .mainmenu.hideinmobile {display: none !important;}
#navmainmenu .logo {max-width:130px;left: 50%;top: 50%;transform: translate(-50%, -50%);}
.mobile-menu-toggle{display: block !important;position: absolute;left: 5%;top: 50%;transform: translate(0%, -50%);z-index: 1000;font-size: 22px;}
select[name="type"] {width: 100%;}
.overlay-content {top:40%;}
.searchbck, .searchbcktop .sliderfield, .slick-slider {height:70vh !important;} 
.parallexbck {height:50vh !important;background-attachment:inherit !important;}
a.mm-listitem__text {font-weight: 500;}
.iconimg {max-width:30px !important;}
#navmainmenu {height:60px !important;}
}

@media only screen and (max-width:768px){
.postheader, .postcontain {width: 100%;margin-left: initial;}
.sarrange1{order:1;}
.sarrange2{order:2;}
.contactdetails {min-height:auto;}
.flexiboxright {margin-left: 0px;}
.flexiboxleft {margin-right: 0px;}
#subheader {max-height: initial;}
div#breadcrumb {display: none;}
#header-menu {z-index:100000000;}
body #ajaxsearchlite1 .probox .proinput input, body div.asl_w .probox .proinput input, body #ajaxsearchlite1 .probox .proinput, body div.asl_w .probox .proinput {
    font-size: 28px !important;height: 70px !important;padding: 0px 10px !important;color: #000000 !important;}
h4 {font-size: 18px;line-height: 28px;}
h1.posttitle {font-size: 26px;line-height: 36px;}
h1 {font-size: 1.8em;line-height: 1.2em;}
h2 {font-size: 1.5em;line-height: 1.2em;}
h1, h2, h3, h4, h5, h6, p {letter-spacing:0px;margin-bottom:20px;}
.peoplebox span.peopletitle, .peoplebox span.peoplesubtext {font-size: 14px;line-height: 19px;}
input[name="domain"], input#domainInput {padding: 15px 35px 15px 35px !important;font-size: 0.9em !important;}
form > a.bluegrabut {padding: 15px 35px;}
a.greenbut, a.orangebut, a.bluebut, a.bluegrabut, .gridbox .orangebut, .postcategory a, a.resellerlink {font-size:1em !important;}
td, th {padding: 15px 18px;text-align: left;font-size: 15px;line-height: 22px;}
.subheadertext {padding: 15% 20px 35px 20px;}
div#moresolutions > div:first-child {height: 45vh !important;}
.mansofeed-item {padding: 20px 10px;}
.resellercontainer {padding-left: 0px;padding-right: 0px;}
.mdropdown{position: relative;display: inline-block;}
.mdropcontent{display: none;position: absolute;background-color: #f9f9f9;min-width: 160px;box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);padding: 12px 16px;z-index: 1;}
.mdropdown:hover .mdropcontent {display: block;}
.postcategory a {width: 47%;margin: 0% 10px 10px 0px!important;text-align: center;padding: 10px 10px !important;}
.postcategory a.active {width: 47%;margin: 0% 10px 10px 0px!important;text-align: center;padding: 13px 10px !important;}
.subheadertext h4 {margin-bottom: 35px;}
body #ajaxsearchlite1 .probox .proinput input, body div.asl_w .probox .proinput input, body #ajaxsearchlite1 .probox .proinput, body div.asl_w .probox .proinput {font-size:20px !important;}
.slick-prev, .slick-next {top: initial;bottom: -2%;width: 40px;height: 40px;background-color: #055b99;padding: 10px;opacity: 0.8;}
.slick-prev:before, .slick-next:before {background-size: 30px !important;width: 40px;height: 40px;}
.slick-prev {right: 65px;}
.slick-next {right: 15px !important;}
a.whiteboxgradient {min-height:initial;}
.su-spoiler.su-spoiler-closed > .su-spoiler-content {padding: 0px !important;}
.su-spoiler-style-default > .su-spoiler-content {padding: 8px !important;}
.searchbck {background-image:url('../img/mobile-banner-search-domain-new.jpg');background-position: center;background-size: cover;}
.searchbcktop {background-image:url('../img/banner-website-promo-page-mobile.jpg');background-position: center;background-size: cover;}




/*---Special Class for use---*/

.m_mtop10{margin-top:10vh;}
.m_mtop15{margin-top:15vh;}
.m_padall5 {padding:5%;}

.m_top-xs {-ms-flex-align: start;-webkit-box-align: start;align-items: flex-start;}
.m_center-xs {-ms-flex-pack: center;-webkit-box-pack: center;justify-content: center;text-align: center;}

.m_textcenter{text-align:center;}
.m_bckleftcenter {background-position: 12.5% center;}
.m_bckcenter {background-position: center;}
.m_bckrightcenter {background-position: right center;}
}

@media only screen and (min-width:601px) {
    .hideindesktop {display:none;}
}
@media only screen and (max-width:600px) {
    .hideindesktop {display:block !important;}
}

@media only screen and (max-width:600px){
#findadvisor .gobut{display:block;}
.mansofeed-item {width: 100%;}
.restextcenter {text-align:center !important;}
.hideinmobile {display:none !important;}
.mm-menu_opened.hideindesktop {display: block !important;}
.kenaccordion {background-color: #eee;color: #444;cursor: pointer;padding: 18px;width: 100%;border: none;text-align: left;outline: none;font-size: 15px;transition: 0.4s;}
.active, .kenaccordion:hover {background-color: initial;}
.panel {padding: 0 18px;background-color: white;max-height: 0;overflow: hidden;transition: max-height 0.2s ease-out;}
#footer .sitemaptitle {margin:0px;padding:10px 0px;margin-top: 20px;}
.footcol1, .footcol2 {margin-bottom:0px;}
#footer {padding: 20px 0px 20px 0px;}
}

/* start damien */
@media only screen and (min-width: 600px){
    
    body #ajaxsearchlite1 #x-mark-icon{
        fill: white;
    }
    
    body div.asl_w .probox .promagnifier {
        width: 50px;
        height: 52px;
    }
    
    div.asl_w .probox .proclose,
    body #ajaxsearchlite1 .probox, div.asl_w .probox {
        height: 52px !important;
    }
    
    body #ajaxsearchlite1 .probox .proinput input, 
    body div.asl_w .probox .proinput input, 
    body #ajaxsearchlite1 .probox .proinput, 
    body div.asl_w .probox .proinput {
        color: #000!important;
        font-size: 15px;
        height: 52px !important;
        box-sizing: border-box;
    }
}

.post-item .posttitle{
    height: 96px;
}

.post-item  .postexcept{
    height: 82px;
}

.overlay .recaptcha-container{
    width: 350px;
    border-radius: 4px;
    padding: 16px;
    background: #fff;
    margin: auto;
    text-align: left;
}

/* 20190314 temporarily hide ajax search lite result */
div.asl_r.vertical {
    display: none !important;   
}

/* amcharts export menu */
li.amcharts-amexport-item.amcharts-amexport-item-level-0{
    width: auto !important;
    height: auto !important;
    opacity: 1 !important;
    position: absolute;
    top: -50px;
    right: 0px;
    background: transparent;
}

li.amcharts-amexport-item.amcharts-amexport-item-level-0 > a {
    border-radius: 30px !important;
    padding: 10px 40px 10px 20px!important;
    margin-bottom: 20px;
    border: 2px solid #155883;
    font-size: 16px;
    background: white;
    color: black;
    text-decoration: none;
    font-weight: normal !important;
    margin-top: -30px;
    margin-right:10px;
    background-image: url(http://mynicstaging.campaignlab.com.my/wp-content/uploads/2019/03/selectarrow.png);
    background-repeat: no-repeat;
    background-size: 10px;
    background-position: right 12px center;
    min-width: 180px;
    font-weight:500 !important;
}

li.amcharts-amexport-item{}

li.amcharts-amexport-item > a{
    padding: 2px 8px !important;
    font-size: 16px;
    background: white;
    color: black;
    text-decoration: none;
    font-weight: normal !important;
}

ul.amcharts-amexport-menu.amcharts-amexport-menu-level-1 {
    margin-right: 7px !important;
    margin-top: 25px;
    min-width: 180px;
    border-radius: 10px !important;
    overflow: hidden;
}


.chart-table-container {
    padding-left: 10px;
    padding-right: 10px;
}


li.amcharts-amexport-item.amcharts-amexport-item-level-0 > a:before {
    background-image: url(http://mynicstaging.campaignlab.com.my/wp-content/uploads/2019/03/download-but.png);
    background-size: 20px;
    display: inline-block;
    width: 20px;
    height: 20px;
    content: "";
    vertical-align: middle;
    margin-right: 10px;
}

.sidebarwidget h4 a{
    color: #000000;
    text-decoration: none;
    font-weight: 500;
}

.sidebarwidget h4 a.active {
    color: #01b4d3;
}

/*---Fix 27-5-2019---*/
.postcontain ol li {
    list-style-type: decimal;
    margin-left: 20px;
}

.postcontain ul li::before {
    content: "\2022";
    color: #ffa616;
    margin-right: 5px;
}

.stickybox.socialshareicon ul li:before {
    content: inherit !important;
    display:none;
}

/*---Fix 10-6-2019---*/
.bluegrabut {
    background-image: linear-gradient(to right, #01b8d7 0%, #055b99 50%);
    background-image: -webkit-linear-gradient(to right, #01b8d7 0%, #055b99 50%);
    background-color: #01b8d7;
    background-size: 200% auto;
    padding: 23px 45px;
    font-size: 20px;
    border-radius: 35px;
    color: #ffffff !important;
    letter-spacing: 1px;
    text-decoration: none !important;
}


.partnerssearch {margin-bottom:30px;}
.partnerssearch input {padding: 20px 35px;width: 100%;border-top: 0px;border-left: 0px;border-right: 0px;border-radius: 30px;}

td.tableexport-string {
    font-family: verdana;
}

#gform_1 #input_1_1,
#gform_2 #input_2_14{
    text-transform: capitalize;
}


#listingdecimal ol {
    counter-reset: item !important;
}

#listingdecimal ol li{
    list-style: none !important
}

#listingdecimal ol li:before {
    content: counters(item, ".") ". " !important;
    counter-increment: item !important;
    font-size: 16px !important;
    margin-right: 3px !important;
    margin-left: -20px !important;
    list-style: none !important;
    color: #000000 !important;
}

#listingdecimal ol li ol li:before {
    margin-left: -25px !important;
    margin-right: 0px !important;
}


ol[class*="decimal_"] li {
    position: relative;
    margin-left: 10px;
}

ol[class*="decimal_"] li:before {
    font-size: 17px !important;
    position: absolute;
    color: #000000 !important;
    left: -9px;
}

[class*="decimal_"] ul {margin-left: 5px !important;}
[class*="decimal_"] ul li:before {margin-left: -5px !important;color: #ffa616 !important;}
[class*="decimal_"] li.decimal_over10:before {margin-left: -30px !important;}

ol.decimal_1 li:before {content: '1.';}
ol.decimal_2 li:before {content: '2.';}
ol.decimal_3 li:before {content: '3.';}
ol.decimal_4 li:before {content: '4.';}
ol.decimal_5 li:before {content: '5.';}
ol.decimal_6 li:before {content: '6.';}
ol.decimal_7 li:before {content: '7.';}
ol.decimal_8 li:before {content: '8.';}
ol.decimal_9 li:before {content: '9.';}
ol.decimal_10 li:before {content: '10.';}
ol.decimal_11 li:before {content: '11.';}
ol.decimal_12 li:before {content: '12.';}
ol.decimal_13 li:before {content: '13.';}
ol.decimal_21 li:before {content: '2.1.';}
ol.decimal_22 li:before {content: '2.2.';}
ol.decimal_23 li:before {content: '2.3.';}
ol.decimal_24 li:before {content: '2.4.';}
ol.decimal_25 li:before {content: '2.5.';}
ol.decimal_43 li:before {content: '4.3.';}
ol.decimal_44 li:before {content: '4.4.';}
ol.decimal_46 li:before {content: '4.6.';}
ol.decimal_47 li:before {content: '4.7.';}
ol.decimal_54 li:before {content: '5.4.';}
ol.decimal_547 li:before {content: '5.4.7.';}

ol.decimal_21 li:before {margin-left: -30px !important;}
ol.decimal_21 li:nth-child(10):before {margin-left: -40px !important;}
ol.decimal_22 li:before {margin-left: -30px !important;}
ol.decimal_23 li:before {margin-left: -30px !important;}
ol.decimal_24 li:before {margin-left: -30px !important;}
ol.decimal_25 li:before {margin-left: -30px !important;}
ol.decimal_43 li:before {margin-left: -30px !important;}
ol.decimal_44 li:before {margin-left: -30px !important;}
ol.decimal_46 li:before {margin-left: -30px !important;}
ol.decimal_47 li:before {margin-left: -30px !important;}
ol.decimal_54 li:before {margin-left: -30px !important;}
ol.decimal_547 li:before {margin-left: -41px !important;}


ol.decimal_10 li:before {margin-left: -28px !important;}
ol.decimal_11 li:before {margin-left: -25px !important;}
ol.decimal_13 li:before {margin-left: -28px !important;}



.searchterm.pull-left {
    float: left !important;
    width: 70%;
    word-wrap: break-word;
}

.searchterm.pull-right {
    float: right !important;
}
.searchaccordion:after {
    position: absolute;
    right: 20px;
}

.accordionbox .greenbut {
    float: right;
    margin-top: 15px;
    margin-bottom: 20px;
}

.searchtaken {
    /*
    float: right;
    margin-right: 15px;
    margin-top: -22px;
  */
    position: absolute;
    right: 50px;
}

.panel {
    background-color: #0482b3 !important;
}

.searchavailable{
    position: absolute;
    right: 50px;
}

.col_nodata {
    width: 100%;
}

.resellerbox_nodata {
    background-color: #fbfbfb;
    padding: 30px 10px 30px 25px;
    margin: 15px 0px;
    font-size: 2vw;
    width: 100%;
    text-align: center;
}

/*---maintenance page---*/
.bgmain {
    background-color: #4B335A;
    padding-bottom: 18%;
    height: 100%; 
}

.imagemain {
    background-image: url("https://mynic.my/wp-content/uploads/2019/11/stars-purple.jpg");
    height: 20%; 
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    text-align: center;
    font-family: "Montserrat",Helvetica,sans-serif;
    font-size: 30px;
    color: white; 
}

.text1main {
    padding: 80px 50px 5px;
}

.text2main {
    color: #fff;
    padding: 1% 30%;
    line-height: 1.675;
    text-align: center;
  }

.wrappermain {
    min-height: 100%;
    background-image: url("https://mynic.my/wp-content/uploads/2019/12/under-maintenance-cartoon.png");
    background-position: center;
    background-repeat: no-repeat;
    background-position-y: center;
    background-position: 50% 90%;
    background-size: 38%;
}

@media (max-width: 480px) {
.wrappermain {
    background-size: contain;
    background-size: 100%;
}
  
.text2main {
    padding: 1% 10%;
  }
  
.bgmain {
    padding-bottom: 55%;
}
}

@media (max-width: 320px) {
.text1main {
     font-size: 12px;
     font-weight: bold;
}
.text2main {
     font-size: 5px;
     font-weight: bold;
}
  
.bgmain {
padding-bottom: 55%;
}
}

/*---oku ribbon label---*/

.ribbon-wrapper-red {
  width: 85px;
  height: 88px;
  overflow: hidden;
  margin-top: 2.5%;
  float: right;
}
.ribbon-red {
    font: bold 12px Sans-Serif;
    color: #fff;
    text-align: center;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    position: relative;
    padding: 7px 0;
    left: -8px;
    top: 19px;
    width: 120px;
    background-color: #282460;
    color: #fff;
    -webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.3);
    -moz-box-shadow: 0px 0px 3px rgba(0,0,0,0.3);
    box-shadow: 0px 0px 3px rgba(0,0,0,0.3);
}
.ribbon-red:before,
.ribbon-red:after{
  content: "";
  border-top: 3px solid #25224e;   
  border-left: 3px solid transparent;
  border-right: 3px solid transparent;
  position:absolute;
  bottom: -3px;
}
.ribbon-red:before{
  left: 0;
}
.ribbon-red:after{
  right: 0;
}

.sec-intro {
  background-color: #282460;
  padding: 42px 35px;
}
.textintro-logo h2{
    font-weight: 700;
    font-size: 44px;
    line-height: 55px;
    margin-bottom: 31px;
    letter-spacing: 2px;
    background: -webkit-linear-gradient(313deg, #bdd63d, #5ab56a);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    -webkit-text-stroke: 2px transparent;
}
.textintro p{
    color: #ffffff;
    font-size: 18px;
    padding-right: 6%;
    margin-top: 27px;
} 
.img-intro {
  
  bottom: 0;
}
.img-intro img {
  width: 100%;
  height: auto;
}

.img-intro-logo {
  position: relative;
  right: 0;
}
.img-intro-logo img {
  width: 30%;
  height: auto;
  float: right;
} 


/*---22July Update---*/
.mainm .ubermenu-target-title.ubermenu-target-text {font-weight: 500 !important;}
.su-spoiler-title {font-weight:500 !important;}
.su-spoiler-content a {font-weight: 700;}

.arrow-box-wrapper {position:relative;display:flex;flex-wrap:wrap;margin-bottom: 25px;border: 1px solid gainsboro;text-align: center;align-items: center;background-color: #272460;color: #ffffff;border-radius: 15px;width: fit-content;padding: 5px 30px;line-height: 20px;}
.arrow-box-inner {flex-basis:50%;padding:10px;}
.arrow-float {position:absolute;left:52%;top:50%;transform:translate(-50%,-50%);font-size:20px;color:#b3d340;}

@media only screen and (max-width:767px) {
    .arrow-box-wrapper {padding:15px 30px;}
    .arrow-box-inner {flex-basis: 100%;}
    .arrow-float {position: initial;left: initial;top: initial;font-size: 16px;transform: initial;flex-basis: 100%;text-align: center;}
    .arrow-float span {transform: rotate(90deg);display: block;}
}


/*---Cerita-MY---*/
.cerita-my-feed .post-item .posttitle {overflow: initial !important;}
.cerita-my-feed .post-item .posttitle  {font-weight:700;}
.cerita-my-feed .post-item .posttitle .smalltitle {font-weight: 400;}

.cerita-my-post .postheader h1.posttitle {font-weight: 700;}
.cerita-my-post .postheader h1.posttitle .smalltitle {font-size: 30px;font-weight: 400;}

.cerita-my-post .pprev p, .cerita-my-post .pnext p {font-weight:700;}
.cerita-my-post .pprev p .smalltitle, .cerita-my-post .pnext p .smalltitle {font-weight: 400;}



@media only screen and (max-width:767px) {
  .paddingleftrightzero{padding-left: 1rem !important;padding-right: 1rem !important;}
  .cerita-my-post .postheader h1.posttitle .smalltitle {font-size: 20px;line-height: 36px;}
}


/*---wordpress update---*/
.asl_w_container {margin: auto !important;}
#ajaxsearchlite1 {margin: auto !important; max-width: 800px; display: block}

.searchunavailable {
    position: absolute;
    right: 50px;
}

.searchunavailable {
    color: #86040a;
}

.accordionactive .searchtaken {
    display: none;
}

.searchaccordion.searchaccordioninactive:after {
    content: '' !important;
}

/* hide redundant file upload rules */
#gfield_upload_rules_1_9, #gfield_upload_rules_2_5{
 	display: none !important; 
}

.ubermenu-skin-clean-white .ubermenu-submenu .ubermenu-item.font-color-black a.ubermenu-target{
    color: #000000 !important;
}