/*!
Theme Name: or2017
Theme URI: https://wordpress.org
Author: DYV
Author URI:https://wordpress.org
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: or2017
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready
*/
footer.header-top{position: relative;display: inline-block;width: 100%;}
section.related-articles {  position: relative; width: 100%; float: left; padding: 30px 0 100px;}
.related-blog { max-width: 900px;margin: 0 auto; position: relative; }
.related-blog:before{content: ''; position: absolute; width: 100%; height: 1px; background: #f0f0f0; top: -30px; left: 50%;transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%);}
.related-blog ul { margin: 0 }
.related-blog .no-post-found {width: 100%;}
.justify-content-center { -ms-flex-pack: center!important; justify-content: center!important;}
.service-container { position: relative; width: 100%;display: flex; margin: 0;}
.service-container .service-img { position: relative;width: 100%;max-width: 323px;}
.service-container .service-img figure { width: 100%; position: relative; display: inline-block; object-fit: cover;height: 0;padding-bottom: 195px;}
.service-container .service-img figure:hover { box-shadow: -5px 10px 20px rgba(0, 0, 0, 0.1); }
.service-container .service-img figure:after { content: ''; position: relative; display: inline-block;width: 100%;max-width: 323px}
.service-container .service-img img { position: absolute; top: 0; left: 0; display: inline-block; width: 100%; height: auto; object-fit: cover;  object-position: center; max-width: 323px;}
.service-container .service-desc { padding: 25px 0 0 60px; float: left; width: 100%;}
.service-container .service-desc .service-title h5 {opacity: 1;}
.service-container .service-desc .service-title h5 a { font-weight: 600; font-size: 24px; line-height: 32px; color: #3E3E3E; max-width: 490px; display: block;}
.service-container .service-desc .service-title h5 a:hover { color: #ff9922; }
.service-container .service-desc .service-title h6 { font-size: 14px; line-height: 20px; color: rgb(255 153 34 / 0.8); letter-spacing: 3px; text-transform: uppercase; font-weight: 600; margin-bottom: 10px; font-family: 'SF Pro Text';}
.service-container .service-desc .desc { margin: 20px 0 30px; color: #645A5A;}
.service-container .service-desc p {font-size: 16px; line-height: 24px; margin-top: 15px;}

li.blog-item { padding: 50px 0 0; margin-bottom: 0;}
.related-blog h2 { font-weight: 600; font-size: 24px; line-height: 32px; color: #3E3E3E; text-align: left; margin-bottom: 0; }

#notfound { position: relative;}
#notfound .notfound { position: absolute; left: 50%; top: 50%;-webkit-transform: translate(-50%, -50%);   -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%);}
.notfound { max-width: 485px; width: 100%;line-height: 1.4; text-align: center;}
.notfound .notfound-404 { position: relative; height: 240px;}
.notfound .notfound-404 h1 { font-family: 'SF Pro Text'; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%);  font-size: 252px; font-weight: bold; margin: 0px; color: #3E3E3E; text-transform: uppercase; letter-spacing: -40px; margin-left: -20px;}
.notfound .notfound-404 h1>span { text-shadow: -8px 0px 0px #fff;}
.notfound .notfound-404 h3 { font-family: 'SF Pro Text'; position: relative;font-size: 16px;font-weight: 600;text-transform: uppercase; color: #3E3E3E; margin: 0px; letter-spacing: 2px; }
.notfound h2 {font-family: 'SF Pro Text'; font-size: 18px; font-weight: 400; text-transform: capitalize; color: #3E3E3E; margin-top: 0px; margin-bottom: 25px;}

@media only screen and (max-width: 767px) {
  .notfound .notfound-404 { height: 200px; }
  .notfound .notfound-404 h1 { font-size: 200px; }
}
@media only screen and (max-width: 575px) {
	li.blog-item { padding: 40px 0 0;}
	.service-container .service-desc p {font-size: 15px; line-height: 23px; margin-top: 10px;}
}
@media only screen and (max-width: 480px) {
  .notfound .notfound-404 { height: 162px; }
  .notfound .notfound-404 h1 { font-size: 162px; height: 150px; line-height: 162px; }
  .notfound h2 { font-size: 16px; line-height: 22px;}
  .notfound { max-width: 350px;}
  .notfound .notfound-404 h3{font-size: 14px;}
}