/*
Theme Name: Zerif PRO Child theme
Theme URI: https://www.themeisle.com/
Description: Child theme of zerif-pro theme Katerina
Author: Themeisle
Author URI:
Template: zerif-pro
Version: 1.0
*/

/*@import url("../zerif-pro/style.css");*/

body {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
}
/* Selection colours (easy to forget) */
::selection {
	background: #C5071F;
}
::-moz-selection {
	background: #C5071F;
}
a {
	color: #C5071F;
}

.wp-caption {
	position: relative;
  	border: none;
}


.wp-caption img.img-as-background {
 	max-width: 100%; 
}

@media screen and (max-width: 600px)
{

  	
  }


.img-as-background + .wp-caption-text {
	position: absolute;
  	top: 35%;
  	left: 50%;
  	width: 100%;
  	margin: 0;
    color: #fff;
  	text-align: center;
  	text-transform: uppercase;
  	transform: translate(-50%, -50%);
}

.img-as-background + .wp-caption-text .main,
.img-as-background + .wp-caption-text .sub {
  	display: block;
    font-family: 'Montserrat', Helvetica, sans-serif;
    line-height: 73px;
}

.img-as-background + .wp-caption-text .main {
	font-size: 55px;
}

.img-as-background + .wp-caption-text .sub {
	font-size: 22px;
}

@media screen and (max-width: 1000px) {
  	.img-as-background + .wp-caption-text .main,
	.img-as-background + .wp-caption-text .sub {
    	line-height: 45px;
	}
  
  	.img-as-background + .wp-caption-text .main {
		font-size: 28px;
	}

	.img-as-background + .wp-caption-text .sub {
		font-size: 16px;
	}
}

@media screen and (max-width: 480px) {
  	.img-as-background + .wp-caption-text .main {
        font-size: 20px;
        line-height: 23px;
	    margin-bottom: 15px;
	}

	.img-as-background + .wp-caption-text .sub {
		font-size: 10px;
      	line-height: 16px;
	}
  	
 	.img-as-background + .wp-caption-text .custom-button {
  		padding: 10px;
    }
  
  	.img-as-background + .wp-caption-text .custom-button strong {
  		font-size: 12px;
  	}
}


/* ## Column Classes
--------------------------------------------- */
.five-sixths,
.four-sixths,
.one-fourth,
.one-half,
.one-sixth,
.one-third,
.three-fourths,
.three-sixths,
.two-fourths,
.two-sixths,
.two-thirds {
float: left;
margin-left: 2.564102564102564%;
}
.one-half,
.three-sixths,
.two-fourths {
width: 48.717948717948715%;
}

.one-third,
.two-sixths {
width: 31.623931623931625%;
}
.four-sixths,
.two-thirds {
width: 65.81196581196582%;
}

.one-fourth {
width: 23.076923076923077%;
}
.three-fourths {
width: 74.35897435897436%;
}
.one-sixth {
width: 14.52991452991453%;
}
.five-sixths {
width: 82.90598290598291%;

}
.first {
clear: both;
margin-left: 0;
}



/* ## Pricing Table
--------------------------------------------- */

.pricing-table {
line-height: 1;
}
li.header {
background-color: #FF9f00;
color: #fff !important;
font-size: 25px;
border-bottom: 1px solid #FF9f00 !important;
margin-bottom: 0 !important;
}
li.grey-blue {
background-color: #FF9f00;
color: #fff !important;
font-size: 20px;
}

li.header-blue {
background-color: #7F7F7F;
color: #fff !important;
border-bottom: 1px solid #7F7F7F !important;
font-size: 25px;
margin-bottom: 0 !important;
}
li.light-blue {
background-color: #5e7172;
color: #fff !important;
font-size: 20px;
}

li.not-included
{
  background-color: #fff;
  color: #d3d3d3 !important;
}

.middle {
box-shadow: 0 8px 12px 0 rgba(0,0,0,0.2)
}
.pricing-table .one-third {
background-color: #fff;
margin: 20px 5px;
padding: 40px;
width: 32.33%;

  
}

.pricing-table .one-third:nth-child(3n+1),
.pricing-table .one-third:nth-child(3n+2),
.pricing-table .one-third:nth-child(3n) {
border: 1px solid #ddd;
}

.pricing-table .one-third ul {
margin: 0;
text-align: center;
min-height: 350px;
}

.pricing-table ul li {
border-bottom: 1px solid #ddd;
color: #333;
margin-bottom: 10px;
padding: 10px;
text-align: center;
list-style-type: none;
}

.pricing-table a.pricing-button {
background-color: #FF8C00;
border: 3px solid #FF8C00;
color: #fff;
display: inline-block;
text-align: center;
padding: 16px 16px;
  width: 50%;
  
}

p.main {
    text-align: center;
}


/* Pricing Table - Media Queries for Mobile Devices
--------------------------------------------- */

@media only screen and (max-width: 1140px) {
.pricing-table .one-third {
width: 32%;
}
}

@media only screen and (max-width: 800px) {
.pricing-table .one-third {
width: 100%;
}
}

@media only screen and (max-width: 568px) {
.pricing-table .one-third {
width: 100%;
}
}

@media only screen and (max-width: 480px) {
.pricing-table .one-third {
width: 100%;
}
}

@media only screen and (max-width: 420px) {
.pricing-table .one-third {
width: 100%;
margin: 20px 0;
}
}

textarea {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}
h1 {
	color: #c6081f;
}
h1,h2 {
	font-family: "Helvetica Neue", Helvetica, sans-serif;
}
.button {
/* Edit Andreea*/
	margin: 10px 0px 10px 0px;
	position: relative;
	display: inline-block;
/* End edit Andreea*/
}
.custom-button {
/* Edit Andreea*/
	margin: 10px;
/* End edit Andreea*/
}
.red-btn {
	background: #C5071F;
}
.red-btn:hover {
	background: #c50f07;
}
/** BACKGROUNDS **/
.red-bg {
	background: #C5071F;
}
/** FOR TEXTS AND ICON FONTS **/
.red-text {
	color: #C5071F;
}
.red-border-bottom:before {
	background: #C5071F;
}
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	background-color: #C5071F;
}
 textarea:hover, 
input:hover, 
textarea:active, 
input:active, 
textarea:focus, 
input:focus {
	outline-color: #C5071F !important;
}
/*---------------------------------------
 **   5.1 Links                 -----
-----------------------------------------*/
a {
	color: #C5071F;
}
a:visited {
	color: #6d0311; /*#e5909b*/
}
a:hover,
a:focus,
a:active {
	color: #990518;
}
.nav-links a {
	color:#C5071F;
}
.widget .widget-title:before{
	background: #C5071F;
}
/*
.entry-title:before {
	background: #C5071F;
}
*/
.entry-title:after {
	background: #C5071F;
}
.comment-reply-link {
	border-color: #C5071F;
	font-family: "Helvetica Neue", Helvetica, sans-serif;
}
.comment-form #submit, .comment-reply-link {
	background:#C5071F;
}
.navbar-inverse .navbar-nav ul.sub-menu li:hover > a {
	color:#C5071F;
}
.navbar-inverse .navbar-nav>li>a:hover {
	color: #C5071F;
}
.navbar-inverse .navbar-toggle:hover,.navbar-inverse .navbar-toggle:focus {
	background-color: #C5071F;
}
.navbar-toggle.active{
    background-color: #C5071F !important;
}
.navbar-inverse .navbar-nav>li>a:hover, 
.navbar-inverse .navbar-nav>li>a:focus {
	color: #C5071F;
}
.navbar-inverse .navbar-nav>li.current>a {
	color: #C5071F;
}
ul.nav > li.current_page_item > a:before {
		background: #C5071F;
}
ul.nav > li.current_page_item.current > a:before {
	background: #C5071F;
}
/*.nav > li.current_page_item a:before, .nav > li.current-menu-item a:before {
	position: absolute;
    margin: auto;
    z-index: 1;
    content: "";
    width: 75%;
    height: 2px;
    background: #C5071F;
    bottom: 0px;
    left: 12.5%;
}*/
.focus-box:nth-child(4n+1) .service-icon:hover {
	border: 10px solid #C5071F;
}
.focus-box:nth-child(4n+1) .red-border-bottom:before {
	background: #C5071F;
}
.zerif-close-button:hover {
	color: #C5071F;
}
.zerif-close-button-big:hover {
	background-color: #C5071F;
}
.cbp-rfgrid li .zerif-modal-author a {
    color: #C5071F;
}
.team-member .social-icons ul li a:hover {
	color: #C5071F;
}
.our-team .row > div:nth-child(4n+1) .red-border-bottom:before{
    background: #C5071F;
}
.package .order-now:hover {
	background: #C5071F;
}
.newsletter h3 {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.feedback-box .client-info .client-name {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}
/*----------------------------------------
 **   Purchase now           -----
-----------------------------------------*/
.purchase-now {
	background: #C5071F;
}
.purchase-now h3 {
	/*text-align: left;*/
	text-align: center;
}
.purchase-now .red-btn {
	/*float: right;*/
	float: none;
}
.contact-us .error_sorry {
	background: #C5071F;
}
.company-details a:hover {
	color: #C5071F;
}
.social li a:hover {
	color: #C5071F;
}
/*---------------------------------------
 **   Section blog            -----
-----------------------------------------*/
article .posted-on a:hover{
	color: #C5071F;
}
.entry-footer a:hover{
	color: #C5071F;
}
.entry-title a:hover{
	color: #C5071F;;
}
.listpost-content-wrap .entry-title a:after {
	background: #C5071F;
}
.entry-footer-large a:hover{
	color: #C5071F;
}
.entry-content p {
	/*text-align: justify;*/
	text-align: inherit;
}
.entry-meta-large a:hover {
	color :#C5071F;
}
.widget_calendar a {
	color: #C5071F;
}
.widget_calendar a:hover {
	background-color: #C5071F;
}
.sib_signup_form  input[type="submit"] {
	background: #C5071F !important;
}
/* woocommerce v2.3.5 */
.woocommerce-page .page-title:before {
	background: #C5071F;
}
.woocommerce-page .products a.button {
	background: #C5071F;
}
.woocommerce-page .products a .price ins {
	color: #C5071F;
}
.woocommerce-page .products .added_to_cart {
	color: #C5071F;
}
.woocommerce-page .product .product_meta a {
	color: #C5071F;
}
.woocommerce-page .woocommerce-tabs .tabs li.active {
	border-bottom: 2px solid #C5071F;
}
.woocommerce-page .woocommerce-tabs .tabs li.active a,
.woocommerce-page .woocommerce-tabs .tabs li a:hover {
	color: #C5071F;
}
.woocommerce-page .product .price ins {
	color: #C5071F;
}
.woocommerce-page .woocommerce-error {
	background: #C5071F;
}
.woocommerce-page .woocommerce .add_to_cart_button, .woocommerce .checkout-button, .woocommerce .single_add_to_cart_button, .woocommerce #place_order,
.woocommerce div.product form.cart .button {
		background: #C5071F;
}
.woocommerce-page .woocommerce input[type="submit"],
.woocommerce-page #content input.button,
.woocommerce input.button.alt, .woocommerce-page #content input.button.alt, .woocommerce-page input.button.alt {
	background: #C5071F;
}
.woocommerce a.button.alt {
	background: #C5071F;
}
.woocommerce-page .woocommerce a.remove:hover {
	background: #C5071F;
}
.woocommerce-page .woocommerce a.remove {
	color: #C5071F !important;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active {
	border-bottom: 2px solid #C5071F;
}
.woocommerce #review_form #respond .form-submit input {
	background: #C5071F;
}
/* bbpress style [version 2.5.8] */
.bbp-forum-title a,
.bbp-forum-title a:visited,
.bbp-topic-title a {
	color: #C5071F;
}
#bbpress-forums div.bbp-the-content-wrapper div.quicktags-toolbar input:hover {
	color: #C5071F;
}
.bbp-body a.bbp-topic-permalink:hover {
	color: #C5071F;
}
.bbp-body .bbp-topic-permalink:after {
	background: #C5071F;
}
.bbp-topic-tags a:hover {
	color: #C5071F;
}
#bbpress-forums div.bbp-topic-author a.bbp-author-name, 
#bbpress-forums div.bbp-reply-author a.bbp-author-name {
	color: #C5071F;
}
.bbp-body>ul:nth-child(4n+3) .bbp-forum-title:after {
    background: #C5071F;
}
.bbp-body>ul:nth-child(4n+3) .bbp-topic-permalink:after {
    background: #C5071F;
}
span.bbp-admin-links a:hover {
	color: #C5071F !important;
}
#favorite-toggle a:hover,
#subscription-toggle a:hover {
	color: #C5071F;
}
#bbpress-forums #bbp-user-wrapper h2.entry-title:before {
	background: #C5071F;
}
#bbpress-forums fieldset.bbp-form legend {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}
#bbpress-forums fieldset.bbp-form legend:before {
	background: #C5071F;
}
#bbpress-forums .is-favorite a {
	color: #C5071F;
}
/*----  SECTION:  HOME > LATEST NEWS   ----*/
#carousel-homepage-latestnews .item .latestnews-box .latestnews-title a:before {
	background: #C5071F;
}	
#carousel-homepage-latestnews .item .latestnews-box:nth-child(4n+1) .latestnews-title a:before {
	background: #C5071F;
}
.nav > li.current_page_item a, .nav > li.current-menu-item a {
	color: #C5071F;
}
ul.nav > li.current_page_item > a:before, .nav > li.current-menu-item > a:before {
	background: #C5071F;
}	
.nav li a:hover {
	color: #C5071F !important;
}

/***********************  PIRATE FORMS style ********************/
.pirate_forms_error_box p {
	background: #C5071F;
}

@media (max-width: 767px) {
	.dropdownmenu {
		background: url(images/menu-icon.png) center center no-repeat #C5071F;
	}
	.this-open > a {
		color: #C5071F !important;
	}
}	


/* Added by Andreea 11/05/16 - Hover effect cases*/

.hovereffect {
  width: 100%;
  height: 100%;
  float: left;
  overflow: hidden;
  position: relative;
  text-align: center;
  cursor: default;
}

.hovereffect .overlay {
  position: absolute;
  overflow: hidden;
  width: 80%;
  height: 65%;
  left: 10%;
  top: 13%;
  border-bottom: 1px solid #FFF;
  border-top: 1px solid #FFF;
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
  -webkit-transform: scale(0,1);
  -ms-transform: scale(0,1);
  transform: scale(0,1);
}

.hovereffect:hover .overlay {
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}

.hovereffect img {
  display: block;
  position: relative;
  -webkit-transition: all 0.35s;
  transition: all 0.35s;
}

.hovereffect:hover img {
  filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feComponentTransfer color-interpolation-filters="sRGB"><feFuncR type="linear" slope="0.6" /><feFuncG type="linear" slope="0.6" /><feFuncB type="linear" slope="0.6" /></feComponentTransfer></filter></svg>#filter');
  filter: brightness(0.6);
  -webkit-filter: brightness(0.6);
}

.hovereffect h2 {
  text-transform: uppercase;
  text-align: center;
vertical-align: middle;
  position: relative;
 font-size: 17px;
  background-color: transparent;
  color: #FFF;
  padding: 2em 0;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
  -webkit-transform: translate3d(0,-100%,0);
  transform: translate3d(0,-100%,0);
}

.hovereffect a, hovereffect p {
  color: #FFF;
  padding: 1.5em 0;
  text-align: center;
vertical-align: middle;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
  -webkit-transform: translate3d(0,100%,0);
  transform: translate3d(0,100%,0);
}

.hovereffect:hover a, .hovereffect:hover p, .hovereffect:hover h2 {
  opacity: 1;
  text-align: center;
  filter: alpha(opacity=100);
  -webkit-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0);
}

/* End Hover effect cases*/

/*EngageReaders CSS */

.teaser-er{
 
  min-height:500px;
  background-image:url('http://www.twipemobile.com/wp-content/uploads/2017/01/header-img-3.png');
  background-size:cover;
  background-position:center;
}

/* Added by Katerina 23.07.2018*/
article .entry-content .hovereffect a, article .entry-content .hovereffect  a:hover{
	color: #fff;
}
.entry-content blockquote {
    border-left: none;
}
.header-content-wrap {
	padding-bottom: 0;
}
.owl-carousel {
	margin-top: 100px;
}
.sa_owl_theme .owl-nav .owl-prev {
	left: -40px !important;
}
.sa_owl_theme .owl-nav .owl-next {
    right: -40px !important;
}
@media only screen and (max-width: 480px) {
	.owl-carousel .owl-item img {
		max-width: 75% !important;
	}
}