/*Theme Name: Omni/BreakAway Modified
Theme URI: http://themeforest.net/item/omni-responsive-wp-one-multi-page-parallax/5450557
Author: ThemeShiftersAuthor/Kyle Grube 
URI: http://themeforest.net/user/ThemeShifters
Version: 2.0License: GNU General Public License
License URI: license.txt
*/

/* Table of Content
==================================================
	# Default
	# Awards/Quote Slider
	# Scroll-to-Top Button
	# Video/Leading Developer Section
	# Who We Are Page
	# Typography
	# CSS3
	# Who We Are
  # Awards Timeline 
  # Careers Section
	# Why BreakAway Circles/ Rocking Logo
	# Buttons
	# Icons
	# Form
	# Layout
	# Header
	# Main Navigation
	# Tiled Portfolio
	# Home Type
	# Revolution Slider
	# Bottom Arrows
	# Block
	# Services
	# Profile
	# Portfolio
	# Modal & Item Popup Block
	# Price Package
	# Blog
	# Sidebar
	# Clients
	# Skills
	# Seperator
	# Twitter Feed & Quote Box
	# Newsletter
	# Miscellaneaus
	# Media Queries
*/

/*	==================================================
	# Default
	================================================== */
  body:hover{}
	body {
		font-weight:200;
		font-size:18px!important;
	}

	*, *:after, *:before {
	  -webkit-box-sizing: border-box;
	  -moz-box-sizing: border-box;
	  box-sizing: border-box;
	}

	a:focus, a:hover {
		outline: 0px;
		color:white;
	}

	aside#incident-commander h2{color:white;font-weight:bold}
	aside#incident-commander{color:white;}
	i {font-family:'FontAwesome';}
	.widget_recent_entries ul li {
		list-style-type:square;
	}
	.post-512.white-popup-block{width:30%;}
  #page-header > .container > .row > .span24 > .slogan > p  {font-size:50px;}
  
  .mfp-content {
    background:white;
    width:60%!important;
  }
  .mfp-container{margin:20px;}
  .mfp-content > #post-omni-portfolio{
  }
  .mfp-content > #post-omni-portfolio > .item-media {width:100%;}
  .mfp-content > #post-omni-portfolio > .item-header, .mfp-content > #post-omni-portfolio > .item-body{padding:20px 20px;}
  .mfp-content > #post-omni-portfolio > .item-header > h3{margin:0; padding:0;}
  /*.span24 > #post-omni-portfolio > .item-header > h3{
    font-size:60px;
  }*/
  .mfp-content > #post-omni-portfolio > .hide-front{display:none;}
  .span24 > #post-omni-portfolio > .item-media > iframe {width:100%;height:500px;}
  .span24 > #post-omni-portfolio > .item-page-header {width:100%; height:300px;background-size: cover;}
  .item-body{margin-top:40px;}

/*	==================================================
	# Awards/Quotes Carousel
	================================================== */
	#he{width:100%; min-height:250px; display:block; position:relative; padding-top:40px;overflow:hidden;}
	#pa{width:100%; text-align:center;display:block;position:relative; z-index:999;}
	#pa a{width:10px;height:10px;display:inline-block;position:relative;color:transparent; cursor: pointer; background: rgba(255,255,255,0.5);margin:7px;}
	#pa a:hover{background: rgba(255,255,255,0.7);}
	#pa a.activeSlide{background: rgba(255,255,255,1);}
	#sli{width:100%; display:block; position:absolute;}
	.itsl{min-height:250px;line-height: 1.45;}
	.in{width:100%; display:block; position:relative; z-index:99;}
	.qu{text-align:center; color:#fff;}
	.au{margin-top:20px;text-align:center; color:#fff;font-weight:bold;}

	#he2{width:100%; min-height:175px; display:block; position:relative;overflow:hidden;}
	#pa2{width:100%; text-align:center;display:block;position:relative; z-index:999;}
	#pa2 a{width:10px;height:10px;display:inline-block;position:relative;color:transparent; cursor: pointer;background: rgba(255,255,255,0.5);margin:7px;}
	#pa2 a:hover{background: rgba(255,255,255,0.7);}
	#pa2 a.activeSlide{background: rgba(255,255,255,1);}
	#sli2{width:100%; display:block; position:absolute;}
	.itsl2{min-height:175px;line-height: 1.45;z-index:99}
	.in2{width:100%; display:block; position:relative; z-index:99;}
	.qu2{text-align:center; color:#fff;}

	.back3{width:100%; height:443px; display:block; position:relative;background:url(http://www.breakawaygames.com/wp-content/uploads/2015/10/ipad.png) no-repeat center;}
	#he3{width:514px; height:445px; display:block; overflow:hidden;position:relative;}
	#pa3{width:100%; text-align:center;display:block;position:relative; z-index:999;margin-top:30px;}
	#pa3 a{width:10px;height:10px;display:inline-block;position:relative;color:transparent; cursor: pointer;background: rgba(0, 59, 120, 0.5);margin:7px;}
	#pa3 a.activeSlide{background: rgba(0, 59, 120, 1);}
	#pa3 a:hover{background: rgba(0, 59, 120, 0.7);}
	#sli3{width:100%; display:block; position:absolute;}
	.itsl3{width:514px;height:387px;line-height: 1.45;z-index:99}
	.in3{width:100%; display:block; position:relative; z-index:99;}
	.qu3{text-align:center; color:#fff;margin-top:28px;}


/*	==================================================
	# Scroll-to-Top Button 
	================================================== */
	.back-top {position:fixed; bottom:20px; right:20px; height:60px; width:60px; border-radius:50%; background-color:#5387bd;z-index:500; cursor:pointer;color:white; line-height:70px; font-size:40px; text-align:center;display:none;}
	.back-top:hover{background-color:#16599A;}
	




/*	==================================================
	# Video/Leading Developer Section
	================================================== */
	.stopfade { 
   		opacity: .5;
	}
	#breakAwayVideo { 
		position:absolute;
		width:950px;
		top:0px;
		margin-left:50%; left:-475px;
		margin-top:100px;
  		color: white;
		z-index:100;
	}

	

	/* Force video to take up full area of #breakaway Section */
	section#breakaway {padding:0px;}
	section#breakaway .clearfix p{margin:0px!important;}
	section#breakaway .container{width:100%;}
	section#breakaway .container .row{width:100%;}
	section#breakaway .container .row .span24{width:100%;}
	.video-container-header{width:100%;height:1000px;overflow:hidden;}
	/*.vid-class{width:100%!important; height:110%;}*/
	.vid-class{
	position: relative;
    top: 0;
    left: 0;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
}
	

	/* Filter video overlay to create contrast */
	.vid-filter{top:0px;position:absolute;width:100%;height:100%; background:rgba(3,61,121,0.6); z-index:99;}



	/* Leading Developer Of Serious Games Title */
	.home-breakaway{margin-bottom:50px;width:700px;margin-left:auto;margin-right:auto;}
	.home-breakaway ul{list-style-type:none;margin:0px;padding:0px;}
	.home-breakaway ul li{margin:10px; font-family:Arial; color:white; height:82px; padding-left:100px; padding-top:20px; background: url('/wp-content/uploads/2015/04/white_bullet.png')no-repeat left top;font-variant: small-caps;font-style: italic; font-weight:bold;font-size:1.2em;line-height:30px;}

	
	/* White Button - In #breakaway and #awards sections */
	.learn-more-btn{margin-bottom:40px;margin-top:40px;}
	.learn-more-btn a{border:1px solid white;color:white;padding:15px 30px;font-family:Arial;font-style:italic; font-variant:small-caps;font-weight:bold;font-size:25px;}
	.learn-more-btn a:hover, .learn-more-btn a:focus{background:rgba(255,255,255,0.5);color:white;}

/*	==================================================
	# Who We Are Page
	================================================== */
	.talent{color:white;font-family:Arial;font-variant:small-caps;font-style:italic;font-size:25px;}
	.talent-big{color:white;font-family:Arial;font-variant:small-caps;font-style:italic;font-size:35px;}
	.talent a{color:white;text-decoration:underline;}
	.talent-bold{font-weight:bold;font-size:45px;}


/*  ==================================================
  # Vital Signs Page && vHealthcare Page (not portfolio)
  ================================================== */
#vitalsigns.type-page, 
#vhealthcare.type-page{padding:0px;}

#vitalsigns.type-page>.container, 
#vhealthcare.type-page >.container{width:100%;padding-top:0px;}

#vitalsigns.type-page >.container>.row>.span24, 
#vhealthcare.type-page > .container > .row > .span24{width:100%;}

.vital-header{
  background:url(http://www.breakawaygames.com/wp-content/uploads/2015/10/calic.png) no-repeat rgb(21,38,32);
  text-align:center;
  color:#039d84;
  font-size:30px;
  font-weight:bold;
  font-style:italic;
  padding:40px 0px;
}

.vital-ipad-slider{
  padding-top:60px;
  padding-bottom:100px;
}

.vital-info-container{
  background:url(http://www.breakawaygames.com/wp-content/uploads/2015/10/background_vital_info.jpg) repeat;
  padding:60px 0px;
}
.vhealthcare-bg-container{
  background:url(http://www.breakawaygames.com/wp-content/uploads/2016/01/vhealth_page_info_bg.jpg) no-repeat;
  background-size: cover;
  padding:60px 0px;
}
.vhealthcare-info-container{width:60%;margin-left:auto;margin-right:auto;color:#07494d;}

.vital-info-container > table{
  width:60%; margin-left:auto; margin-right:auto;border:none;
}
.vital-info-image{
  height:150px;
  width:150px;
  padding:25px;
}
.vital-info-title{line-height:45px;font-family:"Impact", Arial;color:#002527;font-size:48px;font-weight:bold;text-shadow: 0 0 1px #04fab9,0 0 1px #04fab9,0 0 1px #04fab9,0 0 1px #04fab9,0 0 1px #04fab9,0 0 1px #04fab9,0 0 1px #04fab9,0 0 1px #04fab9, 0 0 10px rgba(4,250,185,0.7);}
.vital-info{color:#bcebe1;margin-top:20px;}

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

  .vital-info-container > table {width:95%;}
  .vital-info-image{display:none;}
  .vital-info-container > table > tbody > tr > td {padding:40px 10px!important;}
  .back3{background:none;}
  #he3{width:100%;}
  .itsl3{width:100%;}
  .qu3{width:100%;}
  .qu3 > img {display:none;}
  .one{background:url(http://www.breakawaygames.com/wp-content/uploads/2015/10/ipad_slider_1.jpg)no-repeat center;background-size:cover;}
  .two{background:url(http://www.breakawaygames.com/wp-content/uploads/2015/10/ipad_slider_2.jpg)no-repeat center;background-size:cover;}
  .three{background:url(http://www.breakawaygames.com/wp-content/uploads/2015/10/ipad_slider_3.jpg)no-repeat center;background-size:cover;}
  .four{background:url(http://www.breakawaygames.com/wp-content/uploads/2015/10/ipad_slider_4.jpg)no-repeat center;background-size:cover;}
  .five{background:url(http://www.breakawaygames.com/wp-content/uploads/2015/10/ipad_slider_5.jpg)no-repeat center;background-size:cover;}
  .in3{height:445px;}

}




/* -------------------------------- 

   # Awards Timeline

-------------------------------- */

#company-awards>.container{width:100%;}
#company-awards>.container>.row>.span24{width:100%;}
.cd-container {
  /* this class is used to give a max-width to the element it is applied to, and center it horizontally when it reaches that max-width */
  width: 90%;
  max-width: 1170px;
  margin: 0 auto;
}
.cd-container::after {
  /* clearfix */
  content: '';
  display: table;
  clear: both;
}
#cd-timeline {
  position: relative;
  padding: 2em 0;
  margin-top: 2em;
  margin-bottom: 2em;
}
#cd-timeline::before {
  /* this is the vertical line */
  content: '';
  position: absolute;
  top: 0;
  left: 18px;
  height: 100%;
  width: 4px;
  background: #003B78;
}
@media only screen and (min-width: 1170px) {

  #cd-timeline {
    margin-top: 3em;
    margin-bottom: 3em;
  }
  #cd-timeline::before {
    left: 50%;
    margin-left: -2px;
  }
}

.cd-timeline-block {
  position: relative;
  margin: 2em 0;
}
.cd-timeline-block:after {
  content: "";
  display: table;
  clear: both;
}
.cd-timeline-block:first-child {
  margin-top: 0;
}
.cd-timeline-block:last-child {
  margin-bottom: 0;
}
@media only screen and (min-width: 1170px) {
  .cd-timeline-block {
    margin: 4em 0;
  }
  .cd-timeline-block:first-child {
    margin-top: 0;
  }
  .cd-timeline-block:last-child {
    margin-bottom: 0;
  }
}

.cd-timeline-img {
  position: absolute;
  top: 0;
  left: 0;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  box-shadow: 0 0 0 4px white, inset 0 2px 0 rgba(0, 0, 0, 0.08), 0 3px 0 4px rgba(0, 0, 0, 0.05);
}
.cd-timeline-img img {
  display: block;
  width: 24px;
  height: 24px;
  position: relative;
  left: 50%;
  top: 50%;
  margin-left: -12px;
  margin-top: -12px;
}
.cd-timeline-img.cd-picture {
  background: #5387BD;
}
.cd-timeline-img.cd-movie {
  background: #5387BD;
}
.cd-timeline-img.cd-location {
  background: #5387BD;
}
@media only screen and (min-width: 1170px) {
  .cd-timeline-img {
    width: 60px;
    height: 60px;
    left: 50%;
    margin-left: -30px;
    /* Force Hardware Acceleration in WebKit */
    -webkit-transform: translateZ(0);
    -webkit-backface-visibility: hidden;
  }
  .cssanimations .cd-timeline-img.is-hidden {
    visibility: hidden;
  }
  .cssanimations .cd-timeline-img.bounce-in {
    visibility: visible;
    -webkit-animation: cd-bounce-1 0.6s;
    -moz-animation: cd-bounce-1 0.6s;
    animation: cd-bounce-1 0.6s;
  }
}

@-webkit-keyframes cd-bounce-1 {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.5);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale(1.2);
  }

  100% {
    -webkit-transform: scale(1);
  }
}
@-moz-keyframes cd-bounce-1 {
  0% {
    opacity: 0;
    -moz-transform: scale(0.5);
  }

  60% {
    opacity: 1;
    -moz-transform: scale(1.2);
  }

  100% {
    -moz-transform: scale(1);
  }
}
@keyframes cd-bounce-1 {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.5);
    -moz-transform: scale(0.5);
    -ms-transform: scale(0.5);
    -o-transform: scale(0.5);
    transform: scale(0.5);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
  }

  100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
}
.cd-timeline-content {
  position: relative;
  margin-left: 60px;
  background: #5387BD;
  border-radius: 0.25em;
  padding: 1em;
  box-shadow: 0 3px 0 #003B78;
}
.cd-timeline-content:after {
  content: "";
  display: table;
  clear: both;
}
.cd-timeline-content h2 {
  color: #303e49;
}
.cd-timeline-content p, .cd-timeline-content .cd-read-more, .cd-timeline-content .cd-date {
  font-size: 13px;
  font-size: 0.8125rem;
}
.cd-timeline-content .cd-read-more, .cd-timeline-content .cd-date {
  display: inline-block;
}
.cd-timeline-content p {
  margin: 1em 0;
  line-height: 1.6;
  color:white;
}

.cd-timeline-content .cd-read-more {
  float: right;
  padding: .8em 1em;
  background: #003B78;
  color: white;
  border-radius: 0.25em;
}
.no-touch .cd-timeline-content .cd-read-more:hover {
  background-color: rgba(0,59,120,0.7);
}
.cd-timeline-content .cd-date {
  float: left;
  padding: .8em 0;
  opacity: .7;
}
.cd-timeline-content::before {
  content: '';
  position: absolute;
  top: 16px;
  right: 100%;
  height: 0;
  width: 0;
  border: 7px solid transparent;
  border-right: 7px solid #5387BD;
}
@media only screen and (min-width: 768px) {
  .cd-date{color:white;}
  .cd-timeline-content h2 {
    font-size: 20px;
    font-size: 1.25rem;
  }
  .cd-timeline-content p {
    font-size: 16px;
    font-size: 1rem;
  }
  .cd-timeline-content .cd-read-more, .cd-timeline-content .cd-date {
    font-size: 14px;
    font-size: 0.875rem;
  }
}
@media only screen and (min-width: 1170px) {
  .cd-date{color:gray;}
  .cd-timeline-content {
    margin-left: 0;
    padding: 1.6em;
    width: 45%;
  }
  .cd-timeline-content::before {
    top: 24px;
    left: 100%;
    border-color: transparent;
    border-left-color: #5387BD;
  }
  .cd-timeline-content .cd-read-more {
    float: left;
  }
  .cd-timeline-content .cd-date {
    position: absolute;
    width: 100%;
    left: 122%;
    top: 6px;
    font-size: 16px;
    font-size: 1rem;
  }
  .cd-timeline-block:nth-of-type(even) .cd-timeline-content {
    float: right;
  }
  .cd-timeline-block:nth-of-type(even) .cd-timeline-content::before {
    top: 24px;
    left: auto;
    right: 100%;
    border-color: transparent;
    border-right-color: #5387BD;
  }
  .cd-timeline-block:nth-of-type(even) .cd-timeline-content .cd-read-more {
    float: right;
  }
  .cd-timeline-block:nth-of-type(even) .cd-timeline-content .cd-date {
    left: auto;
    right: 122%;
    text-align: right;
  }
  .cssanimations .cd-timeline-content.is-hidden {
    visibility: hidden;
  }
  .cssanimations .cd-timeline-content.bounce-in {
    visibility: visible;
    -webkit-animation: cd-bounce-2 0.6s;
    -moz-animation: cd-bounce-2 0.6s;
    animation: cd-bounce-2 0.6s;
  }
}

@media only screen and (min-width: 1170px) {
  /* inverse bounce effect on even content blocks */
  .cssanimations .cd-timeline-block:nth-of-type(even) .cd-timeline-content.bounce-in {
    -webkit-animation: cd-bounce-2-inverse 0.6s;
    -moz-animation: cd-bounce-2-inverse 0.6s;
    animation: cd-bounce-2-inverse 0.6s;
  }
}
@-webkit-keyframes cd-bounce-2 {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateX(20px);
  }

  100% {
    -webkit-transform: translateX(0);
  }
}
@-moz-keyframes cd-bounce-2 {
  0% {
    opacity: 0;
    -moz-transform: translateX(-100px);
  }

  60% {
    opacity: 1;
    -moz-transform: translateX(20px);
  }

  100% {
    -moz-transform: translateX(0);
  }
}
@keyframes cd-bounce-2 {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100px);
    -moz-transform: translateX(-100px);
    -ms-transform: translateX(-100px);
    -o-transform: translateX(-100px);
    transform: translateX(-100px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateX(20px);
    -moz-transform: translateX(20px);
    -ms-transform: translateX(20px);
    -o-transform: translateX(20px);
    transform: translateX(20px);
  }

  100% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
}
@-webkit-keyframes cd-bounce-2-inverse {
  0% {
    opacity: 0;
    -webkit-transform: translateX(100px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateX(-20px);
  }

  100% {
    -webkit-transform: translateX(0);
  }
}
@-moz-keyframes cd-bounce-2-inverse {
  0% {
    opacity: 0;
    -moz-transform: translateX(100px);
  }

  60% {
    opacity: 1;
    -moz-transform: translateX(-20px);
  }

  100% {
    -moz-transform: translateX(0);
  }
}
@keyframes cd-bounce-2-inverse {
  0% {
    opacity: 0;
    -webkit-transform: translateX(100px);
    -moz-transform: translateX(100px);
    -ms-transform: translateX(100px);
    -o-transform: translateX(100px);
    transform: translateX(100px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateX(-20px);
    -moz-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    -o-transform: translateX(-20px);
    transform: translateX(-20px);
  }

  100% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
}



/*	==================================================
	# Typography
	================================================== */
	h2, h3, h4, h5, h6, .slogan {
		font-family: 'Roboto', serif!important;
		font-weight: 300;
		color: #5387bd;
	}
	.fade-element.slogan { text-shadow:none; }
	h1, .slogan{letter-spacing:-1; margin-top:100px; margin-bottom:120px;font-family:Arial!important;font-style:italic; font-variant:small-caps;font-weight:bold!important;color:#003b78!important;font-size:5em;}


	/* AWARDS SECTION TITLE - White */
	section#awards-slider > .container > .row > .span24 > h1.section-title {color:white!important;}
	section#awards-slider > .container > .row > .span24 > h1.section-title:after {background:white!important;}
	section#awards-slider > .container > .row > .span24 > h1.section-title:before {background:white!important;}
	h5.section-title{
		font-size: 13px;
		color: #5387bd;
		text-transform: uppercase;
		margin-bottom: 10px;
		text-align:left;
		font-family: 'Roboto', serif;
		font-weight:normal;
	}

	h2, h3 {font-family:'Arial', serif!important;font-style:italic; font-variant:small-caps;}
	.section-title{	font-family: 'Roboto Slab', serif;
		font-size: 80px;
		line-height: 80px;
		text-align: center;
	}
	.slogan{
		color:white!important;
		font-size:30px;
		line-height:36px;
		margin-bottom:40px;
	}
	.darkgrey {
		color: #393939;
	}

	.white {
		color: #fff;
	}

	
	/* LEADING DEVELOPER TITLE AND LINES */
	.leading-dev {font-family:Arial;font-style:italic; font-variant:small-caps;font-weight:bold;color:white;font-size:5em;}
	.title-line{height:8px; width:24rem; background:white;margin-bottom:40px;margin-left:auto;margin-right:auto;}


	/* LINES ABOVE AND BELOW SECTION TITLES */

     	h1:before{content:'';position:absolute; left:50%; width:28rem; height:8px; margin:7rem 0 0 -14rem; background:#5288be;}

	h1:after{content:'';position:absolute; left:50%; width:28rem; height:8px; margin:-3rem 0 0 -14rem; background:#5288be;}

/*	==================================================
	# CSS3
	================================================== */	
	a,
	a:hover,
	.profile:hover .profile-photo,
	.blog-post:hover .blog-thumb, {
		-webkit-transition: all 0.3s ease;
		-moz-transition: all 0.3s ease;
       	 	-ms-transition: all 0.3s ease;
        	-o-transition: all 0.3s ease;
		transition: all 0.3s ease;
	}



/*	==================================================
	# Careers Section
	================================================== */
	.current-positions{
		background:url('/wp-content/uploads/2015/03/work_back.jpg') no-repeat;
		background-size:cover;
		background-color:#5387bd;
		color:white;
		padding:5px;
		margin-top:22px;
	}

	.current-positions h2, .working-with-us h2{
		color:white; 
		text-align:center;
		margin:5px;
	}

	.current-positions a, .working-with-us a{color:white; margin:10px 0px;}
	.current-positions a:hover, .working-with-us a:hover, .current-positions a:focus, .working-with-us a:focus{color:white; text-decoration:underline;}
	.current-positions ul li, .working-with-us ul li {list-style:none; }
	.working-with-us{
		background:url('/wp-content/uploads/2015/03/building_back.jpg') no-repeat;
		background-size:cover;
		color:white;
		padding:5px;
		margin-top:22px;
	}



/*	==================================================
	# Why BreakAway Circles/Logo
	================================================== */
	.logoBack {
		opacity:0.99;
		background:url('/wp-content/uploads/2015/03/logo_arrow_shadow_point.png') no-repeat;
		background-size:100%;
		height:265px;
		width:286px;
		position:absolute;
		margin-top:200px;
		margin-left:50%;
		left:-125px;
	}

	.why ul li{
		list-style:none;
		height:80px;
		font-size:18px;
		text-align:center;
		font-weight:bold;
		font-style:italic;
		font-variant:small-caps;
		letter-spacing:-1;
		font-family: 'Arial', sans-serif;
		color:#5387bd;
		margin-bottom:15px;
	}

	.why1 i{
		height:80px;
		width:80px;
		border-radius:40px;
		font-size:60px;
		font-weight:100;
		background-color:#f18345;
		line-height:80px;
		color:white;
		margin-bottom:10px;
	}

	.why2{margin-left:-150px;}
	.why2 i{
		height:80px;
		width:80px;
		border-radius:40px;
		font-size:60px;
		font-weight:100;
		background-color:#8667ab;
		line-height:80px;
		color:white;
		margin-bottom:10px;
	}

	.why3{margin-left:-150px;}
	.why3 i{
		height:80px;
		width:80px;
		font-size:60px;
		font-weight:100;
		border-radius:40px;
		background-color:#f35958;
		line-height:80px;
		color:white;
		margin-bottom:10px;
	}

	.why4 i{
		height:80px;
		width:80px;
		border-radius:40px;
		font-size:60px;
		font-weight:100;
		background-color:#c95bd3;
		line-height:80px;
		color:white;
		margin-bottom:10px;
	}

	.why5 i{
		height:80px;
		width:80px;
		border-radius:40px;
		font-size:60px;
		font-weight:100;
		background-color:#64cb66;
		line-height:80px;
		color:white;
		margin-bottom:10px;
	}

	.why6{margin-left:150px;}
	.why6 i{
		height:80px;
		width:80px;
		border-radius:40px;
		font-size:60px;
		font-weight:100;
		background-color:#3099d7;
		line-height:80px;
		color:white;
		margin-bottom:10px;
	}

	.why7{margin-left:150px;}
	.why7 i{
		height:80px;
		width:80px;
		border-radius:40px;
		font-size:60px;
		font-weight:100;
		background-color:#1ec1b8;
		line-height:80px;
		color:white;
		margin-bottom:10px;
	}

	.why8 i{
		height:80px;
		width:80px;
		border-radius:40px;
		font-weight:100;
		font-size:60px;
		background-color:#e8b56d;
		line-height:80px;
		color:white;
		margin-bottom:10px;
	}



/*	==================================================
	# Buttons - Changes made for WP version
	================================================== */
	.border-btn,
	.form-submit input[type="submit"] {
		font-family: 'Roboto', serif!important;
		background: -webkit-linear-gradient(50deg, #5288be 50%, #003b78 50%);
		background: -moz-linear-gradient(50deg, #5288be 50%, #003b78 50%);
		background: -o-linear-gradient(50deg, #5288be 50%, #003b78 50%);
		background: linear-gradient(50deg, #5288be 50%, #003b78 50%);
		font-size: 18px;
		padding: 10px 30px;
		color: #fff!important;
		border:none!important;
	}

	.fade-element.slogan > .btn.border-btn{
		font-family:Arial!important;
		border: 1px solid #fff!important;
		font-size: 30px;
		padding: 10px 30px;
		color: #fff!important;
		box-shadow:none;
		background:none!important;
	}

	.fade-element.slogan > .btn.border-btn:hover{
		background:rgba(255,255,255,0.5)!important;
		color:#fff!important;
	}

	.border-btn.btn-large {
		font-size: 20px;
		padding: 15px 30px;
	}

	.border-btn.btn-medium {
		font-family: 'Roboto', serif!important;
		font-weight: bold;
		font-variant:small-caps;
		font-style:italic;
		font-size: 18px;
		padding: 8px 25px;
	}

	.border-btn.btn-small {
		font-size: 11px;
		padding: 8px 15px;
	}

	.border-btn.btn-mini {
		font-size: 9px;
		padding: 5px 13px;
	}

	.border-btn,
	.social-btn {
		border-radius: 0px;
		background: #5387be;
		text-shadow: none;
		box-shadow: 1px 1px 0 #326aa3, 2px 2px 0 #0c4682, 3px 3px 0 #0c4682, 4px 4px 0 #003b78, 5px 5px 0 #003b78, 6px 6px 1px rgba(0, 0, 0, .1),  5px 0 5px rgba(0, 0, 0, .1), 3px 1px 3px rgba(0, 0, 0, .3), 5px 3px 5px rgba(0, 0, 0, .2), 10px 5px 10px rgba(0, 0, 0, .25), 10px 10px 10px rgba(0, 0, 0, .2), 15px 15px 15px rgba(0, 0, 0, .15);
	}
	.social-btn {
		border: none!important;
    width:100px;
		color: #fff!important;
		font-size: 35px;
		line-height: 35px;
		padding: 25px;
		margin:0px 20px 20px 0px;
	}

	.social-btn.white {
		border: 1px solid #fff;
		color: #fff;
	}

	.border-btn:hover, 
	.border-btn:focus,
	.social-btn:hover,
	.social-btn:focus,
	.form-submit input[type="submit"]:hover,
	.form-submit input[type="submit"]:focus {
		background: #fff!important;
		border: none!important;
		color: #5387be!important;
		text-shadow: none;
		box-shadow: 0 1px 0 #CCC, 0 2px 0 #C9C9C9, 0 3px 0 #BBB, 0 4px 0 #B9B9B9, 0 5px 0 #AAA, 0 6px 1px rgba(0, 0, 0, .1), 0 0 5px rgba(0, 0, 0, .1), 0 1px 3px rgba(0, 0, 0, .3), 0 3px 5px rgba(0, 0, 0, .2), 0 5px 10px rgba(0, 0, 0, .25), 0 10px 10px rgba(0, 0, 0, .2), 0 15px 15px rgba(0, 0, 0, .15);
		-webkit-transition: all 0.3s ease;
		-moz-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
		transition: all 0.3s ease;
	}

	.border-btn.white {
		color: #fff;
		border-color: #fff;
		box-shadow:none;
	}

	.border-btn.white:hover, 
	.border-btn.white:focus {
		background: #fff;
		border-color: #fff;
		color: #5387bd;
		box-shadow:none;
	}


/*	==================================================
	# Icons
	================================================== */
	[class^="icon-"].medium,
	[class*=" icon-"].medium {
		font-size: 60px;
		line-height: 60px;
		margin: 0px;
	}

	[class^="icon-"].big,
	[class*=" icon-"].big {
		font-size: 90px;
		line-height: 90px;
		margin: 0px;
	}

	[class^="icon-"].huge,
	[class*=" icon-"].huge {
		font-size: 110px;
		line-height: 110px;
		margin: 0px;
	}

	a[class^="icon-"]:hover,
	a[class*=" icon-"]:hover,
	a[class^="icon-"]:focus,
	a[class*=" icon-"]:focus {
		text-decoration: none;
	}


/*	=================================================
	# Form
	================================================== */

	label {
		font-family: 'Roboto', serif;
		font-size: 13px;
		color: #5387bd;
		text-transform: uppercase;
		margin-bottom: 10px;
	     	cursor:text;
	}

	textarea, 
	input[type="text"], 
	input[type="password"], 
	input[type="datetime"], 
	input[type="datetime-local"], 
	input[type="date"],
	input[type="month"],
	input[type="time"],
	input[type="week"],
	input[type="number"],
	input[type="email"],
	input[type="url"],
	input[type="search"],
	input[type="tel"],
	input[type="color"],
	.uneditable-input {
		border: none;
		box-shadow: none;
		background: #f0f0f4;
	}
	textarea:focus, 
	input[type="text"]:focus,
	input[type="password"]:focus,
	input[type="datetime"]:focus,
	input[type="datetime-local"]:focus,
	input[type="date"]:focus,
	input[type="month"]:focus,
	input[type="time"]:focus,
	input[type="week"]:focus,
	input[type="number"]:focus,
	input[type="email"]:focus,
	input[type="url"]:focus,
	input[type="search"]:focus,
	input[type="tel"]:focus,
	input[type="color"]:focus,
	.uneditable-input:focus {
		border-color: #cecece;
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		box-shadow: none;
		background: #e8e8e8;
		-webkit-transition: all 0.3s ease;
		-moz-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
		transition: all 0.3s ease;
	}

	select,
	textarea,
	input[type="text"], 
	input[type="password"], 
	input[type="datetime"], 
	input[type="datetime-local"], 
	input[type="date"],
	input[type="month"],
	input[type="time"],
	input[type="week"],
	input[type="number"],
	input[type="email"],
	input[type="url"],
	input[type="search"],
	input[type="tel"],
	input[type="color"],
	.uneditable-input {
		margin-bottom: 25px;
		padding: 10px 8px;
		height: auto;
	}

	textarea {
		resize: none;
	}

	input[type="submit"].input-block-level {
		width: 100%!important;
		display: block;
	}

	.contact-form {
		margin-top: 33px;
	}

	.form-success {
		display: none;
		padding: 15px;
		margin-top: 40px;
		color: #fff;
		background: #5387bd;
	}

	input.error,
	textarea.error {
		border: 1px solid #d3400c;
	}

	.contact-form input[type=email], .contact-form input[type=text] {
		width:400px!important;
	}

	.contact-form textarea{
		width:400px!important;
	}

	.contact-form .loading,
	.newsletter .loading {
		display: none;
		background: #000;
		background: url(assets/img/ajax-loader.gif) no-repeat;
		width: 25px;
		height: 25px;
		margin-top: 15px;
	}

	/* contact form 7 */
	.wpcf7-form-control-wrap {
		display: inline!important;
	}
	div.wpcf7-validation-errors,
	div.wpcf7-mail-sent-ok {
		display: none;
		padding: 15px;
		margin: 20px 0 0;
		color: #fff;
		background: #d3400c;
		border: none;
	}

	div.wpcf7-mail-sent-ok {
		background: #5387bd;
	}

	input.wpcf7-not-valid {
		border: 1px solid #d3400c!important;
	}

	span.wpcf7-not-valid-tip {
		display: none;
	}

	.wpcf7-form.sent p {
		display: none;
	}



/*	==================================================
	# Layout
	================================================== */

	.home-type {
		width: 100%;
		overflow: hidden;
		background:black;
	}

	.page-type {
		padding: 45px 0px;
		width: 100%;
		background: #fff;
	}
	.page-type {
		position: relative;
	}
	.page-type:after {
		content: "";
		display: block;
		width: 0; 
		height: 0; 
		position: absolute; 
		z-index: 15;
	}

	.seperator-type {
		width: 100%;
		height: auto;
		position: relative;
	}

	.header-type {
		font-family: 'Roboto',serif;
		background: #000000;
		color: #8f8f8f;
		padding: 17px 0px;
		position: relative;
		z-index: 25;
	}

	.header-type:before {
		content: "";
		display: block;
		position: absolute;
		bottom: -6px;
		width: 100%;
		height: 6px;
		background: url(assets/img/top-border-re.png) repeat-x;
	}

	.footer-type {
		background: #000000;
		font-size: 11px;
		padding: 40px 0px;
		color: #fff;
		position: relative;
		z-index: 15;
	}

	.footer-type a{color:#fff;}
	.footer-type a:hover, .footer-type a:focus{color:#fff;text-decoration:underline;}
	.footer-type ul {float:left;}
	.footer-type ul li {display:inline-block; list-style:none; padding:10px 10px;}
	.footer-type:before {
		content: "";
		display: block;
		position: absolute;
		top: -6px;
		width: 100%;
		height: 6px;
		background: url(assets/img/footer-border-re.png) repeat-x;
	}

	.light-bg {

		/* IE9 SVG, needs conditional override of 'filter' to 'none' */

		background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPHJhZGlhbEdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY3g9IjUwJSIgY3k9IjUwJSIgcj0iNzUlIj4KICAgIDxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMC42Ii8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMCIvPgogIDwvcmFkaWFsR3JhZGllbnQ+CiAgPHJlY3QgeD0iLTUwIiB5PSItNTAiIHdpZHRoPSIxMDEiIGhlaWdodD0iMTAxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);

		background: -moz-radial-gradient(center, ellipse cover,  rgba(255,255,255,0.6) 0%, rgba(255,255,255,0) 100%); /* FF3.6+ */

		background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(255,255,255,0.6)), color-stop(100%,rgba(255,255,255,0))); /* Chrome,Safari4+ */

		background: -webkit-radial-gradient(center, ellipse cover,  rgba(255,255,255,0.6) 0%,rgba(255,255,255,0) 100%); /* Chrome10+,Safari5.1+ */

		background: -o-radial-gradient(center, ellipse cover,  rgba(255,255,255,0.6) 0%,rgba(255,255,255,0) 100%); /* Opera 12+ */

		background: -ms-radial-gradient(center, ellipse cover,  rgba(255,255,255,0.6) 0%,rgba(255,255,255,0) 100%); /* IE10+ */

		background: radial-gradient(ellipse at center,  rgba(255,255,255,0.6) 0%,rgba(255,255,255,0) 100%); /* W3C */

		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#99ffffff', endColorstr='#00ffffff',GradientType=1 ); /* IE6-8 fallback on horizontal gradient */

	}

	.green-bg {

		background-color: #5387bd;

	}

	.dark-bg {

		background-color: #393939;

	}

	/*

	#intro {

		background: #f7f7f9;

	}

	#team,

	#clients {

		background: #f0f0f4;

	}

	#blog {

		background-size: cover;

	}*/



/*	==================================================
	# Green Bg
	================================================== */

	.green-bg h1,

	.green-bg h2,

	.green-bg h3,

	.green-bg h4,

	.green-bg h5,

	.green-bg h6 {

		color: #fff;

	}



/*	==================================================
	# Header
	================================================== */

	.header-type .logo {

		height: 20px;

	}

	.header-type .logo a {

		display: block;

	}

	.header-type .logo img {

		max-height: 100%;

		display: block;

	}

	.header-type ul {

		list-style: none;

		margin: 10px 0px;

	}

	.header-type .address li {

		float: left;

		text-transform: uppercase;

		font-size: 10px;

		font-family: 'Montserrat', sans-serif;

		margin-left: 8px;

		color:#fff;

	}

	.header-type .adds li {

		font-size: 20px;

		float: left;

		margin-left: 25px;

	}

	.header-type a:hover,

	.header-type a:focus {

		color: #fff;

	}



/*	==================================================
	# Main Navigation
	================================================== */

	.nav-container {

		position: relative;

		background: #5387be;

		height: 57px;

		z-index: 200;

	}

	.main-nav {

		height: 57px;

		width: 100%;

		margin: auto;

		font-family: 'Arial'!important;

		font-weight:bold;

		font-size:16px;

		font-style:italic;

		letter-spacing:-3!important;

		background: #5387be;

		z-index: 200;

	}

	.main-nav.affix {

		position: fixed;

		top: 0px;

		left: 0px;

		right: 0px;

		display: block;

	}

	.main-nav .nav {

		margin: 0px;

		text-align: center;

	}

	.nav > li > a:hover,

	.nav > li > a:focus,

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

		background: none;

		color: #003b78!important;

	}

	.main-nav li {

		display: inline-block;

		text-transform: uppercase;

		line-height: 57px;

	}

	.main-nav li a{

		color: #fff;

		padding: 0px 15px;

	}



	/** mobile navigation */

	#trigger-mobile-nav {

		width: 20px;

		height: 20px;

		background: none;

		display: none;

		width: 100%;

		text-align: center;

		padding: 15px 0;

		cursor: pointer;

		line-height: 25px;

		color: #fff;

	}

	#trigger-mobile-nav .icon-menu {

		font-size: 20px;

	}

	.header-type .mobile-pull .main-nav {

		background: #000;

	}



	



/*	==================================================
	# Tiled Portfolio
	================================================== */

	.tiled-items {

		position: relative;

		display:none;

	}

	.items-container {

		position: relative;

		overflow: hidden;

	}

	.items-container.affix {

		position: fixed;

		z-index: 0;

		top: 0px;

	}

	.tiled-items .item {

		float: left;

		position: relative;

		overflow: hidden;

	}

	.tiled-items .item img {

		width: 101%;

		max-width: 101%;

	}

	.tiled-items .item img.grayscale {

		filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */

		filter: gray; /* IE6-9 */

		-webkit-filter: grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */

	}



	.tiled-items .direction-nav {

		list-style: none;

		margin: 0px;

		opacity:1;

	}

	.tiled-items .direction-nav a {

		position: absolute;

		top: 50%;

		height: 45px;

		line-height: 45px;

		margin-top: -22px;

		padding: 0px 15px;

		font-size: 24px;

		color: #fff;

		background: #000;

	}

	.tiled-items .direction-nav .prev {

		left: 0px;

	}

	.tiled-items .direction-nav .prev:hover{

		background-color:#023d79;

	}

	.tiled-items .direction-nav .next {

		right: 0px;

	}

	.tiled-items .direction-nav .next:hover{

		background-color:#023d79;

	}

	.tiled-items .direction-nav .disabled {

		opacity: 0.2;

	}

	#hide-overlay-phone {

		display: none;

	}



/*	==================================================
	# Home Type
	================================================== */

	.home-type {

		position: relative;

	}

	.home-type .overlay {

		z-index: 5;

		position: absolute;

		top: 0px;

		bottom: 0px;

		left: 0px;

		right: 0px;

		background: url(assets/img/tile.png) repeat;

	}

	.home-type .overlay.affix {

		position: fixed;

		z-index: 0;

	}

	.home-type .overlay .fade-element {

		color: #fff;

		margin-top: 60px;

		padding: 0px 40px;

		display: none;

	}

	.home-type .overlay .container {

		height: 100%;

		position: relative;

	}

	.home-type .overlay .overlay-content {

		height: 380px;

		position: absolute;

		top: 40%;

		margin-top: -190px;

		left: 0px;

		right: 0px;

	}

	

	/* Since v1.1 */

	.home-type .video-bg {

		position: relative;

		background: url(assets/img/ajax-loader.gif) center no-repeat;

	}

	/* End Since v1.1 */

	.home-type.parallax-type .overlay {

		background: none;

		padding: 0px;

	}

	.home-type .parallax {

		height: 560px;

		position: relative;

		background-size: cover;

	}

	.home-type .parallax.short {

		height: 300px;

	}

	.home-type.parallax-type .container {

		padding-top: 0px;

		padding-bottom: 0px;

	}

	

	.home-type.fullwidthbanner-container ul {

		list-style: none;

		margin: 0px;

	}





/*	==================================================
	# Revolution Slider
	================================================== */

	.rev-text {

		width: 61%;

		max-width: 61%!important;

		color: #fff;

	}

	.rev-title {

		margin: 0px;

	}

	.rev-title.big {

		font-size: 40px;

		line-height: 46px;

	}

	.tp-caption .border-btn,

	.ls-container .border-btn {

		margin-right: 3%;

	}

	.rev_slider_wrapper .tp-leftarrow {

		background-image: url(assets/img/rs-icon-prev.png);

		background-position: 25px 16px;

	}

	.rev_slider_wrapper .tp-rightarrow {

		background-image: url(assets/img/rs-icon-next.png);

		background-position: 25px 16px;

	}

	.rev_slider_wrapper .tparrows {

		background-color: #5387be;

		width: 60px;

		height: 45px;

	}

	/*

	.tp-leftarrow.default,

	.tp-rightarrow.default {

		height: 45px!important;

		width: auto!important;

		line-height: 45px;

		margin-top: -22px;

		padding: 0px 15px;

		font-size: 24px;

		color: #fff;

		background: #2dc7b5!important;

	}*/

	



/*	==================================================
	# Bottom Arrows
	================================================== */

	.bottom-arrow {

		position: relative;

	}

	.bottom-arrow:after {

		content: "";

		display: block;

		width: 0; 

		height: 0; 

		border-top: 28px solid #fff; 

		border-left: 27px solid transparent; 

		border-right: 28px solid transparent; 

		bottom: -28px; 

		left: 50%;

		margin-left: -28px;

		position: absolute; 

		z-index: 15;

	}

	.green-bg.bottom-arrow:after {

		border-top-color: #5387be;

	}

	.dark-bg.bottom-arrow:after {

		border-top-color: #393939;

	}

	#intro.bottom-arrow:after {

		border-top-color: #f7f7f9;

	}

	.green-bg.light-bg.bottom-arrow:after {

		border-top-color: #2dc7b5;

	}

	#team.bottom-arrow:after,

	#clients.bottom-arrow:after {

		border-top-color: #f0f0f4;

	}

	#blog.bottom-arrow:after {

		border-top-color: #494949;

	}



/*	==================================================
	# Block
	================================================== */

	.block{

		padding: 25px 0px;

	}

	.block .btn{

		margin: 15px 0px 0px;

	}

	.block [class^="icon-"],

	.block [class*=" icon-"] {

		color: #393939;

	}



/*	==================================================
	# Services
	================================================== */

	.services {

		margin-bottom: 15px;

	}

	.service {

		height: 215px;

		position: relative;

		margin-bottom: 10px;

		cursor: pointer;

		overflow: hidden;

	}

	.service-title {

		text-transform: none;

		font-size: 20px;

		line-height: 26px;

		margin: 30px 0px;

		color: #fff;

	}

	.service .front {

		background:#5387be;

		height:180px;

		padding:35px 0px 0px;

	}

	.service .back {

		background: #393939;

		color: #fff;

		padding: 40px 8.7% 30px;

		height: 145px;

		width: 82.6%;

		position: absolute;

	}

	.service p{

		margin-bottom:10px;

	}

	.service [class^="icon-"],

	.service [class*=" icon-"] {

		color:#fff;

	}



/*	==================================================
	# Profile
	================================================== */

	.carousel .slides li {

		width: 230px;

		margin-right: 10px;

	}

	.flexslider.carousel {

		margin-bottom: 30px;

	}

	.profile {

		background: #fff;

		margin-bottom: 30px;

	}

	.profile-content {

		padding: 25px 8.7% 10px;

	}

	.profile-name,

	.profile-function,

	.profile-social {

		display:block;

	}

	.profile-social a{ padding:10px 20px; }

	.profile-social a:hover{ background-color:#5387be; color:#fff; padding:10px 20px;}

	/*.profile:hover .profile-photo {

		opacity:0.5;

	}*/

	.profile .profile-photo {

		overflow: hidden;

	}

	.profile .profile-photo img {

		width: 100.5%!important;

		max-width: 100.5%;

	}

	/*.profile .profile-photo:hover {

		cursor: pointer;

	}*/

	.profile-name {

		font-family: 'Montserrat', sans-serif;

		color: #393939;

		font-size: 15px;

		line-height: 20px;

		margin-bottom: 8px;

	}

	.profile-function {

		margin-bottom: 15px;

	}

	.profile-social {

		padding: 10px 0px 25px;

	}

	.profile-social [class^="icon-"],

	.profile-social [class*=" icon-"] {

		font-size: 17px;

		margin-right: 10px;

	}

	.profile-text{

		padding-top: 0px;

	}



/*	==================================================
	# Portfolio
	================================================== */

	.item-box {

		background: #393939;

		color: #fff;

		margin-bottom: 30px;

	}

	.item-box .item-content {

		padding: 30px;

		width: 300px;

		float: left;

	}

	.item-box .item-content a:hover {

		color: #fff;

	}

	.item-box .item-title {

		margin-top:0px;

	}

	.item-box .item-images {
		width: 590px;
		float: left;
	}
	.portfolio {margin-bottom: 30px;}
	.item-thumb, .attachment-tiled-thumb{cursor:pointer;}
	.portfolio .item {width: 230px;margin: 0px 0px 10px 10px;float: left;}
	.portfolio .item-thumb {position: relative;overflow: hidden;}
	.portfolio .item-thumb:hover,
	.tiled-items .item:hover {
	}
	.portfolio .item-info {margin-bottom: 15px;}
	.portfolio .item .back{
		position: absolute;
		width: 100%;
		height: 100%;
		background: #5387be!important;
		background: rgba(83, 135, 190, 0.85)!important;
		display:none;
		opacity:1;
		-webkit-transform: translateZ(0);
	}

	.tiled-items .item .back {
		position: absolute;
		width: 100%;
		height: 100%;
		background: #fff;
		background: rgba(255, 255, 255, 0.85)!important;
		display:none;
		opacity:1;
		-webkit-transform: translateZ(0);
	}

	.portfolio .item-icons,
	.tiled-items .item-icons,
	.item > a > span {
		position: absolute;
		top: 50%;
		height: 38px;
		width: 100%;
		display: block;
		text-align: center;
		margin: -25px 0px 0px;
	}

	.portfolio .item-icons a,
	.tiled-items .item-icons a,
	.item-thumb > a > span
	{
		font-family: 'Arial', sans-serif!important;
		border: none;
		position:absolute;
		width:100%;
		display: block;
		color: #fff;
		top: 50%;
		margin: -25px 0px 0px;
		text-align:center;
		
	}

	.portfolio .item-icons a:hover,
	.tiled-items .item-icons a:hover {
		background: #fff;
		color: #5387be;
		opacity:1;
	}

	.portfolio .item-icons a i,
	.tiled-items .item-icons a i {
		line-height: 38px;
		font-size: 18px;
	}

	.portfolio .item h4 {
		margin: 20px 0px 5px;
	}
	.portfolio .item-info span {
		margin-bottom: 5px;
		display: block;
	}
	.portfolio .item-icons2,
	.tiled-items .item-icons2 {
		position: absolute;
		top: 50%;
		width: 100%;
		display: block;
		text-align: center;
		margin: -25px 0px 0px;
		font-size: 30px;
		opacity:1;
	}
	.portfolio .item-icons2 a,
	.tiled-items .item-icons2 a,
	.item > a > span {
		font-family: 'Arial', sans-serif!important;
		font-style:italic;
		font-size: 33px;
		font-weight:bold;
		font-variant:small-caps;
		line-height:30px;
		display: inline-block;
		color: #5387be;
		margin-right: 2px;
		opacity:1;
	}
	.portfolio .item-icons2 a:hover,
	.tiled-items .item-icons2 a:hover {
		color: #003c78;
		opacity:1;
	}

	/* =========== Portfolio Filter =========== */

	.filter ul {
		list-style: none;
		margin: 30px 0px 40px;
		display: block;
		text-align: center;
	}
	.filter ul li {
		margin: 17px 7px 17px;
		display: inline-block;
	}
	.filter ul li a {
		font-family: 'Roboto'!important;
		font-weight: 800;
		font-size: 18px;
		font-variant:small-caps;
		font-style:italic;
		padding: 7px 17px;
		display: block;
		border:none!important;
		background: #5387be;
		color: #fff!important;
		box-shadow: 1px 1px 0 #326aa3, 2px 2px 0 #0c4682, 3px 3px 0 #0c4682, 4px 4px 0 #003b78, 5px 5px 0 #003b78, 6px 6px 1px rgba(0, 0, 0, .1),  5px 0 5px rgba(0, 0, 0, .1), 3px 1px 3px rgba(0, 0, 0, .3), 5px 3px 5px rgba(0, 0, 0, .2), 10px 5px 10px rgba(0, 0, 0, .25), 10px 10px 10px rgba(0, 0, 0, .2), 15px 15px 15px rgba(0, 0, 0, .15);
	}
	.filter ul li a:hover,
	.filter ul li a:focus,
	.filter ul li.active a {
		font-size:18px;
		background: #fff!important;
		color: #5387be!important;
		box-shadow: 0 1px 0 #CCC, 0 2px 0 #C9C9C9, 0 3px 0 #BBB, 0 4px 0 #B9B9B9, 0 5px 0 #AAA, 0 6px 1px rgba(0, 0, 0, .1), 0 0 5px rgba(0, 0, 0, .1), 0 1px 3px rgba(0, 0, 0, .3), 0 3px 5px rgba(0, 0, 0, .2), 0 5px 10px rgba(0, 0, 0, .25), 0 10px 10px rgba(0, 0, 0, .2), 0 15px 15px rgba(0, 0, 0, .15);
		border:none!important;
	}

	

	/* =========== Isotope Filtering =========== */
	.isotope-item {
		z-index: 2;
	}
	.isotope-hidden.isotope-item {
		pointer-events: none;
		z-index: 1;
	}

	

	/* =========== Isotope CSS3 transitions =========== */

	.isotope,
	.isotope .isotope-item {
		-webkit-transition-duration: 0.6s;
		-moz-transition-duration: 0.6s;
		-ms-transition-duration: 0.6s;
		-o-transition-duration: 0.6s;
		transition-duration: 0.6s;
	}

	.isotope {
		-webkit-transition-property: height, width;
		-moz-transition-property: height, width;
		-ms-transition-property: height, width;
		-o-transition-property: height, width;
		transition-property: height, width;
	}

	.isotope .isotope-item {
		-webkit-transition-property: -webkit-transform, opacity;
		-moz-transition-property:    -moz-transform, opacity;
		-ms-transition-property:     -ms-transform, opacity;
		-o-transition-property:      -o-transform, opacity;
		transition-property:         transform, opacity;
	}

	

	/* =========== disabling Isotope CSS3 transitions =========== */

	.isotope.no-transition,
	.isotope.no-transition .isotope-item,
	.isotope .isotope-item.no-transition {
		-webkit-transition-duration: 0s;
		-moz-transition-duration: 0s;
		-ms-transition-duration: 0s;
		-o-transition-duration: 0s;
		transition-duration: 0s;
	}





/*	==================================================
	# Modal & Item Popup Block
	================================================== */

	.modal {
		border-radius: 0px;
		-webkit-border-radius: 0px;
	}

	.modal-footer {
		border: none;
		background: #fff;
		padding-top: 0px;
	}

	.white-popup-block {
		background: #fff;
		margin: 20px auto;
		width:60%;
		position: relative;
	}
	.item-in-detail .item-header {
		border-bottom: 1px solid #eee;
		padding: 15px 20px;
	}
	.item-in-detail .item-header h3 {
		margin: 0px;
	}
	.item-in-detail .item-media {
		width: 100%;
		background: url(assets/img/ajax-loader.gif) center no-repeat;
	}

	.item-in-detail .item-body {
		padding: 20px;
	}

	.item-in-detail .item-footer {
		padding: 0px 20px 20px;
	}

	

	/* Since v1.1 */
	.item-comments,
	.item-respond {
		padding: 0px 20px 15px;
		border-top: 1px solid #efefef;

	}
	.commentlist,
	.commentlist .children {
		padding: 0px;
		margin: 0px;
		list-style: none;
	}

	.commentlist .children {
		margin-left: 5%;
	}

	.comment-img {
		width: 60px;
		height: 60px;
		float: left;
		margin-bottom: 20px;

	}
	.children .comment-img {
		width: 50px;
		height: 50px;
	}

	.comment-meta {
		padding: 0px 0px 10px;
	}
	.comment-meta,
	.comment-text {
		padding-left: 80px;
	}
	.children .comment-meta,
	.children .comment-text {
		padding-left: 70px;
	}

	.comment-text {
		padding-bottom: 10px;
	}

	/* End Since v1.1 */

	

/*	==================================================
	# Price Package
	================================================== */

	.price-package {
		background: #393939;
		margin-bottom: 10px;
	}

	.price-package:hover {
		margin-bottom: 0px;
		position: relative;
		z-index: 99;
	}
	.package-header,
	.package-price,
	.package-features {
		padding: 20px;
	}

	.price-package .name,
	.price-package .price {
		font-family: 'Roboto Slab', serif
		#font-family: 'Montserrat', sans-serif;
		color: #fff;
	}
	.price-package .name {
		text-transform: uppercase;
		font-size: 16px;
	}

	.package-price {
		background: #4f4f4f;
		font-size: 30px;
		line-height: 36px; 
	}

	.price-package:hover {
		border: 1px solid #fff;
	}

	.price-package:hover .package-price {
		background: #5387be;
	}

	.package-price small {
		font-size: 13px;
		line-height: 13px;
		text-transform: uppercase;
	}

	.price-package ul {
		list-style: none;
		margin: 0px;
	}

	.price-package ul li {
		margin-bottom: 8px;
	}

	.price-package ul li:hover {
		color: #fff;
	}

	.price-package .btn {
		margin: 0px 25px 20px;
		display: block;
	}



/*	==================================================
	# Blog - changed for WP version
	================================================== */

	.blog-post {
		background: #fff;
		margin-bottom: 10px;
	}

	.blog-post p {
		color: #8f8f8f!important;
	}

	.blog-post:hover .blog-thumb {
		opacity: 0.5;
	}

	.single .blog-post:hover .blog-thumb {
		opacity: 1;
	}

	.blog-post .blog-thumb {
		overflow: hidden;
	}

	.blog-post .blog-thumb img {
		width: 100.5%;
		max-width: 100.5%;
		/*width:230px;
		height:147px;*/
	}

	.blog-post .blog-thumb:hover {
		cursor: pointer;

	}

	.blog-info {
		padding: 25px 20px 0px;
	}

	.blog-info.no-thumb {
		min-height: 300px;
	}

	.blog-thumb.video .fluid-width-video-wrapper {
		height: 10px;
	}

	.blog-info.video {
		min-height: inherit;
	}

	.blog-content {
		padding: 30px 30px 10px;
	}

	.blog-post h1,
	.blog-post h2,
	.blog-post h3,
	.blog-post h4,
	.blog-post h5,
	.blog-post h6 {
		color: #5387be;
		text-shadow:none;
	}
	.blog-title {
		font-size: 18px;
		line-height: 21px;
		margin: 0px 0px 20px;
		word-wrap: break-word;
		-ms-word-wrap: break-word;
	}

	h1.blog-title {
		font-size: 22px;
		margin: 10px 0px 15px;
	}

	h1.blog-title:after{display:none;}
	h1.blog-title:before{display:none;}
	h3.blog-title { 
		font-weight:400;
		font-family: 'Roboto', serif!important; }
	.blog-meta a {
		width: 33.3334%;
		text-align: center;
		display: block;
		float: left;
		font-size: 16px;
		line-height: 16px;
		padding: 10px 0px;
		position: relative;
	}

	.blog-meta a:hover {
		color: #fff;
		background: #5387be;
	}

	

	.blog-post .post-meta ul {
		list-style: none;
		margin: 0px;
		margin-bottom: 30px;
	}

	.blog-post .post-meta ul li {
		font-size:11px;
		display: inline-block;
		margin-right: 10px;
		text-transform: uppercase;
	}

	.blog-post .post-meta ul li a {
	}

	.blog-post .comments-area {
		padding: 0px 30px 20px;
		border-top: 1px solid #efefef;
	}

	.comment-reply-title {
		border-top: 1px solid #efefef;
		margin-top: 0px;
		padding-top: 30px;
	}

	.commentlist,
	.commentlist .children {
		padding: 0px;
		margin: 0px;
		list-style: none;
	}
	.commentlist .children {
		margin-left: 5%;
	}

	.comment-img {
		width: 60px;
		height: 60px;
		float: left;
		margin-bottom: 20px;
	}

	.children .comment-img {
		width: 50px;
		height: 50px;
	}

	.comment-meta {
		padding: 0px 0px 10px;
	}

	.comment-meta,
	.comment-content {
		padding-left: 80px;
	}

	.children .comment-meta,
	.children .comment-content {
		padding-left: 70px;
	}

	.comment-content {
		padding-bottom: 10px;
	}

	

	.edit-link {
		margin-bottom: 15px;
	}

	#nav-single span {
		margin-bottom: 20px;
	}

	.comment-reply-link {
		padding: 5px 10px;
		border: 1px solid;
		font-size: 10px;
		font-weight: bold;
		line-height: 14px;
		text-transform: uppercase;
		float: right;
	}

	.comment-navigation {
		margin-bottom: 25px;
	}

	.comment-meta .fn span {
		background: #eee;
		font-size: 10px;
		font-weight: bold;
		text-transform: uppercase;
		padding: 2px 5px;
	}

	.comment-form code {
		white-space: normal;
	}

	.form-submit input[type="submit"] {
		background: #fff;
		font-size: 12px;
	}
	.page-links {
		margin-bottom: 25px;
	}
	.tags a {
		background: #eee;
		font-size: 10px;
		font-weight: bold;
		text-transform: uppercase;
		padding: 3px 6px;
	}

	p.no-comments {
		margin-top: 20px;
	}

	

	.paging-navigation {
		display: inline-block;
		margin-top: 25px;
	}

	

/*	==================================================
	# WordPress Blog styles
	================================================== */		

	

	/* Make sure videos and embeds fit their containers. */

	embed,

	iframe,

	object,

	video {

		max-width: 100%;

	}

	/* Override the Twitter embed fixed width. */

	.entry-content .twitter-tweet-rendered {

		max-width: 100% !important;

	}

	/* Images */

	.alignleft {

		float: left;

	}

	.alignright {

		float: right;

	}

	.aligncenter {

		display: block;

		margin-left: auto;

		margin-right: auto;

	}

	img.alignleft {

		margin: 5px 20px 5px 0;

	}

	.wp-caption.alignleft {

		margin: 5px 10px 5px 0;

	}

	img.alignright {

		margin: 5px 0 5px 20px;

	}

	.wp-caption.alignright {

		margin: 5px 0 5px 10px;

	}

	img.aligncenter {

		margin: 5px auto;

	}

	img.alignnone {

		margin: 5px 0;

	}

	.wp-caption {

		max-width: 100%;

	}

	.wp-caption .wp-caption-text,

	.entry-caption,

	.gallery-caption {

		color: #220e10;

		font-size: 18px;

		font-style: italic;

		font-weight: 300;

		margin-top: 10px;

	}

	img.wp-smiley,

	.rsswidget img {

		border: 0;

		border-radius: 0;

		box-shadow: none;

		margin-bottom: 0;

		margin-top: 0;

		padding: 0;

	}

	.wp-caption.alignleft + ul,

	.wp-caption.alignleft + ol  {

		list-style-position: inside;

	}

	

	.gallery-caption {

	}

	.sticky {

	}

	.bypostauthor {

	}

	

	table {

		width: 100%;

		border-bottom: 1px solid #ededed;

		margin-bottom: 15px;

	}

	th {

		text-align: left;

		padding-bottom: 6px;

	}

	td {

		//border-top: 1px solid #ededed;
		padding: 6px 10px 6px 0px;

	}



/*	==================================================
	# Sidebar
	================================================== */		

	.widget {

		background: #fff;

		margin-bottom: 10px;

		box-shadow: 5px 5px 10px #888888;

	}

	.widget-title {

		background: #5387be;

		padding: 15px 25px;

		margin: 0px;

		color:#fff;

		font-size:18px;

		font-weight:600;

	}

	.widget ul {

		list-style: none;

		padding: 25px;

		margin: 0px;

	}

	.widget ul ul {

		padding: 5px 0px 5px 25px;

	}

	.textwidget,

	.widget .tagcloud {

		padding: 25px;

	}

	#calendar_wrap {

		padding: 25px;

	}

	#wp-calendar {

		width: 100%;

	}

	.widget_search .searchform {

		padding: 25px;

	}

	

/*	==================================================
	# Clients
	================================================== */

	.clients.carousel {

		padding: 0px 85px;

		margin-bottom: 30px;

	}

	.clients.carousel .slides li {

		width: 230px;

		margin-right: 45px;

	}

	.clients.carousel .slides li a {

		opacity: 0.6;

		display: block;

	}

	.clients.carousel .slides li a:hover {

		opacity: 1;

	}



/*	==================================================
	# Skills
	================================================== */	

	.skill{

		margin-bottom:10px;

	}

	.progress{

		background: #f7f7f9;

		height: 8px;

		box-shadow: none;

		-webkit-box-shadow: none;

		-moz-box-shadow: none;

		border-radius: 0px;

		-webkit-border-radius: 0px;

		-moz-border-radius: 0px;

		overflow: visible;

	}

	.progress .bar{

		box-shadow: none;

		-webkit-box-shadow: none;

		-moz-box-shadow: none;

		position: relative;

	}

	.progress-success .bar, 

	.progress .bar-success{

		background-color: #5387be;

		background-image: none;

		filter: none;

	}

	.percentage-marker {

		background: #393939;

		color: #fff;

		padding: 4px 6px;

		position: absolute;

		top: -30px;

		right: -13px;

		font-size: 10px;

		line-height: 10px;

	}

	.percentage-marker:after {

		content: "";

		display: block;

		width: 0; 

		height: 0; 

		border-top: 5px solid #393939; 

		border-left: 5px solid transparent; 

		border-right: 5px solid transparent; 

		bottom: -5px; 

		left: 50%;

		margin-left: -5px;

		position: absolute;

		z-index: 15;

	}



/*	==================================================
	# Seperator
	================================================== */

	.seperator-type .slogan {

		color: #fff;

		margin: 45px 50px;

	}

	.seperator-type .slogan.less-margin {

		margin-bottom: 0px;

		margin-top: 20px;

	}

	.seperator-type .container {

		padding: 80px 0px 60px;

	}

	.parallax-type .container {

		padding: 100px 0px;

		position: relative;

	}

	.parallax {

		width: 100%;

		top: 0px;

		bottom: 0px;

		background: url(demo/dummy/1800x724.jpg) 50% repeat fixed;

		margin: 0 auto; 

		overflow: hidden; 

		padding: 0;

		position: absolute;

		z-index: -10;

	}

	.seperator-type .dark-overlay {

		position: absolute;

		/* z-index: -5; */

		top: 0px;

		bottom: 0px;

		left: 0px;

		right: 0px;

		width: 100%;

		background: url(assets/img/tile.png) repeat;

	}



/*	==================================================
	# Google Maps
	================================================== */

	.google-maps { height:500px;display:inline-block;width:100%;}

	.bigMap{width:69%;height:100%;display:inline-block;}

	.smallMap{width:29%;height:100%;display:inline-block;}





/*	==================================================
	# Twitter Feed & Quote Box
	================================================== */

	.tweet-box,

	.quote-box,

	.text-box {

		background: #393939;

		padding: 30px;

		position: relative;

		margin-bottom: 30px;

	}

	.text-box {

		padding-bottom: 10px;

	}

	.tweet-box:before,

	.quote-box:before,

	.text-box:before {

		content: "";

		display: block;

		width: 0; 

		height: 0; 

		border-bottom: 8px solid #393939; 

		border-left: 9px solid transparent; 

		border-right: 9px solid transparent; 

		top: -8px; 

		left: 35px;

		position: absolute; 

		z-index: 15;

	}

	.tweet-box .icon-twitter,

	.quote-box .icon-quote {

		color: #5387be;

		font-size: 20px;

		position: absolute;

		bottom: 25px;

		right: 25px;

	}

	.tweet-box a:hover,

	.quote-box a:hover,

	.text-box a:hover {

		color: #fff;

	}

	.tweet_list {

		margin: 0px;

		list-style: none;

		color: #fff;

	}

	.tweet_list li {

		margin-top: 15px;

	}

	.tweet_list .tweet_first {

		margin-top: 0px;

	}

	.tweet_time {

		display: block;

		font-style: italic;

	}



/*	==================================================
	# Newsletter
	================================================== */

	.newsletter {

		position: relative;

	}

	.newsletter .news-title {

		font-family: 'Montserrat', sans-serif!important;

		background: #5387be;

		padding: 0px 15px;

		float: left;

		height: 44px;

		line-height: 44px;

		color: #fff;

		text-transform: uppercase;

		position: relative;

	}

	.newsletter .news-title:after {

		content: "";

		display: block;

		width: 0; 

		height: 0; 

		border-top: 22px solid transparent; 

		border-bottom: 22px solid transparent;

		border-left: 12px solid #5387be;

		position: absolute;

		top: 0px;

		right: -12px;

	}

	.newsletter input {

		padding-left: 25px;

		height: 44px;

	}

	.newsletter button {

		position: absolute;

		top: 0px;

		right: 0px;

		background: none;

		border: none;

		color: #8f8f8f;

		border-left: 1px solid #fff;

		background: #f0f0f4;

		font-size: 18px;

	}

	.newsletter .news-icon {

		float: right;

		height: 44px;

		width: 46px;

		line-height: 44px;

	}

	.newsletter .news-icon:hover {

		color: #5387be;

	}



/*	==================================================
	# Footer
	================================================= */

	.copyright {

		margin-bottom: 0px;

	}

	

/*	==================================================
	# Miscellaneous
	================================================== */

	.tooltip-inner {

		-webkit-border-radius: 0px;

		-moz-border-radius: 0px;

		border-radius: 0px;

	}

	.last {

		margin-right: 0px!important;

	}

	

	/* Since v1.2 */

	.parallax-mobile {

		background-position: 50% 0px!important; 

		background-attachment: scroll!important;

	}

	/* End Since v1.2 */





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

	/*.vid-class{width:1350px!important;height:1300px;overflow:hidden;}

	.video-container-header{width:100%!important;height:1000px;}*/

  .video-container-header{width:100%;height:1000px;overflow:hidden;}
  /*.vid-class{width:100%!important; height:110%;}*/
  .vid-class{
  position: relative;
    top: 0;
    left: 0;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
}



}



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

	#trigger-mobile-nav {

		display: block;

	}

	.main-nav {

		display: block;

		height: auto;

		min-height: 57px;

	}

	.main-nav .nav {

		display: none;

	}

	.main-nav .nav li {

		float: none;

		display: block;

		line-height: 22px;

	}

	.main-nav .nav li a {

		font-size: 12px;

		border-top: 1px solid rgba(255,255,255,0.2);

		padding: 8px 0px;

	}

	.main-nav .nav li:first-child a {

		border-top: 0px;

	}

	/** fix for multi page mobile navigation */

	.header-type .mobile-pull {

		float: none;

	}

	.header-type .mobile-pull .main-nav {

		display: none;

	}

	.header-type .mobile-pull .main-nav .nav {

		display: block;

	}

	.header-type .mobile-pull #trigger-mobile-nav {

		padding: 0;

		position: relative;

		float: right;

		width: inherit;

	}

	.header-type .mobile-pull .main-nav {

		position: absolute;

		left: 0;

		right: 0;

		top: 45px;

		z-index: 100;

	}



	.item-box .item-content {

		width: auto;

		float: none;

	}

	.item-box .item-images {

		width: 100%;

		float: none;

	}

	.parallax {

		background-position: 50% 0px!important; 

		background-attachment: scroll!important;

	}

	.seperator-type .slogan {

		margin: 20px 0px;

	}

	.home-type .overlay .fade-element {

		padding: 0px;

	}

	.blog-thumb.video .fluid-width-video-wrapper {

		height: inherit;

	}

}

@media screen and (max-height: 900px){

	.portfolio .item-icons2 a, .tiled-items .item-icons2 a, .item > a > span{font-size:20px;line-height:20px;}

}

@media screen and (max-height: 670px){

	.home-type .overlay .overlay-content{top:50%;}

	.big-logo img{max-width:60%;}

	.portfolio .item-icons2 a, .tiled-items .item-icons2 a{font-size:15px;line-height:15px;}

}

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

	.video-container-header{width:100%;height:1000px;overflow:hidden;}
  /*.vid-class{width:100%!important; height:110%;}*/
  

	#breakAwayVideo{width:738px!important;left:-369px!important;}

	.leading-dev{font-size:3em;}

	h1{font-size:3em!important;}

	h1.blog-title{font-size:22px!important;}

	.container{

		width:738px;

	}

	.service .back{

		min-height:190px;

	}

	.carousel .slides li {

		width: 176px!important;

	}

	.clients.carousel .slides li {

		width: 158px!important;

	}

	.portfolio .item {

		width: 176px;

	}

}



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



	/*  Remove Video and Video Filter */

	.vid-class{display:none;}
	.vid-filter{display:none;}
	.video-container-header{width:100%!important;}

	/* Change Width of #breakaway Section */
	#breakAwayVideo{width:738px!important;left:-369px!important;}

	/* Change size of #breakaway section heading and remove top and bottom bars on heading */
	.leading-dev{font-size:2em;}
	.home-breakaway ul li{font-size:.8em;padding-top:10px;line-height:20px;margin-bottom:30px;}
	h1{font-size:3em!important;margin-bottom:40px;margin-top:30px;}
	h1.blog-title{font-size:22px!important;}
	h1:after, h1:before{display:none;}


	/* Only show one map for mobile */
	.bigMap{display:none;}
	.smallMap{width:100%;height:100%;}

	/* Remove BreakAway Swoosh and Make Why BreakAway Icons and Points in vertical line format */
	.logoBack{display:none;}
	.why2{margin-left:0px;}
	.why3{margin-left:0px;}
	.why6{margin-left:0px;}
	.why7{margin-left:0px;}

	/* Begin Omni Layout styles*/
	.home-type .overlay .overlay-content {
		top:30%;
	}
	.overlay-content > .btn.border-btn{
		font-family: 'Roboto', serif!important;
		border: 1px solid #fff!important;
		font-size: 30px;
		padding: 10px 30px;
		color: #fff;
		box-shadow:none!important;
		background-color:transparent!important;
	}

	.overlay-content > .btn.border-btn:hover{color:white!important;background-color:rgba(255,255,255,0.5)!important;}
	.header-type .adds {
		display: none;
	}
	.header-type .address {
		display: none;
	}
	.header-type .logo {
		margin-left:35%;
	}
	.header-type .logo img{
		max-height:250%;
	}

	.header-type{
		height:80px;
	}

	.pull-left { float:both;}
	.portfolio .item {
		margin-left: 0px;
	}
	.google-maps {
		height: 300px;
	}
	.slogan{
		font-size: 24px;
		line-height: 30px;
		margin-bottom: 40px;
	}
	.service{
		height: auto;
	}
	.service .front {
		height: 180px;
		padding: 35px 0px 0px;
	}
	.service .back{
		height: auto;
		display: block;
		position: relative;
		top: inherit;
	}
	.tp-caption .border-btn {
		font-size: 12px;
		padding: 2% 4%;
	}
	.home-type .parallax.short {
		height: 280px;
	}
	#hide-overlay-phone {
		display: block;
	}
	.home-type .overlay .overlay-content {
		margin-top: -20px;
	}
	.home-type.parallax-type .overlay .overlay-content {
		margin-top: -100px;
		height: inherit;
	}
	.element-fader, .big-logo {display: none;}
	.home-type.parallax-type .big-logo {
		display: block;
	}
	.blog-info.no-thumb {
		min-height: inherit;
	}
}



@media screen and (min-width: 480px) and (max-width: 767px){
	.home-breakaway{width:420px!important;}
	.video-container-header{width:100%!important;}
	#breakAwayVideo{width:420px!important;left:-210px!important;}
	.container{width:420px;}
	.carousel .slides li {width: 205px!important;}
	.clients.carousel .slides li {width: 250px!important;}
	.portfolio .item {width: 200px;}
	.rev-title {font-size: 16px;line-height: 22px;}
	.rev-title.big {font-size: 24px;line-height: 28px;}
	.contact-form input[type=email], .contact-form input[type=text] {
		width:250px!important;
	}

	.contact-form textarea{
		width:250px!important;
	}
}



@media screen and (max-width: 479px){
	.leading-dev{font-size:1.5em;}
	.video-container-header{width:100%!important;height:1150px!important;}
  .mfp-content {
    width:80%!important;
  }
  .vhealthcare-info-container{width:85%;}
	.home-breakaway{width:300px;}
	#breakAwayVideo{width:300px!important;left:-150px!important;}
	.title-line{width:14rem;}
	.home-breakaway ul li{margin-bottom:50px!important;}
	.container{width: 300px;}
	.carousel .slides li {width: 300px!important;}
	.clients.carousel .slides li {width: 210px!important;}
	.clients.carousel {
		padding:0px 45px;
	}
	.portfolio .item {
		width: 300px;
	}
	.rev-title {
		font-size: 10px;
		line-height: 14px;
	}
	.rev-title.big {
		font-size: 16px;
		line-height: 20px;
	}
	.home-type.parallax-type .big-logo img {width: 70%;}
	.contact-form input[type=email], .contact-form input[type=text] {
		width:100%!important;
	}

	.contact-form textarea{
		width:100%!important;
	}
}