@font-face{font-family:'Droid Arabic Kufi';font-style:normal;font-weight:400;src:url(../fonts/DroidKufi-Regular.eot);src:url(../fonts/DroidKufi-Regulard41d.eot?#iefix) format("embedded-opentype"),url(../fonts/DroidKufi-Regular.woff2) format("woff2"),url(../fonts/DroidKufi-Regular.woff) format("woff"),url(../fonts/DroidKufi-Regular.ttf) format("truetype")}@font-face{font-family:'Droid Arabic Kufi';font-style:normal;font-weight:700;src:url(../fonts/DroidKufi-Bold.eot);src:url(../fonts/DroidKufi-Boldd41d.eot?#iefix) format("embedded-opentype"),url(../fonts/DroidKufi-Bold.woff2) format("woff2"),url(../fonts/DroidKufi-Bold.woff) format("woff"),url(../fonts/DroidKufi-Bold.ttf) format("truetype")}
html {
  height: 100%;
  overflow-x: hidden;
  overflow-y: scroll;
}
body {
  height: 100%;
  font-family: 'Droid Arabic Kufi', sans-serif;
  font-weight: 400;
  color: #232323;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -ms-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-smoothing: grayscale;
}
::selection {
  background: #eeb313;
  color: #232323;
}
::-webkit-selection {
  background: #eeb313;
  color: #232323;
}
::-moz-selection {
  background: #eeb313;
  color: #232323;
}
::-o-selection {
  background: #eeb313;
  color: #232323;
}
::-ms-selection {
  background: #eeb313;
  color: #232323;
}
::-webkit-input-placeholder {
  color: #232323;
}
::-moz-placeholder {
  color: #232323;
}
:-ms-input-placeholder {
  color: #232323;
}
:-moz-placeholder {
  color: #232323;
}
a {
  color: #232323;
  -webkit-transition: all ease .3s;
  -ms-transition: all ease .3s;
  transition: all ease .3s;
}
a:focus {
  outline: none;
  outline-offset: 0;
}
a:hover, a:focus {
  text-decoration: none;
  color: #eeb313;
}
img {
  max-width: 100%;
  -webkit-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
iframe {
  border: none;
}
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
  margin: 0 0 10px;
  font-weight: 700;
  line-height: 1.42857143;
}
p {
  margin-bottom: 10px;
  color: #888888;
  font-family: 'Droid Arabic Kufi', sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 25px;
  letter-spacing: 0.2px;
}
video {
  width: auto;
  min-width: 100%;
  height: auto;
  min-height: 100%;
  background-color: #d0d0d0;
}

.padding-xs {padding-top: 10px !important;padding-bottom: 10px !important;}
.padding-sm {padding-top: 20px !important;padding-bottom: 20px !important;}
.padding-md {padding-top: 40px !important;padding-bottom: 40px !important;}
.padding-lg {padding-top: 80px !important;padding-bottom: 80px !important;}
.padding-xl {padding-top: 160px !important;padding-bottom: 160px !important;}
.padding-cnt-no{padding-top: 0 !important;padding-bottom: 0 !important;}

.roof-table-container {
  display: table;
  width: 100%;
  height: 100%;
}
.roof-align-container {
  display: table-cell;
  vertical-align: middle;
  width: 100%;
  height: 100%;
}
.roof-responsive-table {
  overflow-x: auto;
}
.roof-container {
  width: 880px;
  margin: 0 auto;
}
.roof-container:before, .roof-container:after {
  display: table;
  content: "";
  clear: both;
}

/* 2. Layout Class */
#vtheme-wrapper {
  overflow-x: hidden;
  background-color: #fff;
}
.layout-boxed {position: relative;}
.layout-boxed #vtheme-wrapper {
  max-width: 1272px;
  margin: 0 auto;
  background-color: #fff;
  position: relative;
}
.wpml-ls-statics-footer.wpml-ls.wpml-ls-legacy-list-vertical.layout-boxed{
  max-width: 1272px;
  margin: 0 auto;
}
.layout-boxed .layout-overlay {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.2);
  z-index: -1;
}

/* 8. Elements */
/* Contact Box */
input[type="text"], input[type="email"], input[type="password"], input[type="tel"], input[type="search"], input[type="date"], input[type="time"], input[type="datetime-local"], input[type="month"], input[type="url"], input[type="number"], textarea, select, .form-control {
  width: 100%;
  height: 50px;
  padding: 10px 20px;
  background-color: #ffffff;
  color: #888888;
  font-family: 'Droid Arabic Kufi', sans-serif;
  font-weight: 300;
  font-size: 14px;
  line-height: 1.42857;
  border: 1px solid #ececec;
  outline: none;
  border-radius: 0;
  box-shadow: none;
  -webkit-transition: all 0.3s ease 0s;
  -ms-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  -webkit-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
input[type="text"]:focus, input[type="email"]:focus, input[type="password"]:focus, input[type="tel"]:focus, input[type="search"]:focus, input[type="date"]:focus, input[type="time"]:focus, input[type="datetime-local"]:focus, input[type="month"]:focus, input[type="url"]:focus, input[type="number"]:focus, textarea:focus, select:focus, .form-control:focus {
  border-color: #d5d5d5;
}
input[type="file"] {
  width: 100%;
  overflow: hidden;
  font-size: 14px;
}
input[type="checkbox"], input[type="radio"] {
  margin: 0 5px 0 0;
}
/* Button */
.roof-btn {
  display: inline-block;
  vertical-align: middle;
  min-width: 120px;
  padding: 12px 24px 11px;
  background-color: #eeb313;
  font-family: 'Droid Arabic Kufi', sans-serif;
  font-weight: 600;
  font-size: 11px;
  letter-spacing: 0.3px;
  text-transform: uppercase;
  line-height: 1.42857;
  white-space: normal;
  text-align: center;
  border: 1px solid transparent;
  position: relative;
  outline: none;
  cursor: pointer;
  -webkit-border-radius: 0;
  -ms-border-radius: 0;
  border-radius: 0;
  -webkit-transition: all ease .3s;
  -ms-transition: all ease .3s;
  transition: all ease .3s;
}
.roof-btn:hover, .roof-btn:focus {
  background-color: #d59f0e;
  color: #232323;
}
.roof-btn .fa {
  padding-right: 4px;
}
.roof-btn .fa-angle-right {
  padding: 0 0 0 4px;
  font-weight: 700;
}
.roof-btn-small {
  min-width: 80px;
  padding: 5px 16px;
  font-size: 13px;
  letter-spacing: 0.5px;
}
.roof-btn-medium {
  min-width: 140px;
  padding: 12px 25px 13px;
  font-weight: 700;
  font-size: 13px;
  letter-spacing: 0.5px;
}
.roof-btn-large {
  min-width: 160px;
  padding: 15px 24px;
  font-family: 'Droid Arabic Kufi', sans-serif;
  font-weight: 700;
  font-size: 13px;
  letter-spacing: 0.5px;
}
.roof-btn-gray {
  /*background-color: #f7f7f7; 05-07-2017 */
}
.roof-btn-gray:hover, .roof-btn-gray:focus, .read-more .roof-btn-gray:hover, .read-more .roof-btn-gray:focus {
  background-color: #e9e9e9;
}
.roof-btn-black {
  background-color: #292e34 !important;
  color: #ffffff !important;
}
.roof-btn-black:hover, .roof-btn-black:focus {
  background-color: #1d2126;
  color: #ffffff;
}
.roof-btn-white {
  background-color: #ffffff !important;
  color: #232323 !important;
}
.roof-btn-white:hover, .roof-btn-white:focus {
  background-color: #eeeeee;
}
.all-project .roof-btn-orange-border {
  background-color: transparent;
  border: 2px solid #eeb313;
  color: #333;
}
.roof-btn-orange-border:hover, .roof-btn-orange-border:focus {
  background-color: #eeb313;
}
.price_slider .ui-slider-handle::after {content: none;}
.roof-btn-gray-border {
  background-color: transparent;
  border-color: #ececec;
}
.roof-btn-gray-border:hover, .roof-btn-gray-border:focus {
  background-color: #eeb313;
  color: #fff;}
.roof-btn-big {
  min-width: 160px;
  padding: 15px 24px;
  font-family: 'Droid Arabic Kufi', sans-serif;
  font-weight: 700;
  font-size: 13px;
  letter-spacing: 0.5px;
}
/* Button Icon */
.btn-icon-left i {
  float: left;
  line-height: 1.3;
  padding-right: 13px;
}
.btn-icon-right i {
  float: right;
  line-height: 1.3;
  padding-left: 13px;
}

/* Circle Progress */
.roof-progressbar {
  display: inline-block;
  vertical-align: middle;
  position: relative;
}
.roof-progressbar.plus .progress-counter:after {
  content: "+";
}
.progress-counter {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  font-family: 'Droid Arabic Kufi', sans-serif;
  font-weight: 700;
  font-size: 24px;
  letter-spacing: 0.2px;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: 1;
}
.progress-counter:after {
  content: "%";
}
.progressbar-title {
  padding-top: 14px;
  font-weight: 600;
  font-size: 14px;
  letter-spacing: 0.2px;
  text-transform: uppercase;
}
/* Counter */
.status-list {
  padding-bottom: 50px;
}
.status-list .roof-icon {
  float: left;
  padding-top: 10px;
}
i.roof-counter-icon {
  color: #eeb313;
  font-size: 36px;
}
.status-info {
  display: block;
  overflow: hidden;
  padding-left: 20px;
}
.status-info h2 {
  font-size: 35px;
  line-height: 35px;
}
.status-info h5 {
  font-size: 16px;
}
.status-info .counter {
  margin-bottom: 3px;
}
.status-info .status-title {
  color: #999999;
  font-weight: 500;
  letter-spacing: 0.2px;
}
/* Social Icons */
.roof-social {
  display: inline-block;
  vertical-align: middle;
  text-align: center;
}
.roof-social a, .roof-social span {
  float: left;
  width: 40px;
  height: 40px;
  margin-right: 5px;
  background: #f2f2f2;
  color: #959595;
  line-height: 40px;
  letter-spacing: 0.3px;
  -webkit-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px;
}
.roof-social.style-three a, .roof-social.style-three span {
  width: 32px;
  height: 32px;
  line-height: 32px;
  border: 1px solid #ececec;
}
.roof-social a:hover, .roof-social span:hover {
  background: #eeb313;
  color: #ffffff;
}
/* Education Details */
.roof-education,
.list-one {
  padding: 0;
  margin: 10px 0;
  list-style: none;
  display: inline-block;
  width: 100%;
}
.roof-education li,
.list-one li {
  display: block;
  position: relative;
  letter-spacing: 0.3px;
  color: #888;
  padding: 0 0 0 18px;
  line-height: 1.5;
  margin-bottom: 13px;
}
.roof-education li,
.list-one li,
.roof-education li a,
.list-one li a {color: #888;}
.roof-education li:before,
.list-one li:before {
  content: '';
  width: 7px;
  height: 7px;
  display: inline-block;
  background: #fa9928;
  position: absolute;
  left: 0;top: 8px;

  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  -o-border-radius: 100%;
  border-radius: 100%;
}
.roof-education li:before {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}
.list-one li {color: #232323;}
.roof-education li strong {color: #232323;font-weight: 500;}
.roof-education li strong:after {
  content: '-';
  padding: 0 5px;
}
/* Team Details */
.roof-team-details {
  display: inline-block;
  width: 100%;
}
.roof-team-details .tm-name {
  font-family: 'Droid Arabic Kufi Slab', serif;
  color: #131d33;
  margin: 15px 0 0;
}
.roof-team-details .tm-pro {
  font-size: 22px;
  color: #232323;
  font-weight: bold;
  margin: 0 0 10px;
}
.roof-team-details p {
  letter-spacing: 0.5px;
  line-height: 1.8;
}
ul.tm-social-links {
  padding: 0;
  margin: 0;
  list-style: none;
  float: left;
  width: 100%;
}
ul.tm-social-links li {
  float: left;
  margin-right: 5px;
  margin-bottom: 5px;
}
ul.tm-social-links a {
  width: 35px;
  height: 35px;
  line-height: 35px;
  display: block;
  text-align: center;
  border: 1px solid #e3e3e3;

  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
}
ul.tm-social-links i {color: #232323;}
ul.tm-social-links a:hover i {color: #fff;}
/* List Styles */
.roof-list-icon {
  padding: 0;
  margin: 8px 0 35px;
  list-style: none;
  float: left;
  width: 100%;
}
.roof-list-icon li {
  display: block;
  padding: 6px 0 6px 30px;
  color: #444;
  font-size: 15px;
  letter-spacing: 0.3px;
  position: relative;
}
.roof-list-icon li img {
  max-width: 100%;
  padding: 0;
  position: absolute;
  top: 8px;left: 0;
}
.roof-list-icon li p {margin: 0;}
.roof-list-icon a {color: #444;}
.roof-list-icon i {
  color: #fa9928;
  font-size: 18px;
  padding: 0;
  position: absolute;
  top: 8px;left: 0;
}
.roof-list-icon h5 {
  font-size: 16px;
  margin: 0 0 10px;
  font-family: "Droid Arabic Kufi", sans-serif;
}
/* List Two - Address Info */
ul.roof-list-two {
  padding: 0;
  margin: 12px 0 25px;
  list-style: none;
  float: left;
  width: 100%;
}
ul.roof-list-two li {
  display: block;
  letter-spacing: 0.5px;
  padding-bottom: 10px;
  font-family: 'Droid Arabic Kufi', sans-serif;
  font-size: 15px;
}
ul.roof-list-two li:last-child {padding-bottom: 0;}
ul.roof-list-two strong {
  color: #777;
  font-weight: bold;
  font-size: 15px;
}
ul.roof-list-two a {color: #777;font-size: 15px;}
ul.roof-list-two a:hover {color: #eeb313;}
ul.roof-list-two i,
ul.roof-list-two img {padding-right: 10px;}

/* Contact Form 7 */
.checkbox-icon-wrap {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}
.checkbox-icon-wrap .checkbox-icon {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  width: 15px;
  height: 15px;
  margin-right: 10px;
  background: #ffffff;
  border: 1px solid #e2e2e2;
}
.checkbox-icon-wrap input[type="checkbox"] {
  display: none;
}
.checkbox-icon-wrap input[type="checkbox"]:checked + .checkbox-icon:before {
  position: absolute;
  top: 2px;
  left: 2.5px;
  color: #eeb313;
  font: normal normal normal 9px/1 FontAwesome;
  text-rendering: auto;
  content: "\f00c";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  z-index: 1;
}
.radio-icon-wrap {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}
.radio-icon-wrap .radio-icon {
  display: inline-block;
  position: relative;
  width: 14px;
  height: 14px;
  margin-right: 10px;
  border: 1px solid #d3d3d3;
  -webkit-border-radius: 100%;
  -ms-border-radius: 100%;
  border-radius: 100%;
}
.radio-icon-wrap input[type="radio"] {
  display: none;
}
.radio-icon-wrap input[type="radio"]:checked + .radio-icon:before {
  position: absolute;
  top: 3px;
  left: 3px;
  width: 6px;
  height: 6px;
  background: #222222;
  content: "";
  -webkit-border-radius: 100%;
  -ms-border-radius: 100%;
  border-radius: 100%;
  z-index: 1;
}
textarea, textarea.form-control {
  height: 140px;
  resize: vertical;
}
input[type="submit"] {
  display: inline-block;
  vertical-align: middle;
  min-width: 120px;
  padding: 15px 24px;
  background-color: #eeb313;
  color: #232323;
  font-family: 'Droid Arabic Kufi', sans-serif;
  font-weight: 700;
  font-size: 13px;
  letter-spacing: 0.2px;
  text-transform: uppercase;
  line-height: 1.42857;
  white-space: normal;
  text-align: center;
  border: 1px solid transparent;
  position: relative;
  outline: none;
  cursor: pointer;
  -webkit-border-radius: 0;
  -ms-border-radius: 0;
  border-radius: 0;
  -webkit-transition: all ease .3s;
  -ms-transition: all ease .3s;
  transition: all ease .3s;
}
input[type="submit"]:hover, input[type="submit"]:focus {
  background-color: #d59f0e;
}
input[type="submit"].roof-btn-black {
  background-color: #292e34;
  color: #ffffff;
}
input[type="submit"].roof-btn-black:hover, input[type="submit"].roof-btn-black:focus {
  background-color: #1d2126;
  color: #ffffff;
}
select {
  padding: 10px 30px 10px 20px;
  background-image: url(../images/icon29.html);
  background-position: 100% 50%;
  background-repeat: no-repeat;
  background-size: 24px auto;
  color: #888888;
}
select option {
  padding: 5px 10px;
}
select[multiple] {
  height: 174px;
  padding: 0;
  background-image: none;
}
label {
  font-weight: 400;
  cursor: pointer;
}
sub, sup {
  font-size: 9px;
}
sub {
  bottom: 0;
}
sup {
  top: -0.7em;
}
form p {
  margin: 0;
}
form label {
  margin-bottom: 10px;
  color: #222222;
  font-size: 14px;
  letter-spacing: 0.2px;
  line-height: 1.42857;
  position: relative;
}
form sup {
  top: 0;
  color: #888888;
  font-size: 14px;
}
form input, form textarea, form select {
  margin-bottom: 20px;
}
form input[type="submit"], form input[type="button"], form button {
  margin: 0;
}
form .row {
  margin: 0 -10px;
}
form [class*="col-"] {
  padding: 0 10px;
}
form .estimation-item [class*="col-"] {
  margin-bottom: 20px;
}
blockquote {
  padding: 80px 40px 40px;
  background-color: #f7f7f7;
  background-image: url(../images/icon42.html);
  background-repeat: no-repeat;
  background-position: 50% 40px;
  background-size: 27px auto;
  border: none;
  text-align: center;
}
blockquote p {
  font-family: 'Droid Arabic Kufi', sans-serif;
  font-weight: 400;
  font-size: 16px;
  font-style: italic;
  line-height: 26px;
}
blockquote p cite {
  color: #303030;
  font-weight: 700;
}
table {
  margin-bottom: 20px;
  max-width: 100%;
  width: 100%;
  border: 1px solid #ececec;
}
table thead th {
  padding: 20px 30px;
  background: #292e34;
  color: #ffffff;
  font-weight: 700;
  font-size: 13px;
  letter-spacing: 0.2px;
  text-transform: uppercase;
  line-height: 1.42857;
  vertical-align: middle;
}
table td {
  vertical-align: top;
  padding: 20px 30px;
  font-weight: 500;
  letter-spacing: 0.2px;
  line-height: 1.42857;
  border-bottom: 1px solid #ececec;
}
table tbody th{
  border-bottom: 1px solid #ececec;
  padding: 20px 30px;
}
table.table-condensed {
  border: none;
}
address {
  font-style: italic;
}
.wpcf7-list-item label {
  display: inline-block;
  position: relative;
}
.wpcf7-list-item-label {
  display: inline-block;
  padding: 0 10px 0 25px;
  font-weight: 300;
  font-size: 14px;
  line-height: 22px;
}
.alignleft {
  display: inline;
  float: left;
  margin-right: 15px;
}
.alignright {
  display: inline;
  float: right;
  margin-left: 15px;
}
.aligncenter {
  display: block;
  clear: both;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}
.wp-caption {
  margin-bottom: 30px;
}
.wp-caption .wp-caption-text {
  font-size: 15px;
  font-style: italic;
  padding-top: 10px;
}
.post-password-form label {
  display: block;
  overflow: hidden;
  clear: both;
  margin: 0;
}
.post-password-form label input {
  margin-top: 5px;
}
.page-links {
  font-size: 12px;
  line-height: 20px;
}
.page-links a, .page-links > span {
  border: 1px solid #d1d1d1;
  border-radius: 2px;
  display: inline-block;
  height: 24px;
  margin-right: 3px;
  text-align: center;
  width: 24px;
}
.page-links a {
  background-color: #1a1a1a;
  border-color: #1a1a1a;
  color: #fff;
}
.page-links a:hover, .page-links a:focus {
  background-color: transparent;
  border-color: #d1d1d1;
  color: #222222;
}
.page-links a span {
  font-size: 12px;
}
.page-links > .page-links-title {
  width: auto;
  height: auto;
  padding-right: 5px;
  margin: 0;
  font-size: 14px;
  border: 0;
}
.says, .screen-reader-text {
  clip: rect(1px, 1px, 1px, 1px);
  height: 1px;
  overflow: hidden;
  position: absolute !important;
  width: 1px;
  word-wrap: normal !important;
}
.container {
  padding: 0;
}
.navbar-nav {
  margin: 0;
}
.navbar-nav> li:last-child > .dropdown-menu {
  left: auto;
  right: 0;
}
.roof-footer .navbar-nav>li.country-menu:last-child > .dropdown-menu {
  left: 0;
}
.roof-footer .navbar-nav >.country-menu>a{
  padding-left: 0;
}
.dropdown-menu .dropdown-menu{
  left: 100%;
  top: 0;
}
.dropdown-toggle span.caret {
  display: none;
}
.navbar-nav > li > a {
  line-height: 1.42857;
}
.navbar-nav > li > a > i {
  margin-left: 4px;
}
.navbar-nav > li:hover > a, .navbar-nav > li > a:hover,
.navbar-nav > li > a:focus, .navbar-nav .open > a, .nav .open > a:focus,
.navbar-nav .open > a:hover, .navbar-nav > li.active > a {
  background-color: transparent;
  color: #eeb313;
}
.dropdown-menu {
  min-width: 210px;
  padding: 14px 0;
  margin: 0;
  font-family: 'Droid Arabic Kufi', sans-serif;
  font-weight: 500;
  font-size: 13px;
  letter-spacing: 0.2px;
  border-top: 1px solid #e3e3e4;
  border-bottom: none;
  border-left: none;
  border-right: none;
  -webkit-box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.3);
  -ms-box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.3);
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.3);
  border-radius: 0;
}
.dropdown-menu > li {
  padding: 0 30px;
}
.dropdown-menu > li:hover {
  background: transparent;
}
.dropdown-menu > li > a {
  padding: 11px 0;
  color: #888888;
  font-weight: 500;
  border-bottom: 1px solid #f1f1f1;
  font-size: 14px;
}
.dropdown-menu > li:last-child > a {
  border-bottom: none;
}
.dropdown-menu > li:last-child > a:hover {
  border-bottom: none;
}
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus,
.dropdown-menu > li.open > a, .dropdown-menu > li.open > a:focus,
.dropdown-menu > li.open > a:hover, .dropdown-menu > li.active > a,
.dropdown-menu > .active > a, .dropdown-menu > .active > a:focus,
.dropdown-menu > .active > a:hover {
  background-color: transparent;
  color: #eeb313;
}
.dropdown-submenu .dropdown-menu {
  top: -1px;
  left: 100%;
}
.dropdown-submenu {
  position: relative;
}
.swiper-container {
  height: 600px;
}
.swiper-slide {
  background-color: #d0d0d0;
  background-image: url(../images/slide1.html);
  background-position: center top;
  background-repeat: no-repeat;
  background-size: cover;
}
.swiper-pagination {
  bottom: 36px;
  padding: 0 25px;
  color: #ffffff;
  font-weight: 700;
}
.swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom {
  bottom: 20px;
}
.swiper-pagination .swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  background: rgba(255, 255, 255, 0.6);
  -webkit-transition: all ease .3s;
  -ms-transition: all ease .3s;
  transition: all ease .3s;
}
.swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: rgba(255, 255, 255, 1);
}
.swiper-button-prev, .swiper-button-next {
  right: 0;
  width: 50px;
  height: 50px;
  margin: 0;
  background: rgba(0, 0, 0, 0.5);
  color: #ffffff;
  text-align: center;
  -webkit-transition: all ease .3s;
  -ms-transition: all ease .3s;
  transition: all ease .3s;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.swiper-button-prev:hover, .swiper-button-next:hover {
  background: rgba(0, 0, 0, 0.2);
}
.swiper-button-prev:before, .swiper-button-next:before {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  font: normal normal normal 18px/1.42857 FontAwesome;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f104";
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: 1;
}
.swiper-button-next:before {
  content: "\f105";
}
.swiper-button-prev {
  left: 0;
}
.swiper-pagination-bullet {
  width: 6px;
  height: 6px;
  margin: 10px 0;
  background: #ffffff;
  opacity: 1;
}
.swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: rgba(255, 255, 255, 0.5);
}
.slick-slide {
  height: auto;
}
.slick-slider.slick-dotted {
  margin: 0;
}
.slick-slider .slick-disabled {
  opacity: 0.5;
  cursor: default;
}
.slick-slider .slick-dots {
  position: relative;
  bottom: 0;
  display: inline-block;
  width: auto;
  padding: 0;
  margin: 0;
  list-style: none;
}
.slick-horizontal > .slick-dots {
  padding: 30px 0 0;
  bottom: 0;
}
.slick-slider .slick-dots li {
  width: auto;
  height: auto;
  margin: 0;
}
.slick-slider .slick-dots li button {
  width: 15px;
  height: 15px;
  padding: 0;
}
.slick-slider .slick-dots li button:before {
  width: 15px;
  height: 15px;
  color: rgba(42, 47, 53, 0.5);
  font-size: 5px;
  opacity: 1;
}
.slick-slider .slick-dots li.slick-active button:before {
  color: #fbcc0f;
}
.slick-dots div.slick-dots {
  display: none;
}
.slick-slider .slick-prev, .slick-slider .slick-next {
  top: 33px;
  bottom: 0;
  width: auto;
  height: auto;
  -webkit-transform: none;
  transform: none;
  z-index: 1;
}
.slick-slider .slick-next {
  left: auto;
}
.slick-slider .slick-prev:before, .slick-slider .slick-next:before {
  color: #292e34;
  font: normal normal normal 20px/1.42857 FontAwesome;
  opacity: 1;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f104";
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: 1;
}
.slick-slider .slick-next:before {
  content: "\f105";
}
.carousel-indicators {
  position: static;
  width: auto;
  margin: 0;
}
.carousel-indicators li {
  vertical-align: middle;
  width: auto;
  height: auto;
  margin: 0 5px;
  border: none;
  text-indent: 0;
  opacity: 0.6;
  -webkit-border-radius: 100%;
  -ms-border-radius: 100%;
  border-radius: 100%;
  -webkit-transition: all ease .3s;
  -ms-transition: all ease .3s;
  transition: all ease .3s;
}
.carousel-indicators li.active {
  width: auto;
  height: auto;
  margin: 0 5px;
  opacity: 1;
}
.carousel-indicators li img {
  -webkit-border-radius: 100%;
  -ms-border-radius: 100%;
  border-radius: 100%;
}
.carousel-control {
  top: 50%;
  width: 30px;
  height: 60px;
  color: #232323;
  text-shadow: none;
  -webkit-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  opacity: 1;
}
.carousel-control .fa {
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  opacity: 1;
}
.carousel-control:hover, .carousel-control:focus {
  color: #232323;
}
.carousel-control.left, .carousel-control.right {
  background: rgba(0, 0, 0, 0.1);
}
.carousel-control.left:hover, .carousel-control.right:hover {
  background: rgba(0, 0, 0, 0.2);
}
.owl-drag.owl-loaded {
  display: block;
}
.owl-drag {
  display: none;
  position: relative;
  z-index: 1;
}
.owl-drag .owl-stage-outer {
  overflow: hidden;
  position: relative;
  transform: translate3d(0px, 0px, 0px);
}
.owl-drag .owl-stage:after {
  display: block;
  clear: both;
  height: 0;
  line-height: 0;
  content: ".";
  visibility: hidden;
}
.owl-drag .owl-stage {
  position: relative;
}
.owl-drag .owl-item {
  float: left;
  min-height: 1px;
  position: relative;
  backface-visibility: hidden;
}
.owl-drag .owl-nav.disabled, .owl-drag .owl-dots.disabled {
  display: none;
}
.owl-drag .owl-prev, .owl-drag .owl-next, .owl-drag .owl-dot {
  cursor: pointer;
}
.owl-drag .owl-nav {
  text-align: center;
}
.owl-drag .owl-prev:before, .owl-drag .owl-next:before {
  position: absolute;
  top: 40%;
  left: -50px;
  width: 30px;
  height: 60px;
  background: rgba(0, 0, 0, 0.1);
  font: normal normal normal 14px/58px FontAwesome;
  text-rendering: auto;
  content: "\f104";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px;
  -webkit-transition: all ease .3s;
  -ms-transition: all ease .3s;
  transition: all ease .3s;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: 1;
}
.roof-testimonial .owl-drag .owl-prev:before, .owl-drag .owl-next:before{
  left: -15px;
  top: 46%;
}
.owl-drag .owl-next:before {
  content: "\f105";
}
.owl-drag .owl-next:before {
  left: auto;
  right: -50px;
}
.roof-testimonial .owl-drag .owl-next:before {
  left: auto;
  right: -15px;
}
.owl-drag .owl-prev:hover:before, .owl-drag .owl-next:hover:before {
  background: rgba(0, 0, 0, 0.2);
}
.owl-drag .slider-no-current {
  padding-top: 10px;
  letter-spacing: 2px;
}
.owl-drag .current-no:after {
  display: inline-block;
  content: "/"
}
.owl-drag .owl-dots {
  padding-top: 30px;
  text-align: center;
}
.owl-drag .owl-dot {
  display: inline-block;
  vertical-align: middle;
  width: 8px;
  height: 8px;
  margin: 0 5px;
  background: rgba(0, 0, 0, 0.1);
  cursor: pointer;
  text-indent: -999px;
  -webkit-border-radius: 100%;
  -ms-border-radius: 100%;
  border-radius: 100%;
}
.owl-drag .owl-dot.active {
  background: rgba(0, 0, 0, 0.3);
}
.slider-no-current {
  display: none;
}
/* Tooltip */
.tooltip {
  font-family: 'Droid Arabic Kufi', sans-serif;
  font-size: 12px;
  color: #777777;
  letter-spacing: 0.5px;
  z-index: 1;
}
.tooltip.top {
  padding: 5px 0;
  margin-top: -5px
}
.tooltip.bottom {
  padding: 5px 0;
  margin-top: 6px;
}
.tooltip.left {
  padding: 0 5px;
  margin-left: -10px
}
.tooltip.right {
  padding: 0 5px;
  margin-left: 10px;
}
.tooltip-inner {
  max-width: 200px;
  padding: 11px 17px;
  border: 1px solid #eaeaea;
  background-color: #ffffff;
  color: #777777;
  text-align: center;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  -webkit-box-shadow: 1px 1px 6px 1px #f4f4f4;
  box-shadow: 1px 1px 6px 1px #f4f4f4;
}
.tooltip-arrow {
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid
}
.tooltip.top .tooltip-arrow {
  bottom: 1px;
  left: 50%;
  margin-left: -5px;
  border-width: 6px 6px 0;
  border-top-color: #fff
}
.tooltip.top .tooltip-arrow:before {
  position: absolute;
  bottom: -1px;
  left: 50%;
  margin-left: -6px;
  border-top: 6px solid #ededed;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  content: "";
  z-index: -1;
}
.tooltip.top-left .tooltip-arrow {
  right: 5px;
  bottom: 0;
  margin-bottom: -5px;
  border-width: 6px 6px 0;
  border-top-color: #fff
}
.tooltip.top-right .tooltip-arrow {
  bottom: 0;
  left: 5px;
  margin-bottom: -5px;
  border-width: 6px 6px 0;
  border-top-color: #fff
}
.tooltip.right .tooltip-arrow {
  top: 50%;
  left: 0;
  margin-top: -5px;
  border-width: 6px 6px 6px 0;
  border-right-color: #fff
}
.tooltip.right .tooltip-arrow:before {
  position: absolute;
  right: -5px;
  top: 50%;
  margin-top: -6px;
  border-right: 6px solid #ededed;
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
  content: "";
  z-index: -1;
}
.tooltip.left .tooltip-arrow {
  top: 50%;
  right: 0;
  margin-top: -5px;
  border-width: 6px 0 6px 6px;
  border-left-color: #fff
}
.tooltip.left .tooltip-arrow:before {
  position: absolute;
  right: -1px;
  top: 50%;
  margin-top: -6px;
  border-left: 6px solid #ededed;
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
  content: "";
  z-index: -1;
}
.tooltip.bottom .tooltip-arrow {
  top: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 0 6px 6px;
  border-bottom-color: #fff
}
.tooltip.bottom .tooltip-arrow:before {
  position: absolute;
  bottom: -5px;
  left: 50%;
  margin-left: -6px;
  border-bottom: 6px solid #ededed;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  content: "";
  z-index: -1;
}
.tooltip.bottom-left .tooltip-arrow {
  top: 0;
  right: 5px;
  margin-top: -5px;
  border-width: 0 6px 6px;
  border-bottom-color: #fff
}
.tooltip.bottom-right .tooltip-arrow {
  top: 0;
  left: 5px;
  margin-top: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #fff
}
/* Accordion */
.panel-default {
  margin: 0;
  background: none;
  border: none;
  box-shadow: none;
  border-radius: 0;
}
.panel-default > .panel-heading {
  padding: 0;
  background: none;
  border: none;
  border-radius: 0;
}
.panel-title a {
  display: block;
  padding: 26px 40px 25px 0;
  background: none;
  font-weight: 700;
  font-size: 16px;
  letter-spacing: 0.5px;
  text-transform: initial;
  border-bottom: 1px solid #f4f4f4;
  position: relative;
}
.accordion a:hover {
  color: #232323;
}
.panel-heading a:before {
  content: "[+]";
  position: absolute;
  top: 50%;
  right: 0;
  margin-top: -11px;
  color: #777777;
  font-size: 14px;
}
.panel-heading.accordion-active a:before {
  position: absolute;
  top: 50%;
  right: 0;
  margin-top: -11px;
  color: #777777;
  font-size: 14px;
  content: "[-]";
  z-index: 1;
}
.panel-content {
  padding-top: 18px;
}
/* 6. Breadcrumbs */
.breadcrumb {
  float: right;
  padding: 8px 0 0;
  margin: 0;
  background: none;
  color: #888888;
  font-weight: 600;
  font-size: 12px;
  text-transform: uppercase;
  border-radius: 0;
}
.breadcrumb > li + li:before {
  padding: 0 2px;
  color: #888888;
}
.breadcrumb > li > a {
  color: #888888;
}
.mfp-bg {
  background: rgba(0, 0, 0, 0.85);
  opacity: 1;
}
.mfp-close {
  position: absolute;
  right: 28px;
  top: 30px;
  width: 16px;
  height: 16px;
  padding: 0;
  cursor: pointer;
  opacity: 1;
  z-index: 9999;
}
.mfp-close:active {
  top: 30px;
}
.mfp-bottom-bar {
  display: none;
}
.mfp-bottom-bar a {
  color: #ffffff;
  font-weight: 700;
}
.mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close {
  top: 5px;
  right: 5px;
  width: 16px;
  padding-right: 0;
}
.mfp-image-holder .mfp-close {
  display: none;
}
.mfp-container {
  padding: 0 25px;
}
.mfp-container .mfp-img {
  padding: 0;
}
.mfp-container .mfp-arrow {
  width: auto;
  height: auto;
  margin: 0;
  color: #ffffff;
  opacity: 1;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
  z-index: 9999;
}
.mfp-arrow:after {
  display: none;
}
.mfp-arrow:before {
  display: inline-block;
  margin: 0;
  font: normal normal normal 36px/1 FontAwesome;
  border: none;
  position: static;
  opacity: 1;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f104";
  -webkit-transition: all ease .3s;
  -ms-transition: all ease .3s;
  transition: all ease .3s;
}
.mfp-arrow-left {
  left: 30px;
}
.mfp-arrow-right {
  right: 45px;
}
.mfp-arrow-right:before {
  content: "\f105";
}
.mfp-figure:after {
  display: none;
}
.mfp-close:before {
  position: absolute;
  top: -2px;
  left: 7px;
  width: 2px;
  height: 16px;
  background: #ffffff;
  content: "";
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  z-index: 1;
}
.mfp-close:after {
  position: absolute;
  top: -2px;
  right: 7px;
  width: 2px;
  height: 16px;
  background: #ffffff;
  content: "";
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  z-index: 1;
}
.slider .tooltip.bottom .tooltip-arrow {
  top: -6px;
  margin-left: 0;
  border-width: 0 13px 12px;
  border-bottom-color: #eeb313;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}
.slider .tooltip.bottom .tooltip-arrow:before {
  display: none;
}
.slider .tooltip-inner {
  padding: 0 42px;
  color: #858585;
  border: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.slider.slider-horizontal {
  width: 100%;
  height: 8px;
}
.slider.slider-horizontal .slider-track {
  height: 100%;
}
.slider.slider-horizontal .tooltip {
  font-weight: 500;
  font-size: 16px;
  letter-spacing: 0.2px;
}
.slider.slider-horizontal .tooltip-inner {
  padding: 9px 18px;
  background: #eeb313;
  color: #232323;
  -webkit-border-radius: 0;
  border-radius: 0;
}
.slider-track {
  height: 100%;
  background: #f4f4f4;
  -webkit-border-radius: 20px;
  -ms-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.slider-selection {
  background: #f8b81e;
  -webkit-border-radius: 20px;
  -ms-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.slider-handle {
  width: 25px;
  height: 25px;
  background: #ffffff;
  cursor: pointer;
  opacity: 1;
}
.slider.slider-horizontal .slider-handle {
  margin: -10px 0 0 -15px;
}
.slider-handle:before {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 10px;
  height: 10px;
  margin: -5px 0 0 -5px;
  background: #eeb313;
  content: "";
  -webkit-border-radius: 100%;
  -ms-border-radius: 100%;
  border-radius: 100%;
  z-index: 1;
}
/* Animation */
@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
/* Hover */
.slick-horizontal .item {
  width: 20%;
  float: left;
}
.contact-item .contact-info p a:hover,
.roof-menu.menu-style-two .navbar-nav > li:hover > a,
.roof-menu.menu-style-two .navbar-nav > li.active > a,
.read-more a:hover, .expert-item.first a:hover,
.work-info .work-title a:hover,
.work-info .work-category a:hover,
.roof-footer a:hover,
.roof-footer .roof-social a:hover,
.post-item .post-author span a:hover,
.roof-copyright a:hover,
.certifications-style-two .certification-title a:hover,
.breadcrumb li a:hover, .roof-open-positions table a:hover,
.works-style-three .work-info .work-title a:hover,
.works-style-three .work-info .work-category a:hover,
.right-info .info-sub-label a:hover,
.widget_categories ul li a:hover,
.blog-meta a:hover, .roof-more-posts .pull-right a:hover,
.product_meta a:hover, .roof-forms .lost-password:hover,
.roof-contact-wrap .contact-info ul li a:hover {
  color: #eeb313;
}
.hover .work-info {
  opacity: 1;
}
.hover .work-info{
  margin: 10px;
}
.works-style-three .hover .work-info {
  margin: 0;
}

.hover .link-info {
  background: rgba(238, 179, 19, 0.25);
}
.link-info .roof-btn:hover {
  background-color: #292e34;
  color: #ffffff;
}
/* 3. Topbar */
.roof-top-bar {
  background: #292e34;
  color: #7a8491;
  font-family: 'Droid Arabic Kufi', sans-serif;
  font-weight: 500;
  font-size: 13px;
}
.roof-top-bar a {
  color: #7a8491;
}
.roof-top-bar .pull-left {
  padding: 13.5px 0;
}
.roof-top-bar .navbar-nav > li > a {
  padding: 13.5px 13px;
}
.roof-top-bar .navbar-nav > li.country-menu > a {
  padding: 13.5px 25px;
  background-color: #32373d;
}
.roof-top-bar.top-bar-style-two {
  background: #f7f7f7;
  color: #888888;
  font-family: 'Droid Arabic Kufi', sans-serif;
}
.roof-top-bar.top-bar-style-two a {
  color: #888888;
}
.roof-top-bar.top-bar-style-two .navbar-nav > li.country-menu > a {
  background-color: #f0f0f0;
}
li.dropdown.country-menu img {
  margin-right: 8px;
}
.roof-top-bar .navbar-nav > li.country-menu > ul {
  position: absolute;
  left: 0;
  min-width: 50px;
  padding: 0;
  box-shadow: none;
  border: 1px solid #ececec;
}
.roof-top-bar .navbar-nav > li.country-menu > ul > li:hover {
  background: transparent;
}
.roof-top-bar .navbar-nav > li.country-menu > ul > li {
  padding: 0;
}
.roof-top-bar .navbar-nav > li.country-menu > ul > li > a {
  text-align: center;
  font-size: 13px;
  color: #888;
  border-bottom: 1px solid #ececec;
}
.roof-top-bar .navbar-nav > li.country-menu > ul > li:last-child > a {
  border-bottom: none;
}
/* WPML Horizontal view */
#horizontal_language_list{
  margin-bottom: 15px;
  margin-top: 10px;
  font-size: 13px;
  float: right;
  width: auto;
}
#horizontal_language_list ul{
  list-style: none;
  margin:0;
  padding:0;
}
#horizontal_language_list ul li img{
  margin-right:8px;
}
#horizontal_language_list ul li{
  display:inline-block;
  margin: 0 7px 0px 8px;
  padding:0;
  color: #d6d2cf;
  padding-right: 6px;
}
#horizontal_language_list ul li a, #horizontal_language_list ul li a:visited {
  color: #333;
}
#horizontal_language_list ul li a:hover, #horizontal_language_list ul li a:active {
  color: #333;
}
div#vertical_language_list ul {
  padding-left: 0;
  list-style: none;
}
/* WPML Vertical View */
div#vertical_language_list li img {
  margin-right: 8px;
}
div#vertical_language_list ul li a {
  color: #333;
}
div#vertical_language_list li {
  color: #d6d2cf;
  padding: 3px 0;
}
div#vertical_language_list {
  font-size: 13px;
  float: right;
  margin-left: 20px;
}

/* 2. Headers */
/*.is-sticky .roof-add-section {
  display: none;
}
.roof-add-section {
  display: block;
  position: relative !important;
}*/
.roof-header {
  -webkit-transition: all ease .3s;
  -ms-transition: all ease .3s;
  transition: all ease .3s;
}
.is-sticky .roof-menu{
  z-index: 4 !important;
}
.admin-bar .is-sticky .roof-menu{
  top: 32px !important;
}
.is-sticky .roof-header {
  background: #fff;
  -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1);
  -ms-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1);
  box-shadow: none;
  z-index: 4 !important;
}
.admin-bar{
  top: 0 !important;
  position: relative;
}
.admin-bar .is-sticky .roof-header-sticky {
  top: 32px !important;
}
/* 7. Brand Logo */
/* Default Logo - Active */
.roof-logo img.retina-logo,
.sticky-style-two .roof-logo.hav-transparent-logo .transparent-retina-logo,
.sticky-style-two .is-sticky .roof-logo.hav-transparent-logo .transparent-default-logo,
.sticky-style-two .roof-logo.hav-transparent-logo .default-logo,
.sticky-style-two .roof-logo.hav-transparent-logo .retina-logo,
.roof-style-one .roof-logo.hav-transparent-logo .transparent-logo,
.roof-logo.hav-mobile-logo img.mobile-logo,
.header-dhav-trspt .transparent-logo,
.header-dhav-trspt .retina-logo,
.roof-header.header-style-three .roof-logo.hav-transparent-logo .transparent-retina-logo.transparent-logo,
.roof-header.header-style-three .roof-logo.hav-transparent-logo .default-logo {display: none;}

/* Transparent Logo */
.roof-logo img.default-logo,
.sticky-style-two .is-sticky .roof-logo.hav-transparent-logo .default-logo.sticky-logo {display: inline-block;}
/* Retina and Default Logo */
.default-logo {display:inline-block;}
.retina-logo {display:none;}

/* Retina Logo - Active */
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (-moz-min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3/2),
only screen and (min-device-pixel-ratio: 1.5) {

  .roof-logo .default-logo, .roof-logo.hav-transparent-logo .transparent-retina-logo,
  .roof-logo.hav-transparent-logo .transparent-default-logo, .roof-logo img.default-logo {display:none;}

  .sticky-style-two .roof-logo.hav-transparent-logo .transparent-retina-logo {display:inline-block;}
  .roof-logo img.retina-logo,
  .header-dhav-trspt img.retina-logo,
  .roof-header.header-style-three .roof-logo.hav-transparent-logo .transparent-retina-logo.transparent-logo {display:inline-block;}

}
.roof-logo {
  float: left;
  padding: 26px 0;
}
.header-right {
  float: right;
}
.header-right .roof-social {
  margin-left: 26px;
}
.header-right .roof-social a:last-child {
  margin: 0;
}
.roof-toggle {
  display: none;
  vertical-align: middle;
  width: 26px;
  height: 14px;
}
.roof-toggle span {
  float: left;
  width: 100%;
  height: 2px;
  margin-top: 6px;
  background: #232323;
  position: relative;
  -webkit-transition: all ease .3s;
  -ms-transition: all ease .3s;
  transition: all ease .3s;
}
.roof-toggle span:before, .roof-toggle span:after {
  position: absolute;
  top: -6px;
  left: 0;
  width: 100%;
  height: 2px;
  background: #232323;
  content: "";
  -webkit-transition: all ease .3s;
  -ms-transition: all ease .3s;
  transition: all ease .3s;
  z-index: 1;
}
.roof-toggle span:after {
  top: 6px;
}
.roof-toggle.active span {
  background: none;
}
.roof-toggle.active span:before {
  -webkit-transform: translateY(6px) rotateZ(-45deg);
  -ms-transform: translateY(6px) rotateZ(-45deg);
  transform: translateY(6px) rotateZ(-45deg)
}
.roof-toggle.active span:after {
  -webkit-transform: translateY(-6px) rotateZ(45deg);
  -ms-transform: translateY(-6px) rotateZ(45deg);
  transform: translateY(-6px) rotateZ(45deg)
}
/* Contact Details */
.contact-details {
  display: inline-block;
  vertical-align: middle;
  padding: 39px 0;
}
.contact-item {
  float: left;
  padding-left: 25px;
  margin-left: 25px;
  border-left: 1px solid #ececec;
}
.contact-item:first-child {
  padding-left: 0;
  margin-left: 0;
  border-left: none;
}
.contact-item .fa {
  padding-top: 8px;
  color: #dfdfdf;
  font-size: 30px;
}
.contact-item .contact-info {
  float: left;
  padding-left: 20px;
  line-height: 20px;
}
.contact-item .contact-info span {
  display: block;
  font-weight: 600;
  font-size: 13px;
  text-transform: uppercase;
  font-family: 'Droid Arabic Kufi', sans-serif;
}
.contact-item .contact-info p {
  margin: 0;
  font-family: 'Droid Arabic Kufi', sans-serif;
  font-weight: 500;
  line-height: 22px;
}
.contact-item .contact-info p a {
  color: #888888;
  font-family: 'Droid Arabic Kufi', sans-serif;
}
/* 4. Navigation */
/* Roof Navigation */
.roof-menu .navbar-nav {
  float: none;
  display: inline-block;
  vertical-align: middle;
}
.roof-menu .navbar-nav > li {
  margin-right: 28px;
}
.roof-menu .navbar-nav > li:last-child {
  margin-right: 0;
}
.roof-menu .navbar-nav > li > a {
  padding: 41px 0;
  font-weight: 700;
  font-size: 13px;
  letter-spacing: 0.3px;
  text-transform: uppercase;
}
/*.roof-menu .navbar-nav > li.active > a {
  padding: 41px 0;
  font-weight: 700;
  font-size: 13px;
  letter-spacing: 0.3px;
  text-transform: uppercase;
}*/
.header-style-two .roof-logo {
  padding: 37px 0;
}
.roof-header.header-style-three {
  background: rgba(0, 0, 0, 0.2);
}
.header-style-three .roof-logo {
  width: 17%;
}
.header-style-three .header-right {
  width: 83%;
  text-align: center;
}
.roof-header .header-right .roof-social {
  float: right;
  padding-top: 30px;
}
.header-style-three .roof-menu .navbar-nav > li > a {
  color: #ffffff;
}
.header-style-three .roof-menu .navbar-nav > li:hover > a,
.header-style-three .roof-menu .navbar-nav > li.active > a {
  color: #eeb313;
}
.header-style-three .roof-social a {
  background: rgba(242, 242, 242, 0.1);
  color: #ffffff;
}
.header-style-three .roof-social a:hover {
  background: #eeb313;
}
.is-sticky .roof-header.header-style-three {
  background: rgba(0, 0, 0, 0.9);
}
.sticky-wrapper.sticky-style-two {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 2;
}
#sticky-wrapper {
  height: auto !important;
}

.roof-menu:before, .roof-menu:after {
  display: table;
  content: "";
  clear: both;
}
.roof-menu.menu-style-two {
  background-color: #292e34;
}
.roof-menu.menu-style-two .navbar-nav {
  float: left;
}
.roof-menu.menu-style-two .navbar-nav > li > a {
  padding: 0;
  line-height: 70px;
  color: #ffffff;
}
.menu-style-two .roof-social {
  float: right;
  padding-top: 15px;
}
.menu-style-two .roof-social a, .menu-style-two .roof-social span {
  background: rgba(255, 255, 255, 0.10);
  color: #f2f2f2;
}
.menu-style-two .roof-social a:hover {
  background: #eeb313;
  color: #ffffff;
}
.menu-style-two .roof-social a:last-child {
  margin: 0;
}
.roof-menu.menu-spacer-two {
  padding: 0 15px 0 27px;
}
.menu-spacer-two .navbar-nav > li {
  margin-right: 35px;
}
.menu-spacer-two .navbar-nav > li > a:after,
.menu-spacer-two .navbar-nav > li.active > a:after {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 0;
  height: 2px;
  background: #eeb313;
  content: "";
  -webkit-transition: all ease .3s;
  -ms-transition: all ease .3s;
  transition: all ease .3s;
  z-index: 1;
}
.menu-spacer-two .navbar-nav > li:hover > a:after, .menu-spacer-two .navbar-nav > li.active > a:after {
  width: 100%;
}
/* Roof Slide Cpation */
.roof-slide-cpation {
  height: 100%;
  background: rgba(0, 0, 0, 0.27);
}
.roof-slide-cpation.right .cpation-wrap {
  float: right;
}
.roof-slide-cpation.center {
  text-align: center;
}
.roof-slide-cpation.center .cpation-wrap {
  float: none;
  display: inline-block;
  vertical-align: middle;
  width: 750px;
}
.cpation-wrap {
  float: left;
  width: 530px;
  padding: 60px 55px 44px;
  background: rgba(0, 0, 0, 0.55);
  color: #ffffff;
}
.cpation-wrap .cpation-title {
  padding-bottom: 10px;
  font-weight: 600;
  font-size: 40px;
  line-height: 45px;
  letter-spacing: -0.2px;
}
.cpation-wrap p {
  color: #ffffff;
  font-family: 'Droid Arabic Kufi', sans-serif;
  font-size: 16px;
  line-height: 26px;
}
.cpation-wrap .cpation-sub-title {
  display: block;
  padding-bottom: 3px;
  color: #eeb313;
  font-size: 20px;
  line-height: 25px;
  letter-spacing: 0;
}
.cpation-wrap .roof-btn {
  margin: 11px 11px 0 0;
}
.cpation-wrap .roof-icon {
  padding-bottom: 22px;
}
/* Roof Swiper Container, Swiper Style Two */
.swiper-container.swiper-style-two {
  height: 700px;
}
.swiper-style-two .roof-slide-cpation {
  background: rgba(0, 0, 0, 0.4);
}
/* Roof Swiper Container, Swiper Style Three */
.swiper-container.swiper-style-three {
  height: 700px;
}
.swiper-style-three .roof-slide-cpation {
  background: rgba(0, 0, 0, 0.45);
}
.swiper-style-three .roof-slide-cpation.center .cpation-wrap .cpation-title {
  font-size: 50px;
  letter-spacing: -0.1px;
}
.swiper-style-three .roof-slide-cpation.center p {
  font-weight: 600;
  line-height: 28px;
  letter-spacing: -0.1px;
}
.swiper-style-three .cpation-wrap {
  width: 510px;
  padding: 0;
  background: none;
}
.swiper-style-three .cpation-wrap p {
  font-size: 18px;
  line-height: 24px;
  letter-spacing: 0.5px;
}
.swiper-style-three .cpation-wrap .cpation-title {
  padding-bottom: 14px;
  font-weight: 700;
  font-size: 45px;
  line-height: 50px;
  letter-spacing: 0;
}
.swiper-style-three .cpation-wrap .cpation-sub-title {
  padding-bottom: 5px;
  font-size: 24px;
  letter-spacing: -0.1px;
}
.swiper-style-three .cpation-wrap .roof-btn {
  font-family: 'Droid Arabic Kufi', sans-serif;
  font-weight: 700;
}
/* Roof Consult */
.roof-consult, .roof-consult p {
  background: #eeb313;
  font-family: "Droid Arabic Kufi", Arial, sans-serif;
  font-weight: 700;
  font-size: 16px;
  line-height: 26px;
  text-transform: uppercase;
}
.roof-consult .pull-left {
  padding-top: 37px;
}
.roof-consult .pull-left p{
  color: #232323;
}
.roof-consult .roof-btn {
  padding: 37px 63px 37px 32px;
  background-color: rgba(0,0,0,0.2);
  font-weight: 700;
  font-size: 22px;
  letter-spacing: 0;
  color: #fff;
}
.roof-consult .roof-btn:hover {
  background-color: rgba(0,0,0,0.24);
}
.roof-consult .roof-btn:hover:before {
  border-right-color: rgba(0,0,0,0.24);
}
.roof-consult .roof-btn:before {
  position: absolute;
  top: 0;
  left: -28px;
  border-top: 53px solid transparent;
  border-bottom: 53px solid transparent;
  border-right: 27px solid rgba(0,0,0,0.2) ;
  content: "";
  -webkit-transition: all ease .3s;
  -ms-transition: all ease .3s;
  transition: all ease .3s;
  z-index: 1;
}
.roof-consult .roof-btn .fa {
  vertical-align: middle;
  margin: -2px 6px 0 0;
  font-size: 24px;
}

.service-item {
  display: inline-block;
  vertical-align: top;
  margin-bottom: 30px;
  position: relative;
}
.service-info {
  padding-top: 24px;
}
.service-info p {
  font-size: 15px;
  line-height: 24px;
  letter-spacing: 0;
}
.service-info h5 {
  font-size: 15px;
  font-weight: 800;
}
.service-title {
  margin-bottom: 6px;
  letter-spacing: 0.3px;
  line-height: 26px;
  text-transform: uppercase;
}
.read-more {
  padding-top: 5px;
  font-weight: 700;
  font-size: 14px;
  text-transform: uppercase;
}
.read-more a {
  color: #539ad0;
}
.service-info .read-more a:hover {
  color: #1098cb;
  text-decoration: underline;
}
/* Roof Expert */
.roof-expert {
  background: #f7f7f7;
  border-top: 1px solid #f1f1f1;
}
.roof-expert .row {
  margin: 0;
}
.roof-expert [class*="col-"] {
  padding: 0;
}
.expert-item {
  min-height: 379px;
  padding: 113px 20px 68px;
  text-align: center;
  border-right: 1px solid #eaeaea;
  -webkit-transition: all ease .3s;
  -ms-transition: all ease .3s;
  transition: all ease .3s;
}
.expert-item.hover {
  background: #eeb313;

  -webkit-transition: all ease .3s;
  -ms-transition: all ease .3s;
  transition: all ease .3s;
}
.expert-item.hover p, .expert-item.hover .view-more {
  opacity: 1;
}
.expert-item a:hover, .expert-item a:focus {
  color: #232323;
}
.expert-item p {
  opacity: 0;
  color: #474747;
  font-size: 13px;
  line-height: 22px;
  letter-spacing: 0;
  -webkit-transition: all ease .3s;
  -ms-transition: all ease .3s;
  transition: all ease .3s;
}
.expert-item h5 {
  font-size: 20px;
  line-height: 30px;
  position: relative;

  -webkit-transition: 0.3s all;
  -o-transition: 0.3s all;
  transition: 0.3s all;

}
.expert-item.hover h5.expert-title a {
  color: #fff;
  font-size: 20px;
  margin-top: 12px;
  display: inline-block;

  -webkit-transition: 0.3s all;
  -o-transition: 0.3s all;
  transition: 0.3s all;
}
h5.expert-title:before {
  content: '';
  height: 2px;
  width: 0;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
  background-color: rgb(255, 255, 255);
  -webkit-transition: 0.3s all;
  -o-transition: 0.3s all;
  transition: 0.3s all;
}
.hover h5.expert-title:before {
  width: 40%;
}
.hover.first h5.expert-title:before {
  width:0;
}
.expert-item .roof-icon {
  padding-bottom: 23px;
}
.expert-item .expert-title {
  margin-bottom: 2px;
  font-weight: 600;
}
.expert-item .view-more {
  opacity: 0;
  padding-top: 9px;
  font-weight: 700;
  font-size: 13px;
  text-transform: uppercase;
  -webkit-transition: all ease .3s;
  -ms-transition: all ease .3s;
  transition: all ease .3s;
}
.expert-item.first {
  padding: 81px 20px 50px 0;
  text-align: left;
  background: none;
}
.expert-item.first p {
  opacity: 1;
  color: #888888;
  font-size: 14px;
  line-height: 24px;
}
.expert-item.first h5 {
  font-size: 22px;
}
.expert-item.first .view-more a {
  color: #539ad0;
}
.expert-item.first .expert-title {
  margin-bottom: 14px;
  font-weight: 700;
  text-transform: uppercase;
}
.expert-item.first .view-more {
  padding-top: 8px;
  opacity: 1;
  letter-spacing: 0.5px;
}
/* Roof Works */
.roof-works {
  padding: 70px 0 40px;
  background-color: #292e34;
  background-image: url(../images/backgrounds/background1.html);
  background-position: left top;
  background-repeat: repeat;
  color: #ffffff;
  text-align: center;
}
.roof-works .slick-slider .slick-dots li button:before {
  color: #f5f5f5;
}
.roof-works .slick-slider .slick-dots li.slick-active button:before {
  color: #fbcc0f;
}
.roof-works .slick-slider .slick-prev:before,
 .roof-works .slick-slider .slick-next:before {
  color: #ececec;
}
.roof-works .section-title-wrap {
  padding-bottom: 13px;
}
.section-title-wrap {
  padding-bottom: 33px;
  text-align: center;
}
.request-quote .section-title-wrap {
  text-align: left;
}
.section-title-wrap p {
  margin-bottom: 0;
  font-size: 16px;
  line-height: 30px;
  letter-spacing: -0.1px;
}
.section-title-wrap h4 {
  font-size: 22px;
}
.section-title {
  margin-bottom: 6px;
  font-weight: 700;
}
.section-sub-title {
  margin-bottom: 0;
  font-weight: 500;
}
.filters-nav {
  float: none;
  display: inline-block;
  vertical-align: middle;
  margin-bottom: 50px;
  background: #23282d;
  font-weight: 700;
  font-size: 12px;
  letter-spacing: 0.2px;
  text-transform: uppercase;
}
.filters-nav > li > a {
  padding: 16px 20px;
  color: #999999 ;
}
.filters-nav > li > a.active, .filters-nav > li > a.active:hover {
  background: #eeb313;
  color: #232323 ;
}
.work-list {
  position: relative;
}
.work-list.hover .work-title, .work-list.hover .view-more {
  top: 0;
}
.work-list .roof-picture img {
  width: 100%;
}
.work-info {
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  padding: 25px;
  background: rgba(0, 0, 0, 0.65);
  color: #ffffff;
  opacity: 0;
  -webkit-transition: all ease .3s;
  -ms-transition: all ease .3s;
  transition: all ease .3s;
  z-index: 1;
}
.work-info h5 {
  margin-bottom: 5px;
  font-size: 16px;
}
.work-info .work-title {
  position: relative;
  top: -15px;
  letter-spacing: 0.2px;
  -webkit-transition: all ease .3s;
  -ms-transition: all ease .3s;
  transition: all ease .3s;
}
.work-info .work-title a {
  color: #ffffff;
}
.work-info .view-more {
  position: relative;
  top: 15px;
  padding-top: 7px;
  -webkit-transition: all ease .3s;
  -ms-transition: all ease .3s;
  transition: all ease .3s;
}
.work-info .work-category {
  font-family: 'Droid Arabic Kufi', sans-serif;
  font-weight: 400;
}
.work-info .work-category span:after {
  content: " / ";
}
.work-info .work-category span:last-child:after {
  content: "";
}
.work-info .work-category a {
  color: #ffffff;
}
/* Roof Certifications */
.roof-certifications .section-title-wrap {
  padding-bottom: 56px;
}
.certification-item {
  margin-bottom: 67px;
}
.certification-item h5 {
  font-size: 15px;
}
.certification-item .certification-title {
  margin-bottom: 15px;
  font-weight: 700;
}
.certifications-style-one .certification-title{
  text-align: left;
}
.certification-item .roof-icon {
  float: left;
}
.certification-title {
  font-weight: 600;
  letter-spacing: 0.3px;
  text-transform: uppercase;
}
.certification-info {
  display: block;
  overflow: hidden;
  padding-left: 20px;
}
.certification-info p {
  font-size: 15px;
  line-height: 24px;
  letter-spacing: 0;
}
.roof-primary .roof-certifications .certification-item.text-left {
  text-align: left;
}
.roof-primary .roof-certifications .certification-item.text-right {
  text-align: right;
}
.roof-primary .roof-certifications .certification-item.text-center {
  text-align: center;
}
/* Roof Quote */
.roof-quote {
  background-color: #d0d0d0;
  background-image: url(../images/backgrounds/background2.html);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}
.quote-wrap {
  padding: 122px 0 127px;
  background: rgba(0, 0, 0, 0.4);
  color: #f5f5f5;
  text-transform: uppercase;
}
.quote-wrap h2 {
  font-size: 35px;
  line-height: 45px;
}
.quote-wrap h5 {
  font-size: 16px;
}
.quote-wrap .quote-title {
  margin-bottom: 24px;
  letter-spacing: 0.2px;
}
.quote-wrap .quote-sub-title {
  margin-bottom: 14px;
  letter-spacing: 0.2px;
}
/* Roof News */
.news-item {
  display: inline-block;
  vertical-align: top;
  margin-bottom: 30px;
}
.news-info {
  padding-top: 25px;
}
.news-info p {
  font-size: 15px;
  line-height: 24px;
}
.news-info h5 {
  font-size: 18px;
  line-height: 26px;
}
.news-info .read-more {
  padding-top: 15px;
}
.news-info .roof-btn-small {
  padding: 6px 16px;
  color: #232323;
  font-size: 11px;
  letter-spacing: 0.3px;
  border: 1px solid #e9e9e9;
}
.news-info .roof-btn-small:hover {
  color: #232323 !important;
}
.news-meta {
  color: #888888;
  font-family: 'Droid Arabic Kufi', sans-serif;
  font-weight: 600;
  line-height: 18px;
  text-transform: uppercase;
}
.news-meta .fa {
  margin-right: 5px;
}
.news-title {
  font-weight: 600;
  letter-spacing: 0.1px;
}
/* Testimonial */
.roof-testimonial {
  padding: 80px 0;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  text-align: center;
  position: relative;
}
.roof-testimonial .quote-client {
  padding: 14px 0 35px;
  margin: 0;
  font-weight: 500;
  color: #fff;
}
#quote-carousel p {
  color: #232323;
  font-family: 'Droid Arabic Kufi', sans-serif;
  font-size: 20px;
  line-height: 38px;
  letter-spacing: 0;
}
#quote-carousel .item:before {
  display: block;
  font-family: 'Lora', serif;
  font-weight: 700;
  font-size: 87px;
  line-height: 70px;
  letter-spacing: 0.5px;
  content: "“";
}
.roof-testimonial .owl-drag {
  position: inherit;
}
.roof-testimonial.testimonial-style-two .owl-drag {
  position: relative;
}
/* Partners */
.roof-partners {
  padding: 57px 0;
  text-align: center;
}
/* Roof Links */
.roof-links {
  padding: 50px 0 20px;
  background-color: #f2f2f2;
  background-image: url(../images/backgrounds/background4.html);
  background-position: left top;
  background-repeat: repeat;
  text-align: center;
}
.link-item {
  display: inline-block;
  vertical-align: middle;
  margin-bottom: 30px;
  text-align: left;
  position: relative;
}
.link-info {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 10px;
  background: rgba(0, 0, 0, 0.25);
  -webkit-transition: all ease .3s;
  -ms-transition: all ease .3s;
  transition: all ease .3s;
  z-index: 1;
}
.link-info .roof-align-container {
  vertical-align: bottom;
}
.link-info .roof-btn {
  min-width: 110px;
  padding: 8px 20px;
  font-family: 'Droid Arabic Kufi', sans-serif;
  font-weight: 500;
  font-size: 12px;
  letter-spacing: 0.2px;
}
.link-info .roof-btn .fa {
  font-size: 13px;
}
/* Roof Home V2 Page */
/* Roof Consult, Consult Style Two */
.roof-consult .consult-style-two {
  padding: 25px 0;
}
.consult-style-two .pull-left {
  padding-top: 12px;
}
.consult-style-two .roof-btn {
  min-width: 180px;
  padding: 15px 25px;
  margin-right: 60px;
  background-color: #292e34;
  color: #ffffff;
  font-size: 12px;
  letter-spacing: 0.5px;
}
.consult-style-two .roof-btn:hover, .consult-style-two .roof-btn:focus {
  background-color: #1d2126;
}
.consult-style-two .roof-btn:before {
  display: none;
}
/* Roof Services, Services Style Two */
.services-style-two .row {
  margin: 0 -1px;
}
.services-style-two [class*="col-"] {
  padding: 0 1px;
}
.services-style-two .service-item {
  margin-bottom: 1px;
}
.services-style-two .service-info {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  padding: 21px 30px 16px;
  background: rgba(242, 242, 242, 0.9);
  z-index: 1;
}
.services-style-two .service-title {
  font-size: 13px;
  letter-spacing: 0.5px;
}
.services-style-two .read-more {
  padding: 43px 0 45px;
  text-align: center;
}
.services-style-two .roof-locations .row {
  margin: 0 -15px;
}
.services-style-two .roof-locations [class*="col-"] {
  padding: 0 15px;
}
.roof-locations {
  padding-top: 60px;
  border-top: 1px solid #f2f2f2;
}
.roof-locations .roof-icon {
  position: relative;
}
.location-pointers a {
  position: absolute;
  top: 65px;
  left: 98px;
  width: 11px;
  height: 11px;
  background: #eeb313;
  border: 2px solid #ffffff;
  cursor: pointer;
  -webkit-border-radius: 100%;
  -ms-border-radius: 100%;
  border-radius: 100%;
  z-index: 1;
}
.location-info {
  padding-top: 13px;
}
.location-info p {
  font-size: 15px;
  line-height: 26px;
}
.location-info h4 {
  font-size: 22px;
  line-height: 33px;
}
.location-info .location-title {
  font-weight: 700;
}
.location-info .roof-btn {
  margin-top: 17px;
}
/* Roof Certifications, Certifications Style Two */
.roof-certifications.certifications-style-two {
  padding: 0;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  color: #ffffff;
}
.certifications-wrap {
  padding: 99px 0 44px;
  background: rgba(0, 0, 0, 0.06);
}
.certifications-style-two .section-title-wrap p {
  color: #dcdcdc;
  font-family: 'Droid Arabic Kufi', sans-serif;
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
}
.certifications-style-two .section-title-wrap {
  padding-bottom: 46px;
  text-align: left;
}
.certifications-style-two .section-title {
  margin-bottom: 17px;
  font-weight: 700;
}
.certifications-style-two .certification-item {
  margin-bottom: 40px;
}
.certifications-style-two .certification-item .roof-icon {
  float: none;
  padding-bottom: 18px;
}
.certifications-style-two .certification-title {
  font-weight: 700;
  letter-spacing: 0.4px;
}
.certifications-style-two .certification-title a {
  color: #ffffff;
}
.certifications-style-two .certification-info {
  clear: both;
  padding: 0;
}
.certifications-style-two .certification-info p {
  color: #ffffff;
}
/* Roof Consult, Consult Style Three */
.roof-consult.consult-style-three .roof-btn {
  padding: 38px 65px;
}
.roof-consult .consult-style-three .roof-btn:before {
  display: none;
}
.roof-consult.consult-style-three .pull-left {
  padding-top: 37px;
}
/* Roof Performances */
.roof-performances {
  text-align: center;
}
.roof-performances .section-title-wrap {
  padding-bottom: 62px;
}
.roof-performances .section-title-wrap p {
  font-size: 16px;
  line-height: 28px;
  letter-spacing: -0.2px;
}
.roof-performances .section-title {
  margin-bottom: 8px;
}
.progressbar-item {
  padding-top: 34px;
  padding-bottom: 19px;
  margin-bottom: 30px;
}
.progressbar-item.counter-border {
  border-right: 2px solid #f5f5f5;
}
.wpb_column:last-child .progressbar-item {border-right: none;}

/* Roof Works, Works Style Two */
.roof-works.works-style-two {
  background: #f7f7f7;
  color: #232323;
}
.roof-works.works-style-two .slick-slider .slick-dots li button:before {
  color: rgba(42, 47, 53, 0.5);
}
.roof-works.works-style-two .slick-slider .slick-dots li.slick-active button:before {
  color: #fbcc0f;
}
.roof-works.works-style-two .slick-slider .slick-prev:before, .roof-works.works-style-two .slick-slider .slick-next:before {
  color: #292e34;
}
.roof-works.works-style-two .slick-filter-nav {
  background: #292e34;
}
/* Roof worls : style three */
.roof-masonry.bpw-col-3 .masonry-item {
  width: 33.3333%;
}
.roof-masonry.bpw-col-5 .masonry-item {
  width: 20%;
}
.roof-masonry.bpw-col-2 .masonry-item {
  width: 50%;
}
.roof-masonry.bpw-col-4 .masonry-item {
  width: 25%;
}
/* Roof Testimonial, Testimonial Style Two */
.roof-testimonial.testimonial-style-two {
  padding: 73px 0 82px;
  background-color: #f7f7f7;
  background-image: url(../images/backgrounds/background6.html);
  background-position: left top;
  background-repeat: repeat;
  text-align: left;
}
.testimonial-style-two .section-title-wrap {
  padding: 0 100px 44px 0;
  text-align: left;
}
.testimonial-style-two .section-title {
  font-size: 26px;
  font-weight: 700;
}
.testimonial-style-two .roof-carousel {
  margin: 0 -35px;
}
.testimonial-style-two .owl-item {
  padding: 0 35px;
}
.testimonial-style-two .owl-drag .owl-prev, .testimonial-style-two .owl-drag .owl-next {
  display: inline-block;
  vertical-align: middle;
  padding-left: 4px;
}
.testimonial-style-two .owl-drag .owl-nav {
  position: absolute;
  top: -81px;
  right: 35px;
  z-index: 1;
}
.testimonial-style-two .owl-drag .owl-prev:before, .testimonial-style-two .owl-drag .owl-next:before {
  position: static;
  display: inline-block;
  vertical-align: middle;
  height: 30px;
  background: none;
  border: 2px solid #e1e1e1;
  color: #999999;
  line-height: 26px;
  -webkit-border-radius: 0;
  -ms-border-radius: 0;
  border-radius: 0;
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
}
.testimonial-style-two .owl-drag .owl-prev:hover:before, .testimonial-style-two .owl-drag .owl-next:hover:before {
  background: #e1e1e1;
}
.testimonial-style-two .quote-client {
  padding: 23px 0 0 43px;
  color: #777777;
}
.testimonial-style-two .quote-client a {
  color: #eeb313;
}
.testimonial-style-two .quote-client a:hover {
  color: #777777;
}
.testimonial-style-two .item h5 {
  font-size: 15px;
}
.testimonial-style-two .quote-client img {
  margin-right: 11px;
}
.roof-testimonial .quote-client span:before {
  content: ", ";
}
.testimonial-style-two .quote-client span:before {
  content: " / ";
}
.testimonial-wrap {
  min-height: 187px;
  padding: 37px 30px 31px;
  background: #ffffff;
  position: relative;
  -webkit-box-shadow: 0 5px 5px rgba(0, 0, 0, 0.05);
  -ms-box-shadow: 0 5px 5px rgba(0, 0, 0, 0.05);
  box-shadow: 0 5px 5px rgba(0, 0, 0, 0.05);
}
.testimonial-wrap:after {
  position: absolute;
  bottom: -32px;
  left: 11px;
  border-top: 20px solid transparent;
  border-bottom: 25px solid transparent;
  border-left: 25px solid #eeb313;
  content: "";
  -webkit-transform: rotate(-38deg);
  -ms-transform: rotate(-38deg);
  transform: rotate(-38deg);
  z-index: 1;
}
.testimonial-wrap p {
  font-size: 15px;
  line-height: 28px;
  letter-spacing: 0;
}
/* Roof Home V3 Page */
/* Roof Services, Services Style Three */
.roof-services.services-style-three {
  padding: 90px 0 66px;
}
.services-style-three .section-title-wrap {
  padding-bottom: 43px;
}
.services-style-three .section-title {
  margin-bottom: 0;
}
/* Roof About */
.roof-about {
  padding: 92px 0 54px;
}
.roof-about .section-title-wrap {
  text-align: left;
}
.roof-about .section-title-wrap p {
  color: #999999;
  font-size: 15px;
  line-height: 22px;
  letter-spacing: 0.2px;
}
.roof-about .section-title-wrap h2 {
  font-size: 26px;
  font-weight: 700;
}
.about-wrap {
  display: table;
  background: #f7f7f7;
}
.about-wrap.hover .roof-picture:before {
  opacity: 1;
}
.about-wrap > .roof-picture {
  display: table-cell;
  vertical-align: top;
  width: 50%;
  position: relative;
}
.about-wrap > .roof-picture:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.03);
  content: "";
  opacity: 0;
  -webkit-transition: all ease .3s;
  -ms-transition: all ease .3s;
  transition: all ease .3s;
  z-index: 1;
}
.about-wrap > .roof-picture > img {
  width: 100%;
}
.about-info {
  display: table-cell;
  vertical-align: middle;
  width: 50%;
  padding: 20px 30px 10px;
}
.about-info p {
  font-size: 15px;
  line-height: 26px;
  letter-spacing: 0;
}
.about-info h5 {
  font-size: 18px;
  line-height: 22px;
  margin-bottom: 2px;
  color: #777777;
  font-weight: 500;
}
.about-info .roof-picture {
  padding-top: 10px;
}
.about-info .roof-btn {
  margin-top: 13px;
  font-weight: 800;
}
.about-info.abt-txt-right {
  text-align: right;
}
.about-one .about-info {
  padding: 30px 60px;
}
.choose-item {
  display: block;
  overflow: hidden;
  clear: both;
  padding-bottom: 28px;
}
.choose-item .roof-icon {
  float: left;
}
.choose-item .choose-info {
  display: block;
  overflow: hidden;
  padding-left: 22px;
}
.choose-item .choose-info p {
  line-height: 26px;
  letter-spacing: 0;
}
.choose-item .choose-info h5 {
  font-weight: 700;
  letter-spacing: 0.2px;
  text-transform: uppercase;
  font-size: 14px;
}
/* Roof Testimonial, Testimonial Style Three */
.testimonial-style-three .section-title-wrap {
  padding-bottom: 26px;
}
.testimonial-style-three .section-title {
  font-weight: 700;
  font-size: 26px;

}
.testimonial-style-three .roof-carousel p {
  color: #232323;
  font-family: 'Droid Arabic Kufi', sans-serif;
  font-size: 20px;
  line-height: 38px;
}
.testimonial-style-three .quote-client {
  padding: 22px 0 0;
}
.testimonial-style-three .quote-client img {
  display: block;
  margin: auto auto 14px;
}
/* Team Mates */
.roof-team-mates {
  padding: 90px 0 54px;
  background: #f7f7f7;
  text-align: center;
}
.roof-team-mates .section-title-wrap {
  padding-bottom: 41px;
}
.roof-team-mates .section-title {
  margin-bottom: 0;
  font-weight: 700;
}
.mate-list {
  margin-bottom: 30px;
  text-align: center;
}
.mate-list .roof-picture {
  position: relative;
}
.mate-list .roof-picture:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  /*background: rgba(0, 0, 0, 0.05);*/
  content: "";
  opacity: 0;
  -webkit-transition: all ease .3s;
  -ms-transition: all ease .3s;
  transition: all ease .3s;
  z-index: 1;
}
.mate-list.hover .roof-picture:before {
  opacity: 1;
}
.mate-info {
  padding-top: 25px;
}
.mate-info p {
  font-size: 15px;
  line-height: 24px;
}
.mate-info h5 {
  font-size: 15px;
  font-weight: 700;
}
.mate-info h6 {
  font-size: 14px;
  font-weight: 500;
  text-transform: none;
}
.mate-info .roof-social {
  padding-top: 4px;
}
.mate-info .roof-social a {
  width: 30px;
  height: 30px;
  margin: 0 2.5px;
  background: #f9f9f9;
  color: #999999;
  font-size: 16px;
  letter-spacing: 0.4px;
  line-height: 28px;
  border: 1px solid #f0f0f0;
  -webkit-border-radius: 0;
  -ms-border-radius: 0;
  border-radius: 0;
}
.mate-info .roof-social a:hover {
  background: #eeb313;
  color: #ffffff !important;
  border-color: #eeb313;
}
.mate-name {
  margin-bottom: 5px;
  font-weight: 600;
  letter-spacing: 0.3px;
  text-transform: uppercase;
}
.mate-designation {
  padding-bottom: 18px;
  margin-bottom: 14px;
  color: #888888;
  font-family: 'Droid Arabic Kufi', sans-serif;
  font-weight: 600;
  letter-spacing: 0.3px;
  text-transform: uppercase;
  position: relative;
}
.mate-designation:after {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  width: 30px;
  height: 2px;
  background: #eeb313;
  margin: 0 auto;
  content: "";
  z-index: 1;
}
/* Roof Partners, Partners Style Two */
.roof-partners.partners-style-two {
  padding: 49px 0;
  background: #f7f7f7;
}
.roof-partners .roof-picture:hover {
  opacity: 1;

  -webkit-transition: 0.4s all;
  -o-transition: 0.4s all;
  transition: 0.4s all;
}
.roof-partners .roof-picture {
  opacity: 0.67;

  -webkit-transition: 0.4s all;
  -o-transition: 0.4s all;
  transition: 0.4s all;
}

/* Roof Emergency */
.roof-emergency {
  margin-top: 50px;
  background-color: #eeb313;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}
.roof-emergency .container {
  padding: 35px 20px;
  position: relative;
}
.roof-emergency [class*="col-"] {
  position: static;
}
.roof-emergency .roof-picture {
  position: absolute;
  bottom: 0;
  left: 20px;
  z-index: 1;
}
.roof-emergency .emergency-title {
  margin-bottom: 0;
  text-transform: uppercase;
  letter-spacing: 0.2px;
}
.roof-emergency .emergency-sub-title {
  margin-bottom: 0;
  font-weight: 400;
}
.emergency-wrap {
  padding-left: 160px;
  font-family: "Droid Arabic Kufi", Arial, sans-serif;
}
.emergency-wrap h5 {
  font-size: 16px;
}
.emergency-number h3 {
  font-family: 'Droid Arabic Kufi', sans-serif;
}
.emergency-number {
  padding-left: 10px;
  font-family: 'Droid Arabic Kufi', sans-serif;
}
.emergency-number .roof-btn {
  min-width: 150px;
  letter-spacing: 0.2px;
}
.emergency-number h3 {
  font-size: 25px;
}
.emergency-number h5 {
  font-size: 13px;
}
.emergency-number .emergency-title a:hover, .emergency-number .emergency-title a:focus {
  color: #ffffff !important;
}
.emergency-number .emergency-sub-title {
  letter-spacing: 0.2px;
}
/* Roof Home V4 Page */
/* Roof Services, Services Style Four */
.roof-services.services-style-four {
  padding: 0 0 16px;
}
.roof-services .services-style-five {
  padding-top: 40px;
  margin-top: 25px;
  border-top: 1px solid #ececec;
}
.services-wrap {
  padding: 40px;
  margin: -95px -40px 0;
  background: #ffffff;
  position: relative;
  z-index: 1;
}
/* Roof Services, Roof Services Style Four */
.services-style-five .roof-picture {
  float: left;
}
.services-style-five .service-info {
  display: block;
  overflow: hidden;
  padding: 0 0 0 24px;
}
.roof-primary .services-style-five .service-info {
  padding-top: 0;
}
.services-style-five .service-info p {
  font-size: 15px;
}
/* Roof Quote, Quote Spacer Two */
.roof-quote.quote-spacer-two {
  background-image: url(../images/backgrounds/background9.html);
}
.quote-spacer-two .quote-wrap {
  padding: 175px 0;
}
/* Roof Certifications, Certifications Style Three */
.roof-certifications.certifications-style-three .section-title-wrap {
  padding-bottom: 38px;
}
.certifications-style-three .certification-item {
  margin-bottom: 40px;
}
.certifications-style-three .certification-item .roof-icon {
  float: none;
  padding-bottom: 16px;
}
.certifications-style-three .certification-info {
  clear: both;
  padding-left: 0;
}
.certifications-style-three .certification-item .certification-title {
  margin-bottom: 11px;
}
/* Roof Works, Works Style Two */
.roof-masonry {
  margin: 0 -10px;
}
.roof-masonry .masonry-item.one-fourth {
  width: 40%;
}
.roof-masonry .masonry-item.one-half {
  width: 50%;
}
.roof-masonry .masonry-item{
  float: left;
  height: auto;
}
.masonry-sizer{
  width: 100px;
}
.masonry-item-five .masonry-item {
  padding: 0 10px 20px;
}
.roof-masonry .masonry-item {
  width: 20%;
  padding: 0 10px 20px;
}
.roof-masonry .msry-detail-page{
  width: 25%;
}
.masonry-item.masonry-grid {
  width: 33.33333333%;
  padding: 0 15px 30px;
}
.roof-masonry.masonry-no-spacer {
  margin: 0;
}
.masonry-no-spacer .masonry-item {
  padding: 0;
}
.roof-masonry.masonry-spacer-two {
  margin: 0 -15px;
}
.masonry-spacer-two .masonry-item {
  padding: 0 15px 30px;
}
.masonry-item-three .masonry-item {
  width: 33.33333333%;
}
.roof-masonry.masonry-fullwidth {
  margin: 0 10px;
}
.all-project {
  padding: 55px 0 15px;
  text-align: center;
}
.all-project .roof-btn {
  min-width: 150px;
  padding: 8px 25px 9px;
  font-family: 'Droid Arabic Kufi', sans-serif;
  font-weight: 500;
}
/* Roof Status */
.roof-status {
  padding: 90px 0 35px;
  background-color: #d0d0d0;
  background-image: url(../images/backgrounds/background10.html);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  color: #ffffff;
}
/* Roof About, About Spacer Two */
.roof-about.about-spacer-two {
  padding: 100px 0;
}
.roof-about .roof-questions {
  padding: 31px 0 0 20px;
}
.roof-questions h4.panel-title strong {
  text-transform: uppercase;
  font-size: 14px;
}
.roof-about .roof-questions .section-title-wrap {
  padding-bottom: 4px;
}
.roof-questions .view-more {
  padding-top: 30px;
  font-weight: 700;
  font-size: 13px;
  letter-spacing: 0.4px;
  text-transform: uppercase;
}
.roof-questions .view-more a {
  color: #eeb313;
}
.request-quote {
  padding: 35px;
  -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.15);
  -ms-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.15);
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.15);
}
.request-quote div.wpcf7 {
  display: inline-block;
}
.request-quote div.wpcf7 .ajax-loader {
  float: left;
  margin: 14px 8px 0 4px;
}
.request-quote .section-title-wrap {
  padding-bottom: 24px;
}
.request-quote textarea {
  height: 120px;
}
.request-quote input[type="text"], .request-quote input[type="email"], .request-quote input[type="password"], .request-quote input[type="tel"], .request-quote input[type="search"], .request-quote input[type="date"], .request-quote input[type="time"], .request-quote input[type="datetime-local"], .request-quote input[type="month"], .request-quote input[type="url"], .request-quote input[type="number"], .request-quote textarea, .request-quote select, .request-quote .form-control {
  background-color: #f5f5f5;
  color: #999999;
  font-size: 14px;
  border-color: #ececec;
}
.request-quote input[type="text"]:focus, .request-quote input[type="email"]:focus, .request-quote input[type="password"]:focus, .request-quote input[type="tel"]:focus, .request-quote input[type="search"]:focus, .request-quote input[type="date"]:focus, .request-quote input[type="time"], .request-quote input[type="datetime-local"], .request-quote input[type="month"], .request-quote input[type="url"], .request-quote input[type="number"]:focus, .request-quote textarea:focus, .request-quote select:focus, .request-quote .form-control:focus {
  border-color: #d5d5d5;
}
.request-quote input[type="submit"] {
  min-width: 140px;
  padding: 11px 24px;
  background-color: #232323;
  color: #ffffff;
  font-weight: 600;
  font-size: 15px;
}
.request-quote input[type="submit"]:hover, .request-quote input[type="submit"]:focus {
  background-color: #e5ab12;
}
/* Roof About Page */
/* 5. Page Title */
.roof-page-title {
  background-color: #f7f7f7;
  background-image: url(../images/backgrounds/background11.html);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}
.roof-title-overlay {
  padding: 59px 0 57px;
}
.roof-page-title .page-title {
  margin-bottom: 0;
  font-weight: 700;
  letter-spacing: 0.1px;
  font-size: 32px;

}
/* Roof About Page */
/* Roof Main Wrap */
ul.simple-fix {
  padding: 0;
  margin: 0;
}
ul.simple-fix li {
  list-style: none;
}
.roof-main-wrap {
  padding: 100px 0;
}
.roof-main-wrap .roof-works {
  padding: 0;
  background: none;
}
.roof-main-wrap .filters-nav {
  margin-bottom: 70px;
}
.roof-main-wrap .all-project {
  padding: 49px 0 0;
}
.roof-main-wrap .roof-primary .roof-certifications {
  padding: 0;
}
.roof-primary {
  float: right;
}
.roof-primary .roof-partners {
  padding: 48px 0 0;
}
.roof-primary .roof-certifications .certification-item {
  text-align: center;
}
.roof-primary .service-item {
  margin-bottom: 36px;
}
.roof-primary .service-info {
  padding-top: 17px;
}
.roof-primary .service-info h5 {
  font-size: 14px;
  letter-spacing: 0.4px;
}
.roof-primary .service-info .service-title {
  margin-bottom: 4px;
}
.roof-secondary {
  padding-right: 25px;
}
/* 9. Sidebar Widgets */
.woocommerce .widget_price_filter .price_slider_wrapper .ui-widget-content {
  background-color: #e7e7e7;
}
.woocommerce .widget_price_filter .ui-slider .ui-slider-range,
.woocommerce .widget_price_filter .ui-slider .ui-slider-handle {
  background-color: #eeb313;
  border: none;
}
.woocommerce .widget_price_filter .price_slider_amount {line-height: 4.2;}
.roof-secondary .roof-widget {
  margin-bottom: 35px;
}
.roof-widget.widget_text img {
  height: auto;
}
.roof-widget.widget_nav_menu ul.sub-menu {
  padding-left: 16px;
}
.roof-widget.widget_nav_menu ul li a {
  padding-bottom: 8px;
  display: block;
}
.roof-widget input[type="text"], .roof-widget input[type="email"], .roof-widget input[type="password"], .roof-widget input[type="tel"], .roof-widget input[type="search"], .roof-widget input[type="date"], .roof-widget input[type="time"], .roof-widget input[type="datetime-local"], .roof-widget input[type="month"], .roof-widget input[type="url"], .roof-widget input[type="number"], .roof-widget select, .roof-widget .form-control {
  height: 45px;
  color: #999999;
  font-size: 13px;
}
.roof-widget form input, .roof-widget form textarea, .roof-widget form select {
  margin-bottom: 15px;
}
.roof-widget form input[type="submit"], .roof-widget form input[type="button"], .roof-widget form button {
  margin: 0;
}
.widget_categories ul, .widget_product_categories ul,
.widget_archive ul, .widget_pages ul, .widget_meta ul, .widget_recent_entries ul {
  padding: 0;
  margin: 0;
  font-family: 'Droid Arabic Kufi', sans-serif;
  font-size: 13px;
  list-style: none;
}
.widget_categories ul li, .widget_product_categories ul li,
.widget_archive ul li, .widget_pages ul li, .widget_meta ul li, .widget_recent_entries ul li {
  padding: 14px 0 16px;
}
.widget_categories ul li ul, .widget_product_categories ul li ul {
  padding-left: 15px;
}
.widget_categories ul li ul li, .widget_product_categories ul li ul li {
  padding: 12px 0 12px;
}
.widget_categories >ul>li, .widget_product_categories >ul>li,
.widget_archive > ul > li, .widget_pages > ul > li, .widget_meta > ul > li, .widget_recent_entries > ul > li {
  border-bottom: 1px solid #ececec;
}
.widget_categories >ul>li ul li:last-child, .widget_product_categories >ul>li ul li:last-child {
  padding-bottom: 5px;
}
.widget_categories ul li a, .widget_product_categories ul li a,
.widget_archive ul li a, .widget_pages ul li a, .widget_meta ul li a, .widget_recent_entries ul li a {
  display: inline-block;
  padding-left: 10px;
  color: #888888;
  position: relative;
  font-size: 14px;
}
.widget_categories ul li a:after, .widget_product_categories ul li a:after,
.widget_archive ul li a:after,
.widget_pages ul li a:after,
.widget_meta ul li a:after,
.widget_recent_entries ul li a:after {
  position: absolute;
  top: 5px;
  left: 0;
  color: #888888;
  font: normal normal normal 10px/1 FontAwesome;
  text-rendering: auto;
  content: "\f0da";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  z-index: 1;
}
.widget_recent_comments ul {
  padding-left: 20px;
}
.widget_recent_comments ul li {
  padding: 12px 0 12px;
  border-bottom: 1px solid #ececec;
  list-style: none;
  color: #888888;
}
.widget_recent_comments ul {
  color: #888888;
}
.widget_recent_comments ul li:after{
  position: absolute;
  left: 18px;
  color: #888888;
  font: normal normal normal 10px/1 FontAwesome;
  text-rendering: auto;
  content: "\f0da";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  z-index: 1;
}
/* Widget Sidebar Nav */
.widget-sidebar-nav ul {
  padding: 0;
  margin: 0;
  font-weight: 700;
  font-size: 12px;
  letter-spacing: 0.2px;
  text-transform: uppercase;
  list-style: none;
}
.widget-sidebar-nav ul > li> a {
  display: block;
  padding: 16px 30px;
  margin-bottom: 2px;
  background: #f7f7f7;
  color: #888888;
  font-size: 13px;
}
.widget-sidebar-nav ul > li > a:hover,
.widget-sidebar-nav ul > li > a:focus,
.widget-sidebar-nav ul > li.active > a {
  background: #eeb313;
  color: #232323;
}
/* Widget Question Wrap */
.widget-question-wrap {
  padding: 34px 40px 40px;
  background: #292e34;
  color: #ffffff;
}
.widget-question-wrap p {
  color: #999999;
}
.widget-question-wrap h4 {
  font-size: 20px;
  line-height: 27px;
}
.widget-question-wrap .roof-btn {
  margin-top: 3px;
}
.widget-question-wrap .question-title {
  margin-bottom: 16px;
  font-weight: 500;
  letter-spacing: 0.2px;
  line-height: 24px;

}
/* Widget Download Brochures */
.widget-download-brochures .roof-btn {
  min-width: 100%;
  padding: 19px 20px 18px;
  font-size: 13px;
  letter-spacing: 0.5px;
}
.widget-download-brochures .roof-btn .fa {
  vertical-align: middle;
  margin: -1px 5px 0 0;
  font-size: 22px;
}
/* Widget Archives */
.widget-archives .widget-title {
  margin-bottom: 19px;
}
/* Widget Works */
.widget-works ul {
  display: block;
  overflow: hidden;
  clear: both;
  padding: 0;
  margin: 0 -2.5px;
  list-style: none;
}
.widget-works ul li {
  float: left;
  padding: 0 2.5px 5px;
}
/* Woocommerce widgets */
.widget_shopping_cart_content {
  border: 1px solid #ececec;
  padding: 20px 10px 10px;
}
/* Calender */
.roof-widget.widget_calendar thead tr th{
  padding: 12px 10px;
}
.roof-widget.widget_calendar tbody tr td, .roof-widget.widget_calendar tfoot tr td {
  padding: 10px 10px;
  border-right: 1px solid #ececec;
}
.roof-widget.widget_calendar caption{
  padding-top: 0;
}

/* Widget RSS */
.roof-widget.widget_rss ul li {
  margin-bottom: 15px;
}

.widget_shopping_cart span.quantity {
  width: 50%;
  padding-top: 8px;
  position: relative;
  margin: 0 auto;
  overflow: hidden;
  zoom: 1;
  padding-right: 1.1em;
  display: inline-block
}
.woocommerce .widget_shopping_cart ul.product_list_widget li .amount{
  display: inline;
}
.roof-widget.widget_shopping_cart .buttons a, .sgny-right-sidebar .widget_shopping_cart .buttons a {
  text-align: center;
  width: 100%;
  margin-top: 8px;
}
.woocommerce .widget_shopping_cart .total, .woocommerce.widget_shopping_cart .total {
  border-top: noen;
  margin-bottom: 0;
}
/* Widget Tags */
.widget_tag_cloud a, .widget_product_tag_cloud a {
  display: inline-block;
  vertical-align: middle;
  padding: 5px 15px 6px;
  margin: 0 4px 14px 0;
  background: #fcfcfc;
  font-family: 'Droid Arabic Kufi', sans-serif;
  font-size: 13px !important;
  letter-spacing: 0.2px;
  border: 1px solid #e8e8e8;
}
.widget_tag_cloud a:hover,
.widget_tag_cloud a:focus,
.widget_product_tag_cloud a:hover,
.widget_product_tag_cloud a:focus {
  background: #eeb313;
  color: #232323;
  border-color: #eeb313;
}
.about-detail .about-wrap {
  margin-bottom: 25px;
}
.about-detail .about-info {
  padding: 30px 60px;
}
.about-info h3 {
  margin-bottom: 11px;
  font-weight: 600;
  font-size: 21px;
}
.about-detail .about-info h5 {
  margin-bottom: 2px;
  color: #777777;
  font-weight: 500;
}
.roof-sidenav .current-menu-item a {
  background: #eeb313;
  color: #232323;
}
.roof-mission {
  padding: 24px 0 5px;
  margin-bottom: 42px;
  border-bottom: 1px solid #ececec;
}
.roof-mission .info-title {
  margin-bottom: 31px;
  font-weight: 700;
}
.info-title {
  margin-bottom: 21px;
  font-weight: 700;
}
.info-title span {
  font-weight: 500;
  font-size: 18px;
  letter-spacing: 0.3px;
}
.mission-item {
  display: inline-block;
  vertical-align: top;
  margin-bottom: 30px;
}
.mission-info {
  padding-top: 19px;
}
.mission-info p {
  font-size: 15px;
  line-height: 24px;
  letter-spacing: 0;
}
.mission-info .read-more a:hover {
    text-decoration: underline;
    color: #1098cb;
}
.mission-info .mission-title {
  margin-bottom: 8px;
  font-weight: 700;
  letter-spacing: 0.4px;
  text-transform: uppercase;
}
.mission-info .read-more {
  padding-top: 4px;
  font-weight: 600;
}
.square-bullets {
  padding: 0 0 10px;
  margin: 0;
  color: #888888;
  font-family: 'Droid Arabic Kufi', sans-serif;
  list-style: none;
}
.square-bullets li {
  padding-left: 17px;
  margin-bottom: 10px;
  position: relative;
}
.square-bullets li:before {
  position: absolute;
  left: 0;
  top: 6px;
  width: 7px;
  height: 7px;
  background: #eeb313;
  content: "";
  z-index: 1;
}
.roof-questions .info-title {
  margin-bottom: 0;
}
/*Job Description Page*/
.roof-job-description {
  border-bottom: 1px solid #ececec;
  padding-bottom: 30px;
  margin-bottom: 30px;
}
h4.roof-description-title {
  margin-top: 0px;
  font-size: 22px;
  font-weight: 500;
}
.roof-description-box {
  background: #f4f4f4;
  padding: 40px;
  margin-top: 10px;
}
.description-box-element {
  border-bottom: 1px solid #dadada;
  margin-bottom: 20px;
}
.description-box-element:last-child {
  margin-bottom: 0;
  border: none;
}
.description-box-element:last-child p {
  margin: 0;
}
a.job-apply-btn{
  font-size: 13px;
}
.description-box-element h4 {
  margin: 0;
  font-size: 14px;
  text-transform: uppercase;
  font-weight: 600;
  color: #232323;
}
.description-box-element p {
  margin-bottom: 20px;
  color: #888;
}
.roof-description-share ul {
  margin: 0;
  padding: 0;
}
.roof-description-share ul li {
  list-style: none;
  float: left;
  margin: 0 3px;
  width: 30px;
  height: 30px;
  text-align: center;
  line-height: 30px;
}
li.job-share {
  width: auto !important;
  margin: 0 10px 0 0 !important;
}
li.job-share h6 {
  font-size: 15px;
  margin-top: 5px;
  font-weight: 500;
}
.roof-description-share ul li a, .roof-description-share ul li i {
  color: #fff;
  text-align: center;
  width: 30px;
  height: 30px;
  padding-top: 8px;
}
.roof-description-share ul li .fa-facebook {
  background: #3b5998;
}
.roof-description-share ul li .fa-twitter {
  background: #00aced;
}
.roof-description-share ul li .fa-google-plus {
  background: #245dc1;
}
.roof-description-share ul li .fa-pinterest-p {
  background: #cb2027;
}
.roof-main-wrap .roof-description-share .job-share h6 {
  color: #333;
}
li.description-share-twitter {
  background: #00aced;
}
li.description-share-google {
  background: #245dc1;
}
li.description-share-pinterest {
  background: #cb2027;
}
li.description-share-envelope {
  background: #aaaaaa;
}
/* Roof Certifications Page */
.detail-title {
  padding-bottom: 11px;
  margin-bottom: 12px;
  font-weight: 700;
  letter-spacing: 0.2px;
  position: relative;
}
.detail-title:after {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 30px;
  height: 2px;
  background: #eeb313;
  content: "";
  z-index: 1;
}
.detail-title span {
  font-size: 24px;
}
.certification-wrap {
  padding-top: 30px;
}
/* Roof History Page */
.about-detail.about-style-two .about-wrap {
  margin-bottom: 29px;
}
.about-detail.about-style-two .about-wrap > .roof-picture {
  width: 45%;
}
.about-detail.about-style-two .about-wrap > .roof-picture:before {
  display: none;
}
.about-detail.about-style-two .about-info {
  width: 55%;
  padding: 30px 10px;
}
.about-detail.about-style-two .about-info h3 {
  margin-bottom: 16px;
  font-weight: 400;
  font-size: 24px;
  line-height: 35px;
  letter-spacing: 0.2px;
}
.about-detail.about-style-two .about-info h5 {
  color: #232323;
  font-weight: 600;
  font-size: 13px;
  text-transform: uppercase;
  letter-spacing: 0.2px;
}
.about-detail.about-style-two .about-info h5 span {
  display: block;
  padding-top: 3px;
  color: #777777;
  font-weight: 400;
  text-transform: none;
}
.roof-history .detail-title {
  margin-bottom: 0;
}
.history-item {
  padding: 24px 0 23px;
  border-bottom: 1px solid #ececec;
}
.history-title {
  font-weight: 400;
  letter-spacing: 0.2px;
}
.history-title a:hover .history-year:after,
.history-title a:focus .history-year:after {
  background: #eeb313;
}
.history-title .history-year {
  font-size: 35px;
  letter-spacing: 0;
}
.history-title .history-year:after {
  display: inline-block;
  vertical-align: middle;
  width: 11px;
  height: 2px;
  margin: 0 6px 0 11px;
  background: #232323;
  content: "";
  -webkit-transition: all ease .3s;
  -ms-transition: all ease .3s;
  transition: all ease .3s;
}
/* Roof Core Values Page */
.core-wrap {
  padding-top: 32px;
}
.core-item {
  padding-bottom: 21px;
  margin-bottom: 34px;
  border-bottom: 1px solid #ececec;
}
.core-item .roof-icon {
  float: left;
}
.core-info {
  display: block;
  overflow: hidden;
  padding: 7px 0 0 24px;
}
.core-info .core-title {
  margin-bottom: 13px;
  font-weight: 700;
  letter-spacing: 0.2px;
}
/* Roof Partners Page */
.partners-wrap {
  padding-top: 10px;
}
.partner-item {
  display: block;
  overflow: hidden;
  clear: both;
  padding: 21px 0 44px;
  margin: 19px 0 29px;
  border-bottom: 1px solid #ececec;
}
.partner-item:last-child {
  padding-bottom: 0;
  margin-bottom: 0;
  border-bottom: none;
}
.partner-item .roof-picture {
  float: left;
  padding: 22px 34px 23px;
  border: 1px solid #e4e4e4;
}
.partner-info {
  display: block;
  overflow: hidden;
  padding: 3px 0 0 30px;
}
.partner-info h5 {
  font-size: 16px;
}
.partner-info .partner-title {
  margin-bottom: 2px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.2px;
}
.partner-info .partner-address {
  margin-bottom: 18px;
  color: #666666;
  font-weight: 500;
  font-size: 15px;
  font-style: normal;
  line-height: 24px;
  letter-spacing: 0.2px;
}
.partner-info .partner-website {
  font-weight: 600;
  font-size: 15px;
  letter-spacing: 0.2px;
}
.partner-info .partner-website a {
  color: #eeb313;
}
.partner-info .partner-website a:hover {
  text-decoration: underline;}
/* Roof Partners Page */
.faq-form {
  padding-top: 48px;
}
.faq-form .info-title {
  margin-bottom: 31px;
}
.faq-form input[type="submit"] {
  min-width: 140px;
  padding: 13px 24px;
  margin-top: 18px;
  font-weight: 600;
  font-size: 12px;
}
/* Roof Team Page */
.team-wrap .mate-list {
  margin-bottom: 50px;
}
.team-wrap .mate-list .roof-picture {
  background: #f5f5f5;
}
.team-wrap .mate-info {
  padding-top: 20px;
}
.team-wrap .mate-name {
  margin-bottom: 6px;
}
.team-wrap .mate-designation {
  padding-bottom: 13px;
  margin-bottom: 13px;
  text-transform: uppercase;
}
/* Roof Careers Page */
.roof-benefits {
  padding: 23px 0 47px;
}
.benefit-title a:hover {
  color: #eeb313;
}
.benefit-item {
  padding-bottom: 12px;
  margin-bottom: 30px;
}
.benefit-item.benefit-border{
  border-bottom: 1px solid #ececec;
}
.benefit-item .roof-icon {
  float: left;
}
.benefit-info {
  display: block;
  overflow: hidden;
  padding-left: 24px;
}
.benefit-info p {
  color: #777777;
}
.benefit-info h4 {
  font-size: 20px;
}
.benefit-info .benefit-title {
  font-weight: 400;
}
.roof-open-positions {
  padding-top: 12px;
}
.roof-open-positions table {
  background: transparent;
  color: #888888;
  border: none;
  position: relative;
  top: -1px;
}
.roof-open-positions table a {
  color: #888888;
}
.roof-open-positions td {
  border-bottom: none;
}
.roof-open-positions tr:nth-child(2n) {
  background: transparent;
}
.roof-table {
  overflow-x: auto;
}
.roof-open-positions tr {
  border: 1px solid #ececec;
  border-top: none;
}
/* Roof Pricing Page */
.plan-item {
  margin-top: 30px;
  background: #f7f7f7;
}
.plan-item.hover .plan-price, .plan-item.hover a.roof-btn-black {
  background: #eeb313 !important;
  color: #232323;
}

.plan-type {
  padding: 40px 20px 36px;
  text-align: center;
}
.plan-type .icons {
  display: block;
  margin-bottom: 18px;
  font-size: 30px;
}
.plan-title {
  margin-bottom: 3px;
  letter-spacing: 0.4px;
}
.plan-sub-title {
  margin-bottom: 0;
  color: #777777;
  font-weight: 500;
  font-size: 12px;
  letter-spacing: 0.6px;
}
.plan-price {
  padding: 13px 13px 15px;
  background: #ececec;
  font-family: 'Droid Arabic Kufi', sans-serif;
  font-weight: 700;
  font-size: 36px;
  letter-spacing: 0.2px;
  text-align: center;
  -webkit-transition: all ease .3s;
  -ms-transition: all ease .3s;
  transition: all ease .3s;
}
.plan-price sup {
  font-weight: 400;
  font-size: 18px;
}
.plan-info {
  padding: 46px 40px 60px;
}
.plan-info ul {
  padding: 0;
  margin: 0;
  color: #888888;
  letter-spacing: 0.3px;
  list-style: none;
  font-size: 14px;
  font-weight: 500;

}
.plan-info ul li {
  padding-left: 23px;
  margin-bottom: 21px;
  position: relative;
}
.plan-info ul li i {
  position: absolute;
  top: 3px;
  left: 0;
  color: #9d9d9d;
  font-size: 13px;
  z-index: 1;
}
.plan-info .roof-btn {
  margin-top: 14px;
}
/* Roof Services Details Page */
.roof-renovation {
  padding: 17px 0 34px;
}
.roof-renovation .info-title {
  margin-bottom: 13px;
}
.roof-brochures {
  padding-top: 26px;
}
.brochure-wrap {
  display: inline-block;
  background: #f7f7f7;
}
.brochure-info {
  padding: 35px;
  text-align: center;
}
.brochure-info .roof-btn {
  padding: 11px 24px 10px;
  font-size: 12px;
  letter-spacing: 0.6px;
}
/* Roof Project Fullwith Page */
.works-style-three .work-list.hover .roof-picture:before {
  opacity: 1;
}
.works-style-three .work-list .roof-picture {
  position: relative;
}
.works-style-three .work-list .roof-picture:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.2);
  content: "";
  opacity: 0;
  -webkit-transition: all ease .3s;
  -ms-transition: all ease .3s;
  transition: all ease .3s;
  z-index: 1;
}
.works-style-three .work-info {
  padding: 21px 21px 24px;
  position: static;
  background: #ffffff;
  color: #232323;
  border: 1px solid #f0f0f0;
  opacity: 1;
}
.works-style-three .work-info h5 {
  margin-bottom: 3px;
  font-size: 14px;
}
.works-style-three .work-info .work-title {
  position: static;
  font-weight: 600;
  font-size: 16px;

}
.works-style-three .work-info .work-title a {
  color: #232323;
}
.works-style-three .work-info .work-category {
  color: #888888;
}
.works-style-three .work-info .work-category a {
  color: #888888;
}
.works-style-three .work-info .view-more {
  position: static;
}
/* Roof Projects Single Page */
.work-detail .row {
  margin: 0 -45px;
}
.work-detail .roof-carousel {
  margin-bottom: 42px;
}
.work-detail .owl-drag .owl-dots {
  position: absolute;
  bottom: 20px;
  left: 0;
  width: 100%;
  padding: 0;
  z-index: 1;
}
.work-detail .owl-drag .owl-dot {
  background: rgba(255, 255, 255, 0.5);
}
.work-detail .owl-drag .owl-dot.active {
  background: rgba(255, 255, 255, 1);
}
.work-detail .square-bullets {
  padding: 0 0 16px 20px;
}
.work-description {
  padding-bottom: 32px;
}
.work-detail-wrap {
  padding: 45px 30px 0;
  background: #f7f7f7;
}
.work-info-item {
  display: inline-block;
  vertical-align: top;
  width: 48%;
  padding: 0 15px 37px;
}
.work-info-item .roof-icon {
  float: left;
}
.work-info-item .icons {
  color: #eeb313;
  font-size: 19px;
}
.right-info {
  display: block;
  overflow: hidden;
  padding-left: 13px;
}
.right-info h6 {
  font-size: 13px;
}
.right-info .info-label {
  margin-bottom: 3px;
  font-weight: 600;
  letter-spacing: 0.4px;
  text-transform: uppercase;
}
.right-info .info-label:after {
  content: ":";
}
.right-info .info-sub-label {
  margin-bottom: 3px;
  color: #888888;
  font-weight: 500;
  letter-spacing: 0.3px;
}
.right-info .info-sub-label a {
  color: #888888;
}
/* Roof Blog Page */
/* Blog Post */
.sidebar-right .roof-primary {
  float: left;
}
.sidebar-right .roof-secondary {
  padding: 0 15px 0 25px;
}
.widget-title {
  margin-bottom: 18px;
  font-weight: 700;
  font-size: 18px;
  letter-spacing: 0.2px;
}
.widget_search form {
  position: relative;
}
.widget_search form input[type="text"] {
  padding-right: 65px;
  margin: 0;
}
.widget_search form input[type="submit"] {
  position: absolute;
  bottom: 0;
  right: 0;
  top: 0;
  min-width: 55px;
  height: 45px;
  padding: 0;
  background-color: transparent;
  background-image: url(../images/icon41.html);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 16px auto;
  z-index: 1;
}
.tagcloud a {
  padding-right: 15px;
}
.recent-post {
  display: block;
  overflow: hidden;
  clear: both;
  padding-bottom: 20px;
  margin-bottom: 20px;
  border-bottom: 1px solid #ececec;
}
.recent-post:last-child {
  padding-bottom: 12px;
}
.recent-post .roof-picture {
  float: right;
}
.post-info {
  display: block;
  overflow: hidden;
  padding-right: 15px;
}
.post-info .post-title {
  margin-bottom: 4px;
  font-weight: 600;
  font-family: 'Droid Arabic Kufi', sans-serif;
  line-height: 22px;
  letter-spacing: 0.2px;
}
.post-info .post-time {
  padding-left: 21px;
  color: #888888;
  font-family: 'Droid Arabic Kufi', sans-serif;
  font-weight: 600;
  font-size: 13px;
  position: relative;
}
.post-info .post-time:before {
  position: absolute;
  top: 3px;
  left: 1px;
  font: normal normal normal 13px/1 FontAwesome;
  text-rendering: auto;
  content: "\f017";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  z-index: 1;
}
.blog-item {
  padding: 0 0 50px 110px;
  margin-bottom: 50px;
  border-bottom: 1px solid #ececec;
  position: relative;
}
.blog-links-wrap {
  position: absolute;
  top: 0;
  left: 0;
  width: 80px;
  font-family: 'Droid Arabic Kufi', sans-serif;
  text-align: center;
  z-index: 1;
}
.blog-link {
  border-top: 1px solid #ececec;
  border-left: 1px solid #ececec;
  border-right: 1px solid #ececec;
}
.blog-link:last-child {
  border-bottom: 1px solid #ececec;
}
.blog-link h2 {
  line-height: 38px;
}
.blog-link h6 {
  font-size: 13px;
}
.blog-link .blog-date {
  margin-bottom: 5px;
  color: #eeb313;
  font-weight: 600;
  letter-spacing: 0.2px;
  -webkit-transition: all ease .3s;
  -ms-transition: all ease .3s;
  transition: all ease .3s;
}
.blog-link .link-title {
  margin-bottom: 0;
  color: #999999;
  font-weight: 400;
  -webkit-transition: all ease .3s;
  -ms-transition: all ease .3s;
  transition: all ease .3s;
}
.link-inner {
  padding: 10px 10px 16px;
  background: #ffffff;
  position: relative;
  -webkit-transition: all ease .3s;
  -ms-transition: all ease .3s;
  transition: all ease .3s;
  z-index: 2;
}
.blog-link.share .link-inner {
  padding: 18px 10px 15px;
  cursor: pointer;
}
.blog-link.share.hover .link-inner {
  background: #fbfbfb;
  color: #eeb313;
}
.blog-link.share.hover .link-inner > .link-title {
  color: #eeb313;
}
.blog-link.share.hover .share-links {
  top: 100%;
  bottom: 1px;
  opacity: 1;
  visibility: visible;
}
.blog-link.share.hover .share-links.style-two {
  top: auto;
  bottom: 0;
  left: 100%;
}
.blog-link.share .icons {
  display: block;
  margin-bottom: 9px;
  font-size: 26px;
}
.share-links {
  position: absolute;
  top: 1px;
  bottom: 0;
  left: -1px;
  right: -1px;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all ease .3s;
  -ms-transition: all ease .3s;
  transition: all ease .3s;
  z-index: 1;
}
.share-links a {
  display: block;
  padding: 24px 10px 19px;
  background: #ffffff;
  color: #999999;
  border-bottom: 1px solid #ececec;
  border-left: 1px solid #ececec;
  border-right: 1px solid #ececec;
}
.share-links a:hover, .share-links a:hover .link-title {
  color: #eeb313;
}
.share-links a .fa {
  display: block;
  margin-bottom: 3px;
  font-size: 22px;
}
.share-links.style-two {
  top: auto;
  left: 0;
  right: auto;
  width: 1000%;
}
.share-links.style-two a {
  float: left;
  min-width: 80px;
  border-top: 1px solid #ececec;
  border-right: none;
}
.share-links.style-two a:first-child {
  border-left: none;
}
.share-links.style-two a:last-child {
  border-right: 1px solid #ececec;
}
.blog-info {
  padding-top: 30px;
}
.blog-info p {
  color: #777777;
  font-size: 15px;
  line-height: 26px;
  letter-spacing: 0.1px;
}
.blog-info h3 {
  font-size: 24px;
  font-weight: 700;
}
.blog-info h6 {
  font-size: 14px;
}
.blog-meta {
  margin-bottom: 13px;
  color: #888888;
  font-family: 'Droid Arabic Kufi', sans-serif;
  font-weight: 400;
}
.blog-meta span:after {
  padding: 0 3px;
  color: #cccccc;
  line-height: 18px;
  content: " | ";
}
.blog-meta span:last-child:after {
  content: "";
}
.blog-meta a {
  color: #888888;
}
.blog-meta .meta-author a {
  color: #eeb313;
}
.blog-meta .meta-author a:hover {
  color: #232323;
}
.blog-title {
  margin-bottom: 14px;
  font-weight: 500;
}
.blog-info .roof-btn {
  padding: 10px 20px 9px;
  margin-top: 23px;
  font-size: 13px;
}

.roof-pagination {
  vertical-align: middle;
  padding-top: 30px;
  font-family: 'Droid Arabic Kufi', sans-serif;
  font-weight: 600;
  font-size: 13px;
  letter-spacing: 0.5px;
  line-height: 24px;
  text-transform: uppercase;
  text-align: center;
}
.roof-pagination a, .roof-pagination span {
  display: inline-block;
  vertical-align: middle;
  padding: 6px 14px;
  margin: 0 2px 6px;
  border: 2px solid #e5e5e5;
}
.roof-pagination a.prev, .roof-pagination a.next {
  padding: 6px 27px;
}
.roof-pagination a:hover, .roof-pagination a:focus {
  background: #eeb313;
  color: #232323;
  border-color: #eeb313;
}
.roof-pagination span {
  background: #eeb313;
  color: #232323;
  border-color: #eeb313;
}
/* Roof Blog Single Page */
/* Roof Unit Fix */
/* Single Post Page */
.roof-unit-fix {
  word-wrap: break-word;
}
.comment-form .roof-form-textarea.no-padding-right {
  padding: 0 10px;
}
.comment-form .roof-fix.row.input-group {
  width: 100%;
  margin: 0 auto;
}
.roof-unit-fix ul, .roof-unit-fix ol {
  padding-left: 14px;
}
.roof-unit-fix img {
  height: auto;
}
.roof-unit-fix .comments-area > ol, .roof-unit-fix .comments-area > ul {
  padding: 0;
}
.roof-blog-detail h1, .roof-blog-detail h2, .roof-blog-detail h3, .roof-blog-detail h4, .roof-blog-detail h5, .roof-blog-detail h6 {
  margin-bottom: 15px;
  font-weight: 500;
}
.roof-blog-detail .blog-picture {
  padding-bottom: 30px;
}

.roof-blog-detail .roof-social a {
  width: auto;
  height: auto;
  margin: 0 0 0 15px;
  background: none;
  line-height: 1.42857143;
}
.roof-blog-detail .roof-social a:hover {
  color: #eeb313;
}
.roof-blog-detail .comment-reply-title {
  margin-bottom: 25px;
  font-weight: 700;
  font-size: 22px;
}
.blog-detail-wrap {
  padding-left: 110px;
  position: relative;
  
}
.blog-detail-wrap p {
  margin-bottom: 20px;
  font-size: 15px;
  line-height: 26px;
  letter-spacing: 0.1px;
  font-family: 'Droid Arabic Kufi',Arial;
  color:#000;
}
.blog-detail-wrap ul li, .blog-detail-wrap ol li {
  padding-bottom: 8px;
}
.blog-detail-wrap ul li:last-child, .blog-detail-wrap ol li:last-child {
  padding-bottom: 0;
}
.blog-detail-wrap li ul:first-child, .blog-detail-wrap li ol:first-child {
  padding-top: 8px;
}
.blog-detail-wrap blockquote {
  margin: 30px 0;
}
.blog-detail-wrap blockquote p {
  margin-bottom: 10px;
  font-size: 16px;
  letter-spacing: 0.3px;
  font-family: 'Droid Arabic Kufi', Arial;
}
.roof-blog-meta {
  display: block;
  overflow: hidden;
  clear: both;
  padding: 5px 0 32px;
  font-size: 13px;
  letter-spacing: 0.1px;
  text-transform: uppercase;
}
.roof-blog-tags ul {
  padding: 0;
  margin: 0;
  list-style: none;
  float: right;
  font-family: 'Droid Arabic Kufi', Arial;
}
.roof-blog-tags ul li {
  display: inline-block;
  font-family: 'Droid Arabic Kufi', Arial;
  
}
.roof-blog-tags ul li span {
  display: inline-block;
  padding-right: 5px;
  font-weight: 600;
  font-family: 'Droid Arabic Kufi', Arial;
}
.roof-blog-tags ul li a {
  display: inline-block;
  padding: 6px 20px 8px;
  margin: 0 0 8px 5px;
  font-family: 'Droid Arabic Kufi', Arial;
  text-transform: none;
  border: 1px solid #e8e8e8;
}

.roof-blog-tags ul li a:hover, .roof-blog-tags ul li a:focus {
  background: #eeb313;
  color: #232323;
  border-color: #eeb313;
}
.roof-blog-share {
  float: right;
  width: 50%;
  padding-top: 8px;
  text-align: right;
}
.roof-more-posts {
  display: block;
  overflow: hidden;
  clear: both;
  padding: 22px 0 24px;
  font-weight: 500;
  font-size: 15px;
  border-top: 1px solid #ececec;
  border-bottom: 1px solid #ececec;
}
.roof-blog-detail .roof-more-posts a {
  color: #999999;
}
.roof-blog-detail .roof-more-posts a:hover {
  color: #232323;
}
.roof-more-posts .pull-left .fa {
  margin-right: 12px;
}
.roof-more-posts .pull-right .fa {
  margin-left: 12px;
}
.roof-author-info {
  padding: 35px 35px 30px;
  margin-top: 40px;
  background: #fbfbfb;
  border: 1px solid #ececec;
}
.roof-author-info .roof-social a {
  width: auto;
  height: auto;
  margin: 0 15px 0 0;
  background: none;
  line-height: 1.42857143;
  font-size: 16px;
}
.author-avatar {
  float: left;
}
.author-avatar img {
  object-fit: cover;
  -webkit-border-radius: 100%;
  border-radius: 100%;
}
.avatar-72 {
  width: 72px;
  height: 72px;
}
.author-content {
  display: block;
  overflow: hidden;
  padding-left: 28px;
}
.author-content p {
  margin-bottom: 10px;
}
.author-content .author-pro {
  display: block;
  color: #777777;
  font-family: 'Droid Arabic Kufi', sans-serif;
  font-weight: 500;
  font-size: 11px;
  line-height: 24px;
  text-transform: uppercase;
}
.author-content .author-name {
  display: inline-block;
  margin-bottom: 10px;
  font-weight: 600;
  font-size: 18px;
  line-height: 24px;
}
.roof-comments-area {
  padding-left: 110px;
}
.roof-comments-area .comments-title {
  margin-bottom: 50px;
  font-weight: 700;
  font-size: 22px;
}
.roof-comments-area ul, .roof-comments-area ol {
  padding: 0;
  margin: 0;
  list-style: none;
}
.roof-comments-area .comments li {
  display: block;
  overflow: hidden;
  clear: both;
  width: 100%;
}
.comment-area ul, .roof-comments-area ol {
  padding-left: 14px;
  margin: 0;
  list-style: circle;
}
.comment-area ul ul {
  list-style-type: square;
}
.comment-area ol {list-style-type: decimal;}
.roof-comments-area .comment-area li{
  display: list-item;
  overflow: visible;
}

.roof-comments-area .comments li .comment-awaiting-moderation {
  margin-bottom: 10px;
  display: inline-block;
}
.roof-comments-area .comments li .children {
  display: block;
  overflow: hidden;
  clear: both;
}
.roof-comments-area .comments li .children li {
  padding-left: 50px;
}
.roof-comments-area.comments-area .comments li > div {
  display: block;
  overflow: hidden;
  clear: both;
  padding-bottom: 25px;
  margin-bottom: 40px;
  border-bottom: 1px solid #ececec;
}
.roof-comments-area .comment-image {
  float: left;
}
.roof-comments-area .comment-image img {
  -webkit-border-radius: 100%;
  border-radius: 100%;
}
.roof-comments-area .comment-main-area {
  display: block;
  overflow: hidden;
  padding: 5px 0 0 28px;
}
.roof-comments-area .pingback .comment-main-area {padding-left: 0;}
.roof-comments-area .comment-wrapper p {
  margin-bottom: 8px;
  line-height: 24px;
}
.roof-comments-area .roof-comments-meta {
  margin-bottom: 8px;
  position: relative;
}
.roof-comments-area .roof-comments-meta h4 {
  margin: 0 90px 3px 0;
}
.roof-comments-area .roof-comments-meta .comments-date {
  color: #666666;
  font-family: 'Droid Arabic Kufi', sans-serif;
  font-size: 14px;
}
.roof-comments-area .roof-comments-meta .comments-reply a {
  position: absolute;
  top: 0;
  right: 0;
  padding: 6px 20px 5px;
  background: #f0f0f0;
  color: #222222;
  font-weight: 500;
  font-size: 12px;
  text-transform: uppercase;
  z-index: 1;
}
.roof-comments-area .roof-comments-meta .comments-reply a:hover {
  background: #ffb618;
}
.comments-section {
  padding: 45px 0 10px;
}
.roof-comment-form {
  padding-bottom: 20px;
}
.roof-comment-form form label {
  margin-bottom: 14px;
  font-size: 16px;
  letter-spacing: -0.1px;
}
.roof-comment-form input[type="submit"] {
  min-width: 170px;
  padding: 12px 24px;
  font-weight: 600;
  font-size: 12px;
  letter-spacing: 0.5px;
}
.roof-form-textarea textarea {
  height: 180px;
  padding: 15px 20px;
}
.roof-comment-form input::placeholder,
.roof-comment-form textarea::placeholder {
    color: #888888 !important;
}
.form-submit {
  padding-top: 20px;
}
#cancel-comment-reply-link {
  float: right;
  font-size: 20px;
  padding: 4px 0 0;
}
.entry-content img {
  height: auto;
}
.entry-content .comment-author {
  margin: 0;
}
.entry-content .comment-respond {
  padding-top: 10px;
}
.entry-content .comment-respond .comment-reply-title {
  margin-bottom: 10px;
}
.entry-content .avatar {
  -webkit-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
}
.entry-content dt {
  margin-bottom: 5px;
}
.entry-content dd {
  margin-bottom: 15px;
}
.entry-content .comment-metadata {
  margin-bottom: 20px;
  font-size: 14px;
  line-height: 18px;
}
.entry-content .comment-metadata a:hover,
.entry-content .comment-metadata a:focus,
.entry-content .pingback .comment-edit-link:hover,
.entry-content .pingback .comment-edit-link:focus {
  color: #4c4c4c;
}
.entry-content .comment-list p {
  margin-bottom: 10px;
  font-size: 15px;
  line-height: 24px;
}
.entry-content .comment-list .comment-reply-link {
  display: inline-block;
  padding: 0 14px;
  background: #222222;
  color: #ffffff;
  font-weight: 700;
  font-size: 11px;
  line-height: 24px;
  letter-spacing: 0.3px;
  text-transform: uppercase;
  border: none;
  -webkit-border-radius: 0;
  border-radius: 0;
}
.entry-content .comment-list .comment-reply-link:hover,
.entry-content .comment-list .comment-reply-link:focus {
  background: #e8e8e8;
  color: #777777;
}
.entry-content .comment-meta .comment-author .avatar {
  height: 42px;
  width: 42px;
}
.entry-content .comment-author .avatar {
  height: 42px;
  position: relative;
  top: 0.25em;
  width: 42px;
}
.entry-content .comment-author .avatar {
  float: left;
  height: 28px;
  margin-right: 0.875em;
  position: relative;
  width: 28px;
}
.entry-content .comment-list {
  padding: 0;
  margin: 0;
  list-style: none;
}
.entry-content .comment-list article,
.entry-content .comment-list .pingback,
.entry-content .comment-list .trackback {
  border-top: 1px solid #d1d1d1;
  padding: 1.75em 0;
}
.entry-content .comment-list .children {
  list-style: none;
  margin: 0;
}
.entry-content .comment-list .children > li {
  padding-left: 0.875em;
}
.entry-content .comment-author {
  color: #1a1a1a;
  margin-bottom: 0;
}
.entry-content .comment-author .avatar {
  float: left;
  height: 28px;
  margin-right: 0.875em;
  position: relative;
  width: 28px;
}
.entry-content .bypostauthor > article .fn:after {
  content: "\f304";
  left: 3px;
  position: relative;
  top: 5px;
}
.entry-content .comment-metadata,
.entry-content .pingback .edit-link {
  color: #686868;
  font-size: 13px;
  font-size: 0.8125rem;
  line-height: 1.6153846154;
}
.entry-content .comment-metadata {
  margin-bottom: 15px;
  font-size: 15px;
}
.entry-content .comment-metadata a,
.entry-content .pingback .comment-edit-link {
  color: #686868;
}
.entry-content .comment-metadata a:hover,
.entry-content .comment-metadata a:focus,
.entry-content .pingback .comment-edit-link:hover,
.entry-content .pingback .comment-edit-link:focus {
  color: #686868;
}
.entry-content .comment-metadata .edit-link,
.entry-content .pingback .edit-link {
  display: inline-block;
}
.entry-content .comment-metadata .edit-link:before,
.entry-content .pingback .edit-link:before {
  content: "\002f";
  display: inline-block;
  opacity: 0.7;
  padding: 0 0.538461538em;
}
.entry-content .comment-content ul,
.entry-content .comment-content ol {
  margin: 0 0 1.5em 1.25em;
}
.entry-content .comment-content li > ul,
.entry-content .comment-content li > ol {
  margin-bottom: 0;
}
.entry-content .comment-reply-link {
  border: 1px solid #d1d1d1;
  border-radius: 2px;
  color: #007acc;
  display: inline-block;
  font-size: 13px;
  font-size: 0.8125rem;
  line-height: 1;
  margin-top: 2.1538461538em;
  padding: 0.5384615385em 0.5384615385em 0.4615384615em;
}
.entry-content .comment-reply-link:hover,
.entry-content .comment-reply-link:focus {
  border-color: currentColor;
  color: #007acc;
  outline: 0;
}
.entry-content .comment-form label {
  color: #686868;
  display: inline-block;
  font-size: 13px;
  font-size: 12px;
  letter-spacing: 0.076923077em;
  line-height: 1.6153846154;
}
.entry-content .comment-list .comment-form {
  padding-bottom: 1.75em;
}
.entry-content .comment-notes,
.entry-content .comment-awaiting-moderation,
.entry-content .logged-in-as,
.entry-content .form-allowed-tags {
  color: #686868;
  font-size: 15px;
  margin-bottom: 20px;
}
.entry-content .no-comments {
  border-top: 1px solid #d1d1d1;
  font-weight: 700;
  margin: 0;
  padding-top: 1.75em;
}
/* Roof Shop Page */
.woocommerce .widget-title {
  font-size: 14px;
  letter-spacing: 0.3px;
}
.woocommerce input[type="range"] {
  margin-bottom: 0;
}
.woocommerce ul.products li a.added_to_cart.wc-forward{
  display: none;
}
.woocommerce ul.products li.product.hover a.added_to_cart.wc-forward {
    opacity: 1;
}
.woocommerce ul.products li.hover a.added_to_cart.wc-forward {
  display: block;
  position: absolute;
  bottom: 0;
  min-width: 150px;
  width: 100%;
  padding: 18px 25px 18px;
  background: rgba(42, 47, 53, 0.75);
  color: #fff;
  font-weight: 600;
  font-size: 13px;
  text-transform: uppercase;
  line-height: 1.42857;
  white-space: normal;
  text-align: center;
  border: 1px solid transparent;
  outline: none;
  cursor: pointer;
  -webkit-transition: all ease .3s;
  -ms-transition: all ease .3s;
  transition: all ease .3s;
}
.woocommerce ul.products li.hover a.added_to_cart.wc-forward:hover{
  background: rgba(238, 179, 19, 0.75);
}

.woocommerce ul.products li a.ajax_add_to_cart.added {
  display: none;
}

.rangeSlider {
  height: 5px;
  margin-bottom: 40px;
  background: #f7f7f7;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.rangeSlider__handle {
  top: -8px;
  width: 20px;
  height: 20px;
  background: #ffffff;
  border-color: #d4d4d4;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.rangeSlider__handle:after {
  width: 6px;
  height: 6px;
  background: #d4d4d4;
}
.rangeSlider__fill {
  background: #f30c74;
  height: 5px;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.rangeSlider__buffer {
  display: none;
}
.price-filter .range-value {
  float: right;
  padding-top: 5px;
  color: #777777;
  letter-spacing: 1px;
}
.price-filter .range-value output {
  display: inline-block;
  padding-top: 0;
  color: #777777;
}
.woocommerce .price-filter button {
  float: left;
  padding: 9px 20px;
  background: #1c1c24;
  color: #ffffff;
  font-weight: 500;
  font-size: 12px;
  letter-spacing: 1px;
  border-radius: 0;
  -webkit-transition: all ease .3s;
  -ms-transition: all ease .3s;
  transition: all ease .3s;
}
.woocommerce .price-filter button:hover, .woocommerce .price-filter button:focus {
  background: #f30c74;
  color: #ffffff;
}
.woocommerce .woocommerce-result-count, .woocommerce-page .woocommerce-result-count {
  margin: 10px 0 0;
  color: #aaaaaa;
  font-weight: 600;
}
.woocommerce .woocommerce-ordering, .woocommerce-page .woocommerce-ordering {
  margin-bottom: 0;
}
.woocommerce .woocommerce-ordering select {
  width: 200px;
  height: 45px;
  padding: 10px 55px 10px 15px;
  margin-bottom: 0;
  color: #aaaaaa;
  background-image: url(../images/icon43.html);
  background-size: contain;
  font-size: 13px;
  border-width: 2px;
}
.woocommerce ul.products {
  padding-top: 40px;
}
.woocommerce.woo-col-3 ul.products li.product, .woocommerce-page ul.products li.product {
  float: none;
  display: inline-block;
  vertical-align: top;
  width: 31%;
  margin: 0 3% 50px 0;
  text-align: center;
}
.woocommerce.woo-col-4 ul.products li.product, .woocommerce-page ul.products li.product{
  width: 21%;
}
.woocommerce ul.products li.product .star-rating {
  margin-left: auto;
  margin-right: auto;
}
.woocommerce p.stars.selected a.active~a:before {
  content: "\e021";
  color: #232323;
}
.woocommerce p.stars.selected a:not(.active):before {
  content: "\e020";
  color: #eeb313;
}
.woocommerce.woo-col-3 ul.products li.product.last, .woocommerce-page.woo-col-3 ul.products li.product.last, .woocommerce.woo-col-3 ul.products li.product:nth-child(3n), .woocommerce-page.woo-col-3 ul.products li.product:nth-child(3n) {
  margin-right: 0;
}
.woocommerce span.onsale {
  height: 45px;
  width: 45px;
  background: #eeb313;
  z-index: 1;
}
.woocommerce ul.products li.product h3 {
  padding: 0 0 4px;
  font-weight: 700;
  font-size: 14px;
  position: relative;
}
.woocommerce ul.products li.product .woo-prdt-img{
  position: relative;
  margin-bottom: 20px;
}
.woocommerce ul.products li.product .button {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 100%;
  padding: 17px 20px 15px;
  margin-top: 0;
  background: rgba(42, 47, 53, 0.75);
  font-weight: 700;
  color: #ffffff;
  font-size: 13px;
  line-height: 1.42857;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  opacity: 0;
  border-radius: 0;
  z-index: 1;
}
.woocommerce ul.products li.product.hover .button {
  opacity: 1;
}
.woocommerce ul.products li.product .button:hover,
.woocommerce ul.products li.product .button:focus {
  background: rgba(238, 179, 19, 0.75);
}
.woocommerce .related.products {
  padding-top: 70px;
}
.woocommerce .related-product-title {
  margin-bottom: 0;
  font-weight: 500;
}
.woocommerce .related.products ul.products {
  margin-bottom: 0;
}
.woocommerce .related.products ul.products li.product, .woocommerce-page .related.products ul.products li.product {
  margin-bottom: 30px;
}
.woocommerce ul.cart_list li, .woocommerce ul.product_list_widget li {
  padding: 0 0 20px;
  margin-bottom: 20px;
  border-bottom: 1px solid #ececec;
}
.roof-widget.widget_products, .roof-widget.widget_top_rated_products, .roof-widget.widget_recent_reviews {
  padding-bottom: 0;
}
.woocommerce ul.cart_list li a img, .woocommerce ul.product_list_widget li a img {
  float: right;
  width: 70px;
  margin: 0 0 0 15px;
}
.woocommerce ul.cart_list li a, .woocommerce ul.product_list_widget li a {
  color: #888888;
  font-family: 'Droid Arabic Kufi', sans-serif;
  font-weight: 400;
  font-size: 14px;
}
.woocommerce ul.cart_list li a .product-title, .woocommerce ul.product_list_widget li a .product-title {
  display: block;
  overflow: hidden;
  padding-bottom: 8px;
}
.woocommerce ul.cart_list li a .star-rating, .woocommerce ul.product_list_widget li a .star-rating {
  font-size: 10px;
}
.woocommerce ul.cart_list .woocommerce-Price-amount {
  display: block;
  overflow: hidden;
  padding-top: 3px;
  color: #232323;
  font-size: 14px;
}
.woocommerce ul.products li.product .price {
  color: #555555;
  font-family: 'Droid Arabic Kufi', sans-serif;
  font-size: 14px;
  font-weight: 600;
}
.woocommerce ul.products li.product .price ins {
  font-weight: 500;
}
.woocommerce nav.woocommerce-pagination ul {
  vertical-align: middle;
  margin: 4px 0 0;
  font-family: 'Droid Arabic Kufi', sans-serif;
  font-weight: 600;
  font-size: 13px;
  letter-spacing: 0.5px;
  line-height: 24px;
  text-transform: uppercase;
  text-align: center;
  border: none;
}
.woocommerce nav.woocommerce-pagination ul li {
  border: none;
}
.woocommerce nav.woocommerce-pagination ul li a, .woocommerce nav.woocommerce-pagination ul li span {
  display: inline-block;
  vertical-align: middle;
  padding: 6px 14px;
  margin: 0 4px 8px;
  line-height: 24px;
  border: 2px solid #e5e5e5;
}
.woocommerce nav.woocommerce-pagination ul li a:hover, .woocommerce nav.woocommerce-pagination ul li a:focus {
  color: #222222;
  border-color: #ececec;
}
.woocommerce nav.woocommerce-pagination ul li a.prev, .woocommerce nav.woocommerce-pagination ul li a.next {
  padding: 6px 27px;
}
.woocommerce nav.woocommerce-pagination ul li a:focus,
.woocommerce nav.woocommerce-pagination ul li a:hover,
.woocommerce nav.woocommerce-pagination ul li span.current {
  background: #eeb313;
  color: #232323;
  border-color: #eeb313;
}
.woocommerce nav.woocommerce-pagination ul li span {
  background: #eeb313;
  color: #232323;
  border-color: #eeb313;
  -webkit-transition: all ease .3s;
  -ms-transition: all ease .3s;
  transition: all ease .3s;
}
.woocommerce .star-rating {
  height: 17px;
  font-size: 12px;
}
.woocommerce .star-rating span {
  color: #eeb313;
}
.woocommerce ul.products li.product a {
  display: block;
}
.woocommerce ul.products li.product a img {
  margin-bottom: 0;
}
.woocommerce .products .star-rating {
  margin-bottom: 3px;
}
.woocommerce .star-rating:before {
  color: #c3c3c3;
}
.woocommerce #content div.product div.images, .woocommerce div.product div.images, .woocommerce-page #content div.product div.images, .woocommerce-page div.product div.images {
  width: 51%;
  margin-bottom: 0;
}
.woocommerce div.product div.images div.thumbnails {
  padding-top: 10px;
}
.woocommerce #content div.product div.thumbnails a, .woocommerce div.product div.thumbnails a, .woocommerce-page #content div.product div.thumbnails a, .woocommerce-page div.product div.thumbnails a {
  width: 17.60%;
  margin: 0 3% 10px 0;
}
.woocommerce #content div.product div.summary, .woocommerce div.product div.summary, .woocommerce-page #content div.product div.summary, .woocommerce-page div.product div.summary {
  width: 49%;
  padding: 16px 0 0 40px;
  margin-bottom: 0;
}
.woocommerce div.product .product_title {
  margin-bottom: 3px;
  font-weight: 700;
  font-size: 22px;
  letter-spacing: 0.1px;
}
.woocommerce-product-rating .woocommerce-review-link {
  display: inline-block;
  vertical-align: middle;
  color: #888888;
  font-family: 'Droid Arabic Kufi', sans-serif;
  font-size: 13px;
}
.woocommerce .woocommerce-product-rating .star-rating {
  float: none;
  display: inline-block;
  vertical-align: middle;
  margin-right: 4px;
}
.woocommerce div.product p.price, .woocommerce div.product span.price {
  margin-bottom: 15px;
  color: #232323;
  font-weight: 500;
  font-size: 20px;
}
.woocommerce div.product p.price del, .woocommerce div.product span.price del {
  padding-right: 10px;
  font-size: 18px;
  text-decoration: none;
}
.woocommerce div.product p.price ins, .woocommerce div.product span.price ins {
  font-weight: 500;
  text-decoration: none;
}
.woocommerce div.product .woocommerce-product-rating {
  margin-bottom: 3px;
}
.woocommerce div.product form.cart, .woocommerce div.product p.cart {
  padding: 16px 0 30px;
  margin: 0;
}
.woocommerce div.product form.cart div.quantity {
  margin-right: 20px;
}
.woocommerce .quantity .qty {
  width: 60px;
  padding: 10px;
  margin-bottom: 0;
  background: #f7f7f7;
  color: #000000;
  font-weight: 400;
  border-color: #e7e7e7;
}
.woocommerce .quantity .qty:focus {
  border-color: #dcdcdc;
}
.woocommerce .quantity .qty:focus {
  -webkit-box-shadow: none;
  box-shadow: none;
}
.woocommerce div.product form.cart .button {
  -webkit-border-radius: 0;
  -ms-border-radius: 0;
  border-radius: 0;
}
.woocommerce #respond input#submit.alt,
.woocommerce-cart table.cart input.button,
.woocommerce a.button.alt, .woocommerce button.button.alt,
.woocommerce input.button.alt,
.woocommerce #review_form #respond .form-submit input,
.woocommerce #respond input#submit, .woocommerce a.button,
.woocommerce button.button, .woocommerce input.button {
  min-width: 150px;
  padding: 14px 25px 15px;
  background-color: #eeb313;
  color: #232323;
  font-size: 13px;
  text-transform: uppercase;
  line-height: 1.42857;
  white-space: normal;
  text-align: center;
  border: 1px solid transparent;
  outline: none;
  cursor: pointer;
  -webkit-transition: all ease .3s;
  -ms-transition: all ease .3s;
  transition: all ease .3s;
}
.woocommerce #respond input#submit.alt:hover,
.woocommerce #respond input#submit.alt:focus,
.woocommerce a.button.alt:hover,
.woocommerce a.button.alt:focus,
.woocommerce button.button.alt:hover,
.woocommerce button.button.alt:focus,
.woocommerce input.button.alt:hover,
.woocommerce input.button.alt:focus,
.woocommerce #review_form #respond .form-submit input:hover,
.woocommerce #review_form #respond .form-submit input:focus,
.woocommerce #respond input#submit:hover,
.woocommerce a.button:hover, .woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce #respond input#submit:focus,
.woocommerce a.button:focus, .woocommerce button.button:focus,
.woocommerce input.button:focus {
  background-color: #d59f0e;
  color: #232323;
}
.product_meta {
  color: #888888;
  font-family: 'Droid Arabic Kufi', sans-serif;
  font-size: 14px;
  letter-spacing: 0.1px;
}
.product_meta a {
  color: #888888;
}
.product_meta .posted_in span:after {
  content: " & ";
}
.product_meta span:last-child:after {
  content: "";
}
.sku_wrapper {
  padding-bottom: 5px;
  display: block;
}
.tagged_as {
  padding-top: 8px;
  display: block;
}
.tagged_as span:after {
  content: ", ";
}
.tagged_as span:after:last-child {
  content: "";
}
.woocommerce-tabs {
  padding-top: 35px;
}
.woocommerce div.product .woocommerce-tabs ul.tabs {
  padding-left: 0;
  margin-bottom: 30px;
}
.woocommerce div.product .woocommerce-tabs ul.tabs:before {
  border-color: #dedede;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li {
  float: left;
  padding: 0;
  margin: 0;
  background-color: #f7f7f7;
  border-color: #e6e6e6;
  border-right: none;
  position: relative;
  -webkit-border-radius: 0;
  border-radius: 0;
  z-index: 2;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.r-tabs-state-active {
  border-bottom-color: #ffffff;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li:last-child {
  border-right: 1px solid #e6e6e6;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li:before, .woocommerce div.product .woocommerce-tabs ul.tabs li:after {
  display: none;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.r-tabs-state-active a {
  background: #ffffff;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li a {
  padding: 12px 25px;
  background: #f7f7f7;
  color: #232323;
  font-weight: 600;
  font-size: 14px;
  letter-spacing: 0.1px;
}
.woocommerce div.product .woocommerce-tabs .panel {
  display: none;
  margin-bottom: 0;
  background: none;
  border: none;
  border-radius: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-animation: fadeIn 700ms;
  animation: fadeIn 700ms;
}
.woocommerce-Tabs-panel p {
  line-height: 26px;
  letter-spacing: 0;
}
.woocommerce-Tabs-panel h2 {
  margin-bottom: 28px;
  font-weight: 600;
  font-size: 18px;
  letter-spacing: -0.5px;
}
.woocommerce-Tabs-panel#tab-description h2 {
  margin-bottom: 9px;
}
.r-tabs .r-tabs-accordion-title {
  display: none;
}
.woocommerce #reviews #comments ol.commentlist {
  padding: 0 0 30px;
}
.woocommerce #reviews #comments ol.commentlist li {
  margin-bottom: 25px;
}
.woocommerce #reviews #comments ol.commentlist li img.avatar {
  position: static;
  width: auto;
  padding: 0;
  border: none;
  -webkit-border-radius: 0;
  -ms-border-radius: 0;
  border-radius: 0;
}
.woocommerce #reviews #comments ol.commentlist li .comment-text {
  overflow: hidden;
  padding: 0 0 0 20px;
  margin: 0;
  border: none;
  border-radius: 0;
}
.woocommerce #reviews #comments ol.commentlist li .comment-text p.meta {
  margin-bottom: 8px;
  color: #232323;
  font-weight: 300;
  font-size: 15px;
}
.woocommerce #reviews #comments ol.commentlist li .comment-text p.meta strong {
  font-weight: 600;
}
.woocommerce #reviews #comments ol.commentlist li .comment-text p.meta time {
  padding-left: 8px;
  color: #999999;
  font-size: 14px;
  letter-spacing: 0.3px;
}
.woocommerce #reviews #comments ol.commentlist li .comment-text p {
  margin-bottom: 10px;
  line-height: 22px;
}
.woocommerce #reviews #comments ol.commentlist li .comment-text .star-rating {
  float: none;
  font-size: 10px;
}
.woocommerce #reviews #comments ol.commentlist li .comment-text .description {
  padding-top: 15px;
}
.woocommerce #reviews h3 {
  margin-bottom: 5px;
  font-weight: 600;
  font-size: 18px;
}
.woocommerce #review_form #respond p {
  font-size: 14px;
}
.woocommerce.single-product #review_form #respond p.comment-form-rating {
  width: 75%;
  float: right;
  margin-top: 16px;
}
.woocommerce.single-product #review_form #respond p.comment-form-rating .stars{
  margin-top: 5px;
}
.woocommerce.single-product #review_form #respond p.comment-form-rating label{
  float: left;
  margin-right: 10px;
  margin-bottom: 0;
}
.woocommerce #review_form #respond p.comment-notes {
  margin-bottom: 40px;
}
.woocommerce #review_form #respond .comment-form-comment, .woocommerce #review_form #respond .comment-form-author, .woocommerce #review_form #respond .comment-form-email, .woocommerce #review_form #respond .form-submit {
  margin-bottom: 0;
}
.woocommerce #review_form #respond .comment-form-author, .woocommerce #review_form #respond .comment-form-email {
  float: left;
  width: 48%;
}
.woocommerce #review_form #respond input[type="text"], .woocommerce #review_form #respond input[type="email"], .woocommerce #review_form #respond textarea {
  margin-bottom: 30px;
  background: none;
  border-color: #e8e8e8;
}
.woocommerce #review_form #respond input[type="text"]:focus, .woocommerce #review_form #respond input[type="email"]:focus, .woocommerce #review_form #respond textarea:focus {
  border-color: #dbdbdb;
}
.woocommerce #review_form #respond .comment-form-email {
  float: right;
}
.woocommerce #review_form #respond p label {
  color: #888888;
  font-weight: 500;
  font-size: 14px;
  letter-spacing: -0.2px;
  text-transform: none;
}
.woocommerce #review_form #respond p.form-submit {
  padding-top: 0;
}
.woocommerce #review_form #respond p.form-submit input[type="submit"] {
  min-width: 200px;
  padding: 18px 25px;
  margin-right: 12px;
  -webkit-border-radius: 0;
  -ms-border-radius: 0;
  border-radius: 0;
}
.woocommerce #review_form #respond p.form-submit label {
  margin: 0 5px 0 0;
}
.woocommerce #review_form #respond p.form-submit select {
  width: 160px;
  margin-bottom: 0;
}
.woocommerce #review_form #respond p.form-submit .stars {
  display: inline-block;
  margin-bottom: 0;
  line-height: 18px;
}
.woocommerce #review_form #respond p.form-submit .stars a {
  color: #c3c3c3;
}
.woocommerce p.stars.selected a.active:before,
.woocommerce p.stars:hover a:before {
  color: #eeb313;
}
.woocommerce #reviews #comment {
  height: 140px;
  margin-bottom: 30px;
}
.required {
  top: 0;
  color: #888888;
  font-size: 14px;
}
/*Single product page*/
.woocommerce div.product div.images .flex-control-thumbs {
  overflow: hidden;
  zoom: 1;
  margin: 0;
  padding: 0;
}
.woocommerce div.product div.images .flex-control-thumbs li img {
  cursor: pointer;
  opacity: .5;
  margin: 0;
}
.woocommerce div.product div.images .flex-control-thumbs li img.flex-active, .woocommerce div.product div.images .flex-control-thumbs li img:hover {
  opacity: 1;
}
.woocommerce div.product div.images .flex-control-thumbs li {
  width: 25%;
  float: left;
  margin: 10px 10px 0 0;
  list-style: none;
}

/*Roof Order Received page*/
table.woocommerce-table.woocommerce-table--order-details.shop_table.order_details tbody tr td,
table.woocommerce-table.woocommerce-table--order-details.shop_table.order_details thead tr th,
.woocommerce .woocommerce-table--order-details tfoot tr td {
  text-align: center;
  padding: 20px 15px;
}
.woocommerce section.woocommerce-order-details h2 {
  font-size: 26px;
}
.woocommerce .woocommerce-table--order-details tfoot tr th,
.woocommerce .woocommerce-table--order-details tfoot tr td {
  background: #f7f7f7;
  color: #232323;
  padding: 20px 15px;
  border-top: 1px solid #ececec;
}
.woocommerce .woocommerce-table--order-details tfoot tr th,
table.woocommerce-table.woocommerce-table--order-details.shop_table.order_details tbody tr td:nth-child(odd){
  border-right: 1px solid #ececec;
}
table.woocommerce-table.woocommerce-table--customer-details.shop_table.customer_details tbody tr th,
table.woocommerce-table.woocommerce-table--customer-details.shop_table.customer_details tbody tr td{
  padding: 20px 15px;
  background: none;
  color: #232323;
}
table.woocommerce-table.woocommerce-table--customer-details.shop_table.customer_details tbody tr td{
  text-align: center;
}
table.woocommerce-table.woocommerce-table--customer-details.shop_table.customer_details tbody tr th{
  border-right: 1px solid #ececec;
}
.woocommerce address {
  font-style: italic;
  border: 1px solid #ececec;
  padding: 20px;
}
.woocommerce .order_details {
  margin: 25px 0 25px;
  list-style: none;
  border: 1px dashed #c3c3c3;
  padding-left: 0;
}
.woocommerce .order_details li{
  padding: 20px;
  border-right: 1px dashed #c3c3c3;
}

.woocommerce table.shop_table {
  margin: 0 0 60px;
  border-color: #ececec;
  border-collapse: collapse;
  border-radius: 0;
}
.woocommerce table.shop_table th {
  padding: 25px 40px;
  font-weight: 800;
  font-size: 13px;
  letter-spacing: 0.5px;
}
.woocommerce table.shop_table td {
  padding: 40px;
  border-color: #ececec;
}
.woocommerce table.shop_table td.product-thumbnail{
  padding: 0 0 0 14px;
}
.woocommerce a.remove {
  display: inline-block;
  vertical-align: middle;
  width: 1em;
  height: 1em;
  font-size: 1.5em !important;
  color: #323232 !important;
  position: relative;
  border-radius: 0;
}
.woocommerce a.remove:hover {
  background: none;
  color: #eeb313 !important;
}
.woocommerce a.remove:before, .woocommerce a.remove:after {
  position: absolute;
  top: -2px;
  left: 7px;
  width: 2px;
  height: 14px;
  background: #212121;
  content: "";
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  z-index: 1;
}
.woocommerce .roof-widget a.remove:before, .woocommerce .roof-widget a.remove:after{
  display: none;
}
.woocommerce a.remove:after {
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.woocommerce a.remove:hover:before,
.woocommerce a.remove:hover:after {
  background: #eeb313;
}
.woocommerce table.shop_table td.product-thumbnail {
  text-align: left;
}
.woocommerce table.shop_table td.product-thumbnail a {
  color: #222222;
  font-weight: 500;
  font-size: 15px;
}
.woocommerce table.shop_table td.product-thumbnail a img {
  margin-right: 16px;
}
.woocommerce-cart .woocommerce-cart-form table.shop_table td.product-thumbnail a img {
  width: 70px;
}
.woocommerce table.shop_table .quantity .qty {
  width: 75px;
  height: 55px;
  padding: 10px;
  font-weight: 500;
  font-size: 16px;
  border: 1px solid #ececec;
}
.woocommerce #content table.cart td.actions .input-text, .woocommerce-cart table.cart td.actions .coupon .input-text, .woocommerce-page #content table.cart td.actions .input-text, .woocommerce-page table.cart td.actions .input-text {
  float: left;
  width: 240px;
  margin: 0 15px 0 0;
  font-size: 15px;
  letter-spacing: 0.3px;
}
.woocommerce-cart table.cart td.actions .coupon .input-text{
  padding: 10px 20px;
}
.coupon input::placeholder {
  color: #888888 !important;
}
.woocommerce .cart .actions .coupon input[type="submit"] {
  float: left;
  min-width: 157px;
  font-weight: 600;
  letter-spacing: 0.5px;
  -webkit-border-radius: 2px;
  -ms-border-radius: 2px;
  border-radius: 2px;
}
.woocommerce .cart .actions input[type="submit"].update-cart {
  min-width: 170px;
  padding: 14px 25px 15px;
  font-weight: 600;
  letter-spacing: 0.5px;
}
.woocommerce .cart .actions input[type="submit"]:disabled,
.woocommerce .cart .actions button[type="submit"]:disabled {
  background-color: transparent;
  color: #232323;
  border-color: #d0d0d0;
  padding: 15px 25px 15px;
  opacity: 1;
}
.woocommerce .cart-collaterals .cart_totals, .woocommerce-page .cart-collaterals .cart_totals {
  float: left;
  width: 450px;
}
.cart_totals h2 {
  margin-bottom: 40px;
  font-size: 15px;
  letter-spacing: 0px;
  text-transform: uppercase;
  font-weight: 600;
}
.woocommerce .cart_totals table.shop_table {
  margin-bottom: 40px;
}
.woocommerce .cart_totals table.shop_table th {
  min-width: 160px;
  padding: 15px 35px;
  background: none;
  color: #232323;
  font-family: 'Droid Arabic Kufi', sans-serif;
  font-weight: 500;
  font-size: 14px;
  text-transform: none;
  vertical-align: top;
  border-color: #ececec;
}
.woocommerce .cart_totals table.shop_table td {
  padding: 15px 35px;
  font-family: 'Droid Arabic Kufi', sans-serif;
  font-weight: 500;
  font-size: 14px;
  text-transform: none;
  vertical-align: top;
}
.woocommerce .cart_totals table.shop_table tr.shipping td {
  padding: 15px 40px 40px;
}
.woocommerce .cart_totals .shipping span {
  display: inline-block;
  padding-bottom: 8px;
  color: #777777;
}
.shipping-calculator-form span {
  width: 100%;
}

.woocommerce .cart_totals .shipping .woocommerce-shipping-calculator span {
  padding-bottom: 0;
}
.woocommerce .cart_totals .shipping a {
  display: inline-block;
  margin-bottom: 15px;
  text-decoration: none;
  border-bottom: 1px dotted #7b7b7b;
  color: #7b7b7b;
}
.woocommerce .cart_totals .shipping a:hover {
  text-decoration: none;
  border-bottom: none;
  border-bottom: 1px dotted #eeb313;
  color: #eeb313;
}

.woocommerce .cart_totals .shipping select {
  height: 40px;
  padding: 5px 30px 5px 15px;
  margin-bottom: 12px;
}
.woocommerce .cart_totals .shipping button[type="text"] {
  height: 40px;
  padding: 5px 15px;
}
.woocommerce .cart_totals .shipping button[type="submit"] {
  width: 100%;
  padding: 10px 15px;
  font-family: 'Droid Arabic Kufi', sans-serif;
  font-weight: 600;
  background-color: #f0f0f0;
  color: #232323;
}
.woocommerce .cart_totals .shipping button[type="submit"]:hover,
.woocommerce .cart_totals .shipping button[type="submit"]:focus {
  background-color: #eeb313;
  color: #ffffff;
}
.woocommerce .cart_totals table.shop_table .order-total th, .woocommerce .cart_totals table.shop_table strong {
  font-weight: 600;
  font-size: 18px;
}
.woocommerce .wc-proceed-to-checkout .button.alt {
  float: right;
  min-width: 230px;
  padding: 13px 25px;
  background-color: #292e34;
  color: #ffffff;
  font-weight: 800;
  font-size: 12px;
  letter-spacing: 0.5px;
  -webkit-border-radius: 2px;
  -ms-border-radius: 2px;
  border-radius: 2px;
}
.woocommerce .wc-proceed-to-checkout .button.alt:hover,
.woocommerce .wc-proceed-to-checkout .button.alt:focus {
  background-color: #eeb313;
  color: #ffffff;
}
/* Roof Checkout Page */
.woocommerce-checkout #payment .payment_method_paypal .about_paypal {
  line-height: 28px;
  margin-left: 10px;
}
.woocommerce-error, .woocommerce-info, .woocommerce-message {
  padding: 15px 20px 16px !important;
  margin-bottom: 30px !important;
  color: #232323;
  font-weight: 500;
  font-size: 14px;
  letter-spacing: 0.2px;
  border: 1px solid #ececec;
  -webkit-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px;
}
.woocommerce-checkout .select2-container--default .select2-selection--single,
.woocommerce-account .select2-container--default .select2-selection--single,
.woocommerce-cart .select2-container--default .select2-selection--single {
  height: 50px;
  border: 1px solid #ececec;
  margin-bottom: 15px;
  border-radius: 0;
  padding: 10px 30px 10px 20px;
  background-image: url(../images/icon29.html);
  background-position: 100% 50%;
  background-repeat: no-repeat;
  background-size: 24px auto;
}
.woocommerce-cart .shipping-calculator-form span.dropdown-wrapper {
  display: none;
}
.woocommerce form .shipping-calculator-form .form-row input#calc_shipping_city {
  margin-bottom: 15px;
}
.woocommerce-checkout .select2-container--default .select2-selection--single .select2-selection__arrow,
.woocommerce-account .select2-container--default .select2-selection--single .select2-selection__arrow,
.woocommerce-cart .select2-container--default .select2-selection--single .select2-selection__arrow {
  top: 13px;
  right: 8px;
}
.woocommerce-checkout .select2-container--default .select2-selection--single .select2-selection__arrow b,
.woocommerce-account .select2-container--default .select2-selection--single .select2-selection__arrow b,
.woocommerce-cart .select2-container--default .select2-selection--single .select2-selection__arrow b {
  display: none;
}
.woocommerce-checkout .select2-dropdown,
.woocommerce-account .select2-dropdown {
  border: 1px solid #ececec;
  border-top: none;
}
.select2-container .select2-selection--single .select2-selection__rendered{
  padding-left: 0;
}
.woocommerce-error:before, .woocommerce-info:before, .woocommerce-message:before {
  display: none;
}
.woocommerce form.checkout_coupon, .woocommerce form.login, .woocommerce form.register {
  padding: 0;
  border: none;
  border-radius: 0;
}
.woocommerce form .form-row-first, .woocommerce form .form-row-last, .woocommerce-page form .form-row-first, .woocommerce-page form .form-row-last {
  width: 49.2%;
}
.woocommerce form .form-row {
  padding: 0;
  margin: 0;
}
.woocommerce form .form-row label, .woocommerce-page form .form-row label {
  font-size: 14px;
  line-height: 1.42857;
}
.woocommerce form .form-row .required {
  color: #aaaaaa;
  font-weight: 400;
}
.woocommerce form .form-row input.input-text, .woocommerce form .form-row select, .woocommerce form .form-row textarea {
  margin-bottom: 25px;
  font-size: 14px;
  color: #999999;
}
.woocommerce form .form-row input.button {
  min-width: 120px;
  padding: 14px 30px 15px;
  letter-spacing: 0.2px;
  -webkit-border-radius: 2px;
  -ms-border-radius: 2px;
  border-radius: 2px;
}
.woocommerce form .form-row label.inline {
  display: inline-block;
  vertical-align: middle;
  margin: 0 0 0 12px;
}
.woocommerce form .wpcf7-list-item-label {
  color: #232323;
  font-weight: 400;
}
.woocommerce form .lost_password {
  padding-top: 22px;
}
.woocommerce-checkout form.woocomerce-form.woocommerce-form-login.login p:first-child {
  margin-bottom: 20px;
  color: #777777;
  font-family: 'Droid Arabic Kufi', sans-serif;
  letter-spacing: 0.2px;
}
.woocommerce form.checkout_coupon input.input-text {
  float: left;
  width: 240px;
  margin-bottom: 0;
  font-weight: 500;
  font-size: 14px;
}
.woocommerce form.checkout_coupon input.button {
  float: left;
  margin-left: 15px;
  background-color: #292e34;
  color: #ffffff;
}
.woocommerce form.checkout_coupon input.button:hover, .woocommerce form.checkout_coupon input.button:focus {
  background-color: #1d2126;
}
.woocommerce-checkout .woocommerce-checkout {
  padding-top: 24px;
}
.woocommerce-checkout h3 {
  margin-bottom: 25px;
  font-weight: 800;
  font-size: 22px;
  letter-spacing: 0.3px;
}
.woocommerce-checkout #ship-to-different-address .checkbox {
  display: inline-block;
}
.woocommerce form.woocommerce-checkout .form-row label {
  display: inline-block;
  margin-bottom: 7px;
  color: #232323;
  font-size: 14px;
  letter-spacing: 0.4px;
}
.woocommerce form.woocommerce-checkout .form-row {
  width: 100%;
}
.woocommerce form.woocommerce-checkout .form-row input.input-text, .woocommerce form.woocommerce-checkout .form-row select, .woocommerce form.woocommerce-checkout .form-row textarea {
  margin-bottom: 15px;
}
.woocommerce div.create-account {
  display: none;
  padding: 10px 0;
}
.woocommerce div.create-account .form-text {
  margin-bottom: 10px;
}
.woocommerce form .form-row .input-checkbox {
  display: none;
}
.woocommerce form .diffrent-address {
  padding: 35px 0;
}
.woocommerce form .diffrent-address label {
  display: inline-block;
}
.woocommerce form .diffrent-address .wpcf7-list-item-label {
  padding: 0 42px 0 0;
  font-weight: 500;
  font-size: 16px;
}
.woocommerce.woocommerce-page form .form-row textarea:focus {
  border-color: #d5d5d5;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.woocommerce form .diffrent-address .checkbox-icon-wrap {
  top: 1px;
  left: auto;
  right: 0;
}
.woocommerce form .shipping-diffrent-address {
  display: none;
  padding-top: 40px;
}
.woocommerce form .form-row textarea {
  height: 120px;
}
.woocommerce form .form-row textarea:focus {
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,.6);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,.6);
}
.woocommerce .col2-set .col-1, .woocommerce-page .col2-set .col-1 {
  width: 58%;
}
.woocommerce .col2-set .col-2, .woocommerce-page .col2-set .col-2 {
  width: 38%;
}
.woocommerce .woocommerce-column--billing-address.col-1,
.woocommerce .woocommerce-column--shipping-address.col-2,
.woocommerce .col-1.woocommerce-Address,
.woocommerce .col-2.woocommerce-Address{
  width: 48%
}
.woocommerce .woocommerce-checkout-review-order {
  padding: 44px 35px;
  background: #fbfbfb;
  border: 1px solid #ececec;
  -webkit-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px;
}
.woocommerce .paypal_method label {
  margin: 12px 0 0;
}
.woocommerce .woocommerce-checkout-review-order h3 {
  margin-bottom: 13px;
  font-weight: 700;
}
.woocommerce .woocommerce-checkout-review-order table.shop_table {
  margin-bottom: 25px;
  border: none;
}
.woocommerce-checkout-review-order-table .order-total {
  text-transform: uppercase;
}
.woocommerce .woocommerce-checkout-review-order table.shop_table .no-uppercase {
  text-transform: none;
}
.woocommerce .woocommerce-checkout-review-order table.shop_table tr {
  border-bottom: 1px solid #ececec;
}
.woocommerce .woocommerce-checkout-review-order table.shop_table tfoot tr:last-child {
  border-bottom: none;
}
.woocommerce .woocommerce-checkout-review-order table.shop_table th {
  padding: 16px 0;
  background: none;
  color: #232323;
  font-weight: 500;
  font-size: 13px;
  letter-spacing: 0.2px;
  border-top: none;
  border-right: none;
  text-align: left;
}
.woocommerce .woocommerce-checkout-review-order table.shop_table .cart_item th, .woocommerce .woocommerce-checkout-review-order table.shop_table .cart_item td {
  color: #777777;
}
.woocommerce .woocommerce-checkout-review-order table.shop_table th:nth-child(2n) {
  text-align: right;
}
.woocommerce .woocommerce-checkout-review-order table.shop_table td {
  padding: 19px 0 20px;
  color: #232323;
  font-weight: 600;
  font-size: 14px;
  letter-spacing: 0.2px;
  border-top: none;
  border-right: none;
  text-align: left;
}
.woocommerce .woocommerce-checkout-review-order table.shop_table td:nth-child(2n) {
  text-align: right;
}
.woocommerce table.shop_table .cart-subtotal, .woocommerce table.shop_table .order-total {
  color: #222222;
}
.woocommerce #add_payment_method #payment, .woocommerce .woocommerce-cart #payment, .woocommerce .woocommerce-checkout #payment {
  background: none;
  border-radius: 0;
}
.woocommerce #add_payment_method #payment ul.payment_methods, .woocommerce .woocommerce-cart #payment ul.payment_methods, .woocommerce .woocommerce-checkout #payment ul.payment_methods {
  padding: 0;
  border-bottom: none;
}
.woocommerce #add_payment_method #payment div.payment_box, .woocommerce .woocommerce-cart #payment div.payment_box, .woocommerce .woocommerce-checkout #payment div.payment_box {
  padding: 15px 22px;
  margin: 5px 0;
  background: #ffffff;
  border: 1px solid #ededed;
}
.woocommerce #add_payment_method #payment ul.payment_methods li, .woocommerce .woocommerce-cart #payment ul.payment_methods li, .woocommerce .woocommerce-checkout #payment ul.payment_methods li {
  padding-bottom: 15px;
}
.woocommerce #add_payment_method #payment div.payment_box:before, .woocommerce .woocommerce-cart #payment div.payment_box:before, .woocommerce .woocommerce-checkout #payment div.payment_box:before {
  border: 7px solid #ededed;
  border-right-color: transparent;
  border-left-color: transparent;
  border-top: 10px solid transparent;
  border-bottom-width: 10px;
}
.woocommerce #add_payment_method #payment div.payment_box:after, .woocommerce .woocommerce-cart #payment div.payment_box:after, .woocommerce .woocommerce-checkout #payment div.payment_box:after {
  position: absolute;
  top: -.75em;
  left: 0;
  display: block;
  margin:-1em 0 0 2em;
  border: 7px solid #ffffff;
  border-right-color: transparent;
  border-left-color: transparent;
  border-top: 12px solid transparent;
  border-bottom-width: 10px;
  content: "";
  z-index: 1;
}
.woocommerce #add_payment_method #payment div.payment_box p, .woocommerce .woocommerce-cart #payment div.payment_box p, .woocommerce .woocommerce-checkout #payment div.payment_box p {
  font-size: 14px;
  line-height: 22px;
  letter-spacing: 0;
  font-weight: 500;
}
.woocommerce .payment_methods {
  background: none;
  border-radius: 0;
}
.woocommerce #add_payment_method #payment div.form-row, .woocommerce .woocommerce-cart #payment div.form-row, .woocommerce .woocommerce-checkout #payment div.form-row {
  padding: 0;
}
.woocommerce #payment #place_order, .woocommerce-page #payment #place_order {
  width: 100%;
  padding: 19px 25px;
  margin-top: 10px;
  font-weight: 700;
  font-size: 14px;
  letter-spacing: 0.5px;
}
.woocommerce .wc_payment_method .radio-icon-wrap .radio-icon {
  vertical-align: middle;
}
.woocommerce .wc_payment_method .wpcf7-list-item-label {
  color: #666666;
  font-weight: 300;
}
.woocommerce .wc_payment_method .wpcf7-list-item-label a {
  display: inline-block;
  margin-left: 6px;
  font-size: 12px;
  text-decoration: underline;
}

/* Roof My Account Page */
.roof-forms .row {
  margin: 0 -35px;
}
.roof-forms [class*="col-"] {
  padding: 0 35px;
}
.woocommerce .roof-forms form .form-row input[type="submit"] {
  min-width: 170px;
  padding: 18px 24px;
  margin: 10px 0 20px;
  -webkit-border-radius: 2px;
  -ms-border-radius: 2px;
  border-radius: 2px;
}
.roof-forms .lost-password {
  display: inline-block;
  margin-top: 25px;
  color: #fc4242;
  font-family: 'Droid Arabic Kufi', sans-serif;
}
.woocommerce-account .woocommerce .woocommerce-MyAccount-navigation ul .is-active a {
  color: #222;
  background: #fcfcfc;
}
.woocommerce-account .woocommerce .woocommerce-MyAccount-navigation ul li a {
  color: #888;
  display: block;
  padding: 15px 0;
  line-height: 21px;
}
.woocommerce-account .woocommerce .woocommerce-MyAccount-navigation ul li {
  background: #f7f7f7 none repeat scroll 0 0;
  border-top: 1px solid #ECECEC;
  border-left: 1px solid #ECECEC;
  border-right: 1px solid #ECECEC;
  text-align: center;
}
.woocommerce-account .woocommerce .woocommerce-MyAccount-navigation ul {
  list-style-type: none;
}
.woocommerce-account .woocommerce .woocommerce-MyAccount-navigation ul li a:hover {
  color: #222;
  background: #fcfcfc;
}
.woocommerce-account.woocommerce-orders table.shop_table td {
  padding: 20px 15px;
}
.woocommerce-account.woocommerce-orders table.shop_table th{
  padding: 18px 15px;
}
.woocommerce table.my_account_orders {
  font-size: 14px;
}
.woocommerce-account.woocommerce-orders table.shop_table a.button {
  min-width: 100px;
  padding: 10px 15px 10px;
}
.woocommerce-edit-address .woocommerce-Address{
  border: 1px solid #ececec;
  padding: 20px;
}
.woocommerce-edit-address address{
  border: none;
  padding: 0;
}
.woocommerce-edit-address .woocommerce-Address-title a {
  height: 36px;
  line-height: 35px;
  padding: 0px 30px;
  background-color: #222222;
  font-weight: inherit;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
  color: #ffffff;
}
.woocommerce-edit-address .woocommerce-Address-title a:hover {
  background-color: rgba(34, 34, 34, 0.8);
}
.woocommerce-edit-address .col-1.woocommerce-Address,
.woocommerce-edit-address .col-2.woocommerce-Address {
  width: 100%;
  margin-bottom: 10px;
}
.woocommerce-edit-address .woocommerce-Address h3{
  font-size: 21px;
}
.woocommerce-MyAccount-content strong, .woocommerce-MyAccount-content p {
  color: #333;
}
.woocommerce-view-order .woocommerce-MyAccount-navigation-link.woocommerce-MyAccount-navigation-link--orders a {
  background: #fcfcfc;
}
/* Roof Estimation Calculator Page */
.roof-estimation-wrap .section-title-wrap p {
  color: #777777;
  font-size: 16px;
  letter-spacing: 0.2px;
}
.roof-estimation-wrap .section-title-wrap h2 {
  margin-bottom: 0;
  font-size: 28px;
  letter-spacing: 0.2px;
  font-weight: 700;
}
.estimation-item {
  padding-bottom: 30px;
}
.estimation-item:before, .estimation-item:after {
  display: table;
  clear: both;
  content: "";
}
.estimation-item input[type="text"], .estimation-item input[type="email"], .estimation-item input[type="password"], .estimation-item input[type="tel"], .estimation-item input[type="search"], .estimation-item input[type="date"], .estimation-item input[type="time"], .estimation-item input[type="datetime-local"], .estimation-item input[type="month"], .estimation-item input[type="url"], .estimation-item input[type="number"], .estimation-item textarea, .estimation-item select, .estimation-item .form-control {
  font-family: 'Droid Arabic Kufi', sans-serif;
  font-weight: 500;
  font-size: 14px;
  color: #999;
  letter-spacing: 0.2px;
}
.estimation-item > .row {
  margin: 0 -15px;
}
.estimation-item > .row > [class*="col-"] {
  padding: 0 15px;
}
.estimation-item.service p {
  padding-left: 1px;
}
.estimation-item.service .wpcf7-list-item > label {
  float: left;
  min-width: 190px;
  padding: 13px 20px;
  margin: 0 0 20px -1px;
  background: #ffffff;
  border: 1px solid #e7e7e7;
}
.estimation-item.service .wpcf7-form-control-wrap,
.estimation-item.service .wpcf7-checkbox,
.estimation-item.service .wpcf7-list-item {float: left;}
.estimation-item.service .wpcf7-list-item {margin: 0;}
.estimation-item.service .wpcf7-list-item > label.checkbox-icon-checked {
  background: #f7f7f7 !important;
}
.estimate-item span.wpcf7-list-item {
  margin: 0;
}
.estimation-item.service .checkbox-icon-wrap input[type="checkbox"]:checked + .checkbox-icon {
  background: #eeb313;
  border-color: #eeb313;
}
.estimation-item.service .checkbox-icon-wrap input[type="checkbox"]:checked + .checkbox-icon:before {
  left: 2px;
  color: #ffffff;
  font-size: 10px;
}
.estimation-item input[type="submit"] {
  min-width: 190px;
  font-weight: 600;
}
.estimation-item.service .wpcf7-list-item-label {
  font-family: 'Droid Arabic Kufi', sans-serif;
  font-weight: 500;
  font-size: 13px;
  padding: 0 10px 0 8px;
}
.estimation-title {
  display: block;
  clear: both;
  padding: 21px 30px;
  margin-bottom: 20px;
  background: #f7f7f7;
  font-weight: 700;
  font-size: 13px;
  letter-spacing: 0.2px;
  text-transform: uppercase;
}
.square-slider .slider-horizontal {
  float: left;
  width: 68%;
  margin-top: 22px;
}
.square-slider input[type="text"].range-slider {
  float: left;
  width: 68%;
}
.square-slider span.square-value {
  float: right;
  width: 27%;
  padding: 0 10px;
  text-align: center;
}
.square-slider span.square-value input.wpcf7-form-control {padding: 0 10px;text-align: center;}
/* 10. 404 Error Page */
.roof-404-error {
  width: 630px;
  margin: 0 auto;
  text-align: center;
}
.roof-404-error p {
  font-size: 16px;
  line-height: 28px;
  letter-spacing: 0;
}
.roof-404-error h1 {
  font-size: 300px;
  line-height: 240px;
}
.roof-404-error h2 {
  font-size: 32px;
}
.roof-404-error .error-title {
  margin-bottom: 40px;
  font-family: 'Droid Arabic Kufi', sans-serif;
  letter-spacing: 0.1px;
}
.roof-404-error .error-sub-title {
  font-weight: 500;
  letter-spacing: -0.2px;
}
.roof-404-error .error-sub-title span {
  color: #eeb313;
}
.roof-404-error form {
  display: inline-block;
  vertical-align: middle;
  width: 490px;
  padding-top: 30px;
}
.roof-404-error form input[type="text"] {
  float: left;
  width: 76%;
  padding: 10px 20px;
  margin-bottom: 0;
  background-color: #f0f0f0;
  font-family: 'Droid Arabic Kufi', sans-serif;
  font-weight: 500;
  font-size: 13px;
  letter-spacing: 0.2px;
  border-color: transparent;
}
.roof-404-error form input[type="submit"] {
  float: left;
  min-width: 24%;
  height: 50px;
  font-weight: 600;
}
/* Roof Contact Page */
span.wpcf7-not-valid-tip {
  display: none!important;
}
.wpcf7-not-valid {
  border: 1px solid red !important;
  margin-bottom: 0;
}
.roof-comment-form textarea.error, .woocommerce #review_form #respond textarea.error {
  border: 1px solid red;
}
label.error {
  display: none !important;
}
div.wpcf7-validation-errors, div.wpcf7-mail-sent-ng {
  border: 1px solid red;
  display: inline-block !important;
}
.roof-contact-wrap h3.detail-title {
  font-size: 26px;
}
.roof-contact-wrap .detail-title {
  margin-bottom: 25px;
}
.roof-contact-wrap form {
  padding-top: 25px;
}
.roof-contact-wrap textarea {
  height: 175px;
}
.roof-contact-wrap input[type="submit"] {
  min-width: 150px;
}
.roof-contact-wrap .contact-info {
  padding-left: 38px;
}
.roof-contact-wrap .contact-info ul {
  padding: 0;
  margin: 0;
  color: #777;
  font-family: 'Droid Arabic Kufi', sans-serif;
  font-size: 15px;
  line-height: 22px;
  letter-spacing: 0.3px;
  list-style: none;
}
.roof-contact-wrap .contact-info ul li {
  margin-bottom: 16px;
}
.roof-contact-wrap .contact-info ul li span:after {
  content: ": ";
}
.roof-contact-wrap .contact-info ul li a {
  color: #888888;
}
.roof-contact-wrap .website-link {
  font-weight: 700;
  font-size: 13px;
  letter-spacing: 0.4px;
  text-transform: uppercase;
}
.roof-contact-wrap .website-link a {
  color: #eeb313;
  text-decoration: underline;
}
.roof-contact-wrap .website-link a:hover {
  color: #232323;
}
.roof-contact-wrap .roof-map {
  margin-bottom: 30px;
}
.roof-map {
  height: 300px;
}
.gm-style-iw h1 {
  margin: 0;
  font-size: 24px;
}

/* 11. Footer */
.roof-footer {
  padding: 98px 0 63px;
  background: #292e34;
  color: #999999;
  font-family: 'Droid Arabic Kufi', sans-serif;
  font-weight: 600;
}
.roof-footer a {
  color: #999999;
}
.roof-footer p {
  color: #999999;
  font-weight: 600;
  line-height: 24px;
}
.roof-footer .tagcloud a:hover{
  color: #232323;
}
.roof-footer h4, .woocommerce .roof-footer h4 {
  margin-bottom: 21px;
  color: #ffffff;
  font-family: 'Droid Arabic Kufi', sans-serif;
  font-size: 20px;
  letter-spacing: 0.2px;
}

.roof-footer ul {
  padding: 0;
  margin: 0;
  list-style: none;
}
.roof-footer ul li {
  padding-bottom: 15px;
}
.roof-footer .first-column {
  width: 278px;
}
.roof-footer .roof-picture {
  margin-bottom: 19px;
}
.roof-footer .roof-social {
  text-align: left;
  color: #f5f5f5;
  margin-top: 30px;
}
.roof-footer .roof-social a, .style-two.roof-social a, .roof-footer .roof-social span, .style-two.roof-social span {
  width: auto;
  height: auto;
  margin-right: 18px;
  background: none ;
  color: #777777;
  font-size: 23px;
  letter-spacing: 0;
  line-height: 18px;
}
.roof-footer .roof-social h6 {
  margin-bottom: 12px;
  font-size: 14px;
  color: #bbb;
}
/* WPML - vertical */
.roof-footer div#vertical_language_list{
  float: left;
  margin-left: 0;
  margin-bottom: 15px;
}
.roof-footer div#vertical_language_list li{
  margin-bottom: 10px;
}
.roof-footer div#vertical_language_list ul li a{
  color: #fff;
}
.roof-footer div#vertical_language_list li {
  color: #7b7a79;
}
.roof-footer div#vertical_language_list a{
  font-weight: 500;
}
/* WPML Horizontal */
.roof-footer #horizontal_language_list ul li a, #horizontal_language_list ul li a:visited {
  color: #fff;
}
.roof-footer #horizontal_language_list ul li{
  color: #7b7a79;
}
.roof-footer #horizontal_language_list ul li{
  margin-bottom: 10px;
  margin-left: 0;
}
.roof-footer #horizontal_language_list a{
  font-weight: 500;
}
/*WPML - Dropdown*/
.roof-footer li.dropdown.country-menu {
  display: inline-block;
  width: 100%;
}
li.dropdown.country-menu i {
  margin-left: 5px;
}
li.dropdown.country-menu ul li {
  padding-bottom: 0;
}
/*.roof-footer li.dropdown.country-menu ul {
  margin-top: 8px
}*/

.roof-footer .contact-details {
  padding: 0;
}
.roof-footer .contact-details p {
  margin-bottom: 7px;
  font-size: 14px;
}
.roof-footer .contact-details span {
  display: block;
  color: #bbb;
}
.roof-footer .contact-details span:after {
  content: " : ";
}
.roof-footer .widget_product_categories ul li {
  padding-bottom: 6px;
}
.roof-footer .widget_product_categories ul {
  list-style-type: disc;
}
/* Calender */
.roof-footer .roof-widget.widget_calendar tbody tr td, .roof-footer .roof-widget.widget_calendar tfoot tr td, .roof-footer .roof-widget.widget_calendar tfoot tr td{
  color: #333;
  background: #fff;
}
.roof-footer .roof-widget.widget_calendar caption{
  color: #fff;
}


.roof-footer .roof-widget.widget_recent_comments ul {
  padding-left: 25px;
}
.roof-widget.widget_nav_menu ul {
  list-style-type: disc;
}
.roof-footer .roof-widget.widget_nav_menu ul li {
  padding-bottom: 0;
}

.roof-widget {
  margin-bottom: 35px;
}
.post-item {
  padding-bottom: 7px;
  margin-bottom: 12px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.post-item:last-child {
  padding-bottom: 0;
  margin-bottom: 0;
  border-bottom: none;
}
.post-item .post-author {
  line-height: 28px;
}
.post-item .post-author a {
  color: #eeb313;
}
.post-item .post-author a:hover {
  color: #999999;
}
.post-item .post-author span:before {
  content: " / ";
}
.post-item .post-author span a {
  color: #999999 ;
}
/* 12. Copyright */
.roof-copyright {
  padding: 28px 0 24px;
  background: #21252a;
  color: #777777;
  font-family: 'Droid Arabic Kufi', sans-serif;
  font-weight: 400;
  font-size: 13px;
}
.roof-copyright a {
  color: #777777;
}
.roof-copyright p {
  margin-bottom: 0;
}
.roof-copyright ul {
  padding: 0;
  margin: 0;
  list-style: none;
}
.roof-copyright ul li {
  float: left;
  padding-left: 24px;
}
.roof-copyright ul.footer-menu {
  float: right;
}
.roof-copyright .footer-menu li a{
  padding: 0;
}
/* Roof Back Top */
.roof-back-top {
  display: none;
  position: fixed;
  bottom: 15px;
  right: 15px;
  z-index: 2;
}
.roof-back-top a {
  display: block;
  width: 40px;
  height: 40px;
  padding: 1px;
  font-size: 18px;
  line-height: 38px;
  text-align: center;
  background: #232323;
  color: #ffffff;
}
.roof-back-top a:hover {
  background: #eeb313;
}
/* Pagenavi styles */
.wp-pagenavi{
  text-align: center;
  padding-bottom: 25px;
  margin-top: 40px;
}
.wp-pagenavi a, .wp-pagenavi span {
  text-decoration: none;
  border: 2px solid #e5e5e5;
  padding: 6px 14px;
  margin: 0px 4px 8px;
  color: #232323;
  display: inline-block;
}
.wp-pagenavi a:hover, .wp-pagenavi span.current {
  background: #eeb313;
  color: #232323 !important;
  border-color: #eeb313;
}
/*Contact Form 7*/
.wpcf7-form label{
  width: 100%;
}
.wpcf7-form textarea{
  margin-bottom: 20px!important;
}
.wpcf7-form input[type="submit"]{
  min-width: 150px;
}
/*WPML Footer*/
.wpml-ls-statics-footer.wpml-ls {
  text-align: center;
  width: 100%;
  display: block;
  background: #21252a;
}
.wpml-ls-statics-footer.wpml-ls a {
  color: #777777;
}
.wpml-ls-statics-footer.wpml-ls a:hover {
  color: #eeb313;
}
.wpml-ls-legacy-list-vertical.wpml-ls-statics-footer, .wpml-ls-legacy-list-horizontal.wpml-ls-statics-footer{
  margin-bottom: 0;
}
.wpml-ls-statics-footer.wpml-ls {
  padding: 0 0 30px;
}
.wpml-ls-legacy-list-vertical > ul {
  display: inline-block;
}

/* Post formats */
.tag-pagination .wp-link-pages span,
.tag-gallery .wp-link-pages span {
  background: #eeb313;
  color: #232323;
  border: 2px solid #eeb313;
  display: inline-block;
  vertical-align: middle;
  padding: 6px 14px;
  margin: 0 2px 6px;
}
.tag-pagination .wp-link-pages a span, .tag-gallery .wp-link-pages a span {
  display: inline-block;
  vertical-align: middle;
  background: transparent;
  padding: 6px 14px;
  margin: 0 2px 6px;
  border: 2px solid #e5e5e5;
}
.tag-pagination .wp-link-pages a span:hover,
.tag-pagination .wp-link-pages a span:focus,
.tag-pagination .wp-link-pages a span:active
.tag-gallery .wp-link-pages a span:hover,
.tag-gallery .wp-link-pages a span:focus,
.tag-gallery .wp-link-pages a span:active {
  background: #eeb313;
  color: #232323;
  border-color: #eeb313;
}
.tag-sticky-2 .blog-info {
  border: 2px solid #ececec;
  padding: 10px;
}
.blog-detail-wrap dt, .comments dt {
  margin-bottom: 8px;
}
.blog-detail-wrap dd, .comments dd {
  margin-bottom: 18px;
}
.comments ul li, .comments ol li {
  padding-bottom: 8px;
}
.comments ul li:last-child, .comments ol li:last-child {
  padding-bottom: 0;
}
.comments li ul:first-child, .comments li ol:first-child {
  padding-top: 8px;
}
.gallery .gallery-caption {
  margin-bottom: 15px;
}
.gallery-columns-6 .gallery-caption, .gallery-columns-7 .gallery-caption, .gallery-columns-8 .gallery-caption, .gallery-columns-9 .gallery-caption {
  display: none;
}
.wp-link-pages {
  padding: 25px 0px;
}
/* Link Styles */
.roof-link-arrow-right,
.roof-link-arrow-left {
  font-size: 15px;
  color: #131d33;
  margin: 15px 0;
  display: block;
}
.roof-link-arrow-right i,
.roof-link-arrow-left i {
  color: #131d33;
  font-size: 16px;
  padding-left: 7px;
  position: relative;
  top: 1px;
}
.roof-link-arrow-left i {padding-left: 0;padding-right: 7px;float: left;top: 4px;}
.roof-link-arrow-right:hover,
.roof-link-arrow-right:hover i,
.roof-link-arrow-left:hover,
.roof-link-arrow-left:hover i {color: #232323;}

.roof-link-underline {
  color: #131d33;
  letter-spacing: 0.1px;
  font-weight: bold;
  position: relative;
  margin: 8px 0 20px;
  display: inline-block;
  border-bottom: 1px solid #333;
}
/* Overlay */
.roof-overlay-pattern {
  float: left;
  width: 100%;
  height: 100%;
  z-index: 0;
  position: absolute !important;
  top: 0;
  left: 0;
}
.roof-have-dotted .roof-overlay-pattern {
  position: relative;
  background-image: url(../images/overlay-dotted-pattern.html);
  background-repeat: repeat;
  background-position: 50% 182px;
}
.roof-dhav-dotted {position: relative;}

/* Revolution Slider - VC Element */
.wpb_revslider_element.wpb_content_element {margin-bottom: 0;}
.wp-caption {max-width: 100%;}

/* Extra */
.col-md-6 .quote-sub-title {color:#fff;}
.col-md-6 .quote-title {font-size: 35px;color: #fff;}
.read-more .roof-btn {background-color: #f7f7f7;}
/*.roof-primary .service-info .service-title a {color: #fff;}*/
.roof-menu  ul.navbar-nav  li.current-menu-parent > a {color:#eeb313;}

/* Mean Menu */
.mean-container .mean-nav .current-menu-parent>a {
  color: #eeb313;
}
.mean-container li.current-menu-item.active a {
  color: #eeb313;
}
.mean-expand::before {
  content: " ";
  height: 2px;
  width: 12px;
  background: #fff;
  position: absolute;
  top: 23px;
  right: 18px;
}
.mean-expand::after {
  background: #fff;
  position: absolute;
  width: 12px;
  height: 2px;
  content: "";
  top: 23px;
  right: 18px;
  transform: rotate(-90deg);
}
.mean-expand.mean-clicked::after {
  content: none;
}
.mean-container .mean-nav ul li {
  height: auto;
}
.mean-container .mean-nav ul li a.mean-expand {
  border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important;
  border-left: 1px solid rgba(255, 255, 255, 0.1) !important;
  margin-top: 0;
}
.mean-container .mean-nav ul li a {
  font-family: "Droid Arabic Kufi", sans-serif;
  font-weight: 700;
  font-size: 13px;
  color: #fff;
  letter-spacing: 0.5px;
}
.mean-container .mean-bar {
  min-height: 70px;
  padding: 0;
  background: #292e34;
  max-height: 90vh;
  overflow-y: scroll;
  z-index: 9999;
}
.mean-container .mean-nav {
  margin-top: 70px;
  background: #292e34;
}
.mean-container .mean-nav ul li a {
  border-top-color: rgba(255,255,255,0.1);
  padding: 1em 3%;
  width: auto;
  float: none;
}
.mean-container .mean-nav ul li li a,
.mean-container .mean-nav ul li li li a,
.mean-container .mean-nav ul li li li li a,
.mean-container .mean-nav ul li li li li li a {
  border-top-color: rgba(255,255,255,.5)
  width: auto;
  float: none;
}
.mean-container .mean-nav ul li li a {padding: 1em 7%; border-bottom: none}
.mean-container .mean-nav ul li li li a {padding: 1em 11%;}
.mean-container .mean-nav ul li li li li a {padding: 1em 15%;}
.mean-container .mean-nav ul li li li li li a {padding: 1em 19%;}
.mean-container .mean-nav ul li a.mean-expand {
  border-bottom: none !important;
  padding: 8px 11px 9px !important;
  height: 29px;
}
.mean-container .mean-nav ul li a.mean-expand:hover {
  background: rgba(0,0,0,.9);
      background-color: rgba(0, 0, 0, 0.9);
  border-left: 1px solid rgba(0,0,0,.9) !important;
}

.mean-container .mean-nav ul li a.mean-expand:hover {
  background-color: rgba(0,0,0,0.5);
}
.mean-container .mean-nav ul li a.mean-expand span:first-child {
  width: 16px;
  height: 2px;
  display: inline-block;
  background: #f9f9f9;
  position: relative;
  top: -1px;
  left: 1px;
}
.mean-container .mean-nav ul li a.mean-expand.mean-clicked span:first-child {left: 0;}
.mean-container .mean-nav ul li a.mean-expand span:last-child {
  width: 2px;
  height: 16px;
  display: inline-block;
  background: #f9f9f9;
  position: relative;
  top: 6px;
  left: -8px;
}
.mean-container .mean-nav ul li a.mean-expand.mean-clicked span:last-child {display: none;}
.mean-container a.meanmenu-reveal {
  padding: 24px;
  width: 25px;
  background-color: rgba(0,0,0,0.4);
}
.mean-container a.meanmenu-reveal span {
  height: 2px;
  width: 100%;
  margin: 5px auto 0;

  -webkit-transition: width .3s ease;
  -moz-transition: width .3s ease;
  transition: width .3s ease;
}
.mean-container a.meanmenu-reveal span:first-child {margin-top: 3px;}
.mean-container a.meanmenu-reveal.meanclose span:first-child {
  -ms-transform: rotate(45deg); /* IE 9 */
  -webkit-transform: rotate(45deg); /* Chrome, Safari, Opera */
  transform: rotate(45deg);
  top: 50%;left: 0;right: 0;
  position: absolute;
  width: 25px;height: 3px;
  margin: 0 auto;
}
.mean-container a.meanmenu-reveal.meanclose span:last-child {
  -ms-transform: rotate(-45deg); /* IE 9 */
  -webkit-transform: rotate(-45deg); /* Chrome, Safari, Opera */
  transform: rotate(-45deg);
  top: 50%;left: 0;right: 0;
  position: absolute;
  width: 25px;height: 3px;
  margin: 0 auto;
}
.mean-bar .dropdown-menu {
  position: relative;
  background: #292e34;
}
.mean-bar .dropdown-menu li{
  padding-left: 0;
}
.mean-container .mean-nav ul li a:hover {
  background: #252525;
  background: transparent;
  color: #eeb313;
}

.roof-navigation {
  z-index: 9 !important;
}
.mean-container .dropdown-menu > li {
  padding: 0;
}
.mean-nav .container {
  padding: 0;
}
.mean-nav .roof-social.style-one {
  width: 50%;
  text-align: center;
  display: inline-block;
  position: absolute;
  top: 15px;
  right: 0;
  left: 10px;
}
.mean-container .mean-nav ul li li a {
  width: 100%
}
.mean-nav .dropdown-menu {
  border-top: none;
}
.mean-container .mean-nav ul {
  overflow: hidden;
}
.vc_row.roof-have-dotted {position: relative;}

/*Black Unit Fix*/
hr.wp-block-separator {
  display: inline-block;
  width: 100%;
  margin-bottom: 50px;
}
.wp-block-pullquote {
  padding: 80px 40px 40px;
}
ul.wp-block-latest-posts li {
  margin-bottom: 10px;
}
.wp-block-categories ul li {
  margin-bottom: 10px;
}
.single-post-page-strandard.single-post-page.entry-content ul.wp-block-gallery,
ul.wp-block-gallery {
  padding-bottom: 50px;
  padding-left: 0;
}
pre.wp-block-verse {
  margin-bottom: 30px;
}
.single-post-page.entry-content .wp-block-button__link:not(.has-text-color) {
  color: #fff;
}
.wp-block-latest-posts.is-grid, .single-post-page-strandard.single-post-page.entry-content .wp-block-latest-posts.is-grid {
  display: flex;
}