/* locally-hosted open-sans-regular - latin */

@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/open-sans-v44-latin-regular.eot'); /* IE9 Compat Modes */
  src: url('../fonts/open-sans-v44-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v44-latin-regular.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../fonts/open-sans-v44-latin-regular.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
       url('../fonts/open-sans-v44-latin-regular.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
       url('../fonts/open-sans-v44-latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */
}
body {font-family: 'Open Sans', Arial, 'Helvetica Neue', Helvetica, sans-serif; font-size: 16px; line-height: 24px; text-decoration: none; color: #000;}
h1, h5, h6 {font-weight: 800;}
h2 {font-weight: 600;}

h2.sppb-feature-box-title  {letter-spacing: 2px;}
.entry-header h2 a, .sp-module .latestnews > div > a, .sp-module ul > li > a  {color: #20b2aa;}
.entry-header h2 a:hover, .sp-module .latestnews > div > a:hover, .sp-module ul > li > a:hover {color: #188781;}
.sp-module ul > li > a:before {color: #000;}

#sp-main-body {padding: 18px 0px !important;}
#sp-main-body img {border-radius: 10px;}
#sp-main-body a img {transition: filter 0.3s ease;}
#sp-main-body a img:hover {filter: brightness(60%);}
#sp-bottom, #sp-footer {font-size: 15px;}

.sp-megamenu-parent > li > a, .sp-megamenu-parent > li > span, .sp-megamenu-parent .sp-dropdown li.sp-menu-item > a, .sp-megamenu-parent .sp-dropdown li.sp-menu-item span, .offcanvas-menu .offcanvas-inner .sp-module ul > li a {font-size: 16px;}
.sp-page-title, .sppb-media-content .sppb-addon-text span {letter-spacing: 1px;}

nav.pagenavigation {display: block;}
nav.pagenavigation li.page-item a, .btn-secondary {border-color: #1b9891; background-color: #20b2aa; color: #fff;}
nav.pagenavigation li.page-item a:hover, .btn-secondary:hover {border-color: #14716c; background-color: #188781;}

div.sp-simpleportfolio-description {width: 100% !important;}
div.sp-simpleportfolio-meta, div.latestnews.testimonials small, div.moduletable.testimonials .latestnews small, div.contact h3, div.sp-simpleportfolio-btns a.btn-zoom {display: none !important;}
div.sp-simpleportfolio-description img {display: inherit;}
.sp-module .latestnews.testimonials > div {padding-bottom: 0px; margin-bottom: 0px;}

div.latestnews.testimonials a {display: block; transition: all 300ms ease 0s; line-height: 36px; padding: 2px 0px;}
div.latestnews.testimonials a::before {font-family: FontAwesome; content: ""; margin-right: 8px;}

div.contact .dl-horizontal dt {margin-top: 0px; margin-bottom: 0px;}
div.contact .dl-horizontal dd {margin-top: 8px; margin-bottom: 8px;}
form#contact-form legend {font-size: inherit;}
form#contact-form legend {display: none;}
.form-horizontal .control-group .controls  {clear: inherit;}
.form-horizontal .control-label {clear: both;}
input, textarea {height: auto !important; width: 100%;}

.pull-right {margin-left: 20px;}
.pull-left {margin-right: 20px;}
.pull-left img, img.pull-left, .pull-right img, img.pull-right {margin-bottom: 10px;}
figure.pull-left, figure.pull-right {max-width: 100%;}

figcaption {margin-bottom: 20px; font-style: italic;}
a[href]:after {content: "";}

@media (max-width: 768px) {
.pull-, .pull-right, .pull-left {text-align: center;}
.pull- a, .pull-right img, .pull-left img {display: inline-block;}
}

@media (max-width: 767px) {
h2.sppb-feature-box-title  {font-size: 40px !important;}	
.form-horizontal .control-group .control-label { float: none !important; text-align: left  !important; }
.form-horizontal .control-group .controls { margin-left: 0px  !important; }
.form-horizontal .form-actions { padding-left: 0px  !important; }
.pull-right.entry-image {margin: 0 0 18px 0px;}
.pull-right {margin-left: 0px; float: none; text-align: center;}
.pull-left {margin-right: 0px; float: none; text-align: center;}
}