/*
Theme Name: Heynow Media
Theme URI: http://www.heynowmedia.com/
Description: Custom Theme for Heynow Media
Version: 1
Author: Apple C. Gamuza
Author URI: http://www.applegamuza.com/
*/
@import url("fonts/fonts.css");
body {
background:#fff;
	font-weight:normal;
	font-size:14px;
	color:#404040;
 padding:0;
 margin:0;
 font-family: 'HelveticaNeueLT W1G 55 Roman';
 overflow-y: scroll;
overflow-x: hidden;
}
h1,h2,h3,h4,h5{
font-family: 'AlternateGothicNo2BT';
color:#404040;
}
:focus{
outline:none;
}
a{
color:#E52B1B;
text-decoration:none;
}
a:hover , a:active , a:visited{
color:#E52B1B;
text-decoration:underline;
}
.s5{
	height:5px;
	clear:both;
}
.s10{
	height:10px;
	clear:both;
}
.s15{
	height:15px;
	clear:both;
display: inline-flex;
padding:25px;
background:#EDE7E7;
}
.s20{
	height:20px;
	clear:both;
}
.s30{
	height:30px;
	clear:both;

}
.s35{
	height:35px;
	clear:both;
}
.s37{
	height:37px;
	clear:both;
}
img.alignright {float:right; margin:0 0 1em 1.2em}
img.alignleft {float:left; margin:0 1em 1.2em 0}
img.aligncenter {display: block; margin-left: auto; margin-right: auto}
.alignright {float:right; }
.alignleft {float:left; }
.aligncenter {display: block; margin-left: auto; margin-right: auto}
.clear{
	clear:both;
}
.btn-gray {
  background-color: #4D4D4D;
  border-color: #4D4D4D;
  color:#fff !important;
  font-size:24px;
  font-family: 'AlternateGothicNo2BT';
  padding:7px;
  padding-left:30px;
  padding-right:30px;
  text-transform:uppercase;
  height:auto !important;
}
.btn-gray:hover,
.btn-gray:focus,
.btn-gray:active,
.btn-gray.active {
  background-color: #404040;
  border-color: #343434;
}
.btn-gray.disabled:hover,
.btn-gray.disabled:focus,
.btn-gray.disabled:active,
.btn-gray.disabled.active,
.btn-gray[disabled]:hover,
.btn-gray[disabled]:focus,
.btn-gray[disabled]:active,
.btn-gray[disabled].active,
fieldset[disabled] .btn-gray:hover,
fieldset[disabled] .btn-gray:focus,
fieldset[disabled] .btn-gray:active,
fieldset[disabled] .btn-gray.active {
  background-color: #4D4D4D;
  border-color: #4D4D4D;
}
.btn-red {
  background-color: #E52B1B;
  border-color: #E52B1B;
  color:#fff;
}
.btn-red:hover,
.btn-red:focus,
.btn-red:active,
.btn-red.active {
  background-color: #cf2618;
  border-color: #b82215;
   color:#000;
}
.btn-red.disabled:hover,
.btn-red.disabled:focus,
.btn-red.disabled:active,
.btn-red.disabled.active,
.btn-red[disabled]:hover,
.btn-red[disabled]:focus,
.btn-red[disabled]:active,
.btn-red[disabled].active,
fieldset[disabled] .btn-red:hover,
fieldset[disabled] .btn-red:focus,
fieldset[disabled] .btn-red:active,
fieldset[disabled] .btn-red.active {
  background-color: #E52B1B;
  border-color: #E52B1B;
}
/***mobile**/
.top-nav-mobile{
color:#fff;
background:#313131;
top:0;
width:100%;
padding-top:27px;
padding-bottom:27px;
}
.inner-mobile-menu{
background:#E52B1B;
}
.mm-menu{
background:#000 !important;
}
.mm-menu li{
color:#fff;
text-transform:uppercase;
text-align:center;
font-size:24px;
font-family: 'AlternateGothicNo2BT';
}
a.mm-title{
color:#fff !important;
text-transform:uppercase;
font-size:26px;
font-family: 'AlternateGothicNo2BT';
}
.mm-navbar{
display:none !important;
}
/****mobile***/
.header{
/*background:red;*/
}
.logo{
padding-left:60px;
}
.top-nav{
}
.top-nav ul{
float:right;
margin:0;
margin-top:25px;
padding:0;
}

.viewable .top-nav ul{
margin-top:5px;
}

.top-nav li{
font-family: 'AlternateGothicNo2BT';
display:inline;
font-size:21px;
text-transform:uppercase;
padding-left:20px;
}
.top-nav li a{
color:#fff;
}
.viewable li a{
color:#E52B1B;
}
.top-nav li a:hover{
text-decoration:none;
color:#000;
}
.top-nav li.current-menu-item a{
color:#000;
}
.banner h1{
color:#fff;
font-size:72px;
text-transform:uppercase;
font-weight:normal;
padding-top:10px;
/*padding-right:40px;*/
}
.banner h3{
color:#fff;
font-size:48px;
text-transform:uppercase;
font-weight:normal;
padding-top:20px;
/*padding-right:40px;*/
}
.slogan{
text-align:center;
padding-top:190px;
padding-bottom:190px;
}
.slogan h1{
font-family: 'AlternateGothicNo2BT';
margin:0;
padding:0;
font-size:60px;
color:#6e6e6e;
text-transform:uppercase;
}
.slogan h3{
margin:0;
padding:0;
font-family: 'AlternateGothicNo2BT';
font-size:36px;
color:#e52b1b;
text-transform:uppercase;
font-weight:normal;
line-height:40px;
}
.nop-l-r{
padding-left:0px;
padding-right:0px;
}
.client-logo {
  position: relative;
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
}
.client-logo img{
width:100%;
}
.border-t-b-r img{
border:1px solid #fff;
border-left:0px;
}
.border-t-b-l img{
border:1px solid #fff;
border-right:0px;
}
.who-we-work{
background:#E52B1B;
background:#E52B1B;
padding:100px;
padding-top:102px;
padding-bottom:58px;
color:#fff;
border:1px solid #fff;
border-left:0px;
min-height:440px;
}
.who-we-work h3{
font-size:36px;
text-transform:uppercase;
margin:0;
padding:0;
padding-bottom:10px;
line-height:1em;
}
.who-we-work p{
font-size:14px;
line-height:24px;
margin:0;
padding:0;
padding-bottom:30px;
}
.who-we-work .more{
font-size:18px;
font-family: 'AlternateGothicNo2BT';
color:#ffffff;
text-transform:uppercase;
}
.who-we-work .more a{
color:#ffffff;
text-decoration:underline;
}
.our-client-list .col-md-4{
border:1px solid #fff;
text-align:center;
}
.our-client-list{
/*background:#6E6E6E;*/
}
.space2{
height:3px;
background:#fff;
clear:both;
}
.space1{
height:1px;
background:#fff;
clear:both;
}
.our-client-list{
/*background:#6E6E6E;*/
border:1px solid #fff;
border-right:0px;
border-top:0px;
text-align:center;
}
.gray-book{
background:#6D6D6D;
text-align:center;
border-right:3px solid #fff;
}
.testimonials{
min-height:577px;
text-align:center;
padding:145px;
}
.testimonials h2{
color:#fff;
font-size:48px;
text-transform:uppercase;
padding-top:30px;
}
.testimonials h4{
color:#fff;
font-size:24px;
font-weight:normal;
padding-top:30px;
}
.team{
border-right:3px solid #fff;
}
.team img{
width:100%;
}
.team-info{
text-align:center;
background:#6D6D6D;
border-top:3px solid #fff;
border-right:3px solid #fff;
padding:6px;
min-height:80px;
}
.team-info p{
font-family: 'AlternateGothicNo2BT';
margin:0;
padding:0;
font-size:15px;
color:#fff;
}
.team-info h3{
margin:0;
padding:0;
font-size:20px;
color:#000;
}
.no-b-r{
border-right:0px !important;
}
.no-b-b{
border-bottom:0px !important;
}
.principal{
text-align:center;
color:#fff;
background:#E52B1B;
min-height:153px;
border-bottom:3px solid #fff;
}
.principal h2{
font-size:28px;
margin:0;
padding-top:62px;
padding-bottom:61px;
}
.principal h2 a{
color:#fff;
}
.principal h2 a:hover{
text-decoration:none;
}
.principal:hover{
cursor:pointer;
}
.contact-form{
padding-top:180px;
padding-bottom:150px;
text-align:center;
}
.contact-form h1{
text-transform:uppercase;
font-size:48px;
color:#e52b1b;
}
.contact-form label, .footer-right label{
text-transform:uppercase;
font-size:18px;
font-family: 'AlternateGothicNo2BT';
font-weight:normal;
}
.contact-form label{
margin-top:20px;
}
.contact-form input , .contact-form select{
border:2px solid #BBBBBB;
border-radius: 0px 0px 0px 0px;
-moz-border-radius: 0px 0px 0px 0px;
-webkit-border-radius: 0px 0px 0px 0px;
color:#000;
height:40px;
}
.contact-form input[type="text"],.contact-form input[type="tel"],.contact-form input[type="email"], .contact-form textarea{
width:100% !important;
padding:5px;
}
.contact-form input:focus , .footer-right input:focus{
border:2px solid #E52B1B;
-webkit-box-shadow: 0px 0px 0px 0px rgba(50, 50, 50, 0.75);
-moz-box-shadow:    0px 0px 0px 0px rgba(50, 50, 50, 0.75);
box-shadow:         0px 0px 0px 0px rgba(50, 50, 50, 0.75);
}
.contact-form textarea{
border:2px solid #BBBBBB;
border-radius: 0px 0px 0px 0px;
-moz-border-radius: 0px 0px 0px 0px;
-webkit-border-radius: 0px 0px 0px 0px;
height:100px;
resize:none;
}
.contact-form textarea:focus{
border:2px solid #E52B1B;
-webkit-box-shadow: 0px 0px 0px 0px rgba(50, 50, 50, 0.75);
-moz-box-shadow:    0px 0px 0px 0px rgba(50, 50, 50, 0.75);
box-shadow:         0px 0px 0px 0px rgba(50, 50, 50, 0.75);
}
.contact-form input[type=submit]{
border:none;
margin-top:20px;
}
.top-footer{
background:#F9F7F7;
border-bottom:2px solid #FF0000;
padding:30px;
padding-left:20px;
padding-right:20px;
font-family: 'AlternateGothicNo2BT';
}
.top-footer ul{
margin:0;
padding:0;
}
.top-footer li{
display:inline-block;
font-size:21px;
text-transform:uppercase;
font-family: 'AlternateGothicNo2BT';
margin:0;
padding:0;
padding-right:20px;
}
.top-footer li a{
color:#e52b1b;
}
.top-footer p{
padding-top:10px;
font-size:18px;
color:#4d4d4d;
}
.top-footer span{
color:#E52B1B;
font-size:12px;
padding-left:10px;
padding-right:10px;
}
.footer-left{
padding:25px;
background:#EDE7E7;
}
.footer-left h3{
margin:0;
padding:0;
padding-bottom:20px;
}
.footer-left ul{
margin:0;
padding:0;
padding-top:12px;
background:url(images/border.png) repeat-x top;
}
.footer-left li{
margin:0;
padding:0;
list-style:none;
font-size:18px;
text-transform:none;
background:url(images/border.png) repeat-x bottom;
margin-bottom:12px;
padding-bottom:12px;
font-family: 'Helvetica Neue';
			font-weight: normal;
			font-style: normal;
}
.footer-left li a{
color:#000000;
}
.footer-left li a:hover{
text-decoration:none;
color:#E52B1B;
}
.footer-left li i{
font-size:14px;
color:#4d4d4d;
    font-family: 'Helvetica Neue';
			font-weight: normal;
			font-style: italic;
}
.footer-left li img{
padding-right:20px;
}
.footer-right{
padding:22px;
text-align:center;
}
.footer-right input{
border:2px solid #BBBBBB;
border-radius: 0px 0px 0px 0px;
-moz-border-radius: 0px 0px 0px 0px;
-webkit-border-radius: 0px 0px 0px 0px;
margin-bottom:0px;
color:#000;
height:40px;
}
.footer-right input[type=submit]{
border:none;
margin-top:10px;
padding:2px;
padding-left:35px;
padding-right:35px;
}
.footer-right h2{
    color: #e52b1b;
    text-transform: uppercase;
    font-family: 'AlternateGothicNo2BT';
    font-weight: normal;
}
.see-all{
font-size:18px;
color:#e52b1b;
font-family: 'AlternateGothicNo2BT';
}
.see-all a{
color:#e52b1b;
text-decoration:underline;
text-transform:none;
}
.footer-left{
font-size:24px;
color:#000000;
text-transform:uppercase;
}
.footer-right h3{
font-size:24px;
color:#e52b1b;
text-transform:uppercase;
}
.border{
background:url(images/border.png);
height:3px;
}
.current-snack{
}
.current-snack ul{
margin-bottom:4px;
}
.current-snack li{
background:none;
margin:0;
padding:0;
padding-top:7px;
padding-bottom:7px;
font-size:13px;
}
.current-snack i{
font-size:12px !important;
font-family: 'Helvetica Neue';
font-weight: normal;
font-style: normal;
}
.current-snack li a{
font-size:12px !important;
font-family: 'Helvetica Neue';
font-weight: bold;
font-style: normal;
}

.floatleft{
    float: left;
}

/****about page***/
.inner-header{
background:#E52B1B;
}
.viewable{
background: url(images/trans-white.png);
}
.nav-trail{
font-size:18px;
font-family: 'AlternateGothicNo2BT';
color:#e52b1b;
padding-top:15px;
padding-bottom:15px;
text-transform:uppercase;
}
.nav-trail p{
margin:0;
padding:0;
}
.about-content{
padding-top:80px;
padding-bottom:100px;
}
.about-content h1{
text-transform:uppercase;
font-size:72px;
color:#e52b1b;
line-height:72px;
font-weight: 400;
margin: 0 0 0 -2px;
padding:0;
}
.about-content p{
font-family: 'Helvetica Neue';
font-size:15px;
margin:0;
padding:0;
padding-top:25px;
line-height:21px;
}
.about-team-info{
background: url(images/trans-red.png);
padding:6px;
margin-top:-58px;
z-index:10;
position:absolute;
width:100%;
text-align:center;
border-right:3px solid #F0837A;
}
.about-team-info h3{
margin:0;
padding:0;
text-transform:uppercase;
color:#fff;
}
.about-team-info p{
margin:0 !important;
padding:0 !important;
text-transform:uppercase;
color:#fff;
    font-family: "AlternateGothicNo2BT";
}
.team-about{
}
.team-about img{
width:100%;
height:auto;
}
.team-about{
}
.no-border{
border-color:#ddd;
}
.red-border{
border-right:none;
}
/****our work page***/
.sort{
text-transform:uppercase;
}
.sort p{
display:inline;
font-family: 'AlternateGothicNo2BT';
font-size:20px;
color:#E52B1B;
}
.sort ul{
float:right;
display:inline;
margin:0;
padding:0;
}
.sort li{
font-family: 'AlternateGothicNo2BT';
font-size:20px;
display:inline;
border-left:2px solid #E52B1B;
padding:0px;
padding-left:10px;
padding-right:10px;
}
.sort li a{
color:#c4c4c4;
}
.our-work{
padding:0px;
border-top:1px solid #fff;
}
/***css overwrites***/
.ih-item.square{
border:none;
height:310px;
width:auto;
}
.ih-item.square.effect4 .mask1,
.ih-item.square.effect4 .mask2 {
  position: absolute;
  height: 570px;
  width: 250px;
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
}
.ih-item.square.effect4 .mask1 {
background: url(images/trans-red.png);
  left:0;
  top: -145px;
   bottom: 0;
  -webkit-transform: rotate(56.5deg) translateX(180px);
  -moz-transform: rotate(56.5deg) translateX(-180px);
  -ms-transform: rotate(56.5deg) translateX(-180px);
  -o-transform: rotate(56.5deg) translateX(-180px);
  transform: rotate(56.5deg) translateX(-180px);
  -webkit-transform-origin: 200% 0%;
  -moz-transform-origin: 200% 0%;
  -ms-transform-origin: 200% 0%;
  -o-transform-origin: 200% 0%;
  transform-origin: 200% 0%;
}
.ih-item.square.effect4 .mask2 {
background: url(images/trans-white.png);
  top: auto;
  bottom: 0;
  right: 0;
  -webkit-transform: rotate(56.5deg) translateX(180px);
  -moz-transform: rotate(56.5deg) translateX(180px);
  -ms-transform: rotate(56.5deg) translateX(180px);
  -o-transform: rotate(56.5deg) translateX(180px);
  transform: rotate(56.5deg) translateX(180px);
  -webkit-transform-origin: 0% 179%;
  -moz-transform-origin: 0% 179%;
  -ms-transform-origin: 0% 179%;
  -o-transform-origin: 0% 179%;
  transform-origin: 0% 179%;
}
.ih-item.square.effect4 a:hover .mask1 {
  -webkit-transform: rotate(15deg) translateX(1px);
  -moz-transform: rotate(15deg) translateX(1px);
  -ms-transform: rotate(15deg) translateX(1px);
  -o-transform: rotate(15deg) translateX(1px);
  transform: rotate(15deg) translateX(1px);
}
.ih-item.square.effect4 a:hover .mask2 {
  -webkit-transform: rotate(15deg) translateX(-1px);
  -moz-transform: rotate(15deg) translateX(-1px);
  -ms-transform: rotate(15deg) translateX(-1px);
  -o-transform: rotate(15deg) translateX(-1px);
  transform: rotate(15deg) translateX(-1px);
}
.ih-item.square.effect4 .info {
width:100%;
margin:0;
top:auto;
visibility: hidden;
 background:none;
}
.ih-item.square.effect4 .info h3{
margin:0;
padding:20px;
font-size:36px;
border:none;
color:#000;
text-align:center;
text-transform:uppercase;
}
.ih-item.square.effect4 a:hover .info {
width:100%;
bottom:0;
top:auto;
text-align:center;
  -webkit-transform: rotate(90deg);
    -webkit-transform-origin: right top;
    -moz-transform: rotate(90deg);
    -moz-transform-origin: right top;
    -ms-transform: rotate(90deg);
    -ms-transform-origin: right top;
    -o-transform: rotate(90deg);
    -o-transform-origin: right top;
    transform: rotate(90deg);
    transform-origin: right top;
}
div.wpcf7-response-output{
width:50%;
margin:auto !important;
}
.am-wrapper{
	float:left;
	position:relative;
	overflow:hidden;
}
.am-wrapper img{
	position:absolute;
	outline:none;
	  transition: opacity 1s ease-in-out;
    -moz-transition: opacity 1s ease-in-out;
    -webkit-transition: opacity 1s ease-in-out;
	opacity: 1 !important;
}
.am-wrapper img:hover{
 opacity: .8 !important;
  transition: opacity .55s ease-in-out;
    -moz-transition: opacity .55s ease-in-out;
    -webkit-transition: opacity .55s ease-in-out;
}
#modal-02{
background: url(images/trans-black.png) !important;
}
#btn-close-modal {
float:right;
margin-top:20px;
margin-right:20px;
cursor:pointer;
color:#fff;
font-size:30px;
}
.modal-contents{
text-align:center;
color:#fff;
}
.modal-contents h1{
text-align:center;
color:#fff !important;
font-size:72px !important;
text-transform:uppercase;
line-height:1em;
}
.modal-contents ul{
margin:0;
list-style:none;
}
.modal-contents li{
text-align:left;
}
#snakeContainer{
background:none !important;
margin:auto;
}
.snake_cell{
background:none;
border:none !important;
}
.bread-arrow{
background: url(images/arrow.png) no-repeat center;
padding-left:3px;
padding-right:3px;
}
.breadcrumbs a{
text-decoration:underline;
color:#E52B1B;
}
.breadcrumbs .breadcrumb_last{
color:#808080;
}
.contact-title{
background: url(images/contact-banner.png) no-repeat center right scroll; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
text-align:center;
padding:10px;
padding-top:90px;
padding-bottom:90px;
}
.contact-title h1{
text-transform:uppercase;
color:#fff;
margin:0;
padding:0;
font-size:68px;
line-height:1em;
}
.contact-content{
background:#ACACAC;
padding:10px;
padding-top:80px;
padding-bottom:80px;
}
.contact-info{
text-align:center;
padding:50px;
}
.contact-info h1{
text-transform:uppercase;
color:#e52b1b;
font-size:48px;
}
.contact-info p{
font-size:24px;
color:#000;
font-family: 'AlternateGothicNo2BT';
padding-top:5px;
padding-bottom:5px;
}
.page h1{
font-size:36px;
color:#000;
margin:0;
padding:0;
line-height:2em;
}
.page p{
margin:0;
padding:0;
padding-bottom:10px;
padding-top:10px;
}
.author-blog{
color:#e52b1b;
}
.author-blog a{
color:#e52b1b;
}
.cat a{
color:#464646;
}
.blog-pagination .prev{
background:#F2F2F2 !important;
text-align:center;
float:left;
width:100%;
padding-top:13px;
padding-bottom:10px;
text-transform:uppercase;
border-right:1px solid #fff;
}
.blog-pagination .prev a{
font-family: 'AlternateGothicNo2BT';
background: url(images/prev.png) no-repeat left;
font-size:18px;
color:#808080;
padding-left:15px;
}
.blog-pagination .next{
background:#F2F2F2 !important;
text-align:center;
float:right;
width:100%;
padding-top:13px;
padding-bottom:10px;
text-transform:uppercase;
border-left:1px solid #fff;
}
.blog-pagination .next a{
font-family: 'AlternateGothicNo2BT';
background: url(images/next.png) no-repeat right;
font-size:18px;
color:#808080;
padding-right:15px;
}
.comments , .captcha_msg{
font-family: 'Helvetica Neue' !important;
}
#wpcomm input[type="text"], #wpcomm input[type="email"], #wpcomm input[type="url"], #wpcomm textarea{
font-family: 'AlternateGothicNo2BT' !important;
}
#wpcomm .wc-form-wrapper{
padding:0px !important;
border:none !important;
}
.wpdiscuz-front-actions{
border:none !important;
}
.comments input[type="button"]{
background:#4D4D4D;
color:#fff;
font-family: 'AlternateGothicNo2BT' !important;
font-size:20px !important;
text-transform:uppercase;
padding:10px !important;
padding-bottom:7px !important;
}
.sidebar h3{
font-family: 'AlternateGothicNo2BT';
font-weight:normal;
text-transform:uppercase;
margin:0;
padding:0;
padding-bottom:20px;
font-size:30px;
color:#e52b1b;
}
.sidebar ul{
margin:0;
padding:0;
}
.sidebar li{
font-family: 'Helvetica Neue' !important;
display:block;
margin:0;
padding:0;
padding-bottom:2px;
}
.sidebar .widget{
margin-bottom:20px;
}
.sidebar a{
color:#272727;
}
.widget_search{
background:#F3F3F3;
padding:5px;
padding-bottom:5px;
}
.widget_search .screen-reader-text{
display:none;
}
.sidebar-author h3{
font-family: 'AlternateGothicNo2BT';
font-size:22px;
text-transform:uppercase;
color:#000000;
padding-top:30px;
}
.sidebar-author h4{
font-family: 'AlternateGothicNo2BT';
font-size:16px;
text-transform:uppercase;
color:#000000;
padding-top:10px;
}
.sidebar-author a{
text-decoration:underline;
}
.sidebar-search{
background:#F3F3F3;
padding:5px;
}
.sidebar-search input[type="text"]{
width:202px;
border:none;
padding:14px;
float:left;
display:inline;
}
.sidebar-search input[type="submit"]{
width:46px;
height:49px;
background:url(images/submit-bg.png) no-repeat;
border:none;
float:left;
display:inline;
}
.wp-pagenavi a, .wp-pagenavi span{
background:#4D4D4D;
color:#fff;
border:none !important;
padding:8px !important;
}
.current{
background:#E52B1B !important;
}
/***single portfolio***/
.sing-portfolio{
padding-top:0px; padding-bottom:0px;
}
.bordered{
border:1px solid #000;
min-height:580px;
background:#fff;
}
.sing-portfolio h1{
color:#000;
font-size:48px;
margin:0;
padding:0;
}
.sing-portfolio .next a:after{
content: url("images/next-p.png");
}
.sing-portfolio .next a{
background: #F3F3F3;
display:inline;
float:left;
text-transform:uppercase;
font-family: 'AlternateGothicNo2BT';
font-size:18px;
color:#808080;
padding:10px;
border:1px solid #fff;
}
.sing-portfolio .prev a:before{
content: url("images/prev-p.png");
}
.sing-portfolio .prev a{
background: #F3F3F3;
display:inline;
float:right;
text-transform:uppercase;
font-family: 'AlternateGothicNo2BT';
font-size:18px;
color:#808080;
padding:10px;
padding-left: 15px;
border:1px solid #fff;
}
.extra-port img{
border:1px solid #fff;
 transition: opacity 1s ease-in-out;
    -moz-transition: opacity 1s ease-in-out;
    -webkit-transition: opacity 1s ease-in-out;
	opacity: 1 !important;
}
.extra-port img:hover{
 opacity: .8 !important;
  transition: opacity .55s ease-in-out;
    -moz-transition: opacity .55s ease-in-out;
    -webkit-transition: opacity .55s ease-in-out;
}
.targetDiv{
display:none;
}
.active .about-team-info{
background:#E52A1A;
}
.team-about:hover{
cursor:pointer;
}

.bg-red{
background:red;
position:relative;
z-index:0;
}
.bg-red img{
opacity:.5;
}

.about-statement{
bottom:160px;
position:absolute;
z-index:200;
width:100%;
}
.about-statement h1{
color:#fff !important;
font-size:70px;
line-height:1em;
}
#content-slider li{
background:#6E6E6E;
/*border:1px solid #fff !important;*/
}
.lSAction{
display:none !important;
}
 .show-hide {
    display: none;
}
.show-hide#ver1 {
    display: block;
}
.page-template-page-about .second{
display:none;
}
.page-template-page-about .active .second{
display:block;
}
.page-template-page-about .active .first{
display:none;
}
.gray-book img{
	outline:none;
	  transition: opacity 1s ease-in-out;
    -moz-transition: opacity 1s ease-in-out;
    -webkit-transition: opacity 1s ease-in-out;
	opacity: 1 !important;
}
.gray-book img:hover{
 opacity: .7 !important;
  transition: opacity .55s ease-in-out;
    -moz-transition: opacity .55s ease-in-out;
    -webkit-transition: opacity .55s ease-in-out;
}

.ow-button-base a{
font-family: 'AlternateGothicNo2BT' !important;
}
/***media queries**/
/* Large desktops and laptops */
@media (min-width: 1200px) {
}
/* Landscape tablets and medium desktops */
@media (min-width: 992px) and (max-width: 1199px) {
.about-statement{
top:30%;
bottom:auto;
}
.about-statement h1{
font-size:4em;
}
}
/* Portrait tablets and small desktops */
@media (min-width: 768px) and (max-width: 991px) {
.who-we-work {
padding:20px;
padding-top:60px;
padding-bottom:60px;
border:none;
}
.our-client-list{
border:none;
}
.gray-book{
border:2px solid #fff;
border-left:0px;
border-right:0px;
}
.testimonials{
padding:0px;
min-height:auto;
padding-bottom:20px;
}
.team{
border:none;
}
.team-info{
border-right:0px;
}
.about-statement{
top:30%;
bottom:auto;
}
.about-statement h1{
font-size:4em;
}
}
/* Landscape phones and portrait tablets */
@media (max-width: 767px) {
.who-we-work {
padding:20px;
padding-top:60px;
padding-bottom:60px;
border:none;
}
.our-client-list{
border:none;
}
.gray-book{
border:2px solid #fff;
border-left:0px;
border-right:0px;
}
.testimonials{
padding:0px;
min-height:auto;
padding-bottom:20px;
}
.team{
border:none;
}
.team-info{
border-right:0px;
}
.about-statement{
top:25%;
bottom:auto;
}
.about-statement h1{
font-size:3em;
}
}
/* Portrait phones and smaller */
@media (max-width: 480px) {
.who-we-work {
padding:20px;
padding-top:60px;
padding-bottom:60px;
border:none;
}
.our-client-list{
border:none;
}
.gray-book{
border:2px solid #fff;
border-left:0px;
border-right:0px;
}
.testimonials{
padding:0px;
min-height:auto;
padding-bottom:20px;
}
.team{
border:none;
}
.team-info{
border-right:0px;
}
.sort p{
font-size: 13px;
}
.sort li{
  font-size: 13px;
}
.about-statement{
top:25%;
bottom:auto;
}
.about-statement h1{
font-size:2em;
}
}

.top-menu{
	width:100%;
display:none;
z-index:1000;
}
.not-sticking{
display:none !important;
}
.site-header2.not-sticking{
display:block !important;
}

.top-menu2{
	width:100%;
z-index:1000;
}

span.snakeButton{
    font-size: 18px;
    padding: 4px 10px !important;
}
span.snakeLabel{
    font-size: 18px !important;
}
#snakeScore{
    text-align: center !important;
}

/* the important styles */

.arrow-wrap {
  position:absolute;
  z-index:1;
  left:50%;
  top:120%;
  margin-left:-5em;
  background: url(images/arrow-down.png) no-repeat center;
  width:60px;
  height:60px;
  padding:4em 2em;
  border-radius:50%;
  font-size:0.5em;
  display:block;
  box-shadow:0px 0px 5px 0px #333;
}

.arrow {
  float:left;
  position:relative;
  width: 0px;
height: 0px;
border-style: solid;
border-width: 3em 3em 0 3em;
border-color: #ffffff transparent transparent transparent;
  -webkit-transform:rotate(360deg)
}

.arrow:after {
  content:'';
  position:absolute;
  top:-3.2em;
  left:-3em;
  width: 0px;
height: 0px;
border-style: solid;
border-width: 3em 3em 0 3em;
border-color: #111 transparent transparent transparent;
  -webkit-transform:rotate(360deg)
}





.arrow-wrap:hover .hint {
  opacity:1;
}


  @-webkit-keyframes arrows {
    0% { top:0; }
    10% { top:12%; }
    20% { top:0; }
    30% { top:12%; }
    40% { top:-12%; }
    50% { top:12%; }
    60% { top:0; }
    70% { top:12%; }
    80% { top:-12%; }
    90% { top:12%; }
    100% { top:0; }
  }
  
  .arrow-wrap .arrow {
    -webkit-animation: arrows 2.8s 0.4s;
    -webkit-animation-delay: 3s;
  }

.ih-item img{
height:100% !important;
}

.portfolio-wrapper img{
width:100%;
}

/* Large desktops and laptops */
@media (min-width: 1900px) {
.ih-item.square{
height:443px;
}

.ih-item.square.effect4 .mask1{
top:50px;
display:none;
}
.ih-item.square.effect4 .mask2{
transform-origin: 0 240% 0;
display:none;
}
.principal{
padding-top:33px;
padding-bottom:34px;
}
}

.hs-button {
  background-color: #4D4D4D;
  border-color: #4D4D4D;
  color:#fff !important;
  font-size:24px;
  font-family: 'AlternateGothicNo2BT';
  padding:7px;
  padding-left:30px;
  padding-right:30px;
  text-transform:uppercase;
  height:auto !important;
}
.hs-button:hover,
.hs-button:focus,
.hs-button:active,
.hs-button.active {
  background-color: #404040;
  border-color: #343434;
}
.hs-button.disabled:hover,
.hs-button.disabled:focus,
.hs-button.disabled:active,
.hs-button.disabled.active,
.hs-button[disabled]:hover,
.hs-button[disabled]:focus,
.hs-button[disabled]:active,
.hs-button[disabled].active,
fieldset[disabled] .hs-button:hover,
fieldset[disabled] .hs-button:focus,
fieldset[disabled] .hs-button:active,
fieldset[disabled] .hs-button.active {
  background-color: #4D4D4D;
  border-color: #4D4D4D;
}


.contact-form .hs-form fieldset{
max-width:100% !important;
}



ul.hs-error-msgs, ul.hs-error-msgs li{
list-style:none;
margin:0 !important;
padding:0 !important;
text-align:center;
}
ul.hs-error-msgs li label{
font-size:14px !important;
color:#E52B1B;
}

#wprmenu_bar{
background:#313131 !important;
}
#wprmenu_bar .wprmenu_icon span{
background:#e52b1b !important;
}
#wprmenu_menu a{
color:#fff !important;
text-transform:uppercase;
text-align:center;
font-size:24px !important;
font-family: 'AlternateGothicNo2BT' !important;
}
#wprmenu_menu.wprmenu_levels ul li , #wprmenu_menu.wprmenu_levels > ul{
border:none !important;
}
#wprmenu_menu ul li a, #wprmenu_menu ul li a:hover{
padding:5px !important;
}