#page{ background: #fff; width: 100%; margin: 0 auto;}
.container{ width:85%; margin:auto; padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto; }
.page-section{ padding: 70px 0; }

.pages-2 .top-main-header {
    position: absolute;
    z-index: 2;
    width: 100%;
    background: none;
}
.topbar {
    padding: 12px 0px;
    background: #1A1A1A;
}
.pages-2 .topbar {
    background: none;
    border-bottom: 1px solid rgba(225,255,255,0.5);
}

.ytp-title{ display: none !important; }


header{ width: 100%; }

.top_loction{float: right;}
.top_loction ul{float: left; list-style: none; margin-top: 4px;}
.top_loction ul li{float: left; margin: 0 0 0 25px;}
.top_loction ul li:first-child {margin: 0px;}
.top_loction ul li a{color: #fff; font-size:12px; transition: all .3s ease;}
.top_loction ul li a i {margin-right: 5px;}
.topbar a i {font-size: 12px;}
.top_loction ul li a:hover{color:red;}

.top-social-icon{float: left;}
.top-social-icon ul{float: left; padding-left: 10px;}
.top-social-icon ul li{float: left;}
.top-social-icon ul li a {display: inline-block;    color: #fff;}
.top-social-icon  ul li a:hover{color: red;}
.top-social-icon ul li a i {width: 30px;height: 30px;text-align: center;
    line-height: 28px;
    border-radius: 100%;
    display: inline-block;
}
.top-social-icon span {
    float: left;
    color: #ffffff;
    padding-right: 14px;
    line-height: normal;
    font-size: 13px;
    border-right: 1px solid rgba(255,255,255,.2);
    margin: 4px 0 0;
}	

.pages-2 .botbar{padding:0;  }
.botbar{padding: 0;  }
.head-top { position: relative;
 
}
.pages-2 .botbar .logo {
  float: left; position: absolute;
    top: 25px;
    left: 0;
    z-index: 9;
}
.botbar .logo {
  float: left; 
   position: absolute;
    top: 25px;
    left: 0;
    z-index: 9;
}

.logo img {
    max-width: 225px;
}

.menu{float:right;}
.menu  ul{ list-style: none; }
.menu ul  li{float:left;} 
.menu ul li a{font-weight: 600; display: inline-block;
    padding: 30px 10px;
    color: #1a1a1a;
    font-size: 15px;
    margin: 0 5px;

    border-top: solid transparent 8px;}
    .menu ul li a:hover{ border-color: red; }
    .menu ul li:last-child a{ padding-right: 0px; }
  .pages-2  .menu ul li a{color: #fff; font-weight: 500}

.menu ul li a.active{border-color: red;}
.m_btn{float:right; display:block; width:25px; padding-top: 10px;}
.pages-2 .m_btn span{background:#fff; height:2px; display:block; margin:4px 0;}
.m_btn span{background:#1a1a1a; height:2px; display:block; margin:4px 0;}

.innerpage_banner{ width: 100%; height: 300px;  background-repeat: no-repeat; background-position: center center;
 background-size: cover; text-align: center; position: relative; }
 .innerpage_banner:after{position: absolute; width: 100%; height: 100%; background:#000;	opacity: .7; content:"";display:block; 
 z-index: 9997; top: 0;}
 .innerpage_banner h1{ color: #fff; padding-top: 125px; position: relative; z-index: 9998; font-weight: 500 }
 .breadcrumbs {color: #fff; position: relative; z-index: 9998; }
 .breadcrumbs li { color: #fff; font-size: 13px; display: inline-block; padding-right: 5px; }
 .breadcrumbs li a{color: #fff}
 .breadcrumbs a:hover{text-decoration: underline; color: #63cdf6   }
 .breadcrumbs li.prepage:after{content: '\f105';
    display: inline-block;
    padding-left: 7px;
    font-family: 'FontAwesome';}
.fluid_container {margin: 0 auto;width: 100%; position:relative; height:660px; overflow:hidden;}
.camera_pag{ display:none}
.mobile_banner{display: none;}

footer{background: #1A1A1A ; }
.top-footer1{width: 100%; overflow: hidden;  border-bottom: 1px dotted #fff; margin-bottom: 30px;}
.top-footer1 ul{float: left; list-style: none; width: 100%;}
.top-footer1 ul li{ float: left; width: 25%; padding-right: 30px; padding-bottom: 30px; overflow: hidden; }
.top-footer1 ul li img{ max-width: 220px; height: auto }
.top-footer1 ul li a{color: #c8c8c8}
.top-footer1 h4{color: #fff; padding-bottom: 5px;font-size: 15px;margin-left: 40px; text-transform: uppercase; font-weight: 500}
.top-footer1 p{margin-left: 40px; font-size: 18px;color: #c8c8c8; font-weight: bold;}
.top-footer1  i {float: left; display: block;}
.top-footer1  i {font-size: 30px; color: red}
.top-footer{width: 100%; overflow: hidden;   }
.top-footer p{color: #fff}
.top-footer ul{float: left; list-style: none; width: 100%}
.top-footer ul li{ width: 25%; padding-right: 30px; float: left; padding-bottom: 30px; }
.top-footer ul li a{color: #fff; }
.top-footer ul li:last-child{padding-right: 0px;}
.top-footer ul li ul li{width: 100%; padding-right: 0px; list-style: square; list-style-position: inside; float: left; 
	color:#fff; padding-bottom: 5px;}
.top-footer ul li ul li a{font-size: 15px; }
.top-footer ul li ul li a:hover{text-decoration: underline;}
.top-footer h4{color: #fff; margin-bottom: 25px;padding-bottom: 10px; position: relative; font-size: 20px;}

.bot-footer{ padding: 15px 0; font-size: 12px; background:#0E0E0E ; text-align: center; color: #fff; }


.top-footer h4:after {
    content: "";
    position: absolute;
    bottom: -10px;
    left: 18px;
    height: 3px;
    margin: 0 0 0;
    width: 70px;
    margin: 10px 0;
    background-color: red;
}
.top-footer h4:before {
    content: "";
    position: absolute;
    bottom: -14px;
    left: 0;
    display: inline-block;
    width: 10px;
    height: 10px;
    border: 3px solid #fff;
    margin-bottom: 10px;
}

.about{}

.about p{ padding-bottom: 20px;}
.about p:last-child{ padding-bottom: 0px; }
.abt-lt{float: left; width: 42%}
.abt-rt1, .abt-rt2{float: right; width: 58%; text-align: left;}
.about-com-pic {
    position: relative;
    z-index: 1;
}
.about-com-pic img {
    width: 100%;
}
.about-com-pic:after{border-color: red;}
.about-com-pic:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 10px;
    left: -10px;
    background-color: red;
    z-index: -1;
}

.img-responsive {
    display: block;
    max-width: 100%;
    height: auto;
}
.section-head{margin-bottom: 20px;}
.section-head h1, .section-head h2, .section-head h3 {
    margin-top: 0; text-transform: uppercase; color: #1a1a1a;
}
.section-head h2{ margin-bottom: 14px; }
.section-head p {
    padding-top: 10px;
    font-size: 14px;
}
.wt-separator-outer {
    overflow: hidden;
}
.wt-separator {
    display: inline-block;
    height: 3px;
    width: 50px;
    position: relative;
    z-index: 1;
}
.wt-separator.style-square {
    width: 10px;
    height: 10px;
    background-color: transparent;
    border-width: 3px;
    border-style: solid;
    border-color: #2d3239;
}
.wt-separator.style-square .separator-left, .wt-separator.style-square .separator-right {
    height: 3px;
}
.wt-separator.style-square.has-bg {
    border-color: #fff;
}
.wt-separator .separator-left {
    left: -80px;
}
.wt-separator .separator-right {
    right: -80px;
}
.wt-separator .separator-left, .wt-separator .separator-right {
    position: absolute;
    top: 50%;
    width: 70px;
    height: 2px;
    margin-top: -1px;
    background-color: red;
    z-index: 98;
}

.about-types .wt-icon-box-wraper {
    border-width: 0px 0px 0px 3px;
}
.wt-icon-box-wraper {
    position: relative;
}
.wt-icon-box-wraper.left .icon-xld, .wt-icon-box-wraper.left .icon-xl, .wt-icon-box-wraper.left .icon-lg, .wt-icon-box-wraper.left .icon-md, .wt-icon-box-wraper.left .icon-sm, .wt-icon-box-wraper.left .icon-xs {
    float: left;
    margin-right: 10px;
}

.icon-sm a{color: red}

.icon-sm i {
    font-size: 18px;
}
.icon-xld i, .icon-xl i, .icon-lg i, .icon-md i, .icon-sm i, .icon-xs i {
    vertical-align: middle;
}
.fa {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.fa-building:before {
    content: "\f1ad";
}
.icon-content {
    overflow: hidden;
}

.wt-icon-box-wraper .wt-tilte {
    margin-top: 0;
}
.wt-box, .wt-info, .wt-tilte, .wt-tilte-inner {
    position: relative;
}
.wt-icon-box-wraper p:last-child {
    margin: 0px;
}
.icon-content p {
    word-break: break-all;
}


.testi{background: url(../images/testimonials.jpg) no-repeat center center; background-size: cover;  position: relative; text-align: center;
 overflow: hidden; color: #fff  }
.testi:after{position: absolute; width: 100%; height: 100%; background:#000;	opacity: .8; content:"";display:block; z-index: 3; top: 0;}
.testi h2{color: #fff; position: relative; z-index: 9996; margin-bottom:14px; text-transform: uppercase;}
.testi p{ color: #fff ;  position: relative; z-index: 9996;}
.testi ul{margin: 20px 0; float: left;}
.testi ul li{float: left; padding:0 10px; width: 33.3%}

.testi2 ul{margin: 0px; float: left;}
.testi2 ul li{float: left; margin-bottom:10px; width:100%; border:1px solid #1a1a1a; padding: 20px;}
.testi2 ul li:last-child{margin-bottom: 0px;}

.testi2 .testimonial-name{color: #1A1A1A;}

.testimonial-3, .testimonial-grid-3 {
    text-align: center;
}
.testimonial-bg {
    color: #fff;position: relative;z-index: 9996;
}
.quote-left, .quote-right {
    position: relative;
}

.testimonial-3 .quote-left:before, .testimonial-grid-3 .quote-left:before {
    position: static;
    font-size: 40px;
    color: red;
}
.quote-left:before {
    content: "\f10d";
    left: 0;
}
.quote-left:before, .quote-right:after {
    font-family: "FontAwesome";
    position: absolute;
   z-index: 9996;
    top: 15px;
}
.testimonial-text {
    padding: 15px;
    position: relative;
}
.testimonial-text p:last-child {
    margin: 0;
}
.testimonial-detail {
    padding: 5px;
}
.testimonial-3 .testimonial-name, .testimonial-3 .testimonial-position, .testimonial-grid-3 .testimonial-name, .testimonial-grid-3 .testimonial-position {
    display: inline-block;
}
.testimonial-position {
    font-style: italic; color: red;
}

.testimonial-pic.shadow {
    -webkit-box-shadow: 2px 3px 6px -3px rgba(0, 0, 0, 0.35);
    -moz-box-shadow: 2px 3px 6px -3px rgba(0, 0, 0, 0.35);
    box-shadow: 2px 3px 6px -3px rgba(0, 0, 0, 0.35);
}
.testimonial-pic.radius {
    border-radius: 100%;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
}
.testimonial-pic {
    background: #FFF;
    width: 100px;
    height: 100px;
    position: relative;
    display: inline-block;
    border: 2px solid #FFF;
}

.testimonial-pic.radius img {
    width: 100%;
    border-radius: 100%;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
}

a.more{ color: #fff; background:none; ; border: 3px solid #fff; padding: 5px 10px;transition: all .6s ease;
text-transform: uppercase; margin-top: 35px;  font-size: 14px; position: relative; z-index: 9996; display: inline-block;}
a.more:hover{background: #fff; border:3px solid #fff; color:#1a1a1a  }


.client{background: #fff; text-align: center;overflow: hidden;  }
.client h2{ margin-bottom:14px; text-transform: uppercase;}
.client h5{ padding-top: 15px; font-weight: 600; }

.slider_outer{ padding:0 15px; width:100%; float: left;}

.slider {float:left; width:100% !important; visibility:hidden;left: -5000px;  margin-top:35px;  box-sizing: border-box;}
.slider ul {  float:left; }
.slider ul li {width:25%; height:auto; float: left; display: inline-block; }
.slider ul li img { z-index:-1;}
.slider .prev {cursor:pointer; float:left;background:url(../images/prev.png) no-repeat;
	width:16px;height:16px;position:relative;bottom:130px;left:10px;z-index:1;}
.slider .next {cursor:pointer; float:right; background:url(../images/next.png) no-repeat;
	width:16px;height:16px;position:relative;bottom:130px;z-index:1; right:10px}


.client-list{ width:98%; border:1px solid #ccc;  padding:20px; min-height: 240px; vertical-align: middle; margin: 0 1%;}
.client-list h4{width:100%; height:auto; text-align:center; margin-bottom:10px;}
.client-list h4 img{ max-width: 200px; height: auto;overflow: hidden; }
.client-list .amazingcarousel-title{ color:#fff; background-color: #1A1A1A; padding: 2px;
 font-size:13px; font-weight:500; width:100%; margin:0; text-align: center; margin-bottom: 10px; }

.client-list .amazingcarousel-description{ color:#222; font-size:11px; 
	font-weight:600;text-align:center; vertical-align: middle;}


.constrot-strip {
    position: relative;
    height: 15px;
    width: 100%;
    background-color:red;
    background-image: url(../images/footer-strip.png);
    background-repeat: repeat-x;
    background-position: center top;}

.call-action{padding: 20px 0; background: red;}
.call-lt{float: left; width: 65%; padding-right: 20px; color: #fff !important}
.call-lt h3, .call-lt h5{color: #fff; font-weight: 500;}
.call-lt h3{padding-bottom: 5px;}
.call-rt{float: right; width: 35%; padding-left: 20px; text-align: center;}

.call-rt a.more{ color: #fff; background:#1a1a1a ; border: 3px solid #1a1a1a; margin-top: 10px;  }
.call-rt a.more:hover{background: none; border:3px solid #1a1a1a; color:#fff  }


.properties{ box-sizing:border-box }
.col1{ float:left; padding:0 15px;  box-sizing:border-box;width:33.3%; hoverflow:hidden; height:250px; margin-bottom: 30px;  }
.property{ position:relative; overflow:hidden;border:3px solid #1a1a1a;	  }
.image {display: block; width:100%;text-align:center; height:250px;}
.img-hover{ position:absolute; bottom:0; background:#000; display:block; width:100%; color: #FFF; opacity:.8; height:50px; 
	overflow:hidden; text-align:center; line-height:50px;}
.img-hover h3{ overflow:hidden;white-space:nowrap; text-overflow:ellipsis ; padding:0 5px; width:100%; height:50px; color: #fff;
font-size: 18px; font-weight: 500}
.img-hover2{ position:absolute; bottom:0; background:#000; display:block; width:100%; color: #FFF; opacity:.8; height:50px; 
	overflow:hidden; text-align:center; line-height:50px;}
.img-hover2 h4{ overflow:hidden;white-space:nowrap; text-overflow:ellipsis ; padding:0 5px; width:100%; height:25px; color: #fff;
font-size: 14px; font-weight: 500; line-height: 25px;}
.img-hover2 h5{ overflow:hidden;white-space:nowrap; text-overflow:ellipsis ; padding:0 5px; width:100%; height:25px; color: #fff;
font-size: 12px; font-weight: 500; line-height: 25px;}
.overlay{ position:absolute; top:0; right:0; bottom:0; left:0; opacity:0; background:#000; transition:1s ease ; 
	width:100%; height:100%; color:#FFF; text-align:center;  box-sizing:border-box}
.overlay_text{ position:absolute; top:22%; width:100%;padding:2%; box-sizing:border-box}
.overlay_text h3{ font-size:15px; color:red; margin-bottom:10px; height:25px; 
	overflow:hidden;white-space:nowrap; text-overflow:ellipsis  }
.overlay_text p{ font-size:12px;margin-bottom:15px; max-height:61px; overflow:hidden; color: #fff; font-weight: 500}
.overlay_text a{ color:#FFF; background:red; border-radius:5px; padding:5px; font-size:11px;font-weight: 500 }
.overlay_text a:hover{ background:#fff; color: #1A1A1A}
.property:hover .overlay{ opacity:.9}


.profile,.feedback{ float: left; text-align: left; }
 .profile h4,.feedback h4{ margin-bottom: 20px; }
 .profile{ width: 40%; padding-right: 25px; box-sizing: border-box;  }
 .profile p{ margin-bottom: 20px;  overflow: hidden; padding-bottom: 0 !important; }
 .profile p span{ float: left; display: block; width: 80%;}
 .profile p  img { display:block; float: left; padding-right: 15px;  width: 20%;}
 
 .feedback{ width: 60%; }
 .box{ width: 100%; background: #dbdad9; color: #000; border-radius: 5px; box-sizing: border-box; outline:none; 
 	transition: border-color 1s ease,box-shadow 1s ease; display: block; margin-bottom: 14px; height: 56px;border:none;	
 	  border-bottom: 2px solid #1a1a1a; line-height: 20px;
padding: 18.5px 0 18.5px 15px;  vertical-align: middle; font-family: 'Poppins', sans-serif;}

.message{ height: 160px !important;  overflow: auto !important; resize: none; text-rendering: auto;  font-family: 'Poppins', sans-serif;}
.submit-btn{ padding: 10px 15px; font:15px  'Comfortaa', cursive; background: #1a1a1a ; border:2px solid #fff; display: block;
 color: #fff;  cursor: pointer;
text-transform: uppercase; transition: all ease .5s; border-radius: 5px;}
.submit-btn:hover{ background-color: red ; color: #fff; }