/*

Template Name: Flat Lab frontend build with Bootstrap v3.0.0

Template Version: 1.0

Author: Mosaddek Hossain

Website: http://thevectorlab.net/

*/



/* Import fonts */

@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic,600,600italic,700,700italic,800,800italic);

@import url(http://fonts.googleapis.com/css?family=Fjalla+One);





body {

    color: #ffffff;

    font-family: 'Open Sans', sans-serif;

    padding: 0px !important;

    margin: 0px !important;

    font-size:13px;

}

.logo {padding: 8px 0px;}

ul li {

    list-style: none !important;

}



a, a:hover, a:focus {

    text-decoration: none;

    outline: none;

}



::selection {

    background: #F77B6F;

    color: #fff;

}

::-moz-selection {

    background: #F77B6F;

    color: #fff;

}



h1,h2,h3,h4,h5,h6 {

    font-family: 'Open Sans', sans-serif;

}



a {

    color: #fff;

}



a:hover {

    color: #0066fe;

}



p {line-height: 22px}

.aboutus {

	background:#fff!important; 

	margin: 20px 0px 10px -10%;

	padding: 15px;

	text-align: left;

	color: #630811;

}

.aboutus h2 {

	color:#630811!important;

	font-size: 28px;

	font-weight: 600;

}

.aboutus p {

	color:#630811!important;

	font-size: 12px;

	line-height: 22px;

}

.txtb {

	margin-top: 10px;

}

.txtb:hover{color: #000!important;}

.abt img {width: 100%; height: auto;}

.containerpad {width:98%; height:auto; overflow:hidden; margin:8px auto;}

.bannerhome {}

.bannerhome img {width:100%; height:auto;}

.bannertitle {margin-top:-30%; position:absolute; text-align:center;  font-family: 'Open Sans Condensed', sans-serif;text-transform:uppercase; color:#2f2e2e; font-size:65px; text-shadow: 0px 1px 1px #d5d5d5;}



.search {border-bottom:solid 3px #d2d3d5; border-top:solid 3px #d2d3d5; }

.searchtab { -webkit-border-top-left-radius: 8px;

-webkit-border-top-right-radius: 8px;

-moz-border-radius-topleft: 8px;

-moz-border-radius-topright: 8px;

border-top-left-radius: 8px;

border-top-right-radius: 8px;

 border:solid 3px #d2d3d5; border-bottom:none;

 padding:10px 15px; color:#000; margin:-57px 0px 0px 8%; z-index:10 !important;

  position: absolute; background:#fff;

   font-family: 'Open Sans', sans-serif;

   text-transform:uppercase;

   font-size:24px;

  }

.searchmainbox {width:70%; margin:30px auto; }

.searchmainbox ul li {padding-top:5px; padding-bottom:5px;}

.searchmainbox ul li input[type=text] {

    border: 3px solid #d8d8d8; 

    /*-webkit-box-shadow: 

      inset 0 0 8px  rgba(0,0,0,0.1),

            0 0 16px rgba(0,0,0,0.1); 

    -moz-box-shadow: 

      inset 0 0 8px  rgba(0,0,0,0.1),

            0 0 16px rgba(0,0,0,0.1); 

    box-shadow: 

      inset 0 0 8px  rgba(0,0,0,0.1),

            0 0 16px rgba(0,0,0,0.1);*/ 

    padding: 10px 10px 10px 25px;

    background: rgba(232,233,235,1);

    margin: 0 0 10px 0; width:100%;

	 font-family: 'Open Sans', sans-serif;

	 font-size:14px;



}



.searchmainbox ul li select {

   border: 3px solid #d8d8d8; 

    /*-webkit-box-shadow: 

      inset 0 0 8px  rgba(0,0,0,0.1),

            0 0 16px rgba(0,0,0,0.1); 

    -moz-box-shadow: 

      inset 0 0 8px  rgba(0,0,0,0.1),

            0 0 16px rgba(0,0,0,0.1); 

    box-shadow: 

      inset 0 0 8px  rgba(0,0,0,0.1),

            0 0 16px rgba(0,0,0,0.1);*/ 

    padding: 10px;

    background:#f3f3f3;

    margin: 0 0 10px 0; width:100%;

    display: inline-block;

    -webkit-appearance:none;

    -moz-appearance:none;

    appearance:none;

    cursor:pointer;

	/*background-image:url(../images/arrow.png);

	background-repeat:no-repeat;

	background-position:right 15px ;*/

	font-weight:normal;

  font-family: 'Open Sans', sans-serif;

	 font-size:14px;

}



.searchmainbox ul li button[type=submit] {



    background: rgba(99,8,17,1);

   width:100%;

	 font-family: 'Open Sans', sans-serif;

	 font-size:12px; padding:9px 2px 2px 2px;

	 margin:0px auto; color:#fff !important; text-align:center !important;

border:0px!important;

}



.errspan {

    float: left;

    margin-right: 6px;

    margin-top: -43px;

    position: relative;

    z-index: 2;

    color:#484848;

	font-size:18px;

}



.errspanr {

    float: right;

    margin-right: 10px;

    margin-top: -43px;

    position: relative;

    z-index: 2;

    color:#484848;

	font-size:18px;

}



.welcomecontent { background:#eaebed; padding:10px 0px 40px 0px;}

.welcometxt {text-align:center; color:#585858; font-weight:normal; font-family: 'Open Sans', sans-serif; padding: 25px;}

.welcometxt p {font-size:16px; line-height:28px;}

.txtcap {text-transform:uppercase;}



.featuredproperty { background:#fff; padding:10px 0px 30px 0px;}

.featuredpropertytxt {text-align:center; color:#585858; font-weight:normal; font-family: 'Open Sans', sans-serif;}

.featuredpropertytxt p {font-size:16px; line-height:28px;}

.featuredpropertytxt img {border:solid 0px #cdcdcd; width:100%; height:auto; min-height: 250px; max-height: 250px; object-fit: cover;}



.featuredpropertytxt_inner {text-align:center; color:#585858!important; font-weight:normal; font-family: 'Open Sans', sans-serif;}

.featuredpropertytxt_inner p {font-size:16px; line-height:28px;}

.featuredpropertytxt_inner img {border:solid 0px #cdcdcd; width:100%; height:auto; }



.featuredproperty_text { background: rgba(99,8,17,0.9);font-family: 'Open Sans', sans-serif; color:#fff;

text-align:left;   padding:10px; margin-top:-40px; position: relative; width:99%; margin-left:1px; }

.featuredpropertyimg {margin:10px 0px;}



/*parallax*/



.parallax-box { margin:0 0 0px 0; }

.parallax-box .parallax-content { padding:170px 0 130px 0; }

.parallax-box .parallax-content h1 {

	margin:0;

	padding:0;

	line-height:59px;

	font-size:50px;

	font-weight:200;

	text-align:center;

	text-transform:none;

	text-transform:uppercase;

	font-family: 'Open Sans', sans-serif; color:#fff;

	    opacity: 0.7;

}

	/*text-shadow: 1px 1px 0px #d8d8d8;*/

}

@media (min-width: 1200px) {

	.parallax-box .parallax-content h1 { padding:0 160px; }

}

@media (max-width: 767px) {

	.parallax-box .parallax-content h1 {

		line-height:49px;

		font-size:39px;

	}

}

@media (max-width: 480px) {

	.parallax-box .parallax-content h1 {

		line-height:39px;

		font-size:29px;

	}

}

/*parallax*/

.footer_img {}

.footer_img img { width:100%; height:auto;} 

.footer_imgtext {font-family: 'Nixie One', cursive; color:#fff; font-size:60px; z-index:101;text-align:center; 

position:absolute; margin-top:-19%;}



.footer { background:#630811;}

address span {text-transform: uppercase;}

address {font-family: 'Open Sans', sans-serif; font-size:13px; color:#fff;}

address a{font-family: 'Open Sans', sans-serif; font-size:13px; color:#fff; text-decoration:underline;}

address a:hover{font-family: 'Open Sans', sans-serif; font-size:13px; color:#f79222 !important; text-decoration:underline;}

.footercontact {font-family: 'Open Sans', sans-serif; font-size:13px; color:#fff; text-transform:uppercase;border-bottom:solid 1px #333333;}

.footercontact_link {}

.footercontact_link li:first-child {border-bottom:solid 1px #3f050b;border-top:none; font-family: 'Open Sans', sans-serif; font-size:13px; color:#fff; padding:5px 8px; }

.footercontact_link li:last-child {border-bottom:none;border-top:solid 1px #630811; font-family: 'Open Sans', sans-serif; font-size:13px; color:#fff; padding:5px 8px; }

.footercontact_link li {border-bottom:solid 1px #3f050b;border-top:solid 1px #630811; font-family: 'Open Sans', sans-serif; font-size:13px; color:#9a9a9a; padding:5px 8px; }

.footercontact_link li a {color:#f7d8db;}

.footercontact_link li a:hover {color:#f79222 !important;}

.developlogo {margin-top:8%; }

.developlogo img {width: auto; height:auto;}

/*.copyright { border-top: 1px solid #111111;

    box-shadow:0px 5px 0px #424242;}*/

.social-link-footer li {float:left;}

.row address span {font-size:20px;}	

.copyright {

padding: 5px 0;

border-top: solid 1px #3f050b;

font-weight: bold;

position: relative;

margin-top: 8px;

}



.copyright:after {

content: '';

border-top: solid 1px #8f2933;

width: 100%;

position: absolute;

top: -2px;

left: 0;

}

.copyright p {font-family: 'Open Sans', sans-serif; font-size:12px; color:#9a9a9a; font-weight:normal; padding:5px 0 0 45px;}

.top_arrow {position:absolute; right:30px; margin-top:-65px; z-index:1002}





.popup {width:100%; }

 

 



.popup ul li input[type=text] {

    border: 3px solid #d8d8d8; 

    /*-webkit-box-shadow: 

      inset 0 0 8px  rgba(0,0,0,0.1),

            0 0 16px rgba(0,0,0,0.1); 

    -moz-box-shadow: 

      inset 0 0 8px  rgba(0,0,0,0.1),

            0 0 16px rgba(0,0,0,0.1); 

    box-shadow: 

      inset 0 0 8px  rgba(0,0,0,0.1),

            0 0 16px rgba(0,0,0,0.1);*/ 

    padding: 10px 10px 10px 25px;

    background: rgba(232,233,235,1);

    margin: 0 0 10px 0; width:100%;

	 font-family: 'Open Sans', sans-serif;

	 font-size:14px;



}

.innerbanner { max-height:250px;}

.innerbanner img {width:100%; height:250px;}



.innertitile {

 color:#fff; margin:-90px 0px 0px 15px; z-index:10 !important;

  position: absolute; 

   font-family: 'Open Sans', sans-serif;

   text-transform:uppercase;

   font-size:25px; font-weight:bold;

   /* text-shadow: 1px 1px #dddddd;*/

  }

  .prpdetails {padding-top:10px;}

.prpdetails p{ font-family: 'Open Sans', sans-serif;

	 font-size:13px; text-align:left; line-height:20px;}

.prpdetails ul li{ font-family: 'Open Sans', sans-serif;

	 font-size:13px; text-align:left; line-height:20px;}



.innerproperty img {width:100%; height:auto; border:0px !important;}

.innerproperty {margin:0px 0px; border:solid 0px #cdcdcd; padding:4px;}

.innerproperty button {margin:10px 0px;}



@media (max-width: 767px) {

.innertitile {

 color:#fff; margin:-37px 0px 0px 15px; z-index:10 !important;

  position: absolute; 

   font-family: 'Open Sans', sans-serif;

   text-transform:uppercase;

   font-size:16px; font-weight:bold;

   /* text-shadow: 1px 1px #dddddd;*/

  }

	.footercontact_link li:first-child {border-bottom:solid 1px #3f050b;border-top:none; font-family: 'Open Sans', sans-serif; font-size:13px; color:#fff; padding:5px 8px; }

.footercontact_link li:last-child {border-bottom:solid 1px #3f050b!important;border-top:solid 1px #630811; font-family: 'Open Sans', sans-serif; font-size:13px; color:#fff; padding:5px 8px; }

}



.detailed_div {border:solid 0px #cdcdcd; padding:0px 20px 10px 20px; margin-top:10px; height:auto; overflow:hidden;} 

.detailed_div h3 {font-family: 'Open Sans', sans-serif; text-align:left;  font-size:23px;}

.detailed_div ul {padding-bottom: 30px;}

.detailed_div ul li {text-align:left;}

.detailed_div ul li:last-child {border-left:dashed 1px #999999;}

.detailstxt {font-family: 'Open Sans', sans-serif; text-align:left;  font-size:14px;}

.detailstxt table td {border-bottom:solid 1px #d0d0d0; padding:5px; width:50%;}

.detailstxt table tr td:first-child{border-right:solid 1px #d0d0d0;font-size:15px;}



.content_txt {font-family: 'Open Sans', sans-serif; text-align:left;  font-size:14px; color:#343434; border:solid 0px #cdcdcd; padding:20px 20px 10px 20px; margin-top:10px; height:auto; overflow:hidden;}

#contact_form { height:auto; float:left; padding-top:10px;  font-weight:normal !important; color:#343434; width:80%;}

#contact_form li {

	margin-bottom:8px;font-family: 'Open Sans', sans-serif; font-size:15px; list-style:none; text-align:left; font-weight:normal !important;}

.contact_form_li_01{width:80%; height:auto; float:left; }

.contact_form_li_02{width:70%; height:auto; float:left;}

#contact_form ul li {float:left;}

#contact_form ul li  input{width:90%; height:30px; border:solid 2px #d0d0d0; background:none;color:#333 !important;  }

#contact_form ul li  textarea{width:90%; height:100px; border:solid 2px #d0d0d0;background:none; color:#333 !important; }

#contact_form ul li label{width:180px; height:30px;  background:none; float:left;  font-weight:normal !important;color:#333 !important; }

#contact_form ul li  select{width:90%; height:30px; border:solid 2px #d0d0d0;background:none; color:#333 !important; }



#contact_form ul li  input name{width:; height:60px; border:solid 2px #8c8c8c;background:none; color:#333333333 !important; }

#contact_buttons {width:200px; margin:0px auto}



.submitnew {float:left; font-family: Verdana, Geneva, sans-serif; font-size:12px; list-style:none; text-align:left; font-weight:normal !important; padding:5px 15px; margin:3px; background:#7fca2f !important; border:0; font-weight:bold;}



#contact_buttons input {float:left; font-family: Verdana, Geneva, sans-serif; font-size:12px; list-style:none; text-align:left; font-weight:normal !important; padding:5px 15px; margin:3px; background:#6bb120; border:solid 1px #128DF1; font-weight:bold;}

.contact a { color:#630811 !important; }

.contact a:hover { color:#410107 !important; }



@media screen and (max-width: 768px) {

.aboutus {

	background:#fff!important; 

	margin: 0px 0px 0px 0px;

	padding: 15px;

	text-align: left;

	color: #630811;

}	

}

/*

details*/



   .jssort03 {

                position: absolute;

                /* size of thumbnail navigator container */

                width: 600px;

                height: 90px; 

			

            }



                .jssort03 .p {

                    position: absolute;

                    top: 0;

                    left: 0;

                    width: 130px;

                    height: 80px;

                }



                .jssort03 .t {

                    position: absolute;

                    top: 0;

                    left: 0;

                    width: 100%;

                    height:80px !important;

                    border: none; 

                }



                .jssort03 .w, .jssort03 .pav:hover .w {

                    position: absolute;

                    width: 128px;

                    height: 80px !important;

                    border: white 1px solid;

                    box-sizing: content-box; 

                }



                .jssort03 .pdn .w, .jssort03 .pav .w {

                    border-style: solid; 

                }



                .jssort03 .c {

                    position: absolute;

                    top: 0;

                    left: 0;

                    width: 128px;

                    height: 80px;

                    background-color: #000;

                    filter: alpha(opacity=45);

                    opacity: .45;

                    transition: opacity .6s;

                    -moz-transition: opacity .6s;

                    -webkit-transition: opacity .6s;

                    -o-transition: opacity .6s; 

                }



                .jssort03 .p:hover .c, .jssort03 .pav .c {

                    filter: alpha(opacity=0);

                    opacity: 0;

                }



                .jssort03 .p:hover .c {

                    transition: none;

                    -moz-transition: none;

                    -webkit-transition: none;

                    -o-transition: none;

                }



                * html .jssort03 .w {

                    width /**/: 128px;

                    height /**/: 80px;

                }

	.w {height:50px !important;}			

.w img {width:100% !important; height: auto !important;}

 .jssora02l, .jssora02r {

                display: block;

                position: absolute;

                /* size of arrow element */

                width: 55px;

                height: 55px;

                cursor: pointer;

                background: url(../images/a02.png) no-repeat;

                overflow: hidden;

            }

            .jssora02l { background-position: -3px -33px; }

            .jssora02r { background-position: -63px -33px; }

            .jssora02l:hover { background-position: -123px -33px; }

            .jssora02r:hover { background-position: -183px -33px; }

            .jssora02l.jssora02ldn { background-position: -3px -33px; }

            .jssora02r.jssora02rdn { background-position: -63px -33px; }

			

			  .captionOrange, .captionBlack

        {

            color: #fff;

            font-size: 20px;

            line-height: 30px;

            text-align: center;

            border-radius: 4px;

        }

        .captionOrange

        {

            background: #EB5100;

            background-color: rgba(235, 81, 0, 0.6);

        }

        .captionBlack

        {

        	font-size:16px;

            background: #000;

            background-color: rgba(0, 0, 0, 0.4);

        }

        a.captionOrange, A.captionOrange:active, A.captionOrange:visited

        {

        	color: #ffffff;

        	text-decoration: none;

        }

        a.captionOrange:hover

        {

            color: #eb5100;

            text-decoration: underline;

            background-color: #eeeeee;

            background-color: rgba(238, 238, 238, 0.7);

        }

        .bricon

        {

            background: url(../img/browser-icons.png);

        }

		

		.detailpropertytxt {text-align:center; color:#585858; font-weight:normal; font-family: 'Open Sans', sans-serif;}

.detailpropertytxt p {font-size:16px; line-height:28px;}

.detailpropertytxt img {border:solid 1px #cdcdcd; width:100%; height:auto;}

.popup { height:auto;  padding-top:10px;  font-weight:normal !important; color:#343434; width:100%; overflow: hidden;}

.popup li {

	margin-bottom:5px;font-family: 'Open Sans', sans-serif; font-size:15px; list-style:none; text-align:left; font-weight:normal !important; color:#343434;}



.popup ul li {float:left;}

.popup ul li  input{width:100%; height:30px; border:solid 2px #d0d0d0; background:none;color:#333 !important;  }

.popup ul li  textarea{width:100%; height:100px; border:solid 2px #d0d0d0;background:none; color:#333 !important; }

.popup ul li label{ height:30px;  background:none; float:left;  font-weight:normal !important;color:#333 !important; }

.popup ul li  select{width:90%; height:30px; border:solid 2px #d0d0d0;background:none; color:#333 !important; }



.popup ul li  input name{width:; height:60px; border:solid 2px #8c8c8c;background:none; color:#333333333 !important; }

.popup textarea{width:; height:auto; border:solid 2px #8c8c8c;background:none; color:#333333333 !important; }

.mtitle {color: #000;}





 .ribbon {

       width: 150px;

      height: 150px;

      overflow: hidden;

      position: absolute;

        top: 0px;

      right:15px;

	 z-index: 100;

	 opacity: 0.8;

  }

  .ribbon__content {

      left: -25px;

      top: 30px;

      -webkit-transform: rotate(45deg);

      -ms-transform: rotate(45deg);

      transform: rotate(45deg);

      position: absolute;

      display: block;

      width: 225px;

      padding: 10px 0;

      background-color: #630811;

      box-shadow: 0 5px 10px rgba(0, 0, 0, 0.192);

      color: #fff;

      text-shadow: 0 1px 1px rgba(0,0,0,.2);

      text-transform: uppercase;

      text-align: center;

      border: 2px dotted #fff;

      outline : 5px solid  #630811;



    

  }

  .ribbon::before {

      top: 0;

      left: 0;

      border-top-color: transparent;

      border-right-color: transparent;

      position: absolute;

      z-index: -1;

      content: '';

      display: block;

     /* border: 5px solid #f19066;*/

      box-sizing: content-box;



  }

  .ribbon::after {

      bottom: 0;

      right: 0;

      border-top-color: transparent;

      border-right-color: transparent;

      position: absolute;

      z-index: -1;

      content: '';

      display: block;

    /*  border: 5px solid #f19066;*/



  }