/*
Theme Name: Emarat
Theme URI: http://irsfoundation.com/tf/wp/emarat
Author: edge_theme
Author URI: http://themeforest.net/user/edge_theme
Description: Emarat – Industry & Business WordPress Theme, a premium emarat business WordPress Theme developed specifically for all types of technique, industry, engineering, or machinery businesses. Emarat is best suited for corporate website like business, commercial, corporate, energy, engineering, Factories, factory, high-tech manufacturing, emarat, machinery, manufacturing, plant, power etc.
Version: 1.0.0
License: copyright commercial
License URI: http://themeforest.net/user/edge_theme
Text Domain: emarat
*/


/* CSS Document */
/************ TABLE OF CONTENTS ***************
1. Fonts
2. General
3. Header
4. Header Nav
5. Main slider
6. About/About two/About three/About four
7. Separator/Separator two
8. Service/Service two/Service details
9. Testimonial
10. Team/Team two/Team details
11. Singup
12. Blog/Blog single/Blog sidebar
13. Client
14. Features
15. Works
16. Shop/Shop-single/Shop-chat/Shop-checkout
17. Error
18. Inner page heading
19. Contact
20. Footer

/* ========== General css start========== */
body {
  font-family: 'Montserrat', sans-serif;
  color: #111111;
  font-size: 14px;
  line-height: 1.7;
  background-color: #ffffff;
  overflow-x: hidden;
  max-width: 100%;
}
img {
  max-width: 100%;
  height: auto;
}
p {
  font-size: 14px;
  line-height: 26px;
  margin: 0;
}
ul,
ol {
  list-style: none;
  margin: 0;
  padding: 0;
}
a {
  color: #111111;
  text-decoration: none;
}
a:hover,
a:focus {
  color: #FCD846;
  text-decoration: none;
}
a:hover,
a:focus {
  outline: none !important;
}
a img {
  border: none;
}
iframe {
  border: none;
}
/* ========== HEADINGS FON-TSIZE ========== */

h1 {
  font-size: 36px;
}
h2 {
  font-size: 30px;
}
h3 {
  font-size: 18px;
}
h4 {
  font-size: 16px;
}
h5 {
  font-size: 14px;
}
h6 {
  font-size: 12px;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: 'Source Sans Pro', sans-serif;
  font-weight: bold;
  line-height: 1.2;
  color: #0a0a0a;
  margin-top: 0;
  margin-bottom: 10px;
  text-transform: uppercase;
}
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: 'Open Sans', 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;
}
p {
  margin: 0 0 1.5em;
  padding: 0;
}
dfn,
cite,
em,
i {
  font-style: italic;
}
blockquote {
  color: #666;
  font-size: 18px;
  font-size: 1.125rem;
  font-style: italic;
  line-height: 1.7;
  margin: 0;
  overflow: hidden;
  padding: 0;
}
blockquote cite {
  display: block;
  font-style: normal;
  font-weight: 600;
  margin-top: 0.5em;
}
address {
  margin: 0 0 1.5em;
}
pre {
  background: #eee;
  font-family: "Courier 10 Pitch", Courier, monospace;
  font-size: 15px;
  font-size: 14px;
  line-height: 1.6;
  margin-bottom: 1.6em;
  max-width: 100%;
  overflow: auto;
  padding: 1.6em;
}
code,
kbd,
tt,
var {
  font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
  font-size: 15px;
}
abbr,
acronym {
  border-bottom: 1px dotted #666;
  cursor: help;
}
mark,
ins {
  background: #eee;
  text-decoration: none;
}
big {
  font-size: 125%;
}
blockquote {
  quotes: """";
}
q {
  quotes: "“""”""‘""’";
}
blockquote:before,
blockquote:after {
  content: "";
}
:focus {
  outline: none;
}
/*-------Tables -------*/

table {
  border-collapse: collapse;
  margin: 0 0 1.5em;
  width: 100%;
}
thead th {
  padding-bottom: 0.5em;
}
.emarat-blog-content th,
.comment-text-body th,
.content-side th {
  background: #23282d;
  color: #fff;
  padding: 10px;
}
.emarat-blog-content th a,
.content-side th a,
.comment-text-body th a {
  color: #fff;
}
th {
  padding: 0.4em;
  text-align: left;
  border: 1px solid #eee;
}
tr {
  border-bottom: 1px solid #eee;
}
td {
  padding: 10px;
  border: 1px solid #eee;
}
/*-----8.0 Lists----*/

ul,
ol {
  margin: 0 0 1.5em 20px;
  padding: 0;
}
ul {
  list-style: disc;
}
.comment-text-body ul, .comment-text-body ol {
    margin-bottom: 20px;
}
.comment-text-body ul ul,
.comment-text-body ul ol,
.comment-text-body ol ol,
.comment-text-body ol ul {
    margin-bottom: 0px;
}
ol {
  list-style: decimal;
}
li>ul,
li>ol {
  margin-bottom: 0;
  margin-left: 1.5em;
}
dt {
  font-weight: 700;
}
dd {
  margin: 0 1.5em 1.5em;
}
.bt-30 {
  padding-top: 40PX;
}
.vc-grid-blog-area .grid-post .format-standard .emarat-blog-top-meta.my-blog-heading h2 {
  margin-top: 0;
}
.emarat-blog-content {
  padding-right: 8px;
  overflow: hidden;
  clear: both;
  margin-bottom: 25px;
}
.emarat-blog-content.emarat-archive {
  padding-top: 25px;
}
.grid-blog-area .col-md-3.grid-post .emarat-blog-content {
  padding-right: 10px;
}
.vc-grid-blog-area .my-blog-col .my-blog-bottom ul li a {
  color: #111;
}
.my-client-field-two.emarat-client-carousel .owl-item:after {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  content: "";
  border: 1px solid #DADADA;
}
.overlay-pattern {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.my-blog-col .gallery {
  margin-right: -10px;
  margin-left: -10px;
}
.my-blog-col .gallery-item {
  padding: 10px;
}
.container.padding-defult {
  padding-top: 80px;
  padding-bottom: 50px;
}
.content-area {
  padding-top: 80px;
  padding-bottom: 50px;
}
.page-content-area {
  padding-top: 80px;
  padding-bottom: 60px;
}
.content-area.padding-none {
  padding: 0;
}
/************
** MENU CSS
************/
.searchcart-wrrap {
    float: right;
    display: flex;
}
.emarat-search {
    margin-left: -5px;
}
.my-main-header-three .emarat-cart {
    padding-right: 7px;
}
.emarat-search .attr-nav ul li a{
  padding: 0;
}
.top-search .input-group {
    width: 100%;
}
.top-search .input-group input {
    background: #333;
    color: #fff;
    border: none;
}
.my-menu-style-two .top-search .input-group input {
    background: #e5e5e5;
    color: #333;
    border: none;
}
.top-search .input-group input:focus {
  outline: none;
  border: 1px solid #FCD846;
}
.top-search {
  display: none;
}

 .my-container-three .navbar-header {
    padding-top: 5px;
    padding-right: 10px;
}
.main-menu nav ul {
    float: left;
    padding: 0;
    margin: 0;
    list-style: none;
    position: relative;
}

.main-menu nav ul li {
    display: inline-block;
}

.main-menu nav ul li a {
    display: block;
    text-decoration: none;
    color: #111111;
    padding: 23px 20px;
    text-transform: uppercase;
    line-height: 1.7;
    font-size: 14px;
    padding-right: 0;
    font-weight: 600;
}
.my-main-header-three .my-header-nav .main-menu > nav > ul > li a {
  padding-top: 40px;
  padding-bottom: 40px;
}

.main-menu nav > ul > li:first-child a{
  padding-left: 0px;
}
.main-menu nav ul li a:hover {
    color: #111111;
    -webkit-transition: all 300ms ease 0s;
    transition: all 300ms ease 0s;
}


/*************
SUB MENU CSS
**************/

.main-menu nav ul > li ul {
    background: #ffffff none repeat scroll 0 0;
    border-top: 3px solid #FCD846;
    box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0 5px 1px rgba(0, 0, 0, 0.05);
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    position: absolute;
    top: 98px;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    visibility: hidden;
    width: 200px;
    z-index: -1;
    text-align: left;
}
.my-main-header-three .my-header-nav .emarat-logo {
  padding-top: 16px;
}
.my-main-header-three .my-header-nav .searchcart-wrrap {
  padding-top: 15px;
}
.my-main-header-three .my-header-nav .main-menu nav ul li ul li a {
   padding: 10px 20px;
}
.my-main-header-three .my-header-nav .main-menu nav ul > li ul {
   top: 120%;
}
.my-main-header-three .my-header-nav .main-menu li:hover>ul {
  top: 100%;
}
.main-menu nav ul li > ul li {
    display: block;
    position: relative;
}

.main-menu nav ul li > ul.sub-menu li a {
    padding: 10px 20px;
    text-transform: uppercase;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}
.menu-container-two .my-menu-style-two .main-menu nav ul li a {
  color: #fff;
}
.menu-container-two .my-menu-style-two .main-menu nav ul li > ul.sub-menu li a {
  color:#333;
}

.main-menu li:hover>ul {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    top: 70px;
    visibility: visible;
    z-index: 99;
}
.emarat-menu-style-three .main-menu li:hover>ul {
  top: 90px;
}
.scroll-to-fixed-fixed .emarat-menu-style-three .main-menu li:hover>ul {
  top: 100%;
}
.main-menu nav li ul > li a:hover {
    background-color: #f5f5f5;
}

/* chaild sub menu */

.main-menu nav ul li > ul li > ul {
    left: 100%;
    margin-top: -1px;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    position: absolute;
    top: 45%;
    visibility: hidden;
}

.main-menu nav ul li > ul li:hover> ul {
    top: 0;
}
.emarat-menu-style-three .main-menu nav ul li > ul li:hover> ul {
    top: 0px !important;
}

.main-menu nav > ul li.menu-item-has-children > a:after {
    display: inline-block;
    font-family: fontawesome;
    content: "\f107";
    font-style: normal;
    font-weight: normal;
    margin-left: 10px;
    margin-right: 0px;
    float: right;
}
.main-menu nav ul.sub-menu li.menu-item-has-children > a:after {
    content: "\f105";
}
.main-menu nav ul li > ul li:hover>a {
    padding-left: 15px
}

.main-menu ul li span {
    float: right;
}

.main-menu ul li i {
    padding-left: 5px;
}


/*Cart CSS*/
.emarat-cart {
  display: inline-block;
}
/*----------------------------responsiv-area start --------------------------*/
.main-menu .responsive-menu-wrap {
    position: relative;
}
.main-menu .responsive-menu-wrap .slicknav_btn {
    background-color: transparent;
    border-radius: 0;
    display: block;
    float: left;
    margin: 0;
    padding: 26px 10px;
    text-decoration: none;
    text-shadow: none;
    vertical-align: middle;
    height: 70px;
    width: 70px;
    background: #000000;
}
.main-menu .responsive-menu-wrap.emarat-menu-2 .slicknav_btn{
  float: right;
}
.main-menu .responsive-menu-wrap.emarat-menu-2 .slicknav_menu {
  right: 0px;
  left: auto;
}

.main-menu .slicknav_menu .slicknav_icon {
    margin: 2px 12px;
}
.main-menu .responsive-menu-wrap .slicknav_menu .slicknav_menutxt {
    display: none;
}
.main-menu .responsive-menu-wrap .slicknav_menu {
    background: transparent none repeat scroll 0 0;
    font-size: 15px;
    padding: 0px 0;
    position: absolute;
    left: 0;
    top: 0;
}
.main-menu .responsive-menu-wrap .slicknav_menu .slicknav_icon-bar {
    border-radius: 0;
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    display: block;
    height: 2px;
    width: 25px;
    background: #fff;
}
.main-menu .responsive-menu-wrap .slicknav_nav {
    background: #333;
    border-radius: 0px;
    color: #fff;
    font-size: 15px;
    margin: 0;
    padding: 5px 0;
    position: relative;
    top: 0px;
    width: 720px;
    right: 0px;
    z-index: 9999999;
    position: relative;
    box-shadow: 0px 2px 5px rgba(255,255,255,.1);
}

.main-menu .responsive-menu-wrap .slicknav_nav li {
  display: block;
}
.main-menu .slicknav_nav a {
    color: #f1f1f1;
    text-decoration: none;
    text-transform: capitalize;
    padding: 10px 9px;
}
.main-menu .slicknav_nav a i {
    display: none
}
.main-menu .slicknav_nav a:hover {
    background: transparent none repeat scroll 0 0;
    border-radius: 0;
    text-shadow: 0px 3px 5px rgba(0, 0, 0, .5);
    color: #fff;
}
.main-menu .responsive-menu-wrap .slicknav_nav .slicknav_row:hover {
    background: transparent;
}
.main-menu .responsive-menu-wrap .slicknav_nav .slicknav_arrow {
    font-size: 10px;
    margin: 5px;
}
.main-menu .responsive-menu-wrap .slicknav_open .slicknav_icon span:first-child {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    position: relative;
    top: 5px;
}
.main-menu .responsive-menu-wrap .slicknav_open .slicknav_icon span:last-child {
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
}
.main-menu .responsive-menu-wrap .slicknav_open .slicknav_icon span:nth-child(2) {
    display: none
}
/*------------- responsiv-area end ---------------*/



.my-big-font h2 {
  color: #fff;
  font-size: 55px;
  font-weight: 800;
  line-height: 72px;
  left: 22%;
  position: absolute;
  text-align: left;
}
a.bp-read-more {
  border: 1px solid #FCD846;
  padding: 8px 15px;
  border-radius: 50px;
  font-weight: 700;
}
.cd-hero-slider .emarat-slide-title h2 {
  max-width: 700px;
  font-size: 48px;
}
.cd-hero-slider .emarat-slide-title h3 {
  font-size: 30px;
  left: 22%;
  position: absolute;
  text-align: left;
  top: 25%;
}
.cd-hero-slider .emarat-slide-title h3::after {
  background: #fcd846;
  content: "";
  height: 2px;
  left: 0;
  margin: 32px auto 0;
  position: absolute;
  right: 0;
  width: 100%;
  bottom: -10px;
}
.home-three .my-navigation {
  background-size: cover;
  background-position: center center;
  border: 6px solid #fcd846;
}
p.slide-title {
  margin-top: 20px;
}
.big-font {
  color: #fff;
  font-size: 55px;
  font-weight: 800;
  line-height: 72px;
}
.my-big-font.style2 h2 {
  color: #000000;
}
.big-font.style3 {
  color: #fff;
}
.my-big-font.style2 span {
  color: #fff;
}
.my-emarat-color {
  color: #fcd846;
}
.my-slider-title {
  text-align: center;
}
.my-slider-title h2 {
  color: #000;
  font-size: 54px;
  font-weight: 800;
  line-height: 60px;
}
.my-slider-title-three h2 {
  color: #fff;
  font-size: 39px;
  font-weight: 800;
  line-height: 60px;
}
.my-slider-title-three h3 {
  color: #fcd846;
  letter-spacing: 3px;
  margin-bottom: 25px;
}
.my-slider-title-three h3::after {
  background: #fcd846;
  content: "";
  height: 2px;
  left: 0;
  margin: 32px auto 0;
  position: absolute;
  right: 0;
  width: 60px;
}
.cd-hero ul {
  margin-left: 0;
  list-style: none;
}
/* HOME SLIDER */

.cd-hero.home-two .cd-slider-nav>nav {
  bottom: 100%;
  display: table;
  float: right;
}
.home-two .my-big-font.style2.my-slider-title>h2,
.home-two .text-left.my-big-font>h2 {
  left: 19%;
  margin-top: 5%;
}
.home-two .big-font.style3.my-slider-title-three>h3 {
  margin-top: 4%;
}
/* ========== TITLE LINE ========== */

.my-section-title {
  margin-bottom: 35px;
}
.my-section-title h2 {
  font-size: 36px;
  margin-bottom: 20px;
  float: left;
}
.my-section-title h2 span {
  color: #fcd846;
}
.my-section-title .my-title-line {
  float: left;
  position: relative;
  width: 50px;
  height: 1px;
  background: #fcd846;
  margin-top: 18px;
  margin-left: 5px;
  margin-top: 22px;
}
.my-section-title .my-title-line::before {
  content: " ";
  position: absolute;
  top: -3px;
  left: 0;
  width: 40px;
  height: 1px;
  background: #fcd846;
}
.my-section-title .my-title-line::after {
  content: " ";
  position: absolute;
  bottom: -3px;
  left: 0;
  width: 40px;
  height: 1px;
  background: #fcd846;
}
.my-section-title-right {} .my-section-title-right h2 {
  float: right;
}
.my-section-title-right .my-title-line {
  float: right;
  margin-right: 15px;
  margin-left: 0;
}
.my-section-title-right .my-title-line::before {
  left: 10px;
}
.my-section-title-right .my-title-line::after {
  left: 10px;
}
.my-section-title-center {
  text-align: center;
}
.my-section-title-center h2 {
  float: none;
  margin-bottom: 15px;
}
.my-section-title-center .my-title-line {
  float: none;
  margin: 0 auto;
  margin-bottom: 30px;
}
.my-section-title-center .my-title-line::before {
  left: 5px;
}
.my-section-title-center .my-title-line::after {
  left: 5px;
}
/* ========== layer START ========== */

.my-layer-black {
  position: relative;
}
.my-layer-black:before {
  content: " ";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 0;
  background: rgba(0, 0, 0, 0.9);
}
.my-layer-yellow {
  position: relative;
  overflow-x: hidden;
}
.my-layer-yellow:before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  right: 0;
  z-index: 0;
  background-color: rgba(252, 216, 70, 0.7);
}
/* ========== My button css start ========== */

.my-btn-yellow {
  color: #222;
  background: #FCD846;
  text-transform: uppercase;
  padding: 12px 42px;
  font-size: 12px;
  font-weight: bold;
  border: none;
  border-radius: 0;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.my-btn-yellow:hover {
  color: #ffffff;
  background: #eac014;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.my-btn-black {
  color: #ffffff;
  background: #0A0A0A;
  text-transform: uppercase;
  padding: 12px 42px;
  font-size: 12px;
  font-weight: bold;
  border: none;
  border-radius: 0;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.my-btn-black:hover {
  color: #ffffff;
  background: #333333;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.my-singup-content .my-btn-yellow {
  padding: 12px 29px;
}
/* ========== Scroll To Top ========== */

#scrollUp {
  bottom: 10px;
  right: 3%;
  padding: 5px 15px;
  background-color: rgba(252, 216, 70, 0.9);
}
#scrollUp:before {
  content: "\f01b";
  font-family: FontAwesome;
  font-size: 26px;
  color: #ffffff;
  padding-top: 5px;
}
/* Preloader */

.preloader {
  position: fixed;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  z-index: 999999;
  background-color: #ffffff;
  background-position: center center;
  background-repeat: no-repeat;
}
/* ========== Header top css start ========== */

.my-header-top-bar {
  box-shadow: rgba(0, 0, 0, 0.45098) 0px 1px 15px -8px;
  padding: 7px 0;
}
.my-header-top-bar p {
  font-size: 13px;
  margin-top: 5px;
  margin-bottom: 5px;
  font-weight: 600;
}
.my-header-top-bar p i {
  margin-right: 5px;
}
.my-header-top-bar .btn {
  font-family: 'Raleway', sans-serif;
  border-top-right-radius: 0px;
  border-top-left-radius: 0px;
  border: none;
  font-weight: bold;
  font-size: 12px;
  color: #111111;
  text-transform: uppercase;
  padding: 10px 15px;
}
.my-header-top-bar .btn i {
  margin-right: 5px;
}
/*Header top bar two start*/

.my-main-header-two .my-header-top-bar {
  position: absolute;
  top: 7%;
  z-index: 9999;
  width: 100%;
  box-shadow: none;
}
.my-header-top-content {
  background: rgba(10, 10, 10, 0.9);
  padding: 12px 0 17px 50px;
  position: relative;
  margin-top: -20px;
  margin-right: -15px;
}
.my-header-top-content:before {
  content: "";
  width: 0;
  height: 0;
  position: absolute;
  left: -50px;
  top: 0px;
  border-bottom: 60px solid rgba(10, 10, 10, 0.9);
  border-left: 50px solid transparent;
}
.my-header-top-content ul li {
  float: left;
  margin-right: 105px;
  margin-top: 5px;
}
.my-header-top-content ul .my-quote {
  margin-right: 0;
}
.my-header-top-content ul .my-quote a {
  color: #ffffff;
  text-transform: uppercase;
  padding-top: 5px;
}
.my-header-top-content ul .my-quote a i {
  margin-right: 5px;
  color: #FCD846;
}
.my-header-top-content ul li p {
  color: #ffffff;
}
.my-header-top-content ul li p i {
  margin-right: 10px;
}
.box-layout #emarat-theme-wrapper .my-main-header-two .my-main-nav,
.box-layout #emarat-theme-wrapper .my-main-header-two .my-header-top-bar {
  width: inherit;
}
.box-layout .my-main-header-two .my-main-nav .container.my-container-two {
  width: 1250px;
}
.box-layout .my-main-header-two .my-header-top-bar .container.my-container-two {
  width: 1250px;
}
.box-layout .my-main-header-two .my-header-top-bar .container.my-container-two .row {
  margin-right: -15px;
  margin-left: -15px
}
.box-layout .my-main-header-two .my-header-top-bar .container.my-container-two .row .col-md-12 {
  padding-right: 15px;
}
/*Header top bar three start*/

.my-main-header-three .my-header-top-bar {
  box-shadow: none;
  background: #222222;
  color: #fff;
}
.my-main-header-three .my-header-top-bar p {
  color: #ffffff;
}
.my-main-header-three .my-header-top-bar .btn {
  background: none;
  color: #ffffff;
  margin-top: 5px;
}
.my-main-header-three .my-header-top-bar .btn i {
  color: #FCD846;
}
/*Main Logo start*/

.my-logo-bar {
  padding: 20px 0 20px;
}
.my-logo {
  display: block;
  text-align: center;
}
.my-logo img {
  width: 168px;
  height: 115px;
}
.my-color-black {
  color: #111;
}
/* ========= Header Nav css Start ========== */

.my-container-two,
.my-container-three {
  padding: 0;
}
.my-header-nav {
  border-top: 1px solid #E1E1E1;
}
.scroll-to-fixed-fixed {
  background: #ffffff;
  -webkit-box-shadow: 0px 8px 12px -10px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 0px 8px 12px -10px rgba(0, 0, 0, 0.75);
  box-shadow: 0px 8px 12px -10px rgba(0, 0, 0, 0.75);
}
.my-header-nav .my-searce-icon {
  font-size: 22px;
  line-height: 70px;
  color: #ffffff;
  background: #000000;
  padding: 0px 24px 0px;
  display: block;
  width: 70px;
  height: 70px;
}
.navbar.navbar-default.bootsnav.my-menu-style-one .my-searce-icon {
  font-size: 22px;
  line-height: 70px;
  color: #ffffff;
  background: #000000;
  padding: 0px 20px 0px;
  display: block;
  width: 60px;
  height: 70px;
}
.my-header-nav .my-shopping-icon {
  font-size: 22px;
  line-height: 70px;
  color: #111111;
  background: #FCD846;
  padding: 0px 25px 0px;
  display: block;
  position: relative;
}
.my-header-nav span.cart_count {
  color: #ffffff;
  background: #10395C;
  font-size: 10px;
  line-height: 12px;
  text-align: center;
  position: absolute;
  top: 20px;
  right: 10px;
  width: 15px;
  height: 15px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
}

.my-menu-style-two a.navbar-brand {
  padding: 5px;
}
.my-main-header-two .my-header-top-content ul {
    margin-left: 0;
}
/*Header Two Nav css start*/

.my-main-header-two .my-container {
  background: rgba(10, 10, 10, 0.9);
  padding: 0;
}
.my-main-header-two .my-main-nav {
  position: absolute;
  top: 14% !important;
  width: 100%;
  z-index: 9999 !important;
}
.my-main-header-two .scroll-to-fixed-fixed {
  top: 0 !important;
  background: rgba(10, 10, 10, 0.9);
}
/* NEW MANU */

/*=========== NEW HEADER ==========*/


.menu-container-two .my-menu-style-two {
  background-color: rgba(10, 10, 10, 0.9);
}


.attr-nav>ul>li>a {
  padding: 0;
}
.my-main-header-three .my-main-nav {
  z-index: 1000;
}
/*Header Three Nav css start*/

.my-main-header-three .my-header-nav {
  border-top: none;
}
.my-main-header-three .my-searce-icon {
  background: #FCD846;
  border-right: 2px solid #fff;
}
/* ========== Main slider css Start ========== */

.my-main-slider {
  position: relative;
}
.my-main-slider .container-fluid {
  padding: 0;
}
.slide-table {
  display: table;
  width: 100%;
  height: 100%;
  position: relative;
}
.slide-table-cell {
  display: table-cell;
  text-align: left;
  vertical-align: middle;
}
.slide-table h2 {
  font-size: 55px;
  font-weight: 700;
}
/* ========== About css Start ========== */

.my-about-field {
  padding: 80px 0 50px;
  position: relative;
}
.my-about-field .my-about-col {
  margin-bottom: 30px;
}
.my-about-col h1 {
  font-size: 48px;
  font-weight: bold;
}
.emarat-about-accourdion {
  padding-left: 5%;
  padding-right: 37%;
}
.about-accourdion {
    max-width: 570px;
    margin: auto;
}
.about-image img {
  min-height: 636px;
}
.my-img-hover {
  position: relative;
  text-align: center;
}
.my-img-hover .layer {
  background-color: rgba(252, 216, 70, 0.9);
  width: 90%;
  height: 90%;
  margin: auto;
  position: absolute;
  right: 0;
  top: 0;
  left: 0;
  bottom: 0;
  padding-top: 28%;
  transform: scale(0);
  text-align: center;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
.my-img-hover:hover .layer {
  transform: scale(1);
}
.my-img-hover .layer p {
  text-transform: uppercase;
  font-size: 16px;
  font-weight: 600;
  color: #ffffff;
  margin-top: 10px;
}
.layer.layer-two i {
  top: 50%;
  position: absolute;
  left: -12px;
  right: 0;
  text-align: center;
  margin: auto;
  font-size: 40px;
}
.my-img-hover i {
  color: #ffffff;
}
.my-img-hover[class^="flaticon-"]:before,
[class*=" flaticon-"]:before,
[class^="flaticon-"]:after,
[class*=" flaticon-"]:after {
  font-size: 50px;
  margin-left: 0;
}
.my-img-hover h4 {
  font-size: 18px;
  color: #ffffff;
  margin-top: 5px;
  font-weight: 600;
}
.my-about-box {
  position: relative;
  padding-left: 175px;
  margin-top: 80px;
  margin-bottom: 85px;
}
.my-hexagon-box {
  position: absolute;
  left: 0;
  top: 0;
}
.hexagon {
  text-align: center;
  position: relative;
  width: 160px;
  height: 90px;
  background-color: #FCD846;
  padding-top: 10px;
}
.hexagon:before,
.hexagon:after {
  content: "";
  position: absolute;
  left: 0;
  width: 0;
  border-left: 80px solid transparent;
  border-right: 80px solid transparent;
}
.hexagon:before {
  bottom: 100%;
  border-bottom: 48px solid #FCD846;
}
.hexagon:after {
  top: 100%;
  width: 0;
  border-top: 48px solid #FCD846;
}
.hexagon img {
  width: 85px;
  height: 75px;
  margin: 0 auto;
}
.hexagon h3 {
  font-size: 18px;
  color: #ffffff;
  background: #0A0A0A;
  width: 50px;
  height: 50px;
  padding-top: 12px;
  position: absolute;
  top: -45px;
  right: 10px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.my-about-box:hover h3 {
  -ms-transform: scale(1.2);
  /* IE 9 */
  -webkit-transform: scale(1.2);
  /* Safari */
  transform: scale(1.2);
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.my-about-box h4 {
  font-size: 17px;
  font-weight: 600;
}
/*About two start*/

.my-about-field-two {
  padding-top: 0;
}
.my-about-field-two .my-about-box-two {
  position: relative;
  padding-left: 172px;
}
.my-about-field-two .my-about-box-two .my-left-img-box {
  position: absolute;
  left: 0;
  top: 0;
  width: 150px;
  height: 115px;
  border: 1px solid #FCD846;
  display: block;
  text-align: center;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.my-about-field-two .my-about-box-two:hover .my-left-img-box {
  background: #FCD846;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.my-about-field-two .my-about-box-two .my-left-img-box img {
  width: 80px;
  height: 80px;
  margin: 0 auto;
  margin-top: 18px;
}
.my-about-field-two .btn {
  margin-top: 25px;
}
.my-about-field-two .my-img-hover {
  margin-top: 30px;
}
.my-about-field-two h4 {
  font-size: 18px;
}
/*About three start*/

.my-about-field-three {
  padding: 80px 0 110px;
  background-size: cover;
  background-repeat: no-repeat;
}
.my-about-field-three .my-section-title h2 {
  color: #ffffff;
}
.my-about-field-three .my-about-col {
  margin-bottom: 30px;
}
.my-about-field-three .my-layer-yellow:before {
  background: rgba(252, 216, 70, 0.7);
}
.my-about-field-three .my-video-path {
  position: relative;
}
.my-about-field-three .my-video-path img {
  width: 375px;
  height: 260px;
}
.my-about-field-three .my-video-path .my-video-layer {
  position: absolute;
  left: 50%;
  top: 30%;
}
.my-about-field-three .my-video-path .my-video-layer img {
  width: 300px;
  height: 260px;
}
.my-video-layer i {
  position: absolute;
  top: 50%;
  left: 50%;
  font-size: 40px;
  color: #ffffff;
  margin-top: -20px;
  margin-left: -20px;
}
/* accordion start */

.my-accordion {
  position: relative;
}
.my-accordion .panel {
  background: transparent;
}
.my-accordion .panel-group .panel+.panel {
  margin-top: 15px;
}
.my-accordion .panel-default {
  border: none;
}
.my-accordion .panel-heading {
  padding: 0;
}
.my-accordion .panel-default>.panel-heading {
  background: none;
  border: none;
}
.my-accordion .panel .panel-title a {
  font-family: 'Raleway', sans-serif;
  color: #ffffff;
  font-size: 16px;
  text-transform: initial;
  font-weight: 600;
}
.my-accordion .panel .panel-heading a>span {
  font-family: 'Raleway', sans-serif;
  color: #ffffff;
  font-size: 16px;
  text-transform: initial;
  font-weight: 600;
}
.my-accordion .panel .panel-title a i,
.my-accordion .panel .panel-title a i {
  background-color: #000000;
  color: #ffffff;
  width: 40px;
  height: 40px;
  line-height: 40px;
  margin-right: 10px;
  text-align: center;
  border: 1px solid #ffffff;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
}
.my-accordion .panel .panel-title a .icon-1 {
  display: inline-block;
}
.my-accordion .panel .panel-title a .icon-1:after {
  content: "";
  position: absolute;
  left: 20px;
  top: 23px;
  width: 1px;
  height: 205px;
  background: rgba(255, 255, 255, 0.2);
}
.my-accordion .panel-title a.collapsed .icon-1 {
  display: none;
}
.my-accordion .panel .panel-title a .icon-2 {
  display: none;
}
.my-accordion .panel .panel-title a.collapsed .icon-2 {
  display: inline-block;
}
.my-accordion .panel-group .panel-heading+.panel-collapse>.panel-body {
  border-top: none;
  padding-left: 50px;
}
.my-accordion .panel-group .panel-heading+.panel-collapse>.panel-body p {
  color: #ffffff;
}
/*About four start*/

.my-about-field-four {
  padding: 80px 0 50px;
}
.my-about-field-four .my-about-col {
  margin-bottom: 30px;
}
.my-about-field-four .my-about-col h2 {
  font-size: 30px;
  color: #111111;
  text-transform: initial;
  font-weight: 600;
}
.my-about-field-four .my-about-col h2 span {
  color: #fcd846;
}
.my-about-box-three {
  padding-top: 50px;
  border-top: 2px solid #B5B5B5;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.my-about-box-three:hover {
  border-color: #FCD846;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.my-about-box-title {
  position: relative;
  padding-left: 80px;
  margin-bottom: 30px;
}
.my-about-box-three .my-about-box-title {
  margin-bottom: 50px;
}
.my-about-box-title h4 {
  font-size: 18px;
  font-weight: 600;
  text-transform: initial;
}
.my-hexagon {
  position: absolute;
  left: 0;
  top: 0;
}
.hexagon-small {
  text-align: center;
  position: relative;
  width: 60px;
  height: 40px;
  background-color: #FCD846;
  padding-top: 5px;
}
.hexagon-small img {
  width: 25px;
  height: 25px;
}
.hexagon-small:before {
  bottom: 100%;
  border-bottom: 15px solid #FCD846;
}
.hexagon-small:after {
  top: 100%;
  width: 0;
  border-top: 15px solid #FCD846;
}
.hexagon-small:before,
.hexagon-small:after {
  content: "";
  position: absolute;
  left: 0;
  width: 0;
  border-left: 30px solid transparent;
  border-right: 30px solid transparent;
}
.my-about-video i {
  position: absolute;
  left: 50%;
  top: 50%;
  margin-top: -31px;
  margin-left: -31px;
  font-size: 72px;
  color: #ffffff;
}
.my-about-video .my-layer-black:before {
  background: rgba(0, 0, 0, .6);
}
.my-another-title {
  margin-bottom: 25px;
  padding-left: 10px;
  border-left: 2px solid #FCD846;
}
.my-another-title span {
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 12px;
  color: #111111;
  font-weight: 600;
  text-transform: uppercase;
}
.my-another-title h2 {
  font-size: 32px;
  color: #111111;
  letter-spacing: 5px;
}
/*Accordion two start*/

.my-accordion-two .panel .panel-title a i,
.my-accordion-two .panel .panel-title a i {
  background-color: #000000;
  color: #ffffff;
  width: 30px;
  height: 30px;
  line-height: 30px;
  text-align: center;
}
.my-accordion-two .panel .panel-title a .icon-1 {
  display: inline-block;
}
.my-accordion-two .panel .panel-title a .icon-1:after {
  content: " ";
  position: absolute;
  left: 34px;
  top: 40px;
  width: 1px;
  height: 205px;
  background: rgba(255, 255, 255, 0.2);
}
.my-accordion-two .panel-title a.collapsed .icon-1 {
  display: none;
}
.my-accordion-two .panel .panel-title a .icon-2 {
  display: none;
}
.my-accordion-two .panel .panel-title a.collapsed .icon-2 {
  display: inline-block;
}
.my-accordion-two .panel-title a {
  font-size: 15px;
  font-weight: 600;
  text-transform: initial;
}
.my-accordion-two .panel-title a:hover,
.my-accordion-two .panel-title a:focus {
  color: #111111;
}
.my-accordion-two .panel-group .panel {
  border-radius: 0;
}
.my-accordion-two .panel-default>.panel-heading {
  background-color: #F9F9F9;
  border-color: #EEEEEE;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
/* Technology start*/

.my-technology-field {
  background: #FCD846;
  margin-bottom: 80px;
  min-height: 600px;
}
.my-technology-field .my-paddless {
  padding: 0;
}
.my-technology-content {
  padding: 80px 450px 60px 60px;
}
.my-technology-field .my-another-title {
  border-color: #ffffff;
}
.my-technology-field .panel .panel-title a .icon-1:after {
  background: transparent;
}
/* ========== Separator css Start ========== */

.my-separator-field {
  background: #0A0A0A;
  overflow: hidden;
}
.my-left-separator {
  width: 50%;
  background: #FCD846;
  float: left;
  border-right: 10px solid #ffffff;
  -ms-transform: skewX(-20deg);
  /* IE 9 */
  -webkit-transform: skewX(-20deg);
  /* Safari */
  transform: skewX(-20deg);
  /* Standard syntax */
}
.my-seratator-inside {
  width: 100%;
  background: #FCD846;
  padding-left: 42%;
  padding-top: 50px;
  padding-bottom: 50px;
  margin-left: -32px;
  -ms-transform: skewX(20deg);
  /* IE 9 */
  -webkit-transform: skewX(20deg);
  /* Safari */
  transform: skewX(20deg);
  /* Standard syntax */
}
.masonry-filter {
  line-height: 11px;
}
.my-left-separator h2 {
  font-size: 25px;
  text-align: left;
  font-weight: 600;
  margin-left: 15px;
  margin-bottom: 0;
  -ms-transform: skewX(0);
  /* IE 9 */
  -webkit-transform: skewX(0);
  /* Safari */
  transform: skewX(0);
  /* Standard syntax */
}
.my-right-separator {
  width: 50%;
  padding: 50px 0;
  float: left;
  padding-right: 20%;
  padding-left: 8%;
  position: relative;
}
.my-right-separator img {
  width: 180px;
  height: 160px;
  position: absolute;
  left: 32%;
  top: 0;
  z-index: 99;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=40)";
  /* for IE8 in IE7 mode */
  filter: alpha(opacity=10);
  /* for IE6-IE8 */
  opacity: .1;
}
.my-right-separator {
  margin-top: 12px;
}
/* Separator two start*/

.my-separator-field-two {
  padding: 150px 0;
  text-align: center;
  background: url(../images/bg/7.jpg);
  background-size: cover;
  background-repeat: no-repeat;
}
.my-separator-field-two.my-layer-black:before {
  background: rgba(0, 0, 0, 0.7);
}
.my-separator-field-two h2 {
  font-size: 32px;
  color: #ffffff;
  font-weight: 600;
  line-height: 48px;
}
.about-title h2 {
  font-size: 29px;
  line-height: 45px;
}
.my-separator-field-two h2 span {
  color: #fcd846;
}
/* ========== Service css Start ========== */

.home-3-service-padding {
  margin-right: -15px;
  margin-left: -15px;
}
.my-service-field {
  padding: 80px 0 50px;
  position: relative;
}
.my-transpar-bg-left {
  width: 335px;
  height: 335px;
  position: absolute;
  left: 0;
  top: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=40)";
  filter: alpha(opacity=10);
  opacity: .03;
}
.my-service-field .my-service-row {
  margin-top: 70px;
}
.my-service-col {
  margin-bottom: 30px;
}
.my-single-item {
  position: relative;
}
.my-single-item .layer {
  background-color: rgba(0, 0, 0, 0.8);
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  text-align: center;
  top: 0;
  transform: scale(0);
  -webkit-transition: all 0.4s ease-in-out 0s;
  -moz-transition: all 0.4s ease-in-out 0s;
  -ms-transition: all 0.4s ease-in-out 0s;
  -o-transition: all 0.4s ease-in-out 0s;
  transition: all 0.4s ease-in-out 0s;
}
.my-single-item:hover .layer {
  transform: scale(1);
  -webkit-transition: all 0.4s ease-in-out 0s;
  -moz-transition: all 0.4s ease-in-out 0s;
  -ms-transition: all 0.4s ease-in-out 0s;
  -o-transition: all 0.4s ease-in-out 0s;
  transition: all 0.4s ease-in-out 0s;
}
.my-single-item .my-arrow {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 9;
  width: 0;
  height: 0;
  border-right: 100px solid #000000;
  border-bottom: 100px solid transparent;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.my-single-item:hover .my-arrow {
  border-right-color: #FCD846;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.my-single-item .my-small-img {
  width: 35px !important;
  height: 30px;
  margin: 0 auto;
  position: absolute;
  right: 10px;
  top: 10px;
  z-index: 999;
}
.owl-post-carousel .owl-nav div {
  height: 40px;
  line-height: 32px;
  position: absolute;
  text-align: center;
  top: 14%;
  left: 20px;
  transform: translateY(-50%);
  width: 40px;
}
.owl-post-carousel .owl-nav div.owl-next {
  left: auto;
  right: 20px;
}
.owl-post-carousel .owl-dots {
  bottom: 10%;
  left: 0;
  position: absolute;
  right: 0;
  text-align: center;
}
.owl-post-carousel .owl-dot {
  border-radius: 50%;
  display: inline-block;
  height: 15px;
  margin: 0 2px;
  width: 15px;
}
.owl-theme .owl-dots .owl-dot span {
  background: #869791;
}
.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
  background: #FCD846;
}
.col-md-6 .my-blog-col.list-post .owl-post-carousel .owl-nav div {
  top: 50%;
}
.emarat-grid-post .col-md-12.grid-post .emarat-video-post.video-format iframe {
  height: 470px;
}
.emarat-grid-post .col-md-12.grid-post .featured-image.rounded-three img {
  width: 100%;
}
.emarat-grid-post .col-md-12.grid-post .owl-post-carousel .owl-nav div {
  top: 30%
}
.emarat-grid-post .col-md-12.grid-post .format-standard {
  min-height: 450px;
}
.emarat-grid-post .col-md-6.grid-post .emarat-video-post.video-format iframe,
.emarat-grid-post .col-md-6.grid-post .emarat-audio-post.audio-format iframe,
.emarat-grid-post .col-md-6.grid-post .emarat-audio-post.audio-format iframe,
.emarat-grid-post .col-md-6.grid-post .blog-quote blockquote {
  min-height: 360px;
}
.emarat-grid-post .col-md-3.grid-post .emarat-video-post.video-format iframe {
  min-height: 175px;
}
.emarat-grid-post .col-md-3.grid-post .emarat-audio-post.audio-format iframe,
.emarat-grid-post .col-md-3.grid-post .blog-quote blockquote {
  height: 175px;
}
.my-blog-col.list-post .emarat-video-post.video-format iframe,
.my-blog-col.list-post .emarat-audio-post.audio-format iframe {
  height: 370px;
}
.vc-grid-blog-area .vc-list-blog .emarat-video-post.video-format iframe {
  height: 370px;
}
.emarat-grid-post .col-md-4.grid-post .emarat-video-post.video-format iframe,
.emarat-grid-post .col-md-4.grid-post .emarat-audio-post.audio-format iframe,
.vc-grid-blog-area .col-md-4.grid-post .emarat-video-post.video-format iframe,
.vc-grid-blog-area .col-md-4.grid-post .emarat-audio-post.audio-format iframe {
  height: 236px;
}
.vc-list-blog-area .vc-list-blog .col-md-6 .my-blog-col .emarat-video-post.video-format iframe,
.vc-list-blog-area .vc-list-blog .col-md-6 .my-blog-col .emarat-audio-post.audio-format iframe,
.vc-list-blog-area .vc-list-blog .col-md-6 .my-blog-col .blog-quote blockquote {
  height: 360px;
}
.vc-grid-blog-area .col-md-6.grid-post .emarat-video-post.video-format iframe,
.vc-grid-blog-area .col-md-6.grid-post .emarat-audio-post.audio-format iframe,
.vc-grid-blog-area .col-md-6.grid-post .my-blog-col .blog-quote blockquote {
  min-height: 360px;
}
.vc-grid-blog-area .col-md-6.grid-post .format-standard .my-blog-col {
  min-height: 790px;
}
.vc-grid-blog-area .col-md-3.grid-post .emarat-video-post.video-format iframe,
.vc-grid-blog-area .col-md-3.grid-post .emarat-audio-post.audio-format iframe,
.vc-grid-blog-area .col-md-3.grid-post .my-blog-col .blog-quote blockquote {
  height: 170px;
}
.vc-grid-blog-area .col-md-3.grid-post .format-standard .my-blog-col {
  min-height: 777px;
}
.vc-grid-blog-area .col-md-6.grid-post .format-gallery .my-blog-col .featured-image img {
  height: 360px;
}
.vc-grid-blog-area .col-md-4.grid-post .format-gallery .my-blog-col .bp-cat {
  padding-top: 25px;
}
.vc-grid-blog-area .col-md-6.grid-post .format-gallery .my-blog-col .bp-cat {
  padding-top: 30px;
}
.vc-grid-blog-area .col-md-3.grid-post .owl-post-carousel .owl-nav div,
.emarat-grid-post .col-md-3.grid-post .owl-post-carousel .owl-nav div {
  top: 10%;
}
.my-blog-single .blog-list .blog-post .my-blog-col .owl-post-carousel .owl-nav div {
  top: 6%;
}
.my-blog-single .blog-list .blog-post .my-blog-col .emarat-video-post.video-format iframe,
.my-blog-single .blog-list .blog-post .my-blog-col .emarat-audio-post.audio-format iframe {
  height: 460px;
}
.my-blog-single .blog-list .blog-post .my-blog-col .blog-quote blockquote {
  height: 360px;
}
.vc-list-blog-area .vc-list-blog .emarat-blog-top-meta.my-blog-heading h2 {
  margin-top: 0px;
}
.vc-list-blog-area .vc-list-blog .emarat-blog-heading {
  font-size: 25px;
}
.vc-list-blog-area .vc-list-blog .my-blog-bottom ul {
  margin-left: 0px;
}
.vc-list-blog-area .vc-list-blog .my-blog-bottom ul li {
  display: inline-block;
  margin-top: 35px;
}
.my-service-field .my-layer-yellow {
  position: relative;
}
.my-service-field .my-layer-yellow:before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  right: 0;
  z-index: 0;
  background-color: rgba(252, 216, 70, 0.5);
}
.my-video-img a.popup-youtube {
  position: absolute;
  width: 64px;
  height: 64px;
  left: calc(50% - 32px);
  top: calc( 50% - 32px );
  font-size: 64px;
  color: #fff;
  line-height: 1;
}

.my-service-field .my-service-row .my-section-title {
  margin-bottom: 30px;
}
.my-service-field .my-service-row .my-section-title h2 {
  float: none;
}
.my-service-field .my-service-row .my-section-title .my-title-line {
  float: none;
  margin-left: 0;
}
.my-service-field .my-service-row .my-service-col ul {
  margin-bottom: 25px;
}
.my-service-list .my-service-col ul {
  margin-left: 0;
}
.my-service-list .my-service-col ul li {
  margin-bottom: 10px;
  margin-top: 10px;
  list-style: none;
}
.my-service-list .my-service-col ul li:before {
  content: "\f05d";
  font-family: FontAwesome;
  margin-right: 10px;
  color: #111111;
}
.my-service-list .my-service-col ul li a {
  color: #111111;
}
/*service two start */

.my-service-field-two {
  padding-bottom: 50px;
  padding-top: 80px;
}
.my-service-field-two {
  padding: 80px 0 50px;
  position: relative;
}
.my-service-col {
  margin-bottom: 30px;
}
.my-service-item {
  position: relative;
  overflow: hidden;
}
.my-service-icon {
  position: absolute;
  right: 0;
  bottom: 60px;
  width: 60px;
  height: 60px;
  background: #ffffff;
  text-align: center;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
.my-service-icon a i {
  color: #FCD846;
  font-size: 30px;
  line-height: 60px;
}
.my-service-item:hover .my-service-icon {
  right: -60px;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
.my-service-item .my-service-title {
  position: absolute;
  left: 0;
  bottom: 0;
  padding: 20px;
  background: #FCD846;
  width: 100%;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
.my-service-item:hover .my-service-title {
  bottom: -65px;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
.my-service-item .my-service-title h4 {
  font-size: 18px;
  color: #ffffff;
  font-weight: 600;
  margin-bottom: 0;
}
.my-service-content {
  position: absolute;
  bottom: -190px;
  background: #0A0A0A;
  padding: 20px;
  width: 100%;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
.my-service-item:hover .my-service-content {
  bottom: 0;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
.my-service-content h3 {
  color: #ffffff;
  font-size: 18px;
  font-weight: 600;
}
.my-service-content p {
  color: #ffffff;
  z-index: 2;
}
.my-service-content img {
  width: 100px;
  height: 100px;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
}
/* ========== Service details css Start ========== */

.my-service-details-field {
  padding: 80px 0 50px;
}
.my-service-details-col {
  margin-bottom: 30px;
}
.my-service-details-field .my-service-slider .owl-theme .owl-nav[class*=owl-] {
  padding: 7px 22px;
  border-radius: 0;
  border: 1px solid #333333;
  color: #333333;
  background: transparent;
  font-size: 20px;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.my-service-details-field .my-service-slider .owl-theme .owl-nav[class*=owl-]:hover {
  background: #FCD846;
  border-color: #FCD846;
  color: #ffffff;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.my-processing {
  margin-top: 80px;
}
.my-processing h2 {
  font-size: 30px;
}
.my-processing h2 span {
  color: #fcd846;
}
.my-processing .my-para-space {
  margin-bottom: 25px;
}
.my-processing-img {
  position: relative;
}
.my-processing-img .my-processing-img-over {
  position: absolute;
  right: -8%;
  bottom: -75%;
}
.my-team-inner {
  margin-top: 50px;
}
.my-Service-details-col ul {
  margin-bottom: 50px;
}
.my-Service-details-col ul li {
  border: 1px solid #EEEEEE;
  border-left: 4px solid #EEEEEE;
  margin-bottom: 5px;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.recent-service .my-Service-details-col ul li {
  color: #111111;
  padding: 15px 10px;
  background: #F9F9F9;
  display: block;
}
.recent-service .my-Service-details-col ul li a {
  color: #111111;
}
.my-gallery-field.emarat-masonry.no-spacer .col-md-2,
.my-gallery-field.emarat-masonry.no-spacer .col-md-3,
.my-gallery-field.emarat-masonry.no-spacer .col-md-4,
.my-gallery-field.emarat-masonry.no-spacer .col-md-6 {
  padding-right: 0px;
  padding-left: 0px;
}
.my-gallery-field.emarat-masonry.no-spacer .col-md-3 .my-works-col,
.my-gallery-field.emarat-masonry.no-spacer .col-md-4 .my-works-col,
.my-gallery-field.emarat-masonry.no-spacer .col-md-6 .my-works-col {
  margin-bottom: 0px;
}
.my-gallery-field.emarat-masonry.no-spacer .col-md-2 .layer.layer-two i {
  top: 50%;
  transform: translateY(-50%);
}
.my-gallery-field.emarat-masonry.no-spacer .layer.layer-two i {
  top: 50%;
  transform: translateY(-50%);
}
.recent-service .my-Service-details-col ul li:last-child {
  padding: 15px 10px;
}
.my-Service-details-col ul li:hover {
  border-left-color: #FCD846;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.my-Service-details-col h5 a {
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 14px;
  color: #ffffff;
  font-weight: bold;
  background: #FEC107;
  padding: 15px 40px;
  display: block;
}
.my-Service-details-col h5 a i {
  margin-right: 10px;
  font-size: 20px;
}
/* ========== Testimonial css Start ========== */

.my-testimonial-field {
  padding: 80px 0 50px;
  background: url(../images/bg/5.png);
  background-repeat: no-repeat;
  background-position: 72% 40%;
}
.my-testimonial-field .my-testimonial-col {
  margin-bottom: 30px;
}
.my-testimonial-field .my-section-title h2 {
  float: none;
  color: #ffffff;
}
.my-testimonial-field .my-section-title .my-title-line {
  float: none;
  margin-left: 0;
}
.my-testimonial-item {
  position: relative;
  padding-left: 150px;
}
.my-testimonial-item img {
  position: absolute;
  left: 0;
  top: 0;
  width: 120px !important;
  height: 132px;
}
.emarat-counter {
  background-image: url(../images/5.png);
  background-repeat: no-repeat;
  background-position: top center;
}
.emarat-counter .single-counter.col-md-6:first-of-type {
  border-right: 1px solid #454545;
}
.emarat-counter .single-counter.col-md-12 {
  border-top: 1px solid #454545;
  padding-top: 30px;
}
.emarat-counter .single-counter.col-md-12 .my-funfact-col {
  margin-bottom: 0px;
}
.my-testimonial-content h4 {
  font-family: 'Raleway', sans-serif;
  font-size: 16px;
  color: #ffffff;
}
.my-testimonial-content span {
  font-family: 'Raleway', sans-serif;
  font-size: 12px;
  color: #fcd846;
}
.my-testimonial-content span a {
  color: #fcd846;
}
.my-testimonial-content p {
  color: #ffffff;
}
.my-testimonial-content {
  position: relative;
}
.my-testimonial-content i {
  font-size: 72px;
  color: #1f1e1e;
  position: absolute;
  right: 35px;
  top: -6px;
}
.my-funfact-col {
  margin-bottom: 30px;
  text-align: center;
}
.my-funfact-col p {
  font-size: 14px;
  font-weight: 400;
  color: #ffffff;
  text-transform: uppercase;
  letter-spacing: 4px;
  margin-bottom: 15px;
}
.my-funfact {
  display: inline-block;
}
.my-funfact-col .start-count {
  font-family: 'Raleway', sans-serif;
  font-size: 36px;
  color: #fcd846;
  float: left;
}
.my-funfact-col span {
  font-size: 36px;
  color: #fcd846;
  float: left;
}
.my-hour-row {
  margin-top: 30px;
}
.emarat-testimonials-round .testi-client img {
  max-width: 147px;
  display: inherit !important;
  border-radius: 50%;
}
.emarat-testimonials-round span.testimonial-heading {
  font-size: 20px;
}
.emarat-testimonials-round .test-client img {
  border-radius: 50%;
  text-align: center;
}
.testi-content {
  padding: 15px 0;
}
.emarat-testimonial {
  text-align: center;
  color: #fff;
}
/* ========== Team css Start ========== */

.my-team-field {
  position: relative;
}
.my-transpar-bg-right {
  width: 335px;
  height: 335px;
  position: absolute;
  right: 0;
  top: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=40)";
  filter: alpha(opacity=10);
  opacity: .03;
}
.my-team-col {
  margin-bottom: 30px;
  text-align: center;
  background: #F8F8F8;
  box-shadow: 0 5px 20px rgba(0, 0, 0, 0.15);
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.my-team-col:hover {
  transform: translateY(-5px);
  box-shadow: none;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.my-team-box {
  position: relative;
}
.my-team-box img {
  width: 100%;
}
.my-team-box .my-layer {
  background: rgba(252, 216, 70, 0.9);
  bottom: 0;
  left: 0;
  position: absolute;
  top: 0;
  right: 0;
  text-align: center;
  transform: scale(0);
  -webkit-transition: all 0.4s ease-in-out 0s;
  -moz-transition: all 0.4s ease-in-out 0s;
  -ms-transition: all 0.4s ease-in-out 0s;
  -o-transition: all 0.4s ease-in-out 0s;
  transition: all 0.4s ease-in-out 0s;
}
.my-team-col:hover .my-layer {
  transform: scale(1);
}
.my-team-box .my-layer .my-team-social {
  display: inline-block;
  text-align: center;
  padding-top: 48%;
  list-style: none;
}
.my-team-box .my-layer .my-team-social li {
  float: left;
  margin-right: 5px;
  margin-left: 5px;
}
.my-team-box .my-layer .my-team-social li a i {
  width: 40px;
  height: 40px;
  text-align: center;
  font-size: 18px;
  line-height: 40px;
  color: #ffffff;
  background: #0A0A0A;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.my-team-box .my-layer .my-team-social li a i:hover {
  background: #ffffff;
  color: #0A0A0A;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.my-team-col .my-team-content {
  padding: 30px;
}
.my-team-col .my-team-content h4 {
  font-size: 18px;
  font-weight: 600;
}
.my-team-col .my-team-content p {
  font-size: 10px;
}
/*Team two start*/

.my-team-field-two .my-team-col {
  box-shadow: none;
  background: none;
}
.my-team-single {
  position: relative;
}
.my-img-over-box {
  width: 290px;
  height: 332px;
  border: 1px solid #F1F2F3;
  position: absolute;
  top: 5px;
  left: 50%;
  margin-left: -145px;
  z-index: 9;
}
.my-team-field-two .my-team-social-two {
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -70px;
  z-index: 99;
  opacity: 0;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
.my-team-field-two .my-team-col:hover .my-team-social-two {
  opacity: 1;
  top: 6px;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
.my-team-field-two .my-team-social-two ul li {
  float: left;
  margin-left: 5px;
  margin-right: 5px;
  list-style: none;
}
.my-team-field-two .my-team-social-two ul li a i {
  color: #ffffff;
  background: #0A0A0A;
  font-size: 18px;
  line-height: 36px;
  width: 40px;
  height: 40px;
  text-align: center;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
.my-team-field-two .my-team-social-two ul li a i:hover {
  background: #FCD846;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
.my-team-name {
  background: rgba(252, 216, 70, 0.8);
  width: 315px;
  position: absolute;
  bottom: 0;
  left: 50%;
  margin-left: -157px;
  z-index: 999;
  text-align: center;
  padding: 40px 10px;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
.my-team-field-two .my-team-col:hover .my-team-name {
  bottom: 40px;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
.my-team-name h4 {
  font-size: 18px;
  margin-bottom: 5px;
}
.my-team-name h4 a {
  color: #111;
}
.my-team-name p {
  font-size: 12px;
}
/********* Team details start ********/

.my-team-details {
  padding: 20px 0 50px;
}
.my-team-two {
  padding-top: 0;
}
.my-team-details-col {
  margin-bottom: 30px;
}
.my-ditails-content {} .my-ditails-content .my-angle-text {
  color: #111111;
  font-style: italic;
}
.my-ditails-content h2 {
  font-size: 30px;
  color: #fec107;
  margin-top: 10px;
  font-weight: 600;
}
.my-ditails-content h6 {
  font-size: 10px;
  text-transform: initial;
  margin-bottom: 20px;
}
.my-ditails-content .my-contact-line {
  margin-right: 30px;
}
.my-ditails-content .my-contact-line i {
  color: #fec107;
  margin-right: 10px;
}
.my-ditails-content .team-content {
  margin-top: 20px;
  margin-bottom: 50px;
}
/* contact css start */

.content-area .wpcf7-form-control {
  border: 1px solid #ccc;
  padding: 9px 15px;
}
.content-area .wpcf7-form-control {
  display: block;
}
textarea.wpcf7-form-control.wpcf7-textarea {
  height: 215px;
}
.content-area label {
  display: block;
  color: #606060;
}
.my-main-contact-from .form-group {
  margin-bottom: 10px;
}
.my-main-contact-from .col-md-6 .form-group {
  margin-bottom: 20px;
}
.wpcf7 textarea.wpcf7-form-control.wpcf7-textarea {
  width: 100%;
  margin-bottom: 34px;
}
.wpcf7 p {
  width: 50%;
  float: left;
  padding: 7px 5px;
  padding-bottom: 0;
  margin-bottom: 0;
}
.wpcf7 p:nth-last-child(2) {
  text-align: right;
}
.content-area .wpcf7-form-control {
  border: 1px solid #ccc;
  padding: 9px 15px;
}
.content-area .wpcf7-form-control {
  display: block;
}
.content-area .wpcf7 input {
  width: 100%;
}
.wpcf7 p:nth-child(1) {
  width: 50%;
}
.wpcf7 textarea.wpcf7-form-control.wpcf7-textarea {
  width: 100%;
  margin-bottom: 34px;
}
.wpcf7 p {
  width: 50%;
  float: left;
  padding: 10px;
}
.wpcf7 p:nth-last-child(4),
.wpcf7 p:nth-last-child(3),
.wpcf7 p:nth-last-child(2) {
  width: 100%;
}
.content-area .wpcf7-submit {
  background: rgba(252, 216, 70, 0.9);
  text-transform: uppercase;
  color: #60660;
  font-weight: 700;
}
textarea {
  width: 100%;
}
.my-contact-form h3 {
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 20px;
}
.my-contact-form .form-control {
  height: 45px;
  border-radius: 0;
  resize: none;
  color: #dbdada;
  margin-bottom: 25px;
}
.my-contact-form .my-form-control:focus {
  box-shadow: none;
  border-color: #A6A6A6;
}
.my-text-area {
  height: 100% !important;
}
/* progress bar start */

.progress-levels {
  position: relative;
  margin-top: 30px;
}
.progress-levels .progress-box {
  position: relative;
  margin-bottom: 35px;
  overflow: hidden;
}
.progress-levels .progress-box .inner {
  background-color: #eeeeee;
}
.progress-levels .progress-box .bar {
  position: relative;
  height: 5px;
}
.progress-levels .progress-box .bar .bar-innner {
  position: relative;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 4px;
}
.progress-levels .progress-box .bar .bar-fill {
  position: absolute;
  background: #FEC107;
  left: -100%;
  top: 0px;
  width: 0px;
  height: 8px;
  border-radius: 2px;
  -webkit-transition: all 1500ms ease 1000ms;
  -moz-transition: all 1500ms ease 1000ms;
  -ms-transition: all 1500ms ease 1000ms;
  -o-transition: all 1500ms ease 1000ms;
  transition: all 1500ms ease 1000ms;
}
.progress-levels .progress-box.animated .bar .bar-fill {
  left: 0px;
}
.progress-levels .progress-box.animated .percent {
  opacity: 1;
}
.progress-levels .progress-box .percent {
  position: absolute;
  right: 0px;
  text-align: center;
  top: -35px;
  letter-spacing: 1px;
  font-size: 15px;
  font-weight: bold;
  color: #0a0a0a !important;
  line-height: 26px;
  opacity: 0;
  -webkit-transition: all 200ms ease 700ms;
  -moz-transition: all 200ms ease 700ms;
  -ms-transition: all 200ms ease 700ms;
  -o-transition: all 200ms ease 700ms;
  transition: all 200ms ease 700ms;
}
.progress-levels:last-child {
  margin-bottom: 0px;
}
.progress-levels .box-title {
  position: relative;
  font-size: 14px;
  line-height: 26px;
  font-weight: bold;
  color: #0a0a0a;
  text-transform: uppercase;
  margin-bottom: 10px;
}
/* ========== Singup css Start ========== */

.my-singup-filed {
  text-align: center;
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-position: center;
}
.my-singup-content {
  padding: 36px 0 30px;
}
.my-singup-col {
  margin-bottom: 30px;
}
.my-singup-filed h3 {
  font-size: 24px;
  margin-bottom: 50px;
  letter-spacing: 1px;
}
.my-singup-filed .my-singup-content h3 {
  margin-bottom: 50px;
}
.my-singup-filed .form-control {
  border: none;
  background: #ffffff;
  border-radius: 0;
  height: 40px;
  font-size: 12px;
  color: #0a0a0a;
}
.my-singup-content .my-singup-col {
  margin-bottom: 10px !important;
}
.my-singup-filed .btn {
  border-radius: 0;
}
/*Singup two start*/

.my-singup-filed-two h3 {
  color: #ffffff;
}
.my-singup-filed-two h3 span {
  color: #fcd846;
}
/* ========== Blog css Start ========== */

.my-blog-filed {
  position: relative;
}
.my-blog-col {
  margin-bottom: 30px;
}
.emarat-list-post .my-blog-col {
  margin-bottom: 0px;
}
.grid-post .blog-post .my-blog-col {
  margin-bottom: 0px;
}
.my-blog-filed .my-blog-col .my-blog-heading h2 {
  font-family: 'Raleway', sans-serif;
  color: #FCD846;
  margin-bottom: 15px;
}
.my-blog-filed .my-blog-col .my-blog-heading h2.grid-post {
  font-family: 'Raleway', sans-serif;
  color: #FCD846;
  margin-bottom: 15px;
}
.my-blog-filed-two .my-blog-col .my-blog-heading h2.grid-post {
  font-size: 48px;
}
.my-blog-filed .my-blog-col .my-blog-heading h2 span {
  color: #111111;
  font-size: 14px;
}
.my-blog-filed .my-blog-col .my-blog-heading h3 a {
  font-family: 'Source Sans Pro', sans-serif;
  color: #111111;
  font-size: 24px;
  text-transform: capitalize;
  margin-bottom: 20px;
}
.emarat-blog-content h3 a {
  color: #111111;
}
.emarat-blog-top-meta.my-blog-heading h2 {
  font-family: 'Raleway', sans-serif;
  font-size: 48px;
  color: #FCD846;
  margin-bottom: 15px;
}
.emarat-blog-top-meta.my-blog-heading h2 span {
  color: #111111;
  font-size: 14px;
}
.emarat-blog-top-meta.my-blog-heading h3 a {
  font-family: 'Source Sans Pro', sans-serif;
  color: #111111;
  font-size: 24px;
  text-transform: capitalize;
  margin-bottom: 20px;
}
.my-blog-filed .my-blog-col p a {
  color: #FCD846;
}
.my-blog-filed .my-blog-col .my-blog-bottom {
  margin-top: 20px;
  padding-top: 20px;
  border-top: 1px solid #F4F4F4;
}
.archive-comment ul li {
  display: inline;
}
.my-blog-bottom.archive-comment.clearfix {} .archive-comment {
  margin-top: 35px;
}
.my-blog-bottom.clearfix ul {
  list-style: none;
  margin-left: 6px;
}
.my-blog-filed .my-blog-col .my-blog-bottom ul li {
  float: left;
  margin-right: 20px;
  color: #868080;
}
.my-blog-filed .emarat-grid-post .col-md-3.grid-post .my-blog-col .my-blog-bottom ul li {
  float: left;
  margin-right: 8px;
  color: #868080;
}
.my-blog-filed .my-blog-col .my-blog-bottom ul li i {
  margin-right: 5px;
  color: #868080;
  font-size: 18px;
}
.my-blog-filed .my-blog-col .my-blog-bottom ul li a {
  color: #868080;
}
.my-blog-filed .my-blog-col .my-blog-bottom ul li a:hover {
  color: #FCD846;
}
.my-blog-filed-two .my-blog-col .my-layer-black:before {
  background: rgba(0, 0, 0, .6);
}
.my-blog-filed-two .my-blog-col .my-blog-heading h2 {
  margin-top: 0;
  font-size:48px;
}
/* Blog single start */

.my-blog-single {
  padding: 80px 0 50px;
}
.my-blog-single .my-blog-text-box {
  padding: 50px 30px;
  background: #F7F7F7;
  margin-bottom: 30px;
}
.my-blog-single .my-blog-col {
  margin-bottom: 30px;
}
.my-blog-single .my-blog-text-box p {
  font-size: 16px;
  color: #111111;
  font-style: italic;
}
.my-blog-single-comment {
  margin-top: 60px;
}
.my-blog-single-comment ul.children {
  margin-left: 45px;
}
.comments-area ol.comments {
  padding-left: 0;
  margin-left: 0;
}
.my-blog-single-comment li.comment,
.my-blog-single-comment li.pingback {
  margin-top: 20px;
  list-style: none;
}
.my-blog-single-comment h2.comments-title {
  font-style: 30px;
  text-transform: initial;
  margin-bottom: 40px;
  margin-top: 0px;
}
blockquote p {
  padding-left: 20px;
}
.my-blog-single-comment h2.comments-title i {
  margin-right: 10px;
  color: #FCD846;
}
.my-blog-single-comment .my-comment-item {
  position: relative;
  padding-left: 110px;
}
.my-blog-single-comment .pingback .my-comment-item {
  padding-left: 0px;
}
.my-blog-single-comment .my-comment-item img {
  width: 80px;
  height: 80px;
  position: absolute;
  left: 0;
  top: 0;
}
.comment-image img {
  border-radius: 50%;
  width: 80px;
  display: none;
}
.my-blog-single-comment .my-comment-item .avatar+h6 {
  text-transform: initial;
  color: #FCD846;
  font-size: 16px;
  font-weight: 400;
}
.my-blog-single-comment .my-comment-item h6 i {
  font-size: 30px;
  color: #FCD846;
}
.my-blog-single-comment .my-comment-item span {
  text-transform: uppercase;
  margin-top: -50px;
}
.page .my-blog-single-comment .my-comment-item span {
  text-transform: uppercase;
  margin-top: 0px;
}
.my-blog-single-comment .my-comment-item p {
  margin-top: 0px;
}
.emarat-blog-archive .my-blog-col .bp-author {
  margin-bottom: 20px;
}
.emarat-list-post .blog-post {
  margin-bottom: 40px;
}
.blog-post {
  margin-bottom: 50px;
}
.home-two-blog .blog-post {
  margin-bottom: 30px;
}
.emarat-grid-post .blog-post-item .blog-post {
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.2);
  margin-bottom: 0px;
}
.emarat-grid-post .blog-post-item .blog-post {
  margin-bottom: 0px;
}
.emarat-grid-post .blog-post-item .blog-post .my-blog-col {
  margin-bottom: 30px;
}
.emarat-grid-post .sticky {
  border: none;
}
.emarat-grid-post .blog-post-item .blog-post .my-blog-col .emarat-blog-content {
  padding: 30px;
}
.emarat-grid-post .featured-image.rounded-three {
  margin-top: 0px;
}
.emarat-grid-post .sticky {
  padding-top: 0;
  padding-bottom: 0;
  background: #F4F6F7;
}
.emarat-grid-post .sticky-post {
    top: 0px;
    width: 50px;
    height: 59px;
}
.grid-post .my-blog-col .bp-cat {
  margin-bottom: 20px;
}
.grid-post .my-blog-col .bp-date {
  margin-bottom: 20px;
}
/* blog sidebar start */

.my-sidebar-title {
  margin-bottom: 30px;
  padding-bottom: 20px;
  border-bottom: 1px solid #d2d2d2;
  text-transform: initial;
  font-size: 24px;
}
.sidebar .widget_nav_menu ul.sub-menu {
    padding-top: 15px;
}
.widget select {
  padding: 10px;
  width: 100%;
  border: 1px solid #d2d2d2;
  color: #333;
}
.my-sidebar-title span {
  color: #fec107;
}
.my-search-box {
  margin-bottom: 50px;
}
.my-search-box .form-control {
  background: #F9F9F9;
  border: none;
  height: 50px;
  box-shadow: none;
  font-size: 12px;
  color: #d2d2d2;
}
.my-search-box .input-group-btn:last-child>.btn,
.my-search-box .input-group-btn:last-child>.btn-group {
  height: 50px;
  width: 50px;
  background: #F9F9F9;
}
.my-search-box .fa-search:before {
  font-size: 20px;
  color: #d2d2d2;
}
.my-post {
  margin-bottom: 50px;
}
.my-post .my-post-item {
  position: relative;
  padding-left: 95px;
  margin-bottom: 50px;
}
.my-post .my-post-item.latest-post {
  margin-bottom: 35px;
}
.my-blog-single .my-post .my-post-item.latest-post h4 {
  font-size: 13px;
  padding-top: 0;
}
.my-post .my-post-item img {
  width: 70px;
  height: 70px;
  position: absolute;
  left: 0;
  top: 0;
}
.my-post .my-post-item h4 {
  text-transform: initial;
  padding-top: 10px;
}
.my-post .my-post-item span {
  font-family: 'Source Sans Pro', sans-serif;
  color: #af9a7d;
  font-size: 14px;
  text-transform: uppercase;
}
.my-categories {
  margin-bottom: 50px;
}
.my-categories ul li {
  margin-bottom: 15px;
  margin-top: 15px;
}
.my-categories ul li:first-child {
  margin-top: 0;
}
.my-categories ul li:last-child {
  margin-top: 0;
}
.my-categories ul li i {
  margin-right: 20px;
  color: #fcd846;
}
.my-categories ul li a {
  color: #0a0a0a;
  font-weight: 600;
}
.my-resousce {
  margin-bottom: 50px;
}
.widget {
  margin-bottom: 45px;
}
.emarat-share ul li {
  display: inline-block;
  padding-left: 9px;
}
.emarat-share p {
  display: inline-block;
}
.emarat-share ul {
  margin-left: 0;
  display: inline-block;
}
.emarat-share ul li i {
  font-size: 15px;
  color: #333;
}
.emarat-share {
  display: inline-block;
}
.emarat-share a {
    display: block;
    width: 45px;
    height: 45px;
    background: #ddd;
    border-radius: 50%;
    line-height: 45px;
    text-align: center;
    color: #fff;
}
.emarat-tags {
  float: right;
}
.emarat-tags p {
  display: inline;
}
.emarat-tags ul {
  margin-left: 0;
}
.emarat-tags ul li {
  display: inline;
  padding: 9px;
  border: 1px solid #ccc;
  margin: 2px;
}
.share-and-tags .emarat-tags ul li {
  display: inline-block;
}
.tagcloud a {
  margin-right: 5px;
  margin-bottom: 10px;
  display: inline-block;
  font-size: 14px !important;
  color: #333;
  border: 1px solid #868080;
  padding: 7px 15px;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.tagcloud a:hover {
  background: #FEC107;
  color: #fff;
}
.my-tags a:hover {
  background: #FEC107;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
/*Single Pagination*/

.emarat-more-posts {
  margin-top: 50px;
  margin-bottom: 20px;
}
.emarat-more-posts .previous-post,
.emarat-more-posts .next-post {
  width: 50%;
  float: left;
  box-sizing: border-box;
  padding: 10px 1px;
}
.emarat-more-posts .pagination-prfix {
  font-weight: 700;
  margin-right: 10px;
}
.emarat-more-posts .previous-post.border-right {
  border-right: 2px solid #ddd;
}
.emarat-more-posts .previous-post.border-right {
  border-right: 2px solid #ddd;
}
.emarat-more-posts>div:first-of-type {
  border-right: 2px solid #ddd;
}
.emarat-more-posts>div:last-of-type {
  text-align: right;
}
.emarat-more-posts>div.single {
  text-align: left !important;
}
.emarat-page-section .learn-press-message {
  border-left: 5px solid #F4A460;
}
.become-teacher-fields {
  width: 300px;
  margin: 0 auto;
}
/* ========== Client css Start ========== */

.my-client-field {
  padding: 30px 0 10px;
  background: #FCD846;
}
.my-client-field .my-client-col {
  margin-bottom: 30px;
}
.my-client-field img {
  width: 120px;
  height: 90px;
  margin: 0 auto;
}
/* Client two Start */

.my-client-field-two {
  background: #ffffff;
  padding-top: 0;
  padding-bottom: 50px;
}
.my-client-field-two .my-client-col {
  border: 1px solid #DADADA;
  padding-top: 30px;
  padding-bottom: 30px;
}
.my-client-field-two .my-client-col:hover {
  border: 1px solid #FCD846;
}
/* ========== Features css Start ========== */

.my-features-field {
  padding: 80px 0px 50px;
  margin-top: -160px;
}
.my-features-col {
  margin-bottom: 30px;
}
.vc_custom_my-faetures-box {
  margin-top: -150px;
}
.my-faetures-box {
  display: block;
  text-align: center;
  background: #0A0A0A;
  padding: 45px 40px;
}
.my-faetures-box img {
  width: 65px;
  height: 65px;
  margin: 0 auto;
  margin-bottom: 5px;
}
.my-faetures-box h4 {
  font-size: 18px;
  color: #fcd846;
  margin-bottom: 20px;
}
.my-faetures-box h4 a {
  color: #FCD846;
}
.my-service-content h3 a {
  color: #FCD846;
}
.my-faetures-box p {
  color: #ffffff;
}
.my-box-pad-less {
  padding: 0;
}
.my-faetures-box-middle {
  background: #141414;
  padding: 55px 40px;
  margin-top: -10px;
}
.my-box-pad-less:nth-child(2) .my-faetures-box {
  background: #141414;
  padding: 55px 40px;
  margin-top: -10px;
}
/*inner featured start*/

.my-inner-features {
  margin-top: 0;
}
/* ========== Works css Start ========== */

.my-works-field {
  padding: 80px 0 50px;
  position: relative;
}
.my-gallery-field {
  position: relative;
}
.my-gallery-field .my-works-col {
  margin-bottom: 30px;
}
.my-img-hover-two .layer {
  width: 100%;
  height: 100%;
  padding-top: 15%;
}
.my-img-hover-two .layer-two {
  padding-top: 22%;
}
.my-img-hover-two .layer i:before {
  font-size: 36px;
}
.my-img-hover-two .layer p {
  text-transform: uppercase;
  font-size: 16px;
  font-weight: 600;
  color: #ffffff;
  margin-top: 11%;
}
.my-contact-col.my-address-box p {
  margin-bottom: 0;
}
/* Works two start */

.my-works-field-two {
  padding: 0;
}
.my-works-field-two .my-img-hover-two .layer {
  padding-top: 34%;
}
/* Inner works start */

.my-inner-works {
  padding-bottom: 30px;
}
/* ========== Shop css Start ========== */

.my-project-one {
  padding: 80px 0 80px;
}
.my-project-one .my-col-padless {
  padding: 0;
}
.my-col-padless {
  padding: 0;
}
/* Project two start */

.my-project-two {
  padding: 80px 0 50px;
}
.my-project-two .my-project-col {
  margin-bottom: 30px;
}
.my-project-two .my-project-col .layer {
  padding-top: 28%;
}
.my-project-two .my-project-col .layer-two {
  padding-top: 72%;
}
/* Project masonry start */

.my-project-masonry {
  padding: 80px 0;
}
.list-inline {
  margin-bottom: 50px;
}
.list-inline li {
  margin-left: 10px;
  margin-right: 10px;
}
.list-inline li a {
  font-size: 13px;
  color: #111111;
  font-weight: bold;
}
.list-inline li a:hover {
  color: #fcd846;
}
.list-inline li .active {
  color: #fcd846;
}
/* Project title start */

.my-project-title {
  padding: 80px 0;
}
.my-project-title .my-title-item {
  text-align: center;
  background: #0A0A0A;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
.my-project-title .my-title-item:hover {
  background: #FCD846;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
.my-project-title .my-title-item p {
  color: #ffffff;
  padding: 30px;
  text-transform: uppercase;
  font-weight: bold;
  margin-bottom: 0;
}
.isotope-item.isotop-style-one .my-img-hover-two .layer-two {
  padding-top: 11%;
}
.isotope-item .layer-two p a {
  color: #fff;
}
.isotope-item.isotop-style-two .my-title-item p a {
  color: #fff;
}
.project-style-2 .isotope-item {
  text-align: center;
  background: #0A0A0A;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
.project-style-2 .isotope-item:hover {
  background: #FCD846;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
.project-style-2 .isotope-item p {
  color: #ffffff;
  padding: 30px;
  text-transform: uppercase;
  font-weight: bold;
}
/* ========== Shop css Start ========== */

.emarat_shop_page {
  padding: 80px 0;
}
.my-shop-field {
  padding: 80px 0 50px;
  position: relative;
  text-align: center;
}
.my-shop-field .my-shop-col {
  margin-bottom: 30px;
}
.my-shop-item {
  position: relative;
  overflow: hidden;
  text-align: center;
}
.my-shop-layer {
  position: absolute;
  bottom: -100%;
  left: 0;
  background: rgba(0, 0, 0, .6);
  width: 100%;
  height: 100%;
  padding-top: 45%;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
.my-shop-field .my-shop-col:hover .my-shop-layer {
  bottom: 0;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
.my-shop-layer-arrow {
  position: absolute;
  left: 0;
  top: 0;
  border-top: 60px solid #FCD846;
  border-right: 60px solid transparent;
  z-index: 1;
}
.my-shop-layer-arrow p {
  text-transform: uppercase;
  position: absolute;
  top: -50px;
  left: 6px;
  z-index: 2;
  font-size: 12px;
  font-weight: 600;
  -ms-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.my-shop-layer a i {
  padding: 10px;
  text-align: center;
  border: 1px solid #ffffff;
  color: #ffffff;
  line-height: 35px;
  margin-left: 5px;
  margin-right: 5px;
}
.my-shop-bottom h3 {
  margin-top: 20px;
  font-weight: 600;
}
.my-shop-bottom h4 {
  font-family: 'Raleway', sans-serif;
  color: #fcd846;
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 30px;
}
.my-shop-bottom {} .my-shop-bottom .my-add-btn {
  width: 100%;
  background: #FCD846;
  padding-top: 10px;
  padding-bottom: 10px;
}
.my-shop-bottom .my-add-btn a {
  text-align: center;
  text-transform: uppercase;
  font-weight: bold;
  color: #ffffff;
  display: block;
}
.my-add-btn:hover a {
  display: none;
}
.my-shop-bottom .my-add-btn:hover:after {
  content: "\f07a";
  font-family: FontAwesome;
  color: #ffffff;
  cursor: pointer;
  display: block;
}
.my-recommended-field {
  padding-top: 0;
}
/* ========== Shop-single css Start ========== */

.my-shop-single {
  padding: 80px 0 50px;
}
.my-shop-single .my-shop-single-col {
  margin-bottom: 30px;
}
.my-shop-single-col .my-popup-img {
  margin-top: 10px;
}
.my-popup-img ul li {
  float: left;
  margin-right: 10px;
}
.my-popup-img ul li img {
  width: 90px;
  height: 90px;
}
.my-shop-details h4 {
  font-size: 18px;
  color: #0a0a0a;
  margin-bottom: 10px;
  font-weight: bold;
}
.my-start {
  margin-bottom: 20px;
}
.my-start h5 i {
  color: #FCD846;
}
.my-start h5 a {
  margin-left: 10px;
  color: #8b8b8b;
  font-size: 12px;
  font-family: 'Source Sans Pro', sans-serif;
}
.my-shop-details .my-price {
  font-family: 'Raleway', sans-serif;
  font-size: 24px;
  color: #fcd846;
  margin-bottom: 10px;
  font-weight: 600;
}
.my-shop-details .my-price del {
  font-size: 18px;
  color: #8b8b8b;
}
.my-shop-details p {
  margin-bottom: 50px;
  padding-bottom: 30px;
  border-bottom: 1px solid #EEEEEE;
}
.my-order-details h6 {
  font-family: 'Raleway', sans-serif;
  color: #8b8b8b;
  font-size: 12px;
  font-weight: 600;
}
.my-order-details .btn {
  margin-left: 20px;
}
.my-quantity {
  margin-top: 30px;
}
.my-size {
  float: left;
  margin-right: 30px;
}
.my-quantity h6 {
  float: left;
  margin-right: 10px;
  padding-top: 10px;
}
.my-quantity .form-control {
  width: 150px;
  border-radius: 0;
  box-shadow: none;
  border-color: #29AF8A;
}
.my-quantity-numbar {
  float: left;
}
.my-quantity .my-quantity-numbar .form-control {
  width: 80px;
}
.my-addtochart {
  margin-top: 30px;
}
.my-addtochart .btn {
  float: left;
  margin-right: 30px;
}
.my-addtochart-icon {
  padding-top: 10px;
}
.my-addtochart-icon i {
  margin-right: 10px;
}
.my-addtochart-icon a i {
  color: #000000;
}
.my-addtochart-icon a i:hover {
  color: #FCD846;
}
.my-tab-row {
  margin-top: 20px;
}
.my-tab-row .nav-tabs {
  border-bottom: none;
}
.my-tab-row .nav-tabs>li>a {
  padding: 15px 50px;
  background: #FCD846;
  color: #ffffff;
  text-transform: uppercase;
  border-radius: 0;
  border: none;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.my-tab-row .nav-tabs>li>a:hover {
  background: #EEEEEE;
  color: #000000;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.my-tab-row .nav-tabs>li.active>a,
.my-tab-row .nav-tabs>li.active>a:focus,
.my-tab-row .nav-tabs>li.active>a:hover {
  border: none;
  border-radius: 0;
  background: #EEEEEE;
  color: #000000;
}
.my-tab-row .tab-content {
  padding-top: 30px;
}
.my-tab-row .tab-content h4 {
  font-size: 18px;
}
.my-reviews li {
  float: left;
  margin-left: 20px;
}
.my-reviews li i {
  margin-right: 10px;
  color: #FCD846;
}
/* ========== Shop-chat css Start ========== */

.my-shop-chat-field {
  padding: 80px 0;
}
.my-checkbox {
  background: #FCD846;
  padding: 20px;
}
.my-checkbox label {
  color: #ffffff;
}
.my-product {} .my-product img {
  width: 90px;
  height: 90px;
  float: left;
  margin-right: 20px;
}
.my-shop-chat-field p {
  text-transform: initial;
  padding-top: 30px;
  color: #8b8b8b;
}
.my-shop-chat-field table {
  border: 1px solid #EEEEEE;
}
.my-shop-chat-field table thead {
  background: #EEEEEE;
}
.my-shop-chat-field .table>thead>tr>th {
  border: none;
  padding: 30px 50px;
}
.my-shop-chat-field table th {
  font-style: 16px;
  color: #000000;
}
.my-shop-chat-field td {
  color: #8b8b8b;
}
.my-shop-chat-field .table>tbody>tr>td,
.my-shop-chat-field .table>tbody>tr>th,
.my-shop-chat-field .table>tfoot>tr>td,
.my-shop-chat-field .table>tfoot>tr>th,
.my-shop-chat-field .table>thead>tr>td,
.my-shop-chat-field .table>thead>tr>th {
  padding: 30px 35px;
}
.my-propduct-quentity {
  padding-top: 30px;
}
.my-propduct-quentity ul li {
  float: left;
}
.my-propduct-quentity ul li .form-control {
  width: 60px;
  display: inline-block;
  margin-left: 10px;
  margin-right: 10px;
}
.my-apply-box {
  padding: 30px 20px 10px;
  border: 1px solid #EEEEEE;
}
.my-apply-box-col {
  margin-bottom: 20px;
}
.my-apply-box .form-control {
  border-radius: 0;
  height: 48px;
}
.my-apply-box .form-control:focus {
  box-shadow: none;
}
.my-apply-box .btn {
  height: 48px;
  border-radius: 0;
}
.my-btn-chrt1 {
  background: none;
  border: 1px solid #111111;
  padding: 12px 42px;
  color: #000000;
}
.my-btn-chrt1:hover {
  background: #FCD846;
  border-color: #FCD846;
  color: #ffffff;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.my-btn-chrt2 {
  background: #111111;
  color: #ffffff;
  border: 1px solid #111111;
  padding: 12px 42px;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.my-btn-chrt2:hover {
  color: #333333;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.my-calculate {
  padding-top: 50px;
}
.my-calculate .my-calculate-col {
  margin-bottom: 30px;
}
.my-calculate .my-calculate-col h3 {
  font-size: 24px;
  text-transform: initial;
  margin-bottom: 30px;
  font-weight: 600;
}
.my-calculate .form-control {
  border-radius: 0;
  height: 40px;
  margin-bottom: 15px;
  box-shadow: none;
}
.my-calculate table {
  width: 100%;
}
.my-calculate table tr {
  border-bottom: 1px solid #EEEEEE;
}
.my-calculate table tr td {
  border-right: 1px solid #EEEEEE;
  width: 50%;
  padding: 10px 20px;
}
/* ========== Shop-checkout css Start ========== */

.my-shop-checkout {
  padding: 80px 0 50px;
}
.my-checkout-col {
  margin-bottom: 30px;
}
.my-checkout-col h3 {
  font-size: 24px;
  color: #111111;
  font-weight: 600;
  margin-bottom: 30px;
  text-transform: initial;
}
.my-checkout-link {
  margin-bottom: 50px;
}
.my-checkout-link p {
  background: #FCD846;
  color: #ffffff;
  padding: 20px 30px;
  margin-bottom: 10px;
}
.my-checkout-link p i {
  margin-right: 10px;
}
.my-checkout-link p a {
  color: #ffffff;
}
.my-checkout-input-field .form-group {
  margin-bottom: 30px;
}
.my-checkout-input-field .form-control {
  height: 40px;
  border: 1px solid #E3E6E9;
  border-radius: 0;
  box-shadow: none;
  margin-bottom: 10px;
  resize: none;
}
.my-checkout-input-field .form-control:focus {
  box-shadow: none;
}
.my-checkout-input-field h6 a {
  font-family: 'Raleway', sans-serif;
  font-size: 14px;
  font-weight: 600;
  color: #111111;
}
.my-checkout-input-field h6 i {
  font-size: 22px;
  color: #FCD846;
  margin-right: 10px;
}
.my-order-field {
  margin-top: 50px;
  padding-top: 0;
}
.my-table-two {
  border: 1px solid #eeeeee;
}
.my-table-two>tbody>tr>td,
.my-table-two>tbody>tr>th,
.my-table-two>tfoot>tr>td,
.my-table-two>tfoot>tr>th,
.my-table-two>thead>tr>td,
.my-table-two>thead>tr>th {
  border: none;
  padding: 20px;
  font-weight: bold;
}
.my-checkout-col .checkbox,
.radio {
  border-bottom: 1px solid #eeeeee;
  padding-bottom: 10px;
  padding-top: 10px;
}
.my-palce-btn {
  margin-top: 30px;
}
/* ========== Error css Start ========== */

.my-error-field {
  padding: 80px 0px;
  background-position: center;
  background-repeat: no-repeat;
}
.my-error-field .my-error-col {
  text-align: center;
}
.my-error-field .my-error-col p {
  font-size: 30px;
  line-height: 48px;
  font-weight: 400;
  margin-top: 30px;
  margin-bottom: 20px;
}
/* ========== Inner page heading css Start ========== */

.my-inner-heading-field {
  padding: 260px 0 90px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  text-align: center;
}
.header-title-one.my-inner-heading-field {
  padding: 90px 0;
}
.box-layout #emarat-theme-wrapper .my-header-top-content ul .my-quote {
  margin-top: 5px;
}
.box-layout #emarat-theme-wrapper .my-header-top-content {
  padding: 12px 35px 12px 50px;
}
.box-layout #emarat-theme-wrapper .topbar-two .my-header-top-content {
  padding: 12px 35px 17px 50px;
}
.my-inner-heading-field.my-layer-black:before {
  background: rgba(0, 0, 0, 0.8);
}
.my-inner-heading-field .my-inner-heading-col h2 {
  letter-spacing: 1px;
  font-size: 35px;
  color: #ffffff;
}
.my-inner-heading-field .my-inner-heading-col p {
  color: #ffffff;
  margin: 0;
}
.my-inner-heading-field .my-inner-heading-col p a {
  color: #ffffff;
}
.my-inner-heading-field .my-inner-heading-col p a:hover {
  color: #FCD846;
}
.my-inner-heading-field .my-inner-heading-col p span {
  padding-left: 10px;
  padding-right: 10px;
}
/* Inner-heading two start */

.my-inner-heading-two {
  background: url(../images/bg/2.jpg);
}
.my-inner-heading-three {
  background: url(../images/bg/8.jpg);
}
/* ========== Contact css Start ========== */

.my-contact-field {
  padding: 80px 0 70px;
}
.my-contact-field .my-contact-col {
  margin-bottom: 30px;
}
.my-address-box h4 {
  color: #0a0a0a;
  font-weight: 600;
}
.my-address-box h4 i {
  color: #FCD846;
  margin-right: 10px;
}
.my-address-box h4 i:before {
  font-size: 36px;
}
.my-main-contact-from {
  margin-top: 30px;
}
.my-main-contact-from h5 {
  color: #111111;
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 20px;
}
.form-control {
  border-radius: 0;
}
.my-main-contact-from .my-form-control {
  border-color: #d4d4d4;
  border-radius: 0;
  box-shadow: none;
  color: #d4d4d4;
  font-size: 12px;
  font-style: italic;
  height: 45px;
  text-transform: uppercase;
}
.my-main-contact-from .btn {
  width: 100%;
  color: #222;
}
/* ========== Footer css Start ========== */

.my-footer {
  padding: 80px 0 0;
  background: #0A0A0A;
  position: relative;
  overflow: hidden;
}
.my-footer-col {
  margin-bottom: 30px;
}
.content-side .textwidget {
  color: #fff;
}
.widget.widget_text p {
  margin-bottom: 15px;
}
.footer-widget-area .textwidget {
  color: #fff;
}
.textwidget a {
  color: #fcd846;
}
.my-footer .my-section-title {
  margin-bottom: 30px;
}
.my-footer .my-section-title h2 {
  font-size: 24px;
  color: #ffffff;
  font-weight: 600;
  letter-spacing: 1px;
  float: none;
}
.my-footer .my-section-title .my-title-line {
  float: none;
  margin-left: 0;
}
.emarat-mailbox p {
  margin-bottom: 5px;
}
.emarat-footer-contact img {
  margin-bottom: 25px;
}
.footer-widget-area .tagcloud a {
  color: #fff;
  font-size: 14px !important;
  border: 1px solid #3a3a3a;
}
.my-tweets {
  position: relative;
  padding-left: 30px;
  border-bottom: 1px solid #262626;
  padding-bottom: 25px;
  margin-bottom: 25px;
}
.tp_recent_tweets ul li {
  position: relative;
}
.tp_recent_tweets ul li:before {
  position: absolute;
  left: 0;
  top: 5px;
  color: #FCD846;
  content: "\f099";
  font: normal normal normal 16px/1 FontAwesome;
}
.menu-footer-menu-container ul li {
  padding: 8px 0;
  position: relative;
}
.menu-footer-menu-container ul li:before {
  content: "\f101";
  font-family: FontAwesome;
  color: #ffffff;
  margin-right: 5px;
}
.container.footer-widget-area .menu-footer-menu-container ul li a {
  color: #fff;
}
.tp_recent_tweets li {
  background-image: none;
}
.bdr-out {
  border: none !important;
}
.container.footer-widget-area ul {
  margin-left: 0;
}
.container.footer-widget-area ul li {
  margin-left: 0;
  padding-left: 30;
}
.container.footer-widget-area ul li span {
  color: #fff;
}
.my-tweets i {
  position: absolute;
  left: 0;
  top: 5px;
  color: #fcd846;
}
.my-tweets a {
  color: #fcd846;
}
.my-tweets p {
  color: #ffffff;
}
.my-footer-logo {
  text-align: center;
}
.my-footer-logo img {
  width: 180px;
  height: 120px;
}
.my-footer-logo p {
  margin-top: 20px;
  margin-bottom: 20px;
  color: #ffffff;
}
.my-footer-logo .my-footer-social {
  display: inline-block;
  text-align: center;
}
.my-footer-logo .my-footer-social li {
  margin-right: 5px;
  margin-left: 5px;
  float: left;
}
.my-footer-logo .my-footer-social li i {
  color: #ffffff;
  font-size: 18px;
  line-height: 36px;
  border: 1px solid #FCD846;
  width: 40px;
  height: 40px;
  text-align: center;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.my-footer-logo .my-footer-social li i:hover {
  color: #ffffff;
  background: #FCD846;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.emarat-social {
  display: inline-block;
  text-align: center;
}
.emarat-social a {
  color: #ffffff;
  font-size: 18px;
  line-height: 36px;
  border: 1px solid #FCD846;
  width: 40px;
  height: 40px;
  text-align: center;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  display: block;
}
.emarat-social a:hover {
  color: #ffffff;
  background: #FCD846;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.my-flickr-img {
  position: relative;
  float: left;
  margin-right: 10px;
  margin-bottom: 10px;
}
.my-flickr-img img {
  width: 80px;
  height: 80px;
  float: left;
}
.my-flickr-img .my-layer {
  width: 80px;
  height: 80px;
  padding-top: 40%;
  background-color: rgba(252, 216, 70, 0.9);
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  text-align: center;
  top: 0;
  transform: scale(0);
  -webkit-transition: all 0.4s ease-in-out 0s;
  -moz-transition: all 0.4s ease-in-out 0s;
  -ms-transition: all 0.4s ease-in-out 0s;
  -o-transition: all 0.4s ease-in-out 0s;
  transition: all 0.4s ease-in-out 0s;
}
.my-flickr-img:hover .my-layer {
  transform: scale(1);
}
.my-flickr-img .my-layer i {
  color: #ffffff;
  font-size: 20px;
  margin-top: 40%;
}
.my-copyright {
  text-align: center;
  padding: 10px 0;
}
.my-copyright p {
  color: #ffffff;
  margin-bottom: 0px;
}
.my-copyright p a {
  color: #FCD846;
}
.footer-bottom {
  border-top: 1px solid #3a3a3a;
}
ul.emarat-breadcrumb {
  color: #fff;
}
ul.emarat-breadcrumb li {
  display: inline-block;
  padding: 0px 5px;
}
ul.emarat-breadcrumb li a {
  color: #fff;
}
.sidebar ul li {
  padding-bottom: 15px;
  position: relative;
}
.sidebar ul li:last-child {
  padding-bottom: 0px;
}
.widget ul {
  list-style: none;
  margin-left: 0;
}
.widget_categories {
  margin-bottom: 45px;
}
.widget.widget_categories ul {
  margin-left: 17px;
  list-style: none;
  margin-left: 0;
}
.widget.widget_categories ul li {
  position: relative;
}
.widget ul li:before {
  content: "\f00c";
  font-family: FontAwesome;
  margin-right: 10px;
  color: #FCD846;
}
.widget.widget_calendar tr,
.widget.widget_calendar td,
.widget.widget_calendar th {
  border: 1px solid #ccc;
  padding: 11px;
}
.widget .widget_calendar td#today {} .widget.widget_calender tr td#today {
  background-color: rgba(252, 216, 70, 0.9);
}
.widget.widget_calendar tr td#today {
  background-color: #fcdc58;
}
.comments-area {
  margin-top: 50px;
  padding-right: 30px;
}
.my-header-top-col.my-text-center p {
  margin-bottom: 0;
}
.my-blog-col .bp-cat a {
  color: #313030;
  padding: 5px 10px;
  display: inline-block;
  margin-top: 5px;
  border: 1px solid #efefef;
}
.bp-cat a {
  color: #313030;
  padding: 5px 10px;
  display: inline-block;
  margin-top: 5px;
  border: 1px solid #efefef;
}
.recentcomments {
  color: #000;
}
span.comment-author-link {
  color: #FCD846;
}
.sidebar span.comment-author-link {
  color: #111111;
}
.blog-quote blockquote {
  margin: 0;
  background: #F7F7F7;
  padding: 50px 30px;
  height: auto;
  font-style: italic;
  font-size: 16px;
}
.quote-cat,
.quote-cat a {
  color: #FCD846;
  text-align: right;
}
.blog-cat {
    display: inline-block;
}
/* 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: #FCD846;
  color: #232323 !important;
  border-color: #FCD846;
}
.container.vc_row {
  margin-left: auto !important;
  margin-right: auto !important;
}
.container .container.vc_row {
  margin-left: -15px !important;
  margin-right: -15px !important;
}
.my-address-box img {
  width: 35px;
}
.my-main-contact-from .col-md-3 .form-group {
  margin-bottom: 15px;
}
.my-section-title.about-partner h2 {
  margin-bottom: 5px;
}
.owl-carousel .owl-item .client-logo img {
  width: 140px;
  margin: 0 auto;
}
.contact-map-one {
  height: 424px;
}
.contact-map-two {
  height: 520px;
}
.vc_row-has-fill>.vc_column_container>.vc_column-inner {
  margin-bottom: 0px !important;
}
.bpw-col-2 .isotope-item {
  width: 50%;
}
.bpw-col-3 .isotope-item {
  width: 33.33%;
}
.bpw-col-4 .isotope-item {
  width: 25%;
}
.vc-grid-blog-area .col-md-3 {
  min-height: 814px;
}
.vc-grid-blog-area .bp-author {
  margin-bottom: 20px;
}
.vc-grid-blog-area .vc-list-grid .col-md-6 {
  min-height: 395px;
}
.emarat-grid-post .col-md-4.grid-post .my-blog-col .my-blog-bottom ul li {
  margin-right: 12px;
  list-style: none;
}
.blog-meta ul {
  display: inline-block;
  margin-left: 0;
}
.blog-meta ul li {
   margin-right: 12px;
  list-style: none;
  display: inline-block;
}
.blog-meta i {
    color: #9f9d9d;
}
.blog-time {
    display: inline-block;
}
.emarat-blog-heading.list-heading {
  font-family: 'Montserrat', sans-serif;
  font-weight: normal;
}
.blog-read {
    border: 1px solid #111;
    display: inline-block;
    padding: 4px 10px;
    border-radius: 3px;
}
.blog-read:hover {
  background: #0A0A0A;
}
.blog-read:hover a {
  color: #fff;
}
.emarat-list-post .list-blog-post {
    padding: 60px 0;
    border-bottom: 1px solid #eee;
}
.emarat-list-post .list-blog-post.sticky {
  background: #F4F6F7;
}
.emarat-list-post .sticky-post {
   position: absolute;
    top: -61px;
    left: 50px;
    font-weight: normal;
    font-size: 20px;
    width: 51px;
    height: 59px;
    line-height: 50px;
    text-align: center;
    z-index: 10;
    background-repeat: no-repeat;
}
.my-blog-bottom
/* Emarat Shop Page */

.woocommerce ul.products li.first,
.woocommerce-page ul.products li.first {
  clear: none;
}
.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;
}
.woocommerce ul.products li.product {
  text-align: center;
}
.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.png);
  background-size: contain;
  font-size: 13px;
  border: 2px solid #ccc;
}
.woocommerce ul.products {
  padding-top: 40px;
}
.home-shop .woocommerce ul.products {
  padding-top: 15px;
}
.woocommerce-page ul.products.woo_three_column li.product {
  width: 33.33%;
}
.woocommerce-page ul.products.woo_four_column li.product {
  width: 25%;
}
.woocommerce-page ul.products.woo_five_column li.product {
  width: 20%;
}
.woocommerce-page ul.products.woo_half_column li.product {
  width: 50%;
}
.woocommerce.woo-col-3 ul.products li.product,
.woocommerce-page ul.products li.product {
  /* float: none;
     */
  display: block;
  vertical-align: top;
  margin: 0 0 30px 0;
  text-align: center;
  float: left;
  width: 25%;
  padding-left: 15px;
  padding-right: 15px;
}
.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 ul.products.row {
  margin-left: -15px;
  margin-right: -15px;
}
.woocommerce p.stars.selected a:not(.active):before {
  content: "\e020";
  color: #FCD846;
}
.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: #FCD846;
  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 .price del {
  color: inherit;
  opacity: .5;
  display: inline-block;
  margin-right: 5px;
}
.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;
}
.emarat-widget.widget_products,
.emarat-widget.widget_top_rated_products,
.emarat-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: 'Open Sans', 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: 'Open Sans', 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: 'Open Sans', 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: #FCD846;
  color: #232323;
  border-color: #FCD846;
}
.woocommerce nav.woocommerce-pagination ul li span {
  background: #FCD846;
  color: #232323;
  border-color: #FCD846;
  -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: #FCD846;
}
.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: 25px;
  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-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: #FCD846;
  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;
}
.woocommerce-product-gallery img.attachment-shop_single.size-shop_single {
  padding: 5px;
}
.product_meta {
  color: #888888;
  font-family: 'Open Sans', 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: #FCD846;
}
.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: #FCD846 !important;
}

.woocommerce .emarat-widget a.remove:before,
.woocommerce .emarat-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: #FCD846;
}
.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 {
  background-color: transparent;
  color: #232323;
  border-color: #d0d0d0;
  padding: 17px 25px 17px;
  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: 'Open Sans', 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: 'Open Sans', 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 #FCD846;
  color: #FCD846;
}
.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: 'Open Sans', 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: #FCD846;
  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: #FCD846;
  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 {
  height: 50px;
  border: 1px solid #ececec;
  margin-bottom: 15px;
  border-radius: 0;
  padding: 10px 30px 10px 20px;
  background-image: url(../images/icon29.png);
  background-position: 100% 50%;
  background-repeat: no-repeat;
  background-size: 24px auto;
}
.woocommerce-checkout .select2-container--default .select2-selection--single .select2-selection__arrow,
.woocommerce-account .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 {
  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: 'Raleway', 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 */

.emarat-forms .row {
  margin: 0 -35px;
}
.emarat-forms[class*="col-"] {
  padding: 0 35px;
}
.woocommerce .emarat-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;
}
.emarat-forms .lost-password {
  display: inline-block;
  margin-top: 25px;
  color: #fc4242;
  font-family: 'Open Sans', 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;
}
.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 End *****/

.emarat-maintenance-mode {
  width: 100%;
  height: 100vh;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  position: relative;
  z-index: 1;
}
.emarat-maintenance-mode:after {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  content: "";
  background-color: rgba(0, 0, 0, .5);
  z-index: -1;
}
.emarat-maintenance-mode .container {
  height: 100%;
}
.emarat-maintenance-mode .table {
  display: table;
  vertical-align: middle;
  width: 100%;
  height: 100%;
}
.emarat-maintenance-mode .table-cell {
  display: table-cell;
  vertical-align: middle;
}
.maintain-form label,
.wpcf7-form label {
  display: block;
}
.maintain-form p label {
  color: #fff;
}
.maintain-text h2 {
  color: #fff;
  text-align: center;
  padding: 15px 0 30px 0;
}
.wpcf7-submit {
  width: 100%;
  padding: 10px 20px;
  background-color: rgba(252, 216, 70, 0.9);
  border: none;
  font-weight: 700;
}
.my-header-top-bar p {
  display: inline;
}
.emarat_top_header.my-text-center {
  display: inline;
}
.emarat_top_header .my-header-top-col.my-text-center {
  display: inline;
  margin-right: -15px;
  padding: 13px 15px;
  padding-left: 0px;
}
.emarat_top_header.my-text-center {
  display: inline;
}
.topbar-two .emarat_top_header .my-header-top-col.my-text-center {
  display: inline;
  margin-right: 52px;
}
.sticky {
  padding-top: 25px;
  padding-bottom: 25px;
}
.screen-reader-text {
  clip: rect(1px, 1px, 1px, 1px);
  height: 1px;
  overflow: hidden;
  position: absolute !important;
  width: 1px;
  word-wrap: normal !important;
}
.emarat-password-page input[type=submit] {
  width: 100%;
  text-align: center;
  background-color: #FCD846;
  color: #111;
  font-weight: 700;
  text-transform: uppercase;
  padding: 12px 20px;
  margin: 14px 0 8px 0;
  display: inline-block;
  border: none;
  border-radius: 4px;
  box-shadow: inset 0 1px 3px #ddd;
}
.home-title h2 {
  font-size: 40px;
}
.what-peopl-says h2 {
  color: #fff;
}
.my-main-header-two .my-header-top-content {
  margin-right: 15px;
}
.sticky-post {
  position: absolute;
  right: 14px;
  text-indent: -9999px;
  top: 0px;
  width: 70px;
  height: 60px;
  background: #606060;
  color: #fff;
  padding: 5px 10px;
  background: url(../images/featured.png);
}
.my-blog-single .featured-image.rounded-three {
  margin-bottom: 20px;
}
.post-password-form>p {
  padding-top: 10px;
  padding-bottom: 0px;
  margin-bottom: 0px;
}
.post-password-form {
  position: relative;
  padding-top: 20px;
  padding-bottom: 10px;
  text-align: center;
}
.post-password-form label {
  color: #707070;
  color: rgba(51, 51, 51, 0.7);
  display: block;
  font-size: 12px;
  font-size: 1.2rem;
  font-weight: 700;
  letter-spacing: 0.04em;
  line-height: 1.5;
  text-transform: uppercase;
}
.post-password-form input[type="password"] {
  width: 100%;
  height: 50px;
  padding: 10px 20px;
  margin-top: 15px;
  background-color: #ffffff;
  color: #888888;
  font-family: 'Open Sans', 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;
}
.post-password-form input[type="submit"] {
  padding: 11px 29px;
  position: absolute;
  right: 0;
  bottom: 16px;
  border: none;
  font-weight: 700;
  background: #FCD846;
  outline: none;
  transition: .3s;
}
.post-password-form input[type="submit"]:hover {
  background: #333333;
  color: #fff;
  transition: .3s;
}
.wp-link-pages {
  clear: both;
}
.page .wp-link-pages {
  padding-top: 30px;
}
.wp-link-pages>span,
.wp-link-pages>a {
  display: inline-block;
  border: 1px solid #FCD846;
  padding: 5px 10px;
  line-height: 1em;
}
.wp-link-pages>span,
.wp-link-pages a:hover {
  background-color: #FCD846;
  color: #fff;
  transition: all .3s;
}
iframe {
  width: 100%;
  margin-bottom: 15px;
}
.about-title h4 {
  font-size: 32px;
  line-height: 48px;
}
.team-title h2 {
  font-size: 32px;
}
.home-two-team.my-team-field-two .my-team-field {
  padding-top: 0px;
}
.my-team-field-two .my-team-single img {
  width: 100%;
}
ul.page-numbers {
  margin-left: 0;
  padding-left: 15px;
  list-style: none;
  margin-top: 40px;
}
ul.page-numbers li {
  display: inline-block;
}
ul.page-numbers li span.current {
  background-color: #FCD846;
  display: block;
  padding: 0px 11px;
  border: 2px solid #FCD846;
}
ul.page-numbers li a {
  border: 1px solid #FCD846;
  padding: 6px 11px;
  line-height: 1em;
  display: block;
}
ul.page-numbers li a:hover {
  background-color: #FCD846;
  color: #fff;
  transition: all .3s;
}
.container.footer-widget-area .emarat-mailbox a {
  color: white;
}
.admin-bar .scroll-to-fixed-fixed {
  top: 32px !important;
  transition: .3s;
}
.slide-title {
  padding: 16px 29px;
}
.my-footer .rssSummary {
  color: #fff;
}
.my-footer .calendar_wrap th {
  color: #fff;
}
.my-footer .calendar_wrap tr {
  color: #fff;
}
.my-footer .calendar_wrap td {
  color: #fff;
}
.attr-nav {
  margin-right: 0;
}
.my-footer-col .emarat-mailbox i {
  color: #fff;
  padding-right: 5px;
}
.emarat-audio-post.audio-format {
  line-height: 1;
}
.mfp-close-btn-in .mfp-close {
  position: absolute;
  background: #fff;
  font-size: 40px;
  width: 50px;
  height: 50px;
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  color: #333;
  top: 0px;
  right: 0;
  box-shadow: -5px 5px 20px rgba(0, 0, 0, .2);
  text-align: center;
  padding: 0
}
.my-video-img .mfp-close-btn-in .mfp-close {
  top: 0px;
  background: #666;
}
.mfp-bottom-bar {
  display: none;
}
img.mfp-img {
  padding: 0;
}
.sticky .emarat-blog-content {
  margin-bottom: 0px;
}
.attr-nav > ul {
  margin: 0 0 -8px 0;
}
.vc-grid-blog-area .my-blog-filed .my-blog-col .my-blog-heading h2 {
  font-size: 48px;
}
.defult-blog-top-meta h2 {
    font-size: 16px;
}
.emarat-share ul li.facebook a i {
    color: #fff;
}
.emarat-share ul li.facebook a {
    background: #4267b2;
}
.emarat-share ul li.twitter a i {
    color: #fff;
}
.emarat-share ul li.twitter a {
    background: #1da1f2;
}
.emarat-share ul li.linkedin a i {
    color: #fff;
}
.emarat-share ul li.linkedin a {
    background: #0084bf;
}
.emarat-share ul li.gplus a i {
    color: #fff;
}
.emarat-share ul li.gplus a {
    background: #DC493C;
}

.emarat-list-post .list-blog-post:first-of-type {
    padding-top: 0;
}
.emarat-list-post .list-blog-post.sticky:first-of-type {
    padding-top: 60px;
}