/*
 Theme Name:   Free Office Templates
 Theme URI:
 Description:
 Author:       JM
 Author URI:   http://freeofficetemplates.com

 Version:      1.0.0
 Tags:
 Text Domain:  freeoffice-child

*/

/* =Theme customization starts here
-------------------------------------------------------------- */


/* global box-sizing */
*,
*:after,
*:before {
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    -webkit-font-smoothing:antialiased;
    font-smoothing:antialiased;
    text-rendering:optimizeLegibility;
}
/* html element 62.5% font-size for REM use */
html {
    font-size:62.5%;
}




body, h1, h2, h3, h4, p, ul, li, ol, input, textarea, figure, form, div {
    margin: 0;
    padding: 0;
}
body, input, textarea {
	font-size: 14px;
	font-family: 'Open Sans', sans-serif;
	/* font-family: 'Roboto', sans-serif; */
	font-weight: normal;
}

body {
    text-align: left;
    color: #333;
    /* font:normal 14px/1.4 'Roboto', 'Droid Sans', Arial, sans-serif; */

    background: url(images/bg.png);
}

ul, ol {
    list-style: none;
}
img {
    border: 0;
}
button, input {
    line-height: normal;
    *overflow: visible;
}
input, textarea {
    outline: none;
}

h1
{
	font-size: 24px;
	font-weight: 300;
	margin: 5px 0;
	font-size: 2em;
	margin: 0.67em 0;
}

h2
{
	font-size: 22px;
	font-weight: 300;
}

h3
{
	font-size: 20px;
	font-weight: 300;
}

.title
{
	font-family: 'Open Sans Condensed', sans-serif;
	font-weight: 300;
}
.bold {
	font-weight: 700;
}

a {
	color: rgb(11, 109, 177);
	text-decoration: none;
}

a:hover {
	color: #0B6DB1;
	text-decoration: underline;
}

header
{
	background: 0;
	margin: 0 auto;
	text-align: left;
	/*min-width: 980px;*/
	background: #333 url() repeat-x scroll 0 0 !important;
	position: relative;
	min-height: 75px;
}

header .navigation {
    float: right;
    height: 50px;
}
header .navigation li {
    float: right;
    height: 85px;
    background: transparent url() no-repeat right bottom;
}
header .navigation li a {
	color: #ffffff;
	display: block;
	font-size: 13px;
	font-weight: 400;
	height: 85px;
	line-height: 65px;
	padding: 0 20px;
	text-align: center;
	text-shadow: -0.5px -0.5px 0 #1b4e91;
	border-top: 5px solid transparent;
	text-transform: uppercase;
}

.header .search
{
	float:left;
	width: 350px;
	display: block;
	padding-top: 20px;
	padding-left: 30px;
}
.header .search input {

	font-size: 16px; padding: 10px;
	border: 1px solid #0B6DB1;
	border-radius: 2px 0 0 2px;
	color: #B3B3B3;
	width: 200px;
	line-height: 38px; height: 38px;
	display: inline-block;
 }
.search-submit {
    background: #0B6DB1;
    border: medium none;
    border-radius: 0 2px 2px 0;
    color: #FFFFFF;
    cursor: pointer;
    width: 88px;
    line-height: 38px; height: 38px;
    display: inline-block;
}

header .header_head {
    background: none repeat scroll 0 0 #F2F2F2;
    height: 4px;
    width: 100%;
}

header .header_logo {
    height: 73px;
}
#logo {
    height: 60px;
    margin-top: 8px;
    width: 249px;
}


.header .header_center {
    height: 58px;
    margin: 0 auto;
    overflow: hidden;
    /*width: 980px;*/
}
.header_form {
    float: right;
    right: 0;
    margin-top: 10px;
    width: 306px;
}
.header_form input {
    float: left;
}



.cover
{
	width: 100%;
	height: 250px;
	overflow: hidden;
	position: relative;
	background-color: #317FC7;
	color: white;
	margin-bottom: 20px;
}
.cover .desc
{
	float: left;
	padding: 30px;
}
.cover .desc p
{
	font-size: 20px;
	padding: 15px 0;
}
.cover .cover-image
{
	float: right;
	position: relative;
}

.cover .cover-image img
{
   top:50%;
   left:50%;
   margin-top:-50px;
   /*margin-left:-25px; */
}

.wrapper
{
	min-height: 400px;
	max-width: 1280px;
	max-width: 1340px;
	width: 95%;
	margin: 0 auto;
	position: relative;
	background-color: white;
	padding: 10px 30px;
}

.wrapper  section
{
	min-height: 400px;
}

.introduce {
    width: 200px;
    float: left;
}
.header .header_content, .header_logo {
   width: 1340px;
    margin: 0 auto;
}

.header .header_center .header_content {
    height: 26px;
}

.logo {
	float: left;
	width: 293px;
	margin-top: 2px;
	position: relative;
	/*z-index: 9999; */
	line-height: 73px;
	font-size: 22px;
	color: white;
}
.logo a { color: white; }


#breadcrumbs
{
	margin: 10px 0px;
	clear: both;
}
#breadcrumbs > span > span
{
	margin-right: 5px;
	background-color: #fafafa;
	padding: 4px;
	color: #666;
	font-size: 80%;
}

#breadcrumbs a {
}
#breadcrumbs a:first-child:before {
}
#breadcrumbs a:last-child {
}
#breadcrumbs a.active, #breadcrumbs a:hover{

}
#breadcrumbs a.active:after, #breadcrumbs a:hover:after {
}


.inactive {
    color: #2281B3;
}


.partition {
    border-left: 1px solid #e7e5e5;
    border-right: 1px solid #e7e5e5;
}
.header .navigation li a:hover {
    text-decoration: none;
    color: #cce4ff;
    border-top: 5px solid #317FC7;
}
.header .navigation a.current {
    border-top: 5px solid #317FC7;
}
#triangle {
    display: block;
    width: 0;
    height: 0;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 10px solid #F2F2F2;
    position: relative;
    left: 50%;
    margin-left: -5px;
    bottom: -4px;
}
.header .navigation .current a {
    color: #ffffff;
}
.arrow {
    background: url(../Images/breakline.png) repeat-x;
    height: 12px;
    overflow: hidden;
    padding-left: 120px;
}
.arrow span {
    background: url(../Images/icon_sp.png) no-repeat scroll 0 -388px transparent;
    display: block;
    height: 12px;
    width: 17px;
}
footer {
	clear:both;
	background: #f5f5f5;
	margin: 0 auto;
	overflow: hidden;
	min-width: 980px;
	padding-top: 20px;
	padding-bottom: 10px;
	border-bottom: 8px solid #256190;
}
footer > div
{
	width: 1340px;
	margin: auto;
}

.footer a, .footer a:visited
{
	color:white;
}

ul#footer-social {
    margin-left: 0;
    padding-left: 0;
    width: 300px;
}
#footer-social {
    float: left;
    list-style: none outside none;
    margin: 0;
    position: relative;
    top: 8px;
}
#footer-social li {
    float: left;
}
#footer_menu {
    width: 180px;
    float: right;
    text-align: right;
}
#social_fb, #social_tw, #social_rss, .blog-rss {
    background: url(../Images/sicons-16.png) no-repeat scroll 0 0 transparent;
    display: inline-block;
    height: 16px;
    vertical-align: middle;
    width: 16px;
}
.social-link {
    display: inline-block;
    height: 16px;
    line-height: 16px;
    vertical-align: middle;
}


input, textarea {
    outline: medium none;
}
a.more {
    padding-left: 30px;
    color: #9DBE45;
    text-decoration: underline;
}
a.more:hover {
    text-decoration: none;
}



.btn {
    min-width: 20px;
    height: 20px;
    line-height: 20px;
    margin-bottom: 7px;
    margin-right: 3px;
}

a.btn-light
{
	background: none repeat scroll 0 0 #FFF;
	color: #555454;
	display: block;
	font-size: 18px;
	height: 38px;
	line-height: 38px;
	text-align: center;
	width: 140px;
}
a.btn-light:hover { text-decoration: none; opacity: 0.9;}

a.btn-blue {
	display: inline-block;
	font-size: 17px;
	line-height: 29px;
	min-height: 31px;
	min-width: 45px;
	padding: 0 20px;
	text-align: center;
	vertical-align: top;
	white-space: nowrap;
	background-color: #0B6DB1;
	border: 1px solid #0B6DB1;
	color: #FFF;
	margin-bottom: 10px;
}
a.btn-blue:hover { text-decoration: underline; }



.abbreviation {
    display: inline-block;
    font-size: 12px;
    font-weight: bold;
    min-width: 26px;
    padding: 0 2px;
    position: relative;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    font-weight: normal;
    height: 20px;
    line-height: 20px;
}

section.content
{
	float: left;
	width: 900px;
	width: 980px;
}

section.content-article
{
	width: 580px;
	/*padding: 0 40px !important; */
	margin-right: 44px;
}

section.content.page
{
	padding-right: 20px;
}

section.content p
{
	padding: 5px 0;
	line-height: 20px;
}

section.content ul {
	list-style-type: disc;
	list-style-position: inside;
}
section.content ul li
{
	margin: 5px 0;
}
section.content ol {
	list-style-type: decimal;
	list-style-position: inside;
}
section.content ol li
{
	margin: 5px 0;
}
section.content ul ul, section.content ol ul {
	list-style-type: circle;
	list-style-position: inside;
	margin-left: 20px;
}
section.content ol ol, section.content ul ol {
	list-style-type: lower-latin;
	list-style-position: inside;
	margin-left: 20px;
}

aside.sidebar
{
	margin-top: 20px;
	float: left;
	width: 300px;
}

aside.sidebar-320
{
	margin-top: 20px;
	float: left;
	width: 320px;
}

aside.sidebar-336
{
	margin-top: 20px;
	margin-right: 20px;
	float: left;
	width: 336px;
}



.sidebar h3
{
	margin: 5px 0 5px;
}

.home_404 .focus .focus_ul li {
    width: 31%;
    padding-right: 3%;
}
.home_404 .focus_img, .home_404 .focus ul li img {
    width: 100%;
}
.title_404 {
    margin: 20px 0;
    padding: 10px 0;
    font: 400 22px/40px 'Droid Sans', Arial;
}



/* Grid JM */
.row {
  margin-left: -15px;
  margin-right: -15px; }

.clearfix:before, .entry-content:before, .upload-detail p:before, .container:before, .row:before {
  content: "";
  display: table; }
.clearfix:after, .entry-content:after, .upload-detail p:after, .container:after, .row:after {
  content: "";
  display: table;
  clear: both; }

.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
  float: left; }


body div[class*="col"] {
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
padding-top: 5px
}

	.csscolumns { padding:0px; } /* fix the *col */

.col-md-1 {
  width: 8.33333%; }

.offset-md-1 {
  margin-left: 8.33333%; }

.col-md-2 {
  width: 16.66667%; }

.offset-md-2 {
  margin-left: 16.66667%; }

.col-md-3 {
  width: 25%; }

.offset-md-3 {
  margin-left: 25%; }

.col-md-4 {
  width: 33.33333%; }

.offset-md-4 {
  margin-left: 33.33333%; }

.col-md-5 {
  width: 41.66667%; }

.offset-md-5 {
  margin-left: 41.66667%; }

.col-md-6 {
  width: 50%; }

.offset-md-6 {
  margin-left: 50%; }

.col-md-7 {
  width: 58.33333%; }

.offset-md-7 {
  margin-left: 58.33333%; }

.col-md-8 {
  width: 66.66667%; }

.offset-md-8 {
  margin-left: 66.66667%; }

.col-md-9 {
  width: 75%; }

.offset-md-9 {
  margin-left: 75%; }

.col-md-10 {
  width: 83.33333%; }

.offset-md-10 {
  margin-left: 83.33333%; }

.col-md-11 {
  width: 91.66667%; }

.offset-md-11 {
  margin-left: 91.66667%; }

.col-md-12 {
  width: 100%; }

.offset-md-12 {
  margin-left: 100%; }


.item {
	margin-bottom: 20px;

}

/*
.item.template {
    height: 385px;
    overflow:hidden;
} */

.item img
{
	border: 1px solid #D7D7D7;

    width: 100%;
    height: 100%;
    vertical-align: bottom;
}
.item h2
{
    height: 30px;
    overflow: hidden;
}


section.content .item img
{
    width: inherit;
    height: inherit;
}

.post .post-ad
{
	float: left;
	width: 300px;
}
.post .post-content
{
	margin-left: 320px;
	padding-right: 20px;
}

.post .auxbar
{
	background-color: #fafafa;
	margin-left: -30px;
	margin-top: 20px;
	padding: 10px 10px 10px 30px;
}
.post .auxbar dt
{
	font-family: 'Open Sans', sans-serif;
	float: left;
	width: 100px;
}
.post .auxbar dd
{
	font-family: 'Open Sans', sans-serif;
	font-weight: 300;
	margin-left: 100px;
}

.gallery
{
	background-color: #fafafa;
	margin: auto -30px;
	padding: 20px 30px;
}

.gallery .card
{
	display: inline-block;
	position: relative;
	vertical-align: top;
	width: 16%;
	/* min-width: 128px; */
	min-height: 1px;
	/* padding-left: 15px;
	padding-right: 15px;
	padding-top: 5px; */
	border: 1px solid #c4c8c6;
	margin-right: 5px;
	margin-bottom: 10px;
	padding-bottom: 10px;
}

.card h2, .card h3 {
    margin: 0px;
    padding:10px;
    padding-bottom:0px;
}

.card p {
    margin:0px;
    padding:10px;
}

.card-image {
    width:100%;
    /* height:200px; */
    height: 100%;
    padding:0px;
    margin:0px;
    background-position:center;
    background-repeat:no-repeat;
    position:relative;
    overflow:hidden;
}

.card-image .banner {
    height:50px;
    width:50px;
    top:0px;
    right:0px;
    background-position:top right;
    background-repeat:no-repeat;
    /* background-image:url('../images/new.png'); */
    position:absolute;
}

.card-image h1,
.card-image h2,
.card-image h3,
.card-image h4,
.card-image h5,
.card-image h6 {
    position:absolute;
    bottom:0px;
    width:100%;
    color:white;
    background:rgba(0,0,0,0.65);
    margin:0px;
    padding:6px;
    border:none;
}

.post-attachments
{
	border: 1px solid rgb(196, 200, 198);
}


.btn-info,
.tags a
{
	background-color: #0B6DB1;
	background-image: none;
	background-repeat: no-repeat;
	border-color: #49AFCD;
	padding: 2px 4px;
	color: white;
	font-size: 90%;
	line-height: 28px;
	opacity: 0.8;
}

.btn-info:hover,
.tags a:hover
{
	color: white;
	text-decoration: none;
	-webkit-transition: 0.2s opacity ease;
	transition:0.2s opacity ease;
	opacity: 1;
}

.section a img:hover {  /*added by jm*/
	border: 1px solid rgb(11, 109, 177);
	-webkit-box-shadow: 0 0 7px -1px #666;
	-moz-box-shadow: 0 0 7px -1px #666;
	box-shadow: 0 0 7px -1px #666;
}

.section a img {
	border-bottom: 1px solid #c7c7c7;
}

.comments form
{
	margin-bottom: 20px;
}

.comments form label
{
	display: block;
	padding: 5px 0;
}

.comments form input[type="text"]
{
	padding: 5px;
}

.comments .form-allowed-tags { display: none; }

ol.commentlist li { list-style:none; }
.commentlist .avatar {
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	border-radius: 50%;
	float:left;
	margin-right: 10px;
}

.commentlist cite.fn { font-style:normal;}
.commentlist .comment {
	border-top: 1px solid #DBDBDB;
	padding-top: 10px;
	padding-bottom: 10px;
}
.commentlist .comment-meta
{
	font-size: 11px;
}
.commentlist .reply
{
	text-align: right;
}

.single-ss{
	/*
	margin:15px 25% 15px 25%;*/
	margin: 15px 0 15px 0 ;
	clear:both;
}
.single-ss:after{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.single-ss .button{
	float:left;
	width:60px;
}

#home-ss {
  float:right;
  width: 300px;
  margin-top: -20px;
  margin-right: 30px;
}
#home-ss .box{
  float:left;
  margin:5% 8% 0 8%;
  width:100%;
}
#shareme .box a{
  color:#404040;
  text-shadow: 0 1px 1px rgba(167,167,167,.4);
}
#shareme .box a:hover{
  text-decoration:none;
}
#shareme .count {
  font-weight:bold;
  font-size:50px;
  float:right;
  border-left:2px solid #57b8d1;
  line-height:40px;
  padding-left:10px
}
#shareme .share {
  float:right;
  margin-right:10px;
  font-size:20px;
  width:170px;
  padding-top: 5px;
  text-align: right;
}
#shareme .buttons {
  position: absolute;
  width:330px;
  background-color:#fff;
  /* border: 1px solid rgba(0,0,0,.2); */
  padding:10px;
  -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.1);
  -moz-box-shadow: 0 1px 2px rgba(0,0,0,.1);
  box-shadow: 0 1px 2px rgba(0,0,0,.1);
}
#shareme .button {
  float:right;
  max-width:50px;
  margin:0 10px 0 0;
}
#shareme .facebook {
  margin:0 4px 0 0;
}

.taxonomy-header
{
	margin-bottom: 10px;
}

.content-article .wp-post-image { float: left; margin-bottom: 20px; margin-right: 20px;}
.content-article .item:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.content-article article
{
	border-bottom: 1px dotted #CCCCCC;
	padding: 0 0 25px 0;
	/* margin: 0 0 50px 0; */
	margin: 0 0 25px 0;
}

.content-article article h2
{
	margin-bottom: 10px;
}

.pagination
{
	height: 16px;
	padding-bottom: 20px;
	margin-bottom: 40px;
}
.pagination:after
{
	clear: both;
	margin-bottom: 20px;
}

.pagination a, .pagination span
{
	color: inherit;
	display: block;
	float: left;
	margin-right: 2px;

	padding: 4px 12px;
	text-align: center;
	vertical-align: middle !important;
	background-color: #d9d9d9;
	border: 1px transparent solid;
	color: #222222;
	border-radius: 0;
	cursor: pointer;
	display: inline-block;
	outline: none;
	font-size: 14px;
	line-height: 16px;
	border-bottom: 3px solid transparent;
}

.pagination a:hover
{
	border-bottom: 3px solid rgb(11, 109, 177);
	text-decoration: none;
}

.pagination span.current
{
	background-color: rgb(11, 109, 177);
	color:white;
}

#loginform
{

}

.content.narrow
{
	width: 400px;
	margin: auto;
	border: 1px solid #fafafa;
	padding: 30px;
}

/*** Author Bio ***/
#authorbio {
	padding: 15px 15px 15px 15px;
	margin: 10px 0;
	width: 100%;
	border: 1px solid #DBDBDB;
	/* border-radius: 6px; */
}

.avatar-container {
	width: 75px;
	float: left;
	position: relative;
	display: block;

}
.avatar-container .avatar
{
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	border-radius: 50%;
}

#avatar {
	background-color:#EDEDED;
	border:1px solid #DBDBDB;
	padding:5px;
	width:70px;
	height:70px;
	float:left;
}

#authorbio h3 {
	margin:0 0 0 111px;
	padding: 0px 0;
}

#authorbio h3 a {
	font-size:23px;
	font-weight:normal;
	text-decoration:none;
	color:#000;
}

#authorbio h3 a:hover {
	color:#446DB2;
	text-decoration:none;
}


#authorbio p {
	margin:0 0 0 111px;
}

#loginform
{

}


#loginform label {display:block; float: left; width: 30%;}
#loginform #wp-submit, .btn {
	background: #0B6DB1;
	border: none;
	border-radius: 2px 2px;
	padding: 0 10px;
	color: #FFFFFF;
	cursor: pointer;
	line-height: 30px;
	height: 30px;
	display: inline-block;
	opacity: 0.8;
	margin-right: 5px;
}
#loginform #wp-submit:hover, .btn:hover {
	opacity: 1;
	color: white;
	text-decoration: none;
}
#loginform > p { line-height: 30px;}
#loginform .login-remember label {display:block; float:none; width: 100%; padding: 5px 0;}
#loginform .login-submit { float:left;}

.btn-green
{
	background: #288100;
}

.btn-big
{
	font-size: 30px;
	padding: 15px 30px;
	font-weight: 300;
	line-height: 30px;
	height: auto;
}

.sidebar-widget
{

}
.sidebar-widget.text
{
	border: 1px solid rgb(241, 241, 241);
	background-color: rgb(246, 246, 246);
	padding: 19px;
	margin-bottom: 20px;

}

.sidebar-widget.text h3
{
	text-transform: uppercase;
	font-size: 12px;
	color: rgb(51, 51, 51);
	font-weight: 600;
	border-bottom: 1px solid rgb(237, 237, 237);
	padding: 0 0 12px;
}

.sidebar-widget.text h3.big
{
	padding-top: 4px;
	padding-bottom: 8px;
	text-transform: uppercase;
	color: #8c8c8c;
	font-size: 30px;
	font-size: 3rem;
	line-height: 32.5px;
	line-height: 3.25rem;
}

.sidebar-widget.text h3 span
{
	display: block;
	overflow: hidden;
	width: auto;
	font-weight: normal;
	font-size: 16px;
	font-size: 1.6rem;
	line-height: 20.8px;
	line-height: 2.08rem;
}
.sidebar-widget .list li
{
	margin: 0 0 5px 0;
	padding-bottom: 5px;
}
.sidebar-widget .recent-posts img { width: 100%; height: 100%;}

.piereg_login_error
{
	padding: 12px;
	border-width: 1px;
	border-style: solid;
	color: #ffffff;
	background: none no-repeat 20px 18px #d22828;
	padding: 10px;
	/* border-radius: 8px; */
}

ul#pie_register { list-style:none;}


.wrapper .footer-blocks
{

}
.wrapper .footer-blocks > div
{
	display: inline-block;

}

.wrapper .footer
{
	min-height: 100px;
	background-color: #333;
	color: #999;
	margin: 0 -30px -10px -30px;
	padding: 10px 30px 40px 30px;
}

.content blockquote
{
	color: #f27405;
	/* margin: 0 0 0 -85px; */
	font-size: 24px;
	font-weight: 500;
	padding-top: 15px;
	padding-bottom: 15px;
	padding-left: 0px;
	margin-left: 0px;
	/* padding-left: 85px;
	margin-left: -85px; */
	margin-bottom: 0;
	display: block;
	min-height: 50px;
	quotes:none;
	border-top: 1px solid #d2d2d2;
	border-bottom: 1px solid #d2d2d2;
}


.contact-form
{

}

.contact-form label
{
	padding: 5px 0;
	float: left;
	display: block;
	width: 100px;
}

.contact-form input.text
{
	padding: 5px;
	width: 250px;
}

.contact-form textarea
{
	width: 400px;
	height: 80px;
}

.contact-form span.error {
	color: #ff0000;
	display:block;
	margin-left: 100px;
}

.contact-form .thanks {
	color: #009900;
}

.contact-form ul { list-style:none; }
.contact-form li { margin-bottom: 10px; }


@media screen and (max-width: 700px) {
	#menu { display: none; }
	.header .logo { float: none; text-align: center;}
	.header .header_logo { height: auto; width: 100%;}
	.header .search {float: none; display: block;}
	.header .navigation { float: none; display: block;}
	.header .navigation li { float: none; display: block;}
	.header .navigation li a { height: auto; line-height: 40px; display: block;}

	.post-ad {display:none;}
	.post .post-content {margin-left: 0px;}
	.post-content img { width: 100%; height: 100%; }
	section.content {width: 100%;}
}