@import url("https://fonts.googleapis.com/css?family=Roboto:300,400,500,700,900");@import url("https://fonts.googleapis.com/css?family=Muli:400,600,700,800");.flt {float: left;width: 100%;} a:active, a:focus {outline: none !important;} p {margin: 0px !important;padding: 0px !important;} .main_div {position: relative;} .bann_head {text-align: center;font-size: 31px;color: #000;font-weight: bold;top: 40%;position: absolute;left: 0;content: '';right: 0%;} .header_left {text-align: right;padding: 0px 25px;} .header_left span {position: relative;padding-left: 25px;line-height: 16px;} .ph_cl::before {position: absolute;top: 0px;left: 0px;content: "\f095";font-family: "Font Awesome 5 Free";color: rgb(255, 255, 255);font-weight: 600;} .mail_cl {margin-left: 30px;} .mail_cl::before {position: absolute;top: 0px;left: 0px;content: "\f0e0";font-family: "Font Awesome 5 Free";color: rgb(255, 255, 255);font-weight: 600;} .header_right {padding: 0px 25px;} .header_right ul {list-style-type: none;margin: 0px;padding: 0px;} .header_right ul li {display: inline-block;margin-right: 30px;} .header_left span a {font-family: "Roboto", sans-serif;color: rgb(255, 255, 255);text-decoration: none;} .header_right ul li a {color: rgb(255, 255, 255);font-size: 16px;} .menu_section {position: absolute;right: 20px;top: 70px;z-index: 999;} .menu_toggle {height: 65px;width: 65px;background-color: rgb(255, 255, 255);position: relative;z-index: 9;cursor: pointer;} .menu_toggle::before {position: absolute;top: 50%;left: 50%;content: "\f0c9";font-family: "Font Awesome 5 Free";font-weight: 600;font-size: 30px;transform: translate(-50%, -50%);transition: 0.5s all ease;} .show_menu .menu_toggle::before {content: "\f00d";} .menu_div {position: absolute;right: 0px;top: 0px;width: 300px;padding: 30px;background-color: rgb(0, 173, 239);opacity: 0;visibility: hidden;transition: 0.5s all ease;} .show_menu .menu_div {opacity: 1;visibility: visible;} .menu_head {font-size: 20px;font-family: "Muli", sans-serif;color: rgb(255, 255, 255);text-transform: uppercase;font-weight: 700;letter-spacing: 1px;position: relative;padding-bottom: 10px;margin-bottom: 25px;} .menu_head::before {position: absolute;bottom: 0px;left: 0px;content: "";width: 150px;height: 2px;background-color: rgb(255, 255, 255);} .menu_links ul {list-style-type: none;padding: 0px;margin: 0px;} .menu_links ul li a {font-family: "Muli", sans-serif;color: rgb(255, 255, 255);font-size: 16px;font-weight: 600;text-decoration: none;position: relative;transition: 0.5s all ease;} .menu_links ul li {position: relative;padding: 0px 18px;background-color: rgba(255, 255, 255, 0.33);margin-bottom: 15px;line-height: 2.2em;border-radius: 5px;transition: 0.5s all ease;float: left;width: 100%;} .menu_links ul li:last-child {margin-bottom: 0px;} .menu_links ul .hvr_lst:hover .hvr_efft {padding-left: 15px;} .menu_links ul .hvr_lst .hvr_efft::before {position: absolute;top: 50%;left: 0px;content: "\f0da";font-family: "Font Awesome 5 Free";font-weight: 600;color: rgb(255, 255, 255);opacity: 0;transition: 0.5s all ease;font-size: 15px;transform: translateY(-50%);} .menu_links ul .hvr_lst:hover .hvr_efft::before {opacity: 1;} .sub_menu {max-height: 0px;overflow: hidden;transition: 0.5s all ease;} .sub_menu li:first-child {margin-top: 10px;} .sub_menu li:last-child {margin-bottom: 15px !important;} .sub_menu li a {font-size: 14px !important;} .sub_menu li:hover {background-color: rgba(0, 0, 0, 0.69) !important;} .open_menu {max-height: 300px;opacity: 1;} .banner_section {position: relative;background-image: url('../../uploads/sumukhaconstructionscom/inn_bann.png');background-repeat: no-repeat;background-position: center;background-size: cover;width: 100%;height: 400px;} .banner_container img {width: 100%;} .main_logo {position: absolute;top: 0px;left: 0px;z-index: 99;background-color: rgb(255, 255, 255);width: 250px;padding: 25px;} .main_logo img {width: 100%;} .about_section {padding: 4% 0%;margin-bottom: 5%;} .about_right img {width: 100%;} .about_head {font-family: "Muli", sans-serif;font-size: 32px;font-weight: 800;margin-bottom: 40px;text-transform: uppercase;} .about_head span {display: inline-block;position: relative;padding-bottom: 18px;} .about_head span::before {position: absolute;bottom: 0px;left: 0px;content: "";height: 3px;width: 40%;background-color: rgb(0, 174, 239);} .about_desc {font-family: "Muli", sans-serif;font-weight: 600;font-size: 15px;color: rgb(69, 69, 69);} .about_section .row {display: flex;align-items: center;} .about_left {padding-right: 8%;} .about_right {padding-left: 8%;} .about_section .container .row:first-child {margin-bottom: 5%;} .about_left .vis_wrapper:first-child {margin-bottom: 12%;} .specs_blocks {float: left;width: 20%;position: relative;} .specs_section {padding: 5% 0%;background-color: rgb(244, 244, 244);} .specs_img {margin-bottom: 29px;} .specs_img img {margin: 0px auto;width: 60px;} .specs_txt {text-align: center;font-size: 16px;font-family: "Muli", sans-serif;font-weight: 700;} .specs_blocks::before {position: absolute;top: 0px;right: 0px;content: "";width: 1px;height: 100%;background-color: rgb(192, 192, 192);} .specs_wrapper .specs_blocks:last-child::before {display: none;} .contact_section {padding: 5% 0%;background-color: rgb(37, 37, 37);} .contact_wrapper {padding: 0% 8%;margin-bottom: 60px;} .contact_wrapper table {width: 100%;} .contact_wrapper table td {border: 2px solid rgb(255, 255, 255);padding: 45px 30px;color: rgb(255, 255, 255);font-family: "Muli", sans-serif;font-size: 16px;font-weight: 600;} .contact_wrapper table span {position: relative;padding-left: 30px;display: inline-block;} .contact_wrapper table span::before {position: absolute;top: 0px;left: 0px;font-family: "Font Awesome 5 Free";} .f_ph::before {content: "\f095";} .f_mail::before {content: "\f0e0";} .contact_main_head {text-align: center;font-family: "Muli", sans-serif;font-size: 32px;font-weight: 800;text-transform: uppercase;margin-bottom: 50px;color: rgb(255, 255, 255);} .contact_social ul {margin: 0px;list-style-type: none;padding: 0px;text-align: center;} .contact_social ul li {display: inline-block;margin: 0px 15px;} .contact_social ul li a {color: rgb(142, 142, 142);font-size: 24px;} .contact_social ul li a:hover {color: rgb(255, 255, 255);} .footer_container {text-align: center;padding: 20px 0px;font-family: "Muli", sans-serif;font-weight: 600;font-size: 15px;} #table_inner_content {display: none;} .project_right {float: right;width: 76%;padding: 50px;} .project_left {float: left;width: 25%;} .project_layout {padding: 5% 0%;} .project_main_head {font-size: 30px;text-transform: uppercase;font-family: "Muli", sans-serif;font-weight: 800;border-bottom: 4px solid rgb(3, 172, 236);padding-bottom: 12px;margin-bottom: 5%;} .project_overview {margin-bottom: 5%;background-color: rgb(242, 242, 242);} .project_overview .row {display: flex;align-items: center;} .pro_inn_wrp table {width: 100%;} .pro_inn_wrp table td {font-family: "Muli", sans-serif;border: 1px solid rgba(0, 0, 0, 0.25);padding: 15px 25px;font-weight: 600;font-size: 15px;color: rgb(69, 69, 69);} .project_wrapper {box-shadow: 0px 4px 8px 2px rgba(0, 0, 0, 0.15);position: relative;} .project_wrapper::before {position: absolute;top: 0px;left: 0px;content: '';width: 24%;height: 100%;background-color: rgb(3, 172, 236);z-index: -1;} .project_left {float: left;width: 24%;background-color: rgb(3, 172, 236);} .project_left ul {padding: 0px;margin: 0px;list-style-type: none;} .project_left ul li {float: left;width: 100%;} .project_left ul li a {color: rgb(255, 255, 255);font-family: "Muli", sans-serif;text-decoration: none;font-weight: 700;font-size: 13px;width: 100%;float: left;padding: 15px 25px;} .project_left ul li.active a {background-color: rgb(255, 255, 255);color: rgb(69, 69, 69);} .pr_gl_div img {width: 100%;} .pr_gl_div {margin-bottom: 30px;box-shadow: 0px 3px 5px 2px rgba(0, 0, 0, 0.15);} .pro_feat_lt ul {padding: 0px;margin: 0px;list-style-type: none;} .pro_feat_lt ul li {position: relative;padding-left: 20px;font-family: "Muli", sans-serif;font-size: 15px;font-weight: 600;margin-bottom: 20px;} .pro_feat_lt ul li:last-child {margin-bottom: 0px;} .pro_feat_lt ul li::before {position: absolute;top: 0px;left: 0px;content: '\f0da';font-family: 'Font Awesome 5 Free';font-weight: 600;} .other_img img {width: 100%;} .pro_locat iframe {width: 100%;height: 400px;} .pro_over_left {font-family: "Muli", sans-serif;padding: 0px 50px;} .pro_over_head {font-size: 22px;font-weight: 700;margin-bottom: 20px;color: rgb(3, 172, 236);} .pro_over_desc {font-weight: 600;font-size: 15px;} .pro_over_right {position: relative;} .brochure_div a {display: inline-block;text-decoration: none;font-size: 18px;color: rgb(237, 50, 55);font-family: "Muli", sans-serif;font-weight: 700;position: relative;padding-left: 30px;} .brochure_div a::before {position: absolute;top: 0px;left: 0px;content: '\f56d';font-family: 'Font Awesome 5 Free';} .completed_projects{display: none;} .completed_img img {width: 100%;} .completed_img {margin-bottom: 30px;} .completed_txt {font-size: 18px;font-family: "Muli", sans-serif;font-weight: 800;margin-bottom: 15px;color: rgb(0, 173, 239);} .completed_desc {font-size: 14px;font-family: "Muli", sans-serif;font-weight: 600;margin-bottom: 20px;min-height: 90px;color: rgb(104, 104, 104);} .completed_more {margin-bottom: 20px;} .completed_more a {display: inline-block;background-color: rgb(237, 51, 56);color: rgb(255, 255, 255);font-family: "Muli", sans-serif;text-decoration: none;font-size: 13px;font-weight: 700;padding: 10px 15px;} .completed_blocks {box-shadow: 0px 4px 8px 2px rgba(0, 0, 0, 0.16);padding: 12px;text-align: center;} .pro_over_right img {width: 100%;} .pro_feat_lt ul li b {color: rgb(236, 51, 56);display: inline-block;margin-bottom: 5px;} .pro_vid iframe {width: 100%;height: 400px;} .mster_pl_bl {box-shadow: 0px 3px 8px 2px rgba(0, 0, 0, 0.14);margin-bottom: 30px;padding: 12px;} .mster_name {text-align: center;font-family: "Muli", sans-serif;font-weight: 600;font-size: 13px;color: rgb(3, 172, 236);border-top: 1px solid rgba(0, 0, 0, 0.21);padding: 10px 0px;margin-top: 20px;} .master_heads {background-color: rgb(113, 113, 113);margin-bottom: 30px;color: rgb(255, 255, 255);padding: 10px 20px;font-family: "Muli", sans-serif;font-weight: 700;font-size: 16px;} .master_pl_wrp {margin-bottom: 50px;} .pagecontainer{display: none;padding: 4% 0%;} .pagehead {font-size: 32px;text-transform: uppercase;border-bottom: 4px solid rgb(3, 172, 236);margin-bottom: 5%;font-weight: 800;font-family: "Muli", sans-serif;padding-bottom: 15px;} .errorMessages {display: none !important;} .logo img {width: 100%;} .follow_links {list-style: none;padding: 0;} .follow_links li {display: inline-block;width: 25px;height: 25px;background: #1e7fc6;text-align: center;border-radius: 16px;padding: 3px 0 0 0;margin: 0 6px;} .follow_links a {color: #fff;width: 100%;} .follow_links i {font-size: 15px;} .header {padding: 6px 0;} .top_email, .top_contact {text-align: center;padding: 28px 0 0 0;} .followus {text-align: center;} .followus h4 {text-transform: uppercase;color: #1e7fc6;font-size: 18px;font-weight: bold;} .top_email a, .top_contact a {text-decoration: none;font-size: 18px;color: #000;font-weight: 500;} .menu_items {padding: 0;list-style: none;text-align: center;margin: 0;} .menu_items li {display: inline-block;padding: 13px 24px;} .menu_list {background: #1e7fc6;} .menu_items .active {background: #fff;box-shadow: 0 2px 5px 0 #ccc;} .menu_items .active a {color: #1e7fc6;} .menu_items a {text-decoration: none;font-size: 14px;color: #fff;text-transform: uppercase;font-weight: bold;} .dropdown-menu li {padding: 0;width: 100%;} .dropdown-menu a {width: 100%;padding: 6px 25px !important;} .dropdown-menu a:hover {background: #1e7fc6 !important;color: #fff !important;font-weight:bold !important;} .contactus_sec table {border-collapse: collapse;border-spacing: 0;} .contactus_sec table td {border: 1px solid rgb(165, 162, 162);padding: 45px 30px;color: rgb(255, 255, 255);font-family: "Muli", sans-serif;font-size: 16px;font-weight: 600;} .contactus_sec table {width: 80%;margin: 40px auto;} .contactus_sec table span::before {position: absolute;top: 0px;left: 0px;font-family: "Font Awesome 5 Free";} .f_ph::before {content: "\f095";} .f_mail::before {content: "\f0e0";} .contactus_sec span {padding: 0 6px;} .f_add {position: absolute;left: 268px;} .contact_head h3 {font-weight: bold;font-size: 35px;} .contact_us {font-size: 18px;} .contact_us1 {border: 3px solid;padding: 50px 45px;text-align: center;} .contact_us2 {border-bottom: 3px solid;border-top: 3px solid;border-right: 3px solid;} .contact_head {text-align: center;} .contact_head p {border-bottom: 2px solid #fff;width: 195px;margin: auto !important;height: 0;} .contact_us {margin: 22px 0;} .contact_no {border-bottom: 3px solid;margin: 0 -15px 0 -16px;padding: 22px 0;text-align: center;} .contact_email {text-align: center;padding: 26.5px 0;} .contactus_sec {background: #252525;color: #fff;padding: 30px 0;width: 100%;float: left;} .social_links ul {list-style: none;text-align: center;} .social_links li {display: inline-block;padding: 0 12px;} .social_links a {font-size: 35px;color: gray;} .top_email span, .top_contact span {color: #02aeee;margin: 0 6px 0 0;} .back-to-top {cursor: pointer;position: fixed;bottom: 20px;right: 20px;display: none;z-index: 999;} .social_links a:hover {color: #428bca;} .icon_item {text-align: center;width: 19%;display: inline-block;border-right: 1px solid #ccc;} .icon_item:last-child {border: none;} .icon_item img {margin: auto;} .icon_item p {padding: 15px 0;font-weight: bold;font-size: 19px;font-family: 'Roboto', sans-serif;} #componentlayout446246 {padding: 0 0 40px 0;} .spcial_icons {display: none;} .nav > li > a:focus, .nav > li > a:hover {text-decoration: none;background-color: #ea1d1d !important;} .menu_list li a {color: #fff;font-weight: bold;text-transform: uppercase;} .menu_list .navbar-nav {float: none;text-align: center;} .navbar-nav > li {float: none;display: inline-block;} .dropdown-menu {background-color: #1e7fc6;} @media (min-width:320px) and (max-width:639px){.pagecontent .outercoverfrontend {float: none;width: 100% !important;} .pagecontent .submitbutton {text-align: center !important;} .pagecontent .allfields-wrapper {width: 100% !important;} .pro_inn_wrp table td {padding: 15px 15px;font-size: 13px;} .contactus_sec table td {padding: 20px 11px;font-size: 11px;font-weight: 600;} .icon-bar {background-color: #fff;} .menu_list li a {color: #fff;text-transform: uppercase;font-weight: bold;} .menu_list .navbar-nav > li {float: none;display: inline;} .menu_list .navbar-nav {float: none;text-align: center;} .about_left {padding-right: 0%;} .dropdown-menu {margin-left: -100px;} .dropdown-menu {background-color: #1e7fc6;} .icon_item {width: 100%;} .menu_list .navbar-nav > li {float: none;display: inline;} .icon-bar {background-color: #fff;} .menu_list .navbar-nav {float: none;text-align: center;} .menu_list li a {color: #fff;text-transform: uppercase;font-weight: bold;} .logo {text-align: center;} .logo img {width: 224px;} .top_email, .top_contact {padding: 9px 0 0 0;} .about_section .row {display: block;align-items: center;} .project_wrapper::before {position: relative;} .project_overview .row {display: block;align-items: center;} .menu_list .navbar-nav > li {float: none;display: inline;} .icon_item p {padding: 15px 0 !important;} .about_right {padding-left: 0%;} .about_desc {line-height: 28px;margin-bottom:15px;} .about_left .vis_wrapper:first-child {margin-bottom: 15px;} .about_head {margin-bottom: 15px;} .about_right img {width: 100%;padding-top: 20px;} .f_add {display: none;} .dropdown-menu {margin-left: -100px;} .pro_over_desc {padding-bottom: 15px;} .pro_over_desc {line-height: 28px;} .project_left {width:100%;} .project_right {width: 100%;} .project_left li a {text-align: center;} .pro_over_head {padding-top: 10px;} .spcial_icons {display: none;}} @media (min-width:640px) and (max-width:768px){.project_overview .row {display: block;} .pro_over_desc {line-height: 28px;} .spcial_icons {display: none;} .project_overview .row {display: block;} .project_right h4 {font-size: 38px;} .pro_over_desc {line-height: 28px;} .project_left {width: 100%;} .project_left {text-align: center;} .project_right {width: 100%;} .f_add {display: none;} .pro_over_head {padding-top: 15px;} .project_left {width: 100%;} .project_left {text-align: center;} .project_right {width: 100%;} .menu_list li a {color: #fff;text-transform: uppercase;font-weight: bold;} .logo {text-align: center;} .logo img {width: 224px;} .top_email, .top_contact {padding: 9px 0 0 0;} .followus {text-align: center;} .icon-bar {background-color: #fff;} .menu_list .navbar-nav {text-align: center;} .about_section .row {display: block;align-items: center;} .about_left {padding-right: 0%;line-height: 28px;} .about_right {padding-left: 0%;} .about_head {margin-bottom: 11px;} .icon_item p {font-size: 11px;padding-top: 15px !important;} .pro_over_desc {line-height: 28px;padding-bottom: 20px;} .project_right {width: 100%;background-color: #fff;} .f_add {display: none;} .spcial_icons {display: none;}}img{border:0px;padding:0px;}p {margin: 0px 0px 3px 0px;padding: 0px 0px 0px 0px;}a.footline{color: #808080;text-decoration: none;font-size:11px;color: #808080;} a.footline:hover{color: #808080;text-decoration: underline;font-size:11px;color: #808080;}