@import'https://fonts.googleapis.com/css?family=Open+Sans:400,700|Poiret+One';
 *{
   box-sizing:border-box
   }
   
   
 html,body{
   height:100%
   }
   
   
 body{
 font-family:Open Sans,sans-serif;
 color:#efefef
   }
   
   
 ::-moz-selection{
 background:#6a6af0;
 text-shadow:none;
 color:#efefef
   }
   
   
 ::selection{
 background:#6a6af0;
 text-shadow:none;
 color:#efefef
   }
   
   
 a{
 color:#efefef;
 transition:all .2s linear 0s;
 -webkit-transition:all .2s linear 0s;
 text-decoration:none
   }
   
   
 button,span{
 -webkit-transition:all .2s linear 0s;
 transition:all .2s linear 0s;
 font-family:Open Sans,sans-serif
   }
   
   
 h1,h2,h3,h4,h5,h6{
   color:#efefef
   }
   
   
 a:hover,a:focus,a:active{
   color:#efefef;
 text-decoration:none;
 outline-width:0
   }
   
   
 img{
   max-width:100%;
 height:inherit
   }
   
   
 p{
   font-size:16px;
 line-height:1.6em
   }
   
   
 ul{
   padding:0;
 margin:0;
 list-style:none
   }
   
   
 input:-moz-placeholder{
   color:#333
   }
   
   
 input::-webkit-input-placeholder{
   color:#333
   }
   
   
 .subscribe-form input[type=email]:-moz-placeholder{
   color:#fff
   }
   
   
 .subscribe-form input[type=email]::-webkit-input-placeholder{
   color:#fff
   }
   
   
 .auto-hide{
   opacity:0;
 -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
 -webkit-transition:opacity 1.0s ease 0s;
 transition:opacity 1.0s ease 0s
   }
   
   
 .mp-color{
   background:#f2f2f2 none repeat scroll 0 0;
 display:block;
 left:-280px;
 margin-top:-100px;
 height:100px;
 padding:10px;
 position:fixed;
 text-align:center;
 bottom:10%;
 width:280px;
 z-index:99999;
 border:1px solid #ddd
   }
   
   
 .mp-color .icon{
   font-size:32px;
 height:100px;
 line-height:100px;
 position:absolute;
 right:-50px;
 top:-1px;
 width:50px;
 cursor:pointer
   }
   
   
 .mp-color .icon i{
   color:#fff
   }
   
   
 .mp-color h4{
   display:block;
 text-transform:uppercase;
 font-size:18px;
 margin:0 0 5px;
 color:#333;
 padding:10px
   }
   
   
 .mp-color ul{
   margin-bottom:20px
   }
   
   
 .mp-color ul li{
   font-weight:500;
 font-size:14px
   }
   
   
 .mp-color ul li a{
   color:#555
   }
   
   
 .mp-color .button{
   margin:20px 0 0
   }
   
   
 .mp-color .button i{
   color:#fff;
 margin-right:5px
   }
   
   
 .mp-color .btn{
   padding:12px 25px
   }
   
   
 .mp-color span{
   border-radius:0;
 cursor:pointer;
 display:inline-block;
 height:25px;
 margin:4px;
 width:30px
   }
   
   
 .mp-color span.color1{
   background-color:#00a5b2
   }
   
   
 .mp-color span.color2{
   background-color:#18c29c
   }
   
   
 .mp-color span.color3{
   background-color:#f2784b
   }
   
   
 .mp-color span.color4{
   background-color:#f39c35
   }
   
   
 .mp-color span.color5{
   background-color:#00b8de
   }
   
   
 .mp-color span.color6{
   background-color:#f06060
   }
   
   
 .main-layout{
   background:url(assets/img/Real-estate.webp);
 display:table;
 color:#efefef;
 height:100%;
 min-height:100%;
 position:fixed;
 width:100%;
 background-size:cover;
 background-position:center center;
 background-repeat:no-repeat;
 background-attachment:fixed
   }
   
   
 .main-overlay{
   background:#000 none repeat scroll 0 0;
 height:100%;
 left:0;
 opacity:.4;
 -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
 position:absolute;
 top:0;
 width:100%;
 z-index:1
   }
   
   
 header.main-header.affix-top{
   background:rgba(0,0,0,.6) none repeat scroll 0 0;
 height:70px;
 overflow:hidden;
 padding:10px 30px;
 position:fixed;
 width:100%;
 z-index:5;
 -webkit-transition:all .75s cubic-bezier(.17,.67,.83,.67) 0s;
 transition:all .75s cubic-bezier(.17,.67,.83,.67) 0s
   }
   
   
 header.main-header.affix{
   height:60px;
 background:rgba(0,0,0,.9) none repeat scroll 0 0;
 width:100%;
 z-index:90;
 padding:5px 30px
   }
   
   
 .logo{
   margin-top:5px;
 -webkit-transition:height .5s linear 0s;
 -webkit-transition:all .5s linear 0s;
 transition:all .5s linear 0s;
 width:auto
   }
   
   
 .main-header.affix .logo{
   margin:0;
 max-height:100%
   }
   
   
 .logo a h1{
   margin:0
   }
   
   
 .main-header .navigation-menu{
   position:fixed;
 right:0;
 top:50%;
 -webkit-transform:translateY(-50%);
 transform:translateY(-50%);
 width:100px
   }
   
   
 .navigation-menu #nav-menu{
   border:1px solid rgba(255,255,255,.2);
 padding:0;
 border-radius:.5rem
   }
   
   
 #nav-menu li a{
   display:block;
 font-size:16px;
 padding:25px 10px;
 position:relative;
 text-align:center;
 text-transform:uppercase;
 border-radius:.5rem
   }
   
   
 #nav-menu li a:hover,#nav-menu li a:focus,#nav-menu li a:active,#nav-menu li.active a:focus,#nav-menu li.active a{
   background:#efefef;
 color:#222
   }
   
   
 #nav-menu li a i{
   display:block;
 font-size:25px;
 margin-bottom:5px
   }
   
   
 .sidebar{
   top:0;
 display:table;
 height:100vh;
 min-height:100vh;
 position:absolute;
 left:25px
   }
   
   
 ul#social{
   display:table-cell;
 vertical-align:middle
   }
   
   
 ul#social li{
   margin:10px 0
   }
   
   
 ul#social li a{
   color:#efefef;
 font-size:18px;
 position:relative;
 padding:10px;
 z-index:4
   }
   
   
 .section-layout.tab-content{
   display:table-cell;
 vertical-align:middle
   }
   
   
 .home-layout{
   border-left:0 solid;
 border-right:0 solid;
 border-top:1px solid rgba(255,255,255,.2);
 overflow:hidden;
 position:relative;
 z-index:2;
 background-color:rgba(0,0,0,.4);
 border-bottom:1px solid rgba(255,255,255,.2)
   }
   
   
 .home-border{
   border-left:1px solid rgba(255,255,255,.3);
 overflow:hidden;
 padding:30px;
 border-radius:50px
   }
   
   
 .heading-home h2{
   color:#efefef;
 font-size:75px;
 font-weight:700;
 margin-top:0
   }
   
   
 .heading-home h2 span{
   position:relative
   }
   
   
 .timer{
   margin:20px 0 30px;
 overflow:hidden;
 position:relative;
 border-radius:15px
   }
   
   
 .timer h3{
   font-size:30px;
 position:relative;
 z-index:5;
 padding-bottom:5px;
 font-family:Poiret One,cursive
   }
   
   
 .timer h3:before,.timer h3:after{
   background:rgba(255,255,255,.2);
 bottom:0;
 content:" ";
 display:inline-block;
 height:1px;
 left:0;
 position:absolute;
 width:100%
   }
   
   
 .timer h3:after{
   bottom:-3px;
 width:75%
   }
   
   
 .timing{
   position:relative;
 z-index:5;
 width:80%
   }
   
   
 .time_circles{
   position:relative;
 width:100%;
 height:100%
   }
   
   
 .time_circles>div{
   position:absolute;
 text-align:center
   }
   
   
 .time_circles>div>h4{
   margin-top:20px;
 padding:0;
 text-align:center;
 font-family:Open Sans,sans-serif
   }
   
   
 .time_circles>div>span{
   display:block;
 width:100%;
 text-align:center;
 font-family:Open Sans,sans-serif;
 font-size:300%;
 margin-top:.4em
   }
   
   
 .subscribe-form{
   float:left
   }
   
   
 .subscribe-form span{
   display:block;
 font-size:20px;
 margin-bottom:10px;
 font-family:Poiret One,cursive;
 letter-spacing:1px
   }
   
   
 .subscribe-form input[type=email]{
   background:none;
 border:1px solid rgba(255,255,255,.2);
 border-radius:10px 0 0;
 color:#FFF;
 font-size:18px;
 height:50px;
 padding:10px 20px;
 width:500px
   }
   
   
 .subscribe-form input[type=email]:hover,.subscribe-form input[type=email]:focus,.subscribe-form input[type=email]:active{
   outline-width:0;
 outline-color:#efefef
   }
   
   
 .subscribe-form button{
   background-color:rgba(255,255,255,.7);
 border-radius:0 0 10px;
 border:0 solid;
 color:#333;
 font-size:16px;
 font-weight:500;
 height:50px;
 position:absolute;
 width:140px
   }
   
   
 .subscribe-form button i{
   margin-left:5px
   }
   
   
 #mc-form label{
   display:block;
 margin-top:10px
   }
   
   
 .tab-pane{
   position:relative;
 z-index:3
   }
   
   
 .page-layout{
   position:relative;
 margin-top:70px;
 margin-bottom:50px;
 z-index:3;
 background:rgba(0,0,0,.5);
 -webkit-transition:opacity .3s ease 0s;
 transition:opacity .3s ease 0s;
 transition:all .3s linear 0s;
 -webkit-transition:all .3s linear 0s
   }
   
   
 .page-layout a.button-close{
   border:2px solid #efefef;
 border-radius:50%;
 cursor:pointer;
 font-size:33px;
 height:60px;
 padding:4px;
 position:absolute;
 right:0;
 width:60px;
 top:15px;
 text-align:center;
 z-index:9
   }
   
   
 .page-layout a.button-close:hover{
   color:#222
   }
   
   
 .page-content{
   height:100vh;
 min-height:100vh;
 padding:160px 32px;
 padding:10rem 2rem
   }
   
   
 .heading{
   text-align:center
   }
   
   
 .heading h2{
   font-size:45px;
 font-weight:500;
 margin-bottom:40px;
 position:relative;
 text-transform:uppercase
   }


   
   
 .heading h2:after{
   background:rgba(255,255,255,.6);
 border-radius:45%;
 bottom:-12px;
 content:" ";
 height:1px;
 left:50%;
 margin-left:-70px;
 position:absolute;
 width:140px
   }
   
   
 .heading h2:before{
   border-radius:40%;
 bottom:-10px;
 content:" ";
 height:1px;
 left:50%;
 margin-left:-100px;
 position:absolute;
 width:200px
   }
   
   
 .heading p a{
   color:#ccc
   }
   
   
 .content{
   margin:50px 0 0;
 overflow:hidden;
 text-align:center
   }
   
   
 .content h3{
   font-size:32px;
 position:relative;
 text-transform:capitalize;
 padding-bottom:10px
   }
   
   
 .content h3:after{
   background:#efefef none repeat scroll 0 0;
 border-radius:50%;
 bottom:-15px;
 content:" ";
 height:6px;
 left:50%;
 margin-left:-3.55px;
 position:absolute;
 width:6px
   }
   
   
 .single-content{

 border-right:1px solid rgba(255,255,255,.3);
 padding:30px 15px;
 min-height:250px
   }
   
   
 .single-content:last-child{
   border-right-width:0
   }
   
   
   
 .single-content i{
   font-size:80px
   }
   
   
 .single-content h4{
   font-size:24px;
 text-transform:capitalize;
 margin:20px 0
   }
   
   
 .single-content p{
   font-size:14px;
 line-height:28px;
 color:#ddd
   }
   
   
 .contact-address{
   background:rgba(255,255,255,.1) none repeat scroll 0 0;
 border-radius:10px;
 margin-bottom:50px;
 overflow:hidden
   }
   
   
 .sub-details{
   padding:30px 10px;
 text-align:center
   }
   
   
 .sub-details h5{
   border-bottom:1px solid rgba(255,255,255,.5);
 font-size:18px;
 letter-spacing:1px;
 padding-bottom:10px;
 text-transform:uppercase
   }
   
   
 .textwidget p{
   font-size:14px;
 margin-bottom:0;
 line-height:25px
   }
   
   
 .sub-details i{
   border-radius:50%;
 color:#efefef;
 display:block;
 font-size:26px;
 height:70px;
 line-height:70px;
 margin:5px auto;
 position:relative;
 -webkit-transition:all .8s ease 0s;
 transition:all .8s ease 0s;
 width:70px;
 z-index:1
   }
   
   
 .sub-details i:after{
   background:#efefef none repeat scroll 0 0;
 border-radius:50%;
 content:"";
 height:100%;
 left:0;
 opacity:0;
 -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
 position:absolute;
 -webkit-transform:scale(1.3);
 transform:scale(1.3);
 -webkit-transition:all .8s ease 0s;
 transition:all .8s ease 0s;
 width:100%;
 z-index:-1
   }
   
   
 .sub-details i:hover{
   color:#efefef
   }
   
   
 .sub-details i:hover:after{
   opacity:.5;
 -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
 -webkit-transform:scale(1);
 transform:scale(1)
   }
   
   
 .contact-form textarea{
   height:150px;
 width:100%;
 max-width:100%
   }
   
   
 .contact-form input[type=text],.contact-form input[type=email],.contact-form textarea{
   background:rgba(255,255,255,.1) none repeat scroll 0 0;
 border:1px solid rgba(255,255,255,.5);
 color:#efefef;
 font-size:16px;
 margin-bottom:20px;
 padding:10px;
 width:100%
   }
   
   
 .contact-form textarea{
   width:100%;
 height:150px
   }
   
   
 .submit-btn{
   background:rgba(255,255,255,.3) none repeat scroll 0 0;
 border:1px solid rgba(255,255,255,.5);
 float:left;
 font-size:18px;
 padding:10px 25px
   }
   
   
 .submit-btn:hover{
   color:#efefef
   }
   
   
 .submit-btn i{
   margin-left:5px
   }
   
   
 #loader-wrapper{
   position:fixed;
 top:0;
 left:0;
 width:100%;
 height:100%;
 z-index:1000
   }
   
   
 #loader{
   display:block;
 position:relative;
 left:50%;
 top:50%;
 width:150px;
 height:150px;
 margin:-75px 0 0 -75px;
 border-radius:50%;
 border:3px solid transparent;
 border-top-color:#00b0bd;
 -webkit-animation:spin 2s linear infinite;
 animation:spin 2s linear infinite;
 z-index:1001
   }
   
   
 #loader:before{
   content:"";
 position:absolute;
 top:5px;
 left:5px;
 right:5px;
 bottom:5px;
 border-radius:50%;
 border:3px solid transparent;
 border-top-color:#efefef;
 -webkit-animation:spin 3s linear infinite;
 animation:spin 3s linear infinite
   }
   
   
 #loader:after{
   content:"";
 position:absolute;
 top:15px;
 left:15px;
 right:15px;
 bottom:15px;
 border-radius:50%;
 border:3px solid transparent;
 border-top-color:#ed7a2b;
 -webkit-animation:spin 1.5s linear infinite;
 animation:spin 1.5s linear infinite
   }
   
   
 @-webkit-keyframes spin{
   0%{
   -webkit-transform:rotate(0deg);
 transform:rotate(0deg)
   }
   
   
 100%{
   -webkit-transform:rotate(360deg);
 transform:rotate(360deg)
   }
   
   
 
   }
   
   
 @keyframes spin{
   0%{
   -webkit-transform:rotate(0deg);
 transform:rotate(0deg)
   }
   
   
 100%{
   -webkit-transform:rotate(360deg);
 transform:rotate(360deg)
   }
   
   
 
   }
   
   
 #loader-wrapper .loader-section{
   position:fixed;
 top:0;
 width:51%;
 height:100%;
 background:#000;
 z-index:1000;
 -webkit-transform:translateX(0);
 transform:translateX(0)
   }
   
   
 #loader-wrapper .loader-section.section-left{
   left:0
   }
   
   
 #loader-wrapper .loader-section.section-right{
   right:0
   }
   
   
 .loaded #loader-wrapper .loader-section.section-left{
   -webkit-transform:translateX(-100%);
 transform:translateX(-100%);
 -webkit-transition:all .7s .3s cubic-bezier(.645,.045,.355,1.000);
 transition:all .7s .3s cubic-bezier(.645,.045,.355,1.000)
   }
   
   
 .loaded #loader-wrapper .loader-section.section-right{
   -webkit-transform:translateX(100%);
 transform:translateX(100%);
 -webkit-transition:all .7s .3s cubic-bezier(.645,.045,.355,1.000);
 transition:all .7s .3s cubic-bezier(.645,.045,.355,1.000)
   }
   
   
 .loaded #loader{
   opacity:0;
 -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
 -webkit-transition:all .3s ease-out;
 transition:all .3s ease-out
   }
   
   
 .loaded #loader-wrapper{
   visibility:hidden;
 -webkit-transform:translateY(-100%);
 transform:translateY(-100%);
 -webkit-transition:all .3s 1s ease-out;
 transition:all .3s 1s ease-out
   }
   
   
 .no-js #loader-wrapper{
   display:none
   }
   
   
 .no-js h1{
   color:#222
   }