/*
  Theme Name: Cookie child
  Theme URI: http://demo.agnidesigns.com/cookie/
  Author: AgniDesigns
  Version: 1.0.1
  Description: Creative Multipurpose WordPress theme
  Author URI: http://themeforest.net/user/AgniHD
  Template: cookie
*/
@import url("../cookie/style.css");
@import url("../cookie/css/responsive.css");

.header-icon { padding-top: 0; }
.site-header .shrink-header-menu.top-sticky {
  background: rgb(51, 51, 51) !important
}
.divide-line.text-left {
	display: none;
}
h2.heading { font-weight:bold; }

ul.nav-menu-content > li > a, div.nav-menu-content ul > li > a {
  text-transform: uppercase;
  font-weight: bold;
  position: relative;
  padding: 5px 25px !important;
}
a {
	color: #d01949;
}
.portfolio-caption-content a.portfolio-attachment {
    display: none;
}
.archive .header-menu-content, .error404 .header-menu-content {
    background: #222222;
}

ul.nav-menu-content > li > a, div.nav-menu-content ul > li > a,
.top-sticky ul.nav-menu-content > li > a, .top-sticky div.nav-menu-content ul > li > a {
  color: #fff;
}
ul.nav-menu-content > li > a:after, div.nav-menu-content ul > li > a:after {
  content: '';
  border-bottom: 3px solid #d11948;
  width: 0;
  display: block;
  position: absolute;
  bottom: -10px;
  -webkit-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
   left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
}
.header-top-bar + .header-navigation-menu {
	margin-top: 0;
}
.header-top-bar {display: none;}
.social-menu {
	float: right;
	padding: 25px 0;
}
.social-menu a{color: #fff;}
.social-menu .top-bar-email,.social-menu  .top-bar-number {display: inline-block;     padding: 0 10px;}
.social-menu .fa-envelope-o,.social-menu .fa-mobile-phone {display: inline-block;
	width: auto;
	;color: #d01949; padding: 0 10px;}
.social-menu .fa-envelope-o { font-size: 21px;}
.social-menu .fa-mobile-phone  { font-size: 24px;}
.toggle-nav-menu {
	padding: 10px 0 !important;
}
ul.nav-menu-content > li > a:hover, div.nav-menu-content ul > li > a:hover {
  color: #222;
}
.home ul.nav-menu-content > li > a:hover, .home div.nav-menu-content ul > li > a:hover {
  color: #fff;
}
ul.nav-menu-content > li > a:hover:after, div.nav-menu-content ul > li > a:hover:after {
  width: 75%;
}
.header-social a, .header-toggle a, .header-toggle span {
  color: #fff !important;
}
.header-emails-phone {
  position: absolute;
  top: 10%;
  right: 2%;
  font-size: 18px;
  font-weight: bold;
}

.top-sticky .header-emails-phone { display: none; }

.header-emails-phone span {
  margin: 0 10px;
  color: #fff;
}

.header-emails-phone a {color: #fff;}
.post-type-archive-portfolio .header-emails-phone a ,.post-type-archive-portfolio  .header-emails-phone span {color: #333;}
.home .header-emails-phone a,
.home .header-emails-phone span,
.home .header-emails-phone { color: #fff; }
.header-emails-phone .fa {
  color: #d11948;
  font-size:25px;
  vertical-align: middle;
  border: 2px solid #d11948;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  -o-border-radius: 100%;
  border-radius: 100%;
  padding: 7px;
  width: 42px;
  height: 42px;
}
.portfolio-column {
    padding: 0 30px;
}
.intro h2 {
  font-size: 48px;
  font-weight: bold;
  color: #fff;
}
.portfolio-hover-style-16 .portfolio-content-details {
  vertical-align: middle;
  text-align: center;
}
.btn-pink{
	background-color: #d01949;
	padding: 10px 20px;
	font-size: 26px;
	color: #fff;
	margin: 15px 0;
	display: inline-block;
}
.btn.contact-home-btn {
  background: none;
  color: #d11948;
  font-size: 36px;
  display: table;
  position: relative;
  border: 0;
}
.cookie-contact-form-4 .wpcf7-quiz,
.cookie-contact-form-4 .wpcf7-textarea,
.cookie-contact-form-4 .wpcf7-text {
  border: 0;
  background: #f6f7f8;
  padding: 10px;
}
.cookie-contact-form-4 input[type="submit"] {
  background: #d11948;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  color: #fff;
  text-transform: uppercase;
  display:table;
  margin: 20px auto;
  border: 0;
  padding: 15px 50px;
}
.cookie-contact-form-4 .submitbtn {
  position: relative;
}
.cookie-contact-form-4 .submithaws {
  background: url(images/submit-haws-icon.png) no-repeat;
  width: 61px;
  height: 27px;
  display: block;
  position: absolute;
  top: -6px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
}
.cookie-contact-form-4 input[type="submit"]:hover {
  border: 0;
  padding: 15px 50px;
  background: #d11948;
}

.portfolio-meta {border: none;}

.stickme-right.is_stuck {
  top: 100px !important;
  margin-left: 4.8%;
}

.agni-page-header-title {
    max-width: 800px;
    margin: 0 auto;}

.site-footer {
  background: #222;
}
.footer-logo a {
  padding-top: 0;
}
.footer-logo img {
  max-height: 161px;
}
.footer-content.style-2 .footer-social { padding-top: 0; }

.owl-dot.active span { border-color: #d11948; }

.section-heading {
	margin-bottom: 20px;
}
#new-section-bg-gray
{
	    background: #F2F2F2 !important;
}
.portfolio-bottom-caption {
	position: absolute;
	bottom: 0;
	background: transparent;
	left: 0;
	right: 0;
}
.portfolio-hover-style-9 .portfolio-post:hover .portfolio-thumbnail img {
	-ms-transform: scale(1);
	-webkit-transform: scale(1);
	transform: scale(1);
}

section#contact-form {
    background-color: #000;
	padding: 30px 0 0;
}

.services-row .service-box .divide-line {
    display: block;
    margin: 0 0 20px;
}

.services-row .service-box .divide-line span {
	margin: 0;
}

.services-row .service-box .heading {
    font-size: 23px;
}

.site-footer .footer-social {
    float: right;
}

.site-footer .footer-social:after {
	display: none !important;
}

.site-footer .footer-text {
    float: left;
}

.site-footer .footer-content:after {
	content: '';
	display: block;
	clear: both;
}

.site-footer .footer-content {
    padding: 20px 0;
}

.contact-form.google-map .container {
	    padding-top: 50px !important;
    padding-bottom: 0px !important;
}

.video-row iframe {
    display: block;
    margin: 35px auto 0;
    width: 100%;
    max-width: 800px;
    height: 450px;
}

@media only screen and (min-width: 992px) {
.header-navigation-menu:not(.side-header-menu) .tab-nav-menu {
	position: relative;
	top: -160px;}
}
@media only screen and (max-width: 991px) {

	.social-menu a>span{display: none;}

}
@media only screen and (max-width: 767px) {
  .header-emails-phone { display: none; }
	.social-menu {
		padding: 15px 0;
	}
	.video-row iframe {
		height: 380px;
	}

}

@media only screen and (max-width: 640px) {
	.video-row iframe {
		height: 315px;
	}
}

@media only screen and (max-width: 440px) {
	.video-row iframe {
		height: 250px;
	}
}