@font-face {
        font-family: BebasNeueRegular;
        src: url(BebasNeue.otf);
    }
 
@import url("../somersault/style.css");
 
/* =Theme customization starts here
------------------------------------------------------- */

.rar-sticky {
	position: fixed;
	top: 0;
	line-height: 0;
	right: 50;
	z-index: 1000;
	margin-top: 20px;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: 200px;
}

.rar-sticky img {
		padding: 5px;
}

.the-content p, .post-content p {
    font-size: 14px;
    line-height: 18px;
}

.the-content li {
	font-size: 14px;	
}

a, a:visited { 
	color: #009ee2;
}

.links a, .links a:visited {
	font-family: 'BebasNeueRegular', sans-serif;
	font-size: 22px;	
}

/* Contact Box */

.contact-box p { 
	font-family: 'BebasNeueRegular',sans-serif;
	font-size: 20px;
	text-transform: uppercase;
	letter-spacing: .02em;
	text-align: center;
}

.contact-box address {
	color: #fff;
	font-family: 'BebasNeueRegular',sans-serif;
	font-size: 20px;
	text-transform: uppercase;
	letter-spacing: .02em;
	text-align: center;
}

.contact-box h3 {
	font-family: 'BebasNeueRegular',sans-serif;
	margin-bottom: 25px;
	text-align: center;
}


.row-fluid.contact-box [class*="span"]:first-child {
	border-right: 1px solid rgba(255,255,255,0.5);	
}

/* Links */

body .navigation a:hover, .navigation a.active {
	border-color: #009ee2; 	
}

.links a:hover, .links.more-than-six a:hover {
    color: #009ee2;
}

body .navigation .page-arrows a:hover {
	background-color: #009ee2;
	border-color: #009ee2; 
}

body .project-item .thumbnail .xt-project-hover, body .project-media .xt-project-hover, body .post .thumbnail .post-thumb-hover {
    background: none repeat scroll 0 0 rgba(109, 156, 200, 0.85);
}

body .button.button-default:hover, body .xt-column-pricing .button.button:hover {
    background: #009ee2;
    border: 1px solid #009ee2;
    box-shadow: none;
}

body .button.button-default:focus, body .xt-column-pricing .button.button:focus {
	background: #009ee2;
    border: 1px solid #009ee2;
}

body .wpcf7-form input[type="submit"]:hover {
    background: none repeat scroll 0 0 #009ee2;
    border: 1px solid #009ee2;
}

.page-block input[type="submit"]:hover, body .widget_ns_mailchimp input[type="submit"]:hover {
    background: #009ee2;
    border: 1px solid #009ee2;
    box-shadow: none;
}

.post-navigation a:hover {
	background: #009ee2;	
}

.pull-right {
	float: right!important
}

.pull-left {
	float: left!important
}

.btn-next {
	float: right !Important;	
}

.service .icon {
	width: 190px;
	height: 190px;
	border-radius:160px;
	-webkit-border-radius: 160px;
	-moz-border-radius: 160px;
	margin: 24px auto 24px auto;
	background: #F1F1F1 center 56px no-repeat;
}


.planning:hover, .production:hover { background-position: center -224px; }
.distribution:hover { background-position: center -244px; }

.service h3 { 
   height: 60px;
   text-align: center; 
}

.icon.planning { background-image: url(images/creative-icon.png); }

.icon.production { background-image: url(images/production-icon.png); }

.icon.distribution { background-image: url(images/distribution-icon.png); }

.slidingDiv {
			display: none;
			background-color: #F1F1F1;
			margin-top:10px;
		}

p.wwd-content  { padding: 20px; }


#google_map { height: 300px !important; position: relative; width: 100% !important; }

a.show_hide {
   background: #F1F1F1;
    border: 1px solid #D9D9D9;
    color: #6D9CC8;
    font-family: 'BebasNeueRegular', sans-serif;
	font-size: 18px;
    line-height: 1.5em;
    padding: 10px 20px;
    text-transform: uppercase;
}

.show_hide.large {
	font-size: 20px;	
}

.btn-block.show_hide {
	border-radius: 0;
}

.service ul {
	list-style: none;
	margin-left: 0;
	text-align: center;
}

.styled-box {
	background: none !important;
    text-align: center;
}

.sidebar .widget_recent_entries ul li { text-transform: none; }

.client-logos { text-align: center; }
.client-logos img { margin: 10px 20px 40px; vertical-align: middle; }

.about-content {
	-moz-column-count: 2;
  	-moz-column-gap: 30px;
	-webkit-column-count: 2;
  	-webkit-column-gap: 30px;
	column-count: 2;
 	column-gap: 30px;
	margin-bottom: 20px;
}


.teamSlider { display: none; }
.teamSlider h2 { font-size: 36px; }
.team_arrow { font-size: 70px; }

.bg0 { height: 1080px; }
.bg1 { height: 635px; }
.gmv3_marker { color: #000; }

body .xt-filters-wrapper ul.xt-filters li {
	font-family: 'BebasNeueRegular', sans-serif;
	font-size: 24px;
}

.post-content .video-frame {
	margin-bottom: 20px;	
}

.thumbnail { 
	border-color: #D9D9D9;
	-webkit-border-radius: 0px;
     -moz-border-radius: 0px;
          border-radius: 0px;
	padding: 2px;
}

.pw-widget {
	margin: 0 0 10px;	
}

 @media only screen and (max-width: 767px) {
	.btn-next {
		float: none !Important;	
	}	
	
	.about-content {
		-moz-column-count: 1;
		-moz-column-gap: 30px;
		-webkit-column-count: 1;
		-webkit-column-gap: 30px;
		column-count: 1;
		column-gap: 30px;
		margin-bottom: 20px;
	}
	.service ul {
		list-style: none;
		margin-left: 20px;
		text-align: left;
	}
	
	.row-fluid.contact-box [class*="span"]:first-child {
		border-right: none;	
		border-bottom: 1px solid rgba(255,255,255,0.5);
		margin-bottom: 10px;
		padding-bottom: 10px;
	}
 }
 @media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) {
	.project-item .thumbnail img {
			width: 100%;
		}
	
	
 }
 @media (min-width: 768px) {
		.project-item .thumbnail img {
			width: 167px;;
			height: 94px;
		}
	}
	
	@media (min-width: 992px ) {
		.project-item .thumbnail img {
			width: 220px;
			height: 124px;
		}
	}
	
	@media (min-width: 1200px ) {
		.project-item .thumbnail img {
			width: 220px;
			height: 124px;
		}
	}