/* ====================================>>
    Theme Name: Hamrahgam
	Theme URI: http://www.Hamrahgam.com/
	Description: Themes Hamrah Gam brings your site to life with immersive featured images and subtle animations. With a focus on business sites, it features multiple sections on the front page as well as widgets, navigation and social menus, a logo, and more. Personalize its asymmetrical grid with a custom color scheme and showcase your multimedia content with post formats. Our default theme for 2017 works great in many languages, for any abilities, and on any device.
	Version: 1



    Webdesign by: Chista Rayaneh Pars
    Webdesign URI: http://www.chistarayaneh.com/
    Webdesign Contact: info@chistarayaneh.com - +982188606737


   ====================================>> */

/* ====================================>>
    Font & * & Html & Body & ...
   ====================================>> */
@font-face {
    font-family: iranyekan;
    font-style: normal;
    font-weight: bold;
    src: url('fonts/eot/iranyekanwebbold.eot');
    src: url('fonts/eot/iranyekanwebbold.eot?#iefix') format('embedded-opentype'),  /* IE6-8 */
    url('fonts/woff2/iranyekanwebbold.woff2') format('woff2'),  /* FF39+,Chrome36+, Opera24+*/
    url('fonts/woff/iranyekanwebbold.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
    url('fonts/ttf/iranyekanwebbold.ttf') format('truetype');
}

@font-face {
    font-family: iranyekan;
    font-style: normal;
    font-weight: 300;
    src: url('fonts/eot/iranyekanweblight.eot');
    src: url('fonts/eot/iranyekanweblight.eot?#iefix') format('embedded-opentype'),  /* IE6-8 */
    url('fonts/woff2/iranyekanweblight.woff2') format('woff2'),  /* FF39+,Chrome36+, Opera24+*/
    url('fonts/woff/iranyekanweblight.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
    url('fonts/ttf/iranyekanweblight.ttf') format('truetype');
}

@font-face {
    font-family: iranyekan;
    font-style: normal;
    font-weight: normal;
    src: url('fonts/eot/iranyekanwebregular.eot');
    src: url('fonts/eot/iranyekanwebregular.eot?#iefix') format('embedded-opentype'),  /* IE6-8 */
    url('fonts/woff2/iranyekanwebregular.woff2') format('woff2'),  /* FF39+,Chrome36+, Opera24+*/
    url('fonts/woff/iranyekanwebregular.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
    url('fonts/ttf/iranyekanwebregular.ttf') format('truetype');
}

*:focus,
*:active {
    outline: none;
}
html {
    height: 100%;
}
body {
    font-family: iranyekan, tahoma, Arial;
    background-color: #FFF;
    display: flex;
    flex-direction: column;
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    min-height: 100%;
    background-color: #e1e5e8;
}
header {
    flex: 0 0 auto;
}
.main-content {
    flex: 1 0 auto;
}
footer {
    flex: 0 0 auto;
}
a:hover,
a:focus {
    color: #006929;
    text-decoration: none;
}
.nopad {
    padding: 0 !important;
}
::-webkit-input-placeholder {
    text-align: right;
}
:-moz-placeholder {
    text-align: right;
}
::-moz-placeholder {
    text-align: right;
}
:-ms-input-placeholder {
    text-align: right;
}
.en {
    text-align: left;
}
.form-control:focus,
.form-control:active {
    border-color: #005a2c !important;
    box-shadow: none !important;
    -webkit-box-shadow: none;
}
.btn-hamrahgam {
    background-color: #005a2c;
    color: #FFF;
    transition: 350ms;
}
.btn-hamrahgam:hover,
.btn-hamrahgam:focus {
    color: #fff;
    background-color: #005329;
    border-color: #004b25;
}
/*Alert*/
.text-muted {
    margin: 10px auto;
    display: table;
    text-align: right;
    width: 100%;
}
.wpcf7 .screen-reader-response {
    display: none;
}
.wpcf7-form .wpcf7-response-output.wpcf7-validation-errors {
    color: #fff;
    background: rgba(240, 93, 93, 1);
    background: -moz-linear-gradient(left, rgba(240, 93, 93, 1) 0%, rgba(230, 30, 30, 1) 100%);
    background: -webkit-linear-gradient(left, rgba(240, 93, 93, 1) 0%, rgba(230, 30, 30, 1) 100%);
    background: -o-linear-gradient(left, rgba(240, 93, 93, 1) 0%, rgba(230, 30, 30, 1) 100%);
    background: -ms-linear-gradient(left, rgba(240, 93, 93, 1) 0%, rgba(230, 30, 30, 1) 100%);
    background: linear-gradient(to right, rgba(240, 93, 93, 1) 0%, rgba(230, 30, 30, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#f05d5d', endColorstr='#e61e1e', GradientType=1);
    border: 0;
    padding: 8px;
    margin: 10px auto !important;
}
.wpcf7-form .wpcf7-response-output.wpcf7-mail-sent-ok {
    color: #fff;
    background: rgba(59, 89, 33, 1);
    background: -moz-linear-gradient(left, rgba(59, 89, 33, 1) 0%, rgba(31, 59, 8, 1) 100%);
    background: -webkit-linear-gradient(left, rgba(59, 89, 33, 1) 0%, rgba(31, 59, 8, 1) 100%);
    background: -o-linear-gradient(left, rgba(59, 89, 33, 1) 0%, rgba(31, 59, 8, 1) 100%);
    background: -ms-linear-gradient(left, rgba(59, 89, 33, 1) 0%, rgba(31, 59, 8, 1) 100%);
    background: linear-gradient(to right, rgba(59, 89, 33, 1) 0%, rgba(31, 59, 8, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#3b5921', endColorstr='#1f3b08', GradientType=1);
    border: 0;
    padding: 8px;
    margin: 10px auto !important;
}
div.wpcf7-mail-sent-ok:before,
div.wpcf7-validation-errors:before {
    margin-left: 5px;
    vertical-align: middle;
}
div.wpcf7-mail-sent-ok:before {
    content: "\f00c";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
}
div.wpcf7-validation-errors:before {
    content: "\f00d";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
}
hr {
    border-top: 1px solid #006929;
}
/* <======= Pre Loader ======> **/
.loading {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10000;
    background-color: #FFF;
}
.loader {
    position: fixed;
    right: 0;
    left: 0;
    top: 0;
    bottom: 0;
    z-index: 9999;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    color: #212121;
    font-size: 15px;
    font-weight: bold;
    text-align: center;
    line-height: normal;
}
.loader p {
    margin: 10px 0;
}

/* <======= text Online Typeing ======> **/
.typed-cursor {
    opacity: 1;
    -webkit-animation: blink 0.7s infinite;
    -moz-animation: blink 0.7s infinite;
    animation: blink 0.7s infinite;
}
@keyframes blink {
    0% {
        opacity: 1;
    }
    50% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
@-webkit-keyframes blink {
    0% {
        opacity: 1;
    }
    50% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
@-moz-keyframes blink {
    0% {
        opacity: 1;
    }
    50% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

/* ====================================>>
    Header
   ====================================>> */
.navbar-default {
    background-color: #006929;
    margin-bottom: 0;
    border: none;
    border-radius: 0;
}
/*
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
    background-color: #005a2c;
}*/

.navbar-default .navbar-nav > li > a {
    font-size: 14px;
    padding-right: 0;
    padding-left: 0;
    color: #f1f1f1 !important;
    font-weight: bold;
}
@media (min-width: 767px) {
    .navbar-default .navbar-nav > li:not(:first-child) > a::before {
        content: "";
        border-left: 1px solid #ddd;
        padding: 0;
        margin: auto 10px;
    }
}
@media (max-width: 767px) {
    .navbar-default .navbar-nav > li > a {
        padding: 5px 10px 5px 0 !important;
    }
}
.navbar-default .navbar-nav > li > a:hover {
    color: #fff !important;
}
@media (min-width: 768px) {
    .navbar-brand {
        background-color: #0a331a;
    }
    .navbar-nav {
        padding-right: 10px;
    }
}
.navbar-brand {
    padding: 1px 10px !important;
}
.navbar-brand + p {
    position: absolute;
    right: 65px;
    color: #FFF;
    line-height: normal;
    margin: 0;
    padding: 0;
    top: 10px;
    font-size: 24px;
}
.navbar-default .navbar-toggle {
    border-color: #FFF;
    background-color: #FFF;
}
.navbar-default .navbar-toggle .icon-bar {
    background-color: #005a2c;
}

/* ====================================>>
    Dashboard
   ====================================>> */
.dashboard {
    position: relative;
    background: url("images/bg-header.png") right no-repeat;
    background-size: cover;
    background-position: 90% 85% !important;
    height: 420px;
}
.dashboard .massage-1 {
    position: absolute;
    left: 45%;
    top: 35%;
    width: 245px;
}
.dashboard .massage-1 h2 {
    font-style: normal;
    font-weight: bold;
    color: #FFF;
    text-align: center;
}
.dashboard .massage-1 h2:nth-child(1) {} .dashboard .massage-1 h2:nth-child(2) {
                                             font-size: 16px;
                                         }
.dashboard .massage-1 h2:nth-child(3) {
    font-size: 17px;
}
.dashboard .massage-2 {
    position: absolute;
    left: 13%;
    top: 9%;
    text-align: center;
    width: 280px;
}
.dashboard .massage-2 h2 {
    font-style: normal;
    font-weight: bold;
    color: #FFF;
    font-size: 24px;
    line-height: normal;
}
.dashboard .massage-2 h4 {
    color: #FFF;
    text-align: center;
    font-style: normal;
    font-weight: bold;
    font-size: 20px;
}
.download-app {
    width: 280px;
    position: absolute;
    left: 13%;
    top: 79%;
    text-align: center;
}
.download-app a {
    display: table;
    margin: 0 auto;
    min-width: 200px;
    position: relative;
}
.download-app a img {
    animation: zoom 1.5s ease-out infinite;
}
@keyframes zoom {
    50% {
        transform: scale(1.1);
    }
}
@media (max-width: 1000px) {
    .dashboard {
        height: 350px;
    }
}
@media (min-width: 768px) and (max-width: 999px) {
    .dashboard .massage-1 {
        top: 28%;
    }
    .dashboard .massage-2 {
        top: 6%;
    }
}
@media (max-width: 450px) {
    .dashboard .massage-1 {
        left: 0;
        right: 0;
        margin: 0 auto;
        top: 31%;
    }
    .dashboard .massage-2 {
        left: 0;
        right: 0;
        margin: 0 auto;
        top: 2%;
    }
    .download-app {
        left: 0;
        right: 0;
        margin: 0 auto;
    }
}
.dashboard-inner {
    position: relative;
    padding: 0;
}
.dashboard-inner .massage-2 {
    position: absolute;
    left: 13%;
    top: 9%;
    text-align: center;
    width: 280px;
}
.dashboard-inner .massage-2 h2 {
    font-style: normal;
    font-weight: bold;
    color: #FFF;
    margin-top: 0;
    font-size: 24px;
    line-height: normal;
}
.dashboard-inner .massage-2 h4 {
    color: #FFF;
    text-align: center;
    font-style: normal;
    font-weight: bold;
    font-size: 20px;
}
@media (min-width: 768px) and (max-width: 999px) {
    .dashboard-inner .massage-2 {
        top: 22%;
    }
}
@media (max-width: 450px) {
    .dashboard-inner .massage-2 {
        left: 0;
        right: 0;
        margin: 0 auto;
        top: 10%;
    }
.dashboard-inner .massage-2 h2 {
    font-size: 18px;
}
.dashboard-inner .massage-2 h4 {
    font-size: 14px;
	}
}

/* ====================================>>
    Highlight
   ====================================>> */
.highlight {
    display: block;
    padding-top: 2%;
    padding-bottom: 2%;
}
.highlight article {
    position: relative;
    display: table;
    width: 100%;
    margin: 10px auto;
    background-color: #fff;
}
.highlight article img {
    display: block;
    text-align: center;
    width: 100%;
}
.highlight article h2 {
    display: block;
    background-color: #414141;
    text-align: center;
    color: #FFF;
    line-height: normal;
    padding: 10px 0;
    margin: 0 auto;
    font-size: 15px;
    font-weight: bold;
}
@media (max-width: 550px) {
    .highlight .row > div:last-child {
        display: none !important;
    }
    .highlight .col-xs-6 {
        width: 100% !important;
    }
}
.about-us {
    display: block;
}
.about-us p {
    line-height: 1.8;
    text-align: justify;
    text-align: -webkit-right;
}
.about-us p strong {
    font-size: 16px;
}

/* ====================================>>
    Hamrahgam
   ====================================>> */
.hamrahgam {
    position: relative;
    background: url("images/bg-hamrahgam.jpg") center no-repeat;
    background-size: cover;
    height: 800px;
}
.box-download {
    position: absolute;
    right: calc(100% - 90%);
    top: 6%;
    width: 500px;
    z-index: 1;
    background: rgba(255, 255, 255, .3);
    padding: 10px;
}
@media (min-width: 768px) and (max-width: 1199px) {
    .box-download {
        right: calc(100% - 96%);
        top: 1%;
    }
}
/*.box-download img.title {
    color: #000;
    font-weight: bold;
    font-size: 34px;
    margin: 0 auto;
    padding: 0;
    text-align: center;
}*/

.box-download p {
    color: #000;
    font-size: 15px;
    text-align: justify;
    line-height: normal;
}
.box-download .box-app {
    margin: 10px auto;
}
.box-download .box-app ul {
    display: block;
    margin: 0;
    padding: 0;
    text-align: center;
}
.box-download .box-app ul li {
    display: inline-block;
    margin: 0;
    padding: 0 3px;
}
.box-download .box-app ul li a {
    display: block;
    margin: 0;
    padding: 2px 0;
    transition: 300ms;
}
.box-download .box-app ul li a:hover {
    transform: scale(1.05, 1.05);
}
.box-thumbnail {
    position: absolute;
    bottom: 0;
    left: calc(100% - 97%);
}
.box-download .brand {
    display: flex;
    align-items: center;
    justify-content: space-around;
}
.box-download .brand > img:nth-child(2) {
    max-width: 200px;
}
@media (max-width: 767px) {
    .box-download {
        right: 10px !important;
        top: 10px !important;
        width: 95% !important;
    }
    .box-download .brand > img:nth-child(1) {
        width: 100px;
    }
}

/* ====================================>>
    Partner
   ====================================>> */
.advantage {
    position: relative;
    background-color: #FFF;
    display: block;
    padding: 15px 0;
}
.advantage::before {
    content: "";
    position: absolute;
    background: url("images/shadow-under-menu.png") no-repeat center bottom;
    width: 100%;
    height: 45px;
    margin: 0 auto;
    top: 0;
}
.advantage h1 {
    text-align: center;
    margin: 0 auto 10px;
    padding: 0 0 15px;
    border-bottom: 1px solid #f5f5f5;
    line-height: normal;
    font-size: 26px;
}
.advantage h4 {
    padding: 10px 0;
    line-height: normal;
    text-align: center;
}
.advantage .list p {
    border-right: 2px solid #006929;
    background-color: #f5f5f5;
    display: table;
    padding: 5px;
    margin: 5px 0;
}

/* ====================================>>
    Partner
   ====================================>> */
.partner {
    background-color: #fafafa;
    padding: 2%;
}
.partner h3 {
    text-align: center;
    margin: 0 auto 10px;
    padding: 0 0 15px;
    border-bottom: 1px solid #f5f5f5;
}

/* ====================================>>
    Last Post
   ====================================>> */
@media (max-width: 543px) {
    .last-post .col-xs-6 {
        width: 100%;
    }
    .last-post .container .row > div:last-child {
        display: none;
    }
}
@media (min-width: 992px) {
    .last-post .container .row > div:last-child {
        display: none;
    }
}
.last-post {
    padding-top: 15px;
	padding-right: 0;
	padding-left: 0;
}
.last-post .post-category {
    position: relative;
    display: table;
    border: 2px solid #333;
    margin-bottom: 15px;
}
.last-post .post-category .view {
    position: absolute;
    left: 0;
    top: 25px;
    background-color: #005a2c;
    color: #FFF;
    font-size: 13px;
    text-align: center;
    padding: 2px 4px;
}
.last-post .post-category img {
    display: block;
    width: 100%;
    min-height: 150px;
}
.last-post .post-category .content {
    display: table;
    padding: 10px;
}
.last-post .post-category .content h2 {
    padding: 0 0 10px;
    margin: 0;
    color: #333;
    font-size: 17px;
    word-spacing: -1px;
    font-weight: bold;
    letter-spacing: -1px;
    line-height: normal;
}
.last-post .post-category .content p {
    padding: 0;
    margin: 0;
    color: #333;
    word-spacing: -1px;
    letter-spacing: -1px;
    line-height: 2;
    text-align: justify;
}

/* ====================================>>
    Footer
   ====================================>> */
.footer {
    background-color: #313131;
}
.footer .container > div {
    margin-bottom: 10px;
}
.footer .logo-footer {
    display: block;
}
.footer .logo-footer h4 {
    display: block;
    padding: 0 0 10px;
    margin: 10px auto;
    border-bottom: 1px solid #f5f5f5;
    color: #FFF;
}
.footer .logo-footer img {
    float: right;
    margin-left: 10px;
}
@media (max-width: 767px) {
    .footer .logo-footer img {
        width: 100px;
    }
}
.footer .logo-footer p {
    text-align: justify;
    color: #FFF;
    line-height: normal;
}
/*
.footer .rules {
    display: block;
}

.footer .rules h4 {
    display: block;
    padding: 0 0 10px;
    margin: 10px auto;
    border-bottom: 1px solid #f5f5f5;
    color: #FFF;
}

.footer .rules p {
    text-align: justify;
    color: #FFF;
    line-height: normal;
}
*/

.footer .other-link {
    display: block;
}
.footer .other-link h4 {
    display: block;
    padding: 0 0 10px;
    margin: 10px auto;
    border-bottom: 1px solid #f5f5f5;
    color: #FFF;
}
.footer .other-link ul {
    display: block;
    margin: 0;
    padding: 0;
}
.footer .other-link ul li {
    display: block;
    margin: 0;
    padding: 0;
}
.footer .other-link ul li a {
    display: block;
    margin: 0;
    padding: 0;
    line-height: 2;
    color: #FFF;
}
.footer .other-link ul li a::before {
    content: "\f111";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    vertical-align: text-top;
    margin-left: 5px;
    color: #006929;
    font-size: 11px;
}
.footer .social {
    display: block;
    margin-top: 10px;
}
.footer .social h4 {
    display: block;
    padding: 0 0 10px;
    margin: 10px auto;
    border-bottom: 1px solid #f5f5f5;
    color: #FFF;
}
.footer .social ul {
    display: block;
    margin: 0;
    padding: 0;
    text-align: center;
}
.footer .social ul li {
    display: inline-block;
    margin: 0;
    width: 35px;
    text-align: center;
}
.footer .social ul li a {
    display: block;
    margin: 0 3px;
    padding: 5px;
    color: #006929;
    background-color: #FFF;
    border-radius: 50%;
    font-size: 12px;
}
.footer .social ul li a:hover {
    background-color: #006929;
    color: #FFF;
}
.footer .social ul li a i {
    vertical-align: middle;
}

/* ====================================>>
    Main Page
   ====================================>> */
.main-page {
    position: relative;
    padding-top: 1%;
    padding-bottom: 2%;
}
.main-page::before {
    content: "";
    position: absolute;
    background: url("images/shadow-under-menu.png") no-repeat center bottom;
    width: 100%;
    height: 45px;
    margin: 0 auto;
    top: 0;
}
.main-page p {
    text-align: justify;
    text-align: -webkit-right;
    line-height: 2;
    word-spacing: -1px;
    font-size: 15px;
}
.main-page h1,
.main-page h2,
.main-page h3,
.main-page h4,
.main-page h5 {
    line-height: normal;
}
.main-page .title-page {
    font-size: 25px;
    font-weight: 600;
    word-spacing: -1px;
    line-height: normal;
    letter-spacing: -1px;
    margin: 0 auto 1%;
    padding: 5px 0;
    text-align: center;
}

/* ====================================>>
    Copyright
   ====================================>> */
.copyright {
    background-color: #111;
    text-align: center;
}
.copyright p {
    color: #FFF;
    padding: 5px 0;
    margin: 0 10px;
    font-size: 12px;
}

/* ====================================>>
    Supporters
   ====================================>> */
/*
.supporters{
    display: block;
}


.supporters ul{
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    margin: 0;
    padding: 0;
}

.supporters ul li{
    display: inline-flex;
    flex-basis: 120px;
    margin: 5px;
    padding: 0;
}


.supporters ul li img{
    min-width: 120px;
    height: 120px;
    transition: 500ms;
    border: 1px solid transparent;

}
.supporters ul li img:hover{
    transform: scale(1.04,1.04);
    border-color: #006929;
}
*/

.supporters p,
.supporters h4 {
    line-height: normal;
}
.supporters form {
    margin-top: 10px;
}

/* ====================================>>
    Photo
   ====================================>> */
.photo {
    display: block;
    padding-top: 2%;
    padding-bottom: 2%;
    padding-right: 0;
    padding-left: 0;
}
.photo a {
    position: relative;
    display: table;
    width: 100%;
    margin: 10px auto;
    background-color: #fff;
}
.photo a img {
    display: block;
    text-align: center;
}
.slider-photo .slick-slide {
    margin-right: 5px;
    margin-left: 5px;
}

/* ====================================>>
    Category
   ====================================>> */
@media (max-width: 543px) {
    .category .col-xs-6 {
        width: 100%;
    }
}
.category .post-category {
    position: relative;
    display: table;
    border: 2px solid #333;
    margin-bottom: 15px;
}
.category .post-category .view {
    position: absolute;
    left: 0;
    top: 25px;
    background-color: #005a2c;
    color: #FFF;
    font-size: 13px;
    text-align: center;
    padding: 2px 4px;
}
.category .post-category img {
    display: block;
    width: 100%;
    min-height: 150px;
}
.category .post-category .content {
    display: table;
    padding: 10px;
}
.category .post-category .content h2 {
    padding: 0 0 10px;
    margin: 0;
    color: #333;
    font-size: 17px;
    word-spacing: -1px;
    font-weight: bold;
    letter-spacing: -1px;
    line-height: normal;
    border-bottom: 1px solid #006929;
    text-align: center;
}
.category .post-category .content p {
    padding: 0;
    margin: 0;
    color: #333;
    word-spacing: -1px;
    letter-spacing: -1px;
}

/* ====================================>>
    Wordpress Core Css(Editor)
   ====================================>> */
.alignnone {
    margin: 5px 20px 20px 0;
}
.aligncenter,
div.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
    max-width: 100%;
    height: auto;
}
.alignright {
    float: right;
    margin: 5px 0 20px 20px;
    display: block;
    max-width: 100%;
    height: auto;
}
.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
    display: block;
    max-width: 100%;
    height: auto;
}
a img.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}
a img.alignnone {
    margin: 5px 20px 20px 0;
}
a img.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}
a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.wp-caption {
    background: #fff;
    border: 1px solid #f0f0f0;
    max-width: 96%;
    /* Image does not overflow the content area */

    padding: 5px 3px 10px;
    text-align: center;
}
.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}
.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}
.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}
.wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 98.5%;
    padding: 0;
    width: auto;
}
.wp-caption p.wp-caption-text {
    font-size: 11px;
    line-height: 17px;
    margin: 0;
    padding: 0 4px 5px;
}
/* Text meant only for screen readers. */

.screen-reader-text {
    clip: rect(1px, 1px, 1px, 1px);
    position: absolute !important;
    white-space: nowrap;
    height: 1px;
    width: 1px;
    overflow: hidden;
}
.screen-reader-text:focus {
    background-color: #f1f1f1;
    border-radius: 3px;
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
    clip: auto !important;
    color: #21759b;
    display: block;
    font-size: 14px;
    font-weight: bold;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000;
    /* Above WP toolbar. */
}