@charset "UTF-8";
/*
    * Name: Mila - Template
    * Version: 1.0
    * Author: Piki Jojo
	
    * Author URI: https://themeforest.net/user/pikijojo

============================ Short Details CSS ============================

    * Imports
    * -- Styles
    * -- Google Fonts
    * Repeatable Patterns
    * Header
    * Ewm Top
    * -- Ewm Menu
    * -- Mobile navigation
    * -- Ewm Logo
    * Ewm Title Box
    * Ewm About 
    * Ewm Features
    * Ewm Work
    * Ewm Client
    * Ewm Countto
    * Ewm Team
    * Ewm Progess
    * Ewm Pricing
    * Ewm Logo Brands
    * Ewm Contact
    * Footer
    * Preloader
    * Go Top Button
    * Media Queries
*/

/* Imports */
/* -- Styles */
@import url("bootstrap.css");
@import url("owl.carousel.css");
@import url("slider-revolution.css");
@import url("settings.css");

/* -- Google Fonts */
@import 'https://fonts.googleapis.com/css?family=Roboto:300,400,500,700';
@import 'https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800';
@import 'icons8.css';

/* Repeatable Patterns */
*,
*:before,
*:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

html {
    overflow: auto;
}

body {
    font: 18px/28px "Open Sans", sans-serif;
    background: #fff;
    color: #a4a4a4;
    margin: 0;
    padding: 0;
    position: relative;
    overflow-x: hidden;
}
.wrapper {
    overflow: hidden;
}

::-moz-selection { 
	color: #fff; 
	text-shadow: none; 
	background: #000; 
}

::-webkit-selection { 
	color: #fff; 
	text-shadow: none; 
	background: #000; 
}

::selection { 
	color: #fff; 
	text-shadow: none; 
	background: #000; 
}

a,
a:focus {
    font-family: "Open Sans", sans-serif;
    color: #a4a4a4;
    outline: 0;
    text-decoration: 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;
}

a:hover {
    color: #b9a039;
    text-decoration: 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;
}

img {
	max-width: 100%;
    height: auto;
}

img.img-left {
	margin: 7px 30px 25px 0 !important;
	float: left;
}

img.img-right {
	margin: 7px 0 25px 30px !important;
	float: right;
}

strong, b {
	font-weight: 700;
}

p {
  margin-bottom: 20px;
}

.margint1 { margin-top: 10px; }
.margint2 { margin-top: 20px; }
.margint3 { margin-top: 30px; }
.margint4 { margin-top: 40px; }
.margint5 { margin-top: 50px; }
.margint6 { margin-top: 60px; }
.marginb1 { margin-bottom: 10px; }
.marginb2 { margin-bottom: 20px; }
.marginb3 { margin-bottom: 30px; }
.marginb4 { margin-bottom: 40px; }
.marginb5 { margin-bottom: 50px; }
.marginb6 { margin-bottom: 60px; }

h1, h2, h3, h4, h5, h6 {
	color: #000;
}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
	font-weight: inherit;
}

h1 { font: 80px/90px "Roboto", sans-serif;}
h2 { font: 70px/80px "Roboto", sans-serif;}
h3 { font: 60px/70px "Roboto", sans-serif;}
h4 { font: 50px/60px "Roboto", sans-serif;}
h5 { font: 40px/50px "Roboto", sans-serif;}
h6 { font: 30px/40px "Roboto", sans-serif;}

input[type="checkbox"] { display: inline; }

select,
textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input {
	color: #a6a5a5;
}

textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.uneditable-input:focus {
    color: #212121;
    border-color: #bbb;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.colores-animation {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0;
}
.colores-animation.animated {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    opacity: 1;
}

/* bootstrap resetting elements */
.btn {
    background-image: none;
}

textarea, 
input[type="text"],
input[type="submit"],
input[type="password"], 
input[type="datetime"], 
input[type="datetime-local"], 
input[type="date"], 
input[type="month"], 
input[type="time"], 
input[type="week"], 
input[type="number"], 
input[type="email"], 
input[type="url"], 
input[type="search"], 
input[type="tel"], 
input[type="color"], 
.uneditable-input,
.dropdown-menu,
.navbar .nav > .active > a, 
.navbar .nav > .active > a:hover, 
.navbar .nav > .active > a:focus {
    -webkit-appearance: none;
	text-shadow: none;
	-webkit-box-shadow: none;
        -moz-box-shadow: none;
	       -o-box-shadow: none;
            box-shadow: none;
}

.ewm-left {
    float: left;
}

.ewm-right {
    float: right;
}

.ewm-reset:before,
.ewm-reset:after {
    content: "";
    display: table;
    clear: both;
}

.ewm-columns-2 {
    -webkit-column-count: 2; /* Chrome, Safari, Opera */
    -moz-column-count: 2; /* Firefox */
    column-count: 2;

    -webkit-column-gap: 51px; /* Chrome, Safari, Opera */
    -moz-column-gap: 51px; /* Firefox */
    column-gap: 51px;
}

.ewm-text-underline {
    text-decoration: underline;
}

.ewm-text-color {
    color: #b9a039;
}

/* Header */
#header.fixed { 
    position: fixed; 
    top: 0; 
    background-color: #fff;
    width: 100%;
    z-index: 9999999999999999;
}

/* Ewm Top */
/* -- Ewm Menu */
.ewm-menu ul.menu {
    list-style: none;
    padding: 0;
    margin: 0;
}

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

.ewm-menu ul.menu li a {
    font-family: 'Open Sans', sans-serif;
    font-size: 15px;
    font-weight: 600;
    text-transform: uppercase;
    color: #a4a4a4;
    margin-right: 25px;
    line-height: 80px;
}

.ewm-menu ul.menu li:last-child a {
    margin-right: 0px;
}

.ewm-menu ul.menu li.active a,
.ewm-menu ul.menu li a:hover {
    color: #b9a039;
}

/* -- Mobile navigation */
.btn-menu {
   background: url('../img/mobile.png');
   background-size: 28px 28px;
   display: inline-block;
   text-align:center;
   width: 28px;
   height: 28px;
   cursor: pointer;
   position: relative;
   z-index: 1;
   -webkit-transition: all .2s ease-out;
      -moz-transition: all .2s ease-out;
       -ms-transition: all .2s ease-out;
        -o-transition: all .2s ease-out;
           transition: all .2s ease-out;
}

.btn-menu {
    display: none;
}

#mainnav-mobi {
   display: block;
   margin: 0 auto;
   width: 100%;
   position: absolute;
   background-color: #eee;
   z-index: 1000;
   top: 133px;
   left: 0;
   height: 300px;
   overflow-y: scroll;
   z-index: 0;
}

#mainnav-mobi ul {
   display: block;
   list-style: none;
   margin: 0;
   padding: 0;
}

#mainnav-mobi ul li {
   margin:0;
   position: relative;
   text-align: left;
   border-top: 1px solid rgba(0,0,0,0.5);
   cursor: pointer;
   line-height: normal;
   width: 100%;
   padding: 0;
}

#mainnav-mobi li.menu-item-has-children > a:before {
    content: "";
}

#mainnav-mobi ul li:before {
  border: 0;
}

#mainnav-mobi ul > li > a {
   text-decoration: none;
   height: 50px;
   line-height: 50px;
   padding: 0 30px;
   color: #000;
}

#mainnav-mobi ul.sub-menu {
   top: 100%;
   left: 0;
   z-index: 2000;
   position: relative;
}

#mainnav-mobi > ul > li > ul > li,
#mainnav-mobi > ul > li > ul > li > ul > li {
   position: relative;
   border-top: 1px solid rgba(0, 0, 0, 0.3);
   background-color: #e0d4d4;
}

#mainnav-mobi > ul > li > ul > li > ul > li a {
   padding-left: 70px !important
}

#mainnav-mobi ul.sub-menu > li > a {
   display: block;
   text-decoration: none;
   padding: 0 45px;
   border-top-color: rgba(255,255,255,.1);
   -webkit-transition: all 0.2s ease-out;
      -moz-transition: all 0.2s ease-out;
        -o-transition: all 0.2s ease-out;
           transition: all 0.2s ease-out;
}

#mainnav-mobi > ul > li > ul > li:first-child a {
   border-top: none;
}

#mainnav-mobi ul.sub-menu > li > a:hover,
#mainnav-mobi > ul > li > ul > li.active > a {
   color: #f69b0d;
}

.btn-submenu:before {
   content: "";
   color: #000;
   font-family: "FontAwesome";
   font-size: 20px;
   position: absolute;
   right: 40px;
   top: 15px;
}

.btn-submenu.active:before {
   content: "\f106"
}

.ewm-menu #mainnav-mobi .sub-menu {
    width: 100%;
}

#mainnav-mobi li.menu-item-has-children > ul, 
.ewm-menu #mainnav-mobi .sub-menu li > ul {
    opacity: 1;
    visibility: visible;
}

/* -- Ewm Logo */
.ewm-logo {
    margin-top: 10px;
    padding-right: 15px;
    position: relative
}

.ewm-wiget-top {
    margin-top: 27px
}

.ewm-wiget-top .widget_phone {
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    color: #a4a4a4;
    padding-left: 16px;
}

.ewm-wiget-top .widget_phone img {
    width: 15px;
    height: 15px;
    margin-right: 9px
}

:lang(en) .ewm-logo:before {
    position: absolute;
    content: '';
    top: 10px;
    right: 0;
    width: 2px;
    height: 50px;
    background-color: #a4a4a4;
}

/* Ewm Title Box */
.ewm-title-box  {
    text-align: center;
    margin-top: 110px;
    position: relative;
}

.ewm-title-box:before {
    position: absolute;
    content: '';
    bottom: 0;
    left: 50%;
    height: 3px;
    width: 95px;
    margin-left: -48px;
    background-color:#b9a039;
}

.ewm-title-box:after {
    position: absolute;
    content: '';
    bottom: -8px;
    left: 50%;
    height: 3px;
    width: 35px;
    margin-left: -18px;
    background-color:#b9a039;
}

.ewm-title-box span {
    font-family: 'Open Sans';
    font-size: 40px;
    font-weight: 400;
    color: #b9a039;
    text-transform: uppercase;
}

.ewm-title-box h2 {
    font-family: 'Roboto';
    font-size: 35px;
    text-transform: uppercase;
    color: #000;
    margin-top: -10px;
}

/* Ewm About */
.ewm-about .ewm-tabs ul.menu-tab {
    list-style: none;
    margin-left: 0;
    margin-top: 77px;
    padding: 0;
    margin-bottom: 15px;
}

.ewm-about .ewm-tabs ul.menu-tab li {
    display: inline-block;
    position: relative;
    margin-right: 22px;
    padding-right: 22px;
}

.ewm-about .ewm-tabs ul.menu-tab li:before {
    position: absolute;
    content: '';
    top: 3px;
    right: 0;
    height: 69%;
    width: 2px;
    background-color: #a4a4a4;
}
.content {
    display: none;
}
.content.active {
    display: block;
}

.ewm-about .ewm-tabs ul.menu-tab li:last-child:before {
    background-color: transparent;
}

.ewm-about .ewm-tabs ul.menu-tab li a,
.ewm-about .ewm-tabs .sub-content ul li span,
.ewm-features .ewm-icon-box span,
.ewm-progess .ewm-circle-progress span {
    font-family: 'Open Sans', sans-serif;
    font-size: 22px;
    font-weight: 700;
    color: #000;
    text-transform: uppercase;
}

.ewm-about .ewm-tabs ul.menu-tab li.active a {
    color: #b9a039;
}

.ewm-about .ewm-tabs .content-tab p,
.ewm-features .ewm-icon-box p,
.ewm-clients .ewm-testimonial .items p,
.ewm-progess .ewm-circle-progress p {
    font-family: 'Open Sans', sans-serif;
    font-size: 18px;
    font-weight: 400;
    color: #a4a4a4;
    margin-top: 16px;
	text-align:justify;
}

.ewm-about .ewm-tabs .sub-content ul {
    list-style: none;
    margin-left: 0;
    margin-top: 71px;
    margin-bottom: 80px;
    padding: 0;
}

.ewm-about .ewm-tabs .sub-content ul li {
    display: inline-block;
    width: 43%;
    margin-bottom: 6px;
}

.ewm-about .ewm-tabs .sub-content ul li:nth-child(even) {
    float: right;
    margin-right: 49px;
}

.ewm-about .ewm-image {
    margin-top: 100px;
}

.ewm-about .row {
    position: relative;
}

.ewm-about .col-md-5 {
    position: absolute;
    right: 0;
    bottom: 0;
}

/* Ewm Features */
.ewm-section.ewm-features,
.ewm-section.ewm-clients,
.ewm-section.ewm-team,
.ewm-section.ewm-pricing,
.ewm-section.ewm-contact,
.ewm-footer {
    background-color: #f2f2f2;
}

.ewm-section.ewm-clients {
    padding-bottom: 90px;
}

.ewm-features {
    padding-bottom: 63px;
}

.ewm-features .ewm-title-box {
    margin-bottom: 70px;
}

.ewm-features .ewm-icon-box {
    display: inline-block;
    text-align: center;
    margin-bottom: 24px;
}

.ewm-features .ewm-icon-box {
    text-align: center;
}

.ewm-features .ewm-icon-box span {
    display: inline-block;
    width: 100%;
}

.ewm-features .ewm-icon-box img {
    display: inline-block;
    margin-bottom: 20px;
    margin-top: 10px;
}

/* Ewm Work */
.ewm-work .ewm-latest-work {
    display: inline-block;
    margin-top: 110px;
    margin-bottom: 102px;
}
.ewm-latest-work .items {
    width:33.33%;
    position: relative;
}
.ewm-latest-work .items .icon {
    display: table-cell;
    vertical-align: middle;
    top: -60px;
    position: relative;
}
.ewm-latest-work .items .icon img {
    cursor: pointer;
}
.ewm-latest-work .items .work-icon {
    color: #fff;
    width: 100%;
    height: 100%;
    left: 0px;
    top: 0px;
    display: table;
    vertical-align: middle;
    text-align: center;
}
.work_overlay {
    position: absolute;
    overflow: hidden;
    vertical-align: middle;
    display: block;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    opacity: 0;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}
.ewm-latest-work .items:hover .work_overlay {
    opacity: 1;
}
.ewm-latest-work .items .info-wrap {
    position: absolute;
    bottom: 0;
    left: 0;
    background-color: #cb4242;
    padding: 30px 40px 35px;
    opacity: 0;
    width: 100%;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

.ewm-latest-work .items .info-wrap span:first-child {
    display: inline-block;
    font-family: 'Open Sans', sans-serif;
    font-size: 24px;
    font-weight: 700;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
}

.ewm-latest-work .items .info-wrap span:last-child {
    display: inline-block;
    font-family: 'Open Sans', sans-serif;
    font-size: 24px;
    color: #fff;
    text-align: center;
    padding-left: 80px
}

.ewm-latest-work .items:hover .info-wrap,
.ewm-latest-work .items:hover img.icon {
    cursor: pointer;
    opacity: 1;
}

/* Ewm Client */
.ewm-clients .ewm-testimonial {
    text-align: center;
}

.ewm-clients .ewm-testimonial h2.title {
    font-family: 'Open Sans';
    font-size: 40px;
    font-weight: 400;
    color: #000;
    text-transform: uppercase;
    text-align: center;
    position: relative;
    margin-top: 96px;
    padding-bottom: 10px;
    padding-right: 5px;
    display: inline-block;
    margin-bottom: 24px;
}

.ewm-progess .ewm-title-box h2.title {
    font-family: 'Open Sans';
    font-size: 40px;
    line-height: 50px;
    font-weight: 400;
    color: #000;
    text-transform: uppercase;
    text-align: center;
    padding-right: 5px;
}

.ewm-clients .ewm-testimonial h2.title:before {
    position: absolute;
    content: '';
    top: 7px;
    left: -55px;
    height: 30px;
    width: 40px;
    background-image: url(../img/icons/2.png);
    background-size: 40px 30px;
    background-repeat: no-repeat;
}

.ewm-clients .ewm-testimonial h2.title:after {
    position: absolute;
    content: '';
    bottom: 0;
    right: -40px;
    height: 30px;
    width: 40px;
    background-image: url(../img/icons/3.png);
    background-size: 40px 30px;
    background-repeat: no-repeat;
}

.ewm-clients .ewm-testimonial h2.title span,
.ewm-progess .ewm-title-box h2.title span {
    font-family: 'Roboto';
    font-size: 70px;
    font-weight: bold;
    text-transform: uppercase;
    color: #b9a039;
}

.ewm-clients .ewm-testimonial .items {
    background-color: #fff;
    border-radius: 10px;
}

.ewm-clients .ewm-testimonial .ewm-testi-top {
    position: relative;
    margin-bottom: 10px;
    font-family: 'Open Sans', sans-serif;
    font-size: 20px;
    color: #000;
    background-color: #eaeaea;
    padding-top: 19px;
    padding-bottom: 22px;
    padding-left: 30px;
    padding-right: 30px;
    margin-top: 100px;
    border-radius: 10px;
    font-weight: 400;
    text-align: left;
}

.ewm-clients .ewm-testimonial .ewm-testi-top span {
    color: #b9a039;
    font-weight: 700;
}

.owl-carousel .owl-item .ewm-testimonial .ewm-testi-top img {
    width: auto;
}

.ewm-clients .ewm-testimonial .ewm-testi-top img {
    position: absolute;
    bottom: 30px;
    right: 36px;
    width: 88px;
    height: 88px;
    border-radius: 50%;
}

.ewm-clients .ewm-testimonial .items p {
    padding-left: 30px;
    padding-bottom: 25px;
    text-align: left;
}

/* Ewm Countto */
.ewm-countto {
    margin-top: 50px;
    display: inline-block;
    text-align: center;
    width: 100%;
}

.ewm-countto .title {
    font-family: 'Myriad Pro';
    font-size: 20px;
    font-weight: 400;
    color: #a4a4a4;
    text-transform: uppercase;
}

.ewm-countto .number {
    font-family: 'Myriad Pro';
    font-size: 40px;
    font-weight: bold;
    color: #000; 
    margin-top: 12px;
    margin-bottom: 41px;
}

.ewm-countto .image {
    position: relative;
    width: 75px;
    height: 75px;
    border: 1px solid;
    border-radius: 50%;
    box-shadow: 0px 0px 10px 0px #a4a4a4;
    display: inline-block;
}

.ewm-countto .image img {
    position: absolute;
    top:25%;
    left: 30%;
}

/* Ewm Team */
.ewm-section.ewm-team {
    margin-top: 100px;
}

.ewm-team .ewm-title-box {
    margin-bottom: 150px;
}

.ewm-team .ewm-teammember .items ul.socials {
    list-style: none;
    margin: 0;
    padding: 0;
}

.ewm-team .ewm-teammember .items ul.socials li {
    display: inline-block;
    margin-right: -4px;
}

.ewm-team .ewm-teammember .items ul.socials li a {
    padding: 0 12px 0 13px;
    display: inline-block;
    margin-right: -4px;
}

.ewm-team .ewm-teammember .items .socials a {
	position: relative;
}

.ewm-team .ewm-teammember .items .socials a:hover .no-hover {
	opacity: 0;
}

.ewm-team .ewm-teammember .items .socials a:hover .hover {
	opacity: 1;
}

.ewm-team .ewm-teammember .items .socials .hover {
	opacity: 0;
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -11px;
	width: 21px;
    -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;
}

.ewm-team .ewm-teammember .items {
    position: relative;
}

.ewm-team .ewm-teammember .items .info-wrap {
    text-align: center;
    background-color: rgba(255,33,33,.62);
    position: absolute;
    bottom: 0;
    padding: 33px 0;
    width: 100%;
    opacity: 0;
}

.ewm-team .ewm-teammember .items:hover .info-wrap {
    opacity: 1;
}

.ewm-team .ewm-teammember .items .info-wrap span {
    font-family: 'Open Sans', sans-serif;
    font-size: 24px;
    font-weight: 400;
    color: #fff;
    display: inline-block;
    width: 100%;
}

.ewm-team .ewm-teammember .items .info-wrap span.position {
    font-size: 18px;
    position: relative;
    top: -5px;
}

/* Ewm Progess */
.ewm-progess {
    padding-bottom: 66px;
}

.ewm-progess .ewm-title-box {
    margin-bottom: 87px;
    margin-top: 94px;
}

.ewm-progess .ewm-title-box:before,
.ewm-progess .ewm-title-box:after {
    display: none;
}

.ewm-progess .ewm-circle-progress {
    width: 180px;
    margin: 0 auto;
    text-align: center;
}

.ewm-progess .ewm-circle-progress .circle {
    margin-bottom:36px; 
    position: relative;
}

.ewm-progess .ewm-circle-progress .circle div {
    position: absolute;
    top: 0; 
    left: 0;
}

.ewm-progess .progressbar-text {
    font-size: 62px;
    font-weight: 300;
}

/* Ewm Pricing */
.ewm-pricing .ewm-title-box {
    margin-bottom: 130px;
}

.ewm-pricing .ptp-pricing-table {
    margin: 0 -15px;
}

.ewm-pricing .ptp-col {
    width: 25%;
    float: left;
    text-align: center;
    padding: 0 15px;
    margin-bottom: 110px;
}

.ewm-pricing  .ptp-item-container {
    background-color: #fff;
    padding-bottom: 66px;
}

.ewm-pricing .ptp-item-container:hover {
    cursor: pointer;
    background-color: #878787;
}

.ewm-pricing .ptp-col .ptp-plan {
    text-transform: uppercase;
    font-family: 'Open Sans', sans-serif;
    font-size: 18px;
    font-weight: bold;
    color: #000;
    padding: 50px 0;
}

.ewm-pricing .ptp-item-container:hover .ptp-plan {
    color: #fff;
}

.ewm-pricing .ptp-col .ptp-price {
    background-color: #878787;
    color: #fff;
}

.ewm-pricing .ptp-item-container:hover .ptp-price {
    background-color: #b9a039;
}

.ewm-pricing .ptp-col .ptp-price span {
    display: inline-block;
    width: 100%;
}

.ewm-pricing .ptp-col .ptp-price span.number {
    font-family: 'Open Sans',sans-serif;
    font-size: 60px;
    font-weight: 800;
    padding-top: 35px;
}

.ewm-pricing .ptp-col .ptp-price span.month {
    font-family: 'Open Sans',sans-serif;
    font-size: 18px;
    text-transform: uppercase;
    padding-bottom: 52px;
}

.ewm-pricing .ptp-col .ptp-bullet-item {
    font-family: 'Open Sans',sans-serif;
    font-size: 18px;
    padding: 17px 26px 20px 26px;
    border-top: 1px solid #a4a4a4;
    color: #a4a4a4;
}

.ewm-pricing .ptp-col .ptp-bullet-item:first-child {
	border-top: 0;
}

.ewm-pricing .ptp-item-container:hover .ptp-bullet-item {
	color: #fff;
}

.ewm-pricing .ptp-col .ptp-bullet-item:hover {
    background-color: #b9a039;
    color: #fff;
}

.ewm-pricing .ptp-col .ptp-cta {
    font-family: 'Open Sans',sans-serif;
    font-size: 18px;
    text-transform: uppercase;
    margin-top: 30px;
}

.ewm-pricing .ptp-col .ptp-cta .ptp-button {
    color: #fff;
    padding: 15px 43px;
    background-color: #b9a039;
    border-radius: 10px;
}

.ewm-pricing .ptp-col .ptp-item-container:hover .ptp-button {
    background-color: #fff;
    color: #b9a039;
}

/* Ewm Logo Brands */
.ewm-logo-brands {
	padding: 110px 0;
}

.ewm-logo-brands .line-wrap a {
	float: left;
    width: 33.33%;
    border: 4px solid #f2f2f2;
    text-align: center;
    line-height: 270px;
}

.ewm-logo-brands .line-wrap img {
	width: 220px;
	display: inline-block;
}

.ewm-logo-brands .line-wrap:first-child a {
	border: 0;
}

.ewm-logo-brands .line-wrap:last-child a {
	border-bottom: 0;
}

.ewm-logo-brands .line-wrap:last-child a:first-child,
.ewm-logo-brands .line-wrap:last-child a:last-child {
	border-right: 0;
}

.ewm-logo-brands .line-wrap:last-child a:last-child {
	border-left: 0;
}

.ewm-logo-brands .line-wrap:first-child a:nth-child(2) {
	border-left: 4px solid #f2f2f2;
	border-right: 4px solid #f2f2f2;
}

.ewm-logo-brands .line-wrap a:first-child {
	border-left: 0;
}

/* Ewm Contact */
.ewm-contact .ewm-title-box {
    margin-bottom: 75px;
    margin-top: 83px;
}

.ewm-contact .contact-form .title {
    display: none;
}

.ewm-contact .contact-form .input-wrap input {
    margin-bottom: 10px;
    padding-bottom: 10px;
    padding-top: 10px;
}

.ewm-contact .contact-form .submit-wrap input {
    background-color: #b9a039;
    border: 0;
    outline: 0;
    color: #fff;
    display: inline-block;
    padding: 10px 29px;
    border-radius: 5px;
    margin-top: 20px;
}

.ewm-contact .ewm-contact-info {
	margin: 110px 0;
}

.ewm-contact .ewm-contact-info p {
	margin-bottom: 0;
}

.ewm-contact .ewm-contact-info ul {
    list-style: none;
}

.ewm-contact .ewm-contact-info ul li {
    float: left;
    height: auto;
    text-align: center;
    width: 25%;
}

.ewm-contact .ewm-contact-info .first,
.ewm-contact .ewm-contact-info .second {
	width: 25%;
}

.ewm-contact .ewm-contact-info ul li span {
    display: inline-block;
    width: 100%;
    text-align: center;
}

.ewm-contact .ewm-contact-info ul li span.title {
    font-family: 'Open Sans', sans-serif;
    font-size: 24px;
    font-weight: 500;
    color: #000;
    text-transform: uppercase;
    margin-top: 5px;
    margin-bottom: 23px;
    position: relative;
}

.ewm-contact .ewm-contact-info ul li span.title:before {
    position: absolute;
    content: '';
    top: 42px;
    left: 50%;
    width: 42px;
    height: 1px;
    margin-left: -21px;
    background-color: #b9a039;
}

.ewm-contact .ewm-contact-info ul li p {
    font-family: 'Open Sans', sans-serif;
    font-size: 18px;
    font-weight: 500;
    color: #000;
}

.ewm-contact .contact-form input[type="text"] {
    border: 0;
    padding-left: 18px;
    outline: 0;
    width: 100%;
}

.ewm-contact .contact-form textarea {
	border: 0;
    padding-left: 18px;
    padding-top: 18px;
    outline: 0;
    width: 100%;
    min-height: 164px;
	background:#fff;
}

/* Footer */
.ewm-footer .ewm-f-top {
    text-align: center;
    border-top:1px solid #e4e4e4;
}

.ewm-footer .widget_socials {
    margin-top: 70px;
}

.widget_socials ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.widget_socials ul li {
    display: inline-block;
    width: 65px;
    height: 65px;
    border-radius: 10px;
    border: 2px solid #c3c3c3;
    margin-bottom: 18px;
}

.widget_socials ul li img {
    height: 40px;
    margin-top: 11px;
}

.ewm-copy-right {
    text-align: center;
    color: #000;
    margin-bottom: 42px;
    font-family: "Open Sans", sans-serif;
    font-size: 18px;
    font-weight: 400;
}

/* Preloader */
.loader {
  display: block;
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  background: #eee;
  z-index: 100000;  
}

.block-loader {
  background-color:#333;
  float:left;
  height:24px;
  margin-left:7px;
  width:24px;
  opacity:0.1;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  -moz-animation-name:bounceG;
  -moz-animation-duration:1.3s;
  -moz-animation-iteration-count:infinite;
  -moz-animation-direction:linear;
  -moz-transform:scale(0.7);
  -webkit-animation-name:bounceG;
  -webkit-animation-duration:1.3s;
  -webkit-animation-iteration-count:infinite;
  -webkit-animation-direction:linear;
  -webkit-transform:scale(0.7);
  -ms-animation-name:bounceG;
  -ms-animation-duration:1.3s;
  -ms-animation-iteration-count:infinite;
  -ms-animation-direction:linear;
  -ms-transform:scale(0.7);
  -o-animation-name:bounceG;
  -o-animation-duration:1.3s;
  -o-animation-iteration-count:infinite;
  -o-animation-direction:linear;
  -o-transform:scale(0.7);
  animation-name:bounceG;
  animation-duration:1.3s;
  animation-iteration-count:infinite;
  animation-direction:linear;
  transform:scale(0.7);
}

.loader1{
  margin-left: -30px;
  -moz-animation-delay:0.5s;
  -webkit-animation-delay:0.5s;
  -ms-animation-delay:0.5s;
  -o-animation-delay:0.5s;
  animation-delay:0.5s;
}

.loader2{
  margin-left: 0px;
  -moz-animation-delay:08s;
  -webkit-animation-delay:.8s;
  -ms-animation-delay:.8s;
  -o-animation-delay:.8s;
  animation-delay:.8s;
}

.loader3 {
  margin-left: 30px;
  -moz-animation-delay:1.3s;
  -webkit-animation-delay:1.3s;
  -ms-animation-delay:1.3s;
  -o-animation-delay:1.3s;
  animation-delay:1.3s;
}

@-moz-keyframes bounceG{
  0% {
  -moz-transform:scale(1.2);
  opacity:1
  }

  100%{
    -moz-transform:scale(0.7);
    opacity:0.1
  }
}

@-webkit-keyframes bounceG{
  0% {
    -webkit-transform:scale(1.2);
    opacity:1
  }

  100% {
    -webkit-transform:scale(0.7);
    opacity:0.1
  }
}

@-ms-keyframes bounceG{
  0% {
    -ms-transform:scale(1.2);
    opacity:1
  }

  100% {
    -ms-transform:scale(0.7);
    opacity:0.1
  }
}

@-o-keyframes bounceG{
  0% {
    -o-transform:scale(1.2);
    opacity:1
  }

  100%{
    -o-transform:scale(0.7);
    opacity:0.1
  }
}

@keyframes bounceG{
  0% {
    transform:scale(1.2);
    opacity:1
  }

  100% {
    transform:scale(0.7);
    opacity:0.1
  }
}

/* Go Top Button */
.go-top {
    position: fixed !important;
    right: 12px;
    bottom: -45px;
    color: #fff; 
    display: block;
    text-align: center;
    width: 35px;
    height: 35px;
    background: url('../img/icons/go-top.png');
    background-size: 35px 35px;
    visibility: hidden;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0;
    z-index: 9999;
    cursor: pointer;
    -webkit-border-radius: 50%;
      -moz-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;
}

.go-top.show {
    bottom : 7px;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    opacity: 1;
    visibility: visible;
}

.notification_error {
    color: #ff0000;
}

.head-slide.contact .note {
    text-align: left;
    margin-bottom: 15px;
}

.head-slide.contact .notification_error {
    color: #1DD329;
}

.head-slide.contact .notification_ok {
    color: #00f5ff;
}

.go-top.show i:before {
    position: absolute;
    top: 5px;
    left: 2px;
}

/* Media Queries
-------------------------------------------------------------- */
@media only screen and (min-width: 1930px) {
}

@media only screen and (max-device-width : 1919px) {
    
}

@media only screen and (max-width: 1440px) {
    
}

@media only screen and (max-width: 1400px) {
    
}

/* Smaller than standard 1200 */
@media only screen and (max-width: 1366px) {
    
}

/* Tablet Landscape */
@media only screen and (max-width : 1199px) {
    #header {
        text-align: center;
    }

    #header .ewm-right,
    #header .ewm-left {
        float: none;
        display: inline-block;
    }

    .ewm-latest-work .items img.icon {
        top: 15%;
    }

    .ewm-clients .ewm-testimonial .ewm-testi-top,
    .ewm-clients .ewm-testimonial .items p {
        text-align: left;
    }
}

/* Tablet Portrait Size */
@media only screen and (max-width: 990px) {
    .ewm-about .ewm-image {
        display: none;
    }

    .ewm-latest-work .items {
        width: 100%;
    }

    .ewm-clients .ewm-testimonial h2.title:before {
        left: 0;
    }

    .ewm-progess {
        text-align: center;
    }

    .ewm-progess .ewm-circle-progress {
        display: inline-block;
    }

    .ewm-pricing .ptp-col {
        width: 50%;
    }

    .ewm-contact .ewm-contact-info .first, 
    .ewm-contact .ewm-contact-info .second,
    .ewm-contact .ewm-contact-info ul li {
        width: 100%;
        float: none;
        margin-top: 15px;
    }

    .ewm-contact .ewm-contact-info .first {
        margin-top: 0;
    }

    .ewm-clients .ewm-testimonial h2.title:after {
        right: 0;
    }

    .btn-menu {
        display: block;
        margin-top: 25px;
    }

    #header {
        text-align: left;
    }

    #header .ewm-right {
        float: right;
    }

    .ewm-logo {
        margin: 23px 0;
    }

    #mainnav-mobi {
        top: 84px;
		z-index: 9999;
    }

    .ewm-latest-work .items img.icon {
        top: 25%;
    }

    .ewm-clients .ewm-testimonial .ewm-testi-top, 
    .ewm-clients .ewm-testimonial .items p {
        text-align: center;
    }

    .ewm-clients .ewm-testimonial .ewm-testi-top img {
        position: relative;
        bottom: auto;
        right: auto;
        display: inline-block;
        margin-top: 10px;
    }
}

/* All Mobile Sizes */
@media only screen and (max-width: 767px) {
    .ewm-pricing .ptp-col {
        width: 100%;
    }

    .ewm-about .ewm-tabs .sub-content ul li {
        width: 100%;
    }

    .ewm-about .ewm-tabs .sub-content ul li:nth-child(even) {
        margin-right: 0;
    }
}

/* Mobile Landscape Size */
@media only screen and (min-width: 480px) and (max-width: 767px) {
}

/* Mobile Portrait Size */
@media only screen and (max-width: 479px) {
    .ewm-logo-brands .line-wrap a {
        line-height: 100px;
    }

    .ewm-progess .ewm-circle-progress {
        width: 100%;
    }

    .ewm-title-box span {
        font-size: 30px;
        line-height: 40px;
    }

    .ewm-title-box h2 {
        font-size: 40px;
        line-height: 50px;
    }

    .ewm-clients .ewm-testimonial h2.title {
        font-size: 35px;
        line-height: 45px;
    }

    .ewm-clients .ewm-testimonial h2.title span {
        font-size: 50px;
        line-height: 60px;
    }

    .ewm-clients .ewm-testimonial h2.title:before {
        top: -30px;
    }

    .ewm-latest-work .items .info-wrap {
        text-align: center;
    }

    .ewm-latest-work .items .info-wrap span:last-child {
        padding-left: 0;
    }

    #header {
        text-align: center;
    }

    .ewm-wiget-top .widget_phone {
        padding-left: 0;
    }

    .ewm-logo {
        margin-bottom: 0;
    }

    .ewm-wiget-top {
        margin: 15px;
    }

    .btn-menu {
        margin-top: 15px;
    }
}
 
/* Retina Devices */
@media only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {

}

.ewm-reset1 input{
background:#F2F2F2
}

.ewm-reset1 textarea{
background:#F2F2F2!important
}

.tab-pane h5,h4{
font-size:24px!important;	
border-bottom:#ccc 1px dashed;
margin-left:20px;
}


:lang(ar) .tab-content{
	z-index:0 !
	
}

:lang(ar) .nav-pills > li.active:after {
	display:none !important;
}
:lang(ar) .nav-pills > li.active:before {
 content: "";
    border-color: transparent #b9a039;
    border-style: solid;
    /*border-width: 0.5em 0 0.5em 0.6em;*/
    border-width: 0.6em  0.5em 0.5em  0;
	
	
    display: block;
    height: 0;
    width: 0;
    left: -.5em;
    top: 0.9em;
    position: absolute;
	z-index:99
}


:lang(ar) .ewm-about .col-md-5 {
    position: absolute;
    left: 0;
	right:auto;
    bottom: 0;
}
:lang(ar) .ewm-menu ul.menu li:last-child a {
    margin-right: 35px;
}

:lang(ar) .ewm-wiget-top .widget_phone{
	direction: ltr;
}


:lang(ar) .ewm-logo:after {
    background-color: #a4a4a4;
    content: "";
    height: 50px;
    position: absolute;
    left: -20px;
    top: 10px;
    width: 2px;
}



:lang(ar) .ewm-about .ewm-tabs ul.menu-tab li::before {
    background-color: #a4a4a4;
    content: "";
    height: 69%;
    position: absolute;
    left: 0;
    top: 3px;
    width: 2px;
}

.top-h{
background:#fcfbf8;	
}
.top-h a{
font-size:13px;	
}



#followTab {
    left: 4px;
    list-style: outside none none;
    position: fixed;
    top: 35%;
    z-index: 9999 !important;
}
#followTab_right {
    bottom: 130px;
    list-style: outside none none;
    position: fixed;
    right: 0;
    z-index: 9999 !important;
}
#followTab a {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #fff #fff #fff -moz-use-text-color;
    border-image: none;
    border-radius: 0 10px 10px 0;
    border-style: solid solid solid none;
    border-width: 3px 3px 3px medium;
    box-shadow: 0 0 7px rgba(0, 0, 0, 0.6);
    color: #fff!important;
   /* display: block;*/
    padding: 15px 8px 10px 5px;
    width: 35px;
}
#followTab a.bg1 {
    background: #525252 none repeat scroll 0 0;
}
#followTab a.bg1:hover {
    background: #947d1c none repeat scroll 0 0;
    text-decoration: none;
}
#followTab h2 {
    color: #fff;
    font-size: 16px;
    margin: 0;
    writing-mode: vertical-rl;
	width:50px;
}


:lang(ar) #followTab {
	 left: -27px;
}


:lang(ar) #followTab h2 {
    color: #fff;
    font-size: 16px;
    margin: 0;
    width: 50px;
    writing-mode: vertical-lr;
}



.submit-wrap2 a{
    background-color: #b9a039;
    border: 0 none;
    border-radius: 5px;
    color: #fff;
    display: inline-block;
    margin-top: 20px;
    outline: 0 none;
    padding: 10px 29px;
}

#top-space {
    margin-top: 5px;
}