/* COCONUT COMMUNICATIONS */


body {

	font-family: "myriad-pro",sans-serif;
	font-style: normal;
	font-weight: 300;
	width: 100%;
	margin: 0;
	font-size: 12pt;
	padding: 0;	
	line-height: 1.4;
	color: #2d2840;
	/*background-color: #fafafa;*/


}

.contact-list {
	list-style: none;
	line-height: 2;
	margin: 0; padding: 0;
}

.col33 {
	width: 33.3%;
	padding:1em;
	width: -webkit-calc(100% / 3); /* Chrome 19 and above */
    width:    -moz-calc(100% / 3); /* Firefox 4 and above */
    width:         calc(100% / 3); /* IE 9 and above */
    float: left;
    width: 33.3%;

}

 .mobile-only {
	display: none;
}

@media (max-width: 650px) {
    .mobile-only {
    	display: inline-block;
    }
  }

 
.page-content .col33:nth-child(3n) {
	padding-right: 0;
	-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;

}

.col33:nth-child(3n+1) {
	padding-left: 0;
	-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;

}

.clear {
	clear: both;
}

.col50 {
	float: left; width: 50%; 
	padding:1em;
	text-align: left;
	  -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;


}

.three-grid * {
 -moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}

ul.contact-list, li.contact-list {
	margin: 0; padding: 0;
}

.col50:nth-of-type(odd) {
	padding-left: 0;
}

.col50:nth-of-type(even) {
	padding-right: 0;
}

.contact-list img {
	vertical-align: middle;
}

a img:hover {

	position: relative;
}

a:hover {

	position: relative;
}

a:visited, a {

	color: #2d2840;
	position: relative;
}

a img {

	position: relative;
}

.wrapper {

	max-width: 1050px;
	margin: 0 auto;
	padding: 25px;
}

.video-container {
    position: relative;
    margin-top: 30px;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
}
 
.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover;
}

.left-col {
	float: left;
	width: 20%;
	margin-top: 15px;
	margin-right: 4%;
}

video {
	max-width: 100%;
	width: 100%;
}

.page-content .social-media-share li {
	display: block;
	list-style-type: none;
	display: inline-block;
}



.social-media-share li {

display: inline-block;
margin-left: 5px;
}

.social-media-share li:first-child {

	position:relative; bottom: 5px;
	margin-left: 0; }

	.social-media-share li:last-child {

	margin-left: 0; }

ul.social-media-share {

	margin: 10px auto;
	padding: 0;
	-webkit-transform: translateZ(0);
}


.youtube-footer {

	 text-align: center; 
	 display: block; 
	 margin: 0 auto;  
	 position: relative; 
	 left: 25px;
}

#twitter-widget-0 {

	margin-right: 0;
}

.right-col {

	float: left;
	width: 70%;
	margin-bottom: 25px;
	border-style: solid;
	border-width: 0px 0px 2px 1px;
	-moz-border-image: url(images/stroke-v.png) 0 0 0 1 stretch;
	-webkit-border-image: url(images/stroke-v.png) 0 0 0 1 stretch;
	-o-border-image: url(images/stroke-v.png) 0 0 0 1 stretch;
	border-image: url(images/stroke-v.png) 0 0 0 1 stretch;
	padding-left: 2.5%;

}

.sm {

text-align: center;
border-style: solid;
	border-width: 1px 0px;
	-moz-border-image: url(images/stroke.png) 1 0 47 stretch;
	-webkit-border-image: url(images/stroke.png) 1 0 47 stretch;
	-o-border-image: url(images/stroke.png) 1 0 47 stretch;
	border-image: url(images/stroke.png) 1 0 47 stretch;
	padding: 10px 0;
	-webkit-transform: translateZ(0);

}

.sm a {

text-decoration: none;

}

.sm p {

	margin-top: 0;
}



td {

	padding: 0 0 25px 25px ;
}

tr td:first-child {

	padding-left: 0;
}

tbody {

	vertical-align: top;
}

tbody img {

	max-width: 350px;
}

td {

	vertical-align: top;
}

.block {

	display: block;
	width: 100%;
	/*background-color: orange;*/
}

.block-paragraphs, .block img {
	display: inline-block;
}

.h1, .h2, .h3 {
	display: inline;
	font-style: normal;
	font-weight: 600;
	font-size: 120%;
}

h2, h3 {

	display: inline;
	font-style: normal;
	font-weight: 600;
	font-size: 120%;

}

h6 {

	font-size: 100%;
	font-style: normal;
	font-weight: 600;
	margin-top: 0;
	padding-top: 0;
}

b, strong, .current_page_item, .page-title  {

font-style: normal;
font-weight: 400;

}

.page-title {
	margin-top: 39px;
}

i {

	font-family: "myriad-pro",sans-serif;
font-style: italic;
font-weight: 300;
}

h4 {

	font-family: "myriad-pro",sans-serif;
	font-style: normal;
	font-weight: 300;
	margin: 25px 0;
	font-size: 140%;
}

.logo {

	margin-bottom: 25px;
	margin-bottom: 15px;
}

.home .page-title {

	width: 100%;
	margin-top: 15px;
	margin-bottom: 25px;
	padding: 15px 0;
	position: relative;
	border-style: solid;
	line-height: 1.4;
	border-width: 1px 0px 1px;
	-moz-border-image: url(images/stroke.png) 1 0 47 stretch;
	-webkit-border-image: url(images/stroke.png) 1 0 47 stretch;
	-o-border-image: url(images/stroke.png) 1 0 47 stretch;
	border-image: url(images/stroke.png) 1 0 47 stretch;
}

.add-bottom-border {

	border-style: solid;
	padding-bottom: 25px;
	line-height: 1.4;
	border-width: 0 0 1px 0;
	-moz-border-image:url(images/stroke.png) 1 0 47 stretch;
	-webkit-border-image: url(images/stroke.png) 1 0 47 stretch;
	-o-border-image: urblockl(images/stroke.png) 1 0 47 stretch;
	border-image: url(images/stroke.png) 1 0 47 stretch;
	margin-bottom: 25px;

}

.animating-text  {

/*	background-image:url(images/q_reveals_03.gif);
	height: 167px;
	background-repeat:no-repeat;*/
/*	display: block;*/
/*	max-width: 100%;*/
padding-left: 0;
padding-right: 0;
padding-bottom: 25px;
margin-bottom: 25px;
border-style: solid;
		border-width: 0 0 1px 0;
	-moz-border-image: url(images/stroke.png) 1 0 47 stretch;
	-webkit-border-image: url(images/stroke.png) 1 0 47 stretch;
	-o-border-image: url(images/stroke.png) 1 0 47 stretch;
	border-image: url(images/stroke.png) 1 0 47 stretch;
}

.page-title {

	width: 100%;
	font-size: 140%;
	margin-bottom: 25px;
	padding: 15px 0;
	position: relative;
	border-style: solid;
	line-height: 1.4;
	border-width: 0px 0px 1px;
	-moz-border-image: url(images/stroke.png) 1 0 47 stretch;
	-webkit-border-image: url(images/stroke.png) 1 0 47 stretch;
	-o-border-image: url(images/stroke.png) 1 0 47 stretch;
	border-image: url(images/stroke.png) 1 0 47 stretch;
}

.page-content {

margin-bottom: 15px;
/*overflow: auto;*/

}

.footer .strap-line {

	color: #7b60be;
	margin: 25px auto;
	text-align: center;
	border-style: solid;
	border-width: 1px 0px 1px;
	-moz-border-image: url(images/stroke.png) 1 0 47 stretch;
	-webkit-border-image: url(images/stroke.png) 1 0 47 stretch;
	-o-border-image: url(images/stroke.png) 1 0 47 stretch;
	border-image: url(images/stroke.png) 1 0 47 stretch;
	font-size: 100%;

}

.side-bar {

	display: none;
}

.home .side-bar {

	display: block;
}

.col-25 {

	float: left;
	width: 33%;
}

p {

	margin: 15px 0;
	padding: 0;
}

.bottom-nav a {

	font-size: 9.5pt;
	text-decoration: none;
	display: block;
	margin: 0 0 15px 0;
	color: #2d2840;
	text-align: center;
}

.left-nav {

	list-style-type: none;
	margin: 0; padding: 0;
}

.left-nav li {

	padding: 15px 0;
	border-width: 1px 0px 0px 0px;
	border-style: solid;
	-moz-border-image: url(images/stroke.png) 1 0 47 stretch;
	-webkit-border-image: url(images/stroke.png) 1 0 47 stretch;
	-o-border-image: url(images/stroke.png) 1 0 47 stretch;
	border-image: url(images/stroke.png) 1 0 47 stretch;
	margin: 0;
	line-height: 1.3;
}

.social-media-share {

	margin: 15px auto;
	text-align: center;
}

#twitter-widget-0 {

	margin-right: 10px;
}

.page-child {


}

.sub-menu li {

	padding-left: 15%;
}

.left-nav .sub-menu li:last-child {

	padding-top: 15px;
	padding-bottom: 0;
}

ul.sub-menu {

	margin-top: 15px;
}
/*li:last-child {

		border-width: 1px 0px 1px 0px;
	-moz-border-image: url(images/stroke.png) 1 0 47 stretch;
	-webkit-border-image: url(images/stroke.png) 1 0 47 stretch;
	-o-border-image: url(images/stroke.png) 1 0 47 stretch;
	border-image: url(images/stroke.png) 1 0 47 stretch;
}*/

.clearfix:after { 
   content: "."; 
   visibility: hidden; 
   display: block; 
   height: 0; 
   clear: both;
}
.left-col ul {

	margin: 15px 0 0 0;
	padding: 0;
	list-style-type: none;
}

img {
	max-width: 100%;
	height: auto;
	text-align: center;
	margin: 0 auto;
}


/*.services {

	margin: 25px 0;
}*/
.sub-menu {

	margin-top: 15px;
}

.page-child .sub-menu {

	display: block;
}

.sub-menu {

	display: none;
}

a.quote-box {

	background-color: #2b263d;
	border-radius: 8px;

font-weight: 300;
	color: white;
	text-decoration: none;
	width: 100%;
	display: block;
	font-size: 140%;
	margin: 25px auto;
	padding: 12px 0;
	text-align: center;
	letter-spacing: 1px;
	border: 1px solid #000;
	background: -webkit-linear-gradient(#49465d, #2b263d);
	background: -moz-linear-gradient(#49465d, #2b263d);
	background: -ms-linear-gradient(#49465d, #2b263d);
	background: -o-linear-gradient(#49465d, #2b263d);
	background: linear-gradient(#49465d, #2b263d);


}

.side-box p > img {

	margin: 10px auto;
	text-align: center;
}

.side-bar .side-box {

		border-width: 0 0 1px 0px;
		border-style: solid;
	-moz-border-image: url(images/stroke.png) 1 0 47 stretch;
	-webkit-border-image: url(images/stroke.png) 1 0 47 stretch;
	-o-border-image: url(images/stroke.png) 1 0 47 stretch;
	border-image: url(images/stroke.png) 1 0 47 stretch;


}

.side-bar .side-box:last-child {

		border-width: 0px 0px 1px 0px;
		border-style: solid;
	-moz-border-image: url(images/stroke.png) 1 0 47 stretch;
	-webkit-border-image: url(images/stroke.png) 1 0 47 stretch;
	-o-border-image: url(images/stroke.png) 1 0 47 stretch;
	border-image: url(images/stroke.png) 1 0 47 stretch;


}

.side-box {

	font-size: 80%;
	line-height: 1.3;
border-style: solid;
	border-width: 1px 0 0px 1px;
	-moz-border-image: url(images/stroke.png) 1 0 47 stretch;
	-webkit-border-image: url(images/stroke.png) 1 0 47 stretch;
	-o-border-image: url(images/stroke.png) 1 0 47 stretch;
	border-image: url(images/stroke.png) 1 0 47 stretch;
}

.left-nav a, .side-tel a .left-nav a:visited, .side-tel a:visited {

	color: #000;
	text-decoration: none;

}

a {

	 
   -moz-transition: opacity .25s ease-in-out;
   -webkit-transition: opacity .25s ease-in-out;
   -webkit-backface-visibility: hidden;
   position: relative;
}

a:hover {

	opacity: 0.8;
	-webkit-backface-visibility: hidden;
}

li.menu-mobile {

	display: none;
}

li.menu-mobile ~ li {

	display: block;
}

li.menu-mobile {

	display: none;
}


	/*FOOTER NAV */

	.footer-nav {

		text-align: center;
		margin: 25px auto;
	}

.footer-nav ul {
    
    list-style-type: none;
    display: block;
    padding: 0;
    margin: 0;
    width: 100%;
}

.footer-nav li {
    
display: inline-block;
width: 23%;
line-height: 1.5;
font-size: 14px;
}

.footer-nav li a {

	text-decoration: none;
}

.bottom-nav a {
	float: left;
width: 33%;
}


@media all and (max-width: 875px) {

	body {

		font-size: 80%;
	}

	.side-box {

		font-size: 95%;
	}


}

@media all and (max-width: 575px) {

.column-grid-2 .column-span-1, .column-grid-3 .column-span-1, .col20, .col25, .col30, .col50 {
	
width: 100% !important;
}

.three-grid .col33 {
	width: 100%;
}

#menu-item-549 > a {
font-weight: 700;
font-size: 125%;
}

.animating-text {

padding-left: 10px;
padding-right: 10px;


}

tbody img {

	max-width: 100%;
}


	.left-col {

		width: 100%;
		float: none;
	}



	.page-title {

		border: none;
	}

	.home .page-title {

		border-width: 0px 0px 1px 0px;
		border-style: solid;
	}

	.sm img {

		display: inline-block;
	}

	.right-col {

		float: none;
		width: 100%;
		border: none;
		margin-bottom: 0;
		padding-left: 0;
	}

	.left-nav {

		text-align: center;
	}

	.page-title {

		font-size: 13pt;
	}

	.page .page-title {

		margin-top: 40px;
	}

	img {

		display: block;
	}

	a.quote-box {
		width: 300px;
	}


.logo {

	margin-bottom:25px;
}

.col-25 {

display: block;
width: 100%;

}

.side-box {

display: none;

}

.side-tel {
	display: block;
	text-align: center;
}

.page-title {
margin: 0;
padding: 15px 0;
border-style: none;


}


.left-nav > li {

	padding: 7px 7px 7px 0;
	border-width: 0px 0px 1px;
	border-style: solid;
	line-height: 1;
}

.left-nav li:last-child {

		border-width: 1px 0 0 0;
		border-style: solid;
	-moz-border-image: url(images/stroke.png) 1 0 47 stretch;
	-webkit-border-image: url(images/stroke.png) 1 0 47 stretch;
	-o-border-image: url(images/stroke.png) 1 0 47 stretch;
	border-image: url(images/stroke.png) 1 0 47 stretch;
}

.home .page-title, .page .page-title {

	margin-top: 0;
}

li.menu-mobile {

	display: block;
}

li.menu-mobile ~ li {

	display: none;
}


/*
#menu-menu-1 li .sub-menu ul {

	display: block;
}

.sevices li {

	display: block;
}

#menu-menu-1 li.menu-mobile {

	display: block;
}*/

.sub-menu li {

	padding-left: 0%;
}

td {

	float: left;
	padding-left: 0;
	width: 100%;
}


.bottom-nav a {
font-size: 10pt;
margin: 0 0 10px 0;
float: none;
width: 100%;
display: block;
}

.youtube-footer {

	 text-align: center; 
	 display: block; 
	 margin: 0 auto;  
	 position: relative; 
	 left: 2px;
}

.social-media-share li:first-child {

	position:relative; bottom: 5px;  left: 10px;
	display: block; margin-bottom: 15px;  margin-top: 25px;



}

.sub-menu {
	display: block;
}

#menu-item-139 {
margin-top: 0;
padding-top: 0;
border: none;
}

#menu-item-139 > ul {
margin: 0;
padding: 0;
}

#menu-item-139 > a {
display: none;
padding: 0;
margin: 0;
}

}




/* ==========================================================================
   ADDITIONS
   ========================================================================== */

.side-tel {
	padding-top: 15px;
}

.side-tel a {
	text-decoration: none;
	font-size: 12pt;
}

/* ==========================================================================
   CUSTOM - Kalo 14Feb17
   ========================================================================== */
#gform_wrapper_1 {
	max-width: 70%;
	margin-top: 0;
}
@media screen and (min-width: 640px) {
#field_1_1,
#field_1_2 {
	width: 50%;
	float: left;
	clear: none;
	margin-top: 0;
}
}

#input_1_1,
#input_1_2 {
	margin-top: 0;
}
.ginput_container input {
	border: 1px solid #7b60be;
	border-radius: 10px;
	color: #555;
	padding: 10px 4px !important;
}
.ginput_container input:focus,
.ginput_container input:active {
	border-color: #49465d;
}
#gform_wrapper_1 .gform_footer {
	margin: 0 0 25px;
}
#gform_wrapper_1 .gform_footer input.button {
    background: #7b60be;
    border: none;
    padding: 10px 20px;
    color: #fff;
    width: 97%;
    border-radius: 10px;
}
#gform_confirmation_message_1 {
	padding: 10px;
	background: #ccfdd9;
	border-top: 1px solid #15bd40;
	border-bottom: 1px solid #15bd40;
}

@media only screen and (min-width: 321px) {
	.home iframe {
		/*height: 413px;*/
		width: 100%;
	}
}

@media only screen and (min-width: 769px) {
    .page-id-75 .col50 > p {
        min-height:180px;
    }
}

.page-title--new {
	text-align: center;
}
@media only screen and (max-width: 575px) {
	.home .page-title.page-title--new {
		margin-top: -25px;
	}
}

/* Webinars Page */
.page-id-823 .add-mg-btm li {
    margin-bottom: 1rem;
}


.p {
	font-family: "myriad-pro",sans-serif;
	font-style: normal;
	font-weight: 300;
	line-height: 1.4;
	color: #2d2840;
}

/* New video dev June 2025 */
.video-img {
	position: relative;
}
.video-img__play {
	width: 45px;
	height: 45px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	z-index: 2;
}
.video-img__play svg {
	width: auto;
	height: auto;
}

.modal {
    display: none; 
    position: fixed;
    z-index: 1000;
    left: 0; top: 0;
    width: 100%; 
    height: 100%;
    overflow: auto;
    background-color: rgba(44,40,63,0.9);
}

.modal-content {
	width: 100%;
	max-width: 975px;
    position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
    padding: 20px;
    background: white;
    border-radius: 8px;
}
.modal-content__header {
	margin-top: 0;
}

.close {
    position: absolute;
    top: 10px;
    right: 20px;
    font-size: 28px;
    font-weight: bold;
    color: #000;
    cursor: pointer;
}

@media screen and (max-width: 1080px) {
	.modal-content {
		max-width: 85%;
	}
}
@media screen and (max-width: 900px) {
    .modal-content {
        padding: 1rem;
    }
    .modal-content .video-container {
   		margin-top: 15px;
  	}
    .close {
        font-size: 24px;
        right: 10px;
        top: 10px;
    }
}

@media only screen and (max-width: 900px) and (orientation: landscape) {
   .modal-content {
   		height: 85%;
   }
   .modal-content .video-container {
   		padding-bottom: 0;
   		height: 86.7%;
   }
}