@media (min-width: 767px) {

	.navbar {

		min-height: 34px !important;

	}



	.navbar-toggle {

		padding: 10px 8px;

	}



	.navbar-brand {

		line-height: 34px;

		padding-top: 0;

		padding-bottom: 0;

	}



	 .navbar-brand img {

	 vertical-align:middle;

	 padding:2px 5px;

	 box-sizing:content-box;

	 }



	.navbar .container {

		min-height: 34px;

	}



	.navbar-nav > li {

		min-height: 34px;

	}



	.navbar-nav > li > a {

		line-height: 34px;

		padding-top: 0;

		padding-bottom: 0;

	}

}


/*.navbarTop{
	display: none;
}*/


#MainContent {

	padding: 20px;

}



#wrapper {

	min-height: 100%;

}



@media (min-width: 1200px) {

	.push {

		height:80px;

	}

	footer {

		height:60px;

	}

}



@media (max-width: 1199px) {

	.push {

		height:100px;

	}

	footer {

		height:80px;

	}

}



footer, .push {

	clear: both;

}



footer {

	box-sizing: content-box;

	background: #0C7CD5;

	color: #fff;

}



footer .container {

	box-sizing: border-box;

	height: 100%;

	margin: 0 auto;

	padding: 20px 0 0 0;

}



footer .row {

	margin: 0;

	padding: 0;

}



footer ul {

	text-align: left;

	list-style: none;

}



footer ul li {

	padding: 0;

	margin: 0;

	line-height: 20px;

}



footer a {

	color: #B2DBFB;

}



footer a:hover {

	color: #fff;

	text-decoration: none;

}


/*

#header h1 {

	display: none;

	overflow: hidden;

}

  */



#leftSide {

	float: left;

}



#rightSide {

	float:right;

}



 li.title {

	font-size:22px;

}



li.description {

	font-size: 12px;

}



table td {

    vertical-align:middle !important

}

.media-info-uneditable {
	margin-bottom: 20px;
}

.modal-footer {
	margin-top: 20px;
}

@font-face {
    font-family: georgia;
    src: url(../fonts/Georgia.ttf);
}

.container{
	max-width: 100vw;
}

#mainContent{
		width: 100%;
		padding: 0px;
}
#wrapper{
	width: 100%;
}

body{
	overflow-x: hidden;
	max-width: 100vw;
}

.col-md-4 img{
	width: 100%;
	height: auto;
	padding: 25px;
}


/*Hero Section*/
#mobileHeroPhone{
	display: none;
	margin: 2px;
}
.heroGreen{
	color: #6EB43F;
	font-family: georgia;
	font-style: italic;
}
#heroPhone{
	display: inline-block;
	margin: 15px;
	align-self: flex-start;
}
#heroFax{
	display: inline-block;
	margin: 15px;
}
#heroRightSection{
	float: right;
	margin: 15px;

}
#mobileHomeHeroSection{
	width: 100%;
	height: 50px;
}
#homeHeroSection{
	width: 100vw;
	background-image: url(https://cdn.greenphoenixny.com/greenphoenix/img/hero-bg.jpg);
	background-size: 100% 100%;


}
#homeHeroTextContainer{
	display: flex;
	align-items: center;
	justify-content: center;
	height: 100vh;
	clear: both;

}
.homeHero{
	width: 60%;
	margin: auto;
	font-size: 16pt;
	font-family: 'Open Sans', sans-serif;
	color: #646464;
	padding: 15px;
}
.button{
	color: white;
	background-color: #6EB43F;
	padding: 20px;
	padding-left: 50px;
	padding-right: 50px;
	cursor: pointer;
	text-align: center;
	border-radius: 5px;
	font-family: 'Open Sans', sans-serif;
	font-size: 14pt;
	margin: auto;
}

.smbutton{
	color: white !important;
	background-color: #6EB43F;
	padding: 6px;
	padding-left: 25px;
	padding-right: 25px;
	cursor: pointer;
	text-align: center;
	border-radius: 5px;
	font-family: 'Open Sans', sans-serif;
	font-size: 14pt;
	margin: auto;
}

.button:hover, .smbutton:hover{
	color: white;
	text-decoration: none;
	background-color: #80CF4A;
}

#heroTextSection{
	clear: both;
	float: none;
	margin: auto;
	font-family: 'Open Sans', sans-serif;
	text-align: center;
	position: relative;
	/*margin-top: 25%;*/
}

::selection {
  background: #646464; /* WebKit/Blink Browsers */
  color: white;
}
::-moz-selection {
  background: #646464; /* Gecko Browsers */
  color:white;
}
.colContainer{
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 30px;
	padding-bottom: 30px;
	clear: both;
}

.dropdown-menu > li > a:active{
	color: black;
	margin-top: 0px;
	font-size: 16pt;
	padding-top: 15px;
	padding-bottom: 15px; 
}


/*navigation*/
.navbar-nav {
     background-color: white;

}
.upperNavLinks, .upperNavLinks:hover{
	font-size: 14pt;
	padding-left: 5px;
	padding-right: 5px;
	cursor: pointer;
	color:  black;

}
.navbar-nav .open .dropdown-menu{
	background-color: white;
	color: #646464;
}
.navbar-inverse .navbar-nav .open .dropdown-menu > li > a{
	background-color: white;
	color: #646464;
	font-size: 14pt;
}
.navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus{
	background-color: white;
	color: #646464;
}
.navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover{
	background-color: white;
	color: #6EB43F;
}
.navbarTop {

}
.navbarTop a{
	color: #646464;
}
.fa-arrow-right{
	display: none;
}
.navbar{
	height: 130px;
	background-color: white;
	padding: 2px;
	position: relative;
	color: #646464;
	clear: both;
	 max-width: 100vw;
}
.dropdown-toggle .fa{
	display: none;
}
.navbar .nav > li > a{
	color: black;
	margin-top: 0px;
	font-size: 16pt;
	padding-top: 15px;
	padding-bottom: 15px;
}
.navbar .nav > li > a:hover{
	border-bottom: 1px solid #6EB43F;
	background-color: white;
	color: #6EB43F;
}
.navbar .nav > li > a:focus{
  border-bottom: 1px solid #6EB43F;
	background-color: white;
	color: #6EB43F;
}
.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus{
  border-bottom: 1px solid #6EB43F;
	background-color: white;
	color: #6EB43F;
}

.dropdown-menu > li > a:hover{
	border-bottom: 1px solid #6EB43F;
	background-color: white;
	color: #6EB43F;
}
.dropdown-menu > li > a:focus{
	border-bottom: 1px solid #6EB43F;
	background-color: white;
	color: #6EB43F;
}
.navbar-inverse .navbar-toggle .icon-bar{
	/*background-color: #646464;*/
	background-color: #003A6B;
}
.navbar-inverse .navbar-toggle:hover{
	/*background-color: #646464;*/
	background-color: #6EB43F;
}
.navbar-inverse .navbar-toggle:focus{
	background-color: #6EB43F;
}
.affix {
	top: 0;
	margin: 0 auto;
	width: 100%;
}
.navbar-brand img{
	margin-top: 0px;
}
.navbar-inverse{
	border: none;
	 box-shadow: 0px 3px 5px #888888;
}






/*Leasing Options*/
#leasingOptionsSection{
	height: auto;
	font-family: 'Open Sans', sans-serif;
	padding: 5px;
	padding-top: 115px;
	background-image: url(https://cdn.greenphoenixny.com/greenphoenix/img/techy-bg-left.png);
	width: 100%;
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
}
.contentTitle{
	color: #6EB43F;
	font-size: 26pt;
	font-weight: bold;
	margin: auto;
	text-align: left;
}
.leasingText{
	color: #646464;
	margin: auto;
	text-align: center;
	font-size: 18pt;
	margin-top: 15px;
	margin-bottom: 15px;
}
.leasingColumns{
	width: 1000px;
	margin: auto;
	position: relative;
}
.leasingFloats{
	float: left;
	display: inline-block;
	margin: 20px;
	width:460px;
	text-align: center;
	position: relative;
}

.leaseBtn{
	color: white;
	background-color: #6EB43F;
	padding: 10px;
	cursor: pointer;
	text-align: center;
	border-radius: 5px;
	font-family: 'Open Sans', sans-serif;
	font-size: 16pt;
	width: 200px;
	display: block;
	margin: auto;
	margin-bottom: 15px;
}

.leaseBtn:hover{
	color: white;
	
	background-color: #80CF4A;
	padding: 10px;
	cursor: pointer;
	text-align: center;
	border-radius: 5px;
	font-family: 'Open Sans', sans-serif;
	font-size: 16pt;
	width: 200px;
	display: block;
	margin: auto;
	text-decoration: none;
}

.greenBtn{
	padding: 10px;
	padding-left: 15px;
	padding-right: 15px;
	border-radius: 25px;
	background-color: white;
	color: #6EB43F;
	margin-top: 20px;
}


.greenBtn2{
	color: #6EB43F;
}
.greenBtn2:hover{
	color: #80CF4A;
}


/*home video*/
#homeVideo{
	background-color: #003A6B;
	height: 600px;
	padding: 115px;
  background-image: url(https://cdn.greenphoenixny.com/greenphoenix/img/about-bg.jpg);
  background-size: cover;
	font-family: 'Open Sans', sans-serif;
	clear: both;
	margin-top: 20px;
}
#homeVideoBlock{
	width: 1100px;
	margin: auto;
}
.videoFloat{
	float: left;
	display: inline-block;
	color: white;
	padding: 15px;
	text-align: center;
	width: 550px;
}
.whiteContent{
	color: white;
	font-size: 12pt;
}





/*lease content*/
#homeLease{
	background-image: url(https://cdn.greenphoenixny.com/greenphoenix/img/techy-bg-left.png);
	width: 100%;
	min-height: 400px;

	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
	font-family: 'Open Sans', sans-serif;
}
#homeLeaseContainer{
	width: 900px;
	margin: auto;
}

.leaseContainerFloat1{
	width: 700px;
	float: left;
	padding: 15px;
	padding-top: 115px;
	display: inline-block;
}
.leaseContainerFloat2{
	width: 200px;
	float: left;
	padding: 15px;
	display: inline-block;
}
.grayContent{
	color: #646464;
	font-size: 11pt;
}

.leaseImg img{
	max-width: 400px;
	height: auto;
}



/*colored square section*/
#homeColoredSquares{
	width: 100%;

	font-family: 'Open Sans', sans-serif;
}
.rowColored{
	width: 100%;
	height: 500px;
}
.row1square{
	height: 100%;
	width: 33.33333333333%;
	float: left;
	display: inline-block;
}
.row2square{
	height: 100%;
	width: 50%;
	float: left;
	display: inline-block;
}
#r1i1{
	background-image: url(https://cdn.greenphoenixny.com/greenphoenix/img/our-program-bg-green.png);
	background-size: auto;
	position: relative;
}
#r1i2{
	background-image: url(https://cdn.greenphoenixny.com/greenphoenix/img/benefits-bg-red.png);
	background-size: auto;
	position: relative;
}
#r1i3{
	background-image: url(https://cdn.greenphoenixny.com/greenphoenix/img/leasing-bg-blue.png);
	background-size: auto;
	position: relative;
}
#r2i1{
	background-image: url(https://cdn.greenphoenixny.com/greenphoenix/img/faq-bg-yellow.png);
	background-size: auto;
	position: relative;
}
#r2i2{
	background-image: url(https://cdn.greenphoenixny.com/greenphoenix/img/process-flow-bg-black.png);
	background-size: auto;
	position: relative;
}
.coloredTextContainer{
	position: absolute;
	bottom: 10%;
	left: 10%;
	width: 250px;
}
.row1square:hover, .row2square:hover{
	opacity: .85
}
.coloredTextTitle{
	color: white;
	font-size: 24pt;

}
.coloredText{
	color: white;
	font-size: 12pt;
}
.coloredTextButton{
	cursor: pointer;
	color: #6EB43F;
	font-size: 14pt;
	padding: 5px;
	padding-left: 15px;
	padding-right: 15px;
	margin-top: 10px;
	border-radius: 25px;
	background-color: white;
}
.coloredTextButton i {
  font-size: 16px;
}
.coloredTextButton:hover{
	text-decoration: none;
	color: #6EB43F;
	background-color: #e6e6e6;
}





/*become a vendor*/
#becomeAVendor{
	font-family: 'Open Sans', sans-serif;
	background-image: url(https://cdn.greenphoenixny.com/greenphoenix/img/techy-bg-left.png);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	padding: 5px;
	padding-top: 115px;
	padding-bottom: 115px;
	clear: both;
}
#becomeAVendorContainer{
	width: 900px;
	margin: auto;
	height: 175px;
}
#vendorTextFloat{
	float: left;
	width: 600px;
	display: inline-block;
	padding: 5px;
}
#vendorButtonFloat{
	float: left;
	width: 280px;
	display: inline-block;
	padding: 5px;
	text-align: center;
	margin-top: 20px;
}
#vendorTitle{
	color: #6EB43F;
	font-size: 26pt;
	font-weight: bold;
	margin: auto;
	text-align: center;
}




footer{
	height: auto;
	padding: 25px;
	padding-top: 125px;
	background-image: url(https://cdn.greenphoenixny.com/greenphoenix/img/footer-bg-blue.png);
	background-size: 100% 100%;
	font-family: 'Open Sans', sans-serif;
}
#contactFooter{
	width: 1200px;
	margin: auto;
	text-align: center;
	height: 600px;

}
#contactTitle{
	font-size: 42pt;
	font-weight: bold;
}
.contactCategory{
	float: left;
	display: inline-block;
	width: 400px;
	padding: 8px;
	color: white;
	font-size: 12pt;
	text-align: left;
}
.contactCategoryTitle{
	color: #6EB43F;
	font-size: 16pt;
	font-weight: bold;
	text-align: left;
	padding-top: 20px;
	padding-bottom: 20px;
}
.footerLink{
	padding: 15px;
}

#mobileHomeHeroSection{
	display: none;
}

.mobileVid{
	display: none;
	margin: auto;
}

/*MEDIA QUERIES*/
/*situational*/

@media screen and (min-width: 1251px){
	#homeHeroSection{
		height: 100vh;
	}
	.mobileOnly{
		display: none !important;
	}
}
@media screen and (max-width: 1250px){
	#homeHeroSection{
		height: 100vh;
		background-size: cover;
		background-position: center;
	}
}

@media screen and (max-width: 1250px) {
	
	#contactFooter{
		width: 100%;
		height: auto;
	}
	
	.contactCategory{
		clear: both;
		margin: auto;
		display: block;
		float: none;
		width: 100%;
		margin: auto;
		text-align: center;
	}
	.contactCategoryTitle{
		text-align: center;
	}
  .navbar-header {
        float: none;
    }
    .navbar-left,.navbar-right {
        float: none !important;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-fixed-top {
        top: 0;
        border-width: 0 0 1px;
    }
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
        margin-top: 7.5px;
    }
    .navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .collapse.in{
        display:block !important;
    }
   .navbar-nav .open .dropdown-menu {
       position: static;
       float: none;
       width: auto;
       margin-top: 0;
       background-color: transparent;
       border: 0;
       -webkit-box-shadow: none;
       box-shadow: none;
    }
	#heroFax, #heroPhone, #heroRightSection{
		display: none;
	}
	.mobileOnly{
		font-size: 12pt;
		
	}
	#mobileHeroPhone{
		display: block;
	}
	
	.mobileVid{
		display: block;
	}
	
	.deskVid{
		display: none;
	}
	.colContainer, #vidTitle{
		text-align: center;
	}
}


/*mobile*/
@media screen and (max-width: 820px){
	.leaseBtn{
		width: 170px;
	}
}
@media screen and (max-width: 697px){
	
	.videoText{
		text-align: center;

	}
	#heroPhone{
		display: none;
	}
	#mobileHomeHeroSection{
		display: block;
	}
	#homeHeroSection{
		display: none;
	}
	#heroFax{
		display: inline-block;
		margin: 2px;
	}
	.button{
		color: white;
		background-color: #6EB43F;
		padding: 6px;
		cursor: pointer;
		text-align: center;
		border-radius: 5px;
		font-family: 'Open Sans', sans-serif;
		font-size: 12pt;
		width: auto;
		display: block;
		margin: auto;

	}
	.navbar{
		height: 90px;
		width: 100%;
	}
	.leasingFloats{
		float: none;
		display: block;
		clear: both;
		margin: auto;
		width: 100%;
	}
	.leasingColumns{
		width: 100%;
		display: block;
		clear: both;
	}
	#leasingOptionsSection{
		height: auto;
	}
	.videoFloat{
		clear: both;
		float: none;
		display: block;
		margin: auto;
		width: 350px;
	}
	#homeVideoBlock{
		width: 100%;
	}
	#homeVideo, #homeLease{
		padding: 0px;
		height: auto;
	}
	#homeLeaseContainer{
		width: 100%;
	}
	.leaseContainerFloat1, .leaseContainerFloat2{
		float: none;
		clear: both;
		width: 100%;
		margin: auto;
		display: block;
	}
	.leaseContainerFloat2 img{
		max-width: 100%;
		height: auto;
	}
	.row1square, .row2square{
		clear: both;
		display: block;
		width: 100%;
	}
	#becomeAVendorContainer{
		width:100%;
		height: auto;
	}
	#vendorTextFloat, #vendorButtonFloat{
		clear: both;
		float: none;
		margin: auto;
		display: block;
	}
	.navbar-brand img{
		margin-top: 0px;
		/*height: 50px;*/
		width: 185px;
	}
	.leasingColumns{
		width: 100%;
	}
	.rowColored{
		height: 350px;
	}
	#heroFax{
		display: none;
	}
}