body { background: #fff; font-family: 'Yanone Kaffeesatz', sans-serif; }

.container .row.vertical-divider { overflow: hidden; }
.container .row.vertical-divider > div[class^="col-"] { padding-bottom: 100px; margin-bottom: -100px; border-left: 2px solid #ccc; border-right: 0; }
.container .row.vertical-divider div[class^="col-"]:first-child { border-left: none; }
.container .row.vertical-divider div[class^="col-"]:last-child { border-right: none; }
.container .left-side-wrap .about-content-wrap { border-bottom: 2px solid #ddd; }

p { font-size: 17px; color: #2B2D42; font-weight: 400; }

.row-gap { padding: 20px; }

.navbar-default .navbar-toggle { border-color: transparent; }

.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover { background-color: transparent; }

.navbar-default .navbar-toggle .icon-bar { background-color: #ef233c; }

#page-wrap { width: 983px; border-left: 2px solid #CBD1DA; border-right: 2px solid #CBD1DA; position: relative; margin: 0 auto; background-color: #fff; }

/* responsive for boxed width */
@media (max-width: 991px) { #page-wrap { width: 100%; }
  #footer-wrap { width: 100%; } }
/* bootstrap overlap */
.container { width: 100%; }

#top-header .top-header-container { padding: 20px 0; border-bottom: 2px solid #ccc; }
#top-header .top-header-container .logo-wrap h1 { font-size: 35px; text-transform: uppercase; font-weight: 700; color: #2B2D42; margin: 0; }
#top-header .top-header-container .logo-wrap h1 span { text-transform: capitalize; margin-left: 9px; }

.header-search-wrap .navbar-form { margin-top: 0px; margin-bottom: 0px; }
.header-search-wrap .navbar-form .form-control { padding: 6px 12px; border-radius: 0px; border: 1px solid #8D99AE; -webkit-box-shadow: none; box-shadow: none; }
.header-search-wrap .navbar-form .btn-default.search { color: #fff; background-color: #EF233C; border-color: #EF233C; border-radius: 0px; }
.header-search-wrap .navbar-form .btn-default.focus, .header-search-wrap .navbar-form .btn-default:focus { outline: none; }

/* menu styles */
#menu .navbar { border-radius: 0px; border: 0px; margin-bottom: 0px; }
#menu .navbar.navbar-default { background-color: #fff; border-color: transparent; border-bottom: 2px solid #ccc; }
#menu .navbar.navbar-default .navbar-nav > li > a { color: #2B2D42; font-size: 20px; }
#menu .navbar .navbar-collapse { padding-right: 4px; padding-left: 4px; }

/* main content */
#main-content { /*main content wrap*/ }
#main-content .main-content-wrap { /* main blog column 8 styles */ }
#main-content .main-content-wrap .about-content-wrap img { width: 100%; height: auto; }
#main-content .main-content-wrap .about-social-wrap { text-align: center; padding: 10px; }
#main-content .main-content-wrap .about-social-wrap ul { margin: 0; padding: 0; }
#main-content .main-content-wrap .about-social-wrap ul li { display: inline-block; }
#main-content .main-content-wrap .about-social-wrap ul li a { padding: 9px; color: #333; }
#main-content .main-content-wrap .recent-post-wrap { border-bottom: 2px solid #ccc; margin-bottom: 20px; }
#main-content .main-content-wrap .recent-post-wrap .recent-post-item img { width: 100%; height: auto; }
#main-content .main-content-wrap .recent-post-wrap .recent-post-item h3 { margin: 7px; }
#main-content .main-content-wrap .recent-post-wrap .recent-post-item p { font-size: 14px; color: #9d9d9d; }
#main-content .main-content-wrap .subscibe { border-bottom: 2px solid #ddd; padding-bottom: 18px; }
#main-content .main-content-wrap .subscibe .subsciber-form-wrap { border: 3px solid #EF233C; padding: 21px; }
#main-content .main-content-wrap .subscibe .subsciber-form-wrap h2 { color: #000; margin-top: 0; }
#main-content .main-content-wrap .subscibe .subsciber-form-wrap input.form-control.subscribe-form { border-radius: 0px; webkit-box-shadow: none; box-shadow: none; }
#main-content .main-content-wrap .subscibe .subsciber-form-wrap input.form-control:focus { border-color: #EF233C; outline: 0; -webkit-box-shadow: none; box-shadow: none; }
#main-content .main-content-wrap .subscibe .subsciber-form-wrap button.btn.subscribe-btn { background: #4E4E4E; border-radius: 0px; width: 100%; color: #fff; text-transform: uppercase; }
#main-content .main-content-wrap .subscibe .subsciber-form-wrap button.btn:hover { outline: 0; }
#main-content .main-content-wrap .subscibe .subsciber-form-wrap button.btn:focus { outline: 0; }
#main-content .main-content-wrap .connect-with-me { /*social */ }
#main-content .main-content-wrap .connect-with-me ul { margin: 0; padding: 0; }
#main-content .main-content-wrap .connect-with-me ul li { display: inline-block; list-style: none; }
#main-content .main-content-wrap .connect-with-me ul li a { padding: 5px; }
#main-content .main-content-wrap .connect-with-me ul li a i { -webkit-filter: grayscale(100%); -webkit-transition: .5s ease-in-out; -moz-filter: grayscale(100%); -moz-transition: .5s ease-in-out; -o-filter: grayscale(100%); -o-transition: .5s ease-in-out; }
#main-content .main-content-wrap .connect-with-me ul li a i:hover { -webkit-filter: grayscale(0%); -webkit-transition: .5s ease-in-out; -moz-filter: grayscale(0%); -moz-transition: .5s ease-in-out; -o-filter: grayscale(0%); -o-transition: .5s ease-in-out; }
#main-content .main-content-wrap .connect-with-me .social { background-image: url(../images/social.png); background-repeat: no-repeat; display: inline-block; }
#main-content .main-content-wrap .connect-with-me .social-facebook { width: 46px; height: 46px; background-position: -5px -5px; }
#main-content .main-content-wrap .connect-with-me .social-google-plus { width: 46px; height: 46px; background-position: -61px -5px; }
#main-content .main-content-wrap .connect-with-me .social-linkedin { width: 46px; height: 46px; background-position: -5px -61px; }
#main-content .main-content-wrap .connect-with-me .social-twitter { width: 46px; height: 46px; background-position: -61px -61px; }
#main-content .main-content-wrap .blog-main-wrap { padding: 20px 0; }
#main-content .main-content-wrap .blog-main-wrap .blog-main-home-pic img { width: 100%; height: auto; }
#main-content .main-content-wrap .blog-main-wrap .btn-wrap { text-align: center; padding: 9px; }
#main-content .main-content-wrap .blog-main-wrap .btn-wrap a { display: inline-block; background: #EF233C; color: #fff; padding: 1px; margin-left: 12px; width: 97px; font-size: 17px; height: 27px; -webkit-transition: all 0.35s; -moz-transition: all 0.35s; transition: all 0.35s; }
#main-content .main-content-wrap .blog-main-wrap .btn-wrap a:hover { text-decoration: none; color: #ffffff; background-color: #AD2233; }
#main-content .main-content-wrap .blog-main-wrap .btn-wrap a:focus { text-decoration: none; }
#main-content .main-content-wrap .blog-main-wrap .blog-content-wrap { border-bottom: 1px solid #ddd; }
#main-content .main-content-wrap .blog-main-wrap .blog-content-wrap .blog-content-wrap-heading { text-align: center; padding: 5px; }
#main-content .main-content-wrap .blog-main-wrap .blog-content-wrap .blog-content-wrap-heading h3 { margin: 0px; color: #000; font-size: 38px; }
#main-content .main-content-wrap .blog-main-wrap .blog-content-wrap .blog-content-wrap-heading p { font-size: 12px; }
#main-content .main-content-wrap .blog-main-wrap .blog-content-wrap .blog-content-wrap-heading span i { padding-right: 9px; }
#main-content .main-content-wrap .blog-main-wrap .blog-content-footer { padding: 15px; border-bottom: 1px solid #ddd; }
#main-content .main-content-wrap .blog-main-wrap .blog-content-footer .blog-btn { padding: 10px 0; }
#main-content .main-content-wrap .blog-main-wrap .blog-content-footer .blog-btn a { display: block; width: 129px; height: 29px; border: 1px solid #B7B7B7; color: #000; text-align: center; padding: 3px; -webkit-transition: 0.5s; }
#main-content .main-content-wrap .blog-main-wrap .blog-content-footer .blog-btn a:hover { text-decoration: none; border: 1px solid #EF233C; }
#main-content .main-content-wrap .blog-main-wrap .blog-content-footer .blog-btn a:focus { text-decoration: none; }
#main-content .main-content-wrap .blog-main-wrap .blog-content-footer .social-wrap { text-align: end; }
#main-content .main-content-wrap .blog-main-wrap .blog-content-footer .social-wrap ul { margin: 0px; padding: 0px; }
#main-content .main-content-wrap .blog-main-wrap .blog-content-footer .social-wrap ul li { display: inline-block; }
#main-content .main-content-wrap .blog-main-wrap .blog-content-footer .social-wrap ul li a { color: #000; }
#main-content .main-content-wrap .blog-main-wrap .blog-content-footer .social-wrap ul li a:hover { color: #EF233C; }
#main-content .main-content-wrap .blog-main-wrap .blog-content-footer .social-wrap ul li a i { border: 1px solid #666; width: 25px; height: 25px; border-radius: 50%; text-align: center; padding: 4px; }
#main-content .main-content-wrap .blog-main-wrap .blog-main-item-wrap { padding: 26px 0; border-bottom: 2px solid #ddd; /* Shine */ }
#main-content .main-content-wrap .blog-main-wrap .blog-main-item-wrap .effect { margin: 0; padding: 0; }
#main-content .main-content-wrap .blog-main-wrap .blog-main-item-wrap .effect:last-child { padding-bottom: 0px; }
#main-content .main-content-wrap .blog-main-wrap .blog-main-item-wrap .effect::after { content: ''; clear: both; display: block; }
#main-content .main-content-wrap .blog-main-wrap .blog-main-item-wrap .effect .figure-wrap { position: relative; float: left; width: 300px; height: auto; margin: 0 0 0 25px; padding: 0; }
#main-content .main-content-wrap .blog-main-wrap .blog-main-item-wrap .effect .figure-wrap:first-child { margin-left: 0; }
#main-content .main-content-wrap .blog-main-wrap .blog-main-item-wrap figure { width: 296px; height: 200px; margin: 0; padding: 0; background: #fff; overflow: hidden; cursor: pointer; }
#main-content .main-content-wrap .blog-main-wrap .blog-main-item-wrap .blog-main-item figure { position: relative; }
#main-content .main-content-wrap .blog-main-wrap .blog-main-item-wrap .blog-main-item figure::before { position: absolute; top: 0; left: -75%; z-index: 2; display: block; content: ''; width: 50%; height: 100%; background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%); background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%); -webkit-transform: skewX(-25deg); transform: skewX(-25deg); }
#main-content .main-content-wrap .blog-main-wrap .blog-main-item-wrap .blog-main-item figure:hover::before { -webkit-animation: shine .75s; animation: shine .75s; }
@-webkit-keyframes shine { 100% { left: 125%; } }
@keyframes shine { 100% { left: 125%; } }
#main-content .main-content-wrap .blog-main-wrap .blog-main-item-wrap .blog-main-item .blog-main-button-wrap { display: table; padding: 20px 0 0 0; text-align: center; width: 100%; }
#main-content .main-content-wrap .blog-main-wrap .blog-main-item-wrap .blog-main-item .blog-main-button-wrap ul { padding: 0px; }
#main-content .main-content-wrap .blog-main-wrap .blog-main-item-wrap .blog-main-item .blog-main-button-wrap ul li { display: inline-block; }
#main-content .main-content-wrap .blog-main-wrap .blog-main-item-wrap .blog-main-item .blog-main-button-wrap ul li a { display: inline-block; background: #EF233C; color: #fff; padding: 0px; width: 97px; font-size: 15px; height: 22px; -webkit-transition: all 0.35s; -moz-transition: all 0.35s; transition: all 0.35s; text-align: center; }
#main-content .main-content-wrap .blog-main-wrap .blog-main-item-wrap .blog-main-item .blog-main-button-wrap ul li a:hover, #main-content .main-content-wrap .blog-main-wrap .blog-main-item-wrap .blog-main-item .blog-main-button-wrap ul li a :active { text-decoration: none; color: #ffffff; background-color: #AD2233; outline: none; }
#main-content .main-content-wrap .blog-main-wrap .blog-main-item-wrap .blog-main-item h3 { margin: 0px; text-align: center; }
#main-content .main-content-wrap .blog-main-wrap .blog-main-list-item-wrap { padding: 20px 0; }
#main-content .main-content-wrap .blog-main-wrap .blog-main-list-item-wrap ul { padding: 0px; }
#main-content .main-content-wrap .blog-main-wrap .blog-main-list-item-wrap ul li { list-style: none; padding: 10px 0; }
#main-content .main-content-wrap .blog-main-wrap .blog-main-list-item-wrap ul li img { float: left; margin-right: 9px; width: 147px; height: 125px; }
#main-content .main-content-wrap .blog-main-wrap .blog-main-list-item-wrap ul li .blog-main-list-footer p { margin: 0px; font-size: 14px; }
#main-content .main-content-wrap .blog-main-wrap .blog-main-list-item-wrap ul li .blog-main-list-footer a { color: #000; font-weight: 600; }
#main-content .main-content-wrap .blog-main-wrap .blog-main-list-item-wrap ul li .blog-main-list-footer a:hover { text-decoration: none; color: #EF233C; }
#main-content .main-content-wrap .blog-main-wrap .blog-main-list-item-wrap .pagination-wrap { text-align: end; }
#main-content .main-content-wrap .blog-main-wrap .blog-main-list-item-wrap .pagination-wrap .pagination > .active > a, #main-content .main-content-wrap .blog-main-wrap .blog-main-list-item-wrap .pagination-wrap .pagination > .active > a:focus, #main-content .main-content-wrap .blog-main-wrap .blog-main-list-item-wrap .pagination-wrap .pagination > .active > a:hover, #main-content .main-content-wrap .blog-main-wrap .blog-main-list-item-wrap .pagination-wrap .pagination > .active > span, #main-content .main-content-wrap .blog-main-wrap .blog-main-list-item-wrap .pagination-wrap .pagination > .active > span:focus, #main-content .main-content-wrap .blog-main-wrap .blog-main-list-item-wrap .pagination-wrap .pagination > .active > span:hover { background-color: #FFD439; border-color: #FFD439; }
#main-content .main-content-wrap .blog-main-wrap .blog-main-list-item-wrap .pagination-wrap .pagination > li > a, #main-content .main-content-wrap .blog-main-wrap .blog-main-list-item-wrap .pagination-wrap .pagination > li > span { margin-left: 10px; }
#main-content .main-content-wrap .blog-main-wrap .blog-main-list-item-wrap .pagination-wrap .pagination > li:first-child > a, #main-content .main-content-wrap .blog-main-wrap .blog-main-list-item-wrap .pagination-wrap .pagination > li:first-child > span { margin-left: 0; border-top-left-radius: 4px; border-bottom-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px; }
#main-content .main-content-wrap .blog-main-wrap .blog-main-list-item-wrap .pagination-wrap .pagination > li > a, #main-content .main-content-wrap .blog-main-wrap .blog-main-list-item-wrap .pagination-wrap .pagination > li > span { color: #fff; font-size: 15px; background-color: #222222; border: 0px; border-radius: 4px; }

footer { background: #EF233C; padding: 40px 0 0 0; /* responsive for boxed width */ }
footer #footer-wrap { width: 983px; position: relative; margin: 0 auto; }
@media (max-width: 991px) { footer #footer-wrap { width: 100%; } }
footer .about-widget h5 { color: #fff; font-size: 21px; margin: 0; }
footer .about-widget h3 { color: #fff; font-size: 36px; font-weight: 600; }
footer .about-widget p { color: #fff; }
footer .about-widget ul { padding: 0px; }
footer .about-widget ul li { display: inline-block; padding: 9px; }
footer .about-widget ul li a { color: #fff; font-size: 18px; }
footer .popular-post-widget h3 { color: #fff; font-size: 30px; text-align: center; }
footer .popular-post-widget .popular-post-list-wrap { padding: 30px 0 0 0; }
footer .popular-post-widget .popular-post-list-wrap .popular-post-list ul { padding: 0; }
footer .popular-post-widget .popular-post-list-wrap .popular-post-list ul li { list-style: none; display: table; width: 100%; padding: 10px; }
footer .popular-post-widget .popular-post-list-wrap .popular-post-list ul li img { float: left; width: 70px; height: 70px; margin-right: 9px; }
footer .popular-post-widget .popular-post-list-wrap .popular-post-list ul li h4 { color: #fff; }
footer .popular-post-widget .popular-post-list-wrap .popular-post-list ul li p { color: #fff; font-size: 12px; }
footer .popular-post-widget .popular-post-list-wrap .popular-post-list ul li p span i { padding: 5px; }

#last-footer-wrap { background: #D90429; padding: 5px; /* responsive for boxed width */ }
#last-footer-wrap .last-footer-wrap { width: 983px; position: relative; margin: 0 auto; }
#last-footer-wrap .last-footer-wrap .copyright-tag p { color: #fff; margin: 0px; }
#last-footer-wrap .last-footer-wrap .copyright-tag p span { text-transform: uppercase; }
#last-footer-wrap .last-footer-wrap .author { text-align: end; }
#last-footer-wrap .last-footer-wrap .author p { margin: 0; color: #fff; }
#last-footer-wrap .last-footer-wrap .author p a { color: #fff; }
@media (max-width: 991px) { #last-footer-wrap .last-footer-wrap { width: 100%; } }

/* contact page style */
#contact-content .form-horizontal .control-label { text-align: left; }
#contact-content .form-control { border-radius: 0px; }
#contact-content .form-control:focus { border-color: #EF233C; outline: 0; -webkit-box-shadow: none; box-shadow: none; }
#contact-content .contact-btn-wrap { text-align: center; }
#contact-content .contact-btn-wrap button.btn.contact-btn { background: #EF233C; border-radius: 0px; color: #fff; width: 146px; font-size: 16px; }
#contact-content .contact-about img { width: 100%; height: auto; }
#contact-content .contact-about .follow-me { text-align: center; padding: 20px; }
#contact-content .contact-about .follow-me .social-wrap ul { padding: 0px; }
#contact-content .contact-about .follow-me .social-wrap ul li { display: inline-block; }
#contact-content .contact-about .follow-me .social-wrap ul li a i { border: 1px solid #666; width: 25px; height: 25px; border-radius: 50%; text-align: center; padding: 4px; }

/* About Style */
#about-content h3 { text-align: center; font-size: 36px; font-weight: 600; }
#about-content img { width: 100%; height: auto; }
#about-content .about-content-wrap { padding: 25px; }
#about-content .about-content-wrap p { margin: 0px; }

/* Blog Article */
#blog-article-wrap .blog-article-left-content ul { padding: 0px; }
#blog-article-wrap .blog-article-left-content ul li { display: inline-block; }
#blog-article-wrap .blog-article-left-content ul li::after { Content: "/"; Padding: 9PX; }
#blog-article-wrap .blog-article-left-content ul li:last-child::after { content: " "; }
#blog-article-wrap .blog-article-left-content .blog-article-content img { width: 100%; height: auto; }
#blog-article-wrap .blog-article-left-content .title_content { display: inline-block; font-size: 20px; color: #ffffff; text-align: center; width: 100%; margin-bottom: 20px; border-bottom: 2px solid #DDD; }
#blog-article-wrap .blog-article-left-content .text_content { display: inline-block; float: left; font-size: 20px; margin-top: 10px; padding-top: 2px; margin-bottom: 5px; color: #000; }
#blog-article-wrap .blog-article-left-content .title_content:after { height: 2px; display: block; left: 0; content: " "; position: relative; width: 75px; top: 2px; }
#blog-article-wrap .blog-article-left-content .title_content:after, #blog-article-wrap .blog-article-left-content .icon_content { background: #0000EE; }
#blog-article-wrap .blog-article-left-content .clear { clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; }
#blog-article-wrap .blog-article-left-content .comment-boxed-wrap { padding: 30px 0; }
#blog-article-wrap .blog-article-left-content .form-control { border-radius: 0px; }

.right-side-widget-wrap .recent-post-widget { padding: 20px 0; }
.right-side-widget-wrap .recent-post-widget ul { padding: 0; line-height: 2; }
.right-side-widget-wrap .recent-post-widget ul li { list-style: none; border-bottom: 1px solid #ddd; }
.right-side-widget-wrap .recent-post-widget ul li a { font-size: 16px; color: #666; font-style: italic; }
.right-side-widget-wrap .recent-post-widget ul li:last-child { border: 0px; }

/*# sourceMappingURL=style.css.map */