/* layout */

/* header */
#sp-header {height: 140%;}
#sp-header .row {padding: 30px;}
#sp-strap {margin: 0 auto;}
#sp-strap  p {color:#fff;text-shadow:1px 1px 3px #666;}
.sp1 {font-size:20px;} .sp2 {font-size:24px;}
.sp1 a {color:#ff1100;text-shadow:none;font-weight:normal;}
#sp-header .logo {margin: 25px auto;}

/* navigation */
#sp-menuwrap {background: #1f93a4 none repeat scroll 0 0;border-bottom: 2px solid #99cc66;border-top: 2px solid #99cc66;
margin: 0;padding: 0;}height:80px;
nav	{height:76px;padding:20px;}
.sp-megamenu-parent > li > a {font-size:16px;color: #fff;line-height:76px;}
.sp-megamenu-parent > li.active > a, .sp-megamenu-parent > li.active:hover > a {color: #fff;font-weight:600;}
.sp-megamenu-parent > li:hover a {background:#168a9b;color:#efefef;}
.sp-megamenu-parent .sp-dropdown .sp-dropdown-inner {}
.sp-megamenu-parent .sp-dropdown .sp-dropdown-inner {box-shadow:1px 1px 3px #666;padding:0;}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item {padding:10px;background:#1f93a4;margin-bottom:3px;}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item>a,.sp-megamenu-parent .sp-dropdown li.sp-menu-item>a:hover 
{color: #fff;background:#1f93a4;font-size:14px;letter-spacing:1px;width:100%;}

/* main body */
#sp-main-body {padding: 0;margin-top:40px;}
.article-ratings-social-share.d-flex.justify-content-end {display: none!important;}

/* off canvas */
.offcanvas-menu {background:#59b597;}
.offcanvas-menu .offcanvas-inner ul.menu > li > a, .offcanvas-menu .offcanvas-inner ul.menu > li > span {font-size: 16px;font-weight:normal;}
.offcanvas-menu .offcanvas-inner ul.menu > li > a:hover, .offcanvas-menu .offcanvas-inner ul.menu > li > span:hover
.offcanvas-menu .offcanvas-inner ul.menu > li > a:focus, .offcanvas-menu .offcanvas-inner ul.menu > li > span:focus
 {color:#fff;}

/* copyright */
#sp-footer, #sp-bottom {background:#59b597;font-size:12px;letter-spacing: 2px;line-height: 20px;}
.footer1, .footer2 {text-align:center;color: #fff;font-size: 12px;}
#sp-footer a {font-size: 12px;color: #e95846;text-decoration: none;}

/* typography */

hr {margin:40px 0 40px 0;color:#888;border: 0;border-top: 1px solid;opacity: 0.7;}

p {line-height:30px;}


body.ltr #offcanvas-toggler.offcanvas-toggler-left {margin: 0 0 0 10px;}

blockquote {background-color: #e5fbd2;border-left: 5px solid #9cd0a2;color: #343434;font-family: Arial,sans-serif;font-size: 14px;
    font-style: italic;line-height: 1.8em;margin: 30px 0;padding: 20px;position: relative;}


/* convert forms */
.moduletable_cf1 {margin: 20px;padding: 0 20px 10px;background:#fcfcfc none repeat scroll 0 0;}
#cf_1 {margin:0 auto;}
.contactmain {border:1px solid #09b597;margin-bottom:50px;}
.contactmain p {letter-spacing:2px;color:#555555;}
.contacttop {background:#09b597 none repeat scroll 0 0;padding:15px 20px;} 
.contacttop h1 {color:#fff;margin:0;font-weight:normal;letter-spacing:2px;font-size:22px;}
input[type="submit"], button[type="submit"] {background: #09b597 repeat scroll 0 0;letter-spacing:4px;text-shadow:none;}
.convertforms .cf-btn.cf-btn-style-flat:hover {opacity:1}
.convertforms.cf-success .cf-response {background:rgba(194, 228, 164, 0.5) none repeat scroll 0 0;color:#527434 none repeat scroll 0 0;}
.convertforms .cf-label .cf-required-label {color: #ff0000;font-weight: 400;}
.cf_email {color:#ff0000;}

.convertforms .cf-response {color:#454545;letter-spacing:2px;}



.btn {background: rgb(95, 207, 195, 0.45) none repeat scroll 0 0;border: 1px solid #aaa;color: #454545;font-weight: normal;padding: 12px 26px;
text-shadow: 1px 1px 4px #fff;}
.btn:hover {background: rgb(95, 207, 195, 0.35) none repeat scroll 0 0;border: 1px solid #bbb;color: #454545;font-weight: normal;padding: 12px 26px;
text-shadow: 1px 1px 4px #fff;}


.btn p {margin:0;}

.fp_banner {background-color: #e5fbd2; color: #1F93A4;font-family: "Open Sans", Arial,sans-serif;font-size: 38px;line-height: 2em;
margin:0;padding: 30px;position: relative;letter-spacing:5px; border: 1px solid #1f93a4;border-radius:5px;}

.fp_banner p {margin: 0;}
.fp_banner a {color: #1F93A4;}

@media all and (max-width: 996px) {
	#sp-header .row {padding: 0;}
}

@media all and (max-width: 640px) {
	#sp-strap p {}	
}

@media all and (max-width: 480px) {
	#sp-header {height: 300px;}
	#sp-strap .sp-module {margin:0;padding:0 10px;}
	.sp1 {font-size:16px;} .sp2 {font-size:18px;}
}