/*!
Theme Name: MWD
Theme URI: https://www.myanmarwebdesigner.com/
Author: Myanmar Web Designer
Author URI: https://www.facebook.com/myanmarwebdesigner
Version: 2019
Description: Highly customizable WordPress theme for Myanmar Web Designer's Clients
Text Domain: mwd
*/

h1,
h2,
h3,
h4,
h5 {
  font-family: 'Archivo Narrow', sans-serif;
}
body {
  font-family: 'Arimo', sans-serif;
  font-size: 14px;
}
body p {
  color: #666;
}
img {
  max-width: 100%;
  height: auto;
  display: block;
}
input[type='text'],
textarea,
input[type='tel'],
input[type='email'] {
  width: 100%;
  border: 1px solid #ddd;
  border-radius: 4px;
  padding: 8px 40px;
  outline: 0;
}
iframe {
  border: 0;
}
.custom-logo-link {
  float: left;
  margin: 0 15px 0 0;
  width: 100px;
}
.panel {
  box-shadow: 0 0 0;
  background: none;
}
.navbar {
  margin-bottom: 0px;
  border: 0px;
}
.navbar-collapse {
  padding: 0px;
}
.menu_text {
  float: right;
  margin: 0 0 0 30px;
  line-height: 1;
  color: #fff;
}
.navbar-toggle .icon-bar {
  background: #fff;
}
.dropdown-menu {
  margin: 0;
}
#mega-menu-wrap-main-menu
  #mega-menu-main-menu
  > li.mega-menu-item
  > a.mega-menu-link {
  position: relative;
}
#mega-menu-wrap-main-menu
  #mega-menu-main-menu
  > li.mega-menu-item
  > a.mega-menu-link::before {
  content: '';
  position: absolute;
  height: 4px;
  width: 100%;
  background: none;
  bottom: -34px;
  left: 0;
  z-index: 999999;
}
#mega-menu-wrap-main-menu
  #mega-menu-main-menu
  > li.mega-menu-item:hover
  a.mega-menu-link::before {
  background: #ec8505;
}

/* --------------------------------- topbar --------------------------------- */
.top-bar ul,
ul.caddress-details {
  list-style: none;
  padding: 0;
  margin-bottom: 0;
}
.top-bar ul li a {
  padding: 10px 15px;
  color: #8f8f8f;
  text-decoration: none;
}
.top-social li a {
  padding: 5px 10px;
}
.top-social li {
  background: none repeat scroll 0 0 #fafafa;
  padding: 10px 0;
  margin-right: 1px;
}
.top-bar {
  background: #d6d3d3;
}
form#searchform input {
  padding: 10px 15px;
  background: rgba(0, 0, 0, 0.05) none repeat scroll 0 0;
  border-radius: 0 !important;
}
.top-search,
.address-list li {
  position: relative;
}
.top-search::before,
.social::before,
a.cosmic-btn::before,
p.time:before,
ul.nav-links li:before {
  position: absolute;
  font-family: 'Font Awesome 5 Free';
  font-weight: 600;
  color: #8f8f8f;
}
.social::before {
  left: -10px;
  top: 1px;
}
.top-search::before {
  content: '\f002';
  right: 35px;
  top: 14px;
}
.ph::before {
  content: '\f879';
}
.mail::before {
  content: '\f0e0';
}
li.social.ph {
  padding-right: 20px;
}
/* --------------------------------- end topbar --------------------------------- */

/* --------------------------------- home page --------------------------------- */
.welcome-section {
  text-align: center;
  width: 70%;
}
.cosmic-title {
  text-align: center;
}
.cosmic-title h3 {
  letter-spacing: 0.5px;
  font-size: 2.2rem;
  font-weight: 600;
  color: #555;
}
.lines {
  margin-bottom: 10px;
  display: inline-block;
}
.lines span i {
  display: inline-block;
}
.lines span,
.lines,
.lines span i {
  position: relative;
}
.lines:before,
.lines:after {
  content: '';
  position: absolute;
  height: 4px;
  width: 130px;
  bottom: 17px;
  background-image: url(http://www.cosmicpowerelectric.com/demo/wp-content/uploads/2020/10/border.png);
}
.lines span:before,
.lines span:after {
  content: '';
  position: absolute;
  bottom: 13px;
  height: 4px;
  width: 80px;
  background-image: url(http://www.cosmicpowerelectric.com/demo/wp-content/uploads/2020/10/border.png);
}
.lines span i:before,
.lines span i:after {
  content: '';
  position: absolute;
  top: 20px;
  height: 5px;
  width: 5px;
  background: #a7a7a7;
}
.lines span i:after {
  right: -20px;
}
.lines span i:before {
  left: -20px;
}
.lines span:after {
  right: -121px;
}
.lines span:before {
  left: -118px;
}
.lines:before {
  left: -170px;
}
.lines:after {
  right: -170px;
}
.lines span i {
  color: #6e6e6e;
  text-transform: uppercase;
  letter-spacing: 4px;
  padding: 10px 0;
  display: inline-block;
  font-style: normal;
}
a.cosmic-btn {
  margin-top: 20px;
  display: inline-block;
  padding: 10px 20px 10px 50px;
  background: #5a5a5a;
  text-decoration: none;
  color: #fff;
  border-radius: 5px;
  position: relative;
  text-align: right !important;
}
a.cosmic-btn:hover,
a.cosmic2-btn,
.s-inner::before,
.top-social li:hover {
  background: #f08603;
}
a.cosmic-btn::before {
  content: '\f0a1';
  left: 20px;
  color: #fff;
}

.services-left {
  padding: 185px 95px;
  background: url('/wp-content/uploads/2022/03/01-1.jpg');
  background-size: contain;
  position: relative;
  z-index: 1;
}

.service-section h2 {
  font-size: 3rem;
}
.service-section p,
.service-section h2,
.service-section a {
  color: #fff;
}
a.cosmic2-btn {
  padding: 15px 35px;
  margin-top: 20px;
  display: inline-block;
  text-decoration: none;
  border-radius: 5px;
}
a.cosmic2-btn,
.s-inner,
#mega-menu-wrap-main-menu
  #mega-menu-main-menu
  > li.mega-menu-item
  > a.mega-menu-link::before,
.s-inner p,
a.installation-detail,
a.cosmic-btn,
ul.social-ft li a,
ul.last-social li a,
ul.nav-links li a,
ul.caddress-details li a,
input[type='submit'] {
  transition: all 0.3s linear;
}
a.cosmic2-btn:hover {
  background: #5a5a5a;
}
.services-right {
  text-align: center;
  margin-right: 30px;
}
.s-inner i {
  position: absolute;
  left: 35%;
  font-size: 100px;
  opacity: 0.09;
  top: 40px;
}
.s-inner {
  padding: 50px 20px;
  background: #fff;
  position: relative;
  z-index: 1;
}
.service-wrapper {
  background: #f9f9f9;
}
.s-inner::before {
  content: '';
  position: absolute;
  height: 0;
  width: 10%;
  top: 0;
  left: 0;
  -webkit-transition: height 0.2s linear, width 0.2s ease 0.2s;
  transition: height 0.2s linear, width 0.2s ease 0.2s;
  z-index: -1;
}
.s-inner p {
  line-height: 2.3rem;
}
.s-inner:hover,
.s-inner:hover p {
  color: #fff;
}
.s-inner:hover:before {
  height: 100%;
  width: 100%;
}

.production {
  text-align: center;
  background: #f9f9f9;
  padding: 30px;
}
p.time {
  border-bottom: 1px solid #151414;
  color: #b1b1b1;
  padding-bottom: 15px;
  position: relative;
}
p.time:after {
  content: '';
  height: 1px;
  position: absolute;
  width: 100%;
  left: 0;
  background: #d9d7d7;
  bottom: -5px;
}
p.time span {
  color: #b1b1b1;
  padding-right: 15px;
}
a.installation-detail {
  text-decoration: none;
  color: #000;
}
a.installation-detail:hover,
ul.last-social li a:hover,
ul.nav-links li a:hover,
ul.social-ft li a:hover,
.copyright a,
.cosmic-title h3 span,
ul.caddress-details li:hover a,
.address-list li:hover a {
  color: #f08603;
}
/* --------------------------------- end home page --------------------------------- */

/* --------------------------------- footer --------------------------------- */
.footer > .container {
  transform: translateY(-55px);
  background: #1a1a1a;
  padding: 65px 40px 30px 40px;
  margin-bottom: -55px;
}
.copyright {
  background: #404040;
}
.copyright p {
  margin: 0;
  padding: 10px 0;
  color: #ccc;
}
.about-power img {
  float: left;
}
.about-power h3 span {
  color: #f08603;
}
ul.social-ft,
.last-social,
.nav-links {
  list-style: none;
  padding-left: 0;
  line-height: 2rem;
}
ul.social-ft li,
ul.nav-links li {
  position: relative;
  padding-left: 35px;
}
ul.social-ft .social:before {
  left: 0;
}
ul.social-ft li a,
ul.last-social li a,
ul.nav-links li a {
  color: #666;
  text-decoration: none;
}
.ft-title h3 {
  position: relative;
  padding-bottom: 30px;
  margin-top: 20px !important;
}
.ft-title h3:before {
  content: '';
  position: absolute;
  height: 4px;
  width: 100%;
  background: url(http://www.cosmicpowerelectric.com/demo/wp-content/uploads/2020/10/border2.png)
    repeat;
  bottom: 0;
  left: 0;
}
ul.last-social li {
  padding: 0 15px;
  font-size: 22px;
}
ul.nav-links {
  margin-top: 30px;
}
ul.nav-links li:before {
  content: '\f30b';
  left: 0;
}
.top-social li:hover a {
  color: #fff;
}
ul.social-ft {
  overflow-wrap: break-word;
}
/* --------------------------------- end footer--------------------------------- */

/* --------------------------------- contact page--------------------------------- */
.contact-list i {
  position: absolute;
  top: 32px;
  z-index: 1;
  left: 25px;
  color: #615e5e;
}
.contact-btn {
  padding: 0;
}
input[type='submit'] {
  padding: 15px 40px;
  margin-top: 30px;
  background: #f08603;
  border: unset;
  border-radius: 5px;
  color: #fff;
}
.contact-right {
  margin-top: 22px;
}
ul.caddress-details {
  line-height: 2rem;
}
ul.caddress-details li {
  margin-bottom: 30px;
  color: #666;
}
ul.caddress-details li span {
  padding: 10px;
  color: #fff;
  margin-right: 20px;
  background: #f08603;
}
ul.caddress-details li a {
  color: #666;
  text-decoration: none;
}
input[type='submit']:hover {
  background: #dc7e0a;
}
.map-mobile {
  display: none;
}
/* --------------------------------- end contact page--------------------------------- */
ul.nav-links li {
  text-transform: capitalize;
}
/* About US page */
.aboutus h3 {
  margin-bottom: 30px;
  border-bottom: 1px solid #aaa;
  line-height: 2;
}
.vsms h4 i {
  margin-left: 10px;
}
.vsms h4 {
  line-height: 2;
  border-bottom: 1px solid #aaa;
  color: #fff;
}
.vsms {
  background: #3e68b5;
  padding: 30px;
  border-radius: 5px;
  color: #fff;
}
.aboutus ul li:before {
  font-family: 'Font Awesome 5 Free';
  content: '\f0e7';
  font-weight: bold;
  margin-right: 10px;
  color: #013d93;
}
.aboutus ul li {
  line-height: 2;
  margin-bottom: 20px;
}
.aboutus ul {
  list-style: none;
  padding: 0;
  column-count: 2;
}
.aboutus img {
  margin: 0 auto;
}
/* About US page */
/* Avabilities */
.fbx-rounded .fbx-inner {
  border: 0;
  border-radius: 0;
}
.aboutus {
  background: #e2e9f6;
}
.project_row a {
  width: 100%;
}
.project_row img {
  width: 100%;
  height: 250px !important;
  object-fit: cover;
}
/* End of projects */