@import url(http://fonts.googleapis.com/css?family=Open%20Sans:400,700,400italic,700italic);
body {
    font-family:'Open Sans';
/*    font-size: 12px;*/
    color: #575757;
    margin: 0px;
    padding: 0px;
   
}
img { max-width:100%; border: 0px; }

.inlineblock{display: inline-block;}
.pagewidth { max-width: 100%; width: 1100px; margin: 0px auto; }
.textright { text-align: right; }
.clearboth { clear: both;}
.height-30 { height: 30px;}
.height-10 { height: 10px;}



.topbg {background: #ffffff;}
.logo {float: left; width: 216px; max-width: 100%;}
.logorights {float: right; text-align: right; padding-top: 16px;}
.sosicalbox {border: solid 1px #e4e4e4; border-radius: 10px; padding: 10px; display: inline-block; vertical-align: middle;}
.start-campaign {display: inline-block; vertical-align: middle; margin-left: 5px;}
.start-campaign a {border: solid 1px #e4e4e4; border-radius: 10px;  display: block; font-size: 13px; color: #262f36; font-weight: 700; text-transform: uppercase; background: url(images/start-campaign.png) no-repeat; background-position: 10px center; padding-left: 45px; padding-top: 15px; padding-bottom: 15px; padding-right: 10px;}

.signbtntop {display: inline-block; vertical-align: middle; margin-left: 5px;}
.signbtntop a {border: solid 1px #e4e4e4; border-radius: 10px;  display: block; font-size: 13px; color: #262f36; font-weight: 700; text-transform: uppercase; background: url(images/signup.jpg) no-repeat; background-position: 10px center; padding-left: 45px; padding-top: 15px; padding-bottom: 15px; padding-right: 10px;}

.signbtntopred {display: inline-block; vertical-align: middle; margin-left: 5px;}
.signbtntopred a {border: solid 1px #e4e4e4; border-radius: 10px;  display: block; font-size: 13px; color: #262f36; font-weight: 700; text-transform: uppercase; background: url(images/signup-red.jpg) no-repeat; background-position: 10px center; padding-left: 45px; padding-top: 15px; padding-bottom: 15px; padding-right: 10px;}

.dashboard {display: inline-block; vertical-align: middle; margin-left: 5px;}
.dashboard a {border: solid 1px #e4e4e4; border-radius: 10px;  display: block; font-size: 13px; color: #262f36; font-weight: 700; text-transform: uppercase; background: url(images/dashboard.jpg) no-repeat; background-position: 10px center; padding-left: 45px; padding-top: 15px; padding-bottom: 15px; padding-right: 10px;}

.logout {display: inline-block; vertical-align: middle; margin-left: 5px;}
.logout a {border: solid 1px #e4e4e4; border-radius: 10px;  display: block; font-size: 13px; color: #262f36; font-weight: 700; text-transform: uppercase; background: url(images/logout.jpg) no-repeat; background-position: 10px center; padding-left: 45px; padding-top: 15px; padding-bottom: 15px; padding-right: 10px;}

.menubg {background: #016397;}


/* CUSTOMIZE THE CAROUSEL
-------------------------------------------------- */

/* Carousel base class */
.carousel {
 

}
/* Since positioning the image, we need to help out the caption */
.carousel-caption {
  z-index: 10;
}

/* Declare heights because of positioning of img element */
.carousel .item {
 
  background-color: #777;
}
.carousel-inner > .item > img {
  position: absolute;
  top: 0;
  left: 0;
  min-width: 100%;

}

.carousel-control.right {background: none; background: url(images/arrowright.png) no-repeat; background-position: right center; margin-right: 10px;}
.carousel-control.left {background: none; background: url(images/arrowleft.png) no-repeat; background-position: left center; margin-left: 10px;}
.glyphicon-chevron-right::before {content: inherit;}
.glyphicon-chevron-left::before {content: inherit;}

.whitebg {background: #ffffff;}
.padding40 {padding-top: 40px; padding-bottom: 40px;}
.crowdfuningtitles {font-size: 32px; color: #fa5346; text-transform: uppercase; text-align: center; font-weight: 700;}
.croweleftsins {display: inline-block; vertical-align: middle;}
.crowrightinss {display: inline-block; vertical-align: middle; width: 696px; max-width: 100%; font-size: 15px; color: #323232; line-height: 30px; padding-left: 20px;}
.lightgreybox {background: #f1f6f9;}
.calleftsins {display: inline-block; vertical-align: middle; font-size: 15px; color: #323232; width: 720px; line-height: 25px; max-width: 100%;}
.calrightins {display: inline-block; vertical-align: middle; width: 315px; max-width: 100%; margin-left: 15px;}

.cheaptitles {text-align: center; font-size: 28px; color: #016397; text-transform: uppercase; font-weight: 700;}
.whiteboxins {background: #ffffff; padding: 32px; width: 100%; display: inline-block; vertical-align: middle; margin-right: 25px;}
.whiteboxins:last-child {margin-right: 0px;}
.youlefts {display: inline-block; vertical-align: middle;}
.yourrights {display: inline-block; vertical-align: middle; border: solid 1px #dfe5e9; width: 100%; text-align: center; font-size: 25px; color: #484848; padding-top: 60px; padding-bottom: 60px;}

.footerbg {background: #1c2227;}
.padding30 {padding-top: 30px; padding-bottom: 30px;}
.logoleftsins {display: inline-block; vertical-align:  middle;}
.logorightsins {display: inline-block; vertical-align: middle; width: 880px; max-width: 100%; text-align: center;}

.footerlink {display: inline-block; vertical-align: top; width: 186px; max-width: 100%; margin-left: 15px; text-align: left;}
.quicktitles {font-size: 17px; color: #fa5346; font-weight: 700; border-bottom: solid 1px #454f58;  padding-bottom: 7px; }
.footerlink ul {margin: 0px; padding: 0px; padding-top: 10px; }
.footerlink ul li {list-style: none;}
.footerlink ul li a {display: block; font-size: 14px; color: #96a4b0; color: #96a4b0;}
.footerlink ul li a:hover {color: #ffffff;}
.copytexts {text-align: center; font-size: 12px; color: #ffffff; padding-top: 7px; padding-bottom: 7px; border-top: solid 1px #3d4850;}

#custom-search-input{
    padding: 3px;
    border: solid 1px #E4E4E4;
    border-radius: 6px;
    background-color: #fff;
    width: 460px;
    max-width: 100%; margin-top: 10px;
    float: right;
}
#custom-search-input .input-group-btn {z-index: 999; background: #fa5346;}

#custom-search-input input{
    border: 0;
    box-shadow: none;
}
#custom-search-input .input-lg {height: 42px;}
#custom-search-input button{
    margin: 2px 0 0 0;
    background: none;
    box-shadow: none;
    border: 0;
    color: #666666;
    padding: 0 8px 0 10px;
}

#custom-search-input button:hover{
    border: 0;
    box-shadow: none; 
}

#custom-search-input .glyphicon-search{
    font-size: 23px;
}

#custom-search-input .form-control {background: none; border: none; color: #ffffff;}
#custom-search-input {background: #418ab1; border-radius: 0px; border: none; color: #ffffff;}
#custom-search-input button {color: #ffffff;}
#custom-search-input .form-control::-moz-placeholder {color: #ffffff;}

/*Menu Style Start*/
@media all and (min-width: 766px)
{
	.navbar { margin-bottom: 0px;}
	#menu { float: none; display: inline-block; }
	#menu ul.navbar-nav { float: none; }
	#menu .navbar-default{background: none;border: none;     text-align: right; }
	#menu .navbar-collapse { padding-right: 0px; }
	#menu .container-fluid { padding-right: 0px; }
	#menu ul li { float: none; display: inline-block; }
	#menu ul li.home { margin-left: 0px; }
	#menu ul li a {font-size: 15px; color: #ffffff; height: 66px; line-height: 66px; padding-top: 0px; padding-bottom: 0px; border-right: solid 1px #418ab1; margin-left: -3px;}

	#menu ul li a:before { font-family: 'Glyphicons Halflings'; display: block; font-size: 16px; }

	#menu ul li.active a { background: none; }
	.navbar { min-height: 0px;}
  
	#menu ul li.public-page { margin-right: 0px; }
	#menu ul li.public-page.open a { background: none; }
	#menu ul li.public-page ul { text-align: left; }

	#menu ul li.public-page ul li a:before { content: ""; }
	#menu ul li a:hover,#menu ul li.active a {background: #fa5346;  }
	#menu ul li:hover a:before { color: #0286d2; }
	#menu ul li.active a:before { color: #0286d2; }
	#menu ul li .dropdown-menu li:hover .sub-menu {	visibility: visible; }
	.navbar-collapse {padding-left: 0px;}
	.container-fluid {padding-left: 0px;}
	#menu ul .dropdown:hover .dropdown-menu {
		display: block;
	}
	#menu ul li .dropdown-menu{
		padding:0;
	}
	#menu ul li .dropdown-menu li, #menu ul li .dropdown-menu li a{
		display:block;
		background-color:#418ab1;
		border-right: transparent;
	}
	#menu ul li .dropdown-menu li a:hover,
	#menu ul li .dropdown-menu li.active a{
		background-color:#fa5346;
	}
}
@media all and (max-width:999px)
{
	.crowrightinss {width: 370px;}
	.calleftsins {width: 400px;}
	.pagewidth {text-align: center;}
	.whiteboxins {margin-right: 0px; margin-bottom: 10px;}
	.footerlink {margin-left: 0px;}
}
@media all and (max-width:766px)
{
	.whiteboxins {padding: 0px;}
	.crowrightinss {padding-left: 0px;}
	.calrightins {margin-left: 0px;}
	.navbar {margin-bottom: 0px;}
	.logo {float: none; width: 100%;}
	.logorights {padding-top: 0px; padding-bottom: 15px;}
	.footerlink {width: 143px;}
	.quicktitles {font-size: 13px;}
}
.control-label{text-align:left !important}
.project-form-headline p{
	margin-left:15px;
}
.ajax
{
	position:fixed;
	width:100%;
	height:100vh;
	background-color:rgba(255,255,255,.8);
	text-align:center;
	display:none;
	z-index:9999
}
.ajax img{
	position:absolute;
	top:50%;
	left:50%;
	transform: translate(-50%,-50%);
}
.datepicker {
	background-color: #016397 ;
	color: #fff ;
}
.datepicker-dropdown.datepicker-orient-top::after {
	bottom: -6px;
	border-bottom: 0;
	border-top: 6px solid #016397;
}
.datepicker table tr td span.focused, .datepicker table tr td span:hover, .datepicker table tr td.day.focused, .datepicker table tr td.day:hover, .datepicker .datepicker-switch:hover, .datepicker .next:hover, .datepicker .prev:hover, .datepicker tfoot tr th:hover {
	background: #418ab1;
}