/*

	Theme Name: Innermedia Base Template 2

	Theme URI: http://www.innermedia.co.uk



*/



/*------------------------------------*\

    MAIN

\*------------------------------------*/



/* global box-sizing */

*,

*:after,

*:before {

	-moz-box-sizing:border-box;

	box-sizing:border-box;

	-webkit-font-smoothing:antialiased;

	font-smoothing:antialiased;

	text-rendering:optimizeLegibility;

}

/* html element 62.5% font-size for REM use */

html {

	font-size:62.5%;

}

body {

    font-family:sans;

            font-family:  'Open Sans', sans-serif;

font-weight: 400;

    font-style: normal;

    color: #000000;

    font-size: 13px;

    background:#fff;

    /* color:#888888; */

    /* color: #777; */

}



/* clear */

.clear:before,

.clear:after {

    content:' ';

    display:table;

}



.clear:after {

    clear:both;

}


img {

	max-width:100%;

	vertical-align:bottom;

}

a {

	color:#EC2230;  

	text-decoration:none;

}

article a {

	text-decoration:underline;

}

a:hover {

	color:#1E3A9B;

	text-decoration:none;  

}

a:focus {

	outline:0;

  text-decoration:none;

	color:initial;  

}

a:hover,

a:active {

	outline:0;

}

input,

textarea,

button {

  max-width:100%;

}

input:focus {

	outline:0;

}

h1,h2,h3,h4{

 font-weight:700;

 color:#000

}

h1 {

    color: #EC2230;

margin:0.8em 0 0.4em;

}

h2 {

  font-size:20px;

  color:#1E3A9B;

}

.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

/*------------------------------------*\

    STRUCTURE

\*------------------------------------*/

.siteWrap {



}



/*columns*/

.columnWrap  {

  width:103%;

  margin-lefT:-1.5%;

}

.columnWrap .col{

  float:left;

  width:50%;

  padding:0 1.5%;

}

.columnWrap.cols3 .col{

  width:33%;

}

.columnWrap.cols4 .col{

  width:25%;

}

/* header */

.header {

      border-bottom: 1px solid #f3f3f3;

      position:relative;

}

.headerStrip {

  font-size:12px;

color:#999999;  

border-bottom:1px solid #ededed;

display:none;

}

.headerStrip p{

  margin:10px 0;

}

.headerStrip a{

  color:#999999;

}

.headerStrip a:hover{

  color:#EC2230;

}

.header-social {

  font-size:16px;

  text-align:right;

  letter-spacing:6px;

}

/* logo */

.logo {

  text-align:center;

  position:relative;

  line-height:125px;

padding:0 20px;

}



.logo img {

    max-height:100px;

        width:auto;

    height:auto;

    display:inline-block;

    vertical-align:middle;

}

/* nav */

.navWrap {

  position:static;

}

.nav ul{

  list-style:none;

  padding:0;

  margin:0;

}

.nav .menu {

  display:none;

  clear:both;

  background:#fff;

  padding:1px 0;

}

.nav .menu li {

  position:relative;

  z-index:101;

  font-size:14px;

  margin:8px 0;

}

.nav .menu ul{

  padding-left:20px;  

}

.nav .menu ul li{

  white-space:nowrap;

}

.nav .menu.openMenu {

  display:block;

}

.nav .menu li a:focus  {

  color:#EC2230;

}

.nav a {

	color:#1E3A9B;

	text-decoration:none;  

}

.nav .menu li.current-menu-item,

.nav .menu li.current-menu-item > a,

.nav .menu li:hover,

.nav .menu li:hover >a

{

  color:#EC2230;

  text-decoration:none;

}

.menuToggle {

  font-size:24px;

  color:#777;

  padding:0 0 5px;

      position: absolute;

    top: 45px;

}

.menuToggle.toggleopen {

  color:#000;

  font-weight:700;

}

/* sidebar */

.sidebar {



}

/* footer */

.footer {

  background:#000;

  color:#777777;

  font-size:13px;

}

.footer a {

  color:#bbbbbb;

}

.footer a:hover {

  color:#EC2230;

}

.footerTop {

  background:#2d2d2d;

  padding:15px 0;

}

.social-footer {

  font-size:18px;

  letter-spacing:0.5em;

  margin:0.5em 0;

}

.footer h3{

  color:#eaeaea;

  font-size:13px;

  margin-bottom:30px;

  text-transform:uppercase;

  font-weight:400;

}

.footer h4{

  font-size:1em;

  margin:0px 0 5px;

  font-weight:400;

}

.footer .ftNews {

  margin-bottom:15px;

}

.footerLower p {

  margin:15px 0;

  font-size:11px

}

.footer ul {

  padding:0 0 0 5px;

  list-style:none;

}

.footer ul li{

  line-height:1.5em;

}

.stylezzzz1 {

color:#FF0000;

}

article h1 {

font-size:15px;

}

/*------------------------------------*\

    PAGES

\*------------------------------------*/

.pageHeader {

  width:100%;

  background:#f3f3f3;

  color:#000;

  padding:20px 0;

}

.pageHeader h1{

  font-weight:400;

  font-size:30px;

  margin:0;

  text-transform:uppercase;

}

.pageHeader .featured {

max-height:355px;

overflow:hidden;

  margin-top:-20px;

  margin-bottom:20px;  

}

.pageHeader .featured img {

  width:100%;

}

.breadcrumbs  {

  text-align:right;

  padding-top:5px;

}

.breadcrumbs > span {

  padding:0 10px;

}

.pageBody {

  padding:50px 0;

}

.seconday-text {

  padding-bottom:30px;

}

/*home*/

.homeSlider {

  position:relative;

  margin:0 0 50px;

}

.homeSlider .slide {

  background-repeat:no-repeat;

  background-size:cover;

  background-position:center;

  width:100%;

  position:relative;  

  max-height:500px;

  overflow:hidden;

  

}

.homeSlider .slideTextbg {

  width:100%;

  position:absolute;

  top:0;

  left:0;

  height:100%;

  background:rgba(0,0,0,0.55);

}

.homeSlider .slideText {

  text-align:center;

  width:100%;

  position:absolute;

  left:0;

  top:0;

  color:#fff;

      padding-left: 30px;

    padding-right: 30px;

    padding-top: 30px;

    padding-bottom: 30px;

    top:50%;

    margin-top:-82px;

    font-size:14px;

}

.homeSlider .slideText span{

  color:#EC2230;

}

.homeSlider .slideText .slideTextHead {

  font-size:20px;

  margin-bottom:10px;

  font-weight:300;

}

.homeSlider .slide:before {

  content:'';

  width:100%;

  padding-top:50%;

  display:block;

  position:relative;

}

.homeSlider .slidenav {

  position: absolute;

    top: 50%;

    display: block;

    display:none;

    outline: none;

    text-align: left;

    z-index: 101;

    -webkit-transform: translateY(-50%);

    transform: translateY(-50%);

      width: 40px;

    height: 40px;

    border-radius: 20px;

    background: rgba(0,0,0,0.5);

    -webkit-transition: width 0.3s, background-color 0.3s, opacity 0.3s;

    transition: width 0.3s, background-color 0.3s, opacity 0.3s;

    cursor:pointer;

    display:none;

    opacity:0;

}

.homeSlider .slidenav:hover {

  width: 105px;

  background: #000;

}

.homeSlider .slidenav .iconWrap{

    position: absolute;

    width: 38px;

    }

    .homeSlider .slidenav.prev .iconWrap {

      left:0;

    }

    .homeSlider .slidenav.next .iconWrap {

      right:0;

    }

    .homeSlider .slidenav .iconWrap i {

        position: relative;

    text-align: center;

    width: 100%;

    line-height: 40px;

    font-size: 28px;

    float: left;

    color: #fff;

    -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;

    transition: opacity 0.3s, transform 0.3s;

    }

    .homeSlider .slidenav:hover .iconWrap i {

      color:#fff;

    }

.homeSlider .slidenav.next {

    right: 15px;

    

    }

    .homeSlider .slidenav.prev {

    left: 15px;    

    }

.homeSlider .slidenav .text{ 

        position: absolute;

    top: 3px;

    margin: 0;

    color: #fff;

    text-transform: uppercase;

    white-space: nowrap;

    letter-spacing: 1px;

    font-weight: bold;

    font-size: 0.85em;

    line-height: 3.4;

    opacity: 0;

    -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;

    transition: opacity 0.3s, transform 0.3s;

}

.homeSlider .slidenav.prev .text    {

    right: 20px;

    }

    .homeSlider .slidenav.next .text    {

    left: 20px;

    }

.homeSlider .slidenav:hover .text{

    opacity: 1;

    -webkit-transition-delay: 0.1s;

    transition-delay: 0.1s;

    -webkit-transform: translateX(0);

    transform: translateX(0);

    }

.homeBody {

  margin-top:50px;

  margin-bottom:25px;

}

.homeBody h1,

.homeBody .h1 {  

  color:#000;

  margin:1.5em 0;

  font-size:25px;

  padding-bottom:10px;

  position:relative;

  border-bottom:1px solid #ededed;

  margin:0 0 35px;

}

.homeBody h1:after,

.homeBody .h1:after {

    content: "";

    position: absolute;

    width: 50px;

    height: 2px;

    bottom: 0;

    left: 0;

    background:#EC2230;

    }

.linkBox {

  margin:25px 0 25px;

}

.linkBox img{

  float:left;

  max-width:42px;

  margin:0 8px -100% 0;

}

.linkBox .litTextRight {

  float:left;

  padding-lefT:50px;

}

.linkBox:hover {

  opacity:0.8;

}

.linkBox h3{

  font-size:18px;

  font-weight:400;

  margin:0 0 15px;

}

.linkBox a{

  color:#000;

  text-decoration:none;

}

.linkBox a:hover{

text-decoration:none;

color:#EC2230;

}

.secondaryGroup,

.portfolioContainer {

  background:#f3f3f3;

  padding:10px 0 30px;

}

.ftCTA {

  font-size:26px;

  background:#f3f3f3;

  padding:25px 0;

  text-align:center;

}

.ftCTA p{

  margin:15px 0;

}

a.button {

  text-align:center;

  display:inline-block;

  padding: 12px 35px; 

  color:#fff;

  background:#EC2230;

  border-radius:3px;

  -webkit-transition: background 0.3s;

    transition: background 0.3s;

    font-size:14px;

}

a.button:hover {

 background:#000;

}

.ftCTA  a.button {

  margin:15px auto;

}

/*home news*/

.homeNews {

  margin:0 0 20px 0;

}

.homeNews img {

  float:left;

  max-width:100px;

  margin:0 10px 10px 0;

}

.homeNews h3 {

  font-weight:400;

  font-size:16px;

  margin:0;

}

/*posts*/

.comments ul {

  list-style:none;

  padding:0;

}

.comments .comment-author {

  float:left;

  margin:0 10px 10px 0;

}

.comments .comment-author cite.fn{

  display:block;

}

.archiveLoop {

  margin:0 0 45px;

}

.postDetails {

  margin:0.5em 0 1em;

}

/*portfolio*/

.portfolioContent h2 {

  font-size:1.1em;

  color:#444;

  margin-top:0;

  text-transform:uppercase;

}

.portfolioContent .details {

  margin:5px 0 10px;

}

.portfolioContent .details strong{

  text-transform:uppercase;

  color:#000;

}

.single-portfolio .featured img{

  width:100%;

  margin-bottom:20px;

}

.portfolioGallery .row{

  margin-left:-10px;

  margin-right:-10px;

}

.galleryItem  {

  padding:10px;

}

.galleryItem img{

  margin:0 auto;

}



/*portfolioPage*/

.portfolioList {

  margin-left:0;

  margin-right:0;

}

.portfolioList .col-sm-4 {

  padding:0;

}

.portfolioBoxLink {

  background-size:cover;

  background-repeat:no-repeat;

  position:relative;

  background-color:#ccc;

  margin-bottom:25px;

  border:solid 1px #ccc;

  overflow:hidden;

}

.portfolioBoxLink:before {

  content:'';

  display:block;

  width:100%;

  padding-top:110%;

  position:relative;

}

.portfolioBoxLink .linkOverlay {

  position:absolute;

  width:100%;

  height:100%;

  padding:10px;

  top:0;

  left:0;

  background:rgba(0,0,0,0.6);

  opacity:0;

}



.portfolioBoxLink .olText{

  position:absolute;

  bottom:0;

  left:0;

  width:100%;

  background:#fff;

  color:#000;

}

a:hover .portfolioBoxLink .linkOverlay{

  opacity:1;

}

.portfolioBoxLink .olText .txt{

  vertical-align:middle;

  padding:15px 13px 25px;

}

.portfolioBoxLink .olText h4{

  margin:0;

  text-transform:uppercase;

  font-size:16px;



}

.portfolioBoxLink .olText p{

  margin:0;

}

/*quote*/

.quotes {

  margin:0 0 2.2em;

  

}

.quotes .quote{

  width:100%;

  padding:10px 0;

}

.quotes .cycle-pager{

  position:absolute;

  top:100%;

  width:100%;

  left:0;

  text-align:center;

  z-index:101;

}

.quotes .cycle-pager span{

  display:inline-block;

  width:10px;

  height:10px;

  background:#fff;

  border: 1px solid #e1e1e1;

  border-radius:50%;

  margin:5px 2.5px;

}

.quotes .cycle-pager .cycle-pager-active span{

  border-color:transparent;

  background:#444;

}

.quoteBody {

  text-align:center;

  font-size:16px;

  padding:1em 0 0.4em;

}

.quote .cite {

  text-align:center;

  padding-bottom:1em;

}

div.search  {

  width:100%;

  max-width:350px;

  display:inline-block;

}

.search .searchInputWrap {

  width:100%;

  padding-right:65px;

  float:left;

}

.search .search-submit {

  width:60px;

  float:right;

    margin-left: -100%;  

}

/*------------------------------------*\

    IMAGES

\*------------------------------------*/







/*------------------------------------*\

	TYPOGRAPHY

\*------------------------------------*/







/*------------------------------------*\

    RESPONSIVE

\*------------------------------------*/

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

.columnWrap.cols4 .col{

    width:50%;

}

.columnWrap.cols4 .col:nth-child(odd){

  clear:both;

}

.columnWrap.cols3 .col{

    width:50%;

  }

.columnWrap.cols3 .col:first-child{

    width:100%;

    float:none;

}

}

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

 .columnWrap.cols3 .col{

    width:100%;

    float:none;

  }

  .columnWrap.cols2 .col,

.columnWrap.cols4 .col{

    width:100%;

    float:none;

  }

  .columnWrap.cols2 .col:after {

    display:none;

  }

  .footer ul li{

    padding: 7px 0;
  
  }

  

}

@media only screen and (min-width:320px) {



}

@media only screen and (min-width:480px) {



}

@media only screen and (min-width:768px) {

  .headerStrip {

    display:block;

  }

  .portfolioMain {

    float:right;

  }

  .homeSlider .slideText {

    font-size:24px;

    font-weight:300;

  }

  .homeSlider .slideText .slideTextHead {

    font-size:35px;

  }

}

@media only screen and (min-width:992px) {

  .scrolled .header {

    position:fixed;

    z-index:120;

    background:#fff;

    top:0;

    lefT:0;

    width:100%;    

    }

  

  .scrolled.siteWrap {

    padding-top:110px;

    position:relative;

  }

  .headerTop {

    height:11-px;

    position:relative;

  }

  .logo {

    float:left;

    left:auto;

    line-height:80px;

padding:0;

  }

  .logo img{

    max-height:70px;

  }

  .menuToggle {

    display:none;

  }

  .navWrap {



}

  .nav {



  }

  .nav .menu{

      padding: 0;

    margin: 0;

    list-style: none;

    text-align: center;

    height: 100%;

    margin-top: 0;

    display:block;

    display: flex;

    justify-content: space-between;

    }

  .nav .menu > li{

    position: relative;

    display:inline-block;

        text-align: center;

    line-height: 18px;

    font-weight: 400;

    color: #222222;

    font-size: 12.5px;

    padding:6px 0;

    -webkit-transition-duration: 0.4s;

    -moz-transition-duration: 0.4s;

    -o-transition-duration: 0.4s;

    -ms-transition-duration: 0.4s;

    transition-duration: 0.4s;

    margin:0;    

    margin-right: 10px;

    margin-left: 10px;

  }

  nav .menu>li>a {

  }

  .nav .menu > li:first-child{

    margin-left:0px;

  }

  .nav .menu > li:last-child{

  margin-right:0px;

  }

  .nav .menu  ul{

    position:absolute;

    top:100%;

    left:0;

    min-width:100%;

    background:#fff;

    display:none;

    text-align:left;

    border-top: 2px solid #EC2230;

        -webkit-box-shadow: 0 2px 2px rgba(0,0,0,0.1);

    -moz-box-shadow: 0 2px 2px rgba(0,0,0,0.1);

    box-shadow: 0 2px 2px rgba(0,0,0,0.1);

    padding:0;

    padding-bottom:0;

  }

  .nav .menu  ul li{

    border-bottom:1px solid #f6f6f6;

    margin:0;

  }

  .nav .menu  ul ul{ 

    top:0;

    left:100%;

    border-top:0;

    min-width:0;

  }

    .nav .menu  ul li a{

      display:block;

      padding:4px;

    }

.nav .menu li:hover > ul{

  display:block;

}

.homeSlider .slideText {



}

.homeSlider .slidenav {

  display:block;

  opacity:0;

}

.homeSlider:hover .slidenav {

  opacity:1;

}

.ftCTA  {

  text-align:left;

}

.ftCTA  p{

  float:left;

}

.ftCTA  a.button {

float:right;

margin-left:15px;

}

}

@media only screen and (min-width:1024px) {



}

@media only screen and (min-width:1100px) {

  .container {

    max-width:1100px;

  }

    .nav .menu > li{

    

    }

}

@media only screen and (min-width:1280px) {



}

@media only screen and (-webkit-min-device-pixel-ratio:1.5),

	   only screen and (min-resolution:144dpi) {



}



/*------------------------------------*\

    MISC

\*------------------------------------*/



::selection {

	background:#04A4CC;

	color:#FFF;

	text-shadow:none;

}

::-webkit-selection {

	background:#04A4CC;

	color:#FFF;

	text-shadow:none;

}

::-moz-selection {

	background:#04A4CC;

	color:#FFF;

	text-shadow:none;

}



/*------------------------------------*\

    WORDPRESS CORE

\*------------------------------------*/



.alignnone {

	margin:5px 20px 20px 0;

}

.aligncenter,

div.aligncenter {

	display:block;

	margin:5px auto 5px auto;

}

.alignright {

	float:right;

	margin:5px 0 20px 20px;

}

.alignleft {

	float:left;

	margin:5px 20px 20px 0;

}

a img.alignright {

	float:right;

	margin:5px 0 20px 20px;

}

a img.alignnone {

	margin:5px 20px 20px 0;

}

a img.alignleft {

	float:left;

	margin:5px 20px 20px 0;

}

a img.aligncenter {

	display:block;

	margin-left:auto;

	margin-right:auto;

}

.wp-caption {

	background:#FFF;

	border:1px solid #F0F0F0;

	max-width:96%;

	padding:5px 3px 10px;

	text-align:center;

}

.wp-caption.alignnone {

	margin:5px 20px 20px 0;

}

.wp-caption.alignleft {

	margin:5px 20px 20px 0;

}

.wp-caption.alignright {

	margin:5px 0 20px 20px;

}

.wp-caption img {

	border:0 none;

	height:auto;

	margin:0;

	max-width:98.5%;

	padding:0;

	width:auto;

}

.wp-caption .wp-caption-text,

.gallery-caption {

	font-size:11px;

	line-height:17px;

	margin:0;

	padding:0 4px 5px;

}

.sticky {



}

.bypostauthor {



}



/*------------------------------------*\

    PRINT

\*------------------------------------*/



@media print {

	* {

		background:transparent !important;

		color:#000 !important;

		box-shadow:none !important;

		text-shadow:none !important;

	}

	a,

	a:visited {

		text-decoration:underline;

	}

	a[href]:after {

		content:" (" attr(href) ")";

	}

	abbr[title]:after {

		content:" (" attr(title) ")";

	}

	.ir a:after,

	a[href^="javascript:"]:after,

	a[href^="#"]:after {

		content:"";

	}

	pre,blockquote {

		border:1px solid #999;

		page-break-inside:avoid;

	}

	thead {

		display:table-header-group;

	}

	tr,img {

		page-break-inside:avoid;

	}

	img {

		max-width:100% !important;

	}

	@page {

		margin:0.5cm;

	}

	p,

	h2,

	h3 {

		orphans:3;

		widows:3;

	}

	h2,

	h3 {

		page-break-after:avoid;

	}

}