/* Biztroo 2015 */

html, body 
{
	height:100%;
	font-family: 'Raleway', sans-serif;
	color: #2a373d;
	padding: 0;
}

.navBarStyle 
{
	width: 100%;
	height: 85px;
	background-color: #2b3a3d;
}

ul li.menuStyleFlag a
{
	font-family: 'Raleway', sans-serif;
	color: #ffffff;
	padding: 0;
	margin-top: 15px;
	padding: 3px;
}

ul li.menuStyleFlag a:hover
{
	color: #ffffff;
	background-color: #2b3a3d;
}

ul li.menuStyleButton a
{
	font-family: 'Raleway', sans-serif;
	font-size: 16px;
	color: #ffffff;
	background-color: #0198d9;
	margin-right: 10px;
	/*border-bottom: 3px solid #f9e190;*/
	padding: 10px;
	margin-top: 8px;
}

ul li.menuStyleButton a:hover
{
	color: #2b3a3d;
	background-color: #0198d9;
}

.topMargin
{
	margin-top: 5px;
}

.centered
{
	margin: auto;
}


.fillSection
{ 
    height: 100vh;
}

.copyHead
{
	max-width: 345px;
	height: auto;
	background-color: rgba(5, 101, 125, 0.5);
	float: left;
	padding:10px;
	position: relative;
	margin-top: -25%;

}

h1
{
	font-family: 'Raleway', sans-serif;
	color: #ffffff;
	font-size: 35px;
	line-height: 40px;
	margin-top: 0;

}

h2
{
	font-family: 'Raleway', sans-serif;
	color: #ffffff;
	font-size: 23px;
	text-align: center;
	margin-top: 40px;
	margin-bottom: 30px;
}

h3
{
	font-family: 'Raleway', sans-serif;
	color: #2a373d;
	font-size: 30px;
	text-align: center;
	margin-top: 100px;
	margin-bottom: 40px;
}

h4
{
	font-family: 'Raleway', sans-serif;
	color: #ffffff;
	/*color: #2a373d;*/
	text-align: left;
	font-size: 32px;
	margin-top: 100px;
	margin-bottom: 60px;
}

h5
{
	font-family: 'Raleway', sans-serif;
	color: #0198d9;
	text-align: center;
	font-size: 30px;
	margin-top: 40px;
	margin-bottom: 30px;
}


p.txtTerms
{
	font-family: 'Raleway', sans-serif;
	color: #ffffff;
	font-size: 15px;
	text-align: center;
	margin-bottom: 100px;
}

p.txtBiztrooHome
{
	color: #2a373d;
	font-size: 22px;
	text-align: center;
	margin-top: 30px;
	margin-bottom: 60px;
}

p.txtBiztrooSeguranca
{
	color: #2a373d;
	font-size: 22px;
	text-align: center;
	margin-bottom: 60px;
}

p.txtBizcam
{
	color: #ffffff;
	font-size: 23px;
	text-align: left;
}

p.txtBizcamPowerd
{
	color: #ffffff;
	font-size: 15px;
	text-align: left;
	margin-top: 20px;
}

p.txtScreens
{
	color: #ffffff;
	font-size: 21px;
	text-align: left;
	margin-bottom: 60px;
}

p.txtTestemonialRight
{
	color: #ffffff;
	font-size: 22px;
	font-style: italic;
	text-align: right;
}

p.txtTestemonialLeft
{
	color: #ffffff;
	font-size: 22px;
	font-style: italic;
	text-align: left;
}

p.txtTestemonialNameRight
{
	color: #ffffff;
	font-size: 15px;
	font-style: italic;
	margin-bottom: 30px;
	text-align: right;
}

p.txtTestemonialNameLeft
{
	color: #ffffff;
	font-size: 15px;
	font-style: italic;
	margin-bottom: 30px;
	text-align: left;
}

p.txtFooter
{
	font-family: 'Raleway', sans-serif;
	color: #ffffff;
	font-size: 15px;
	text-align: center;
}


.signUp
{
	background-color: #05657d;
	padding: 30px;
}

.backgroundLight
{
	background-color: #6ab7ca;
	padding: 25px;
}

.backgroundMedium
{
	background-color: #0687a6;
	padding: 25px;
}

.backgroundDark
{
	background-color: #05657d;
	padding-top: 25px;
	/*
	padding-left: 25px;
	padding-right: 0;
	*/
}

.imgCentered
{
	margin: 0 auto;
}

.imgRound
{
	border-radius: 50%;
	width: 80px;
	height: 80px;
}

.imgFull
{
	height: 100%;
}

.paddingZero
{
	padding: 0;
}

.btnStyle
{
	background-color: #2a373d;
	border: 0;
	width: 120px;
	height: 35px;
	color: #ffffff;
}

.btnStyle:hover
{
	background-color: #555f64;
}

.formStyle
{
	width: 200px;
	height: 35px;
	border-radius: 0;
	margin-right: 20px;
}

/*
.hamburgerMenu
{
	width: 22px;
	height: 2px;
	color: red;
}
*/

.btnHamburger
{
	background-color: #dfe1e2;
	margin-top: 25px;
}

.btnHamburger .icon-bar
{
	width: 22px;
	height: 2px;
	background-color: #2a373e;
}

.noMargin
{
	padding: 0;
}

.navTopMargin
{
	margin-top: 15px;
}

.topMargin
{
	margin-top: 60px;
}

.bottomMargin
{
	margin-bottom: 60px;
}

.strokeTop
{
	border-top: 3px solid #0198d9;
}

.planStandardTitle
{
	background-color: #6ab7ca;
	color: #ffffff;
	padding: 10px;
	text-align: center;
}

.planProTitle
{
	background-color: #0687a6;
	color: #ffffff;
	padding: 10px;
	text-align: center;
}


.infoBar
{
	width: 100%;
	background-color: #2b3a3d;
	padding-top: 10px;
	padding-bottom: 10px
}

.styleTab
{
	width: 200px;
	height: 40px;
	margin: auto;
	margin-bottom: 20px;
	background-color: #000000;
}

.tabInUse
{
	width: 100px;
	border: 1px solid #0687a6;
	background-color: #0687a6;
	text-align: center;
}

.tabOff, .tabOff a 
{
	width: 100px;
	border: 1px solid #0687a6;
	background-color: #ffffff;
	text-align: center;
}

.tabOff:hover, .tabOff a:hover, .tabOff:hover a  
{
	width: 100px;
	border: 1px solid #0687a6;
	background-color: #0687a6;
	border-radius: 0;
}

/* Media Queries */

    /* Small Devices, Tablets */
    @media only screen and (max-width : 768px) {

			h1
			{
				font-family: 'Raleway', sans-serif;
				color: #ffffff;
				font-size: 22px;
				line-height: 23px;
				margin-top: 0;
			}

			h2
			{
				font-family: 'Raleway', sans-serif;
				color: #ffffff;
				font-size: 23px;
				text-align: center;
				margin-top: 0;
				margin-bottom: 30px;
			}

			h3
			{
				font-family: 'Raleway', sans-serif;
				color: #2a373d;
				font-size: 23px;
				text-align: center;
				margin-top: 20px;
			}

			h4
			{
				font-family: 'Raleway', sans-serif;
				color: #2a373d;
				text-align: center;
				font-size: 30px;
				margin-bottom: 30px;
			}

			h5
			{
				font-family: 'Raleway', sans-serif;
				color: #ffffff;
				font-size: 32px;
				text-align: center;
				margin-bottom: 30px;
			}


			p.txtTerms
			{
				font-family: 'Raleway', sans-serif;
				color: #ffffff;
				font-size: 15px;
				text-align: center;
			}

			p.txtBiztrooHome
			{
				color: #2a373d;
				font-size: 16px;
				text-align: center;
			}

			p.txtBizcam
			{
				color: #2a373d;
				font-size: 19px;
				text-align: center;
			}

			p.txtScreens
			{
				color: #ffffff;
				font-size: 19px;
				text-align: center;
			}

			p.txtTestemonial
			{
				color: #2a373d;
				font-size: 22px;
				font-style: italic;
			}

			p.txtTestemonialName
			{
				color: #2a373d;
				font-size: 15px;
				font-style: italic;
				margin-bottom: 30px;
			}

			p.txtFooter
			{
				font-family: 'Raleway', sans-serif;
				color: #ffffff;
				font-size: 15px;
				text-align: center;
			}

			.copyHead
			{
				max-width: 225px;
				height: auto;
				background-color: rgba(11, 24, 30, 0.5);
				float: left;
				padding:10px;

			}

			.btnStyle
			{
				background-color: #2a373d;
				border: 0;
				width: 120px;
				height: 35px;
				color: #ffffff;
				margin-left:40px;
			}

			.imgDown
			{
				margin-top: 80px;
			}

    }


    /* Extra Small Devices, Phones */ 
    @media only screen and (max-width : 480px) {

    	
		h1
			{
				font-family: 'Raleway', sans-serif;
				color: #ffffff;
				font-size: 16px;
				line-height: 23px;
				margin-top: 0;
			}

			h2
			{
				font-family: 'Raleway', sans-serif;
				color: #ffffff;
				font-size: 20px;
				text-align: center;
				margin-top: 0;
				margin-bottom: 30px;
			}

			h3
			{
				font-family: 'Raleway', sans-serif;
				color: #2a373d;
				font-size: 20px;
				text-align: center;
				margin-top: 20px;
			}

			h4
			{
				font-family: 'Raleway', sans-serif;
				color: #2a373d;
				text-align: center;
				font-size: 25px;
				margin-bottom: 30px;
			}

			h5
			{
				font-family: 'Raleway', sans-serif;
				color: #ffffff;
				font-size: 27px;
				text-align: center;
				margin-bottom: 30px;
			}


			p.txtTerms
			{
				font-family: 'Raleway', sans-serif;
				color: #ffffff;
				font-size: 15px;
				text-align: center;
			}

			p.txtBiztrooHome
			{
				color: #2a373d;
				font-size: 16px;
				text-align: center;
			}

			p.txtBizcam
			{
				color: #2a373d;
				font-size: 17px;
				text-align: center;
			}

			p.txtScreens
			{
				color: #ffffff;
				font-size: 17px;
				text-align: center;
			}

			p.txtTestemonial
			{
				color: #2a373d;
				font-size: 20px;
				font-style: italic;
			}

			p.txtTestemonialName
			{
				color: #2a373d;
				font-size: 15px;
				font-style: italic;
				margin-bottom: 30px;
			}

			p.txtFooter
			{
				font-family: 'Raleway', sans-serif;
				color: #ffffff;
				font-size: 15px;
				text-align: center;
			}

	    	.copyHead
				{
					max-width: 500px;
					height: auto;
					background-color: rgba(11, 24, 30, 0.5);
					float: left;
					padding:10px;
					margin-top: 0;
					text-align: center;

				}

			.btnStyle
			{
				background-color: #2a373d;
				border: 0;
				width: 120px;
				height: 35px;
				color: #ffffff;
				margin-left:40px;
			}

			.imgDown
			{
				margin-top: 80px;
			}

    }

    /* Custom, iPhone Retina */ 
    @media only screen and (max-width : 320px) {

    	h1
			{
				font-family: 'Raleway', sans-serif;
				color: #ffffff;
				font-size: 16px;
				line-height: 23px;
				margin-top: 0;
			}

			h2
			{
				font-family: 'Raleway', sans-serif;
				color: #ffffff;
				font-size: 20px;
				text-align: center;
				margin-top: 0;
				margin-bottom: 30px;
			}

			h3
			{
				font-family: 'Raleway', sans-serif;
				color: #2a373d;
				font-size: 20px;
				text-align: center;
				margin-top: 20px;
			}

			h4
			{
				font-family: 'Raleway', sans-serif;
				color: #2a373d;
				text-align: center;
				font-size: 25px;
				margin-bottom: 30px;
			}

			h5
			{
				font-family: 'Raleway', sans-serif;
				color: #ffffff;
				font-size: 27px;
				text-align: center;
				margin-bottom: 30px;
			}


			p.txtTerms
			{
				font-family: 'Raleway', sans-serif;
				color: #ffffff;
				font-size: 15px;
				text-align: center;
			}

			p.txtBiztrooHome
			{
				color: #2a373d;
				font-size: 16px;
				text-align: center;
			}

			p.txtBizcam
			{
				color: #2a373d;
				font-size: 17px;
				text-align: center;
			}

			p.txtScreens
			{
				color: #ffffff;
				font-size: 17px;
				text-align: center;
			}

			p.txtTestemonial
			{
				color: #2a373d;
				font-size: 20px;
				font-style: italic;
			}

			p.txtTestemonialName
			{
				color: #2a373d;
				font-size: 15px;
				font-style: italic;
				margin-bottom: 30px;
			}

			p.txtFooter
			{
				font-family: 'Raleway', sans-serif;
				color: #ffffff;
				font-size: 15px;
				text-align: center;
			}

	    	.copyHead
				{
					width: auto;
					height: auto;
					background-color: rgba(11, 24, 30, 0.5);
					float: left;
					padding:10px;
					margin-top: 0;

				}

			.btnStyle
			{
				background-color: #2a373d;
				border: 0;
				width: 120px;
				height: 35px;
				color: #ffffff;
				margin-left:40px;
			}

			.imgDown
			{
				margin-top: 80px;
			}
        
    }