/* this is my custom CSS */

body {

    padding-top: 16px;

    padding-left: 16px;

    padding-right: 16px;

}



.navbar-inverse .navbar-toggle {

	color: white;

	font-weight: bold;

	border-color: white;

}

.navbar-inverse .navbar-toggle:hover {

	background-color: #ddd;

	color: #333;

}

.navbar-inverse .navbar-toggle .glyphicon {

	color: white;

}

.navbar-inverse .navbar-toggle:hover .glyphicon {

	color: #333;

}



	.button

	{

		display: inline-block;

		padding: 1.10em 0em 1.10em 1.25em;

		background: #0087cd url(images/bg05.png) no-repeat right top;

		background-size: 100% 100%;

		-moz-transition: background-color .25s ease-in-out;

		-webkit-transition: background-color .25s ease-in-out;

		-o-transition: background-color .25s ease-in-out;

		-ms-transition: background-color .25s ease-in-out;

		transition: background-color .25s ease-in-out;

		text-decoration: none;

		font-size: 1.10em;

		color: #FFFFFF;

		outline: 0;

	}	



		.button:hover

		{

			background-color: #119ee7;

			text-decoration:none;

	}

		

		.button:active

		{

			background-color: #007cc2;

            color:white;

            text-decoration:none;

		}

		

		.button-icon

		{

			position: relative;

		}

		

			.button-icon:after

			{

				content: '';

				display: inline-block;

				width: 50px;

			}

		

			.button-icon:before

			{

				content: '';

				display: inline-block;

				width: 30px;

				height: 30px;

				background: url('images/icons.png');

				position: absolute;

				right: 1.25em;

				top: 70%;

				margin-bottom: -10px;

			}

			

			.button-icon-arrow:before

			{

				background-position: -55px -27px;

			}

			

			.button-icon-big-arrow:before

			{

				width: 70px;

				height: 70px;

				background-position: -0px -14px;

				right: 10px;

			}



			.button-icon-banner-arrow:before

			{

				background-position: -55px -14px;

				opacity: .40;

				right: 15px;

			}



			.button-icon-paper:before

			{

				background-position: -48px 0px;

			}

	

			.button-icon-question:before

			{

				background-position: 0px -48px;

			}



	.button-padding

	{

		margin-top: 1em;

	}

	

	.button-alt

	{

		background-color: #d93d00;

        text-decoration:none;

	}



		.button-alt:hover

		{

			background-color: #f35111;

			text-decoration:none;

		}

		

		.button-alt:active

		{

			background-color: #d43800;

            text-decoration:none;

		}

	

	.button-alt2

	{

		background-color: #414141;

        color: white;

        text-decoration:none;

	}



		.button-alt2:hover

		{

			background-color: #575757;

			color: white;

			text-decoration:none;

		}

		

		.button-alt2:active

		{

			background-color: #363636;

            color: #f8fbae ;

            text-decoration:none;

		}



        .button-alt2.selected

		{

			background-color: #363636;

            color: #f8fbae ;

            text-decoration:none;

		}

	

		.button-small

		{

		}

		

		.button-big

		{

			width: 100%;

			font-size: 2em;

			padding: 1.30em 0em 1.30em 0;

			font-weight: 300;

			text-align: center;

		}



			.button-icon-follow

			{

				padding: 0;

				line-height: 80px;

			}



			.button-icon-follow:after

			{

				display: none;

			}



			.button-icon-follow:before

			{

				width: 50px;

				height: 50px;

				display: inline-block;

				position: relative;

				left: 0;

				right: 0;

				top: 18px;

				margin: 0 8px 0 0;

			}

		

			.button-icon-follow1:before

			{

				background-position: 9px -100px;

			}

			

			.button-icon-follow2:before

			{

				background-position: -60px -100px;

			}

			

			.button-icon-follow3:before

			{

				background-position: -130px -100px;

			}



		.button-huge

		{

			width: 100%;

			font-size: 2em;

			padding: 1.25em 1em 1.5em 1em;

			letter-spacing: -1px;

            

		}

		

			.button-huge span

			{

				font-size: 0.70em !important;

				font-weight: 300;

				letter-spacing: 0px;

				opacity: 0.65;

			}

		



	

	.subtitle

	{

		font-weight: 300;

		color: #a0a0a0;

		text-align: left !important;

	}

	

	

@media (max-width:769px){

section.col-xs-12.col-sm-4 img {

    width: 100%;

}

}



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

	.button-huge {

		font-size:1.8em;

	}

}







.navbar-inverse { background-color: #F5F5F5}

.navbar-inverse .navbar-nav>.active>a:hover,.navbar-inverse .navbar-nav>li>a:hover, .navbar-inverse .navbar-nav>li>a:focus { background-color: #8F8F8F}

.navbar-inverse .navbar-nav>.active>a,.navbar-inverse .navbar-nav>.open>a,.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:hover,.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:hover, .navbar-inverse .navbar-nav>.open>a:focus { background-color: #5F5F5F}

.dropdown-menu { background-color: #F5F5F5}

.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus { background-color: #8F8F8F}

.navbar-inverse { background-image: none; }

.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus { background-image: none; }

.navbar-inverse { border-color: #5f5f5f}

.navbar-inverse .navbar-brand { color: #999999}

.navbar-inverse .navbar-brand:hover { color: #FFFFFF}

.navbar-inverse .navbar-nav>li>a { color: #333333}

.navbar-inverse .navbar-nav>li>a:hover, .navbar-inverse .navbar-nav>li>a:focus { color: #FFFFFF}

.navbar-inverse .navbar-nav>.active>a,.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:hover, .navbar-inverse .navbar-nav>.open>a:focus { color: #FFFFFF}

.navbar-inverse .navbar-nav>.active>a:hover, .navbar-inverse .navbar-nav>.active>a:focus { color: #FFFFFF}

.dropdown-menu>li>a { color: #333333}

.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus { color: #FFFFFF}

.navbar-inverse .navbar-nav>.dropdown>a .caret { border-top-color: #999999}

.navbar-inverse .navbar-nav>.dropdown>a:hover .caret { border-top-color: #FFFFFF}

.navbar-inverse .navbar-nav>.dropdown>a .caret { border-bottom-color: #999999}

.navbar-inverse .navbar-nav>.dropdown>a:hover .caret { border-bottom-color: #FFA621}



.navbar-toggle {background-color: #5F5F5F;}



.rcornersgreen {
    border-radius: 25px;
    border: 2px solid #73AD21;
    padding: 20px; 
}

.rcornersgrey {
    border-radius: 25px;
    border: 2px solid #AFAFAF;
    padding: 20px; 
}

.rcornersred {
    border-radius: 25px;
    border: 2px solid #FF0000;
    padding: 20px; 
}