/* https://www.google.com/fonts#ReviewPlace:refine/Collection:Questrial|Quicksand|Muli|Didact+Gothic */


/*********** Site Wide *************/

body {
    background: -webkit-linear-gradient(#dee6ea, #ffffff)!important;
    /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#dee6ea, #ffffff)!important;
    /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#dee6ea, #ffffff)!important;
    /* For Firefox 3.6 to 15 */
    background: linear-gradient(#dee6ea, #ffffff)!important;
    /* Standard syntax */
}

body p {
    font: 400 14px/24px 'open sans', serif;
    color: #3c3c3c;
}

.home p {
    font: 400 16px/24px 'open sans', serif;
    color: #3c3c3c;
}

span.tm {
    font-family: 'Open Sans', sans-serif;
}

.alignleft {
    display: inline;
    float: left;
    margin: 0em 1.5em 1.5em 0;
}

.container {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
}

#main .column {
    padding: 0 32px 70px 32px;
}

#main .column:after {
    content: '';
    display: block;
    clear: both;
}

.column ul {
    list-style: inside disc;
    margin-left: 0;
    padding: 0;
}

.column li {
    font: 400 14px/30px 'open sans', serif;
    color: #3c3c3c;
    list-style: none;
    padding-left: 15px;
}

.column li:before {
    content: '\f054';
    font: normal normal normal 14px/1 FontAwesome;
    position: relative;
    left: -10px;
}
#primary[data-color="orange"] .column li:before{
    color: #f68827;
}

.left-nav li {
    padding-left: 0;
}

.left-nav li:before {
    content: '';
    display: none;
}

.column a {
    color: #0a68a4;
    text-decoration: none;
}

.clear {
    clear: both;
}

.newsH2 {

	color: #2399d6!important;
	padding-bttom: 0;
	margin-bottom: 0;
	margin-top: 30px;
	}


/*********** Header *************/

.logo {
    padding: 28px 0 13px 50px;
    float: left;
}

.sec-nav {
    float: right;
    width: 50%;
}

.sec-nav ul {
    white-space: nowrap;
    float: right;
    margin-right: 10px;
    padding: 0px;
}

.sec-nav li {
    float: left;
    list-style: none;
    color: #0767a4;
    display: inline-block;
}

.sec-nav li a {
    color: #0767a4;
    padding: 0px 10px;
    font: 400 14px/40px 'open sans', serif;
    text-decoration: none;
}

.sec-nav li a:hover {
    color: #eb6027
}
.r-img{
    display: none;
}
nav {
    background-color: #3b3b3b;
    padding: 0 50px 0 50px;
}

nav li a {
    color: #fff;
    padding: 0px 25px 0px 25px;
    font: 700 16px/52px 'open sans', serif;
}

nav li a:hover {
    background-color: #6a6a6a;
}

.site-header .container {
    background: url('images/header-bg.jpg') no-repeat top right #fff;
}

.main-navigation.red .current_page_item > a {
    background-color: #ef3935;
}

.main-navigation.green .current_page_item > a {
    background-color: #08aa54;
}

.main-navigation.purple .current_page_item > a {
    background-color: #61328e;
}

.main-navigation.blue .current_page_item > a {
    background-color: #1F69B2;
}

.main-navigation.yellow .current_page_item > a {
    background-color: #faee1e;
}
.group-blog .main-navigation #menu-item-398 a {
    background-color: #f68827;
}
.blog .main-navigation #menu-item-398 a {
    background-color: #f68827;
}
.main-navigation.orange .current_page_item > a {
    background-color: #f68827;
}
.page-id-1221 #menu-item-24, .page-id-158 #menu-item-24 {
    background-color: #ef3935 !important;
}
.color {
    visibility: hidden;
}

.color.red {
    visibility: visible;
    background-color: #ef3935;
    height: 28px;
}

.color.green {
    visibility: visible;
    background-color: #08aa54;
    height: 28px;
}
@media screen and (max-width: 700px) {
  .color {
    display:none;
  }
}

.color.purple {
    visibility: visible;
    background-color: #61328e;
    height: 28px;
}

.color.blue {
    visibility: visible;
    background-color: #1f69b2;
    height: 28px;
}

.color.yellow {
    visibility: visible;
    background-color: #faee1e;
    height: 28px;
}

.color.orange {
    visibility: visible;
    background-color: #f68827;
    height: 28px;
}


/*********** Footer *************/

.site-footer {
    background-image: url('images/footer-top-bg.jpg');
    background-repeat: repeat-x;
    background-color: #d9e9f7;
}

.top .social ul li {
    float: left;
    list-style: outside none none;
    margin-right: 40px;
}

.top .social ul .last {
    margin: 0px !important;
}

.social {
    margin: 0 auto;
    max-width: 905px;
    padding: 12px 0 8px;
    width: 100%;
}

.social ul {
    margin: 0px;
    padding: 0px;
}

.text {
    vertical-align: top;
    line-height: 30px;
    margin-left: 5px;
}

.text:hover {
    color: #6fcbf2;
}

.top .social ul a {
    font: 400 15px/22px 'open sans', serif;
    color: #fff;
    text-decoration: none;
}

.footer-right {
    float: right;
    padding-top: 45px;
    width: 70%;
}

.bottom {
    background: url('images/ocarina-footer.jpg');
    background-position: left top;
    background-repeat: no-repeat;
}

.bottom li {
    float: left;
    list-style: none;
}

.bottom ul {
    padding-left: 0px;
    margin: 0px 0px 15px;
}

.bottom li a {
    font: 400 14px/18px 'open sans', serif;
    color: #3f3f3f;
    text-decoration: none !important;
}

.bottom li a:hover {
    color: #2399d6;
}

.bottom img {
    float: left;
}

.bottom p,
.bottom a {
    font: 400 13px/22px 'open sans', serif;
    color: #3f3f3f;
    text-decoration: none !important;
}


/*********** Side Nav *************/

.nav-title {
    font: 700 18px/24px 'open sans', serif;
    color: #fff;
    padding: 12px 20px;
    margin-top: 30px;
    /*margin-bottom: 2px;*/
}

.left-nav .menu > li:first-of-type > a {
    font: 700 18px/24px 'open sans', serif;
    color: #fff!important;
    /*padding: 12px 20px;*/
    margin-top: 30px;
    /*margin-bottom: 2px;*/
}

#menu-side-menu {
    background-color: #f3f3f3;
}

.left-nav.red li {
    background-color: #f9d0c7;
}

.left-nav.green li {
    background-color: #abe2be;
}

.left-nav.purple li {
    background-color: #cfbde1;
}

.left-nav.blue li {
    background-color: #88bde9;
}

.left-nav.yellow li {
    background-color: #fffca7;
}

.left-nav.orange li {
    background-color: #ffc484;
}

.left-nav .current_page_item {
    color: #fff
}

.left-nav .current_page_item a {
    color: #fff
}

.left-nav li {
    list-style: none;
    font: 400 15px/24px 'open sans', serif;
    ;
}

.left-nav li a {
    padding: 10px 0px 10px 20px;
    color: #3c3c3c;
    display: block;
}

.left-nav .sub-menu li {
    background-color: #f3f3f3;
    font-size: 14px;
}

.left-nav .current_page_item .sub-menu li a {
    color: #3c3c3c
}

.left-nav .sub-menu li a {
    padding: 0px 0px 0px 34px;
    display: block;
}


/*********** Homepage *************/

.banner {
    padding-top: 0;
    padding-bottom: 0;
}

.home.container {
    background-color: #fff
}

.home .left {
    width: 25.7%;
}

.left {
    width: 22.6%;
    float: left;
}

.left p {
    font: 400 13px/13px 'open sans', serif;
    color: #3b3b3b;
    padding: 0px;
    margin: 0px;
}

.left a {
    text-decoration: none !important;
}

.video {
    padding-top: 29px;
    padding-bottom: 15px;
}

.blog {
    padding-bottom: 0px;
}

.vid-top {
    background: url('images/video.jpg') no-repeat left top #8fcff0;
    background-size: auto 40px;    
    /*margin-bottom: 2px;*/
}

.vid-top a:hover {
    color: #12579B!important;
}

.vid-top img {
    margin: 0px;
}

.blog-top {
    background: url('images/blog.jpg') no-repeat left top #ffc484;
    /*margin-bottom: 2px;*/
}

.blog-bot {
    background-color: #eceff1;
    padding: 8px 28px;
}

.blog-bot p {
    line-height: 14px
}

.blog-bot li {
    list-style: none;
    padding: 0px 0 20px;
}

.blog-bot ul {
    margin-bottom: 0px;
}

.newsdate {
	color: #999;
	font-size: 12px;
	padding-top: 0!important;
	margin-top: 0!important;
	}

.newsabout {
	padding: 0;
	margin: 0;
	}

.blog-bot .post-date,
.blog-bot a {
    font: 400 12px/12px 'open sans', serif;
    color: #FE7B05;
    margin-bottom: 5px;
    padding: 0px;
    font-style: italic;
}

.blog-bot a:hover {
    text-decoration: underline;
    color: #E06A00;
}

.blog-bot li:first-child {
    background: url('images/blog-border.jpg') no-repeat center bottom;
    margin-bottom: 4px;
}

.blog-bot li:before {
    content: '';
    display: none;
}

.news-top {
    background: url('images/newsletter.jpg') no-repeat left top #fef9b5;
    margin-bottom: 2px;
}

.news-bot {
    background-color: #eceff1;
    padding: 14px 28px;
}


.left h4 {
    font: 700 18px/40px 'open sans', serif;
    color: #fff;
    margin: 0 15px;
}

.left .bl,
.left .bl a {
    color: #262626;
    font: 400 16px/40px 'open sans', serif !important;
    text-align: left;
    float: right;
    max-width: 110px;
    width: 100%;
}

.left .news-top h4 {
    color: #262626;
}

.home .right {
    width: 71%;
}

.right {
    width: 74%;
    float: right;
}

.box-holder {
    width: 100%;
}

.box {
    width: 49%;
    float: left;
    margin-right: 2%;
    margin-bottom: 2%;
}

.box p {
    font: 400 14px/22px 'open sans', serif;
    color: #3b3b3b;
    margin-top: 0px
}

.box h3 {
	
	padding: 0;
	margin: 0
	}


.box h3 a{
    font: 700 18px/40px 'open sans', serif!important;
    color: #fff!important;
    margin: 6px 0 0 45px!important;
	background: none!important;
	margin: 0!important;
	border: 0!important;
	padding: 6px 40px 0 45px!important;
}

.box-content {
    background-color: #fff;
    margin: 10px;
    padding: 15px 150px 30px 15px;
    overflow: hidden;
    background-repeat: no-repeat;
    background-position: bottom right;
}

.box-content img {
    max-width: 35%;
}

.box-2,
.box-4 {
    margin-right: 0%;
}

.box-1 {
    background: url('images/green-arrow.jpg') no-repeat top left #08aa54;
}

.box-2 {
    background: url('images/purple-arrow.jpg') no-repeat top left #61328e;
}

.box-3 {
    background: url('images/red-arrow.jpg') no-repeat top left #ef3935;
}

.box-4 {
    background: url('images/blue-arrow.jpg') no-repeat top left #2399d6;
}

.box-4 .box-content {
    background-size: 100%!important;
    background-position: 100% 30%!important;
}

.box-holder .button {
    font: 700 14px/22px 'open sans', serif;
    text-decoration: none !important;
    display: inline-block;
    white-space: nowrap;
}

.box-1 .button {
    color: #08aa54;
    border: 1px solid #08aa54;
    background: #fff;
    padding: 10px 15px;
    margin-top: 25px;
    -webkit-transition: background-color 1s;
    /* Safari */
    transition: background-color 1s;
}

.box-2 .button {
    color: #61328e;
    border: 1px solid #61328e;
    background: #fff;
    padding: 10px 15px;
    margin-top: 25px;
    -webkit-transition: background-color 1s;
    /* Safari */
    transition: background-color 1s;
}

.box-3 .button {
    color: #ef3935;
    border: 1px solid #ef3935;
    background: #fff;
    padding: 10px 15px;
    margin-top: 25px;
    -webkit-transition: background-color 1s;
    /* Safari */
    transition: background-color 1s;
}

.box-4 .button {
    border: 1px solid #2399d6;
    background: #faee1e;
    color: #3f3f3f;
    padding: 10px 15px;
    margin-top: 25px;
    -webkit-transition: background-color 1s;
    /* Safari */
    transition: background-color 1s;
}

.box-1 .button:hover {
    background-color: #08aa54;
    border: 1px solid #08aa54;
    color: #fff;
    padding: 10px 15px;
    margin-top: 25px;
    -webkit-transition: background-color 1s;
    /* Safari */
    transition: background-color 1s;
}

.box-2 .button:hover {
    background-color: #61328e;
    border: 1px solid #61328e;
    color: #fff;
    padding: 10px 15px;
    margin-top: 25px;
    -webkit-transition: background-color 1s;
    /* Safari */
    transition: background-color 1s;
}

.box-3 .button:hover {
    background-color: #ef3935;
    border: 1px solid #ef3935;
    color: #fff;
    padding: 10px 15px;
    margin-top: 25px;
    -webkit-transition: background-color 1s;
    /* Safari */
    transition: background-color 1s;
}

.box-4 .button:hover {
    border: 1px solid #2399d6;
    color: #fff;
    background-color: #2399d6;
    padding: 10px 15px;
    margin-top: 25px;
    -webkit-transition: background-color 1s;
    /* Safari */
    transition: background-color 1s;
}

.box-1 .box-content {
    background-repeat: no-repeat;
    background-position: bottom right;
}

.box-2 .box-content {
    background-repeat: no-repeat;
    background-position: bottom right;
}

.box-3 .box-content {
    background-repeat: no-repeat;
    background-position: bottom right;
}

.box-4 .box-content {
    background-repeat: no-repeat;
    background-position: bottom right;
}


/******** inner *********/

.inner.container {
    background-color: #fff
}

.page-btn.btn2 {
    color: #61328e;
    border: 1px solid #61328e;
    background: #fff;
    padding: 10px 15px;
    margin-top: 25px;
    -webkit-transition: background-color 1s;
    /* Safari */
    transition: background-color 1s;
    text-decoration:none;
}

.page-btn.btn2:hover {
    background-color: #61328e;
    border: 1px solid #61328e;
    color: #fff;
    padding: 10px 15px;
    margin-top: 25px;
    -webkit-transition: background-color 1s;
    /* Safari */
    transition: background-color 1s;
}



/******** Contact ********/

.contact-column {
    width: 31%;
    float: left;
    margin-right: 2.3%;
}

.contact-column2 {
    width: 62%;
    float: left;
    margin-right: 2.3%;
    
}

textarea {
    border-radius: 0 !important;
    height: 90px !important;
}

.column_3.cotact-column {
    margin-right: 0px;
}

.column_2 .wpcf7-form-control.wpcf7-submit {
    margin: 17px 0 0 0;
}

.download-column {
    width: 41%;
    float: left;
    margin-right: 2.3%;
}



/******** Form *********/

input[type="text"],
input[type="email"] {
    width: 100%;
    border-radius: 0px !important;
    -moz-border-radius: 0px !important;
    -webkit-border-radius: 0px !important;
    margin-bottom: 5px;
    padding-left: 10px !important
}

.wpcf7-list-item {
    display: block;
    margin: 9px 0 !important;
}

.wpcf7-form-control-wrap.User {
    display: block;
    width: 40%;
    float: left;
}

textarea {
    padding: 3px 10px !important;
    width: 100%;
}

.wpcf7-form-control-wrap.User {
    color: #717171;
}

.wpcf7-form-control.wpcf7-submit {
    float: right;
    width: 45%;
    background-color: #2399d6;
    color: #fff;
    border: none;
    padding: 10px 0px;
    border-radius: 0px;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    margin-top: 25px;
    font: 400 13px/13px 'open sans', serif;
}

.wpcf7-form-control-wrap.User {
    display: block;
    float: left;
    width: 100%;
}

span.wpcf7-list-item {
    float: left;
    margin-left: 0.5em;
    width: 48%;
}

::-webkit-input-placeholder {
    font: 400 13px/21px 'open sans', serif;
    color: #717171;
}

:-moz-placeholder {
    /* Firefox 18- */
    font: 400 13px/21px 'open sans', serif;
    color: #717171;
}

::-moz-placeholder {
    /* Firefox 19+ */
    font: 400 13px/21px 'open sans', serif;
    color: #717171;
}

:-ms-input-placeholder {
    font: 400 13px/21px 'open sans', serif;
    color: #717171;
}

#primary[data-color="green"] h1 {
    color: #08aa54;
}

#primary[data-color="green"] h2 {
    color: #08aa54;
}

#primary[data-color="green"] strong {
    color: #08aa54;
}

#primary[data-color="green"] a {
    color: #08aa54;
}

#primary[data-color="blue"] h1 {
    color: #1f69b2;
}

#primary[data-color="blue"] h2 {
    color: #1f69b2;
}

#primary[data-color="blue"] strong {
    color: #1f69b2;
}

#primary[data-color="blue"] a {
    color: #1f69b2;
}

#primary[data-color="red"] h1 {
    color: #ef3935;
}

#primary[data-color="red"] h2 {
    color: #ef3935;
}

#primary[data-color="red"] strong {
    color: #ef3935;
}

#primary[data-color="red"] a {
    color: #ef3935;
}

#primary[data-color="purple"] h1 {
    color: #61328e;
}

#primary[data-color="purple"] h2 {
    color: #61328e;
}

#primary[data-color="purple"] strong {
    color: #61328e;
}

#primary[data-color="purple"] a {
    color: #61328e;
}

#primary[data-color="yellow"] h1 {
    color: #faee1e;
}

#primary[data-color="yellow"] h2 {
    color: #faee1e;
}

#primary[data-color="yellow"] strong {
    color: #faee1e;
}

#primary[data-color="yellow"] a {
    color: #faee1e;
}

#primary[data-color="orange"] h1 {
    color: #f68827;
}

#primary[data-color="orange"] h2 {
    color: #f68827;
}

#primary[data-color="orange"] strong {
    color: grey;
}



#primary[data-color="orange"] a:not(.social-sharing-button) {
color: #f68827;
}

.date {
  margin-top:1px;
  margin-bottom:0px;
  font-size: small;
  color: #a6a6a6
}


/*#primary[data-color="red"] .box-left-title{
    background-color: #ef3935;
}
#primary[data-color="green"] .box-left-title{
    background-color: #08aa54;
}
#primary[data-color="blue"] .box-left-title{
    background-color: #1f69b2;
}
#primary[data-color="purple"] .box-left-title{
    background-color: #61328e;
}
#primary[data-color="yellow"] .box-left-title{
    background-color: #faee1e;
}
#primary[data-color="orange"] .box-left-title{
    background-color: #f68827;
}*/

#primary a {
    text-decoration: underline;
}

#primary .left-nav a {
    text-decoration: none;
}

.left-nav .current_page_item .sub-menu li a {
    color: #3c3c3c!important;
}

.left-nav li a {
    color: #3c3c3c!important;
}

.left-nav .current_page_item a {
    color: #fff!important;
}

.vid-bot {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
}

.vid-bot iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.newsletter-more {
    display: block;
    height: 0;
    overflow: hidden;
    position: relative;
}

#post-2 p:last-of-type {
    margin-bottom: 10px;
}

#primary-menu:after,
.menu-header-container:after {
    content: '';
    display: block;
    clear: both;
}

.home.container h1 {
    padding-bottom: 0;
}

.bottomBoxes {
    display: block;
    clear: both;
    width: 100%;
    position: relative;
    margin: 25px 0 0;
    padding: 0;
    text-align: center;
}

.bottomBoxes .bottom-box {
    display: inline-block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    text-align: left;
    vertical-align: top;
    padding: 15px 20px;
    border: 0px solid;
}

.bottomBoxes .bottom-box.three-boxes {
    width: 33.32%;
}

.bottomBoxes .bottom-box.three-boxes:nth-of-type(2) {
    border-left: none;
    border-right: none;
}

.bottomBoxes .bottom-box.two-boxes {
    width: 45%;
}

.bottomBoxes .bottom-box.two-boxes:last-of-type {
    border-left: none;
}

.bottomBoxes .bottom-box.one-box {
    width: 55%;
}

#primary[data-color="green"] .bottomBoxes .bottom-box {
    border-color: #08aa54;
}

#primary[data-color="blue"] .bottomBoxes .bottom-box {
    border-color: #1f69b2;
}

#primary[data-color="red"] .bottomBoxes .bottom-box {
    border-color: #ef3935;
}

#primary[data-color="purple"] .bottomBoxes .bottom-box {
    border-color: #61328e;
}

#primary[data-color="yellow"] .bottomBoxes .bottom-box {
    border-color: #faee1e;
}

#primary[data-color="orange"] .bottomBoxes .bottom-box {
    border-color: #f68827;
}


/* styles for bulleted lists */


/* chevrons */

.chevron-list ul li {
    list-style: none;
    padding-left: 15px;
}

.chevron-list ul li:before {
    content: '\f054';
    font: normal normal normal 14px/1 FontAwesome;
    position: relative;
    left: -10px;
}

#primary[data-color="green"] .chevron-list ul li:before {
    color: #08aa54;
}

#primary[data-color="blue"] .chevron-list ul li:before {
    color: #1f69b2;
}

#primary[data-color="red"] .chevron-list ul li:before {
    color: #ef3935;
}

#primary[data-color="purple"] .chevron-list ul li:before {
    color: #61328e;
}

#primary[data-color="yellow"] .chevron-list ul li:before {
    color: #faee1e;
}

#primary[data-color="orange"] .chevron-list ul li:before {
    color: #f68827;
}


/* blog */

.blog-holder {
    padding-top: 10px;
}

.blog-holder h1,
.blog-holder h2 {
    color: #F68827;
}


/* ocarinas */

.ocarina-list ul li {
    list-style: none;
    padding-left: 0;
}

.ocarina-list ul li:before {
    content: '';
    width: 30px;
    height: 30px;
    display: block;
    float: left;
    background-repeat: no-repeat;
    background-size: contain;
    position: relative;
    top: 6px;
    background-image: url(images/green-oc-bullet.png);
}

#primary[data-color="green"] .ocarina-list ul li:before {
    background-image: url(images/green-oc-bullet.png);
}

#primary[data-color="blue"] .ocarina-list ul li:before {
    background-image: url(images/blue-oc-bullet.png);
}

#primary[data-color="red"] .ocarina-list ul li:before {
    background-image: url(images/red-oc-bullet.png);
}

#primary[data-color="purple"] .ocarina-list ul li:before {
    background-image: url(images/purple-oc-bullet.png);
}

#primary[data-color="yellow"] .ocarina-list ul li:before {
    background-image: url(images/yellow-oc-bullet.png);
}

#primary[data-color="orange"] .ocarina-list ul li:before {
    background-image: url(images/orange-oc-bullet.png);
}

.inner.container h1 {
    margin-bottom: 0;
    padding-bottom: 0;
}

#wds_container1_0 #wds_container2_0 .wds_slideshow_dots_thumbnails_0 {
    float: right!important;
    margin-right: 2px!important;
}

.wds_btn_cont {
    display: none!important;
}

.left-nav.green ul li {
    background-color: #a2e8b6;
    border-bottom: 2px solid #fff;
}

.left-nav.green ul li:hover {
    background: #66d686;
}

.left-nav.green ul li.current_page_item a {
    color: #08aa54 !important;
    font-weight: 700;
}

.left-nav.green > div > ul > li.current_page_item > a {
    color: #fff!important;
}

.left-nav.green ul li.current-page-ancestor > a,
.left-nav.green > div > ul > li[class*="current-menu-item"] {
    background-color: #08aa54 !important;
    color: #fff !important;
    font-weight: 700;
}

.left-nav.green ul li.current_page_item li a {
    color: #3c3c3c!important;
    font-weight: normal;
}

.left-nav.green ul ul li {
    background: #e8faed;
    border-bottom: 1px dashed #96e3ab;
    line-height: 40px;
}

.left-nav.green ul ul li:last-of-type {
    border-bottom: none;
}

.left-nav.green ul ul li:hover {
    background: #e8faed;
}

.left-nav.green ul ul li:hover a {
    color: #08aa54!important;
}

.left-nav.blue ul li {
    background-color: #8fd4f8;
    border-bottom: 2px solid #fff;
}

.left-nav.blue ul li:hover {
    background: #58b1df;
}

.left-nav.blue ul li.current_page_item a {
    color: #1f69b2 !important;
    font-weight: 700;
}

.left-nav.blue > div > ul > li.current_page_item > a {
    color: #fff!important;
}

.left-nav.blue ul li.current-page-ancestor > a,
.left-nav.blue > div > ul > li[class*="current-menu-item"] {
    background-color: #1f69b2 !important;
    color: #fff !important;
    font-weight: 700;
}

.left-nav.blue ul li.current_page_item li a {
    color: #3c3c3c !important;
    font-weight: normal;
}

.left-nav.blue ul ul li {
    background: #e2f1fd;
    border-bottom: 1px dashed #8fd4f8;
    line-height: 40px;
}

.left-nav.blue ul ul li:last-of-type {
    border-bottom: none;
}

.left-nav.blue ul ul li:hover {
    background: #e2f1fd;
}

.left-nav.blue ul ul li:hover a {
    color: #1f69b2 !important;
}

.left-nav.red ul li {
    background-color: #ffbeb5;
    border-bottom: 2px solid #fff;
}

.left-nav.red ul li:hover {
    background: #FF7866;
}

.left-nav.red ul li.current_page_item a {
    color: #ef3935 !important;
    font-weight: 700;
}

.left-nav.red > div > ul > li.current_page_item > a {
    color: #fff!important;
}

.left-nav.red ul li.current-page-ancestor > a,
.left-nav.red > div > ul > li[class*="current-menu-item"] {
    background-color: #ef3935 !important;
    color: #fff !important;
    font-weight: 700;
}

.left-nav.red ul li.current_page_item li a {
    color: #3c3c3c !important;
    font-weight: normal;
}

.left-nav.red ul ul li {
    background: #fdeeeb;
    border-bottom: 1px dashed #ffbeb5;
    line-height: 40px;
}

.left-nav.red ul ul li:last-of-type {
    border-bottom: none;
}

.left-nav.red ul ul li:hover {
    background: #fdeeeb;
}

.left-nav.red ul ul li:hover a {
    color: #ef3935 !important;
}

.left-nav.purple ul li {
    background-color: #d2b3ef;
    border-bottom: 2px solid #fff;
}

.left-nav.purple ul li:hover {
    background: #bf90ea;
}

.left-nav.purple ul li.current_page_item a {
    color: #61328e !important;
    font-weight: 700;
}

.left-nav.purple > div > ul > li.current_page_item > a {
    color: #fff!important;
}

.left-nav.purple ul li.current-page-ancestor > a,
.left-nav.purple > div > ul > li[class*="current-menu-item"] {
    background-color: #61328e !important;
    color: #fff !important;
    font-weight: 700;
}

.left-nav.purple ul li.current_page_item li a {
    color: #3c3c3c !important;
    font-weight: normal;
}

.left-nav.purple ul ul li {
    background: #f1e8fa;
    border-bottom: 1px dashed #ccaaec;
    line-height: 40px;
}

.left-nav.purple ul ul li:last-of-type {
    border-bottom: none;
}

.left-nav.purple ul ul li:hover {
    background: #f1e8fa;
}

.left-nav.purple ul ul li:hover a {
    color: #4d1e79 !important;
}

.left-nav.orange ul li {
    background-color: #ffc38f;
    border-bottom: 2px solid #fff;
}

.left-nav.orange ul li:hover {
    background: #ffa557;
}

.left-nav.orange ul li.current_page_item a {
    color: #f68827 !important;
    font-weight: 700;
}

.left-nav.orange > div > ul > li.current_page_item > a {
    color: #fff!important;
}

.left-nav.orange ul li.current-page-ancestor > a,
.left-nav.orange > div > ul > li[class*="current-menu-item"] {
    background-color: #f68827 !important;
    color: #fff !important;
    font-weight: 700;
}

.left-nav.orange ul li.current_page_item li a {
    color: #3c3c3c !important;
    font-weight: normal;
}

.left-nav.orange ul ul li {
    background: #ffebd9;
    border-bottom: 1px dashed #ffc38f;
    line-height: 40px;
}

.left-nav.orange ul ul li:last-of-type {
    border-bottom: none;
}

.left-nav.orange ul ul li:hover {
    background: #ffebd9;
}

.left-nav.orange ul ul li:hover a {
    color: #f68827 !important;
}

.left-nav ul li[class*="has-children"] > a {
    position: relative;
    padding-right: 16px;
}

.left-nav ul li[class*="has-children"] > a:after {
    content: '\f0da';
    display: block;
    font: normal normal normal 14px/1 FontAwesome;
    float: right;
    color: #fff!important;
    line-height: 24px;
    -webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.left-nav ul li[class*="has-children"] ul {
    /*display: none;*/
}

.left-nav ul li[class*="has-children"][class*="expanded"] ul {
    /*max-height:500px;*/
}

.left-nav ul li[class*="has-children"][class*="expanded"] > a:after {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
}



/**** search bar *****/

.searchArea {
    float: right;
    clear: right;
    padding-right: 18px;
}

.searchArea label {
    float: left;
}

#sphidersearch {
    padding: 3px;
    color: #666;
    border: 1px solid #ccc;
    font-size: 16px;
    font-family: 'open sans', sans-serif;
    line-height: 28px;
    padding-left: 10px;
}

#sphiderbutton {
    float: left;
    line-height: 36px;
    font-family: FontAwesome !important;
    padding: 0 11px;
    font-size: 16px;
    border-radius: 0;
    border: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    color: #fff;
    background: #0B6DA4;
    -webkit-box-shadow: none;
    box-shadow: none;
    position: relative;
}

#sphiderbutton:hover {
    background: #03527D;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.inner.container table td {
    padding: 5px 0 2px 10px;
}


/****** faq *******/

.faq-item {
    display: block;
    background: #fdeeeb;
    clear: both;
}

.faq-icon {
    display: block;
    float: left;
}

.faq-title-section img {
    max-width: 30px;
    height: auto;
    float: left;
    line-height: 32px;
    margin-top: 7px;
    margin-right: 7px;
}

.faq-title-section {
    /*background: #ffbeb5;*/
    display: block;
    width: 100%;
    cursor: pointer;
}

.faq-title-section p {
    float: left;
    margin: 0;
    line-height: 32px;
}

.faq-title-section .toggle {
    line-height: 32px;
    float: left;
    margin-left: 7px;
    text-decoration: underline;
    color: #ef3935;
}

.blog-post-excerpt img {
    display: none;
}

.entry-meta {
    display: block;
}

.faq-title-section:hover .toggle {
    text-decoration: none;
}

.faq-text-section {
    padding: 0 15px;
    margin-bottom: 15px;
    overflow: hidden;
    -webkit-transition: max-height 750ms ease-in-out;
    -o-transition: max-height 750ms ease-in-out;
    transition: max-height 750ms ease-in-out;
}

.faq-text-section.hidden {
    max-height: 0;
}

.faq-text-section.visible {
    max-height: 700px;
}

.faq-item:after,
.faq-title-section:after {
    content: '';
    display: block;
    clear: both;
}


/******** Responsive ********/

@media (max-width: 1100px) {
    .left h4 {
        font: 400 15px/40px "open sans", serif;
    }
    .box-content {
        background-size: contain;
    }
    .left .bl, .left .bl a {
        font: 400 14px/40px "open sans",serif !important;
        max-width: 117px;
        text-align: right;
    }
}

@media (max-width: 1060px) {
    .box-content {
        /*padding: 15px 130px 37px 15px;*/
    }
    .footer-right {
        float: right;
        padding-top: 45px;
        width: 62%;
    }
    .sec-nav {
        float: right;
        width: 60%;
    }
}

@media (max-width: 1025px) {
    .box-content {
        background-position: right bottom;
    }
    .box {
        float: left;
        margin-bottom: 2%;
        margin-right: 0%;
        width: 100%;
    }
    .box-4 .box-content {
        /*background-image: url('images/shop-lg.jpg');*/
        background-position: right top;
    }
}

@media (max-width: 970px) {
    .home .left {
        width: 29.7%;
    }
    .home .right {
        width: 65%;
    }
    .left {
        width: 29.7%;
    }
    .right {
        width: 65%;
    }
    .left .bl, .left .bl a {
        font: 400 16px/40px "open sans",serif !important;
    }
}

@media (max-width: 900px) {
    .social {
        max-width: 725px;
    }
    .top .social ul li {
        margin-right: 11px;
    }
    .footer-right {
        width: 55%;
    }
    .contact-column {
        float: left;
        margin-right: 0%;
        width: 100%;
    }
    .contact-column2 {
        float: left;
        margin-right: 0%;
        width: 100%;
	
    }
}

@media(max-width: 840px) {
    nav li a {
        padding: 0 10px;
    }
    table{
        width:100% !important;
    }
}

@media (max-width: 760px) {
    .bottom {
        background: none;
    }
    .footer-right {
        width: 100%;
        padding: 35px 32px;
    }
    .social {
        max-width: 375px;
    }
    .text {
        display: none;
    }
    .top .social ul li {
        margin-right: 25px;
    }
    .home .right {
        width: 100%;
    }
    .home .left {
        width: 100%;
    }
    .right {
        width: 100%;
    }
    .left {
        width: 100%;
    }
    .left .bl {
        color: #262626;
        float: right;
        margin-left: 98px;
        text-align: right;
        width: auto;
    }
}

@media(max-width: 700px) {
    /*#primary-menu {
        display: none;
    }*/
    #responsive-menu .menu-header-container {
        display: block
    }
    .sec-nav li a {
        font: 400 14px/40px "open sans",serif;
        padding: 0 3px;
    }
    .sec-nav ul {
        margin-left: 0px;
        padding: 0;
        margin-right: 18px;
    }
    .sec-nav {
        width: 53%;
    }
    nav {
        /*background: none;*/
        padding: 0;
    }
    .clear .color {
        display: none;
    }
    #primary-menu li:nth-of-type(4) {
        clear: both;
    }
    .main-navigation.current_page_item > a {
        background: none;
    }
    .main-navigation li:nth-of-type(1) a {
        background: #ffeb0a;
        color: #3b3b3b;
    }
    .main-navigation li:nth-of-type(2) a {
        background: #ef3935;
    }
    .main-navigation li:nth-of-type(3) a {
        background: #08aa54;
    }
    .main-navigation li:nth-of-type(4) a {
        background: #61328e;
    }
    .main-navigation li:nth-of-type(5) a {
        background: #1f69b2;
    }
    .main-navigation li:nth-of-type(6) a {
        background: #f68827;
    }
    .main-navigation li:nth-of-type(1) a:hover {
        background: #F0DD00;
    }
    .main-navigation li:nth-of-type(2) a:hover {
        background: #DA211D;
    }
    .main-navigation li:nth-of-type(3) a:hover {
        background: #079047;
    }
    .main-navigation li:nth-of-type(4) a:hover {
        background: #50237C;
    }
    .main-navigation li:nth-of-type(5) a:hover {
        background: #13579B;
    }
    .main-navigation li:nth-of-type(6) a:hover {
        background: #E47819;
    }
    #primary-menu {
        width: 75%;
        min-width: 440px;
        margin: 0 auto;
        display: block;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
    #primary-menu > li {
        width: 33.33%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
    #primary-menu > li > a {
        display: block;
        text-align: center;
    }
}

@media(max-width: 600px) {
    .sec-nav ul {
        margin: 0;
    }
    #click-menu {
        top: 194px !important;
    }
    .banner {
        /*display: none;*/
    }
    .logo {
        float: left;
        padding: 20px 0 13px 18px;
    }
    .searchArea {
        clear: right;
        float: right;
    }
    .sec-nav {
        margin-right: 18px;
        width: 47%;
    }
    .sec-nav ul {
        padding: 0px;
    }
    .sec-nav li a {
        font: 400 11px/40px "open sans", serif;
        padding: 0 2px;
    }
}
@media (max-width: 500px){
    .logo {
        float: left;
        max-width: 150px;
        padding: 20px 0 13px 5px;
    }
    .searchArea {
        clear: right;
        float: right;
        padding-right: 4px;
    }
    .sec-nav {
        margin-right: 4px;
        width: 59%;
    }
    .sec-nav ul {
        padding: 0px;
    }
}
@media (max-width: 440px) {
    .box-content {
        background-color: #fff !important;
        background-position: -85px -7px !important;
        padding: 150px 15px 30px;
        background-size: auto 150px;
    }
    .box-4 .box-content {
        background-color: #fff !important;
        background-position: -60px -7px !important;
    }
    #primary-menu {
        width: 100%;
        min-width: 0;
    }
    nav li a {
        font-size: 12px;
    }
}

@media (max-width: 400px) {
   .sec-nav ul {
        float: right;
        padding: 20px 0 0 0;
        width: auto;
    }
    .sec-nav {
        margin-right: 10px;
        width: 66%;
    }
    .n-img{
        display: none;
    }
    .r-img{
        display: block;
    }
    .box-content {
        /*background: none !important;*/
        background-color: #fff !important;
        /*padding: 15px 15px 37px 15px;*/
    }
    .social {
        max-width: 254px;
    }
    .top .social ul li {
        margin-right: 5px;
    }
    .left .bl,
    .left .bl a {
        max-width: 86px;
    }
    .left .bl {
        margin-left: 15px;
    }
    .newsletter .bl {
        margin-left: 65px;
    }
    .box p {
        display: block;
        clear: both;
    }
    .box p:first-of-type {
        width: 100%;
        text-align: center;
    }
    .box p:first-of-type img {
        max-width: 80%;
        float: none;
    }
    .searchArea {
        clear: right;
        float: right;
        padding: 18px 0px 10px 0;
        width: 65%;
    }
    .searchArea label {
        float: left;
        width: 83.5%;
    }
   .logo {
        margin: 0 auto;
        max-width: 115px;
        padding: 20px 0 0 5px;
        width: 100%;
    }
    .searchArea > form {
        margin: 0 auto;
        width: 95%;
    }
    .sec-nav li a {
        font: 400 11px/40px "open sans",serif;
        padding: 0 2px;
    }
}
@media (max-width:370px){
     .searchArea label {
        float: left;
        width: 82.5%;
    }
    .logo {
        margin: 0 auto;
        max-width: 78px;
        padding: 13px 0 0 10px;
        width: 100%;
    }
     .sec-nav ul {
        float: right;
        padding: 0;
        width: auto;
    }
    .searchArea {
        clear: right;
        float: right;
        padding: 0 0 5px;
        width: 71%;
    }
    .sec-nav li a {
        font: 400 10px/40px "open sans",serif;
        padding: 0 2px;
    }
    .sec-nav {
        margin-right: 10px;
        width: 68%;
    }
}

@media (max-width: 339px) {
    #click-menu {
        top: 233px !important;
    }
}
.pay-logos table{width:125px;}