/* Default tab style */

@font-face
{
    font-weight: normal;
    font-style: normal;
    font-family: 'stroke7pixeden';
    src: url('../fonts/stroke7pixeden/stroke7pixeden.eot?u58ytb');
    src: url('../fonts/stroke7pixeden/stroke7pixeden.eot?#iefixu58ytb') format('embedded-opentype'), url('../fonts/stroke7pixeden/stroke7pixeden.woff?u58ytb') format('woff'), url('../fonts/stroke7pixeden/stroke7pixeden.ttf?u58ytb') format('truetype'), url('../fonts/stroke7pixeden/stroke7pixeden.svg?u58ytb#stroke7pixeden') format('svg');
}

/****tab1 floorplan start****************/
.tab-left-data
{
    width: 17%;
    float: left;
    margin-left: 0;
}


.tabs
{
    position: relative;
    overflow: hidden;
    margin: 0 auto;
    width: 100%;
    font-weight: 300;
    float:left;
    font-size: 1.25em;
}

/* Nav */
.tabs nav
{
    float: left;
    text-align: center;
    width: 100%;
  
}

.tabs nav ul
{
    display: flex;
    flex-flow: row wrap;
    float: left;
    justify-content: center;
    list-style: outside none none;
    margin: 0 auto;
    padding: 0;
    position: relative;
    width: 100%;
    list-style: none;
    -ms-box-orient: horizontal;
    -ms-box-pack: center;
    -webkit-flex-flow: row wrap;
    -moz-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    justify-content: center;
}

.tabs nav ul li
{
    float: left;
    margin: 0;
    position: relative;
    text-align: center;
    width: 100%;
    z-index: 1;
}

.tabs nav a
{
    position: relative;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    line-height: 45px;
    text-align: left;
    color: #231F20;
}

.tabs nav a span
{
  font-size: 17px;
    font-weight: 500;
    letter-spacing: 0.5px;
    vertical-align: middle;
}

.tabs nav li.tab-current a
{
    color: #ffae00;
}

.tabs nav a:focus
{
    outline: none;
}


/* Content */
.content-wrap
{
    float: right;
     margin-right: 1%;
    position: relative;
    width: 80%;
transition: all 2s ease 0s;
  -webkit-transition:all 2s ease 0s;
    -moz-transition: all 2s ease 0s;
    -ms-transition: all 2s ease 0s;
    -o-transition:all 2s ease 0s;

}
.content-wrap:hover
{
transition: all 2s ease 0s;
  -webkit-transition: all 0.2s ease-out;
    -moz-transition:all 2s ease 0s;
    -ms-transition: all 2s ease 0s;
    -o-transition: all 2s ease 0s;
    box-shadow: 3px 3px 3px #dfdfdf;

  
}


.content-wrap section
{
    display: none;
    margin: 0 auto;
    padding: 0;
    text-align: center;
    width: 100%;
}

.content-wrap section.content-current
{
    display: block;
}

.content-wrap section p
{
    color: rgba(40, 44, 42, 0.05);
    font-size: 4em;
    font-weight: 900;
    line-height: 1;
    margin: 0;
    padding: 0;
}

/* Fallback */
.no-js .content-wrap section
{
    display: block;
    padding-bottom: 2em;
    border-bottom: 1px solid rgba(255,255,255,0.6);
}

.no-flexbox nav ul
{
    display: block;
}

.no-flexbox nav ul li
{
    min-width: 15%;
    display: inline-block;
}




@media screen and (max-width: 58em)
{
    .tabs nav a.icon span
    {
        display: none;
    }
    .tabs nav a:before
    {
        margin-right: 0;
    }
}


@media only screen and (min-width:80px) and (max-width:700px)
{

    .tab-left-data
    {
        width: 90%;
        float: left;
        margin-left: 5%;
    }


.tabs nav
{
    margin-top: 0px;
}

    .content-wrap
    {
        float: right;
        position: relative;
        width: 100%;
    }

    .content-wrap img
    {
        width: 100%;
    }



.tabs-style-bar nav ul li {
    float: left;
    margin: 0;
    position: relative;
    text-align: center;
    width: 100%;
    z-index: 1;
}

}



@media only screen and (min-width:701px) and (max-width:1000px)
{
  .tab-left-data {
    float: left;
    margin-left: 0;
    width: 23%;
}

    .content-wrap {
    float: right;
    position: relative;
    width: 100%;
}

    .content-wrap img
    {
        width: 100%;
    }
    
    
    .tab-left-data {
    float: left;
    margin-left: 0;
    width: 100%;
}
   .examenitiesdata
   {
       width:50%;
       } 
       
       
.examenitiesright {
    float: left;
    margin: 2% 0 0 1%;
    padding: 0;
    position: relative;
    right: 0;
    width: 49%;
}

}










#tab-left-data
{
    float: left;
     right: 2%;
    top: 6%;
    width: 50%;
    margin-left: 0;
    position:absolute;
}



#content-wrap2
{
    float: right;
     margin-right: 0;
    position: relative;
    width: 100%;
transition: all 2s ease 0s;
  -webkit-transition:all 2s ease 0s;
    -moz-transition: all 2s ease 0s;
    -ms-transition: all 2s ease 0s;
    -o-transition:all 2s ease 0s;

}


.tabs-style-bar nav {
	background: rgba(40,44,42,0.05);
}

.tabs-style-bar nav ul {
	/*border: 4px solid transparent;*/
}



.tabs-style-bar nav ul li
{
    float: left;
    margin: 0;
    position: relative;
    text-align: center;
    width: 50%;
    z-index: 1;
}



.tabs-style-bar nav ul li a {
	margin: 0 2px;
	background-color: #C5C5C5;
	color: #333;
	text-align:center;
	transition: background-color 0.2s, color 0.2s;
}

.tabs-style-bar nav ul li a:hover,
.tabs-style-bar nav ul li a:focus {
	color: #f58634;
}

.tabs-style-bar nav ul li a span {
	text-transform:capitalize;
	font-weight: 500;
	font-size: 18px;
}

.tabs-style-bar nav ul li.tab-current a {
	  background: #ffae00 none repeat scroll 0 0;
    color: #fff;
    text-align: center;
    margin:0;
}





/****tab1 floorplan end****************/




@media only screen and (min-width:80px) and (max-width:450px)
{



.tabs-style-bar nav ul li
{
    float: left;
    margin: 0;
    position: relative;
    text-align: center;
    width: 100%;
    z-index: 1;
}


}



.hh{float:left; text-align:left; width: 50%;}
.hh a img{width:100%;}

.hh-text{float:left; text-align:left; width: 50%; margin-top:8%;}
.t-bile{ width:90%;  margin-left:5%;}


.ttcenter{
    width:100% !important;
    float: left!important;
    margin-left: 0!important;
}

.ttcenter nav ul li {
    float: left;
    margin: 0;
    position: relative;
    text-align: center;
    width:12%;
    z-index: 1;
	border: solid 1px #ccc;
	 margin-bottom:20px;
}

.ttcenter nav ul li a{text-align: center;}

.ww100{width:100% !important; background: #f8f8f8;}