/*
Theme Name: Everplex Media
Theme URI: https://everplexmedia.com/
Description: Everplex
Author: Everplex Media LLC
Author URI: https://everplexmedia.com/
Version: 1.0.0
*/

/* basics */

@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,700');

* {
	margin:0;
	padding:0;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

html, body {
	height: 100%;
}

img {
	border: none;
}

body {
	background:#ececec;
	font-family: "TR Avalon", Verdana, Tahoma, Arial;
	font-size: 14px;
	margin: 0 auto;
	width: 100%;
	height: 100%;
}


body, input, textarea {
	color: #111;
    font-family: "Open Sans";
}

/* Headings */
h1, h2, h3 {
	color: #000;
	font-family: "TR Avalon", Verdana, Tahoma, Arial;
	font-weight: bold;
	text-rendering: optimizelegibility;
}
.entry-content h1, 
.entry-content h2, 
.entry-content h3 {
	padding-bottom: 20px;
}

hr {
	background-color: #ccc;
	border: 0;
	height: 1px;
	margin-bottom: 1.7em;
}

/* Text elements */
@font-face {
	font-family: "TR Avalon";
	src: url(https://everplexmedia.com/fonts/tr-avalon.ttf) format("truetype");
}
p.customfont { 
	font-family: "TR Avalon", Verdana, Tahoma, Arial;
}

p {
	margin-bottom: 12px;
}


ul, ol {
	margin: 0 0 1.7em 2.5em;
}
ul {
	list-style: square;
}
ol {
	list-style-type: decimal;
}
ol ol {
	list-style: upper-alpha;
}
ol ol ol {
	list-style: lower-roman;
}
ol ol ol ol {
	list-style: lower-alpha;
}
ul ul, ol ol, ul ol, ol ul {
	margin-bottom: 0;
}
dl {
	margin: 0 1.7em;
}
dt {
	font-weight: bold;
}
dd {
	margin-bottom: 1.7em;
}
strong {
	font-weight: bold;
}
cite, em, i {
	font-style: italic;
}
blockquote {
	font-style: italic;
	margin: 0 30px 1.7em;
}
pre {
	background: #f4f4f4;
	font: 13px "Courier 10 Pitch",Courier,monospace;
	line-height: 1.7;
	margin-bottom: 1.7em;
	padding: 0.85em 1.7em;
}
code {
	font: 12px Monaco,Consolas,"Andale Mono","DejaVu Sans Mono",monospace;
}
abbr, acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}
ins {
	background: #fff9c0;
	text-decoration: none;
}
sup,
sub {
	font-size: 10px;
	height: 0;
	line-height: 1;
	position: relative;
	vertical-align: baseline;
}
sup {
	bottom: 1ex;
}
sub {
	top: .5ex;
}
input[type="text"],
textarea {
	background: #f9f9f9;
	border: 1px solid #ccc;
	padding: 2px;
}
textarea {
	padding-left: 3px;
	width: 98%;
}
input[type=text] {
	padding: 3px;
}

/* Links */
a{color:#0066cc; text-decoration:none;}

a:hover{text-decoration: none; color:#000;}


/* container */


#wrapper {
	width:100%;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto;
	background: #e2e2e2;
}

.simple-page {
	width: 960px;
	margin: 0 auto;
	padding: 50px 0 100px 100px;
}
	
/* header */

#header {
	height: 100px;
	background: url(https://everplexmedia.com/images/images/header-bg.webp) no-repeat;
	position: relative;
	z-index: 99999;
	top: 0;
	margin: 0;
	padding: 0;
	}

#header h1{
	color: #111;
	font-size: 30px;
	}
	
#header h1 a{}
#header h1 a:hover{}


#header h2{
	font-family: "TR Avalon", Verdana, Tahoma, Arial;
	margin-bottom:20px;
	}

#logo {
	float:left;
	width: 289px;
	height: 75px;
    margin-top: 3px;
	margin-left: 0;
	background: url(https://everplexmedia.com/images/new-logo.webp) no-repeat;
	background-size: contain;
}

#logo img {
}

#headersearch{
	float:right;
}

/* INDEX HEAD */

#head-left {
	float: left;
	height: 417px;
	position: relative;
	z-index: 999;
}

#head-right {
	float: right;
	width: 723px;
	height: 417px;
	position: relative;
	z-index: 9999;
	background: url(https://everplexmedia.com/images/images/images-bg.webp) no-repeat;
	margin-left: 227px;
	margin: -59px 30px 0 227px;
}

/* menu */

.menu-header {
	float: right;
	margin-right: 50px;
	margin-top: 10px;
	text-transform: uppercase;
	font-size: 14px;
}

#access {
	display: block;
	float: left;
	margin: 0 auto;
	padding:0;
	width: 100%;
}

#access .menu-header ul,
div.menu ul {
	list-style: none;
	margin: 0;
	padding:0;
}
#access .menu-header li,
div.menu li {
	float: left;
	position: relative;
	margin:0;
	padding:0 10px 0 0;
}
#access ul li a {
	display:block;
	text-decoration: none;
}

#access ul ul {
	display: none;
	position: absolute;
	top: 15px;
	left: 0;
	float: left;
	width: 30%;
	z-index: 99999;
}
#access ul ul li {
	min-width: 30%;
	padding:0 !important;
	margin:0 !important;
}
#access ul ul ul {
	left: 100%;
	top: 0;
}

#access ul ul ul li{
	top: 0;
	padding:0 !important;
	margin:0 !important;
}
#access ul ul.sub-menu li a {
	background: #fff;
	padding:4px;
}

#access ul ul.sub-menu li a:hover {
}

#access ul li:hover > ul {
	display: block;
}
#access ul li.current_page_item > a,
#access ul li.current-menu-ancestor > a,
#access ul li.current-menu-item > a,
#access ul li.current-menu-parent > a {
	color: #000;
}

li {
	/* background:url(https://everplexmedia.com/wp-content/uploads/2012/08/bullet.webp) 0px 5px no-repeat; */
	padding-left: 20px;
	padding-bottom: 10px;
	list-style: none;
	line-height: 20px;
}

/* content */

#content-container {
	width: 100%;
	float: left;
}
#content-container.full-width {
	width: 100%;
}

.sticky{
}

.post {
	margin-bottom:20px;
	padding:0;
	}
	
.pagetitle{
	/* font: normal 18px "TR Avalon", Verdana, Tahoma, Arial; */
    font-family: "Open Sans";
	}

#content {
    margin-top: 97px;
}
	
#content h2, .entry-meta, .entry-utility {
	font: normal 12px "TR Avalon", Verdana, Tahoma, Arial;
    /* font-family: "Open Sans"; */
}

.entry-content p{}

.postmetadata{
	clear: both;
	padding:6px 0;
	margin: 20px 0;
	}
	
/* NAVIGATION */
.navigation {
	overflow: hidden;
}

.nav-previous {
	float: left;
	width: 50%;
}
.nav-next {
	float: right;
	text-align: right;
	width: 50%;
}
#nav-above {
}
#nav-above,
.single #nav-below {
	display: none;
}
.paged #nav-above,
.single #nav-above {
	display: block;
}

/* TOP MENU */
	#nav-toggle {
		display: none;
		text-align: center;
		height: 50px;
	}
	#nav-toggle span {
		display: inline-block;
		color: white;
		cursor: pointer;
	}
	#nav-toggle span:after {
	}
	#nav-toggle span:hover {
	}
	#nav-toggle span.open:after {
		border-left: solid 10px transparent;
		border-top: none;
		border-bottom: solid 10px #fff;
		border-right: solid 10px transparent; 
	}
	nav#nav-main ul {
		list-style-type: none;
		text-align: center; 
	}
	nav#nav-main li {
		display: inline-block;
	}
		nav#nav-main li:last-child {
		border-right: none; 
	}
	nav#nav-main a {
		display: block;
		color: white;
	}
	nav#nav-main a:hover {
		/* background-color: rgba(0,0,0,0.3);
		color: #fff; */
	}

	nav#nav-mobile {
		position: relative;
		display: none; 
	}
	nav#nav-mobile ul {
		display: none;
        list-style-type: none;
        position: absolute;
        top: 30px;
        right: 10px;
        text-align: center;
        z-index: 9999999;
        background: rgba(0,0,0,0.8);
        width: 250px;
	    padding-top: 5px;
	}
	nav#nav-mobile li {
		display: block;
	}
	nav#nav-mobile li:last-child {
		border-bottom: none; 
	}
	nav#nav-mobile a {
		display: block;
		color: white;
		padding: 10px 30px; 
	}
	nav#nav-mobile a:hover {
		background-color: rgba(73,160,16,1); /* #1b86da; */
		color: #fff; 
	}
	
	/* ANIMATE ICON */
    .animate-icon {
    	width: 25px;
    	height: 25px;
    }
    
    .animate-icon:hover {
      cursor: pointer;
    }
    
    .animate-icon span:after,
    .animate-icon span:before {
    	content: "";
    	position: absolute;
    	left: 0;
    	top: 9px;
    }
    
    .animate-icon span:after {
    	top: 18px;
    }
    
    .animate-icon span {
    	position: relative;
    	display: block;
    }
    
    .animate-icon span,
    .animate-icon span:after,
    .animate-icon span:before {
    	width: 100%;
    	height: 2px;
    	background-color: #fff;
    	transition: all 0.3s;
    	backface-visibility: hidden;
    	border-radius: 2px;
    }
    
    .animate-icon.open span {
    	background-color: transparent;
    }
    
    .animate-icon.open span:before {
    	transform: rotate(45deg) translate(-1px, 0px);
    }
    
    .animate-icon.open span:after {
    	transform: rotate(-45deg) translate(6px, -7px);
    }


/* Alignment */
.alignleft {
	display: inline;
	float: left;
	margin-right: 11px;
}
.alignright {
	display: inline;
	float: right;
	margin-left: 11px;
}
.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

/* Widgets */

#sidebar{
	float: right;
	width: 300px;
	padding-top: 25px;
}

#text-1, #text-2, #text-3, #text-4, .widget-container {
	background: none;
}

.widget-area {
	overflow: hidden;
}
.widget-area,
.widget-area input {
	line-height: 18px;
}
.widget-area ul ul a {
	text-decoration: none;
}
.widget-area ul ul a:hover {
	text-decoration: none;
}
.widget-area ul {
	list-style: none;
	margin: 0 !important;
}
.widget-area ul ul {
	list-style: none;
}
.widget-area ul ul ul {
	margin: 0;
}
.widget-area ul ul li {
	padding: 2px 0;
}
.widget-title {
}
.widget-title a{
	color: #111 !important;
}
.widget-container {
	margin: 35px 0 1.5em 0;
}


	




/* Calendar Widget */
#wp-calendar {
	width: 100%;
}
#wp-calendar caption {
	font: 18px "TR Avalon", Verdana, Tahoma, Arial;
	font-weight: bold;
	text-align: left;
	padding: 0 2px 6px;
}
#wp-calendar th {
	color: #888;
	font-size: 11px;
	text-align: center;
}
#wp-calendar tbody td {
	text-align: center;
}
#wp-calendar tfoot td {
	padding-top: .2em;
}
#wp-calendar tfoot #next {
	text-align: right;
}
#wp-calendar tbody a {
	text-decoration: underline;
}
#wp-calendar a:visited {
	color: #0060ff;
}
#wp-calendar a:visited:hover {
	color: #df0000;
}

/* Flickr Widget (WP.com) */
#flickr_badge_wrapper {
	background-color: transparent !important;
	border: none !important;
}

/* Cloud Widgets */
.wp_widget_tag_cloud div,
.widget_tag_cloud div {
	line-height: 1.7em;
	padding: 0.2em 0;
}


/* Comments */


#comments {
	word-wrap: break-word;
}
#comments h3 {
	font-family: "TR Avalon", Verdana, Tahoma, Arial;
	font-size: 13px;
	font-weight: bold;
	letter-spacing: 0.025em;
	margin: 0 0 8px 0;
	padding: 2px;
}
#comments ol {
	list-style: none;
	margin-left: 0;
}
#comments ul {
	list-style: none;
	margin-left: 0.425em;
}
#comments li {
	position: relative;
}
#comments li.pingback {
	background: #eee;
	margin: 0 0 1.7em;
	padding: 0.85em;
}
#comments li.pingback + li.pingback {
	margin-top: -1.65em;
}
#comments li.pingback p {
	font: normal 12px "TR Avalon", Verdana, Tahoma, Arial;
	margin: 0;
}
#comments ul li {
	border-bottom: none;
	margin: 14px 0 0 0.85em;
}
#comments .comment-author {
	margin: 0 0 0.85em 66px;
}
#comments .comment-author cite {
	font-size: 13px;
	font-style: normal;
	font-weight: bold;
}
#comments .comment-meta,
#comments .comment-meta a {
	color: #888;
	font: 12px "TR Avalon", Verdana, Tahoma, Arial;
}
#comments .comment-meta a:hover {
	color: #df0000;
}
#comments .gravreply {
	padding:0;
	position: absolute;
	top: 14px;
	left: 0;
	width:50px;
	height:175px;
}
.comment-reply-link{
	position:absolute;
	top:45px;
	width:42px;
	height:20px;
	text-align:center;
	font-size:11px;
	color:#6D6D6D;
	line-height:22px;
	}
#comments .avatar {
	position: absolute;
	top: 0;
	left: 0;
}
#comments .comment-body {
	margin-left: 66px;
}
#respond input[type=text] {
	float: left;
	margin: 0 10px 0 0;
}
#respond .comment-form-comment {
	margin: 0;
}
#respond .comment-form-comment label {
	display: none;
}
#respond .form-allowed-tags {
	color: #888;
	font-size: 12px;
}
#respond .form-allowed-tags code {
	font-size: 11px;
}

.comment{
	border-bottom:1px solid #e3e3e3;
	padding:14px 0;
	}

/* Post author highlighting */
.commentlist > li.bypostauthor {
	background: #ddd;
	border-color: #d3d3d3;
}

/* Images */
.entry-content img,
.comment-content img,
.widget img {
	max-width: 97.5%; /* Fluid images for posts, comments, and widgets */
}
img[class*="align"],
img[class*="wp-image-"] {
	height: auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */
}
img.size-full {
	max-width: 97.5%;
	width: auto; /* Prevent stretching of full-size images with height and width attributes in IE8 */
}
.entry-content img.wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}
img.alignleft,
img.alignright,
img.aligncenter {
	margin-bottom: 1.625em;
}
p img,
.wp-caption {
	margin-top: 0.4em;
}
.wp-caption {
	background: #eee;
	margin-bottom: 1.625em;
	max-width: 96%;
	padding: 9px;
}
.wp-caption img {
	display: block;
	margin: 0 auto;
	max-width: 98%;
}
.wp-caption .wp-caption-text,
.gallery-caption {
	color: #666;
	font-family: "TR Avalon", Verdana, Tahoma, Arial;
	font-size: 12px;
}
.wp-caption .wp-caption-text {
	margin-bottom: 0.6em;
	padding: 10px 0 5px 40px;
	position: relative;
}
.wp-caption .wp-caption-text:before {
	color: #666;
	content: '\2014';
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	margin-right: 5px;
	position: absolute;
	left: 10px;
	top: 7px;
}
#content .gallery {
	margin: 0 auto 1.625em;
}
#content .gallery a img {
	border: none;
}
img#wpstats {
	display: block;
	margin: 0 auto 1.625em;
}
#content .gallery-columns-4 .gallery-item {
	width: 23%;
	padding-right: 2%;
}
#content .gallery-columns-4 .gallery-item img {
	width: 100%;
	height: auto;
}


/* Image borders */
img[class*="align"],
img[class*="wp-image-"],
#content .gallery .gallery-icon img {/* Add fancy borders to all WordPress-added images but not things like badges and icons and the like */
	border: 1px solid #ddd;
	padding: 6px;
}
.wp-caption img {
	border-color: #eee;
}
a:focus img[class*="align"],
a:hover img[class*="align"],
a:active img[class*="align"],
a:focus img[class*="wp-image-"],
a:hover img[class*="wp-image-"],
a:active img[class*="wp-image-"],
#content .gallery .gallery-icon a:focus img,
#content .gallery .gallery-icon a:hover img,
#content .gallery .gallery-icon a:active img {/* Add some useful style to those fancy borders for linked images ... */
	background: #eee;
	border-color: #bbb;
}
img[src*="https://pixel.wp.com/g.webp"]{display:none!important}
.wp-caption a:focus img,
.wp-caption a:active img,
.wp-caption a:hover img {/* ... including captioned images! */
	background: #fff;
	border-color: #ddd;
}

.wp-post-image {
    padding:2px; 
    margin:8px 0; 
    border:1px solid #dedede;
}
.the-post-thumbnail.header-img img {
    padding: 0;
    border: none;
    margin-top: -97px;
}

.the-post-thumbnail.header-img {
    padding: 0;
    border: none;
}

.banner-page-content {
    width: 100%;
    padding: 40px 80px 50px 70px;
}
.banner-page-content-cat {
    width: 100%;
    padding: 0;
}

.banner-page-content-cat h1.entry-title,
.banner-page-content-cat h1.wide-title {
	width: 100%;
    text-align: center;
    background: #0c5497;
    padding-top: 18px;
    color: #fff;
	position: relative;
	margin-top: -12.99px;
}
.banner-page-content-cat h2.wide-title {
	width: 100%;
    text-align: center;
    /* background: #0c5497; */
    background: #222;
    padding-top: 18px;
    color: #fff !important;
	position: relative;
    margin-top: 0 !important;
}

.banner-page-content.about-us {
	background: #fff url(https://everplexmedia.com/images/laptop-bg2.webp) no-repeat center;
    background-size: cover;
    color: #fff;
    font: 18px "Open Sans";
    line-height: 29px;
}
.banner-page-content.about-us span {
	display: block;
	max-width: 900px;
	margin: 0 auto;
}

#content .aside {
	border-left: 1px solid #ccc;
	font-size: 13px;
	margin: 0;
	padding: 0 0 0 0.85em;
}


/* search */
	
#headersearch #searchform {
	text-align: right;
	padding:5px 0 0 0;
	right: 7.6%;
}
#headersearch #searchform div {
	margin: 0;
}
#headersearch #searchform input#s {
	float: right;
	font-size: 12px;
	height: 22px;
	padding: 4px;
	width: 26%; 
	-webkit-transition-duration: 400ms; 
	-webkit-transition-property: width, background; 
	-webkit-transition-timing-function: ease; 
	-moz-transition-duration: 400ms; 
	-moz-transition-property: width, background; 
	-moz-transition-timing-function: ease; 
	color:#666;
}
#headersearch #searchform input#s:focus {
	background-color: #f9f9f9;
	width: 114%; 
}
#headersearch #searchsubmit {
	display: none;
}	
	

#live-chat {
	position: relative;
	float: right;
	z-index: 999;
	width: 123px;
	height: 99px;
}

#phone-number {
	padding: 10px 0 7px 55px;
}

#menubar {
	float: right;
}

#menubar a {
	color: #000;
}

#menubar a:hover {
	color: #0f76c6;
	text-decoration: none;
}

#home-top {
	position: relative;
	overflow: auto;
	width: 100%;
	height: 366px;
	margin: 0 auto;
	background: #000;
	background: url(https://everplexmedia.com/images/banner4.webp);
	top: -18px;
	z-index: 1;
	border-top: 1px solid #eee;
	border-bottom: 1px solid #eee;
}

#home-container {
	margin: 0;
	padding: 0;
}


.home2-left-title {
    font-family: calibri;
    font-weight: 300;
    font-size: 30px;
    line-height: 32px;
    padding: 10px 0;
    text-align: center;
    color: #fff;
}

.home2-left-text {
    font-size: 24px;
    padding: 20px 5px;
    text-align: center;
    color: #fff;
    font-family: calibri;
    line-height: 29px;
    font-weight: 300;
}

.home2-left-buttons {
	margin-left: 17px;
	margin-top: 2px;
}

#home2-left-button1 {
	background: url(https://everplexmedia.com/wp-content/uploads/2014/09/free-book.webp) no-repeat; /* url(https://everplexmedia.com/images/get-started.webp) no-repeat; */
	width: 134px;
	height: 39px;
}

#home2-left-button1:hover {
	background: url(https://everplexmedia.com/images/get-started-h.webp) no-repeat;
	width: 134px;
	height: 39px;
}

#home2-left-button2 {
	background: url(https://everplexmedia.com/images/apply-now.webp) no-repeat;
	width: 134px;
	height: 39px;
}

#home2-left-button2:hover {
	background: url(https://everplexmedia.com/images/apply-now-h.webp) no-repeat;
	width: 134px;
	height: 39px;
}

.home2-left-links {
	padding: 1px 0 1px 8px;
}

.home2-left-links:hover {
	width: 162px;
	background: #fff;
	/* width: 160px; */
	/* background: #4dd54d; */
	padding: 1px 0 1px 8px;
}

#home2-left-links a {
	font-size: 11.5px;
	padding: 0;
	text-align: left;
	color: #fff;
	font-weight: bold;
	font-family: arial;
}

#home2-left-links a:hover {
	text-decoration: none;
	color: #000;
}

#content-left {
	float: left;
	margin-top: 15px;
}

#content-right {
	width: 418px;
	float: right;
	margin-top: 20px;
}

.home2-right-title {
	font-size: 24px;
	padding: 20px 0;
	text-align: left;
	color: #000;
}

.home2-right-text {
	font-size: 14px;
	padding: 0;
	margin: 0;
	text-align: left;
	color: #000;
	font-family: arial;
}

#home2-right1 {
}

#home2-right2 {
	padding-left: 10px;
}

/* FOOTER */

#footer-box1 {
	float: left;
	padding: 40px 40px 20px 70px;
}

#footer-box2 {
	float: left;
	color: #fff;
	border-left: 2px solid #fff;
	padding-left: 20px;
	margin: 0px 20px 0 0;
}

	.foot-box2-top {
		padding-bottom: 20px;
	}

	.foot-box2-bottom {
	}

#footer-box3 {
	float: left;
	margin-top: -30px;
	margin-left: 15px;
	margin-right: 15px;
	background: #0f76c6;
	border: 2px solid #fff;
	width: 253px;
	height: 155px;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}

#footer-box-3-submit {
	margin-top: 12px;
/*	padding: 2px 4px 3px 4px;
	background: #0F76C6;
	color: white;
	font-family: verdana;
	border-radius: 4px;
	cursor: hand; 
	cursor: pointer; */
}

#footer-box3-title {
	color: #fff; 
	font-size: 20px; 
	text-align: center; 
	font-weight: bold; 
	padding: 15px 0 12px 0; 
	font-family: arial;
}

#footer-box-3-submit:hover {
	background: #107ed4;
}

#footer-box4 {
	float: left;
	padding: 20px 0 20px 30px;
}

#footer-inner {
	width: 100%;
	height: 120px;
	padding: 15px 50px 35px 50px;
	margin: 15px auto 0 auto;
	background: #4996d1;
	color: #fff;
	float: left;
}

#footer-inner a {
	color: #fff;
	font-weight: bold;
	font-family: arial;
}

#footer-inner a:hover {
	text-decoration: underline;
}

.footer, .push {
	height: 85px; /* .push must be the same height as .footer */
	clear: both;
}


#footer-left {
	position: relative;
	float:left;
	padding-top: 10px;
}

.foot-left {
	position: relative;
	float: left;
}

#footer-middle {
	float:  left;
	padding-left: 30px;
	margin-top: -10px;
}
#footer-middle img {
	width: 180px;
}
#footer-right {
	position: relative;
	float: right;
	padding-top: 10px;
}

#footer-bottom {
	background: #7189a9;
	padding: 30px 0;
	border-top: 1px dashed #fff;
}

#footer-bottom a {
	background: #0f76c6; /* #415161 */
	color: #fff !important;
	border: 1px solid #0c61a3; /* #415161; */
	padding: 7px;
	font-weight: normal !important;
	font-family: verdana !important;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
}

#footer-bottom a:hover {
	/* background: #fff !important;
	color: #5d7892 !important;
	border: 1px solid #b0b6bd; */
	text-decoration: none !important;
	cursor: pointer;
	background: #2896ec;
	border-color: #1976be;
}

#credits {
    background: #444;
    padding: 20px 100px 60px 100px;
    width: auto;
    /* border-top: 5px solid #49a010; */
    color: #fff;
	font: 17px calibri;
}

#credits a {
	color: #fff;
	font: bold;
}

#credits a:hover {
	color: #fff;
	font: bold;
	text-decoration: underline;
}

/* CHART */

#home-top-chart {
	padding-top: 25px;
}

#col1 {
	position: relative;
	float: left;
}

#col2 {
	position: relative;
	float: left;
}

#col3 {
	position: relative;
	float: left;
}

#col4 {
	position: relative;
	float: left;
}

.row0 {
	padding: 5px 15px 5px 7px;	
	background: none;
	margin: 0;
	font-weight: bold;
	font-family: arial;
}

.rowa {
	padding: 5px;	
	background: #88e888;
	margin: 0;
}

.rowb {
	padding: 5px;	
	background: #dddddd;
	margin: 1px 0 0 0;
}

.rowc {
	padding: 5px;	
	background: #e9e9ea;
	margin: 1px 0 0 0;
}

.rowd {
	padding: 5px;	
	background: #dddddd;
	margin: 1px 0 0 0;
}

#assumptions {
	padding: 5px 0;
	position: relative;
	margin: 140px 0 0 68px;
}

#assumptions a {
	font: 12px arial;
}

#home-top-button {
	background: url(https://everplexmedia.com/images/refresh-rates.webp) no-repeat;
	width: 197px;
	height: 48px;
	position: relative;
	margin: 4px 0 0 47px;
}

#home-top-button:hover {
	background: url(https://everplexmedia.com/images/refresh-rates-h.webp) no-repeat;
	width: 197px;
	height: 48px;
	position: relative;
	margin: 4px 0 0 47px;
}

div.clear {
    clear:both;
}

/* FORM */

#form-left {
	float: left;
	color: #fff;
	text-align: right;
	padding: 3px 10px;
}

     #left1 {
	padding: 2px 0;
     }

     #left2 {
	padding: 3px 0;
     }

     #left3 {
	padding: 2px 0 30px 0;
     }

     #right1 {
	background: #fff;
	width: 165px;
	height: 15px;
	margin: 0 0 0 10px;
	padding: 0;
     }

     #right2 {
	background: #fff;
	width: 165px;
	height: 15px;
	margin: 0 0 0 10px;
	padding: 0;
     }

     #right3 {
	background: #fff;
	width: 142px;
	height: 40px;
	margin: 0 0 0 10px;
	padding: 0;
     }

#application-form {
	width: 960px;
	margin: 0 auto;
	padding: 0 0 50px 75px;
}

#application-submit {
	padding: 4px 8px 4px 6px;
	background: #0F76C6;
	border: 2px solid #ddd;
	color: #fff;
	font-weight: bold;
	border-radius: 7px;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	cursor: hand; 
	cursor: pointer;
}

#application-submit:hover {
	background: #4996d1;
}

#page-main {
	width: 100%;
	margin: 0 auto;
	padding: 0;
	float: left;
}

#contact-info {
	padding: 20px 5px 0 0;
	border-right: 1px dashed black;
	margin-right: 30px;
}

#contact-head-title {
	font-size: 22px;
	padding: 10px 0;
}

.contact-sub-title {
	font-size: 15px;
	padding: 15px 0 5px 0;
	font-weight: bold;
	font-family: arial;
}

.contact-text {
	font-family: arial;
}

/*================================================================================
| Calculator
================================================================================*/

.cmxform h3 {
	padding-top: 20px;
	padding-bottom: 5px;
}

table.simpletable {
	border-spacing: 0px !important;
	border: 2px solid #ddd;
	border-radius: 5px;
}

.simpletable th:first-child {
	border-top-left-radius: 3px;
}

.simpletable th:last-child {
	border-top-right-radius: 3px;
}

.simpletable tr td:first-child {
	border-bottom-left-radius: 3px;
}

.simpletable tr td:last-child {
	border-bottom-right-radius: 3px;
}

.simpletable th {
	text-align: left;
	vertical-align: bottom;
	font-family: Arial;
	background: #0F76C6;
	color: #fff;
	padding: 4px 10px 4px 4px;
	border-right: 1px solid #4996D1;
}

.simpletable td {
	padding: 3px 5px;
	border-right: 1px solid #E5E9EB;
}

.simpletable tr:nth-child(odd) {
	background: #E5E9EB;
}

.calc-panel {
	width: 600px;
	background: #0f76c6;
	padding-top: 9px;
	padding-left: 15px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	font-family: arial;
	border: 2px solid #ddd;
}
	.calc-text {
		float: left;
		width: 400px;
		color:#fff;
	}
	.calc-inputs-wrapper {
		float: left;
		width: 100px;
		border-left: 1px solid #222;
		padding-right: 20px;
	}
	.calc-inputs-wrapper p {
		padding-left: 10px;
		margin-right: -70px;
		color: white;
	}
		.calc-inputs-wrapper input{
			margin-left: 10px;
			width: 80px;
			background: #fff;
			border: 1px solid #555;
			color: #000;
			text-align: right;
		}
		.calc-inputs-wrapper select{
			width: 120px;
			margin-left: 10px;
			text-align: right;
		}
	#calc-terms{width: 296px;}

	.calc-submit {
		padding: 11px 14px 10px 12px;
		background: #0F76C6;
		border: 2px solid #DDD;
		color: white;
		font-weight: bold;
		border-radius: 7px;
		-moz-border-radius: 7px;
		-webkit-border-radius: 7px;
		margin-left: 250px;
		margin-bottom: 32px;
		font-size: 18px;
		text-transform: capitalize;
		cursor: hand; 
		cursor: pointer;
	}
	
	.calc-submit:hover {
		background: #4996d1;
	}

	.calc-text{
		float:left;
	}

	.calc-text p {
		padding-top: 6px;
	}
 #calcoutput{
		display:none;
}
.calcoutedresult{
	display:block !important;
}
.calc-inputs-wrapper{
	float:left;
}


#calc-left-3 {
	height: 120px;
	background: #1da7b1; /* #0fc60f; */
}

#calc-left-3:hover {
/*	background: #46d148;	*/
}

.calc-left-3-icons {
	margin-left: 41px;
	background: url(https://everplexmedia.com/wp-content/uploads/2014/09/calculator-icon3sm.webp) no-repeat;
	width: 88px;
	height: 88px;
}

#calc-left-3:hover .calc-left-3-icons {
	margin-left: 41px;
	background: url(https://everplexmedia.com/wp-content/uploads/2014/09/calculator-icon3-hsm.webp) no-repeat;
	width: 88px;
	height: 88px;
}

.calc-page-links {
	background: #1da7b1; /* #0fc60f; */
	color: white;
	padding: 10px;
	margin: 15px;
	width: 430px;
	border-radius: 7px;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	font-family: arial;
}

.calc-page-container {
	margin-bottom: 10px;
}

.calc-page-links:hover {
	background: #21beca; /* #46d148; */
}

.calc-page-links a {
	color: #fff;
}

.calc-page-links:hover a {
	font-weight: bold;
}

/* Home Page Image Rotation */

#wrapper-rotate {
      position: relative;
      overflow:hidden;
      background: transparent;
   }

#bg-rotate {
	position:absolute;
	top:0px;
	margin: 0 auto;
	background: black;
	z-index: 1;
	/* border-top: 1px solid #EEE; */
	border-bottom: 1px solid #EEE;
}

#bg-rotate img {
	position: absolute;
	top: 0 !important;
	left: auto !important;
	right: auto !important;

	/* IE 8+ */
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";

	/* IE 5-7 */
	filter: alpha(opacity=0);

	/* Netscape */
	-moz-opacity: -0.001;

	/* Safari 1.x */
	-khtml-opacity: -0.001;

	/* Good browsers */
	opacity: -0.001;
}

#faq-page {
	font-family: arial;
}

#faq-page ul {
	font-family: arial;
	margin-left: 15px !important;
}

#faq-page ul li {
	/* background:url(https://everplexmedia.com/wp-content/uploads/2012/08/bullet2.webp) 0px 5px no-repeat; */
}

#faq-page ul b {
	color: #1da7b1; /* #0fc60f; */
}

#faq-links {
	background: #E5E9EB; 
	padding: 15px; 
	margin: 10px; 
	font-family: arial; 
	border-radius: 10px; 
	-moz-border-radius: 10px; 
	-webkit-border-radius: 10px;
}

#faq-links a {
	color: #0F76C6;
}

#faq-links a:hover {
	color: #000;
}

.faq-title {
	font-size: 18px; 
	padding-bottom: 20px; 
	font-family: arial; 
	line-height: 20px;
}

.faq-answers {
	font-family: arial; 
	padding-left: 15px; 
	padding-bottom: 30px; 
	line-height: 20px;
}

.faq-answers b, #faq-answers2 b {
	color: #1da7b1; /* #0fc60f; */
	font-size: 17px;
}

#faq-answers2 {
	font-family: arial; 
	padding-left: 15px; 
	line-height: 20px; 
}


/* APPLICATION FORM CSS */

.landing-box {
	width: 700px;
	margin: 0 auto;
	height: 1000px;
}
.landing-box h1 {
	color: #0F76C6;
	font-family: arial;
	font-size: 30px;
}
.landing-box h3 {
	margin-top: -30px;
	margin-bottom: 6px;
	color: #0F76C6;
	font-family: arial;
	font-size: 19px;
}
.landing-box input {
    width: 180px;
}
.landing-box select {
    padding: 3px 0;
    width: 187px;
}
.landing-box textarea {
}
.landing-box br {
	line-height: 25px;
}
.landing-box #title-row {
    padding: 25px 0 30px 0;
}
.landing-box #title-row h1 {
	text-align: center;
}
.landing-box .text-col {
    float: left;
    text-align: right;
    line-height: 24px;
    padding-right: 10px;
}
.landing-box #text-col2 {
    margin-left: 30px;
}
.landing-box .input-col {
    float: left;
    width: 180px;
}
.landing-box #comments-text {
    margin-top: 10px;
    float: left;
    text-align: right;
    line-height: 24px;
    padding-right: 10px;
    clear: both;
    padding-left: 20px;
}
.landing-box #comments-input {
    margin-top: 10px;
    float: left;
}
.landing-box .submit input {
    margin-top: 22px;
    float: left;
    margin-left: 30px;
    width: 70px;
    height: 30px;
    padding-bottom: 3px;

    padding: 4px 8px 4px 6px;
    background: #0F76C6;
    border: 2px solid #DDD;
    color: white;
    font-weight: bold;
    border-radius: 7px;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    cursor: hand;
    cursor: pointer;
}
.landing-box .submit input:hover {
    background: #4996D1;
}

#FSContact2 select {
	background: #f9f9f9;
	border: 1px solid #ccc;
}

/* Free Book */

#freebook img {
	width: 238px;
	height: 107px;
}
#freebook a {
	background: url(https://everplexmedia.com/wp-content/uploads/2014/09/freebook3.webp) no-repeat;
	width: 238px;
	height: 107px;
	/* margin-right: -220px;
	margin-top: -85px; */
	float: right;
}
#freebook a:hover {
	background: url(https://everplexmedia.com/wp-content/uploads/2014/09/freebook4-h.webp) no-repeat;
	width: 238px;
	height: 107px;
	border: none;
}

/* Downloads Page */



#downloads a {
	color: #fff;
	font-weight: bold;
	font-size: 17px;
	text-align: center;
	background: #0f76c6;
	padding: 12px 18px 10px 18px;
	margin-right: 5px;
	border-radius: 7px;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	border: 3px solid #0c61a3;
	line-height: 35px;
	display: inline-block;
    margin: 3px 5px;
}
#downloads a:hover {
	background: #1187e2;
	border: 3px solid #0f78ca !important;
}

/* submit */
input[type="submit"] {
background: #0f76c6; /* #599F58; */
padding: 10px 50px;
font-size: 17px;
font-weight: bold;
text-decoration: none;
background-position: 50% 100%;
-webkit-background-origin: padding-box;
-webkit-background-size: auto;
background-clip: border-box;
background-image: url(https://everplexmedia.com/wp-content/uploads/2014/09/shade.webp);
color: rgb(255, 255, 255);
cursor: pointer;
border-bottom-color: rgb(255, 255, 255);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-style: none;
border-bottom-width: 0px;
border-collapse: separate;
border-image-outset: 2px;
border-image-width: 2;
border-left-color: rgb(255, 255, 255);
border-left-style: none;
border-left-width: 0px;
border-right-color: rgb(255, 255, 255);
border-right-style: none;
border-right-width: 0px;
border-top-color: rgb(255, 255, 255);
border-top-style: none;
border-top-width: 0px;
border-radius: 5px;
}

input[type="submit"]:hover {
	background: #2493e8;
}

/*********** NEW REDESIGN START ***********/

/* HEADER */

.page-head #content-box {
	background: url(https://everplexmedia.com/images/banner6.webp) 50% 10% no-repeat;
	border-bottom: 2px solid #252426;
	background-size: cover;
}
.page-head #header-left ul {
    margin: 15px 0 0 15px;
}
.page-head #nav-toggle {
    margin-top: 4px;
    margin-left: 0;
    margin-right: 21px;
}
.page-head #header-right {
    margin: 9px;
}
.page-head #logo {
    height: 71px;
    margin-top: -3px;
}
.page-head #header-container {
	position: relative;
}
#header-div {
	position: absolute;
	width: 100%;
	margin: 0 auto;
	height: 100px;
    background: rgba(0,0,0,0.54);
}

.page-head #header-div {
    margin: 0;
    padding-top: 7px;
    z-index: 9;
}

#home-top-banner {
    background: url(https://everplexmedia.com/images/background.webp) 50% 50% no-repeat;
    width: 100%;
    min-height: 653px;
    background-size: cover;
    float: left;
}
#welcome {
    font: bold 52px Calibri;
    text-shadow: 0 0 15px rgba(0,0,0,1);
    color: #fff;
    margin-top: 255px;
	text-align: center;
}
.home-section-titles {
    font: bold 50px Calibri;
    text-shadow: -2px 2px 2px rgba(0,0,0,0.59);
    color: #fff;
    margin-top: 50px;
}
.call-to-action {
	font: bold 22px Calibri;
    color: #fff;
    margin-top: 35px;
    background: #109aa0;
    padding: 22px 25px 20px 25px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    display: inline-block;
}
.call-to-action:hover {
    background: #20bac1;
    color: #fff;
}
#header-left {
    margin: 7px 0 0 14px;
}

#nav-toggle {
    /* font: bolder 25px arial; */
    color: #fff;
    float: right;
    margin: 0;
    display: none;
}

#header-left ul {
    /* margin: 0 10px 0 5px;
    color: #fff;
    float: left; */
    margin: 22px 10px 0 5px;
    color: #fff;
    float: right;
    /* background: rgba(0,0,0,0.3); */
    padding: 1px 10px;
    border-radius: 3px;
}

#header-left ul b {
}

#header-left ul li {
    display: inline-block;
    background: none;
    padding: 5px;
}
#header-left ul li.bull {
    vertical-align: top;
    margin: 3px -12px 0 -12px;
    font-weight: bold;
}

#header-left ul li a {
    font: normal 21px calibri;
    text-transform: uppercase;
    color: #fff;
}

#header-left ul li a:hover {
    /* text-shadow: 0 0 10px rgba(255,255,255,0.5), 0 0 20px rgba(255,255,255,0.5), 0 0 30px rgba(255,255,255,0.5), 0 0 40px rgba(255,255,255,0.5), 0 0 70px rgba(255,255,255,0.5), 0 0 80px rgba(255,255,255,0.5), 0 0 100px rgba(255,255,255,0.5); */
}

#header-right {
	float: right;
    padding-top: 4px;
    padding-right: 11px;
}

#sign-in-button {
    color: #fff;
    font: 21px calibri;
    background: #0f76c6;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    padding: 6px 17px 6px 16px;
    float: left;
}
#sign-in-button:hover {
    background: #1b86da;
}

/******** square button **************
#call-button {
    background: #0f76c6;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    padding: 1px 1px 2px 2px;
    margin-right: 10px;
    display: inline-flex;
    float: left;
}
************************************/

/******** round button **************/
#call-button {
    background: #0f76c6;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    padding: 2px;
    margin-right: 10px;
    display: inline-flex;
    float: left;
}
/************************************/
#call-button:hover {
    background: #1b86da;
    cursor: pointer;
}

#call-button:hover #call-button-open {
    display: block !important;
}

#call-button-open {
    position: absolute;
    margin-top: 45px;
    margin-left: -135px;
    font-size: 30px;
    min-width: 250px;
    color: #fff;
    background: #1b86da;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    padding: 10px 15px;
}
#menu-top {
	padding-right: 10px;
}

#action-boxes {
    margin: 15px auto;
	max-width: 920px;
	background: #f7f7f7;
	flex-grow: 1;
}

/* HOME SECTIONS */

#home-top-left {
	background: rgba(255,255,255,0.7);
	background: url(https://everplexmedia.com/images/70per-dot-fff.webp) repeat;
	position: relative;
	float: left;
	height: 295px;
	width: 295px;
	padding: 15px;
	margin: 3px 0 37px 100px;
}

#home-top-title {
	text-align: center;
	padding: 7px 7px 9px 7px;
	background: #0F76C6;
	margin: 2px 10px 15px 10px;
	color: white;
	font-size: 18px;
	border-radius: 7px;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
}

#home-top-text1-left {
	position: relative;
	float: left;
	padding-left: 15px;
}

#home-top-text1-right {
	position: relative;
	float: right;
	padding-right: 15px;
}

.home2-left {
	position: relative;
	float: left;
	padding-top: 20px;
    width: 33%;
    /* background: #efefef; */
	border-radius: 7px;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
}

.home2-left-inner {
	max-width: 250px;
	margin: 0 auto;
	padding: 20px 10px 10px;
	display: block;
	border-radius: 7px;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
.home2-left-1 .home2-left-inner {
	background: #b30fc6;
}

.home2-left-2 .home2-left-inner {
	background: #0f76c6;
}

.home2-left-3 .home2-left-inner {
	background: #1da7b1; /* #0fc60f; */
}

.home2-left-1 .home2-left-text {
	color: #b30fc6;
}

.home2-left-2 .home2-left-text {
	color: #0f76c6;
}

.home2-left-3 .home2-left-text {
	color: #1da7b1; /* #0fc60f; */
}

.home2-left-icons img {
    width: 120px;
    margin: 0 auto;
    position: relative;
    display: block;
}

#makes-us-different {
    background: url(https://everplexmedia.com/images/makes-us-different.webp);
    width: 100%;
    padding-bottom: 70px;
    background-size: cover;
    float: left;
    margin-bottom: 10px;
}
.makes-us-different .wmud-inner img {
    width: 80%;
    display: block;
    margin: 50px auto 0 auto;
}

.makes-us-different .wmud-inner .wmud-inner2 {
    background: url(https://everplexmedia.com/images/wmud-bg.webp);
    background-size: contain;
    background-repeat: no-repeat;
    width: 70% !important;
    display: block;
    margin: 50px auto 0 auto;
    height: 220px;
    max-width: 900px;
}
.makes-us-different .wmud-inner .wmud-inner2 span {
    display: block;
    padding: 25px 15px 0 290px;
    color: #fff;
    font-size: 20px;
}

@media screen and (max-width: 1240px) and (min-width: 1262px) {
    .makes-us-different .wmud-inner .wmud-inner2 span {
        font-size: 18px;
    }
}

@media screen and (max-width: 1261px) and (min-width: 945px) {
    .makes-us-different .wmud-inner .wmud-inner2 span {
        font-size: 17px;
        padding: 25px 15px 0 259px;
    }
}

@media screen and (max-width: 1078px) and (min-width: 1007px) {
    .makes-us-different .wmud-inner .wmud-inner2 {
        width: 75% !important;
    }
}

@media screen and (max-width: 1007px) and (min-width: 945px) {
    .makes-us-different .wmud-inner .wmud-inner2 {
        width: 80% !important;
    }
}

@media screen and (max-width: 945px) and (min-width: 880px) {
    .makes-us-different .wmud-inner .wmud-inner2 {
        width: 85% !important;
    }
    .makes-us-different .wmud-inner .wmud-inner2 span {
        font-size: 17px;
        padding: 25px 15px 0 239px;
    }
}
@media screen and (max-width: 880px) and (min-width: 769px) {
    .makes-us-different .wmud-inner .wmud-inner2 {
        width: 85% !important;
        height: 200px;
        background-size: cover;
    }
    .makes-us-different .wmud-inner .wmud-inner2 span {
        font-size: 16px;
        padding: 20px 15px 0 259px;
    }
}

@media screen and (max-width: 768px) and (min-width: 701px) {
    .makes-us-different .wmud-inner .wmud-inner2 {
        width: 90% !important;
        height: 200px;
        background-size: cover;
    }
    .makes-us-different .wmud-inner .wmud-inner2 span {
        font-size: 16px;
        padding: 20px 15px 0 259px;
    }
}

@media screen and (max-width: 745px) and (min-width: 701px) {
    .makes-us-different .wmud-inner .wmud-inner2 span {
        font-size: 15px !important;
    }
}

@media screen and (max-width: 701px) and (min-width: 681px) {
    .makes-us-different .wmud-inner .wmud-inner2 {
        width: 95% !important;
        height: 190px;
        background-size: cover;
    }
    .makes-us-different .wmud-inner .wmud-inner2 span {
        font-size: 15px;
        padding: 20px 15px 0 259px;
    }
}

@media screen and (max-width: 681px) and (min-width: 568px) {
    .makes-us-different .wmud-inner .wmud-inner2 {
        width: 95% !important;
        height: 150px;
        background-size: cover;
    }
    .makes-us-different .wmud-inner .wmud-inner2 span {
        font-size: 13px;
        padding: 20px 15px 0 199px;
    }
}
@media screen and (max-width: 568px) {
    .makes-us-different .wmud-inner .wmud-inner2 {
        width: 95% !important;
        height: 185px;
        background-image: none;
        background-color: rgba(0,0,0,0.59);
    }
    .makes-us-different .wmud-inner .wmud-inner2 span {
        font-size: 15px;
        padding: 20px 15px 0 20px;
        line-height: 21px;
    }
}

#can-afford {
    background: url(https://everplexmedia.com/images/can-afford.webp);
    width: 100%;
    padding-bottom: 70px;
    background-size: cover;
    float: left;
    margin-bottom: 10px;
}
#free-book {
    background: url(https://everplexmedia.com/images/free-book.webp);
    width: 100%;
    min-height: 540px;
    background-size: cover;
    float: left;
}
.can-afford-inner {
    background: rgba(0,0,0,0.5);
    width: 67%;
    max-width: 750px;
    min-width: 580px;
    margin: 50px auto 0 auto;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
}

.can-afford-inner-img {
    position: absolute;
    width: 67%;
    max-width: 750px;
    min-width: 580px;
    float: right;
    background: rgba(255,255,255,0.1);
}

.can-afford-inner-img img {
    position: absolute;
    width: 100px;
    margin-top: -20px;
    right: -25px;
}

.can-afford-top {
    font: 25px calibri;
    background: #1da7b1;
    width: 100%;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    -moz-border-top-left-radius: 10px;
    -moz-border-top-right-radius: 10px;
    -webkit-border-top-left-radius: 10px;
    -webkit-border-top-right-radius: 10px;
    color: #fff;
    text-align: center;
    padding-top: 15px;
    padding-bottom: 15px;
}

.can-afford-bottom {
    margin-top: 25px;
    padding-bottom: 20px;
}

.can-afford-bottom a {
    font: 25px calibri;
    color: #fff;
    line-height: 50px;
    text-align: center;
    display: block;
}
.can-afford-bottom a:hover {
    background: #1da7b1;
    margin: auto 10px;
    border-radius: 7px;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
}

.can-afford-bottom a.more-calc-button {
    background: #1da7b1;
    padding: 1px 21px;
    display: inline-block;
    margin: 20px auto;
    border-radius: 7px;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
}

.can-afford-bottom a.more-calc-button:hover {
    background: #33c0ca;
    margin: 20px auto;
}
    
.free-book {
    width: 60%;
    max-width: 650px;
    margin: 50px auto 50px auto;
}
.free-book-inner {
    background: rgba(0,0,0,0.5);
    margin-left: -50px;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
}

.free-book-inner-img {
    position: absolute;
    width: 60%;
    max-width: 650px;
    float: right;
    background: rgba(255,255,255,0.1);
}

.free-book-inner-img img {
    position: absolute;
    width: 210px;
    margin-top: 20px;
    right: -12em;
}

.free-book-box {
    font: 37px calibri;
    color: #fff;
    line-height: 50px;
    text-align: center;
    display: block;
    padding: 50px 0 20px 0;
}

.free-book-box a.free-book-button {
    font: 37px calibri;
    background: #27be62;
    padding: 10px 41px;
    color: #fff;
    display: inline-block;
    margin: 30px auto;
    border-radius: 7px;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
}
.free-book-box a.free-book-button:hover {
    background: #3edd7c;
}

@media screen and (max-width: 1152px) and (min-width: 992px) {
  .free-book-box {    
    font: 33px calibri;
  }
  .free-book-box a.free-book-button {    
    font: 33px calibri;
  }
}

@media screen and (max-width: 991px) and (min-width: 769px) {
  .free-book-box {    
    font: 30px calibri;
  }
  .free-book-box a.free-book-button {    
    font: 30px calibri;
  }
}

@media screen and (max-width: 768px) and (min-width: 554px) {
  .free-book {    
    width: 80%;
  }
  .free-book-inner {    
    margin-left: 0;
  }
  .free-book-inner-img {    
    width: 80%;
  }
  .free-book-box {    
    font: 25px calibri;
  }
  .free-book-box a.free-book-button {    
    font: 25px calibri;
  }
}

@media screen and (max-width: 553px) and (min-width: 501px) {
  .free-book {    
    width: 80%;
  }
  .free-book-inner {    
    margin-left: 0;
  }
  .free-book-inner-img {    
    width: 80%;
  }
  .free-book-box {    
    font: 22px calibri;
  }
  .free-book-box a.free-book-button {    
    font: 22px calibri;
  }
}

@media screen and (max-width: 500px) {
  /* html, .entry-content {   
      width: 500px;
      max-width: 500px;
  } */
  #wrapper.home-page {
      overflow: hidden;
  }
  #header-div {
      margin-top: 0px;
  }
  .can-afford-inner-img,
  .free-book-inner-img {
      display: none;
  }
  .free-book {    
    width: 80%;
  }
  .free-book-inner {    
    margin-left: 0;
  }
  .free-book-inner-img {    
    width: 80%;
  }
  .free-book-box {    
    font: 20px calibri;
  }
  .free-book-box a.free-book-button {    
    font: 20px calibri;
  }
  #call-button {
      display: none;
  }
  .animate-icon {
      width: 30px;
      height: 30px;
  }
  #header-left ul li a:hover {
      text-shadow: none;
  }
  .mobile-phone {
      display: block !important;
  }
  .mobile-phone img {
    float: left;
    margin-top: -4px;
    background: #0f76c6;
    border-radius: 50%;
    height: 35px;
  }
  .mobile-phone:hover img {
    margin-top: -6px;
    margin-right: -2px;
    margin-left: -2px;
    border: 2px solid rgba(0,0,0,0.2);
  }
}


/* SIDEBAR */


#home-left {
	position: relative;
	float: left;
}

#home-right {
	position: relative;
	float: right;
}

.home-left {
	position: relative;
	float: left;
	height: 225px;
	width: 170px;
	margin: 15px 10px 15px 0;
	border-radius: 7px;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
}

#home-left-1 {
	background: #b30fc6;
}

#home-left-2 {
	background: #0f76c6;
}

#home-left-3 {
	background: #1da7b1; /* #0fc60f; */
	margin-right: 50px;
}

.home2-left-1 .home2-left-inner:hover {
    background: #cb1edf;
}

.home2-left-2 .home2-left-inner:hover {
    background: #1f8bdf;
}

.home2-left-3 .home2-left-inner:hover {
    background: #2abec9;
}

.home-left-title {
	font-size: 20px;
	padding: 10px 0;
	text-align: center;
	color: #fff;
}

.home-left-text {
	font-size: 12px;
	padding: 10px 5px;
	text-align: center;
	color: #fff;
	font-weight: bold;
	font-family: arial;
	line-height: 17px;
}

.home-left-buttons {
	margin-left: 17px;
	margin-top: 2px;
}

#home-left-button1 {
	background: url(https://vandykloans.com/wp-content/uploads/2014/09/free-book.webp) no-repeat; /* url(https://vandykloans.com/images/get-started.webp) no-repeat; */
	width: 134px;
	height: 39px;
}

#home-left-button1:hover {
	background: url(https://vandykloans.com/images/get-started-h.webp) no-repeat;
	width: 134px;
	height: 39px;
}

#home-left-button2 {
	background: url(https://vandykloans.com/images/apply-now.webp) no-repeat;
	width: 134px;
	height: 39px;
}

#home-left-button2:hover {
	background: url(https://vandykloans.com/images/apply-now-h.webp) no-repeat;
	width: 134px;
	height: 39px;
}

.home-left-icons {
	padding-left: 41px;
}

.home-left-links {
	padding: 1px 0 1px 8px;
}

.home-left-links:hover {
	width: 162px;
	background: #fff;
	/* width: 160px; */
	/* background: #4dd54d; */
	padding: 1px 0 1px 8px;
}

#home-left-links a {
	font-size: 11.5px;
	padding: 0;
	text-align: left;
	color: #fff;
	font-weight: bold;
	font-family: arial;
}

#home-left-links a:hover {
	text-decoration: none;
	color: #000;
}

.home-right-title {
	font-size: 24px;
	padding: 20px 0;
	text-align: left;
	color: #000;
}

.home-right-text {
	font-size: 14px;
	padding: 0;
	margin: 0;
	text-align: left;
	color: #000;
	font-family: arial;
}

#home-right1 {
}

#home-right2 {
	padding-left: 10px;
}


/* FOOTER */

#footer-cont {
    width: 100%;
    float: left;
}

.footer-hr {
    border: none;
    background: none;
    margin-bottom: 18px;
}
.disclaimer {
    margin-top: 30px;
    margin-bottom: -20px;
    padding: 0 50px;
    font-size: 10px;
    font-style: italic;
}

@media screen and (min-width: 1050px) {
    .can-afford-bottom a:hover {
        margin: auto 70px;
    }
}
@media screen and (max-width: 997px) {
  .home2-left.home2-left-1, .home2-left.home2-left-2 {    
    margin: 0 20px 0 0;
  }
  .home2-left {    
    width: 31%;
  }
  .home2-left-text {    
    font-size: 20px;    
    line-height: 25px;    
    padding: 12px 0 20px 0;
  }
  #credits {
    padding: 20px;
    overflow: hidden;
  }
}

@media screen and (max-width: 820px) {
  #footer-bottom a {
    line-height: 35px;
    white-space: nowrap;
    /* margin-bottom: 20px;
    width: 70%;
    padding: 10px 10px;
    display: block; */
    margin: 0 10px 20px 10px;
    width: 40%;
    padding: 10px 10px;
    display: inline-block;
  }
  .footer-hr {
    display: none;
  }
  #footer-bottom {
    padding: 20px 10px 0 10px;
  }
    .disclaimer {
        margin-bottom: 0;
        padding: 0 5px 30px 5px;
    }
}

@media screen and (max-width: 768px) {
  #welcome {    
    font-size: 40px;
  }
  .call-to-action {    
    font-size: 30px;
  }
  #action-boxes {    
    margin: 15px;
  }
  .home2-left {    
    width: 31%;
  }
  .home2-left-text {    
    font-size: 18px;    
    line-height: 22px;    
    font-weight: normal;
  }
  .home2-left-text br {    
    display: none;
  }
  #nav-toggle {    
    display: block;
    margin-right: 30px;
    margin-top: 11px;
  }
  #header-left ul {    
    display: none;
  }
  #welcome {
      margin-top: 140px;
  }
	#nav-toggle {
		display: block; 
	}
	nav#nav-main {
		display: none; 
	}
	#nav-mobile .bull  {
		display: none; 
	}
	nav#nav-mobile {
		display: block; 
	}
	#nav-mobile ul li {
		display: block; 
	}
    #header-left ul li {
        padding: 0;
    }
    #header-left ul li a {
        margin: 10px 0;
    }
}

@media screen and (max-width: 708px) {
  .home2-left-text {    
    font-size: 17px;
  }
}

@media screen and (max-width: 655px) {
  .home2-left-title {    
    font-size: 25px;
  }
}
@media screen and (max-width: 630px) {
    .can-afford-inner,
    .can-afford-inner-img {
    	width: 90%;
    	min-width: 400px;
    }
    .can-afford-inner-img img {
        width: 70px;
        margin-top: -7px;
    }
    .can-afford-top {
    	font-size: 22px;
    }
    .can-afford-bottom a {
    	font-size: 20px;
    }
}

@media screen and (max-width: 617px) {
  .home2-left {    
    width: 30%;
  }
  #welcome {    
    font-size: 32px;    
    margin-top: 135px;
  }
}

@media screen and (max-width: 575px) {
  .home2-left-icons img {    
    width: 80px;
  }
  .home2-left-title {    
    font-size: 18px;    
    line-height: 22px;    
    font-weight: normal;    
    padding: 10px 0 7px 0;
  }
  .home2-left-text {    
    font-size: 14px;    
    line-height: 18px;    
    padding: 12px 0 17px 0;
  }
  .home-section-titles {    
    font-size: 32px;
  }
  #header-left ul {    
    display: none;
  }
  #nav-toggle {
    /* font-size: 33px; */
  }
  #footer-left {
    text-align: center;
    float: none;
  }
  #footer-middle {
    float: left;
    padding-left: 0;
    margin-top: 0;
  }
  #footer-middle img {
    width: 150px;
    margin-top: 20px;
  }
  #footer-right {
    margin-top: 0;
    padding-top: 30px;
  }
  .can-afford-top {
    font-size: 20px;
    padding-right: 30px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
  }
  /* pages */
  html {
      overflow-x: hidden;
  }
  #content-container {
    width: auto;
    /* margin-left: -50px; */
  }
  .calc-panel {
    width: 100%;
    /* max-width: 440px; */
    margin: 0 auto;
  }
  .calc-text {
    width: auto;
  }
  .calc-inputs-wrapper {
    float: right;
  }
  .entry-title {
    font-size: 25px;
  }
  #sidebar {
    display: none;
  }
}
.continue-reading {
    display: inline-block;
    /* line-height: 25px; */
}
.the-blog-excerpt {
    line-height: 20px;
}
h2.blog-loop-titles a {
    font-size: 25px !important;
}
.blog-loop-thumbnails img {
    max-width: 97.5%;
}
.the-post-thumbnail {
    height: auto;
}
.the-post-thumbnail img {
    max-height: 350px;
    min-width: 97.5%;
    object-fit: cover;
}
.single-blog {
    font-family: 'Georgia',serif;
    color: #333333;
}
.single-blog h1 {
    font-weight: normal;
	color: #0066cc;
}
 
.single-blog h2, 
.single-blog h3 {
	color: #0066cc;
}

/******** TOPBAR *********
#topbar {
    height: 35px;
    width: 100%;
    background: rgba(0,0,0,0.8);
    position: absolute;
}

#header-div {
    margin-top: 35px;
} 
#header-div {
	margin-top: 15px;
} 
************************/

#home-nav-icons-box {
    height: 150px;
    width: 100%;
    display: flex;
  	flex-direction: column;
    margin-top: 0 !important;
    /* background: #2d2d2d; */
	background: #111 url(https://everplexmedia.com/images/bg-canvas-dark.webp);
}

/* navlist menu css */

#menu{position:fixed;top:0px;right:0px;margin-right:0px;padding:0;}
.menu{margin:0;padding:0;width:100%;display:block;}
.menu li{list-style:none;display:inline;}
.menu li a{float:left;padding:10px 15px 14px 15px;display:block;color:#fff;text-decoration:none;font:17px Verdana, Arial, Helvetica, sans-serif;cursor:pointer;background:#111;border-top:1px solid #000;border-bottom:1px solid #000;}
.menu li a:hover{background:#222;}
.menu li a.active, .menu li a.active:hover{color:#c0022f;}
.menuFirst{border-left:1px solid #000;border-right:1px solid #000;}
.menuRest{border-right:1px solid #000;}
.menuLast {z-index: 9999999;position: relative;-webkit-clip-path: polygon(67% 0, 100% 5%, 100% 100%, 0 99%, 0 0);clip-path: polygon(67% 0, 100% 5%, 100% 100%, 0 99%, 0 0);}

/* NEW NAV DESIGN */
#navlist {
	position: relative;
	margin: 30px auto 0 auto;
    width: 1006px;
	padding-right: 32px;
}
#navlist li { 
	background: url('https://everplexmedia.com/img/sprites/sprite-2018.webp')  no-repeat;
	background-size: cover;
	width: 250px;
	height:105px;
	margin:0;
	padding:0;
	list-style:none;
    display: inline-block;
    vertical-align: top;
}
#navlist li a {
	height:105px;
    display: block;
}
#web-design-nav{
    background-position: 0 -631px !important;
	margin-right: 20px !important;
}
#web-design-nav:hover{
    background-position: 0 -737px !important;
}
#web-admin-nav{
    background-position: 0 -421px !important;
	margin-right: 22px !important;
}
#web-admin-nav:hover{
	background-position: 0 -526px !important;
}
#graphic-design-nav{
    background-position: 0 0 !important;
	margin-right: -14px !important;
	position: initial;
    z-index: 1;
}
#graphic-design-nav:hover{
    background-position: 0 -105px !important;
}
#extras-nav{
	background-position: 0 -210px !important;
	position: absolute;
    z-index: 2;
}
#extras-nav:hover{
	background-position: 0 -315px !important;
}

@media screen and (max-width: 1009px) and (min-width: 814px) {
	#navlist {
		width: 814px;
		padding-right: 21px;
	}
	#navlist li {
	    width: 200px;
		height: 83px;
	}
	#home-nav-icons-box {
		height: 120px;
	}
	
	#web-design-nav {
		background-position: 0 -504px !important;
	}
	#web-design-nav:hover {
		background-position: 0 -588px !important;
	}
	#web-admin-nav {
		background-position: 0 -337px !important;
	}
	#web-admin-nav:hover {
		background-position: 0 -421px !important;
	}
	#graphic-design-nav:hover {
		background-position: 0 -84px !important;
	}
	#extras-nav {
		background-position: 0 -168px !important;
	}
	#extras-nav:hover {
		background-position: 0 -252px !important;
	}
}

@media screen and (max-width: 813px) and (min-width: 650px) {
	/* #navlist {
		width: 736px;
		padding-right: 21px;
	}
	#navlist li {
	    width: 180px;
		height: 76px;
	} */
	#navlist {
		width: 655px;
		padding-right: 21px;
		margin: 25px auto 0 auto;
	}
	#navlist li {
	    width: 159px;
		height: 67px;
	}
	#home-nav-icons-box {
		height: 110px;
	}
	
	#web-design-nav {
		background-position: 0 -401px !important;
	}
	#web-design-nav:hover {
		background-position: 0 -468px !important;
	}
	#web-admin-nav {
		background-position: 0 -267px !important;
	}
	#web-admin-nav:hover {
		background-position: 0 -334px !important;
	}
	#graphic-design-nav:hover {
		background-position: 0 -67px !important;
	}
	#extras-nav {
		background-position: 0 -133px !important;
	}
	#extras-nav:hover {
		background-position: 0 -200px !important;
	}
}

/* END NEW NAV DESIGN */


#web-design-nav-v2{
    /* width:225px; */ 
	background-position: 0 0 !important;
}
#web-design-nav-v2:hover{
    /* width:225px; */ 
	background-position: 0 0 !important;
}
#web-admin-nav-v2{
    /* width:248px; */ 
	background-position: 0 0 !important;
}
#web-admin-nav-v2:hover{
    /* width:248px; */ 
	background-position: 0 0 !important;
}
#graphic-design-nav-v2{
    /* width:204px; */ 
	background-position: 0 0 !important;
}
#graphic-design-nav-v2:hover{
    /* width:204px; */ 
	background-position: 0 0 !important;
}
#extras-nav-v2{
    /* width:240px; */ 
	background-position: 0 0 !important;
}
#extras-nav-v2:hover{
    /* width:240px; */ 
	background-position: 0 0 !important;
}


#nav-side-buttons{position:relative;display:block;list-style-type:none !important;}
ul#nav-side-buttons{}
#nav-side-buttons li{margin:0px;padding:0 3px 0 4px;border:none;list-style:none;position:absolute;right:0px;}
#nav-side-buttons li, #nav-side-buttons a{height:49px;width:50px;display:block;}
#nav-side-linkedin{top:0px;background:url('https://everplexmedia.com/img/sprites/sprite-2018.webp') 0px -294px no-repeat;}
#nav-side-linkedin:hover{background:url('https://everplexmedia.com/img/sprites/sprite-2018.webp') 0px -343px no-repeat;}
#nav-side-facebook{top:56px;background:url('https://everplexmedia.com/img/sprites/sprite-2018.webp') 0px -98px no-repeat;}
#nav-side-facebook:hover{background:url('https://everplexmedia.com/img/sprites/sprite-2018.webp') 0px -147px no-repeat;}
#nav-side-twitter{top:112px;background:url('https://everplexmedia.com/img/sprites/sprite-2018.webp') 0px -196px no-repeat;}
#nav-side-twitter:hover{background:url('https://everplexmedia.com/img/sprites/sprite-2018.webp') 0px -245px no-repeat;}
#nav-side-email{top:169px;background:url('https://everplexmedia.com/img/sprites/sprite-2018.webp') 0px 0px no-repeat;}
#nav-side-email:hover{background:url('https://everplexmedia.com/img/sprites/sprite-2018.webp') 0px -49px no-repeat;}
#menu{position:fixed;top:0px;right:0px;margin-right:0px;padding:0;}
#menu-footer{padding:0;width: 100%;height:50px;}
.menu-footer{margin-top: -30px;margin-left:-1px;padding:0;width:970px;display:block;}
.menu-footer li{list-style:none;display:inline;}
.menu-footer li a{float:left;padding:6px 17px 10px 17px;display:block;color:#fff;text-decoration:none;font:16px Verdana, Arial, Helvetica, sans-serif;cursor:pointer;background:#111;border-top:1px solid #000;border-bottom:1px solid #000;color:#eee !important;}
.menu-footer li a:hover{background:#222;}
.menu-footer li a.active, .menu li a.active:hover{color:#c0022f;}
.menu-footerFirst{border-left:1px solid #000;border-right:1px solid #000;/*padding:10px 18px !important;*/}
#footer-credits{padding:6px 0 5px;/*padding:14px 0 6px 0;*/}
/* animate.css bounce effect */
#web-design-nav:hover,#web-admin-nav:hover,#graphic-design-nav:hover,#graphic-design-nav-v2:hover,#extras-nav:hover,#extras-nav-v2:hover,#nav-side-linkedin:hover,#nav-side-facebook:hover,#nav-side-twitter:hover,#nav-side-email:hover{
	-webkit-animation-fill-mode: both;
	-moz-animation-fill-mode: both;
	-ms-animation-fill-mode: both;
	-o-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-duration: 0.7s;
	-moz-animation-duration: 0.7s;
	-ms-animation-duration: 0.7s;
	-o-animation-duration: 0.7s;
	animation-duration: 0.7s;
	-webkit-animation-name: bounce;
	-moz-animation-name: bounce;
	-o-animation-name: bounce;
	animation-name: bounce;
}
@-webkit-keyframes bounce {
	0%, 20%, 50%, 80%, 100% {-webkit-transform: translateY(0);}
	40% {-webkit-transform: translateY(-15px);}
	60% {-webkit-transform: translateY(-7px);}
}
@-moz-keyframes bounce {
	0%, 20%, 50%, 80%, 100% {-moz-transform: translateY(0);}
	40% {-moz-transform: translateY(-15px);}
	60% {-moz-transform: translateY(-7px);}
}

@-o-keyframes bounce {
	0%, 20%, 50%, 80%, 100% {-o-transform: translateY(0);}
	40% {-o-transform: translateY(-15px);}
	60% {-o-transform: translateY(-7px);}
}
@keyframes bounce {
	0%, 20%, 50%, 80%, 100% {transform: translateY(0);}
	40% {transform: translateY(-15px);}
	60% {transform: translateY(-7px);}
}

/* end navlist menu css */

/* responsive page */

@media screen and (max-width: 850px) {
	#logo {
		width: 209px;
	}
	#header-left ul {
		margin: 16px 10px 0 5px;
	}
	#header-left ul li a {
		font: normal 17px calibri;
	}
	#header-div {
		height: 79px;
	}
	#home-top-banner {
		min-height: 473px;
	}
	#welcome {
		margin-top: 185px;
		font: bold 42px Calibri;
	}
}
/* end responsive page */

/* home page boxes */

#home-container {
    width: 100%;
}

#home-features {
    width: 100%;
    display: block;
    float: left;
	background: url(https://everplexmedia.com/images/bg-canvas.webp);
    background-size: cover;
    /* padding-bottom: 50px; */
}
#home-features ul.features-align {
	margin-top: 0;
}
#home-categories {
	background: url(https://everplexmedia.com/images/bg-canvas.webp);
}
#homemodule-business {
	/* background: rgba(0,0,0,0.1); */
	background: #fff url(https://everplexmedia.com/images/office-buildings.webp) no-repeat center;
	background-size: cover;
}
.homemodule-business-inner {
	width: 50%;
    padding: 0 0 20px 50px;
}
#home-categories #homemodule-business h2,
#homemodule-business .homemodule-description {
	text-align: left;
}
#homemodule-ecommerce {
	background: #fff url(https://everplexmedia.com/images/shops2.webp) no-repeat center;
	background-size: cover;
    border-top: 5px solid #333;
    border-bottom: 5px solid #333;
}
.homemodule-ecommerce-inner {
	width: 50%;
	float: right;
    padding: 0 50px 20px 0;
}
#home-categories #homemodule-ecommerce h2,
#homemodule-ecommerce .homemodule-description {
	text-align: right;
	color: #fff;
}
#homemodule-smallbusiness {
	/* background: rgba(0,0,0,0.1); */
	background: #fff url(https://everplexmedia.com/images/entrepreneur.webp) no-repeat center;
	background-size: cover;
}
.homemodule-smallbusiness-inner {
	width: 50%;
    padding: 0 0 20px 50px;
}
#home-categories #homemodule-smallbusiness h2,
#homemodule-smallbusiness .homemodule-description {
	text-align: left;
}


.catmodules,
.catmodules2 {
	background-size: cover !important;
}
.entry-content .catmodules h2,
.entry-content .catmodules2 h2 {
	padding-bottom: 0;
}

.catmodules2 {
    border-top: 5px solid #333;
    border-bottom: 5px solid #333;
}

.catmodules-inner {
	width: 50%;
    padding: 0 0 20px 50px;
}

.catmodules2-inner {
	width: 50%;
	float: right;
    padding: 0 50px 20px 0;
}

.catmodules-inner span,
.catmodules2-inner span {
	padding: 10px 17px;
    color: #fff;
    background: rgba(40,145,243,0.8);
    font-size: 23px;
    font-weight: bold;
    margin-right: 10px;
}

#home-categories .catmodules h2,
#home-categories .catmodules .homemodule-description {
	text-align: left;
}

#home-categories .catmodules2 h2,
#home-categories .catmodules2 .homemodule-description {
	text-align: right;
	color: #fff;
}

#catmodule-website-design {
	background: #fff url(https://everplexmedia.com/images/website-design.webp) no-repeat center;
}
#catmodule-web-hosting {
	background: #fff url(https://everplexmedia.com/images/web-hosting.webp) no-repeat center;
}
#catmodule-social-media {
	background: #fff url(https://everplexmedia.com/images/social-media.webp) no-repeat center;
}

#catmodule-process-discovery {
	background: #fff url(https://everplexmedia.com/images/process-discovery.webp) no-repeat center;
}
#catmodule-process-planning {
	background: #fff url(https://everplexmedia.com/images/process-planning.webp) no-repeat center;
}
#catmodule-process-framework {
	background: #fff url(https://everplexmedia.com/images/process-framework.webp) no-repeat center;
}
#catmodule-process-design {
	background: #fff url(https://everplexmedia.com/images/process-design.webp) no-repeat center;
}
#catmodule-process-testing {
	background: #fff url(https://everplexmedia.com/images/process-testing.webp) no-repeat center;
}
#catmodule-process-delivery {
	background: #fff url(https://everplexmedia.com/images/process-delivery.webp) no-repeat center;
}

#catmodule-hosting-fast {
	background: #fff url(https://everplexmedia.com/images/hosting-fast.webp) no-repeat center;
}
#catmodule-hosting-secure {
	background: #fff url(https://everplexmedia.com/images/hosting-secure.webp) no-repeat center;
}
#catmodule-hosting-cpanel {
	background: #fff url(https://everplexmedia.com/images/hosting-cpanel.webp) no-repeat center;
}
#catmodule-hosting-unlimited {
	background: #fff url(https://everplexmedia.com/images/hosting-unlimited.webp) no-repeat center;
}
#catmodule-hosting-prices {
	background: #fff url(https://everplexmedia.com/images/hosting-prices.webp) no-repeat center;
}

#home-categories.web-hosting .catmodules,
#home-categories.web-hosting .catmodules2 {
	min-height: 300px;
}

#home-categories.web-hosting .catmodules .homemodule-description {
	max-width: 500px;
	margin: 30px 15px;
}
	
#home-categories.web-hosting .catmodules2 .homemodule-description {
	max-width: 500px;
	margin: 30px 15px;
	float: right;
}


#catmodule-marketing-seo {
	background: #fff url(https://everplexmedia.com/images/marketing-seo.webp) no-repeat center;
}
#catmodule-marketing-social-media {
	background: #fff url(https://everplexmedia.com/images/marketing-social-media.webp) no-repeat center;
}
#catmodule-marketing-ppc {
	background: #fff url(https://everplexmedia.com/images/marketing-ppc.webp) no-repeat center;
}



#home-features h2 {
	/* margin-top: 30px;
    color: #555; */
	text-align: center;
    padding-top: 30px;
    padding-bottom: 30px;
    margin-bottom: -30px;
    font-size: 30px;
    font-weight: 100;
    color: #fff;
    background: #333;
    font-family: "Open Sans";
}

#home-features ul {
    /* padding-right: 15px;
    padding-left: 15px; */
    margin: 30px auto;
}

.features-boxes {
    position: relative;
    display: inline-block;
    float: left;
    /* width: calc(33% - 0.5%);
    margin: 0 .5% .5% 0; */
    width: 33.333%;
    margin: 0;
    padding: 0;
    height: 300px;
    text-align: center;
    color: #FFF;
    background-color: #333;
    overflow: hidden;
}

.features-info {
    z-index: 120;
    opacity: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    padding: 0 25px;
    -ms-transform: translateY(100%);
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
    -ms-transition: opacity .3s ease-in-out, -ms-transform .3s ease-in-out;
    -webkit-transition: opacity .3s ease-in-out, -webkit-transform .3s ease-in-out;
    transition: opacity .3s ease-in-out, transform .3s ease-in-out;
}

.features-boxes:hover {
}

.features-boxes:hover .features-info {
    opacity: 1;
    -ms-transform: translateY(45%);
    -webkit-transform: translateY(45%);
    transform: translateY(45%);
}

.features-boxes h4 {
    z-index: 120;
    position: absolute;
    width: 100%;
    height: 100%;
	padding-top: 30px;
    margin: -30px 0 0 0;
    top: 0;
    color: #fff;
    font: bolder 24px calibri;
    text-transform: uppercase;
    text-shadow: 0 2px 3px rgba(0,0,0,0.75);
    -ms-transform: translateY(50%);
    -webkit-transform: translateY(50%);
    transform: translateY(50%);
    -ms-transition: -ms-transform .3s ease-in-out;
    -webkit-transition: -webkit-transform .3s ease-in-out;
    transition: transform .3s ease-in-out;
}

.features-boxes:hover h4 {
    -ms-transform: translateY(29%);
    -webkit-transform: translateY(29%);
    transform: translateY(29%);
	background-color: rgba(0,0,0,0.5);
}
.features-info p {
	text-shadow: 0 2px 3px rgba(0,0,0,0.75);
    font: 17px calibri;
}

.features-btn {
	color: #fff;
    /* background: rgba(10,10,10,0.7);
    background: rgba(50,50,50,0.7);
    border: 2px solid rgba(73,160,16,0.7); */
	background: rgba(73,160,16,0.7);
    padding: 10px 14px;
    margin-top: 10px;
    display: inline-block;
    font: 17px calibri;
}
.features-btn:hover {
    /* background: rgba(0,0,0,0.8); */
	background: rgba(73,160,16,0.9);
    color: #fff;
	cursor: pointer;
}
.features-btn.schedule-appointment {
	margin-top: 0 !important;
}
.features-btn.schedule-appointment:hover {
	background: rgba(73,160,16,0.9) !important;
}
#header-left #nav-main ul li {
    padding: 0;
}
#nav-main li a:hover {
    background: rgba(40,145,243,0.6);
}
#nav-main li a {
    padding: 7px 14px 8px 14px;
    margin-top: 0;
}
   
#nav-main li a.features-btn.login {
    margin-top: -10px;
    margin-left: 7px;
    padding: 10px 17px;
}
#nav-main li a.features-btn.login:hover {
	background: rgba(73,160,16,0.9);
} 

#home-footer-top a.features-btn.footer-login {
	font: 20px calibri;
    margin-left: 25px;
    text-transform: lowercase;
}

.features-boxes {
    background-size: cover !important;
}
.features-easy {
    background: url(https://everplexmedia.com/images/home/easy.webp);
}

.features-modern {
    background: url(https://everplexmedia.com/images/home/modern.webp);
}

.features-mobile {
    background: url(https://everplexmedia.com/images/home/mobile.webp);
}

.features-support {
    background: url(https://everplexmedia.com/images/home/support.webp);
}

.features-secure {
    background: url(https://everplexmedia.com/images/home/secure.webp);
}

.features-social {
    background: url(https://everplexmedia.com/images/home/social.webp);
}


.features-hosting-fast-servers {
    background: url(https://everplexmedia.com/images/hosting-fast-servers.webp);
}
.features-hosting-high-bandwidth {
    background: url(https://everplexmedia.com/images/hosting-high-bandwidth.webp);
}
.features-hosting-high-storage {
    background: url(https://everplexmedia.com/images/hosting-high-storage.webp);
}
.features-hosting-monthly-maintenance {
    background: url(https://everplexmedia.com/images/hosting-monthly-maintenance.webp);
}
.features-hosting-strong-security {
    background: url(https://everplexmedia.com/images/hosting-strong-security.webp);
}
.features-hosting-virus-removal {
    background: url(https://everplexmedia.com/images/hosting-virus-removal.webp);
}


#home-categories .features-boxes {
    background-position: 50% 0 !important;
	height: 211px;
}
#home-categories .features-boxes h4 {
    opacity: 0;
}

#home-categories .features-boxes:hover h4 {
    opacity: 1;
	background-color: rgba(0,0,0,0.85);
    -ms-transform: translateY(29%);
    -webkit-transform: translateY(29%);
    transform: translateY(15%);
}

#home-categories .features-btn {
	background: rgba(73,160,16,0.7);
}
#home-categories .features-btn:hover {
	background: rgba(73,160,16,0.9);
}

#home-categories .features-info p {
    margin-bottom: 12px;
    margin-top: -20px;
}



#home-categories {
    width: 100%;
    display: block;
    float: left;
}
#home-categories h2 {
	text-align: center;
	margin-top: 50px;
	font-size: 30px;
	font-weight: 100;
    color: #555;
}

#home-categories ul {
    padding-right: 15px;
    padding-left: 15px;
    margin: 30px auto;
}

.home-categories {
	width: 100%;
	display: block;
	float: left;
}

.homemodule-description {
	width: 90%;
    max-width: 1100px;
    text-align: center;
    margin: 30px auto;
    font: normal 18px calibri;
}

.features-demo1 {
    background: url(https://everplexmedia.com/screens/johnbrooks.webp);
}
.features-demo2 {
    background: url(https://everplexmedia.com/screens/teampropane.webp);
}
.features-demo3 {
    background: url(https://everplexmedia.com/screens/rfitness.webp);
}
.features-demo4 {
    background: url(https://everplexmedia.com/screens/sabercathost.webp);
}
.features-demo5 {
    background: url(https://everplexmedia.com/screens/hostrhinos.webp);
}
.features-demo6 {
    background: url(https://everplexmedia.com/screens/bannersonline.webp);
}


@media screen and (min-width: 1200px) {
	#home-features ul,
	#home-categories ul {    
		/* max-width: 1170px; */
	}
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
	#home-features ul,
	#home-categories ul {    
		/* max-width: 970px; */
	}
}
@media screen and (max-width: 991px) {
	#home-categories .features-boxes {
		width: 100%;
		max-width: 480px;
		height: 275px !important;
		margin: 0 auto;
		display: block;
		float: none;
		margin-bottom: 10px;
	}
	#home-categories .features-boxes h4 {
		padding-top: 59px;
	}
	#home-categories .features-boxes:hover h4 {
		-ms-transform: translateY(11%);
		-webkit-transform: translateY(11%);
		transform: translateY(11%);
	}
	.footer, .push {
    	background: #444;
	}
	#home-nav-icons-box {
		height: auto;
	}
}

@media screen and (min-width: 768px) and (max-width: 991px) {
	#home-features ul,
	#home-categories ul {    
		/* max-width: 750px; */
	}
	.features-boxes {
		/* width: calc(50% - 4px); */
		width: 50%;
	}
	#navlist {
		margin: 30px auto 23px auto;
	}
}

@media screen and (max-width: 768px) {
	#home-features ul,
	#home-categories ul {    
		/* max-width: 98%; */
	}
	#home-features {
	    background-size: auto;
	}
	#home-features .features-boxes {
		/* width: calc(100% - 0.5px); */
		width: 100%;
	}
	#navlist {
		width: 100%;	
		/* margin-left: 5%; */
		padding-right: 0;
		max-width: 480px;
    	margin: 30px auto 15px auto;
	}
	#navlist li {
		height: 86px;
		width: 50%;
		/* width: 45%;
		margin: 0 0 20px 0 !important; */
		display: block;
		float: left;
	}
	#web-design-nav {
		margin-right: 3% !important;
		margin-bottom: 20px !important;
	    background-position: 0 -546px !important;
	}
	#web-design-nav:hover {
		background-position: 0 -636px !important;
	}
	#web-admin-nav {
		margin-right: 0 !important;
		margin-bottom: 20px !important;
	    background-position: 0 -363px !important;
	}
	#web-admin-nav:hover  {
	    background-position: 0 -454px !important;
	}
	#graphic-design-nav {
		margin-right: calc(3% - 21px) !important;
    	margin-left: 21px !important;
	}
	#graphic-design-nav:hover {
	    background-position: 0 -91px !important;
	}
	#extras-nav {
		position: relative;
		margin-right: -13px !important;
		margin-left: 13px !important;
	    background-position: 0 -182px !important;
	}
	#extras-nav:hover {
	    background-position: 0 -273px !important;
		
	}
	#footer-right {
		display: none;
	}
}



/* ************************ NEW *******************************'
 * FOOTER */

#footer-box1 {
	float: left;
	padding: 40px 40px 20px 70px;
}

#footer-box2 {
	float: left;
	color: #fff;
	border-left: 2px solid #fff;
	padding-left: 20px;
	margin: 0px 20px 0 0;
}

	.foot-box2-top {
		padding-bottom: 20px;
	}

	.foot-box2-bottom {
	}

#footer-box3 {
	float: left;
	margin-top: -30px;
	margin-left: 15px;
	margin-right: 15px;
	background: #0f76c6;
	border: 2px solid #fff;
	width: 253px;
	height: 155px;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}

#footer-box-3-submit {
	margin-top: 12px;
/*	padding: 2px 4px 3px 4px;
	background: #0F76C6;
	color: white;
	font-family: verdana;
	border-radius: 4px;
	cursor: hand; 
	cursor: pointer; */
}

#footer-box3-title {
	color: #fff; 
	font-size: 20px; 
	text-align: center; 
	font-weight: bold; 
	padding: 15px 0 12px 0; 
	font-family: arial;
}

#footer-box-3-submit:hover {
	background: #107ed4;
}

#footer-box4 {
	float: left;
	padding: 20px 0 20px 30px;
}

#footer-inner {
	width: 100%;
	height: 120px;
	padding: 15px 50px 35px 50px;
	margin: 15px auto 0 auto;
	background: #4996d1;
	color: #fff;
	float: left;
}

#footer-inner a {
	color: #fff;
	font-weight: bold;
	font-family: arial;
}

#footer-inner a:hover {
	text-decoration: underline;
}

.footer, .push {
	height: 100px; /* .push must be the same height as .footer */
	clear: both;
	position: absolute;
}


#footer-left {
	position: relative;
	float:left;
	padding-top: 10px;
}

.foot-left {
	position: relative;
	float: left;
}

#footer-middle {
	float:  left;
	padding-left: 30px;
	margin-top: -10px;
}
#footer-middle img {
	width: 180px;
}
#footer-right {
	position: relative;
	float: right;
	padding-top: 10px;
}

#footer-bottom {
	background: #7189a9;
	padding: 30px 0;
	border-top: 1px dashed #fff;
}

#footer-bottom a {
	background: #0f76c6; /* #415161 */
	color: #fff !important;
	border: 1px solid #0c61a3; /* #415161; */
	padding: 7px;
	font-weight: normal !important;
	font-family: verdana !important;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
}

#footer-bottom a:hover {
	/* background: #fff !important;
	color: #5d7892 !important;
	border: 1px solid #b0b6bd; */
	text-decoration: none !important;
	cursor: pointer;
	background: #2896ec;
	border-color: #1976be;
}

#credits {
    background: #202020;
    padding: 40px 100px 80px 100px;
    width: auto;
    color: #fff;
    font: 20px calibri;
}


/* FOOTER */

#footer-cont {
    width: 100%;
    float: left;
}

.footer-hr {
    border: none;
    background: none;
    margin-bottom: 18px;
}
#home-footer-nav .features-box.row2 {
	background: #444;
    margin-top: 20px;
    padding-top: 20px;
    padding-bottom: 10px;
    margin-bottom: -20px;
}
@media screen and (max-width: 1580px) and (min-width: 1250px) {
    .the-post-thumbnail.header-img, .the-post-thumbnail.header-img img {
        max-height: 419px !important;
    }
}
@media screen and (max-width: 1517px) and (min-width: 1250px) {
    #home-features-box h2 {
        font-size: 20px !important;
    }
    #home-features-box .features-box span.features-txt {
        /* padding: 38px 20px 20px 117px !important; */
        font-size: 14px !important;
    }
    #home-features-box .features-box span.features-img {
        /* width: 80px !important;
        height: 80px !important;
        margin-top: -1px !important;
        background-size: 50px !important;
        margin-left: -100px !important; */
    }
}
@media screen and (min-width: 1050px) {
    .can-afford-bottom a:hover {
        margin: auto 70px;
    }
}
@media screen and (max-width: 1005px) and (min-width: 768px) {
    .the-post-thumbnail.header-img, .the-post-thumbnail.header-img img {
        max-height: 550px !important;
        margin-bottom: -37px;
    }
}
@media screen and (max-width: 997px) {
  .home2-left.home2-left-1, .home2-left.home2-left-2 {    
    margin: 0 20px 0 0;
  }
  .home2-left {    
    width: 31%;
  }
  .home2-left-text {    
    font-size: 20px;    
    line-height: 25px;    
    padding: 12px 0 20px 0;
  }
  #credits {
    padding: 20px;
    overflow: hidden;
  }
  	#home-features-box .features-box, #home-footer-nav .features-box ul {
		width: 100% !important;
		max-width: 500px !important;
		float: none !important;
		margin: 0 auto !important;
	}
}

@media screen and (min-width: 991px) and (max-width: 1249px) {
	#home-features-box .features-box span.features-img {
		/* width: 80px !important;
		height: 80px !important;
		margin-top: 6px !important;
		background-size: 48px !important; */
	}
	#home-features-box .features-box span.features-txt {
		font-size: 15px !important;
	}
	#home-features-box .features-box span.features-txt span.features-desc {
		padding-left: 103px !important;
		padding-right: 0 !important;
	}
	#home-features-box h2 {
		font-size: 21px !important;
	}
}
@media screen and (min-width: 768px) and (max-width: 914px) {
    .page-head #header-left ul {
        margin: 7px 0 0 15px;
    }
}

@media screen and (max-width: 820px) {
  #footer-bottom a {
    line-height: 35px;
    white-space: nowrap;
    /* margin-bottom: 20px;
    width: 70%;
    padding: 10px 10px;
    display: block; */
    margin: 0 10px 20px 10px;
    width: 40%;
    padding: 10px 10px;
    display: inline-block;
  }
  .footer-hr {
    display: none;
  }
  #footer-bottom {
    padding: 20px 10px 0 10px;
  }
}

@media screen and (max-width: 768px) {
    .banner-page-head #header-left ul li a {
        font-size: 29px;
    }
	#welcome {
        width: 480px;
        margin: 0 auto;
        margin-top: 157px !important;
	}
	.home-top-banner-title {
        font: bold 38px Calibri;
        text-align: center;
    }
    .home-top-banner-text {
        font-size: 18px;
        text-align: center;
    }
    #zip-code {
        font-size: 20px;
        width: 115px;
        padding: 15px 15px 11px 17px;
        
    }
    .call-to-action {    
        font-size: 23px;
        padding: 5px 15px 15px 27px;
        background-position: 199px 11px;
            margin-top: 25px;
    }
    .call-to-action:after { 
        top: 9px;
    }
    .features-box,
    .home-main-right {
        width: 100% !important;
    }
    .home-main-right .call-to-action {
        background-position: 205px 18px !important;
    }
    .home-main-left {
        width: 100% !important;
        margin-bottom: 20px;
    }
    #home-footer-top {
        padding: 40px 40px!important;
    }
    #home-footer-top .spacer {
        display: none;
    }
    #home-footer-top a {
        width: 49% !important;
        float: left;
        height: 50px;
        display: inline-block;
        vertical-align: middle;
        padding-top: 9px;
        background: rgba(40, 145, 243, 0.2);
        margin-bottom: 9px;
    }
    #home-footer-top a:first-child {
        width: 100% !important;
    }
    #home-footer-top a:nth-child(7),
    #home-footer-top a:nth-child(3) {
        margin-right: 2%;
    }
    #home-footer-top a:hover {
        background: rgba(40, 145, 243, 0.6);
    }
    #home-features-box .features-box, #home-footer-nav .features-box ul {
        width: 100% !important;
    }
    #home-footer-nav li a {
        display: inline-block;
    }
    #home-features-box .features-box span.features-txt {
        /* padding: 42px 20px 20px 139px !important; */
    }
    #home-features-box .features-box span.features-img {
        margin-top: -4px !important;
    }
    #home-features-box .features-box span.features-txt span.features-desc {
        padding-top: 12px;
    }
    .footer-nav-2 {
        padding-top: 50px !important;
        margin-top: 20px !important;
        border-top: 1px solid #444;
    }
    .footer-nav-3 {
        padding-top: 55px !important;
        margin-top: 20px !important;
        border-top: 1px solid #444;
    }
    .footer-nav-3 li {
        padding-left: 10px !important;
    }
    #footer-left,
    #footer-right {
        width: 100% !important;
    }
    /* #footer-left {
        margin-bottom: -20px;
    }*/
    #disclaimer br {
        display: none;
    }
    /* PAGES */
    .banner-content h2.banner-text {
        width: 480px;
        top: 181px;
        left: 28px;
        font-size: 34px !important;
        text-align: center;
    }
    .banner-content H2.banner-text.large-banner-text {
        width: 480px;
        font-size: 29px !important;
    }
    .the-post-thumbnail.header-img, .the-post-thumbnail.header-img img {
        max-height: 477px;
    }
    .banner-page-content {
        padding: 40px 27px 0px 26px;
    }
	.banner-page-content-cat {
        padding: 0;		
	}
    h2#commercial-property, h2#general-liability, h2#business-auto, h2#workmans-compensation {
        width: 90%;
    }
    /* END PAGES */
  #action-boxes {    
    margin: 15px;
  }
  #nav-toggle {    
    display: block;
    margin-right: 15px;
  }
  #header-left ul {    
    display: none;
  }
    
    #nav-toggle {
		display: block; 
        margin-right: 38px;
        height: 50px;
        width: 40px;
    }
	nav#nav-main {
		display: none; 
	}
	#nav-mobile .bull  {
		display: none; 
	}
	nav#nav-mobile {
		display: block; 
	}
	#nav-mobile ul li {
		display: block; 
	}
    #nav-toggle span {
        height: 4px;
    }
    #nav-toggle span::before {
        height: 4px;
        top: 11px;
    }
    #nav-toggle span::after {
        height: 4px;
        top: 22px;
    }
    #nav-toggle.open span::before {
        transform: rotate(45deg) translate(0.5px, 0px);
    }
    #nav-toggle.open span::after {
        transform: rotate(-45deg) translate(7.5px, -7px);
    }
    #header-div #nav-mobile .nav {
        margin-top: 54px !important;
    }
    #header-left ul li {
        padding: 0;
    }
    #header-left ul li.phone {
        font-size: 30px !important;
        padding: 20px 0 5px 0 !important;
    }
	#header-left ul {
		margin: 0 10px 0 5px;
	}
	#header-left ul li a {
		font: normal 17px calibri;
        margin: 10px 0;
	}
	#home-top-banner {
		min-height: 473px;
	}
	#credits {
	    padding: 40px 20px 46px 20px;
	}
}

@media screen and (max-width: 617px) {
  .home2-left {    
    width: 30%;
  }
  #welcome {    
    font-size: 32px;    
    margin-top: 135px;
  }
}

@media screen and (max-width: 575px) {
  .home2-left-icons img {    
    width: 80px;
  }
  .home2-left-title {    
    font-size: 18px;    
    line-height: 22px;    
    font-weight: normal;    
    padding: 10px 0 7px 0;
  }
  .home2-left-text {    
    font-size: 14px;    
    line-height: 18px;    
    padding: 12px 0 17px 0;
  }
  .home-section-titles {    
    font-size: 32px;
  }
  #header-left ul {    
    display: none;
  }
  #nav-toggle {
    /* font-size: 33px; */
  }
  #footer-left {
    text-align: center;
    float: none;
  }
  #footer-middle {
    float: left;
    padding-left: 0;
    margin-top: 0;
  }
  #footer-middle img {
    width: 150px;
    margin-top: 20px;
  }
  #footer-right {
    margin-top: 0;
    padding-top: 30px;
  }
  .can-afford-top {
    font-size: 20px;
    padding-right: 30px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
  }
  /* pages */
  html {
      overflow-x: hidden;
  }
  #content-container {
    width: auto;
  }
  .calc-panel {
    width: 100%;
    /* max-width: 440px; */
    margin: 0 auto;
  }
  .calc-text {
    width: auto;
  }
  .calc-inputs-wrapper {
    float: right;
  }
  .entry-title {
    font-size: 25px;
  }
  #sidebar {
    display: none;
  }
}
.continue-reading {
    display: inline-block;
    /* line-height: 25px; */
}
.the-blog-excerpt {
    line-height: 20px;
}
h2.blog-loop-titles a {
    font-size: 25px !important;
}
.blog-loop-thumbnails img {
    max-width: 100%;
}
.the-post-thumbnail {
    height: auto;
}
.the-post-thumbnail img {
    max-height: 447px;
    min-width: 100%;
    object-fit: cover;
    object-position: 50% -96px; 
}
.banner-content .the-post-thumbnail img {
    max-height: 550px;
    object-position: 50% -74px;
    filter: brightness(84%);
    -webkit-filter: brightness(84%);
	border: none !important;
    padding: 0;
    margin-top: -95px;
}
.banner-content .banner-text {
    position: absolute;
    top: 213px;
    left: 100px;
    /* TO CENTER IT ***
    left: 0;
    right: 0;
    margin: auto; */
    background: rgba(0,0,0,0.7);
    width: 514px;
    padding: 33px 42px 40px 42px;
    box-sizing: border-box;
    /* border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px; */
    font-size: 30px !important;
    font-weight: bold !important;
    /* font-family: 'palatino-linotype','GFS Didot', serif !important; */
    color: #fff;
}
.banner-content .banner-text.large-banner-text {
    width: 561px;
}
.single-blog {
    font-family: 'Georgia',serif;
    color: #333333;
}
.single-blog h1 {
    font-weight: normal;
	color: #0066cc;
}
 
.single-blog h2, 
.single-blog h3 {
	color: #0066cc;
}

#home-footer-top {
    background: #0c5497;
  	text-align: center;
    padding: 40px 80px;
    font: 24px calibri;
    position: relative;
    width: 100%;
    float: left;
}
#home-footer-top a {
  	color: #fff;
}
.spacer {
    margin-left: 20px;
    padding-right: 20px;
    color: #6799c8;
}
.spacer:before {
    content: "|"
}
#home-footer-nav {
    background: #353535;
  	color: #fff;
    width: 100%;
    display: flex;
  	flex-direction: column;
    margin-top: 0 !important;
    padding: 38px 0 20px 0;
	float: left;
}
#home-footer-nav ul {
    margin: 0;
}
#home-footer-nav li {
    text-align: center;
    display: block;
    width: 100%;
    padding: 7px 0;
}
#home-footer-nav h3 {
    margin: -6px 0 20px 0;
    padding: 0;
    text-align: center;
    color: #fff;
    font-size: 22px;
    vertical-align: middle;
    font-family: "TR Avalon", Verdana, Tahoma, Arial;
}
#home-footer-nav li a {
    font: 20px calibri;
    color: #fff;
    padding: 5px 12px 7px;
}
#home-footer-nav li a:hover {
    background: rgba(40,145,243,0.6);
}
#home-footer-nav .footer-nav-1 h3 {
}
#home-footer-nav .footer-nav-2 {
    margin-top: -14px;
}
#home-footer-nav .footer-nav-2 h3 {
	margin-bottom: 0;
}
#home-footer-nav .footer-nav-2 a.footer-phone {
    font-size: 28px;
    margin-bottom: -6px;
}
#home-footer-nav .footer-nav-2 a.footer-phone:hover {
    background: none;
}

#home-footer-nav .footer-logo {
    vertical-align: middle;
    width: 47px;
    margin-right: 5px;
    margin-left: -5px;
}
#home-footer-nav .footer-about-head {
    color: #fff;
}
#home-footer-nav .footer-about-head:hover {
    color: #fff;
    text-decoration: underline;
}
#home-footer-nav .footer-nav-3 li {
}
#home-footer-nav .footer-nav-3 li a {
    padding: 5px 0;
}
#home-footer-nav .footer-nav-3 li img {
    width: 30px;
    vertical-align: middle;
    margin-right: 5px;
}
#home-footer-nav .footer-nav-3 li a {
    background: none;
}
#home-footer-nav .footer-nav-3 li img {
    position: relative;
    z-index: 2;
}
#home-footer-nav .footer-nav-3 li span {
    margin-top: -3px;
    margin-left: -12px;
    vertical-align: middle;
    padding: 5px 12px 7px;
    position: relative;
    z-index: 1;
}
#home-footer-nav .footer-nav-3 li a:hover img {
    -webkit-filter: brightness(130%);
    filter: brightness(130%);
}
#home-footer-nav .footer-nav-3 h3 {
    margin-bottom: 13px;
}
#home-footer-nav li a.footer-tw {
    margin-left: -19px;
}
#home-footer-nav li a.footer-li {
    margin-left: -10px;
}

#home-footer-nav .footer-nav-2.row2 {
    margin-top: 0;
}
#home-footer-nav .footer-nav-2.row2 h3 {
    margin-bottom: 20px;
}
#home-footer-nav .footer-nav-3.row2 li a {
	padding: 5px 12px 7px;
}
#home-footer-nav .footer-nav-3.row2 li a:hover {
    background: rgba(40,145,243,0.6);
}

/* 
#home-footer-nav .footer-nav-1.row2 h3 {
	background: #333;
    width: 200px;
    margin: -6px auto 20px auto;
    padding: 10px;
} 
#home-footer-nav .footer-nav-2.row2 h3 {
    background: #333;
    width: 230px;
    margin: -6px auto 20px auto;
    padding: 10px;
} 
#home-footer-nav .footer-nav-3.row2 h3 {
	background: #333;
    width: 230px;
    margin: -6px auto 13px auto;
    padding: 10px;
}
*/

#disclaimer {
    background: #4f4f4f;
  	color: #fff;
  	text-align: center;
    padding: 40px 80px;
    line-height: 22px;
    font-family: "TR Avalon", Verdana, Tahoma, Arial;
}
#disclaimer span {
    font-weight: bold;
}
#disclaimer a {
    color: #fff;
    text-decoration: underline;
}

/* navlist menu css */

#menu{position:fixed;top:0px;right:0px;margin-right:0px;padding:0;}
.menu{margin:0;padding:0;width:100%;display:block;}
.menu li{list-style:none;display:inline;}
.menu li a{float:left;padding:10px 15px 14px 15px;display:block;color:#fff;text-decoration:none;font:17px Verdana, Arial, Helvetica, sans-serif;cursor:pointer;background:#111;border-top:1px solid #000;border-bottom:1px solid #000;}
.menu li a:hover{background:#222;}
.menu li a.active, .menu li a.active:hover{color:#c0022f;}
.menuFirst{border-left:1px solid #000;border-right:1px solid #000;}
.menuRest{border-right:1px solid #000;}
.menuLast {z-index: 9999999;position: relative;-webkit-clip-path: polygon(67% 0, 100% 5%, 100% 100%, 0 99%, 0 0);clip-path: polygon(67% 0, 100% 5%, 100% 100%, 0 99%, 0 0);}

/* FOOTER NAV */
#home-features-box {
    width: 100%;
    float: left;
    padding: 20px 20px 20px 30px;
}
#home-features-box h2 {
    font-size: 26px;
    text-align: center;
    padding-bottom: 15px;
    font-family: calibri;
}
#home-features-box .features-box,
#home-footer-nav .features-box ul {
    width: 33%;
    float: left;
    padding: 20px;
}
#home-features-box .features-box span.features-txt {
    background: #fff;
    border-radius: 5px;
    padding: 30px 20px 20px 20px;
    display: inline-block;
    height: 150px;
    text-align: center;
    font-size: 18px;
    font-family: "TR Avalon", Verdana, Tahoma, Arial;
    width: 100%;
    position: relative;
}
#home-features-box .features-box a,
#home-features-box .features-box span.features-txt span.features-desc,
#home-features-box .features-box span.features-txt span.features-desc:hover {
    color: #111;
}
#home-features-box .features-box span.features-txt span.features-desc {
    display: block;
    padding-left: 130px;
    padding-right: 20px;
    margin: 0 auto;
    vertical-align: middle;
}
#home-features-box .features-box a:hover {
    color: rgb(0, 102, 204);
}
#home-features-box .features-box span.features-img {
    /* background: #1480e4;
    width: 100px; 
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    background-size: 70px; */
    width: 100%;
    height: 100px;
    display: inline-block;
    content: "";
    margin: 5px;
    margin-top: -5px;
    background-size: contain;
    background-position: 50%;
    background-repeat: no-repeat;
    float: left;
    vertical-align: middle;
}

/* END NAV */
/* NEW MOBILE FIXES */

@media screen and (min-width: 768px) {
	.social-media-mobile,
	.social-media-mobile2,
	.services-nav {
		display: none !important;
	}
	.subnav.subnav-collapsed {
		display: none;
	}
	.services-nav-wide {
		display: inline-block !important;
	}
}
@media screen and (max-width: 768px) {
	.services-nav {
		display: block !important;
	}
	.services-nav-wide {
		display: none !important;
	}
	#home-nav-icons-box {
		height: 10px;
		overflow: hidden;
	}
	#home-footer-top a.features-btn.footer-login {
		margin-left: 0;
		margin-top: 0;
		font: 24px calibri;
	}
	#home-footer-nav .footer-nav-1.row2 {
	}
	#home-footer-nav .footer-nav-2.row2 {
		border-top: 1px solid #575757;
	} 
	#home-footer-nav .footer-nav-3.row2 {
		border-top: 1px solid #575757;
	}
	

	nav#nav-mobile ul.subnav-collapsed {
		display: none !important;
	}
	nav#nav-mobile ul.subnav-expanded {
		display: block !important;
		position: absolute;
		left: -5px;
		top: 192px;
		bottom: auto;
		right: -20px;
		background: rgba(0,0,0,0.9);
		border-radius: 0;
		-moz-border-radius: 0;
		-webkit-border-radius: 0;
		border-bottom: 2px solid rgba(73,160,16,0.7);
		width: calc(100% - 20px);
		margin-left: 15px;
	}

	nav#nav-mobile li.mobilenav-contact {
		display: block !important;
		margin-bottom: 11px;
	}
	nav#nav-mobile li.subnav-expanded-contact {
		margin-top: 157px;
		/* margin-bottom: 15px; */
	}
	.page-head nav#nav-mobile ul.subnav-expanded {
		top: 177px;
	}
	nav#nav-mobile ul.subnav {
		-ms-transition: -ms-transform 1s ease-in-out;
		-webkit-transition: -webkit-transform 1s ease-in-out;
		transition: transform 1s ease-in-out;
		transition-duration: .5s;
		transition-timing-function: cubic-bezier(0, 1, 0.5, 1);
	}
	#header-left ul li.services-nav.subnav-open {
		background: rgba(73,160,16,1);
	}
	#header-left ul li {
		margin-top: -6px;
	}
	
	#header-left ul li.social-media-mobile {
		padding-left: 22px;
	}
	#header-left ul li.social-media-mobile a:hover {
		background: transparent;
		opacity: 0.8;
	}
	#header-left ul li.social-media-mobile a {
		display: table-cell;
		width: 33%;
		padding: 0 10px 5px 10px;
	}
	#header-left ul li.social-media-mobile a img {
		width: 42px;
	}
	.social-media-mobile .footer-tw img {
		background: #598dca;
	}
	.social-media-mobile .footer-fb img {
		background: #3a589b;
	}
	.social-media-mobile .footer-li img {
		background: #007ab9;
	}

	#header-left ul li.social-media-mobile a:hover {
		background: transparent;
		opacity: 0.8;
	}

	#header-left ul li.social-media-mobile2 a:hover {
		background: transparent;
		filter: brightness(120%);
		-moz-filter: brightness(120%);
		-webkit-filter: brightness(120%);
	}
	#header-left ul li.social-media-mobile2 {
		margin-top: 5px !important;
	}
	#header-left ul li.social-media-mobile2 a {
		display: table-cell !important;
		padding: 0 4px 0 0 !important;
	}
	#header-left ul li.social-media-mobile2 a img {
		height: 42px;
		padding: 0 16px;
	}
	.social-media-mobile2 .footer-tw img {
		background: #598dca;
	}
	.social-media-mobile2 .footer-fb img {
		background: #3a589b;
	}
	.social-media-mobile2 .footer-li img {
		background: #007ab9;
	}
	.features-btn.schedule-appointment {
		margin-bottom: 24px;
	}
}
@media screen and (max-width: 580px) {
	body {
		max-width: 100vw;
		float: left;
	}
	#welcome {
		max-width: 100vw;
		margin-top: 193px !important;
	}
	.call-to-action {
		padding: 15px 27px 15px 27px;
	}
}
@media screen and (max-width: 500px) {
	.catmodules-inner,
	.homemodule-business-inner,
	.homemodule-smallbusiness-inner {
		background: rgba(255,255,255,0.5);
	    display: inline-block;
		margin-bottom: -12px;
	}
	.catmodules2-inner,
	.homemodule-ecommerce-inner {
		padding-left: 40px;
		background: rgba(0,0,0,0.5);
	}
	.banner-page-content.about-us span {
		padding-bottom: 40px;
		font-size: 15px;
    	line-height: 25px;
	}
	.banner-content h2.banner-text {
		display: none;
	}
	.banner-content .the-post-thumbnail img {
		max-height: 330px;
    	object-position: 50% 0;
	}
}
@media screen and (max-width: 580px) and (min-width: 481px) {
	.catmodules-inner,
	.catmodules2-inner,
	.homemodule-business-inner,
	.homemodule-smallbusiness-inner {
		padding: 0  20px 20px 50px !important;
		width: 70%;
	}
	.catmodules-inner,
	.homemodule-business-inner,
	.homemodule-smallbusiness-inner {
		padding: 0  40px 20px 20px !important;
	}
}
@media screen and (max-width: 480px) {
	.catmodules-inner,
	.catmodules2-inner,
	.homemodule-business-inner,
	.homemodule-ecommerce-inner,
	.homemodule-smallbusiness-inner {
		width: 100%;
	}
	.catmodules-inner,
	.homemodule-business-inner,
	.homemodule-smallbusiness-inner {
		padding: 0 20px 20px 30px !important;
		background: rgba(255,255,255,0.5);
	    display: inline-block;
		margin-bottom: -12px;
	}
	.catmodules2-inner,
	.homemodule-ecommerce-inner {
		padding: 0 30px 20px 20px !important;
		background: rgba(0,0,0,0.5);
	}
	#welcome {
    	font-size: 28px;
	}
	.call-to-action {
    	font-size: 18px;
	}
	.web-design .homemodule-description a.features-btn,
	.web-hosting .homemodule-description a.features-btn {
	    margin-top: 25px;
	}
	#home-categories h2 {
		font-size: 22px;
		padding-bottom: 0;
	}
}
@media screen and (max-width: 360px) {
	.catmodules-inner span, .catmodules2-inner span {
		padding-top: 20px;
	    display: inline-block;
	}
	.banner-page-content-cat h1.entry-title, .banner-page-content-cat h1.wide-title {
		font-size: 21px;
		padding-top: 25px;
	}
	#home-top-banner {
		min-height: 560px;
	}
	#welcome {
	    margin-top: 245px !important;
	}
	
}
/* contact calendar scheduling */
select#fscf_field6_5,
select#fscf_field6_10 {
    text-align: left;
    font-size: 14px;
    padding: 7px 10px;
    height: 70px;
    overflow: hidden;
    background: none;
    border: none;
}
#fscf_label6_10 {
    display: none;
}
select#fscf_field6_5 option[selected="selected"],
select#fscf_field6_10 option[selected="selected"] {
    padding: 5px 7px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    -moz-border-top-left-radius: 3px;
    -moz-border-top-right-radius: 3px;
    -webkit-border-top-left-radius: 3px;
    -webkit-border-top-right-radius: 3px;
    border: 1px solid #ccc;
    border-width: 1px 1px 1px 1px;
    color: #fff;
}
select#fscf_field6_5 option:first-child,
select#fscf_field6_10 option:first-child {
    float: none;
    display: block;
    background: #f7f7f7;
    color: #333
}
select#fscf_field6_5 option:nth-child(2),
select#fscf_field6_10 option:nth-child(2) {
    border-bottom-left-radius: 3px;
    -moz-border-bottom-left-radius: 3px;
    -webkit-border-bottom-left-radius: 3px;
    /* border: 1px solid #ccc;
    border-width: 0 0 1px 1px; */
	border-left: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    border-right: 1px solid #ddd;
}
select#fscf_field6_5 option:last-child,
select#fscf_field6_10 option:last-child {
    border-bottom-right-radius: 3px;
    -moz-border-bottom-right-radius: 3px;
    -webkit-border-bottom-right-radius: 3px;
    border: 1px solid #ccc;
    border-width: 0 1px 1px 0;
}
select#fscf_field6_5 option,
select#fscf_field6_10 option {
    float: left;
    padding: 5px 7px;
    display: inline-block;
    background: #f7f7f7;
    border-bottom: 1px solid #ccc;
	border-right: 1px solid #ddd;
}
/* end contact calendar scheduling */

.entry-content.banner-page-content {
    background: #eee;
}
.entry-content.banner-page-content.contact-page {
	max-width: 800px;
    margin: 0 auto;
    z-index: 999;
    position: relative;
}
.banner-text {
	display: none;
}

/* portfolio page */


.portfolio-showcase * {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

.portfolio-showcase {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    background: linear-gradient(135deg, #0f172a 0%, #1e293b 100%);
    color: #fff;
    line-height: 1.6;
    padding: 2rem;
    border-radius: 12px;
}

.portfolio-container {
    width: 100%;
    margin: 0;
}

.portfolio-category-section {
    margin-bottom: 4rem;
    opacity: 1;
    transition: opacity 0.4s ease, transform 0.4s ease;
    transform: translateY(0);
}

.portfolio-category-section.hidden {
    display: none;
}

.portfolio-category-title {
    font-size: 2.5rem;
    font-weight: 700;
    text-align: center;
    margin-bottom: 3rem;
    background: linear-gradient(135deg, #3b82f6, #8b5cf6);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-shadow: 0 4px 8px rgba(0,0,0,0.3);
}

#content h2.portfolio-category-title {
    font-size: 2.5rem !important;
    font-weight: 700 !important;
    text-align: center !important;
    margin-bottom: 3rem !important;
    background: linear-gradient(135deg, #3b82f6, #8b5cf6) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    background-clip: text !important;
    text-shadow: 0 4px 8px rgba(0,0,0,0.3) !important;
    padding: 0 !important;
    width: auto !important;
}

.portfolio-projects-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 2rem;
    width: 100%;
}

.portfolio-project-card {
    background: rgba(30, 41, 59, 0.8);
    border-radius: 16px;
    overflow: hidden;
    box-shadow: 0 8px 32px rgba(0,0,0,0.3);
    transition: all 0.3s ease;
    border: 1px solid rgba(255,255,255,0.1);
}

.portfolio-project-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 16px 48px rgba(59, 130, 246, 0.2);
    border-color: rgba(59, 130, 246, 0.3);
}

.portfolio-project-header {
    background: #2f3951;
    padding: 1.5rem;
    border-bottom: 1px solid rgba(255,255,255,0.1);
    text-align: center;
}

.portfolio-project-title {
    font-size: 1.5rem;
    font-weight: 600;
    color: #f8fafc;
    margin: 0;
}

.portfolio-project-images {
    padding: 1rem;
}

.portfolio-project-image {
    width: 100%;
    height: auto;
    border-radius: 8px;
    margin-bottom: 1rem;
    box-shadow: 0 4px 16px rgba(0,0,0,0.2);
    transition: transform 0.3s ease;
    opacity: 0;
    animation: portfolioFadeIn 0.8s ease forwards;
    cursor: pointer;
}

.portfolio-project-image:hover {
    transform: scale(1.02);
}

.portfolio-project-image:last-child {
    margin-bottom: 0;
}

.portfolio-divider {
    width: 100px;
    height: 4px;
    background: linear-gradient(135deg, #3b82f6, #8b5cf6);
    margin: 4rem auto;
    border-radius: 2px;
}

.portfolio-page-header {
    text-align: center;
    margin-bottom: 4rem;
}

.portfolio-page-title {
    font-size: 3.5rem;
    font-weight: 800;
    margin-bottom: 1rem;
    background: linear-gradient(135deg, #60a5fa, #a78bfa, #f472b6);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

.portfolio-page-subtitle {
    font-size: 1.2rem;
    color: #94a3b8;
    max-width: 600px;
    margin: 0 auto 2rem auto;
}

.portfolio-toc {
    background: rgba(30, 41, 59, 0.6);
    border-radius: 12px;
    padding: 1.5rem;
    max-width: 400px;
    margin: 0 auto;
    border: 1px solid rgba(255,255,255,0.1);
}

.portfolio-toc-title {
    font-size: 1.3rem;
    font-weight: 600;
    text-align: center;
    margin-bottom: 1rem;
    color: #e2e8f0;
}

.portfolio-toc-list {
    list-style: none;
    display: flex;
    justify-content: center;
    gap: 2rem;
    flex-wrap: wrap;
}

.portfolio-toc-link {
    color: #94a3b8;
    background: none;
    border: 1px solid transparent;
    text-decoration: none;
    font-weight: 500;
    padding: 0.5rem 1rem;
    border-radius: 8px;
    transition: all 0.3s ease;
    cursor: pointer;
    font-family: inherit;
    font-size: 19px;
}

.portfolio-toc-link:hover {
    color: #3b82f6;
    background: rgba(59, 130, 246, 0.1);
    border-color: rgba(59, 130, 246, 0.3);
    transform: translateY(-2px);
}

.portfolio-toc-link.active {
    color: #3b82f6;
    background: rgba(59, 130, 246, 0.2);
    border-color: rgba(59, 130, 246, 0.5);
}

html {
    scroll-behavior: smooth;
}

.portfolio-divider {
    display: none;
}

/* Enhanced Lightbox Styles */
.portfolio-lightbox {
    display: none;
    position: fixed;
    z-index: 9999;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.95);
    backdrop-filter: blur(5px);
}

.portfolio-lightbox.active {
    display: flex;
    align-items: center;
    justify-content: center;
    animation: portfolioLightboxFadeIn 0.3s ease;
}

.portfolio-lightbox-content {
    position: relative;
    max-width: 90%;
    max-height: 90%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.portfolio-lightbox-image {
    max-width: 100%;
    max-height: calc(100vh - 120px);
    object-fit: contain;
    border-radius: 8px;
    box-shadow: 0 20px 60px rgba(0,0,0,0.5);
    transition: opacity 0.3s ease;
}

.portfolio-lightbox-close {
    position: absolute;
    top: -60px;
    right: 0;
    color: #fff;
    font-size: 2rem;
    font-weight: 300;
    cursor: pointer;
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(0,0,0,0.5);
    border-radius: 50%;
    transition: all 0.3s ease;
    z-index: 10001;
}

.portfolio-lightbox-close:hover {
    background: rgba(255,255,255,0.2);
    transform: scale(1.1);
}

.portfolio-lightbox-nav {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: rgba(0,0,0,0.6);
    border: none;
    color: #fff;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease;
    z-index: 10001;
}

.portfolio-lightbox-nav:hover {
    background: rgba(59, 130, 246, 0.8);
    transform: translateY(-50%) scale(1.1);
}

.portfolio-lightbox-prev {
    left: -80px;
}

.portfolio-lightbox-next {
    right: -80px;
}

.portfolio-lightbox-caption {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background: linear-gradient(transparent, rgba(0,0,0,0.8));
    color: #fff;
    padding: 30px 20px 15px;
    text-align: center;
    font-size: 16px;
    font-weight: 500;
    border-radius: 0 0 8px 8px;
}

@keyframes portfolioLightboxFadeIn {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

@keyframes portfolioFadeIn {
    to {
        opacity: 1;
    }
}

.portfolio-project-card:nth-child(1) .portfolio-project-image { animation-delay: 0.1s; }
.portfolio-project-card:nth-child(2) .portfolio-project-image { animation-delay: 0.2s; }
.portfolio-project-card:nth-child(3) .portfolio-project-image { animation-delay: 0.3s; }
.portfolio-project-card:nth-child(4) .portfolio-project-image { animation-delay: 0.4s; }

@media (max-width: 768px) {
    .portfolio-showcase {
        padding: 1rem;
    }
    
    .portfolio-page-title {
        font-size: 2.5rem;
    }
    
    .portfolio-category-title {
        font-size: 2rem;
    }
    
    .portfolio-projects-grid {
        grid-template-columns: 1fr;
        gap: 1.5rem;
    }
    
    .portfolio-project-header {
        padding: 1rem;
    }
    
    .portfolio-project-title {
        font-size: 1.25rem;
    }

    .portfolio-toc-list {
        gap: 1rem;
    }

    .portfolio-toc-link {
        padding: 0.4rem 0.8rem;
        font-size: 0.9rem;
    }

    .portfolio-lightbox-nav {
        width: 50px;
        height: 50px;
    }

    .portfolio-lightbox-prev {
        left: 10px;
    }

    .portfolio-lightbox-next {
        right: 10px;
    }

    .portfolio-lightbox-close {
        top: 10px;
        right: 10px;
        width: 40px;
        height: 40px;
    }

    .portfolio-lightbox-content {
        max-width: 95%;
        max-height: 95%;
    }

    .portfolio-lightbox-image {
        max-height: calc(100vh - 80px);
    }
}

@media (max-width: 1200px) and (min-width: 769px) {
    .portfolio-projects-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 480px) {
    .portfolio-projects-grid {
        gap: 1rem;
    }
    
    .portfolio-project-images {
        padding: 0.5rem;
    }

    .portfolio-lightbox-caption {
        font-size: 14px;
        padding: 20px 15px 10px;
    }
}