@font-face { font-family: 'OpenSans-ExtraBold'; src: url('../fonts/OpenSans/OpenSans-ExtraBold.ttf'); } @font-face { font-family: 'OpenSans-Bold'; src: url('../fonts/OpenSans/OpenSans-Bold.ttf'); } @font-face { font-family: 'OpenSans-Semibold'; src: url('../fonts/OpenSans/OpenSans-Semibold.ttf'); } @font-face { font-family: 'OpenSans-Regular'; src: url('../fonts/OpenSans/OpenSans-Regular.ttf'); } @font-face { font-family: 'OpenSans-Light'; src: url('../fonts/OpenSans/OpenSans-Light.ttf'); } *{ margin: 0; padding: 0; list-style: none; text-decoration: none; } body { padding-top: 0 !important; } .clear{ clear: both; } .fl{ float: left; } .fr{ float: right; } .none{ display: none !important; } .site-header, .card-img-top{ /* opacity: 0.08; */ } .desktop-img{ display: block; } .iphone-img{ display: none; } .business-header.site-header{ position: relative; height: auto; } .business-header.site-header .outer-container{ position: absolute; width: 100%; z-index: 999; } .business-header.site-header img{ width: 100%; } .business-header.site-header .site-logo{ margin-top: 20px; } .business-header.site-header .site-logo img{ max-width: 100%; width: auto; } .available{ width: auto; margin-bottom: 26px; } .available h2 { color: #ffffff; text-align: center; background-color: #007bff; padding: 8px 15px; font-size: 23px; font-family: 'OpenSans-Semibold'; margin: 0; } .available h2 span { font-family: 'OpenSans-Bold'; } .g_name { margin-top: 0px; background-color: #242424; text-align: center; } .g_name a.card-title { color: #fff; font-size: 18px; margin: 0; padding: 8px 15px; display: block; letter-spacing: 1px; line-height: 20px; } .sidebar { background: #fbfbfb; border: 1px solid #e1e1e1; padding-top: 20px; padding-bottom: 20px; } .page-content { padding: 40px 0 60px; min-height: 500px; } .home-post .col-md-4{ margin-bottom: 30px; } .top_notice{ height: auto; background-color: #dedede; width: 100%; padding: 7px 0 } .top-info{ text-align: right; } .top-info h3{ font-size: 16px !important; font-family: 'OpenSans-Regular'; letter-spacing: 1px; font-weight: bolder; margin: 0; display: inline-block; background: url("../images/phone.jpg") no-repeat left top 0px; background-size: 22px; padding-left: 28px; line-height: 24px; } .top-info h3 b{ font-weight: normal; color: #ed146f; } .sidebar-cont h1{ font-family: 'OpenSans-Bold'; font-weight: normal; font-size: 19px; color: #007bff; display: block; text-transform: uppercase; margin-bottom: 10px; } .sidebar-listing li { border-bottom: 1px solid #dedede; margin-bottom: 6px; } .sidebar-listing li a{ padding: 6px 0; display: block; color: #303030; background: url("../images/list.png") no-repeat left top 14px; background-size: 10px; padding-left: 17px; } .sidebar-listing li a:hover{ color: #979797; text-decoration: none; background: url("../images/list-hover.png") no-repeat left top 14px; background-size: 10px; } .sidebar-level{ margin-bottom: 50px; } .phone-row{ margin-bottom: 30px; } .phone-row.last-row{ margin-bottom: 0; } .phone-icon{ width: 35px; float: left; } .phone-icon img{ max-width: 100%; border-radius: 4px; } .phone-info{ width: 200px; margin-left: 12px; float: left; } .phone-info h2{ font-family: 'OpenSans-Bold'; font-size: 14px; color: #000; line-height: 16px; margin-top: -2px; margin-bottom: 5px; } .phone-info span{ font-size: 14px; color: #000; margin-bottom: 0px; display: block; line-height: 14px; } .search-form{ width: auto; } .search-form h2{ font-size: 18px; font-weight: normal; color: #000; margin-bottom: 6px; font-family: 'OpenSans-Semibold'; } .search-form .textbox{ display: block; width: 100%; padding: .375rem .75rem; font-size: 1rem; line-height: 1.5; color: #495057; background-color: #fff; background-clip: padding-box; border: 1px solid #ced4da; border-radius: 4px; transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out; margin-bottom: 12px; } .search-form .search-btn{ font-family: 'OpenSans-Bold'; font-size: 17px !important; font-weight: normal !important; letter-spacing: 1px; color: #fff; background-color: #0069d9; cursor: pointer; display: block; border: none; width: 100%; border-radius: 4px; padding: 8px 10px; text-transform: :uppercase !important; } .top-form { margin-top: 0; border-bottom: 1px solid #bdbdbd; padding-bottom: 30px; } .site-menubar .dropdown-menu{ border-radius: 0; top: 114%; } .site-menubar .dropdown-menu a.dropdown-item{ padding: 4px 14px; } .feature-post-wrapper{ margin-bottom: 30px; } .page-data h2{ font-family: 'OpenSans-Bold'; font-weight: normal; font-size: 26px; margin-bottom: 10px; color: #007bff; } .page-data h3{ font-family: 'OpenSans-Bold'; font-weight: normal; font-size: 25px; margin-bottom: 5px; color: #007bff;} .page-data{ font-size: 17px; text-align: justify; } .page-data p{ font-size: 17px; margin-bottom: 15px; color: #4f4f4f; } .page-data p span{ font-family: 'OpenSans-Bold'; font-weight: normal; } .page-data ul{ } .page-data li{ font-size: 16px; margin-bottom: 12px; background: url("../images/round.png") no-repeat left top 10px; padding-left: 14px; background-size: 6px; } .main-page.innerpage{ padding: 0px 20px; } /* area link */ .area-wrapper{ padding: 16px 0; background: #fbfbfb; border-top: 1px solid #f3f3f3; } .area-link{ text-align: center; } .area-link h1{ font-family: 'OpenSans-Bold'; font-size: 30px; line-height: 32px; color: #007bff; font-weight: normal; text-align: center; display: block; margin-bottom: 10px; display: none; } .area-link ul{ margin: 0; padding: 0; text-align: center; } .area-link li{ display: inline-block; vertical-align: top; margin: 3px 10px; } .area-link li a{ font-size: 16px; font-weight: normal; color: #000; text-decoration: none; } .area-link li a:hover{ color: #b5b5b5; text-decoration: none; } .tab-pane.fade.in.active{ display: block; opacity: 1; } .tabber-post{ text-align: center; } .tabber-post ul{ text-align: center; margin-top: 30px; padding: 0; display: block; } .tabber-post li{ float: none; display: inline-block; margin: 0 2px } .tabber-post li a{ padding: 6px 10px; min-width: 42px; text-align: center; color: #828282; border: 1px solid #dedede; background: #dedede; display: inline-block; font-weight: 600; font-size: 18px; } .tabber-post li a:hover { color: #fff; border: 1px solid #b1b1b1; background: #b1b1b1; } .tabber-post li a.active { color: #fff; border: 1px solid #838383; background: #838383; } .tabber-post .nav-tabs { border-bottom: 1px solid #dee2e6; padding-bottom: 30px !important; } .site-gallery .col-md-3, .site-gallery .col-sm-4{ margin-bottom: 25px; } .page-gallery{ margin-top: 60px; } /* footer */ footer.footer-wrapper { padding: 30px 0; } .footer_menu { width: auto; margin: auto; text-align: center; } .footer_menu li { list-style-type: none; float: none; display: inline-block; padding: 5px; color: #ffffff; } .footer_menu li a { color: #fff; } .footer_menu li a:hover { color: #d6d6d6; text-decoration: none; } .copyright { width: 100%; text-align: center; } .copyright p { width: 100%; text-align: center; color: #fff; font-size: 12px; margin: 0; } .dropdown-menu.dropdown-menu-right{ padding: 0; } @media screen and (max-width: 640px){ .container { max-width: 90%; } } @media screen and (max-width: 560px){ .desktop-img{ display: none; } .page-content { padding: 30px 15px 40px !important; } .iphone-img{ display: block; } } .page-data h1{ font-family: 'OpenSans-Bold'; font-weight: normal; font-size: 26px; margin-bottom: 10px; color: #007bff; } .page-data h4{ font-family: 'OpenSans-Bold'; font-weight: normal; font-size: 24px; margin-bottom: 5px; color: #007bff;} .page-data h5{ font-family: 'OpenSans-Bold'; font-weight: normal; font-size: 23px; margin-bottom: 5px; color: #007bff;} .page-data h6{ font-family: 'OpenSans-Bold'; font-weight: normal; font-size: 22px; margin-bottom: 5px; color: #007bff;} body { padding-top: 54px; } @media (min-width: 992px) { body { padding-top: 56px; } } .carousel-item { height: 65vh; min-height: 300px; background: no-repeat center center scroll; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } .portfolio-item { margin-bottom: 30px; }