/*
Theme Name: Ideal Space
Theme URI: http://tivlabs.in/
Author: TivLabs
Author URI: http://tivlabs.in/
Description: This will be use of Ideal Space
Version: 1.1
*/

@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,400italic,600,600italic,700,700italic,800,800italic,300italic,300);
@import url(https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css);
@import url(css/owl.carousel.css);

@font-face {
	font-family:'MyriadPro-Regular';
	src: url('fonts/MyriadPro-Regular_gdi.eot');
	src: url('fonts/MyriadPro-Regular_gdi.eot?#iefix') format('embedded-opentype'),
		url('fonts/MyriadPro-Regular_gdi.woff') format('woff'),
		url('fonts/MyriadPro-Regular_gdi.ttf') format('truetype'),
		url('fonts/MyriadPro-Regular_gdi.svg#MyriadPro-Regular') format('svg');
	font-weight: 400;
	font-style: normal;
	font-stretch: normal;
	unicode-range: U+0020-25CA;
}


@font-face {
    font-family: 'bebas_neueregular';
    src: url('fonts/bebasneue-webfont.eot');
    src: url('fonts/bebasneue-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/bebasneue-webfont.woff2') format('woff2'),
         url('fonts/bebasneue-webfont.woff') format('woff'),
         url('fonts/bebasneue-webfont.ttf') format('truetype'),
         url('fonts/bebasneue-webfont.svg#bebas_neueregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'proxima_nova_rgregular';
    src: url('fonts/proxima-webfont.eot');
    src: url('fonts/proxima-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/proxima-webfont.woff2') format('woff2'),
         url('fonts/proxima-webfont.woff') format('woff'),
         url('fonts/proxima-webfont.ttf') format('truetype'),
         url('fonts/proxima-webfont.svg#proxima_nova_rgregular') format('svg');
    font-weight: normal;
    font-style: normal;
}


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




body{font-family: 'Open Sans', sans-serif;}

.container{max-width:1050px;}

.fleft{float:left;}
.fright{float:right;}

header{padding:23px 0 5px 0;}
.mobileIcon{display:none; margin-left:auto; font-size:30px; cursor:pointer; color:#000000;}
ul.sknav{display:table; margin-left:auto; list-style:none; font-family:"bebas_neueregular", Helvetica, sans-serif; padding:19px 0 0 0; margin-bottom:0;}
ul.sknav:after{display:block; content:''; clear:both; height:0;}
ul.sknav li{float:left; padding-left:32px;}
ul.sknav li a{text-transform:uppercase; font-size:18px; font-weight:normal; letter-spacing:1.2px; color:#000000; display:block;}


.headerImg{height:350px; background-repeat:no-repeat; background-size:cover; text-align:center; color:#FFFFFF; display:table; width:100%; background-position:center; background-color:#999999;}
.headerImg h1{font-size:54px; font-weight:normal; font-family:"bebas_neueregular", Helvetica, sans-serif; text-transform:uppercase; letter-spacing:3px; margin-bottom:7px;}
.headerImg p{text-transform:uppercase; letter-spacing:.5px; font-family:"proxima_nova_rgregular", Helvetica, sans-serif; line-height:19px;}
.valign{display:table-cell; vertical-align:middle;}


.carousel-inner > .item > img,
  .carousel-inner > .item > a > img {
      width: 100%;
      margin: auto;
  }
  
  
.carousel-inner>.item{background-repeat:no-repeat; background-size:cover;}  
  
#homeCarousel .carousel-inner>.item{height:650px;}
div#homeCarousel .fa { display: none; }

.homeSlideTitle{width:100%; display:table; height:650px;}
.homeSlideTitle .valign{width:100%; vertical-align:bottom;}
homeSlideTitle,.homeSlideTitle-h4,.homeSlideTitle h1{color:#FFFFFF; text-transform:uppercase; font-size:54px; font-family:'bebas_neueregular', Helvetica, sans-serif; letter-spacing:3px; line-height:62px; text-align:center;}
.homeSlideTitle h1{padding-bottom:10%; }
.homeSlideTitle-h4{padding-bottom:10%; }


.control-left, .control-right{position:absolute; top:50%; z-index:99; color:#64c3db; font-size:50px; font-weight:300;}
.control-left{ left:0; padding-left:80px;}   
.control-right{right:0;  padding-right:80px;}  
.control-left:hover, .control-left:focus, .control-right:hover, .control-right:focus{color:#FFFFFF;}
 
.home-content{text-align:center; width:800px; position:relative; margin:0 auto; padding:40px 0 35px 0;} 
h3{text-transform:uppercase; font-weight:normal; font-family:"bebas_neueregular", Helvetica, sans-serif; letter-spacing:1.3px; color:#000000; line-height:30px;}
h3 span{color:#60c9e4;}
h3 span a{color:#60c9e4 !important;}
.home-content p{color:#2b2b2b; font-weight:300; padding:5px 0 0 0;}

h3.heading{font-weight:normal; font-family:"bebas_neueregular", Helvetica, sans-serif; letter-spacing:1.3px; color:#000000; text-transform:uppercase; text-align:center; margin-bottom:30px;}
h3.heading span{color:#60c9e4;}
h3.heading:after{display:block; content:''; border-bottom:#adafb1 1px solid; width:80px; position:relative; margin:0 auto; padding-top:15px;}


ul.locationlist{padding:0; margin-left:-14px; margin-right:-14px; margin-bottom:110px;}
ul.locationlist:after{display:block; content:''; clear:both; height:0;}
ul.locationlist li{float:left; width:50%; padding:14px; list-style-type:none;}
.locationImg{height:475px; background-repeat:no-repeat; background-size:cover; display:block; text-decoration:none; background-position:center;}
.locationOverlay{background:rgba(96, 201, 228, 0.85); height:0px; text-align:center; display:table; width:100%; color:#FFFFFF; 
-webkit-transition: height .3s; transition: height .3s }
.locationOverlay h3{ vertical-align:middle; font-weight:normal; text-transform:uppercase; font-family:"bebas_neueregular", Helvetica, sans-serif; letter-spacing:1.3px; display:none; -webkit-transition: display 1s; transition: display 1s; text-decoration:none; color:#FFF;}

.locationImg:hover{text-decoration:none;}
ul.locationlist li:hover .locationOverlay{height:475px;}
ul.locationlist li:hover .locationOverlay h3{display:table-cell;}


#tenantsCarousel{padding:0 120px; text-align:center;}
.arrow-left, .arrow-right{position:absolute; z-index: 99; color: #64c3db; font-size: 50px; font-weight: 300; top:0; line-height:20px;}
.arrow-left{left:0;}
.arrow-right{right:0;}
#tenantsCarousel h4{font-weight:400; color:#000000; padding:7px 0;}
#tenantsCarousel h4 small{font-weight:bold; color:#000000; display:block; padding-top:8px;}

.fullImg{margin:98px 0;}
.fullImg img{width:100%;}


.content{padding:78px 0;}
.content h3{padding:10px 0;}
.content p{padding:5px 0; font-family:"proxima_nova_rgregular", Helvetica, sans-serif;}
.content h5{font-weight:400; line-height:20px; font-size:16px; text-transform:uppercase;}
.content ul{padding-left:20px; font-family:"proxima_nova_rgregular", Helvetica, sans-serif; padding-bottom:10px; margin-left:15px;}
.content ul li{padding-bottom:12px;}

.content img{max-width:100%; height:auto;}

.about-content{padding-right:80px;}

h5.sweetServices{background:url(images/heart.png) no-repeat; background-repeat:no-repeat; padding:50px 0 20px 0; letter-spacing:1px;}
h5.homeServices{background:url(images/home.png) no-repeat; background-repeat:no-repeat; padding:62px 0 20px 0; letter-spacing:1px; margin-top:60px;}
h5.InternetServices{background:url(images/globe.png) no-repeat; background-repeat:no-repeat; padding:72px 0 12px 0; letter-spacing:1px; margin-top:70px;}

#singleCarousel{margin-bottom:25px;}
#singleCarousel .carousel-inner>.item{height:435px;}
#singleCarousel .control-left{padding-left:20px;}
#singleCarousel .control-right{padding-right:20px;}
#singleCarousel .control-left, #singleCarousel .control-right{top:45%;}

#locationMap{width:100%; height:410px;}

.faqList{padding-right:10px;}
.faqList h4{color:#60c9e4; text-transform:uppercase; font-weight:600; letter-spacing:1px; padding-bottom:10px; margin-bottom:0; line-height:24px; font-family:"ProximaNova-Semibold", Helvetica, sans-serif;}
.faqRow{min-height:90px; margin-bottom:40px;}


body.post-type-archive-locations ul.locationlist{margin-top:65px; margin-bottom:35px;}



ul.mapList{list-style-type:none;}
ul.mapList:after{display:block; content:''; clear:both; height:0;}
ul.mapList li{float:left; width:48%; margin-right:2%; position:relative;}
ul.mapList li .mapitem{width:100%; height:310px;}
ul.mapList li h5{text-transform:inherit; font-size:14px; min-height:50px;}
ul.mapList .map_overlay{position:absolute; width:100%; background:rgba(96, 201, 228, 0.80); height:310px; z-index:10; text-align:center; display:none;}
ul.mapList .map_overlay h3{display:table-cell; vertical-align:middle; color:#FFFFFF; width:100%;}
ul.mapList li:hover .map_overlay{display:table;}


.formMng{padding-top:20px; padding-right:80px;}
.form-row{padding-bottom:20px;}
.form-row select, .form-row textarea, .form-row input:not([type="submit"]) {
    width: 100%;
    padding:8px 8px 8px 8px;
    border: #000000 1px solid;
    font-size: 13px;
    height: 30px;
    color: #000000;
    background: none;
}

.form-row textarea{resize:none; height:70px;} 

.form-row input[type="submit"]{color:#60c9e4; text-transform:uppercase; background:none; border:none; padding:0; letter-spacing:1px;}


::-webkit-input-placeholder {color:#000000;}
:-moz-placeholder{color:#000000;}
::-moz-placeholder {color:#000000;}
:-ms-input-placeholder {color:#000000;}
::-ms-input-placeholder {color:#000000;}
:placeholder-shown {color:#000000;}


/*Footer*/
footer{background:#60c9e4; color:#000000; padding-bottom:8px; margin-top:40px;}
footer a{color:#000000;}
footer p{text-transform:uppercase; padding-top:5px;}
img.footer-logo{padding:15px 0 0 0;}

ul.social{list-style-type:none; float:left; padding:20px 0 0 25px;}
ul.social:after{display:block; content:''; clear:both; height:0;}
ul.social li{float:left; margin-right:15px;}
ul.social li a{display:table-cell; vertical-align:middle; width:40px; font-size:20px; height:40px; background:#000000; color:#60c9e4; text-align:center; border-radius:50px; -webkit-border-radius:50px; -moz-border-radius:50px;}
ul.social li a:hover{background-color:#0e0e0e; color:#FFFFFF;}