@font-face {
    font-family: 'proxima_nova_light';
    src: url('../fonts/proximanova-light-webfont.eot');
    src: url('../fonts/proximanova-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/proximanova-light-webfont.woff') format('woff'),
         url('../fonts/proximanova-light-webfont.ttf') format('truetype'),
         url('../fonts/proximanova-light-webfont.svg#proxima_novalight') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'proxima_nova_regular';
    src: url('../fonts/proximanova-regular-webfont.eot');
    src: url('../fonts/proximanova-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/proximanova-regular-webfont.woff') format('woff'),
         url('../fonts/proximanova-regular-webfont.ttf') format('truetype'),
         url('../fonts/proximanova-regular-webfont.svg#proxima_nova_rgregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'proxima_nova_semibold';
    src: url('../fonts/proximanova-semibold-webfont.eot');
    src: url('../fonts/proximanova-semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/proximanova-semibold-webfont.woff') format('woff'),
         url('../fonts/proximanova-semibold-webfont.ttf') format('truetype'),
         url('../fonts/proximanova-semibold-webfont.svg#proxima_novasemibold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'proxima_nova_bold';
    src: url('../fonts/proximanova-bold-webfont.eot');
    src: url('../fonts/proximanova-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/proximanova-bold-webfont.woff') format('woff'),
         url('../fonts/proximanova-bold-webfont.ttf') format('truetype'),
         url('../fonts/proximanova-bold-webfont.svg#proxima_nova_rgbold') format('svg');
    font-weight: bold;
    font-style: normal;

}



/* pre-defined classes */
body{
    font-size: 18px;
    background: #fff;
    color: #000;
    font-family: proxima_nova_regular, sans-serif;
}
input:focus{
    outline: none;
}

.clearfix:after{
    content: '';
    clear: both;
    display: block;
}
a, .fa, .sticky-nav, .btn-send, .call-us, .nl-cont, .rm-cont{
    transition: .3s ease-in-out;
    -webkit-transition: .3s ease-in-out;
    -moz-transition: .3s ease-in-out;
    -o-transition: .3s ease-in-out;
    -ms-transition: .3s ease-in-out;
}
a{
    color: #009DE3;
}
body a:hover, body a:active{
    color: #164B92;
    outline: none;
    text-decoration: none;
}
body .fa:hover, .fa:focus, .fa:active{
    color: #164B92;
}
.no-scroll{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    overflow: hidden;
}
.sh-nav{
    right: 0;
}

/* header */
.nav-container{
    padding: 30px 0;
    background: url(../images/img/gatekeeper-pr-bar.png) repeat-x;
}
.nav-left h1{
    margin: 0;
}
.nav-left h1 a:hover{
    opacity: .8;
}
.top-menu .fa{
    color: #009DE0;
    font-size: 22px;
    margin-right: 2px;
}
.call{
    
    font-size: 23px;
    color: #164B92;
    letter-spacing: 0.63px;
    line-height: 28px;
    margin-left: 15px;
}

/* navigation */
.nav-right{
    text-align: right;
}
.main-nav{
    margin-top: 70px;
}
.nav>li{
    display: inline-block;
}
.nav>li>a{
    font-size: 18px;
    color: #009DE0;
    letter-spacing: 0.44px;
    line-height: 19px;
}
.nav>li>a:hover {
    background: transparent;
    color: #164B92;
}

.nav>li.active>a{
    color:#164B92;
}

/* sticky nav */
.sticky-nav{
    position: fixed;
    top: -90px;
    left: 0;
    width: 100%;
    z-index: 100;
    background: #fff;
	-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.5);
	-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.5);
	box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.5);
}
.sticky-nav .row{
    padding: 10px 0;
}
.sticky-nav .main-nav {
  margin-top: 20px;
}

/* responsive menu button */
.rmb{
    cursor: pointer;
    margin: 15px 0 10px 0;
    position: absolute;
    left: 12%;
    top: 10%;
}
.rmb span, .cm-rmb span{
    display: block;
    width: 35px;
    height: 5px;
    border-radius: 10px;
    background: #164B92;
    margin: 6px 0;
}
.rmb:hover span{
    background: #009DE0;
}
.cm-rmb span{
    background: #fff;
}

.sticky-nav,
.nav-container{
    display: none;
}


/* responsive menu content */
.rm-cont{
    position: fixed;
    top: 0;
    right: -100%;
    background: #009DE0;
    width: 100%;
    padding: 50px 30px 20px;
    z-index: 1000;
    overflow: scroll;
    height: 100%;
}
.rm-cont .nav{
    clear: both;
}
.rm-cont .nav li{
    display: block;
    text-align: center;
}
.rm-cont .nav li a{
    font-size: 28px;
    color: #FFFFFF;
    letter-spacing: 0.77px;
    line-height: 64px;
    border-bottom: 1px solid #164B92;
    
}
.rm-cont .nav li:last-child a{
    border: none;
}
.sh-nav{
    right: 0;
}
#close-menu{
    float: right;
    cursor: pointer;
    margin-bottom: 10px;
}

/* responsive header and navigation  */
.responsive-nav{
    padding-top: 5px;
    position: relative;
    background: url(../images/img/gatekeeper-pr-bar.png) repeat-x;
}
.responsive-logo-cont{
    text-align: center;
    padding: 40px 0;
}
.responsive-logo-cont img{
    width: 210px;
}
.responsive-nav .top-menu{
    background: #009DE0;
    text-align: center;
    padding: 17px 0 13px;
}
.responsive-nav .top-menu .fa{
      color: #fff;
      font-size: 28px;
}
.responsive-nav .top-menu .call{
    color: #fff;
    font-size: 24px;
}




.hero-img {
	background:url(../images/img/belfast.jpg) center cover;	
}

.hero-img img {
	width:100%;
	height:auto;
}

.hero-img video{
    display:none;
}

.hero-img-cont{
    position: relative;
    padding-bottom: 5px;
}
#arrow-down{
    position: absolute;
    bottom: -33px;
    left: 50%;
    cursor: pointer;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
}
#arrow-down #c-b{
    fill: #009DE0;
}


/* about */
.about{
    padding: 40px 0;
    background: url(../images/img/gatekeeper-pr-about.png);
	text-align:center;
}
.about h2{
    font-family: proxima_nova_semibold, sans-serif;
    font-size: 42px;
    color: #164B92;
    line-height: 42px;
    margin-bottom: 30px;
    text-align: center;
}
.about h3{
	font-size: 36px;
	color: #164B92;
	letter-spacing: 0.5px;
	line-height: 40px;
	margin-bottom: 30px;
}
.about p{
    font-size: 14px;
    color: #164B92;
    letter-spacing: 1px;
    line-height: 17px;
    text-align: center;
}


/* newsroom */
.newsroom{
    padding: 50px 0 0;
}
.newsroom h2, .our-team h2, .our-services h2, .client-cont h2{
    
    font-size: 48px;
    color: #164B92;
    letter-spacing: 0.92px;
    line-height: 50px;
    text-align: center;
    margin-bottom: 60px;
}

.newsroom-title h2 {
    
    font-size: 48px;
    color: #164B92;
    letter-spacing: 0.92px;
    line-height: 50px;
    text-align: center;
	margin:40px 0;
}

.f-img{
    position: relative;
}



.f-img img{
    width: 100%;
	height:auto;
}

.f-img a:after{
    content: "";
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.blog-post{
    margin-bottom: 30px;
	min-height:560px;
}

.blog-post h3{
    margin-bottom: 5px;
	min-height:90px;
}

.blog-post h3 a{
    
    font-size: 24px;
    color: #009DE0;
}

.blog-post h3 a:hover{
    color: #164B92;
}

.post-details{
    font-size: 14px;
    color: #009DE0;
    letter-spacing: 0.43px;
    line-height: 19px;
    margin-bottom: 15px;
}

.excerpt, .h-entry{
    
    font-size: 18px;
    color: #000000;
    line-height: 22px;
	
	
}

.read-more{
    font-size: 18px;
    line-height: 19px;
    letter-spacing: .56px;
    text-decoration: underline;
}
.view-all-post{
    text-align: center;
    padding: 20px 0 40px;
    clear: both;
}

.view-all-post.detail {
    text-align: left;
	padding:20px 0;
}

.view-all-post a{
    
    font-size: 20px;
    color: #FFFFFF;
    letter-spacing: 0.38px;
    line-height: 50px;
    color: #fff;
    background: #009DE0;
    border-radius: 6px;
    padding: 10px 30px;
}
.view-all-post a:hover{
    color: #fff;
    background: #164B92;;
}

/* our team */
.our-team h2, .our-services h2, .client-cont h2{
    margin-top: 0;
}
.team-content{
    background: #009DE0;
    margin-top: 60px;
}
.team-content .container{
    padding: 0;
}
.member{
    text-align: center;
}
.member img{
    width: 210px;
}
.m-details{
    background: #164B92;
    padding: 0 40px;
}
.m-details h3{
    
    font-size: 28px;
    color: #FFFFFF;
    letter-spacing: 0.95px;
    line-height: 34px;
    margin: 0;
    padding: 20px 0 0;
}
.m-details h4{
    
    font-size: 18px;
    color: #4FCAFF;
    letter-spacing: 0.84px;
    line-height: 22px;
    margin: 0 0 20px;
}
.m-details p{
    
    font-size: 16px;
    color: #FFFFFF;
    letter-spacing: 0.74px;
    line-height: 24px;
}
.m-details a .fa{
    font-size: 30px;
  color: #fff;
  margin-right: 20px;
  margin-top: 20px;
  margin-bottom: 30px;
}

/* services */
.our-services{
    padding: 70px 0;
}
.our-services .row{
    margin-bottom: 17px;
}
.our-services .row .col-xs-4{
    padding:0 5px;
}
.our-services p{
    font-size: 21px;
    color: #164B92;
    line-height: 30px;
    text-align: center;
    
    margin-bottom: 55px;
}
.serv{
    text-align: center;
}
.serv span{
    display: block;
}
.s-title{
    font-family: proxima_nova_bold, sans-serif;
    font-size: 10px;
    color: #164B92;
    line-height: 15px;
}


/* testimonial */
.testimonial{
    padding: 50px 0 15px;
    background: #009DE0;
}
.testimonial .item{
    margin: 0 10px;
}



.testimonial h2{
    
    font-size: 24px;
    color: #FFFFFF;
    letter-spacing: 0.31px;
    line-height: 42px;
    text-align: center;
    margin-bottom: 30px;
    margin-top: 0;
}

.t-content{
    padding: 20px;
    background: #fff;
    border-radius: 12px;
}

.t-content p {
    min-height:130px;
}

.tc-c {
    top: 100%;
    left: 25%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: relative;
    pointer-events: none;
    border-color: rgba(255, 255, 255, 0);
    border-top-color: #ffffff;
    border-width: 27px;
    margin-left: -27px;
}
.t-content p, .t-content span{
    font-size: 16px;
    color: #000000;
    letter-spacing: 0.5px;
    line-height: 18px;
    display: block;
}
.t-content p{
    margin-bottom: 30px;
}
.td-left{
    float: left;
}
.td-right{
    float: right;
}

/* newsletter */
.nl-cont{
    padding: 40px 0;
    background: #00255F;
    text-align: center;
    position: relative;
}
.nl-cont p{
    
    color: #FFFFFF;
    font-size: 24px;
    line-height: 28px;
    margin-bottom: 0;
}
.nl-cont p span{
    padding-right: 20px;
}
.link-wide{
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
}

/* client */
.client-cont{
    padding: 40px 0 20px;
}
.client-cont h2{
    
    font-size: 24px;
    color: #164B92;
    letter-spacing: 0.46px;
    line-height: 42px;
    margin-bottom: 20px;
}
#clients .item{
  text-align: center;
  display: table;
  height: 110px;
}
.client-content .item img{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
	max-height:90px;
	max-width:200px;
}


/* tweets */

.tweets {
    padding: 40px 0 20px;
	background: #009DE0;
	text-align:center;
}

.tweets iframe {
    width:100%;
}

.tweets h2 {
    font-size: 24px;
    color: #FFFFFF;
    letter-spacing: 0.31px;
    line-height: 42px;
    text-align: center;
	margin:0 0 20px 0;
}

.tweets h2 a {
    color: #FFFFFF;
}

.tweets h2 a:hover i{
    color: #c4dae5;
}

.container ul {
  list-style: none;
  margin: 0;
  padding: 0;
}


#tw-widget1 li {
  width:100%;
  position: relative;
}
#tw-widget1 a {
  text-decoration: none;
}
#tw-widget1 .user {
  display:none;
}
#tw-widget1 .tweet {
  margin: 0 0 10px 0;
  color: #fff;
}
#tw-widget1 .tweet a {
  color: #c4dae5;
  font-weight: bold;
  text-decoration: none;
}

#tw-widget1 .tweet a:hover {
  color: #fff;
}

#tw-widget1 .interact {
  display:none;
}
#tw-widget1 .timePosted {
  margin: 0 0 10px;
  padding: 0 20px;
  font-size: 12px;
  text-align: center;
  color:#fff;
}







/* call */
.call-us{
    padding: 30px 0;
}
.call-us:hover, .nl-cont:hover{
    opacity: .92;
}
.nl-cont .call-num{
    padding: 0;
}
.call-us p{
    
    font-size: 36px;
    color: #FFFFFF;
    line-height: 42px;
    margin-bottom: 0;
}

/* contact */
.contact{
    padding: 60px 0;
    background: url(../images/img/gatekeeper-pr-contact.jpg) no-repeat 50% 50%;
    background-size: cover;
}
.contact h2{
    
    font-size: 48px;
    color: #FFFFFF;
    line-height: 58px;
    margin-bottom: 50px;
    text-align: center;
}
.contact-form{
    width: 100%;
    margin: 0 auto;
    text-align: center;
}
.contact-form input, .contact-form textarea{
    
    font-size: 18px;
    color: #000000;
    letter-spacing: 0.56px;
    line-height: 19px;
    height: auto;
    padding: 13px 20px 8px;
    border-radius: 6px;
}
.contact-form textarea{
    margin-top: 10px;
}
.btn-send{
    background: #009de3;
    padding: 15px 30px;
    border-radius: 6px;
    color: #fff;
    border: none;
    margin-top: 40px;
    font-family: proxima_nova_semibold, sans-serif;
    font-size: 18px;
    letter-spacing: 0.56px;
    line-height: 19px;
}
.btn-send:hover{
    background: #000;
}
.s-and-p{
    text-align: center;
    margin-top: 60px;
}
.s-and-p a .fa{
    height: 45px;
    width: 45px;
    font-size: 24px;
    color: #fff;
    border-radius: 100px;
    background: #009de3;
    padding: 10px;
    display: inline-block;
    margin: 0 6px;
}
.copyright{
    
    font-size: 14px;
    color: #FFFFFF;
    letter-spacing: 0.5px;
    line-height: 19px;
    margin-top: 20px;
}
.copyright span{
    display: block;
}

.nobr {
	white-space:nowrap;	
}

.newsroom-title {
	background: url(../images/img/gatekeeper-pr-about.png);
}

.newsroom.detail {
	padding:30px 0;
}

.newsroom.detail h3 {
	font-size:28px;
}

.post-image  {
	margin:0 0 25px 0;
}

.post-image img {
	width:100%;
	height:auto;	
}

.left-links ul {
	list-style:none;	
	padding:0 !important;
	
    font-size: 18px;
    color: #000000;
    letter-spacing: 1px;
    line-height: 22px;
}

.left-links ul li {
	margin:3px 0;
	
}

.left-links a {
	margin:15px 0;
	display:block;
	line-height:1.2;
}

.archive-posts .blog-post {
	margin:0 0 25px 0;	
}

.archive-posts .blog-post .excerpt {
	margin:0 0 15px 0;	
	min-height:0;
}

.paging {
	margin:30px 0 0 0;
	text-align:center;	
	font-size:18px;
	clear:both;
}

.paging a {
	margin:0 10px;
}

.message-sent {
	color:#fff;
	font-size:18px;
	text-align:center;	
}

p.validation {
	color:#fff;
	text-align:center;
	margin:20px 0;	
}

.search-form input {
	border:1px solid #ccc;
	padding:5px;	
}

.search-form button {
	color:#fff !important;
	padding:5px 10px;	
	background:#009DE0 !important;
	border:none;
	border-radius:6px !important;
	transition: .3s ease-in-out;
    -webkit-transition: .3s ease-in-out;
    -moz-transition: .3s ease-in-out;
    -o-transition: .3s ease-in-out;
    -ms-transition: .3s ease-in-out;
}

.search-form button:hover {
	color:#fff !important;
	background:#00255F !important;
}

.search-form button i {
	color:#fff !important;
}

.search-results-top  {
	margin:0 0 15px 0;	
}

.search-results-top h3 {
	text-align:left;
	margin:0 0 15px 0;	
}

.excerpt{
    min-height:130px;
	font-size:16px;
}

.description {
	font-family: 'proxima_nova_light';	
}

.description p {
	margin:0 0 20px 0;
	
}


/* -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=  RESPONSIVE  =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=- */

@media (max-width: 767px){
    
	.m-high{
		min-height: 250px;
	}
	
	.newsroom-title h2 {
    font-size: 35px;
	line-height:40px;
	margin:20px 0;
}

	.blog-post{
    margin-bottom:40px;
	min-height:0px;
	}
	
	.contact h2 {
	font-size:30px;	
	}

}






/* 480 screen fixes */
@media (min-width: 480px) and (max-width: 767px){
    


}

@media (min-width: 1025px) {
   
   .hero-img video{
	display:block;   	
    width: 100% !important;
}

	.hero-img img{
	display:none;   	
}
	

}


/* big screen fixes - 992 above */
@media (min-width: 992px){
    .responsive-nav{
        display: none;
    }
    .nav>li>a{
        padding: 10px;
    }
    .sticky-nav,
    .nav-container{
        display: block;
    }

    /* hero image */
    .hero-img{
        position: relative;
    }
   

    /* about */
    .about {
      padding: 60px 0;
    }
    .about h2{
        font-size: 76px;    
        text-align: left;
        line-height: 50px;
		text-align:center;
    }
    .about p{
        line-height: 25px;
        font-size: 18px;
    }

    .view-all-post{
        padding: 20px 0 80px;
    }

    /* team */
    .member{
        position: relative;
        float: left;
        overflow: hidden;
    }
    .team-content .container{
        padding-left: 15px;
        padding-right: 15px;
    }
    .member img{
        width: 100%;
        position: relative;
        top: 0;
        left: 0;
        z-index: 11;
        -webkit-transition: .25s ease-in;
    }
    .member:hover img{
        left: 100%;
    }
    .m-details{
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        background: #164B92;
        padding: 20px 15px;

        z-index: 10;
        transition: .2s ease-in;
        -webkit-transition: .2s ease-in;
        -moz-transition: .2s ease-in;
        -o-transition: .2s ease-in;
        -ms-transition: .2s ease-in;
    }
    .m-details h3{
        
        font-size: 24px;
        color: #FFFFFF;
        letter-spacing: 0.5px;
        line-height: 18px;
        margin: 20px 0 10px;
        padding: 0;
    }
    .m-details h4{
        font-size: 13px;
        color: #4FCAFF;
        letter-spacing: 0.54px;
        line-height: 13px;
        margin: 0 0 20px;
    }
    .m-details p{
        font-size: 15px;
        color: #FFFFFF;
        letter-spacing: 0.51px;
        line-height: 20px;
        margin-bottom: 15px;
        padding: 0 15px;
    }
    .m-details a .fa{
        font-size: 20px;
        margin-right: 10px;
    }
	.m-high{
		min-height: 160px;
	}


    /* services */
    .our-services p{
        padding: 0px 45px;
    }
    .serv span{
        vertical-align: middle;
        display: table-cell;
    }
    .s-title{
        padding-left: 20px;
        font-size: 16px;
    }

    /* testimonial */
    .testimonial h2{
        font-size: 48px;
        letter-spacing: 0.92px;
        line-height: 50px;
        text-align: center;
        margin-bottom: 50px;
    }

    /* newsletter */
    .nl-cont p{
        font-size: 38px;
        line-height: 46px;
        margin-bottom: 0;
    }

    /* client */
    .client-cont h2{
        font-size: 48px;
        color: #164B92;
        letter-spacing: 0.92px;
        line-height: 50px;
        margin-bottom: 40px;
    }


	.tweets h2 {
     font-size: 48px;
}


    /* call */
    .call-us p{
        font-size: 58px;
        line-height: 70px;
        margin-bottom: 0;
    }

    /* contact */
    .contact-form{
        width: 940px;
    } 

    .client-cont{
        padding: 60px 0;
    }
    .copyright span, .call-num{
        display: inline;
    }
	
	
    .nav>li>a{
    font-size: 16px;
}
	.excerpt{
    min-height:130px;
	font-size:16px;
}

	.f-img img{
    width: 100%;
	max-height:190px;
}

.blog-post h3 {
	line-height:24px !important;
}

.blog-post h3 a {
   
    font-size: 20px;
}


}

	/* address */
	.white{
		color: #fff;
		letter-spacing: 0.02em;
		}
	
/* big screens*/
@media (min-width: 1200px){
   

    
    
    .m-details h3{
        font-size: 16px;
        margin: 10px 0 0;
    }
    .m-details h4{
        margin: 2px 0 10px;
    }
    .m-details p{
        font-size: 13px;
        line-height: 15px;
        padding: 0;
        margin-bottom: 0;
    }
	
	.nav>li>a{
    font-size: 18px;
}
	.excerpt{
	font-size:18px;
}

.f-img img{
    width: 100%;
	max-height:240px;
}

.blog-post h3 a{
    font-size: 24px;
	line-height:28px;
}

.owl-carousel .owl-wrapper-outer{
	padding:0 10%;
}

}