/* ============= CSS Document ========== */
/*
* Theme: roztownsend.com 
* Developer: kfelahi.ju@gmail.com
* Powered By: appiwork.com
*/




@charset "utf-8";

@font-face {
	font-family:'gotham-book';
	src:url('../fonts/gotham-book.ttf');
}

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

@font-face {
	font-family:'helve';
	src:url('../fonts/helvetica.ttf');
}

body{
	font-size:14px;
}
p{
	font-size: 13px;
	text-align: center;
	color: #000;
        padding-top:20px;
        padding-right:50px;
        padding-left:50px;
}
pre{
	background-color: inherit;
}
header{
	background-color: #02283f;
	max-height: 400px;
}

/*==================================
*
* Home page box designs
*
*===================================*/

ul.author_list li{
list-style-type:decimal !important;
}

.box-container1,
.box-container2, 
.box-container3, 
.box-container4
{
	padding-left: 0px; 
	padding-right: 10px;
	margin-bottom: 20px;
}

.box-container4{
	padding-right: 0px;
}

a.box_link{
	text-decoration: none;
}
a.box_link:hover>div{

	-webkit-transition:all 500ms ease-in-out;
	-moz-transition:all 500ms ease-in-out;
	transition:all 500ms ease-in-out;
	
	-webkit-box-shadow: 0 10px 6px -6px #777;
	-moz-box-shadow: 0 10px 6px -6px #777;
	box-shadow: 0 10px 6px -6px #777;

}

.box{
	padding-top:30px;
	padding-bottom: 30px;
	background-color:#02283f; 
	//width:100%; 
}

.box h3, .box h6{
	color: #fff;
	text-align: center;
	font-family: 'gotham-book';
	margin-top: 6px;
}
.box h6{
	margin-top: -8px;
}



div.box-desc1,
div.box-desc2,
div.box-desc3,
div.box-desc4
{	
	//width: 100%;
	text-align: center;
	min-height: 210px;
}

div.box-desc1 p,
div.box-desc2 p,
div.box-desc3 p,
div.box-desc4 p
{
	//min-height: 200px;
        padding-left:10px;
        padding-right:10px;
        padding-top:0px;
}

div.box-desc1-link a{
	margin-top: 10px;
	border-color: #de6327;
	background-color: #de6327;
	color:#fff;
}
div.box-desc1-link a:hover{
	background-color: #dc5513;
	border-color: #dc5513;
	color:#fff;
}


div.box-desc2-link a{
	margin-top: 10px;
	border-color: #9aca3d;
	background-color: #9aca3d;
	color:#fff;
}
div.box-desc2-link a:hover{
	background-color: #85c901;
	border-color: #85c901;
	color:#fff;
}

div.box-desc3-link a{
	margin-top: 10px;
	border-color: #17a7e0;
	background-color: #17a7e0;
	color:#fff;
}
div.box-desc3-link a:hover{
	background-color: #1699cd;
	border-color: #1699cd;
	color:#fff;
}

div.box-desc4-link a{
	margin-top: 10px;
	border-color: #ad227a;
	background-color: #ad227a;
	color:#fff;
}
div.box-desc4-link a:hover{
	background-color: #981f6c;
	border-color: #981f6c;
	color:#fff;
}




section.communicate_sec{
	//margin-top:30px; 
	//background-color:#02283f;
}
section.communicate_sec h2{
	font-family:'helve'; 
	color:#fff;
	margin-top: 40px;
}
section.communicate_sec a.emailbtn{
	margin-top: 30px;
	margin-bottom: 30px;
	font-family: 'helve';
	font-size: 20px;
	font-weight: 100;
	//background-color: inherit;
	background-color: #02283f;
	color: #fff;
	border:1px solid #fff;
	border-radius: 0px;
	//padding-left: 30px;
	//padding-right: 30px;
	-webkit-transition: all 0.5s;
  	-moz-transition: all 0.5s;
  	-o-transition: all 0.5s;
 	transition: all 0.5s;
}

section.communicate_sec a.emailbtn:hover{
	background-color: #011a28;
	border-color: #011a28;
	-webkit-box-shadow: 0 0 2px 1px #02283f;
	-moz-box-shadow: 0 0 2px 1px #02283f;
	box-shadow: 0 0 2px 1px #02283f;

}



section.sayings_sec{
	margin-top:30px; 
	padding-top: 40px;
	padding-bottom: 20px;
	//background-color: #f8f4e5;
	background-color:#02283f;
}

section.sayings_sec p{
	margin-top: 20px;
	margin-bottom: 5px;
	font-family: 'gothaboo';
	font-size: 24px;
	font-style: italic;
	//color: #00283e;
	color: #fff;

}

section.sayings_sec span{
	font-family: 'gothaboo';
	font-size: 22px;
	//color: #00283e;
	color: #fff;
}

section.page_body h1{
	font-family: 'helve';
	text-align: center;
	margin-bottom: 30px;
}
section.page_body p{
	font-family: 'gotham-book';
	font-size: 16px;
	font-weight:400;
	color: #000;
	text-align: left;
}
section.page_body ul li{
	font-size: 16px;
	font-family: 'gotham-book';
	list-style-type: square;
}

div.footer{
	padding-top: 10px;
	padding-bottom: 10px;
	max-width:1024px;
}

div.copyright{
	font-family: 'gothaboo';
	color:#fff;
	font-size: 12px;
}

div.copyright a{
	color: #fff;
}

/*==================================
*
* Footer menu designs
*
*===================================*/

section.footer_menu{
	//background-color: #fcefc2;
	background-color: #fff;
}
section.footer_menu div.container{
	//padding-top:10px;
	//padding-bottom: 10px;
	//height: 30px;
	max-width: 1024px;
}
section.footer_menu ul{
	margin:0px;
	padding: 0px;
	list-style-type: none;

}
section.footer_menu ul li{
	display: inline-block;
	border-right: 1px solid #02283f;
	//-webkit-transform: skewX(-20deg);
	//-ms-transform: skewX(-20deg); 
	//-moz-transform: skewX(-20deg);
    //transform: skewX(-20deg);
    	-webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
section.footer_menu ul li a{
	line-height: 35px;
	padding: 10px 10px;
	font-family: 'gothaboo';
	color: #00283e;
	text-decoration: none;
	text-transform: uppercase;
	font-weight: 600;
	-webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
section.footer_menu ul li:hover a{
//-webkit-box-shadow: 0px -1px 2px 0px rgba(0,0,0,0.38);
//-moz-box-shadow: 0px -1px 2px 0px rgba(0,0,0,0.38);
//box-shadow: 0px -1px 2px 0px rgba(0,0,0,0.38);
font-weight: 300;
}


/*==================================
*
* News page box designs
*
*===================================*/

div.news pre{
	padding:0px;
	font-family: 'gotham-book';
	font-size: 15px;
	font-weight:400;
	border: 0px;
}
div.feed_header{
	//background-color: 
}
div.news a{

}


.profile-info{
    overflow:hidden;
}
 
.profile-photo{
    float:left;
}
 
.profile-photo img{
    width:40px; height:40px;
}
 
.profile-name{
    float:left; margin:0 0 0 .5em;
}
 
.time-ago{
    color:#999;
}
 
.profile-message{
    margin:1em 0;
}
 
.post-link{
    text-decoration:none;
}
 
.post-content{
    background: #f6f7f9; border: 1px solid #d3dae8; overflow:hidden;
}
 
.post-content img{
    width:100%;
}
 
.post-status{
    margin:.5em; font-weight:bold;
}
 
.post-picture{
    width:25%; float:left;
}
 
.post-info{
    width:70%; float:left; margin:.5em;
}
 
.post-info-name{
    font-weight:bold;
}
 
.post-info-description{
    color:#999;
}


/*=================================
*
*	Contact Form Design 
*
*=================================*/

div#contact form textarea#message{
	height:200px !important;
	background-color:inherit !important;
	//border-radius:5px 5px 10px 10px;
	
	margin:10px auto;
	color:#02283F;
	border-color: #02283F;
	outline: none;
	border:0px;
	border-bottom:2px solid #02283F;
	border-radius: 0px;
}

div#contact form input{
	padding:20px 10px; 
	margin-top:10px;
	//border-radius:5px 5px 10px 10px;
	//border-bottom:2px solid #CCC;
	background-color:inherit !important;//#3A393E;
	color:#02283F;
	border-color: #02283F;
	outline: none;
	border:0px;
	border-bottom:2px solid #02283F;
	border-radius: 0px;
}

div#contact form input:focus, div#contact form textarea#message:focus{
	
	border-bottom:2px solid #0074D9;
}
div#contact form button#submit{
	background-color:inherit;//#3A393E;
	border-bottom:2px solid #02283F;
	color:#02283F;//#819999;
	border-radius: 0px;

}

div#contact form button#submit:hover{
	background-color:#02283F;
	color:#fff;
	
	-webkit-transition:all 500ms ease-in-out;
	-moz-transition:all 500ms ease-in-out;
	transition:all 500ms ease-in-out;
}



/*==================================
*
* Footer mobile - menu designs
*
*===================================*/

div.mobile_menu{
	//background-color: #fcefc2;
	//background-color: #02283F;
	//height: 50px;
	margin:0 auto;	
	//position: absolute;
	z-index: 100;


}

div.mobile_menu ul{
	list-style-type: none;
	//margin-top:20px;
	background-color: #02283F;
	padding:0px;
}
div.mobile_menu ul li{
	//display:block;
	
	border-bottom: 1px solid #001f31;
}
div.mobile_menu ul li a{
	display: block;
	width: 100%;
	height: 40px;
	line-height: 40px;

	font-size: 16px;
	text-transform: uppercase;
	text-decoration: none;
	text-align: center;
	color: #fff;
	-webkit-transition:all 500ms ease-in-out;
	-moz-transition:all 500ms ease-in-out;
	transition:all 500ms ease-in-out;

}
div.mobile_menu ul li a:hover{
	//-webkit-text-shadow: 0px 3px 3px #000; 
	text-shadow: 0px 5px 3px #000; 
}

div.mobile_menu div.mmbtn_cont{
	margin-top: 10px;
	padding-top:5px;
	//padding-bottom: 5px;
	background-color: #fff;
}
div.mobile_menu button.menu_btn{
	float: right;
	color: #fff;
	background-color: #02283F;
	border-color: #02283F;
	outline: none;
	border-radius: 0px;
}

ol, ul{
padding-left:100px;
}
h4{
padding-left:50px;
}
blockquote{
margin-left:50px;
margin-right:50px;
}
blockquote p{
padding:0px;}