@import url(http://fonts.googleapis.com/earlyaccess/droidarabickufi.css);
@import url(https://fonts.googleapis.com/css?family=Titillium+Web:400,300italic,300,200italic,200,400italic,600,600italic,700,900&subset=latin,latin-ext);
ul{list-style-type:none; list-style-position:inside; }
a{text-decoration:none;color: #13a89e;}
a img{border:none;}
.clear{clear:both;}
.margin30{margin-top:30px;}
.margin15{margin-top: 15px !important;}
* {margin:0; padding:0;}
.container{position:relative;}
body{font-family: 'Droid Arabic Kufi', sans-serif;}
.brown{background: #603313;position:relative;height: 40px;width: 100%;overflow: hidden;}
header .col-lg-12{    border-bottom: 5px solid #603313;}
header .logo{
    float: right;
    margin: 0px -5px;
}
header .logo img{width: 75%;}
header .right-section{
    float: right;
    width: 25%;
}
.brown .social{
    width: 6.4%;
    float: left;
}
.brown .social div{
    float: right;
    margin: 0px;
    width: 40px;
    height: 40px;
    border-right: 1px solid rgb(255, 255, 255);
    font-size: 18px;
    padding: 10px 0;
}
.brown .social div a{color: #fff;padding: 0px 13px;}
.brown .social div:hover{background: #13a89e;}
.brown .social div:hover > a{color: #fff;}
.brown .top_link{float:left;}
.brown .top_link ul li{float:right;}
.brown .top_link ul li:last-child{border-right:1px solid #fff;}
.brown .top_link ul li a{
    color: #fff;
    padding: 10px;
    float: left;
    font-weight: 800;
}
.brown .top_link ul li.active > a{color: #18e2d5;}
header .right-section .search{
    float: right;
    width: 100%;
    margin: 10px 0;
    position: relative;
}
header .right-section .search form{
    float: right;
    width: 100%;
}
header .right-section .search form input{
    font-size: 14px;
    font-weight: 400;
    margin: 0;
    color: #222222;
    padding: 7px 30px;
    width: 100%;
    outline: none;
    background: #ffffff;
    border-radius: 15px;
    border: 3px solid rgba(0, 0, 0, 0.53);
    }
header .right-section .search form  button{
    background: #ffffff;
    border: none;
    float: right;
    position: absolute;
    z-index: 2;
    top: 13px;
    left: 10px;
    transform: rotateY(180deg);
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
}
header .right-section .shopping{
    width: 100%;
    float: right;
    margin-bottom: 4px;
}
header .right-section .shopping ul{
    text-align: right;
}
header .right-section .shopping ul li{
    float: right;
    margin-left: 15px;
}
header .right-section .shopping ul li a{
    font-weight: bold;
    color: #000;
}
header .right-section .shopping ul li a i, header .right-section .shopping ul li a span{
    color: #652d90;
}

.menu{float: left;margin-left: 0px;}
.menu nav{
    position: relative;
    margin-left: -15px;
    overflow: hidden;
}
.menu nav ul{
    float: left;
    margin-bottom: 0px;
}
.menu nav ul li{
    float: right;
    margin-left: 30px;
    position: relative;
    padding: 40px 0px;
    position: relative;
}
.menu nav ul li:last-child{margin-left:0px;}
.menu nav ul li a{
    color: #13a89e;
    font-size: 22px;
    font-weight: bold;
    padding: 10px 15px;
    float: left;
    text-decoration: none;
}
.menu nav ul li a:hover{}
.menu nav ul .right_link{
    float: right;
    margin-right: 0px;
}
.menu nav ul .active, .menu nav ul li:hover, .menu nav ul li:hover > a{
    background: #13a89e;
    color:#fff;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#15b2a8+48,13a89e+52 */
    background: rgb(21,178,168); /* Old browsers */
    background: -moz-linear-gradient(-45deg,  rgb(21,178,168) 48%, rgb(19,168,158) 52%); /* FF3.6-15 */
    background: -webkit-linear-gradient(-45deg,  rgb(21,178,168) 48%,rgb(19,168,158) 52%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(135deg,  rgb(21,178,168) 48%,rgb(19,168,158) 52%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#15b2a8', endColorstr='#13a89e',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.menu nav ul .active a{
    background: #13a89e;
    color: #fff;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#15b2a8+48,13a89e+52 */
    background: rgb(21,178,168); /* Old browsers */
    background: -moz-linear-gradient(-45deg,  rgb(21,178,168) 48%, rgb(19,168,158) 52%); /* FF3.6-15 */
    background: -webkit-linear-gradient(-45deg,  rgb(21,178,168) 48%,rgb(19,168,158) 52%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(135deg,  rgb(21,178,168) 48%,rgb(19,168,158) 52%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#15b2a8', endColorstr='#13a89e',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.menu nav ul .active a:before{display:table;content:"";position: absolute;right: 12%;top: 15px;border: 5px solid white;height: 20px;}
.menu nav ul .active a:after{display:table;content:"";position: absolute;right: 12%;top: 15px;bottom: 0;width: 71%;border: 5px solid white;pointer-events: none;}
.menu nav ul .active:before{display:table;content:"";position: absolute;left: 12%;bottom: 15px;border: 5px solid white;height: 20px;}
.menu nav ul .active:after{display:table;content:"";position: absolute;left: 12%;bottom: 15px;width: 71%;border: 5px solid white;pointer-events: none;}


.menu .drop{
    width: 200px;
    background: #fff;
    position: absolute;
    left: 0;
    top: 51px;
    display: none;
    border: 1px solid rgba(88, 89, 91, 0.81);
    background: rgba(88, 89, 91, 0.81);
    }
.menu nav ul .drop li {
    float: left;
    margin-right: 0px;
    width: 100%;
}
.menu nav ul .drop li a{
}
.menu nav ul li:hover >.drop{display:block;margin-top: 0px;position: absolute;z-index: 9999;}
.menu nav ul .drop li:hover, .menu nav ul .drop li a:hover{
    background: rgb(230, 94, 183);
    webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
/* The Nivo Slider styles */
.fullwidth{position: relative;}
.fullwidth .banner img{
    width: 100%;
    object-fit: cover;
    height: 450px;
    margin-bottom: 30px;
}
.nivoSlider {position:relative;width:100%;height: auto;overflow: hidden;}
.nivoSlider img {position:absolute;top: 0px;left:0px;max-width: none;}
.nivo-main-image {display: block !important;position: relative !important;width: 100% !important;}
/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink {position:absolute;top:0px;left:0px;width:100%;height:100%;border:0;padding:0;margin:0;z-index:6;display:none;background:white; filter:alpha(opacity=0); opacity:0;}
/* The slices and boxes in the Slider */
.nivo-slice {display:block;position:absolute;z-index:5;height:100%;top:0;}
.nivo-box {display:block;position:absolute;z-index:5;overflow:hidden;}
.nivo-box img { display:block; }
/* Caption styles */
.nivo-caption {
position:absolute;
left:0px;
bottom:0px;
background:#000;
color:#fff;
width:100%;
z-index:8;
padding: 5px 10px;
opacity: 0.8;
overflow: hidden;
display: none;
-moz-opacity: 0.8;
filter:alpha(opacity=8);
-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box;    /* Firefox, other Gecko */
box-sizing: border-box;         /* Opera/IE 8+ */
}
.nivo-caption p {padding:5px;margin:0;}
.nivo-caption a {display:inline !important;}
.nivo-html-caption {display:none;}
/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav a {position:absolute;top:45%;z-index:9;cursor:pointer;}
.nivo-prevNav {left:0px;}.nivo-nextNav {right:0px;}
/* Control nav styles (e.g. 1,2,3...) */
.nivo-controlNav {text-align:center;padding: 15px 0;}
.nivo-controlNav a {cursor:pointer;}
.nivo-controlNav a.active {font-weight:bold;}
.theme-default .nivoSlider {position:relative;background:#fff url(loading.gif) no-repeat 50% 50%;}
.theme-default .nivoSlider img {position:absolute;top:0px;left:0px;display:none;}
.theme-default .nivoSlider a {border:0;display:block;}

.theme-default .nivo-controlNav {
text-align: center;
padding: 20px 0;
position: absolute;
bottom: 0;
z-index: 99999;
left: 50%;
}
.theme-default .nivo-controlNav a {
display:inline-block;
width:22px;
height:22px;
background:url(bullets.png) no-repeat;
text-indent:-9999px;
border:0;
margin: 0 2px;
}
.theme-default .nivo-controlNav a.active {
background-position:0 -22px;
}

.theme-default .nivo-directionNav a {
display:block;
width:30px;
height:30px;
background:url(arrows.png) no-repeat;
text-indent:-9999px;
border:0;
opacity: 0;
-webkit-transition: all 200ms ease-in-out;
-moz-transition: all 200ms ease-in-out;
-o-transition: all 200ms ease-in-out;
transition: all 200ms ease-in-out;
}
.theme-default:hover .nivo-directionNav a { opacity: 1; }
.theme-default a.nivo-nextNav {
background-position:-30px 0;
right:15px;
}
.theme-default a.nivo-prevNav {
left:15px;
}

.theme-default .nivo-caption {
font-family: Helvetica, Arial, sans-serif;
}
.theme-default .nivo-caption a {
color:#fff;
border-bottom:1px dotted #fff;
}
.theme-default .nivo-caption a:hover {
color:#fff;
}

.theme-default .nivo-controlNav.nivo-thumbs-enabled {
width: 100%;
}
.theme-default .nivo-controlNav.nivo-thumbs-enabled a {
width: auto;
height: auto;
background: none;
margin-bottom: 5px;
}
.theme-default .nivo-controlNav.nivo-thumbs-enabled img {
display: block;
width: 120px;
height: auto;
}
.nav_resp{display:none;}
.nav_resp select {
width: 100%;
height: 45px;
color: #FE1F21;
border: 1px solid #B7B7B7;
padding: 7px 14px;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
border-radius: 0px;
font-family: 'Oswald', sans-serif;
}

.owl-item .item {width: 100%;text-align: center;}
.owl-item .item img{width: 64%;float: right;padding: 18px 0px;height: 360px;}
.owl-item .item .data{background: #603313;font-size: 18px;margin: 18px 0 0 24px;padding: 3px 30px 0;float: left;width: 33%;position: relative;overflow: hidden;min-height: 325px;text-align: right;}
.owl-item .item h1 a{color:#fff;cursor: pointer;}
.owl-item .item h1 a:hover{color:#000;}
.owl-item .item a{
    margin: 0 auto;
    width: 95%;
    float: none;
}
.owl-item .item a:hover{
    text-decoration: inherit;
}
.owl-item .item h2{
    font-size: 28px;
    font-weight: bold;
    color: #fff;
    text-align: center;
}
.owl-item .item p{color:#fff;padding: 15px;font-size: 16px;text-align: justify;direction: rtl;}
.owl-item .item h3{
    margin-top: 10px;
    color: #652d90;
    font-weight: 600;
}
.owl-item .item h4{
    font-size: 14px;
    margin-bottom: 0px;
}
.customNavigation{position: relative;z-index: 99;margin: 0 auto;text-align: center;}
.customNavigation a{cursor:pointer;padding: 0 2px;}
.customNavigation .prev{/* position: absolute; *//* left: -20px; *//* top: 100px; */}
.customNavigation .next{
    /* position: absolute; */
    /* right: -20px; */
    /* top: 100px; */
}
.no-padding{padding:0px !important;}


.main{
}
.main .store{
    background: #7e44b2;
    text-align: center;
    padding: 60px;
}
.main .notebook{
    background: #652d90;
    text-align: center;
    padding: 60px;
}

.main .store h1, .main .notebook h1{
    font-size: 52px;
    font-weight: 300;
    color: #fff;
    margin-top: 0px;
    margin-bottom: 50px;
}
.main .store .shop_now, .main .notebook .shop_now{
    color: #652d90;
    background: url(../images/shop_bg.png) no-repeat 0px 0px;
    font-size: 36px;
    font-weight: 700;
    padding: 14px 60px;
}
.main .store .shop_now:hover, .main .notebook .shop_now:hover{transition: all 0.2s ease;color: #fff;background: #652d90;border: 5px solid #fff;}

.about{}
.margin55{margin-top: 55px;}
.about h1{
    color: #652d90;
    font-weight: 700;
    text-transform: uppercase;
}
.about p{
    font-size: 18px;
    color: #000000;
    text-align: justify;
}
.about strong{
    color: #603313;
}
.we h1{
    margin-top: 0px;
    overflow: hidden;
}
.we h1:after {
    position: relative;
    left: 18px;
    content: "";
    display: inline-block;
    width:200%;
    height: 0.75em;
    margin: 0 -200% 0 0;
    background: url('../images/bg-heading.png');
}
.boxicon {
    width: 48px;
    height: 48px;
    line-height: 46px;
    font-size: 26px;
    margin-top: 20px;
    color: #fff;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.15);
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.07);
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.07);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.07);
    float: left;
    text-align: center;
    vertical-align: middle;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
.boxdata{
    margin-left: 65px;
    margin-bottom: 30px;
    margin-top: 18px;
}
.boxdata h4{
    color: #21252b;
    margin-top: 3px;
    font-size: 20px;
    line-height: 1.3em;
    margin-bottom: 5px;
}
.boxicon i {
    line-height: 46px;
    font-size: 26px;
}
.products{
    margin-top: 30px;
}
.products h1{color: #652d90;font-weight: 700;text-transform: uppercase;position: absolute;top: 25px;}
.products .col-lg-4{
    text-align: center;
}
.products img{
    /* width: 100%; */
}



footer {background: #13a89e;color:#fff;}
.footer-widget .input-group{width:100%;margin-bottom: 5px;}
.footer-widget .input-group .form-control{width: 49.5%;font-size: 12px;float: left;color: #606060;margin-right: 1px;border-radius: 4px;padding: 5px;}
.footer-widget .input-group textarea{
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    width: 100%;
    padding: 10px;
    height: 125px;
    margin-bottom: 5px;
    overflow: auto;
    color: #606060;
}
.footer-widget ul li a{color:#ffffff; line-height:26px}
.footer-widget ul li{list-style:inside;color: #fff;}
.footerlang{font-family: 'Droid Arabic Kufi', Arial, Helvetica, sans-serif;}
.footersocial{float: right;width: 100%;margin: 15px 0;}
.footer-widget .facebook{margin-bottom: 0px;}
.footer-widget h2 {font-size: 22px;color: #fff;margin-bottom: 22px;}
.footer-widget .facebook a{}
.facebook a, .instgram a, .google a, .login a{color: #fff;}
.footer-widget .payment {margin-top: 7px;float: left;}
.payment .visa {background: url(../images/payment.png) no-repeat;width: 59px;height: 40px;float: left;cursor: pointer;}
.payment .mastercard {background: url(../images/payment.png) no-repeat -79px -1px;width: 59px;height: 40px;float: left;cursor: pointer;margin-left: 15px;}
.payment .paypal{background: url(../images/payment.png) no-repeat -146px -1px;width: 105px;height: 40px;float: left;cursor: pointer;margin-left: 15px;}
.footer-widget p {color: #fff;width: 100%;float: left;}
.icon{float: right;border-radius: 50%;width: 30px;height: 30px;padding: 7px 7px;border: 1px solid #ffffff;margin-left: 5px;}
.adress{float: right;color: #fff;padding-top: 3px;width: 86%;}
.footer-widget img{padding-top: 85px;}
.footersocial span {
    float: right;
    padding-left: 5px;
    font-size: 13px;
    padding-top: 15px;
    color: #fff;
}
.facebook, .twitter, .google {
    float: right;
    padding-right: 5px;
    border: 1px solid #fff;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    padding: 13px;
    margin-right: 15px;
    cursor: pointer;
}
 
.footersocial a {
    padding: 11px 0px;
    color: #fff;
}
.facebook:hover{
    background: #3a5795;
    border: #fff;}

.twitter:hover{
    background: #0084B4;
    border: #fff;
    }
.google:hover{
    background: #db4437;
    border: #fff;
    }
.border_dotted{
    width: 100%;
    float: left;
    margin-bottom: 7px;
}
.border_dotted .fa-mobile{
    padding-left: 3px;
    font-size: 20px;
    margin-top: -3px;
}
.copyright {padding: 5px;background: #603313;border-top: 1px dotted #741cb7;}
.copyright .left{font-size: 13px;color: #ffffff;float:left;font-weight: 400;}
.copyright .right{float:right;font-size: 13px;color: #ffffff;font-weight: 400;padding-top: 8px;}
::-moz-selection {color:#fff;background:#C90C10;}
::selection {color:#fff;background: #e388b0;}
#send{background-color: #e849b0;border-color: #e849b0;}
#send:hover{
    background-color: #d1439f;
}

.latest_products{margin-top: 20px;float: right;}
.latest_products h1{
    color: #ffffff;
    font-weight: 700;
    float: right;
    width: 100%;
    background: #13a89e;
    text-align: center;
    padding: 12px;
    font-size: 28px;
}
.new_project{
    width: 50%;
    float: right;
    position: relative;
    margin-bottom: 30px;
}
.new_project img{
    width: 95%;
}
.new_project h3{
    margin: 0px;
    background: #603313;
    width: 95%;
    padding: 10px;
    font-size: 14px;
    color: #fff;
    font-weight: bold;
}
.new_project:after{
    display: table;
    content: "";
    position: absolute;
    left: 19px;
    bottom: 15px;
    border: 5px solid #13a89e;
    height: 295px;
    top: 10px;
    }
.new_project:before {
    display: table;
    content: "";
    position: absolute;
    left: 19px;
    border: 5px solid #13a89e;
    width: 95%;
    bottom: -10px;
}
.latest_products .new_project_data{
    width: 50%;
    float: right;
}
.latest_products .new_project_data h1{font-weight: 700;
    float: right;
    width: 100%;
    color: #13a89e;
    background: #f5f9fc;
    text-align: right;
    padding: 12px;
    font-size: 24px;
    margin-top: 0px;}
.latest_products .new_project_data h1 span{
    float: left;
}
.latest_products .new_project_data h1 span a{color: #646464;background: #dce3e9;padding: 0px 10px 0px 10px;}
.latest_products .new_project_data h1 span a:hover{
    color: #ffffff;
    background: #13a89e;
}
.latest_products .new_project_data p{
    width: 100%;
    float: right;
    font-size: 18px;
    line-height: 28px;
    font-weight: 600;
}

.best img{width:100%;}
.latest_news{
    border-right: 25px solid #13a89e;
    border-left: 25px solid #13a89e;
    background: #f6f6f6;
    padding: 50px 0;
}
.last_title{
    float: right;
    width: 25%;
    position: relative;
    padding: 5%;
}
.last_title h1{
    text-align: center;
    color: #603313;
    font-weight: bold;
    font-size: 30px;
    line-height: 39px;
}
.last_img{
    display: block;
    position: relative;
    z-index: 1;
    width: 50%;
    float: right;
    margin-bottom: 50px;
    margin-top: 20px;
}
.decorative-background {
    position: absolute;
    top: 25px;
    left: 90px;
    width: 70%;
    height: 95%;
    background: #603313;
    display: block;
    overflow: hidden;
}
.last_img .image-wrap {
    z-index: 2;
    position: relative;
    overflow: hidden;
    display: inline-block;
}
.last_img .top:before{
    display: block;
    content: "";
    position: absolute;
    right: -30px;
    top: -30px;
    border: 7px solid #13a89e;
    height: 30%;
    }
.last_img .top:after{
    left: 50%;
    : -11px
    border: 5px solid #13a89e;
    display: block;
    content: "";
    position: absolute;
    right: -16px;
    top: -30px;
    border: 7px solid #13a89e;
    }
.last_img .bottom:before{
    display: block;
    content: "";
    position: absolute;
    left: 65px;
    bottom: -30px;
    border: 7px solid #13a89e;
    height: 30%;
    }
.last_img .bottom:after{
    right: 30%;
    : -11px
    border: 5px solid #13a89e;
    display: block;
    content: "";
    position: absolute;
    left: 65px;
    bottom: -40px;
    border: 7px solid #13a89e;
    }
.last_img .image-wrap img{
    width: 85%;
    height: 229px;
}
.last_data{
    float: right;
    width: 25%;
    padding-left: 20px;
    padding-top: 3%;
}
.last_data h1{
    font-size: 18px;
    color: #603313;
    font-weight: bold;
}
.last_data p{
    font-size: 14px;
    color: #603313;
    line-height: 24px;
    padding-top: 15px;
}

.last_title .top:after{
    left: 25%;
    : -11px
    border: 5px solid #13a89e;
    display: block;
    content: "";
    position: absolute;
    right: 60px;
    top: 51px;
    border: 7px solid #603313;
    }
.last_title .top:before{
    display: block;
    content: "";
    position: absolute;
    right: 60px;
    top: 63px;
    border: 7px solid #603313;
    height: 53%;
    } 

.last_title .bottom:before{
    display: block;
    content: "";
    position: absolute;
    left: 54px;
    bottom: 40px;
    border: 7px solid #603313;
    height: 15%;
    }

.last_title .bottom:after{
    right: 25%;
    : -11px
    border: 5px solid #13a89e;
    display: block;
    content: "";
    position: absolute;
    left: 55px;
    bottom: 40px;
    border: 7px solid #603313;
    }
.latest_project{
    direction: ltr;
    border-right: 25px solid #603313;
    border-left: 25px solid #603313;
    background: #f6f6f6;
    padding: 20px 0;
    margin-bottom: 30px;
}
.latest_project .last_project_title h1{
    margin-top: 0px;
    margin-bottom: 10px;
    text-align: center;
    color: #603313;
    font-weight: bold;
}
.latest_project:after {
    left: 88%;
    display: block;
    content: "";
    position: absolute;
    right: 10px;
    bottom: 0;
    border: 10px solid #603313;
    }
.latest_project:before {
    left: 88%;
    display: block;
    content: "";
    position: absolute;
    bottom: 20px;
    border: 10px solid #603313;
}
.latest_project .last_project_title h1:before {
    left: 10px;
    display: block;
    content: "";
    position: absolute;
    top: 0px;
    border: 10px solid #603313;
    right: 88%;
}


.latest_project .last_project_title h1:after {
    display: block;
    content: "";
    position: absolute;
    top: 20px;
    border: 10px solid #603313;
    right: 88%;
}
.all_projects h1 {
    color: #ffffff;
    font-weight: 700;
    float: right;
    width: 97.2%;
    background: #13a89e;
    text-align: center;
    padding: 15px;
    font-size: 28px;
    margin: 15px;
    }

.project_image{overflow:hidden;}
.project_image img{width:100%;webkit-transition: all 500ms ease-in-out;
    -moz-transition: all 500ms ease-in-out;
    -o-transition: all 500ms ease-in-out;
    transition: all 500ms ease-in-out;}
.project_image img:hover{webkit-transition: all 500ms ease-in-out;
    -moz-transition: all 500ms ease-in-out;
    -o-transition: all 500ms ease-in-out;
    transition: all 500ms ease-in-out;
    -webkit-transform: rotateZ(2deg) scale(1.2);
    transform: rotateZ(2deg) scale(1.2);}

.property-content {background-color: #f5f9fc;margin-bottom: 30px;}
.property-info {
    position: relative;
}
.property-info .entry-title {
    background-color: rgba(53, 58, 62, 0.7);
    color: #fff;
    display: block;
    left: 0;
    line-height: 20px;
    margin: 0;
    opacity: 0;
    padding: 10px;
    position: absolute;
    right: 0;
    top: 0;
    visibility: hidden;
    transform: translateY(-200%);
    -webkit-transform: translateY(-200%);
}
.property-info .price 
{background-color: #13a89e;display: block;margin-bottom: 0;padding: 10px;color: #fff;position: relative;z-index: 2;}
.property-link {
    padding: 10px;
}
.property-info .epl-link {
    float: left;
    height: 38px;
    width: 38px;
    padding-top: 13px;
    background-color: #dce3e9;
    text-align: center;
    color: #2d3e52;
}
.property-info .epl-link:hover{
    color: #ffffff;
    background-color: #603313;
}
.property-info .property_land_area {
    display: block;
    font-size: 16px;
    color: #603313;
    padding-top: 6px;
    font-weight: bold;
}

.fullwidthbanner{
	background: url(../images/fullwidth-bg.jpg) 50% 0 repeat-y fixed;
    height: auto;
    text-align: center;
    padding: 70px 0px 60px 0px;
    position: relative;
    z-index: 1;
}

#block-breadcrumb {
    color: #fff;
    padding: 15px 0 0;
    background: rgb(19, 168, 158);
}
.breadcrumb{
    padding: 8px 15px;
    list-style: none;
    background-color: #603313;
    border-radius: 4px;
    }
.offset-0 {
    padding-left: 0px !important;
    padding-right: 0px !important;
}
.pagecontainer {
    background: #fff;
    margin-top: 30px;
    border: 1px solid #cccccc;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.13);
    padding: 15px;
    float: right;
    width: 100%;
}

.details-slider .nivoSlider {position:relative;width:75%;height: auto;overflow: hidden;margin-top: 20px;}

#slider-thumbs {
    width: 150px;
    margin-left: -8px;
    overflow-y: scroll;
    height: 310px;
    float: left;
}


.detailsright h1{
    color: #ffffff;
    font-weight: 700;
    float: right;
    width: 100%;
    background: #13a89e;
    padding: 12px;
    font-size: 22px;
    margin-top: 0px;
}
.detailsright p{
    font-size: 16px;
    line-height: 32px;
}




.detailstab{margin-top:30px;}
.detailstab .nav {
    float: right;
    margin-left: 20px;
    width: 100%;
}

.detailstab .nav-tabs li a {
    border: 1px solid #ddd !important;
    border-bottom-color: transparent !important;
    font-weight: 800;
    border-radius: 0;
}


.detailstab .tab-content {
    padding:0px 20px;
    border: 1px solid #DDD;
    border-left: 3px solid rgb(171, 171, 171);
    float: right;
    width: 100%;
    line-height: 26px;
    margin-bottom: 30px;
}
.detailstab .tab-content ul{
    padding-right: 20px;
}
.detailstab .tab-content ul li{list-style:circle;padding-right: 0px;}

.detailstab .tab-content .map{
    padding: 0 0px;
    margin: 0px -20px;
}


.tabs-right{
    width: 100%;
    margin-top: 10px;
}
.tabs-right .nav{
    width: 15%;
    float: right;
    padding-right: 0px !important;
    margin-left: 0px;
}
.tabs-right ul li{
    width: 100%;
}

.tabs-right .tab-content{
    width: 85%;
    margin-right: -3px;
    min-height: 169px;
    border-left: 1px solid #DDD;
}


.main_img{
    padding: 15px;
    margin-bottom: -25px;
}
.main_img img {
    width: 100%;
}

.all_imgs .portfolio-item-inner{padding-right: 10px;padding-left: 0px;width: 14%;}
#reg{margin-top:30px;}
#applyform{float: right;width: 60%;padding-left: 35px;}
#applyform form{float: right;}
#room-details{float: right;width: 37%;}
#applyform .form-section{width: 100%;padding: 0px 0 30px 0;color: #56296F;font-weight: 600;font-size: 20px;}
#applyform .form-group{float: right;width: 100%;}
#applyform .form-group .form-label label{width: 33%;float: right;padding: 15px 0;font-size: 15px;}
#applyform .form-group #form-control select{width: 67%;height: 47px;float: left;background: #603313;color: #FFFFFF;border: 1px solid #cbcbcb;padding: 7px 14px;box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;font-weight: bold;font-size: 16px;}
#applyform form #form-control input{width: 67%;}
#applyform form #form-control #Booking_booking_gender input{width: 3%;float: right;}
#applyform form #form-control #Booking_booking_gender label{width: 19%;float: right; padding: 18px 8px;}
#applyform form #form-control #Booking_booking_gender1 input{width: 3%;float: right;height: 25px;}
#applyform form #form-control #Booking_booking_gender1 label{width: 95%;float: right; padding: 6px 5px;}
#Booking_booking_gender1{    width: 60%;
    float: right;}
#applyform .send{float: left;margin: 0;width: 100%;}
#applyform .send a{width: 86%;padding: 15px 12px;font-size: 20px;}
#form-control input {
    width: 100%;
    height: 47px;
    float: right;
    background: #ffffff;
    color: #606060;
    border: 1px solid #cbcbcb;
    padding: 11px 14px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    text-align: right;
}

#form-control textarea {
    width: 67%;
    height: 110px;
    float: right;
    background: #ffffff;
    color: #606060;
    border: 1px solid #cbcbcb;
    padding: 11px 14px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    text-align: right;
}


#contactform{
    float: right;
    width: 100%;
}
#contactform label {
	display: block;
	margin-bottom: 5px;
	line-height: 1;
	color: #000;
}
#contactform .input {
	float: right;
	width: 420px;
	margin: 0 0 20px 30px;
}
#contactform .input:first-child {
	margin-right: 0;
}
#contactform textarea {
	margin-bottom: 20px;
}
#contactform input, #contactform textarea{
	width: 100%;
    height: 40px;
    padding: 9px 10px;
    border: 1px solid #e3e3e3;
    border-radius: 0;
    background: #fff;
    font-size: 14px;
    line-height: 20px;
    color: #333;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-appearance: none;}
#contactform textarea {
    height: auto;
    resize: none;
}

.contact ul{padding: 15px;}
.contact ul li{font-size: 14px;margin-bottom: 15px;}
.contact ul li i{padding-left: 15px;padding-bottom: 9px;float: right;font-size: 16px;}
.contact ul li span{
    line-height: 24px;
}





/* Note: Design for a width of 1360px */
@media screen and (max-width: 1367px) {
	
}



/* Note: Design for a width of 1024px */
@media screen and (max-width: 1024px) {
	
}


/* Note: Design for a width of 768px */
@media screen and (max-width:995px) {
	
}



/* Note: Design for a width of 480px */
@media screen and (max-width:767px) {
	
	
}


/* Note: Design for a width of 320px */
@media screen and (max-width: 479px) {
	
	
}