@import url(//cdn.rawgit.com/rtaibah/dubai-font-cdn/master/dubai-font.css);
.header .header-wrap .nav-wrap {
    float: left;
}
.flat-rowc {
clear: both;
display: block;
position: relative;
max-height:200px;
background:#333333!important;
/*background: rgba(30,30,30)!important;*/
}
.header .header-wrap .logo {
margin: -50px 100px 0 60px;
}
.logos{max-width:180px;}
.top{ background-color:#028889;}
/*header*/
.cards{ color:#fff!important; font-size:12px;}

.flat-information > li:before {
position: absolute;
left: 0;
top: 18px;
font-family: FontAwesome;
content: "";
}
.flat-information > li > a {
display: inline-block;
padding: 17px 0 15px 28px;
color: #fff;
font-size: 14px;
font-family: "Karla", sans-serif;
font-weight:bold;
}
.ccd{ background:#eee;}
.flat-client .item img{ max-height:70px;}
/*end*/
.plan-sec {
    padding: 25px 0 25px 0;
    overflow: hidden;
    width: 100%;
}
.quality-sec {
    padding: 24px 0 29px 0;
    overflow: hidden;
}
.quality-sec .heading-img {
    width: 257px;
    height: auto;
}
.newHdn {
    width: 241px !important;
    margin-left: 11px;
}
.quarpt {
    background-image: url(../images/qualityrpt.png);
    background-repeat: repeat-y;
    overflow: hidden;
    margin-top: -4px !important;
    width: 260px;
    margin: 0;
    padding-right: 10px;
    /* border: 1px solid #000; */
}
.plan-sec .one {
    padding-top: 25px;
    padding-left: 15px;
    width: 41%;
    float: left;
}
.plan-sec .two {
    width: 59%;
    float: left;
}
.style3 {
    color: #F47920 !important;
    font-weight: bold;
}
.qucon {
    font: normal 12px/1.9em Arial, Helvetica, sans-serif;
    color: #616161;
    padding: 7px;
}
.pacific_box {
    float: left;
    height: 279px;
    width: 262px;
    background: url(../images/buildingprocess_bg.png) no-repeat;
    padding-top: 26px;
    padding-left: 23px;
    color: #028889;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 20px;
    font-weight: bold;
}
.blog-single .entry .entry-content {
    padding-bottom: 22px;
    background: #fff;
}
.ppm {
    line-height: 1.5em!important;
    padding: 0 0 1.3em!important;
}
.quality-sec .qucon p {
    line-height: 22px;
    padding-bottom: 0px;
    padding: 10px 25px 0;
}
.headoff {
    font-family: Arial, Helvetica, sans-serif;
    color: #0082C9;
    font-size: 16px;
    font-weight: 700;
    text-align: center;
}
.headcon {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: bold;
    color: #F47920;
    text-align: center;
}
.cards {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #FFFFFF;
    text-align: center;
}


.widg-featured-post .owl-carousel .owl-item img:first-child{display:none;}









.riboon{background:#fff; background-image:url(../images/contp.png); background-repeat:no-repeat; background-size:100% auto; height:140px;}
.headcont{margin-left: 85px;margin-top: 100px;}
.wid69{width:69%; float:left; margin-top:30px;}
.cc{ border:0px;}
.wid95{ width:95%; float:left;}
.wid5{ width:5%; float:left;}
.warn{ color:#f00; font-size:20px;}
.drops{ background:#fff; height:50px;}
.pacific_box span {
color: #028889;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: bold;
display:block;
line-height:20px;
}
.clear10{ clear:both; height:10px}
.pacific_box p {
color: #5b5c5e!important;
font-family: Arial, Helvetica, sans-serif!important;
font-size: 12px!important;
font-weight: bold!important;
padding-top: 9px!important;
padding-left: 2px!importantpx;
line-height:25px;
}
.smalh{ clear:both; display:block; height:0px;}
.orangecolor{ color:#F38A3D; font-weight:bold;}
.phones{ color:#F38A3D!important; font-weight:bold; font-size:20px!important;}
.greybr{background:#f6f6f6; border-radius:5px;}
.clear50{clear:both; height:50px;}
.p10{padding:20px; }
.tpcon{
font-size: 16px;
font-weight: bold;
/* float: left; */
color: #F47920;
padding: 0px 5px 20px 0px;
}
.entry-content li {
padding-left: 15px;
background: url(../images/arrowere.png) left 7px no-repeat;
}
.entry-content a{ color:#F47920;}
.min117{min-height:117px;}
.style4 {
    color: #F47920;
    font-weight: bold;
}
.small-image2 {
    width: 200px;
    height: auto;
    padding: 0;
    margin: 0 9px;
    float: left;
}
.small-image {
    width: 250px;
    height: auto;
    padding: 0;
    margin: 0 39px;
    float: left;
}
.wall {
    width: 100%;
    height: auto;
    padding: 0;
    margin: 0;
    float: left;
    text-align: center;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
    border: 1px solid #ddd;
}
.gap {
    float: left;
    width: 100%;
}
.on2 {
    margin-right: 113px;
    float: right;
}
.on {
    margin-left: 90px;
    float: left;
}
.clear{ clear:both;}
.prod_box_list {
    text-align: center;
}
.prod_box {
    display: inline-block;
    width: 190px;
    margin: 2px 10px;
    text-align: center;
}
.prod_box .small {
    line-height: 24px;
}
.small {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #F47920;
    font-weight: 600;
    padding-top: 8px;
}
.rooms {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #0071B7;
    font-weight: 300;
    padding: 5px;
}
.style5 {
    color: #F47920;
    font-weight: bold;
}
.23w{ width:23%;}
.45w{ width:45%;}
.32w{ width:32%;}
.11w{ width:11%;}
.12w{ widows:23%}
#mainnav > ul > li > a {
font-size:13px;
}
.spaceincontent{
background:#fff;
}
@media only screen and (max-width: 1366px){
#mainnav > ul > li > a {
    padding: 0 20px 0 20px;
}
}
@media only screen and (max-width: 480px){
.quality-sec {
    padding: 24px 0 29px 0;
    overflow: hidden;
    margin-left: 13%;
}
.clear50{ clear:both; height:10px;}
.pacific_box{margin-left: 13%;}
.owl-stage{margin-left: 13%;}
.riboon{background:#fff; background-image:url(../images/contp.png); background-repeat:no-repeat; background-size:100% auto; padding-top:25px; height:52px; text-align:justify; margin-bottom:0px;}
.wid69{width:100%; float:left;}
.headcont {
    margin-left: 50px;
    margin-top: 8px;
}
img {
	max-width: 100%;
	height: auto;		
}
.testim .cont div .img img {
    display: block;
	width:11px!important;
    height: 11px!important;
    margin: auto;
    border-radius: 50%;
}
.testim .wrap {
    position: relative;
    width: 100%;
    max-width: 1020px;
	padding:0px;
    padding:0px!important;
    margin: auto;
    font-size: 12px;
}
.flat-rowc {
clear: both;
display: block;
position: relative;
max-height:270px;
background:#333333!important;
/*background: rgba(30,30,30)!important;*/
}
.testim .cont > div {
text-align: center;
position: absolute;
top: 5px!important;
left: 0;
padding: 0 0 70px 0;
opacity: 0;
}
}
.bodydiv {
width: 100%;
height: auto;
font-size: 16px;
font-family: Dubai-Light;
background:#333333;
/*background: rgba(30,30,30);*/

}
.testim {
width: 100%;
top: 50%;
/*-webkit-transform: translatey(-50%);
-moz-transform: translatey(-50%);
-ms-transform: translatey(-50%);
-o-transform: translatey(-50%);
transform: translatey(-50%);*/
}

.testim .wrap {
position: relative;
width: 100%;
max-width: 1020px;
padding: 40px 20px;
margin: auto;
}

.testim .arrow {
display: block;
position: absolute;
color: #eee;
cursor: pointer;
font-size: 2em;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
-webkit-transition: all .3s ease-in-out;    
-ms-transition: all .3s ease-in-out;    
-moz-transition: all .3s ease-in-out;    
-o-transition: all .3s ease-in-out;    
transition: all .3s ease-in-out;
padding: 5px;
z-index: 22222222;
}

.testim .arrow:before {
cursor: pointer;
}

.testim .arrow:hover {
color: #ea830e;
}


.testim .arrow.left {
left: 10px;
}

.testim .arrow.right {
right: 10px;
}

.testim .dots {
text-align: center;
position: absolute;
width: 100%;
bottom: 60px;
left: 0;
display: block;
z-index: 3333;
height: 12px;
}

.testim .dots .dot {
list-style-type: none;
display: inline-block;
width: 12px;
height: 12px;
border-radius: 50%;
border: 1px solid #eee;
margin: 0 10px;
cursor: pointer;
-webkit-transition: all .5s ease-in-out;    
-ms-transition: all .5s ease-in-out;    
-moz-transition: all .5s ease-in-out;    
-o-transition: all .5s ease-in-out;    
transition: all .5s ease-in-out;
position: relative;
}

.testim .dots .dot.active,
.testim .dots .dot:hover {
background: #ea830e;
border-color: #ea830e;
}

.testim .dots .dot.active {
-webkit-animation: testim-scale .5s ease-in-out forwards;   
-moz-animation: testim-scale .5s ease-in-out forwards;   
-ms-animation: testim-scale .5s ease-in-out forwards;   
-o-animation: testim-scale .5s ease-in-out forwards;   
animation: testim-scale .5s ease-in-out forwards;   
}

.testim .cont {
position: relative;
overflow: hidden;
}

.testim .cont > div {
text-align: center;
position: absolute;
top: 0;
left: 0;
padding: 0 0 70px 0;
opacity: 0;
}

.testim .cont > div.inactive {
opacity: 1;
}


.testim .cont > div.active {
position: relative;
opacity: 1;
}


.testim .cont div .img img {
display: block;
width: 100px;
height: 100px;
margin: auto;
border-radius: 50%;
}

.testim .cont div h2 {
color: #ea830e;
font-size: 1em;
margin: 15px 0;
}

.testim .cont div p {
font-size: 1.15em;
color: #eee;
width: 80%;
margin: auto;
}

.testim .cont div.active .img img {
-webkit-animation: testim-show .5s ease-in-out forwards;            
-moz-animation: testim-show .5s ease-in-out forwards;            
-ms-animation: testim-show .5s ease-in-out forwards;            
-o-animation: testim-show .5s ease-in-out forwards;            
animation: testim-show .5s ease-in-out forwards;            
}

.testim .cont div.active h2 {
-webkit-animation: testim-content-in .4s ease-in-out forwards;    
-moz-animation: testim-content-in .4s ease-in-out forwards;    
-ms-animation: testim-content-in .4s ease-in-out forwards;    
-o-animation: testim-content-in .4s ease-in-out forwards;    
animation: testim-content-in .4s ease-in-out forwards;    
}

.testim .cont div.active p {
-webkit-animation: testim-content-in .5s ease-in-out forwards;    
-moz-animation: testim-content-in .5s ease-in-out forwards;    
-ms-animation: testim-content-in .5s ease-in-out forwards;    
-o-animation: testim-content-in .5s ease-in-out forwards;    
animation: testim-content-in .5s ease-in-out forwards;    
}

.testim .cont div.inactive .img img {
-webkit-animation: testim-hide .5s ease-in-out forwards;            
-moz-animation: testim-hide .5s ease-in-out forwards;            
-ms-animation: testim-hide .5s ease-in-out forwards;            
-o-animation: testim-hide .5s ease-in-out forwards;            
animation: testim-hide .5s ease-in-out forwards;            
}

.testim .cont div.inactive h2 {
-webkit-animation: testim-content-out .4s ease-in-out forwards;        
-moz-animation: testim-content-out .4s ease-in-out forwards;        
-ms-animation: testim-content-out .4s ease-in-out forwards;        
-o-animation: testim-content-out .4s ease-in-out forwards;        
animation: testim-content-out .4s ease-in-out forwards;        
}

.testim .cont div.inactive p {
-webkit-animation: testim-content-out .5s ease-in-out forwards;    
-moz-animation: testim-content-out .5s ease-in-out forwards;    
-ms-animation: testim-content-out .5s ease-in-out forwards;    
-o-animation: testim-content-out .5s ease-in-out forwards;    
animation: testim-content-out .5s ease-in-out forwards;    
}

@-webkit-keyframes testim-scale {
0% {
-webkit-box-shadow: 0px 0px 0px 0px #eee;
box-shadow: 0px 0px 0px 0px #eee;
}

35% {
-webkit-box-shadow: 0px 0px 10px 5px #eee;        
box-shadow: 0px 0px 10px 5px #eee;        
}

70% {
-webkit-box-shadow: 0px 0px 10px 5px #ea830e;        
box-shadow: 0px 0px 10px 5px #ea830e;        
}

100% {
-webkit-box-shadow: 0px 0px 0px 0px #ea830e;        
box-shadow: 0px 0px 0px 0px #ea830e;        
}
}

@-moz-keyframes testim-scale {
0% {
-moz-box-shadow: 0px 0px 0px 0px #eee;
box-shadow: 0px 0px 0px 0px #eee;
}

35% {
-moz-box-shadow: 0px 0px 10px 5px #eee;        
box-shadow: 0px 0px 10px 5px #eee;        
}

70% {
-moz-box-shadow: 0px 0px 10px 5px #ea830e;        
box-shadow: 0px 0px 10px 5px #ea830e;        
}

100% {
-moz-box-shadow: 0px 0px 0px 0px #ea830e;        
box-shadow: 0px 0px 0px 0px #ea830e;        
}
}

@-ms-keyframes testim-scale {
0% {
-ms-box-shadow: 0px 0px 0px 0px #eee;
box-shadow: 0px 0px 0px 0px #eee;
}

35% {
-ms-box-shadow: 0px 0px 10px 5px #eee;        
box-shadow: 0px 0px 10px 5px #eee;        
}

70% {
-ms-box-shadow: 0px 0px 10px 5px #ea830e;        
box-shadow: 0px 0px 10px 5px #ea830e;        
}

100% {
-ms-box-shadow: 0px 0px 0px 0px #ea830e;        
box-shadow: 0px 0px 0px 0px #ea830e;        
}
}

@-o-keyframes testim-scale {
0% {
-o-box-shadow: 0px 0px 0px 0px #eee;
box-shadow: 0px 0px 0px 0px #eee;
}

35% {
-o-box-shadow: 0px 0px 10px 5px #eee;        
box-shadow: 0px 0px 10px 5px #eee;        
}

70% {
-o-box-shadow: 0px 0px 10px 5px #ea830e;        
box-shadow: 0px 0px 10px 5px #ea830e;        
}

100% {
-o-box-shadow: 0px 0px 0px 0px #ea830e;        
box-shadow: 0px 0px 0px 0px #ea830e;        
}
}

@keyframes testim-scale {
0% {
box-shadow: 0px 0px 0px 0px #eee;
}

35% {
box-shadow: 0px 0px 10px 5px #eee;        
}

70% {
box-shadow: 0px 0px 10px 5px #ea830e;        
}

100% {
box-shadow: 0px 0px 0px 0px #ea830e;        
}
}

@-webkit-keyframes testim-content-in {
from {
opacity: 0;
-webkit-transform: translateY(100%);
transform: translateY(100%);
}

to {
opacity: 1;
-webkit-transform: translateY(0);        
transform: translateY(0);        
}
}

@-moz-keyframes testim-content-in {
from {
opacity: 0;
-moz-transform: translateY(100%);
transform: translateY(100%);
}

to {
opacity: 1;
-moz-transform: translateY(0);        
transform: translateY(0);        
}
}

@-ms-keyframes testim-content-in {
from {
opacity: 0;
-ms-transform: translateY(100%);
transform: translateY(100%);
}

to {
opacity: 1;
-ms-transform: translateY(0);        
transform: translateY(0);        
}
}

@-o-keyframes testim-content-in {
from {
opacity: 0;
-o-transform: translateY(100%);
transform: translateY(100%);
}

to {
opacity: 1;
-o-transform: translateY(0);        
transform: translateY(0);        
}
}

@keyframes testim-content-in {
from {
opacity: 0;
transform: translateY(100%);
}

to {
opacity: 1;
transform: translateY(0);        
}
}

@-webkit-keyframes testim-content-out {
from {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}

to {
opacity: 0;
-webkit-transform: translateY(-100%);        
transform: translateY(-100%);        
}
}

@-moz-keyframes testim-content-out {
from {
opacity: 1;
-moz-transform: translateY(0);
transform: translateY(0);
}

to {
opacity: 0;
-moz-transform: translateY(-100%);        
transform: translateY(-100%);        
}
}

@-ms-keyframes testim-content-out {
from {
opacity: 1;
-ms-transform: translateY(0);
transform: translateY(0);
}

to {
opacity: 0;
-ms-transform: translateY(-100%);        
transform: translateY(-100%);        
}
}

@-o-keyframes testim-content-out {
from {
opacity: 1;
-o-transform: translateY(0);
transform: translateY(0);
}

to {
opacity: 0;
transform: translateY(-100%);        
transform: translateY(-100%);        
}
}

@keyframes testim-content-out {
from {
opacity: 1;
transform: translateY(0);
}

to {
opacity: 0;
transform: translateY(-100%);        
}
}

@-webkit-keyframes testim-show {
from {
opacity: 0;
-webkit-transform: scale(0);
transform: scale(0);
}

to {
opacity: 1;
-webkit-transform: scale(1);       
transform: scale(1);       
}
}

@-moz-keyframes testim-show {
from {
opacity: 0;
-moz-transform: scale(0);
transform: scale(0);
}

to {
opacity: 1;
-moz-transform: scale(1);       
transform: scale(1);       
}
}

@-ms-keyframes testim-show {
from {
opacity: 0;
-ms-transform: scale(0);
transform: scale(0);
}

to {
opacity: 1;
-ms-transform: scale(1);       
transform: scale(1);       
}
}

@-o-keyframes testim-show {
from {
opacity: 0;
-o-transform: scale(0);
transform: scale(0);
}

to {
opacity: 1;
-o-transform: scale(1);       
transform: scale(1);       
}
}

@keyframes testim-show {
from {
opacity: 0;
transform: scale(0);
}

to {
opacity: 1;
transform: scale(1);       
}
}

@-webkit-keyframes testim-hide {
from {
opacity: 1;
-webkit-transform: scale(1);       
transform: scale(1);       
}

to {
opacity: 0;
-webkit-transform: scale(0);
transform: scale(0);
}
}

@-moz-keyframes testim-hide {
from {
opacity: 1;
-moz-transform: scale(1);       
transform: scale(1);       
}

to {
opacity: 0;
-moz-transform: scale(0);
transform: scale(0);
}
}

@-ms-keyframes testim-hide {
from {
opacity: 1;
-ms-transform: scale(1);       
transform: scale(1);       
}

to {
opacity: 0;
-ms-transform: scale(0);
transform: scale(0);
}
}

@-o-keyframes testim-hide {
from {
opacity: 1;
-o-transform: scale(1);       
transform: scale(1);       
}

to {
opacity: 0;
-o-transform: scale(0);
transform: scale(0);
}
}

@keyframes testim-hide {
from {
opacity: 1;
transform: scale(1);       
}

to {
opacity: 0;
transform: scale(0);
}
}

@media all and (max-width: 300px) {
body {
font-size: 14px;
}
}

@media all and (max-width: 500px) {
.testim .arrow {
font-size: 1.5em;
}

.testim .cont div p {
line-height: 25px;
}

}
.pacific_box p {
    color: #5b5c5e!important;
    font-family: Arial, Helvetica, sans-serif!important;
    font-size: 12px!important;
    font-weight: bold!important;
    padding-top: 9px!important;
    padding-left: 2px!important;
    padding-right: 20px !important;
}