/* =================================================================== */
/* mFrage Stylesheets
====================================================================== */

body {
	color: #545454;
	background:#fff;
}
a {
	color: #0072a6;
}
a:hover {
	color: #2D2D2D;
}
.footer a:hover {
	color: #0072a6;
}

.progress .bar {background:none; background:#0072a6; }
.progress-striped .bar {background-color: #02bfdb;
	background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
	background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	-webkit-background-size: 40px 40px;
	-moz-background-size: 40px 40px;
	-o-background-size: 40px 40px;
	background-size: 40px 40px; }
.navbg {
	background:#fff;
	box-shadow:0px 1px 5px rgba(225,225,225,0.3);
}

.nav-agency .bottomline { border-bottom:none;}
.nav-agency .active, .nav-agency .active a.dropdown-toggle, .nav-agency .active a.home {
	background:#0072a6;
	color:#fff !important;
}
.navbar .nav > .active > a, .navbar .nav > .active > a:hover, .navbar .nav > .active > a:focus {
	color: #0072a6;
}
.navbar .nav > li > a:focus, .navbar .nav > li > a:hover {
	color: #0072a6;
}
.navbar .nav li.dropdown.open > .dropdown-toggle, .navbar .nav li.dropdown.active > .dropdown-toggle, .navbar .nav li.dropdown.open.active > .dropdown-toggle {
	color: #0072a6;
}
.nav-agency .dropdown-menu {
	border-top: 2px solid #0072a6;
}
.nav-agency .dropdown-menu li > a:hover, .nav-agency .dropdown-menu li > a:focus, .nav-agency .dropdown-submenu:hover > a {
	color: #0072a6;
}


#nav-header ul li a.active {
	color: #0072a6 !important;
}
.page-header {
	background: #0072a6;
	border-bottom: 1px solid #0072a6;
	border-top: 1px solid #0072a6;
	color: #fff;
	padding: 40px 0px 0px 0px;
}
h2.sectiontitle {
	background:url(../img/title-pattern.png) repeat-x bottom center;
}
.marketing .span3:hover {
	background: #0072a6;
	border:1px solid #0097ae; /* darker */
	color:#fff;
}
.da-slide h2 {
	background: #0072a6;
}
h2.sectiontitle:before {
	color:#0072a6;
}
.featured-boxes:hover i {
	color: #0072a6;
}
.featured-boxes {
	-webkit-box-shadow: 0px 0px 1px 1px #e1e1e1;
	-moz-box-shadow: 0px 0px 1px 1px #e1e1e1;
	box-shadow: 0px 0px 1px 1px #e1e1e1;
	}
.featured-boxes:hover {
	-webkit-box-shadow: 0px 0px 1px 1px #0072a6;
	-moz-box-shadow: 0px 0px 1px 1px #0072a6;
	box-shadow: 0px 0px 1px 1px #0072a6;
}
.item-info-overlay {
	background:#0072a6;
}
.btn {
	border-color: #c5c5c5;
	border-color: rgba(0, 0, 0, 0.15) rgba(0, 0, 0, 0.15) rgba(0, 0, 0, 0.25);
}
.btn-primary {
	color: #ffffff;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	background-color: #006dcc;
 *background-color: #0044cc;
}
.btn-primary:hover, .btn-primary:active, .btn-primary.active, .btn-primary.disabled, .btn-primary[disabled] {
	color: #ffffff;
	background-color: #0157a2;
 *background-color: #0157a2;
}
.btn-primary:active, .btn-primary.active {
	background-color: #0157a2 \9;
}
.btn-warning {
	color: #ffffff;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	background-color: #faa732;
 *background-color: #e28604;
}
.btn-warning:hover, .btn-warning:active, .btn-warning.active, .btn-warning.disabled, .btn-warning[disabled] {
	color: #ffffff;
	background-color: #e28604;
 *background-color: #e28604;
}
.btn-warning:active, .btn-warning.active {
	background-color: #e28604 \9;
}
.btn-danger {
	color: #ffffff;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	background-color: #da4f49;
 *background-color: #bd362f;
}
.btn-danger:hover, .btn-danger:active, .btn-danger.active, .btn-danger.disabled, .btn-danger[disabled] {
	color: #ffffff;
	background-color: #c73630;
 *background-color: #c73630;
}
.btn-danger:active, .btn-danger.active {
	background-color: #c73630 \9;
}
.btn-success {
	color: #ffffff;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	background: #0072a6;
}
.btn-success:hover, .btn-success:active, .btn-success.active, .btn-success.disabled, .btn-success[disabled] {
	color: #ffffff;
	background-color: #0097ae; /* darker */

}
.btn-success:active, .btn-success.active {
	background-color: #83a100 \9;
}
.btn-info {
	color: #ffffff;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	background-color: #49afcd;
 *background-color: #2f96b4;
}
.btn-info:hover, .btn-info:active, .btn-info.active, .btn-info.disabled, .btn-info[disabled] {
	color: #ffffff;
	background-color: #2e8da9;
 *background-color: #2e8da9;
}
.btn-info:active, .btn-info.active {
	background-color: #2e8da9 \9;
}
.btn-inverse {
	color: #ffffff;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	background-color: #565656;
 *background-color: #222222;
}
.btn-inverse:hover, .btn-inverse:active, .btn-inverse.active, .btn-inverse.disabled, .btn-inverse[disabled] {
	color: #ffffff;
	background-color: #7b7272;
 *background-color: #7b7272;
}
.btn-inverse:active, .btn-inverse.active {
	background-color: #7b7272 \9;
}
.dropdown-menu li > a:hover, .dropdown-menu li > a:focus, .dropdown-submenu:hover > a {
	color: #ffffff;
	background: #0072a6;
}
.dropdown-menu .active > a, .dropdown-menu .active > a:hover {
	color: #0072a6;
	background-color: rgba(0, 0, 0, 0.02);
}
#pricing .price-plan.most-popular {
	background: #0072a6;
}
.info-box {
	background:#0072a6;
	color:#fff;
}
.greenbtnslide:hover {
	background: #0072a6;
	color: #FFF;
}
.blog .blog-post-tags li a:hover {
	background: #0072a6;
	color: #fff;
	border: 1px solid #0072a6;
}
.blog .nav-pills li.active a, .blog .nav-pills li a:hover {
	background-color: #0072a6 !important;
	color: #fff;
}
.work-item {background:#fff; border-bottom: 1px solid #DFDFDF; }
.work-item:hover {
	background:#0072a6;
	color:#fff;
	border-bottom:1px solid #0097ae; /* darker */
}
.work-item-overlay .inner ul li a.gallery-btn:hover {
	background: #0072a6;
}
.work-item-image-container .work-item-overlay .inner ul li a:hover, .work-item-image-container .work-item-overlay .inner ul li a:active {
	color: #0072a6;
}
.work-item-image-container .work-item-overlay .inner ul li a:hover {
	color: #0072a6;
}
.portfolio-grid ul li {
	background-color: #0072a6;
}
.green {
	background:#0072a6;
}
.flex-direction-nav li a.next:hover, .flex-direction-nav li a.prev:hover, .homecarousel .carousel-control-home-right:hover, homecarousel .carousel-control-home-left:hover {
	background-color:#0072a6;
}
.greenbtn {
	background: #373B43;
}
.greenbtn:hover {
	background: #0097ae; /* darker */
	color: #FFF;
}
.client-list li {background:#fff;}

.img-location {
	background: url(../img/th-icons/blue2/icon-location.png) no-repeat 0 13px;
	
}
.img-skype {
	background: url(../img/th-icons/blue2/icon-skype.png) no-repeat 0 13px;
	
}

.img-narrow {
	background: url(../img/th-icons/blue2/icon-narrow.png) no-repeat 0 13px;
}

.img-narrow-red {
	background: url(../img/th-icons/blue2/icon-narrow-red.png) no-repeat 0 13px;
}


.img-phone {
	background: url(../img/th-icons/blue2/icon-phone.png) no-repeat 0 13px;
	
}
.img-linkedin{
	background: url(../img/th-icons/blue2/icon-linkedin.png) no-repeat 0 13px;
	
}
.img-compatible {background:url(../img/th-icons/blue2/icon-compatible.png) no-repeat;  }
.img-compatible.hover {background:url(../img/th-icons/blue2/icon-compatible-hover.png) no-repeat; }

.img-responsive {background:url(../img/th-icons/blue2/icon-responsive.png) no-repeat; display:inline-block; }
.img-responsive.hover {background:url(../img/th-icons/blue2/icon-responsive-hover.png) no-repeat; display:inline-block;}

.img-creative {background:url(../img/th-icons/blue2/icon-creative.png) no-repeat;}
.img-creative.hover {background:url(../img/th-icons/blue2/icon-creative-hover.png) no-repeat;}

.img-customize {background:url(../img/th-icons/blue2/icon-customize.png) no-repeat;  }
.img-customize.hover {background:url(../img/th-icons/blue2/icon-customize-hover.png) no-repeat; }

.darkblock {
  background: #1172A8;
  background: -webkit-gradient(linear, right bottom, left bottom, color-stop(0, #3CA9E6), color-stop(1, #1172A8));
  background: -ms-linear-gradient(right, #3CA9E6, #1172A8);
  background: -moz-linear-gradient(center bottom, #3CA9E6 0%, #1172A8 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3CA9E6', endColorstr='#1172A8', GradientType=0);
  background-image: -moz-radial-gradient(34% 217px, circle, #3CA9E6 0, #1172A8 75%);
  background: -webkit-gradient(radial, 900 83%, 10, 900 75%, 631, from(#3CA9E6), to(#1172A8));
  min-height:300px;
}

.darkblock, .darkblock ul li, .darkblock h2 {
  color: #f7f7f7;
}

.darkblock ul {
  list-style:none;
  margin: 25px 0px 0px 0px;
}

#teaserbox ul li {
  line-height: 1.9em;
  padding-left:35px;
  padding-bottom: 8px;
  background:url(../img/check_bullet_white.png) no-repeat 0px 2px;
}

#teaserbox {
  min-height:229px; 
  margin-top:1px;
}


.darkblock ul li b {
  font-size:17px;
  padding-right:5px;
}

.darkblock .cta {
  margin-top: 25px;
  padding: 13px 27px;
  font-weight: bold;
  font-size: 20px;
}

.btn-warning {
  font-weight:bold;
  font-size:20px;
}

.intro {
  margin-top:40px;
}


#phone div {
  font-size:13px;
  margin-bottom: -7px;
  color: #818181;
  margin-left: 35px;
}

#phone i {
  margin-right: 6px;
  margin-top:-3px;
}

#phone {
  font-size:30px;
  margin-top: 12px;
  margin-left:50px;
  height: 60px;
  padding-left:92px;
  color: #272727;
}

.intro .nav-tabs {
  border-bottom: none;
}

.intro form {
  margin-top: 16px;
}

.intro form input {
  margin-bottom:10px;
  margin-right:25px;
}

#cta {
  margin-top:15px;
  font-size:25px;
  color: #272727;
}

#cta i {
  padding-top:13px;
}

#cta div {
  font-size:15px;
  margin-left:44px;
  margin-top:-2px;
}

#cta-form form {
  margin-top:0px;
}

#cta-form .btn-warning {
  margin-top:10px;
  margin-right:11px;
}

#cta-form form input{
  margin-bottom:6px;
}

#cta-form form label {
  color: #545454;
}

.cta i {
  font-size:20px;
  font-weight:bold;
  font-style:normal;
}

#main-nav li a {
  font-size: 1.25em;
}

#cta-phone {
  font-size:20px;
  color: #272727;
  padding-right:15px;
}

form .cta {
  margin-right:15px;
}

.brand {
  position: absolute;
  top: -2px;
  left: 20px;
  background: #FFF;
  padding: 0px 0px 0px 0px !important;
}

.navbar-inner {
  position:relative;
}

.social {
  float:left;
  width:100%;
  height:40px;
}

.social .g-plusone {
  float:left;
  width:200px;
}

#slides {
  width: 95%;
  background: #FFF;
  border-radius: 2px;
  text-align: center;
  margin-top: 20px;
  padding: 1px 10px 27px 10px;
  min-height: 358px;
  position: relative;
}

.slides iframe {
  top:0;left:0;
  width:100%; 
  height:300px;
}

@media (min-width: 1200px) {
  .client-list li { width:230px }
  .client-list li {background: black !important; width:230px;}
}

@media (max-width: 1199px) {
  .client-list li { width:185px }
  #cta {font-size:20px;}
  #cta i {height:30px;}
}

.navbar .nav {
  float:none;
  margin-left:105px;
}


.flex-direction-nav li a {
  width: 35px;
  height: 35px;
  display: block;
  bottom: -44px;
  right: 0px;
  float: none;
  position: absolute;
}

.error {
	border-color: red;
}