/*CUSTOM STYLES*/

@media all and (-ms-high-contrast: none),
(-ms-high-contrast: active) {
    body {
        text-shadow: 0 0 1em transparent, 1px 1px 1px transparent;
        text-rendering:optimizeLegibility;
        font-variant-ligatures: contextual;
        font-kerning: normal;
    }
}



.fixed-holder{
    position:fixed;
	width:100%;
	z-index:2000;
	display:block;
	clear:both;
    background:#fff;
    padding-top:0;
    padding-top:10px;
    margin-top:-10px;
}

.top-spacer{
    display:block;
    clear:both;
    height:110px!important;
    padding-top:0;
    margin-top:0;
}



.bx-wrapper .bx-viewport {
        height: auto!important;   
}

.telephone{
    text-align: right;
}


/* NOTCHED PANELS STYLES ///////////////////////////*/

.notched-panel{
  --mask: linear-gradient(58deg,#0000 15.28px,#000 0 calc(100% - 15.28px),#0000 0);	
  -webkit-mask: var(--mask);
          mask: var(--mask);
}

.notched-panel a{
    color:#fff;
}



.notched-panel p{
    line-height:155%;
}


.notched-panel,
.notched-panel strong{
   color:#fff;
}




.notched-panel.hollow,
.notched-panel a.btn,
.notched-panel a.btn:visited,
.notched-panel a.hollow,
.notched-panel a.hollow:visited,
.notched-panel input[type="submit"],
.notched-panel input[type="reset"],
.notched-panel input[type="button"]{
  --mask: linear-gradient(58deg,#0000 10.28px,#000 0 calc(100% - 10.28px),#0000 0);	
  -webkit-mask: var(--mask);
          mask: var(--mask);
    background:#000;
    color:#fff
}



.notched-panel.hollow,
.notched-panel a.btn,
.notched-panel a.btn:visited,
.notched-panel a.hollow,
.notched-panel a.hollow:visited,
.notched-panel input[type="submit"],
.notched-panel input[type="reset"],
.notched-panel input[type="button"]{
  --mask: linear-gradient(58deg,#0000 10.28px,#000 0 calc(100% - 10.28px),#0000 0);	
  -webkit-mask: var(--mask);
          mask: var(--mask);
    background:#fff;
    color:#000;
}




.notched-panel.hollow:hover,
.notched-panel a.btn:hover,
.notched-panel a.hollow:hover,
.notched-panel input[type="submit"]:hover,
.notched-panel input[type="reset"]:hover,
.notched-panel input[type="button"]:hover {
  --mask: linear-gradient(58deg,#0000 10.28px,#000 0 calc(100% - 10.28px),#0000 0);	
  -webkit-mask: var(--mask);
          mask: var(--mask);
    background:#fff;
    color:#000;
    opacity: 0.7;
    filter: alpha(opacity=70); /* For IE8 and earlier */

}



.notched-panel ul li{
    list-style-type:none;
	border-top:1px dotted #fff!important;
	border-bottom:1px dotted #fff!important;
	margin:0 0 -1px 0;
	background:url(i/icon-arrow-right-white.png) no-repeat 5px 0.9em!important;
	padding-left:20px;
}

.notched-panel-home{
    background: rgb(230,0,14);
    background: linear-gradient(90deg, rgba(230,0,14,1) 0%, rgba(58,14,12,1) 100%);    

}


/*

.notched-panel-financial{
    background: rgb(202,35,133);
    background: linear-gradient(90deg, rgba(202,35,133) 0%, rgba(41,110,228,1) 100%);     
    mix-blend-mode: multiply;

}
*/

.notched-panel-financial{
    background: rgb(202,35,133);
    background: linear-gradient(90deg, rgba(202,35,133) 0%, rgba(41,110,228,1) 100%);     
    opacity: 0.85;
    filter: alpha(opacity=85); /* For IE8 and earlier */

}

/*

.notched-panel-legal{
    background: rgb(196,2,9);
    background: linear-gradient(90deg, rgba(196,2,9) 0%, rgba(229,102,15,1) 100%);     
    mix-blend-mode: multiply;

}
*/


.notched-panel-legal{
    background: rgb(196,2,9);
    background: linear-gradient(90deg, rgba(196,2,9) 0%, rgba(229,102,15,1) 100%);     
    opacity: 0.85;
    filter: alpha(opacity=85); /* For IE8 and earlier */
}

/*
.notched-panel-business{
    background: rgb(198,206,0);
    background: linear-gradient(90deg, rgba(198,206,0) 0%, rgba(5,124,170,1) 100%);     
    mix-blend-mode: multiply;

}
*/


.notched-panel-business{
    background: rgb(198,206,0);
    background: linear-gradient(90deg, rgba(198,206,0) 0%, rgba(5,124,170,1) 100%);     
    opacity: 0.85;
    filter: alpha(opacity=85); /* For IE8 and earlier */
}


.notched-panel-case-studies{
     background: rgb(125,78,219);
     background: linear-gradient(90deg, rgba(125,78,219,1) 0%, rgba(0,184,190,1) 100%);   
    opacity: 0.85;
    filter: alpha(opacity=85); /* For IE8 and earlier */
}


.notched-panel-it-services{
     background: rgb(229,66,83);
     background: linear-gradient(90deg, rgba(199,7,0,1) 0%, rgba(188,21,170,1) 100%);    
    opacity: 0.85;
    filter: alpha(opacity=85); /* For IE8 and earlier */
}

.notched-panel-blog{
    background: rgb(196,2,9);
    background: linear-gradient(90deg, rgba(161,15,151) 0%, rgba(60,60,145,1) 100%);    
    opacity: 0.85;
    filter: alpha(opacity=85); /* For IE8 and earlier */
}


/* RESPONSIVE VIDEO STYLES ///////////////////////////*/

.responsive-container {
        position: relative;
        padding-bottom: 50.25%;
        padding-top: 30px;
        height: 0;
        overflow: hidden;
        margin-bottom: 1em;
}
.responsive-container iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
}

/* /////////////////////*/


img {
    max-width:100%;
    height:auto;
}

.no-top-margin{
	margin-top:0;
}

/* SEARCH STYLES/////////////////////////////////////////*/

.search-holder{
    float:right;
    margin-top:1.75rem;
}
#searchform a {
    display: inline-block;
    float: left;
}
#searchform #s {
    width: 80%;
    border-top: none;
    border-left: none;
    border-right: none;
    display: inline-block;
    float: left;
    font-size: 14px;
    font-weight: 300;
    margin-top: 0;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    border-bottom: 1px solid #ccc;
}
#searchform #s:focus {
    border-bottom: 1px solid #ccc;
}
#searchform a #searchsubmit {
    float: left;
    border: none;
    display: inline-block;
    width: 40px;
    margin-top: 0;
    margin-bottom: 0;
    padding-bottom: 0;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
}
#searchform a :hover {
    opacity: 0.5;
}
#searchsubmit {
    font-size: 0.8em;
    padding: 5px 10px;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
}

#searchsubmit {
    font-size: 0.8em;
    padding: 5px 10px;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
}
#searchform label {
    display: none;
}
#searchform #searchsubmit {
    display: block;
    clear: both;
    margin-top: 1em;
}



/* TOOLTIP BOX START/////////////////////////////////////////*/


#tiptip_holder { display: none; position: absolute; top: 0; left: 0; z-index: 99999; } 
#tiptip_holder.tip_top { padding-bottom: 5px; } 
#tiptip_holder.tip_bottom { padding-top: 5px; } 
#tiptip_holder.tip_right { padding-left: 5px; } 
#tiptip_holder.tip_left { padding-right: 5px; } 

#tiptip_content h5{
    margin-top:20px;
}   
    #tiptip_content {
font-size: 11px;
color: #000;
text-shadow: none;
padding: 4px 8px;
    padding-top:0;
    padding-left:10px;
    padding-right:10px;
border: 1px solid rgba(229,233,236,0.25);
background:#212121;
background-color: rgba(229,233,236,0.92);
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
*background:#e5e9ec;
}

#tiptip_arrow, #tiptip_arrow_inner {
position: absolute;
border-color: transparent;
border-style: solid;
border-width: 6px;
height: 0;
width: 0;
}

#tiptip_holder.tip_top #tiptip_arrow {
border-top-color:#e5e9ec;
border-top-color: rgba(229,233,236,0.35);
}

#tiptip_holder.tip_bottom #tiptip_arrow {
border-bottom-color: #fff;
border-bottom-color: rgba(255,255,255,0.35);
}

#tiptip_holder.tip_right #tiptip_arrow {
border-right-color: #fff;
border-right-color: rgba(255,255,255,0.35);
}

#tiptip_holder.tip_left #tiptip_arrow {
border-left-color: #fff;
border-left-color: rgba(255,255,255,0.35);
}

#tiptip_holder.tip_top #tiptip_arrow_inner {
margin-top: -7px;
margin-left: -6px;
border-top-color: rgb(229,233,236);
border-top-color: rgba(229,233,236,0.92);
}

#tiptip_holder.tip_bottom #tiptip_arrow_inner {
margin-top: -5px;
margin-left: -6px;
border-bottom-color: rgb(229,233,236);
border-bottom-color: rgba(229,233,236,0.92);
}

#tiptip_holder.tip_right #tiptip_arrow_inner {
margin-top: -6px;
margin-left: -5px;
border-right-color: rgb(229,233,236);
border-right-color: rgba(229,233,236,0.92);
}

#tiptip_holder.tip_left #tiptip_arrow_inner {
margin-top: -6px;
margin-left: -7px;
border-left-color: rgb(229,233,236);
border-left-color: rgba(229,233,236,0.92);
}




/* HEADER CONTACT STYLES /////////////////////////////////////*/

.space-left{
 display:inline-block;
    width:40px;
}

.header-contact .fa{
    color:#000;
}

.header-contact a{
    text-decoration:none;
}

.header-contact a:hover{
        opacity: 0.5;
    filter: alpha(opacity=50); /* For IE8 and earlier */
}
.tel-e{
    text-transform:uppercase;
    font-size:.85rem;
}

.tel-e b,
.tel-e strong{
font-weight:400!important;
}



/* BLOG PAGE PAGINATION STYLES /////////////////////////////////////*/


.pagination {
    border:none!important;
    font-family: 'Oswald', sans-serif;
    text-transform:uppercase;
    margin-bottom:1.5em;
}

.pagination a,
.pagination span{
    margin-right:1em;
    text-decoration:none;
    border:solid 1px #000;
    padding:.7rem 1rem .7rem 1rem;
}


.pagination a:hover,
.pagination .current{
    opacity: 0.5;
    filter: alpha(opacity=50); /* For IE8 and earlier */
}


/* BLOCK STYLES///////////////////////////////////////// */



.wp-block-embed-youtube {
	overflow: hidden;
	position: relative;
	max-width: 100%;
	height: auto;
	padding-bottom: 56.25%;
}

.wp-block-embed-youtube iframe,
.wp-block-embed-youtube object,
.wp-block-embed-youtube embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.outline-text-box{
    -moz-border-radius: 17px;
    -webkit-border-radius: 17px;
    border-radius: 17px;
    border: 1px solid #000;
    padding:20px;
    line-height:140%;
}



cite{
    font-family: 'Kanit', Verdana, Arial, Helvetica, sans-serif;
    font-size: .75em;
    font-weight: 400;
    text-align: left;
    float:left;
    clear:both;
}



/* BLOCK QUOTE STYLES///////////////////////////////////////// */

blockquote p{
    font-family: 'Kanit', Verdana, Arial, Helvetica, sans-serif;
    font-weight: 400;
    font-size: 1rem;
    line-height:1.4;

}

blockquote p{
    font-family: 'Kanit', Verdana, Arial, Helvetica, sans-serif;
    font-weight: 300;
    font-size: .75em;
    line-height:140%;
    text-align: left;
    float:left;
    display:block;
}

.alignright blockquote p,
.alignright blockquote cite{
    float:right;
    text-align:right;
}

.alignright blockquote {
    border-left:none;
    border-right:dotted 1px #999;
    padding-right:20px
}

blockquote .is-large{
    float:left;
    clear:both!important;
}

blockquote{
    float:left;
    width:50%;
}

.wp-block-quote.is-large p{
    font-size: .8em;
    line-height:1.45em;
    clear:both;
}

.wp-block-button a.wp-block-button__link{
    color:#000;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    background-color:#fff;
    border:solid 1px #000;
    text-transform:uppercase;
    font-size:1em;
    padding-left:10px;
}

.wp-block-button__link:before{
	font-family: FontAwesome;
	font-size:2em;
	display:block;
	line-height:0;
	top:12px;
    float:right;
    margin-left:30px;
	position:relative;
	content:"\f105";
}

/* GENERAL STYLES///////////////////////////////////////// */

img.alignleft,
.img-wrap.alignleft {
    float: left;
    margin: 0 10px 5px 0;
}
img.alignright,
.img-wrap.alignright {
    float: right;
    margin: 0 0 5px 10px;
}






body { 
  background: none;
  font-family: 'Kanit', Verdana, Arial, Helvetica, sans-serif;
  font-weight: 200;
  line-height: 1.75;
  color: #000000;

}
a {
    color: #000;
}
a:hover {
    text-decoration: none;
}
.widgettitle {
    font-weight: 300;
    text-transform: uppercase;
    font-size: 120%;
}
p strong,
p b {
    font-weight:400;
}

.article ul li,
.main-content ul li{
	list-style-type:none;
	border-top:1px dotted #666;
	border-bottom:1px dotted #666;
	margin:0 0 -1px 0;
	background:url(i/icon-arrow-right-black.png) no-repeat 5px 0.9em;
	padding-left:20px;
}

.main-content ul{
    margin-left:0!important;
}
.main-content ol{
    margin-left:1rem;
}

/* HEADING STYLES///////////////////////////////////////// */



h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 2rem 0 0.5rem;
  font-family: 'Rajdhani', sans-serif;
  font-weight: 300;
  line-height: 1.3;
}


h5,
h6 {
  font-weight: 400;
}


h1 {

  font-size: 2.6rem;
}
h2 {
  font-size: 2.35rem;
    margin-bottom:.7rem;
}
h3 {
  font-size: 1.953rem;
}
h4 {
  font-size: 1.563rem;
    font-weight:400;
}
h5,
.archived-news{
  font-size: 1.25rem;
        font-weight:400;
}
h6 {
  font-size: 1rem;
        font-weight:400;
}

p,
ul,
ol{
    margin-bottom: .35rem;
      font-size: 1rem;
      line-height: 1.7rem;
    margin-top:0;

}

small, 
.text_small {
    font-size: 0.75rem;
}


.wp-block-separator,
hr{
    border:none!important;
    border-top:5px solid #eceff1!important;
}

/* IMAGE CAPTION STYLES ////////////////////////////////////////*/

.wp-caption-text {
    background-color: none;
    line-height: 145%;
}
div .wp-caption {
    background-color: none;
    background: none;
    border: none;
    border-bottom: 1px dotted #ccc;
}


/* IMAGES IN TEXT  STYLES////////////////////////////////////////*/
.i-fifty{
	width:50%;
	float:left;
	margin-right:2em!important;
}

.i-thirty{
	width:30%;
	float:left;
	margin-right:2em!important;
}

.i-twenty{
	width:20%;
	float:left;
	margin-right:2em!important;
}

.i-forty{
	width:40%;
	float:left;
	margin-right:2em!important;
}


/* BUTTON STYLES ////////////////////////////////////////*/

button,
a.btn,
a.btn:visited,
a.button,
a.button:visited,
input[type="submit"],
input[type="reset"],
input[type="button"] {
    position: relative;
    top: 0;
    left: 0;
    vertical-align: middle;
    margin: 0;
    padding: 17px 25px;
    line-height: 100%;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    cursor: pointer;
    width: auto;
    overflow: visible;
    font-weight: normal;
    font-size: 14px;
    /*Pixels for consistancy*/
    text-shadow: none;
    color: #fff;
    text-decoration: none;
    vertical-align: middle;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    *display: inline;
    /*IE ONLY*/
    zoom: 1;
    border: none;
    background: #000;
	font-family: 'Rajdhani', sans-serif;

}
button:active,
a.btn:active,
a.btn:visited:active,
a.button:active,
a.button:visited:active,
input[type="submit"]:active,
input[type="reset"]:active,
input[type="button"]:active {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}
button[disabled],
.disabled:active {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}
button,
input[type="submit"],
input[type="reset"],
input[type="button"] {
    *padding: 7px 15px;
}
/*IE 7 ONLY*/

a.btn,
a.button {}
/*overrides*/

button.small,
a.btn.small,
a.button.small {
    font-size: 0.8em;
    padding: 5px 10px;
}
button.medium,
a.btn.medium,
a.button.medium {}
/*default*/

button.large,
a.btn.large,
a.button.large {
    font-size: 1.3em;
    padding: 10px 20px;
}
button.disabled,
a.btn.disabled,
a.button.disabled {
    color: #ccc;
    cursor: default;
    background: #efefef;
}
button.disabled:hover,
a.btn.disabled:hover,
a.button.disabled:hover {
    border: none;
    background: transparent
}
button:hover,
a.btn:hover,
a.button:hover,
input[type="submit"]:hover,
input[type="reset"]:hover,
input[type="button"]:hover {
    color: #000000;
    border: none;
    background: transparent;
    /* Old browsers */
    background: transparent;
    opacity: 0.7;
    filter: alpha(opacity=70); /* For IE8 and earlier */
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
    -webkit-transition: border-radius 1s ease;
    -moz-transition: border-radius 1s ease;
    -o-transition: border-radius 1s ease;
    transition: border-radius 1s ease;
}


/*HOLLOW BUTTON/////////////////////////////////////////////////*/

.hollow,
a.btn,
a.btn:visited,
a.hollow,
a.hollow:visited,
input[type="submit"],
input[type="reset"],
input[type="button"] {
    position: relative;
    top: 0;
    left: 0;
    vertical-align: middle;
    margin: 0;
    line-height: 100%;
	-moz-border-radius:0;
	-webkit-border-radius:0;
	border-radius:0;
    border-radius: 0;
    cursor: pointer;
    width: auto;
    overflow: visible;
    font-weight: 500;
    /*Pixels for consistancy*/
    text-shadow: none;
    color: #000;
    text-decoration: none;
    vertical-align: middle;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    *display: inline;
    /*IE ONLY*/
    zoom: 1;
    background:transparent;
    margin-top:1em;
    padding:1em;
    padding-left:1.75em;
    padding-right:1.75em;
}


.rounded,
a.rounded,
a.rounded:visited{
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    border-radius: 7px;
}

.rounded:hover,
a.btn:hover,
a.rounded:hover{
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    border-radius: 7px;
}




.hollow,
a.btn,
a.btn:visited,
a.hollow,
a.hollow:visited,
input[type="submit"],
input[type="reset"],
input[type="button"]{
  --mask: linear-gradient(58deg,#0000 10.28px,#000 0 calc(100% - 10.28px),#0000 0);	
  -webkit-mask: var(--mask);
          mask: var(--mask);
    background:#000;
    color:#fff;
}




.hollow:hover,
a.btn:hover,
a.hollow:hover,
input[type="submit"]:hover,
input[type="reset"]:hover,
input[type="button"]:hover {
  --mask: linear-gradient(58deg,#0000 10.28px,#000 0 calc(100% - 10.28px),#0000 0);	
  -webkit-mask: var(--mask);
          mask: var(--mask);
    background:#000;
    color:#fff;
    opacity: 0.7;
    filter: alpha(opacity=70); /* For IE8 and earlier */

}



/* TOP STYLES ////////////////////////////////////////*/

.top {
    background: none;
    padding-bottom: 1em;
    padding-top: 1em;
    border-bottom: 1px dotted #ccc;
}
.top i {
    margin-right: 1em;
}
/* FORM STYLES ////////////////////////////////////////*/


input {
    display: inline-block;
    *display: inline;
    vertical-align: middle;
    width:100%;
    zoom: 1;
    margin: 0;
    border: 1px solid #ccc;
    font-size: 1em;
    padding: 8px 8px;
    text-indent: 5px;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    background: #fff;
    -moz-box-shadow: inset 0 0 0 #ccc;
    -webkit-box-shadow: inset 0 0 0 #ccc;
    box-shadow: inset 0 0 0 #ccc;
    margin-bottom:.5rem;
        color: #6b7c85 !important;
    font-weight:200;

}

textarea{
    width:100%;
    height:200px;
    margin:0;
    border:1px solid #ccc;
    padding:5px;
    vertical-align: middle;
    font-family:inherit;
    font-size:1.1em;
    -moz-border-radius:0;
    -webkit-border-radius:0;
    border-radius:0
    -moz-box-shadow:none;
    -webkit-box-shadow:none;
    box-shadow:none;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
        color: #6b7c85 !important;
font-weight:200;
}


::-webkit-input-placeholder { /* WebKit browsers */
    color: #6b7c85 !important;
    font-weight:200;
    font-size:1rem;
    opacity: 0.5;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: #6b7c85 !important;
    font-weight:200;
    font-size:1rem;
    opacity: 0.5;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #6b7c85 !important;
    font-weight:200;
    font-size:1rem;
    opacity: 0.5;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
    color: #6b7c85 !important;
    font-weight:200;
    font-size:1rem;
    opacity: 0.5;
}


/* FOOTER STYLES ////////////////////////////////////////*/

.widgettitle{
    font-size:20px;
    font-weight:400;
    margin-bottom:1.5em;
}

.footer {
    text-align: left;
    padding: 20px;
    padding-top: 0;
    color: #000;
    font-size: 0.8em;
    font-weight: 300;
    text-shadow: none;
    background: #fff;
    font-weight:200;
}

.footer{
        border-top: 1px dotted #ccc;
}
.footer strong{
    font-weight:600;
}
.footer a {
    text-decoration: none;
    font-size:16px;
}

.footer li {
display:block;
   padding-top:0;
    margin-top:-3px;
}
.footer a:hover,
.footer .social-footer a:hover{
        opacity: 0.5;
    filter: alpha(opacity=50); /* For IE8 and earlier */
}
.footer h6{
}
.footer .social-footer{
    line-height:3rem;
    font-size:1rem;
}

.footer .social-footer .fa{
float:left;
    clear:both;
        line-height:3rem;
}

.footer  .footer-col ul{
    padding-left:0!important;
    margin-left:0!important;
    list-style-type:none;
}

.footer .menu-item a {
        padding-left:0;
    margin-left:0;
    text-indent:0;
}


.copyright-info {
    text-align: left;
    color: #000;
}

.copyright-info p,
.copyright-info p a{
    font-size:12px;
}

.footer-col br{
    display:none;
}



.footer-2 .use-breaks br{
    display:block;
}


.footer .sub-menu{
   z-index:1000;
    
}

/* CONTACT STYLES ////////////////////////////////////////*/

.contact .icon-large a,
.contact,
.contact a {
    color: #000;
    text-align: right;
}
.contact .icon-large {
    margin-left: 40px;
    margin-top: 30px;
}
.contact p a,
.contact p {
    text-decoration: none;
    font-size: 14px;
}
.contact a:hover {
    text-decoration: underline;
}
/* SIDEBAR BLOG STYLES///////////////////////////////////////// */

.sidebar-blog ul,
.sidebar-blog li,
.sidebar-general ul,
.sidebar-general li {
    list-style: none;
    margin-left: 0;
}
.sidebar-blog ul a {
    color: #566d79;
    text-decoration: none;
    font-size: 90%;
}
.sidebar-blog ul a:hover {
    color: #000;
    text-decoration: none;
}
.sidebar-blog .current-cat a {
    color: #000;
}
.sidebar-blog .current-cat .children a {
    font-weight: normal;
}
.sidebar-blog .children {
    margin-top: 8px;
}
.sidebar-blog .archived-news {
    margin-top: 30px;
}

.sidebar-blog h6,
.sidebar-blog .archived-news{
     font-size: 1rem; 
    font-weight:500;
    text-transform:uppercase;
}
.entry .date:first-child,
.sidebar-blog h6:first-child{
    margin-top:0;
}

.blog .entry h3{
    margin-top:1.5rem;
    margin-bottom:1rem;
}


.blog .entry h3 a{
   text-decoration:none;
    font-weight:400;
}

.blog .entry h3 a:hover{
            opacity: 0.6;
    filter: alpha(opacity=76); /* For IE8 and earlier */

}

/* SEARCH STYLES///////////////////////////////////////// */

#searchsubmit {
    font-size: 0.8em;
    padding: 5px 10px;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
}
#searchform label {
    display: none;
}
#searchform #searchsubmit {
    display: block;
    clear: both;
    margin-top: 1em;
}
/* IMAGE STYLES///////////////////////////////////////// */

.alignright {
    float: right;
    margin-top: 15px;
    margin-bottom: 15px;
    margin-left: 30px;
}
.alignleft,
.alignnone,
.aligncenter {
    float: left;
    margin-top: 15px;
    margin-bottom: 15px;
    margin-right: 30px;
}
.wp-caption {
    background: #f5f5f5;
    border: 1px solid #ddd;
    padding: 3px;
    max-width: 100%;
    display: inline-block;
    height: auto;
}
.wp-caption img {
    display: block;
    padding: 0;
    margin: 0;
    width: 100%;
    height: auto;
}
.wp-caption .wp-caption-text {
    display: block;
    margin-top: 3px;
    font-size: 0.8em;
    color: #666;
    padding: 0px 5px;
}



/* ACCORDION SHORTCODE STYLES///////////////////////////////////////// */

.ui-accordion-header {
    margin: 5px 0 0;
    font-size: 14px;
}
.ui-accordion-header a {
    padding: 8px 14px;
    background: #40505a;
    color: #FFF;
    display: block;
    text-decoration: none;
}
.ui-accordion-header.ui-state-active a,
.ui-accordion-header a:hover {
    background-color: #f47920;
}
.ui-accordion-content {
    padding-top: 20px;
    margin-bottom: 30px;
    font-size: 11px;
    color: #798891;
}


/* SLIDER HOME////////////////////////////////////////*/

.slideshow {
    overflow: visible;
    pointer-events: none;
}

.mobile-slideshow {
    overflow: visible;
}


.bx-wrapper .bx-viewport {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: 0;
    left: 0;
    background: none;
}
.bx-wrapper .bx-pager.bx-default-pager a {
    background: none;
    width: 15px;
    height: 15px;
    margin: 0 10px;
    outline: 0;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    border-radius: 7px;
}
.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {
    background:none;
}
.bx-wrapper {
    margin: 0;
}
/* SLIDER CAPTIONS */
.bx-wrapper .bx-caption {
    position: absolute;
    bottom: 0;
    left: 30%;
        width: 29%;
    height:77%; 
    margin-bottom: 5%;
    text-align: center;
    padding-top:3.5%;
    font-weight: 100!important;
}


.bx-wrapper .bx-caption span {
    font-family: 'Kanit', Verdana, Arial, Helvetica, sans-serif;
    display: block;
    font-size: 2.2vw!important;
    font-size:160%;
    line-height: 130%;
    padding: 1em;
    
}

.bx-caption{
  -webkit-clip-path: polygon(25% 5%, 75% 5%, 100% 50%, 75% 95%, 25% 95%, 0% 50%);
  clip-path: polygon(25% 5%, 75% 5%, 100% 50%, 75% 95%, 25% 95%, 0% 50%);
    
}

.bx-wrapper .s1 .bx-caption {
    background: rgb(230,0,14);
    background: linear-gradient(90deg, rgba(230,0,14,1) 0%, rgba(58,14,12,1) 100%); 
    mix-blend-mode: multiply;
}

.bx-wrapper .s2 .bx-caption {
     background: rgb(125,78,219);
     background: linear-gradient(90deg, rgba(125,78,219,1) 0%, rgba(0,184,190,1) 100%); 
    mix-blend-mode: multiply;
}

.bx-wrapper .s3 .bx-caption {
     background: rgb(229,66,83);
     background: linear-gradient(90deg, rgba(199,7,0,1) 0%, rgba(188,21,170,1) 100%);
    mix-blend-mode: multiply;
}

.bx-wrapper .bus-pros .bx-caption {
    background: rgb(198,206,0);
    background: linear-gradient(90deg, rgba(198,206,0) 0%, rgba(5,124,170,1) 100%);  
    mix-blend-mode: multiply;
}

.bx-wrapper .financial-s .bx-caption {
    background: rgb(202,35,133);
    background: linear-gradient(90deg, rgba(202,35,133) 0%, rgba(41,110,228,1) 100%);  
    mix-blend-mode: multiply;
}

.bx-wrapper .blog-s .bx-caption {
    background: rgb(196,2,9);
    background: linear-gradient(90deg, rgba(161,15,151) 0%, rgba(60,60,145,1) 100%);   
    mix-blend-mode: multiply;
}


.bx-wrapper .legal-s .bx-caption {
    background: rgb(196,2,9);
    background: linear-gradient(90deg, rgba(196,2,9) 0%, rgba(229,102,15,1) 100%);     
    mix-blend-mode: multiply;
}





.bx-wrapper .bx-caption span,
.bx-wrapper .bx-caption span b,
.bx-wrapper .bx-caption strong {
    color: #fff;
}
.full-width{
    margin:0;
}


.no-move-slideshow .s1:nth-child(2),
.no-move-slideshow .s2:nth-child(2),
.no-move-slideshow .s3:nth-child(2),
.no-move-slideshow .bus-pros:nth-child(2),
.no-move-slideshow .financial-s:nth-child(2),
.no-move-slideshow .legal-s:nth-child(2),
.no-move-slideshow .blog-s:nth-child(2){
    display:none;
}

.no-move-mobile-slideshow .s1:nth-child(2),
.no-move-mobile-slideshow .s2:nth-child(2),
.no-move-mobile-slideshow .s3:nth-child(2),
.no-move-mobile-slideshow .bus-pros:nth-child(2),
.no-move-mobile-slideshow .financial-s:nth-child(2),
.no-move-mobile-slideshow .legal-s:nth-child(2),
.no-move-mobile-slideshow .blog-s:nth-child(2){
    display:none;
}


.no-move-slideshow {
    overflow: visible;
    pointer-events: none;
}

.no-move-mobile-slideshow {
    overflow: visible;
}

/* MENU STYLES ///////////////////////////////////*/



.branding img{
    margin-top:17px;
    margin-left:40px;
}

.brand-menu-holder{
    background:#eceff1;
    padding-top:8px;
    padding-bottom:8px;
	margin-bottom:0!important;
}

.menu {
    border: none;
    background:none;
    z-index: 600;
    margin-top: 0;
    font-family: 'Rajdhani', Verdana, Arial, Helvetica, sans-serif;
    font-weight: 600;
	text-transform:uppercase;
	letter-spacing:.2px;
    margin-top:.7%;
    margin-left:70px;

}

.menu li {} .edge-nav li a {
    text-shadow: none;
    padding-right:0;
    padding-left:35px;
	text-decoration: none;
    font-size: 0.9em;
    color: #000;
}

.edge-nav li a {
    font-size: 1em;
    font-family: 'Rajdhani', Verdana, Arial, Helvetica, sans-serif;
}


.menu li.current>a,
.menu li.current>a:hover,
.menu li.current.hover>a {

    background:none;

    color: #9d9d9c;
    text-shadow: none;
    cursor: default;
}
.menu li a:hover,
.menu li.hover>a {
    background: none;
    color: #9d9d9c;
}
/* sub menus ///////////////////////////////*/

.menu ul {
    background:#eceff1;
    border: none;
}

.menu li a{
    padding:15px 17px;
}



/* new bit take out if problems with nav ///////////////////////////////*/
.menu ul li a {
    text-align:left;
    line-height:0;
    font-size:0.9em;
}
/* new bit take out if problems with nav END ///////////////////////////////*/

/* sub-sub menus */



.menu li.has-menu span.arrow {
    border-color-top: #000;
    border-color: #000 transparent transparent transparent;
}
/* arrow left */

.menu li li.has-menu span.arrow,
.menu.vertical li.has-menu span.arrow {
    border-color-left: #ccc;
    border-color: transparent transparent transparent #ccc;
}
/* arrow right */

.menu.vertical.right li.has-menu span.arrow {
    border-color-right: #ccc;
    border-color: transparent #ccc transparent transparent;
}
/* dividers */

.menu ul li.divider {
    border-top: 1px solid #ccc;
}
.menu ul li.divider a {
    border-top: 1px solid #fff;
}


/* RESPONSIVE styles ///////////////////////////*/

 .show-on-phone {
    display: none;
}
.hide-on-phone {
    display: block;
}

.icon-reorder{
    display:none!important;
}
@media all and (max-width: 480px) {
     .show-on-phone {
        display: block;
    }
    .hide-on-phone {
        display: none!important;
    }
    .top .space {
        margin-top: 1em;
    }

	
/* MOBILE SLIDER CAPTIONS //////////////// */
    
.bx-wrapper .bx-caption {
    position: absolute;
    bottom: 0;
    left: 0;
        width: 60%;
    height:77%; 
    margin-bottom: 8%;
    text-align: center;
    padding-top:7.5%;
    font-weight: 200!important;
}
	
	.bx-wrapper .bx-caption strong,
	.bx-wrapper .bx-caption b{
    font-weight: 600!important;
}

/*
.bx-wrapper .bx-caption span {
    font-family: 'Kanit', Verdana, Arial, Helvetica, sans-serif;
    display: block;
    font-size: 1.65em;
    font-size:110%;
    line-height: 130%;
    padding: 1em;
    
}
*/
    
    .bx-wrapper .bx-caption span {
    font-family: 'Kanit', Verdana, Arial, Helvetica, sans-serif;
    display: block;
    font-size: 4.45vw!important;
    font-size:160%;
    line-height: 130%;
    padding: 1em;
    
}
	
	
	
	
/* EDGE MENU START ///////////////////////////////////////////*/
	
	    .edge-nav{
        text-align:left;
    }
	    .edge-nav li:hover{
	    opacity: 0.5;
	    filter: alpha(opacity=50); /* For IE8 and earlier */
    }
	/*---------------------------------
		EDGE MENU LEFT (DEFAULT)
	-----------------------------------*/
	[class^="menu-edge"]{
	-moz-transition: 	all 0.5s ease;
	-webkit-transition: all 0.5s ease;
	-o-transition: 		all 0.5s ease;
	transition: 		all 0.5s ease;
	-webkit-backface-visibility: hidden;
	background:#000;
	position:fixed;
	top:0;
	bottom:0;
	right:auto;
	left:0;
	z-index:500;
	width:0;
	color:#fff;
	}
	
	[class^="menu-edge"] .menu-content{
	-moz-transition: 	all 0.5s ease;
	-webkit-transition: all 0.5s ease;
	-o-transition: 		all 0.5s ease;
	transition: 		all 0.5s ease;
	-webkit-backface-visibility: hidden;
	position:absolute;
	top:0;
	right:0;
	bottom:0;
	left:0;
	overflow:scroll;
	/*padding:1em;*/
	margin:1em;
	}
	
	[class^="menu-edge"].open{
	width:300px;
	width:80%;
	}
	
	[class^="menu-edge"] .icon-reorder{
	color:#fff;
	position:absolute;
	top:0;
	left:100%;
	background:#000;
	padding:1em;
	cursor: pointer;
	}
	
	/*---------------------------------
		EDGE MENU TOP
	-----------------------------------*/
	.menu-edge-top{
	top:0;
	right:0;
	bottom:auto;
	left:0;
	width:auto;
	}
	
	.menu-edge-top.open{
	width:auto;
	}
	
	.menu-edge-top .menu-content{
	position:relative;
	margin-top:-100%;
	}
	
	.menu-edge-top .icon-reorder{
	top:100%;
	left:auto;
	right:0;
	bottom:auto;
	}
	
	.menu-edge-top.open .menu-content{
	margin-top:0;
	margin-top:1em;
	}
	
	/*---------------------------------
		EDGE MENU RIGHT
	-----------------------------------*/
	.menu-edge-right{
	top:0;
	right:0;
	bottom:0;
	left:auto;
	}
	
	.menu-edge-right .icon-reorder{
	left:auto;
	right:100%;
	}
	
	/*---------------------------------
		EDGE MENU BOTTOM
	-----------------------------------*/
	.menu-edge-bottom{
	top:auto;
	right:0;
	bottom:0;
	left:0;
	width:auto;
	max-height:90%;
	}
	
	.menu-edge-bottom.open{
	width:auto;
	}
	
	.menu-edge-bottom .icon-reorder{
	top:auto;
	right:auto;
	bottom:100%;
	left:0;
	}
	
	.menu-edge-bottom .menu-content{
	position:relative;
	margin-bottom:-100%;
	}
	
	.menu-edge-bottom.open .menu-content{
	position:relative;
	margin-bottom:0%;
	}
	
	/*---------------------------------
		GRID TRANSITIONS
	-----------------------------------*/

	
	/*---------------------------------
		INNER MENU STYLES
	-----------------------------------*/
	.edge-nav{
	margin:0;
	padding:0;
	}
	
		.edge-nav li{
		display:block;
		list-style-type:none;
		margin:-1px 0 0 0;
		padding:0;
		}
		
		.edge-nav li a{
		display:block;
		text-decoration:none;
		color:#fff;
		line-height:120%;
		padding:1em 1em;
		}
		
		/* submenu */
		.edge-nav ul{
		margin:0 0 0 0;
		padding:0 1em 0 1em;
		background:#000;
		display:none;
		}
		
		.edge-nav ul li a{
		padding:0.5em 1em;
		}
		
			.edge-nav ul ul{
			background:#000;
			}
.edge-nav .menu-item-has-children a:after{
    	font-family: FontAwesome;
		font-weight: normal!important; 
		content: "\f107";
		float:right;
		}
.edge-nav .sub-menu a:after{
    	font-family: FontAwesome;
		font-weight: normal!important; 
		content: ""!important;
		float:right;
		}  
.icon-reorder{
    display:block!important;
}
	.branding img{
        width:50%;
        margin:0 auto;
        margin-bottom:2.5rem;
    }
    .header-contact{
        text-align:right;
    }
/* EDGE MENU END ///////////////////////////////////////////*/
	
	.brand-menu-holder{
    background:transparent;
}
		.telephone{
    text-align: left;
		margin-left:2em;
}
	.notched-panel {
        padding:2em!important;
       
    } 
	
	
}

@media all and (min-width: 480px) and (max-width: 768px) {
     .show-on-phone {
        display: none;
    }
    .hide-on-phone {
        display: none!important;
    }
    .bx-wrapper .bx-caption span {
        font-size: 1em;
        padding: .5em;
    }
	

	
/* MOBILE SLIDER CAPTIONS /////////////*/
	
.bx-wrapper .bx-caption {
    position: absolute;
    bottom: 0;
    left: 0;
        width: 60%;
    height:77%; 
    margin-bottom: 8%;
    text-align: center;
    padding-top:8%;
    font-weight: 100!important;
}
    
    .bx-wrapper .bx-caption span {
    font-family: 'Kanit', Verdana, Arial, Helvetica, sans-serif;
    display: block;
    font-size: 4.35vw!important;
    font-size:160%;
    line-height: 130%;
    padding: 1em;
    
}

/*
.bx-wrapper .bx-caption span {
    font-family: 'Kanit', Verdana, Arial, Helvetica, sans-serif;
    display: block;
    font-size: 1.65em;
    font-size:140%;
    line-height: 130%;
    padding: 1em;
    
}
*/	
	
	
	
	
	
/* EDGE MENU START ///////////////////////////////////////////*/
	
	    .edge-nav{
        text-align:left;
    }
	
	    .edge-nav li:hover{
	    opacity: 0.5;
	    filter: alpha(opacity=50); /* For IE8 and earlier */
    }
	/*---------------------------------
		EDGE MENU LEFT (DEFAULT)
	-----------------------------------*/
	[class^="menu-edge"]{
	-moz-transition: 	all 0.5s ease;
	-webkit-transition: all 0.5s ease;
	-o-transition: 		all 0.5s ease;
	transition: 		all 0.5s ease;
	-webkit-backface-visibility: hidden;
	background:#000;
	position:fixed;
	top:0;
	bottom:0;
	right:auto;
	left:0;
	z-index:500;
	width:0;
	color:#fff;
	}
	
	[class^="menu-edge"] .menu-content{
	-moz-transition: 	all 0.5s ease;
	-webkit-transition: all 0.5s ease;
	-o-transition: 		all 0.5s ease;
	transition: 		all 0.5s ease;
	-webkit-backface-visibility: hidden;
	position:absolute;
	top:0;
	right:0;
	bottom:0;
	left:0;
	overflow:scroll;
	/*padding:1em;*/
	margin:1em;
	}
	
	[class^="menu-edge"].open{
	width:300px;
	width:65%;
	}
	
	[class^="menu-edge"] .icon-reorder{
	color:#fff;
	position:absolute;
	top:0;
	left:100%;
	background:#000;
	padding:1em;
	cursor: pointer;
	}
	
	/*---------------------------------
		EDGE MENU TOP
	-----------------------------------*/
	.menu-edge-top{
	top:0;
	right:0;
	bottom:auto;
	left:0;
	width:auto;
	}
	
	.menu-edge-top.open{
	width:auto;
	}
	
	.menu-edge-top .menu-content{
	position:relative;
	margin-top:-100%;
	}
	
	.menu-edge-top .icon-reorder{
	top:100%;
	left:auto;
	right:0;
	bottom:auto;
	}
	
	.menu-edge-top.open .menu-content{
	margin-top:0;
	margin-top:1em;

	}
	
	/*---------------------------------
		EDGE MENU RIGHT
	-----------------------------------*/
	.menu-edge-right{
	top:0;
	right:0;
	bottom:0;
	left:auto;
	}
	
	.menu-edge-right .icon-reorder{
	left:auto;
	right:100%;
	}
	
	/*---------------------------------
		EDGE MENU BOTTOM
	-----------------------------------*/
	.menu-edge-bottom{
	top:auto;
	right:0;
	bottom:0;
	left:0;
	width:auto;
	max-height:90%;
	}
	
	.menu-edge-bottom.open{
	width:auto;
	}
	
	.menu-edge-bottom .icon-reorder{
	top:auto;
	right:auto;
	bottom:100%;
	left:0;
	}
	
	.menu-edge-bottom .menu-content{
	position:relative;
	margin-bottom:-100%;
	}
	
	.menu-edge-bottom.open .menu-content{
	position:relative;
	margin-bottom:0%;
	}
	
	/*---------------------------------
		GRID TRANSITIONS
	-----------------------------------*/

	
	/*---------------------------------
		INNER MENU STYLES
	-----------------------------------*/
	.edge-nav{
	margin:0;
	padding:0;
	}
	
		.edge-nav li{
		display:block;
		list-style-type:none;
		margin:-1px 0 0 0;
		padding:0;
		}
		
		.edge-nav li a{
		display:block;
		text-decoration:none;
		color:#fff;
		line-height:120%;
		padding:1em 1em;
		}
		
		/* submenu */
		.edge-nav ul{
		margin:0 0 0 0;
		padding:0 1em 0 1em;
		background:#000;
		display:none;
		}
		
		.edge-nav ul li a{
		padding:0.5em 1em;
		}
		
			.edge-nav ul ul{
			background:#000;
			}
.edge-nav .menu-item-has-children a:after{
    	font-family: FontAwesome;
		font-weight: normal!important; 
		content: "\f107";
		float:right;
		}
.edge-nav .sub-menu a:after{
		font-family: FontAwesome;
		font-weight: normal!important; 
		content: ""!important;
		float:right;
		}  
		
/* EDGE MENU END ///////////////////////////////////////////*/
.icon-reorder{
    display:block!important;
}	
	.branding img{
        width:50%;
        margin:0 auto;
        margin-bottom:2.5rem;
    }
    .header-contact{
        text-align:right;
    }
        .brand-menu-holder{
    background:transparent;
}
	
	.telephone{
    text-align: left;
		margin-left:2em;
}
	
.notched-panel {
        background-position: bottom!important;
         background-size: contain!important;
       
    } 
    
.notched-panel .empty-space{
        height:0;
       
    } 
    
.notched-panel {
        padding:2em!important;
       
    } 
    
    .notched-panel-button .button{
        float:right!important;
    }
	

	
}




@media all and (min-width: 768px) and (max-width: 1400px) {
    .show-on-phone {
        display: none;
    }
    .hide-on-phone {
        display: block;
    }
  /*   .bx-wrapper .bx-caption span {
    font-family: 'Kanit', Verdana, Arial, Helvetica, sans-serif;
    display: block;
    font-size: 1.65em;
    font-size:140%;
    line-height: 130%;
    padding: 1em;
    }   */

    
}

/*
@media all and (min-width: 1400px) and (max-width: 2000px) {

    .bx-wrapper .bx-caption span {
    font-family: 'Kanit', Verdana, Arial, Helvetica, sans-serif;
    display: block;
    font-size: 1.65em;
    font-size:200%;
    line-height: 130%;
    padding: 1em;
    }
}

@media all and (min-width: 2000px) and (max-width: 4500px) {

    .bx-wrapper .bx-caption span {
    font-family: 'Kanit', Verdana, Arial, Helvetica, sans-serif;
    display: block;
    font-size: 1.65em;
    font-size:270%;
    line-height: 130%;
    padding: 1em;
    }
}
*/


/* WORDPRESS BLOCKS FULL WIDTH IMAGES STYLES /////////////////////////////////////*/

/*
.alignwide {
    width: calc(100% + 20vw);
    position: relative;
    left: -10vw;
}
*/



/* IMAGE ALIGNMENT 2 styles ///////////////////////////*/

/*
.alignwide {
  /* Set these margins to work with your own theme. */
/*  margin-left: -80px;
  margin-right: -80px;
  max-width: 100vw!important;
}

.alignfull {
  margin-left: calc(-100vw / 2 + 100% / 2);
  margin-right: calc(-100vw / 2 + 100% / 2);
  max-width: 100vw!important;
}

.alignfull img {
  width: 100vw!important;
}
*/


/* IMAGE ALIGNMENT styles ///////////////////////////*/

/* 
.alignwide {
        margin-left  : -80px!important;
        margin-right : -80px!important;
    }
.alignfull {
        margin-left  : calc( -100vw / 2 + 100% / 2 )!important;
        margin-right : calc( -100vw / 2 + 100% / 2 )!important;
        max-width    : 100vw!important;
    }
    .alignfull img {
        width: 100vw!important;
    }
*/

/* IMAGE ALIGNMENT styles ///////////////////////////*/

/* image needs alignfull and aligncenter classes to work */
/*
.alignfull {
	width: 100vw;
	position: relative;
	left: 50%;
	right: 50%;
	margin-left: -50vw;
	margin-right: -50vw;
	text-align: center;
}

.alignfull img {
	width: 100%;
}


.alignwide,
.aligncenter {
	text-align: center;
}

*/