/* ++++++++++++
   COLOR STYLE

   ++++++++++++ */
 .txt1{  line-height: 50px; color: #fff; margin: 5px; background: url(../images/px0.png); display: inline-block; text-transform: uppercase; padding: 0 20px;}

 

span.mts-highlight-texts{
	color:  #FFF;
	line-height: 50px;
	margin: 10px; 
	background: url(../images/px0.png); 
	display: inline-block; 
	padding:  20px;
}
span.mts-highlight-text{
	color:  #002f66;
}

span.mts-highlight-text-inverted{
    color:  #fff;
}
.mts-button-solid{
	background-color:  #002f66;
}

.mts-button-solid:hover{
	
}
.mts-button-outline-light:hover{
	background-color:  #002f66;
}

.mts-button-outline-dark:hover{
	background-color:  #002f66;
}

.mts-button-outline-round-dark:hover{
	background-color:  #002f66;
}

.mts-btn-round{
	background-color:  #002f66;
}

.mts-btn-round:hover{
	
}

.mts-button-outline-round:hover{
	
}

.mts-blurb-icon-only i{
	color:  #002f66;
}

.mts-blurb-icon-only h3{
	color:  #002f66
}

.mts-blurb-round-icon:hover .mts-icon{
	background-color:  #002f66;
	
}
.mts-blurb-icon-left-square .mts-icon:hover {
	background-color:  #002f66;
}
.mts-blurb-round-icon:hover h3{
	color:  #FFF;
}

.mts-blurb-icon-left-square:hover .mts-blurb-text h3{
	color:  #002f66;
}

.mts-blurb-icon-left-square:hover .mts-blurb-text h3:after{
	background-color:  #002f66;
}

.mts-main-menu .navbar-nav li a:hover,
.mts-main-menu .navbar-nav li.active a{
    color: #c3c3c3;
}

.black-ed p{
    color:#002f66;
}

.mts-slider .sp-selected-button {
  background-color:  #FFF;
  
}

.mts-member-details h3{
	color:  #002f66;
}
#scrollUp:hover {
	background-color:  #002f66;
	}

/* --------- Featured Work ---------- */
.mts-port-work-details .mts-port-work-desc p a:hover{
	color:  #002f66;
}

.mts-port-work-details .mts-port-work-desc h3{
	color:  #002f66;
}

.mts-port-work-details .mts-port-work-desc .mts-like-btn a:hover{
	color:  #002f66;
}

.mts-port-work-details .mts-port-work-desc .mts-like-btn a:hover i{
	color:  #002f66;
}
.mts-work-meta a {
	color:  #002f66;
	font-size: 45px;
	padding-top: 35px;
}
/* --------- Portfolio Style -----------*/
.mts-portfolio-filter-btn-group ul li a.selected{
	background-color:  #002f66;
}

.mts-portfolio-item .mts-portfolio-details h3{
	color:  #002f66;
}

.mts-portfolio-item .mts-portfolio-details p a:hover{
	color:  #002f66;
}

.mts-portfolio-btn-wrapper a.mts-portfolio-btn:hover{
	color: #ffffff;
	background-color:  #002f66;
	border: 2px solid transparent;
}
.mts-portfolio-details .mts-portfolio-meta-btn ul li:hover {
	
	
}
.mts-blurb-round-icon:hover {
	background-color: #002f66;
}

.mts-blurb-round-icon:hover  .mts-blurb-round-icon p:before{
    color: #FFF !important;
}

.mts-portfolio-filter-btn-group ul li a {
	border: 2px solid  #002f66;
	margin: 2px;
    color: #002f66;
}
.mts-custom-sec-text ul li i{
	color:  #002f66;
}
.mts-process-item:hover h3{
	color:  #002f66;
}
 .mts-pricing-titles {
 	background-color:  #002f66;
 	padding: 20px;
 	padding-top: 40px;
 }
.mts-pricing-plans a.mts-signup-btn {
	background-color:  #002f66;
}

.mts-pricing-plans a.mts-signup-btn:hover{
	opacity: 0.6;
}
.owl-theme .owl-controls .owl-page span {
  border: 1px solid  #002f66;
}

.owl-theme .owl-controls .owl-page.active span {
  background-color:  #002f66;
  
}

.mts-footer-social-info li:hover {
	background-color:  #002f66;
	
}
/* ------- Contact Style ------ */
.mts-contact-section .mts-contact-form input[type="submit"] {
	background-color:  #002f66;
}
.mts-contact-section .mts-contact-form input[type="submit"]:hover {
	opacity: 0.6;
}
.mts-contact-section .mts-contact-address ul li i {
	background-color:  #002f66;
}
.mts-contact-details i {
	color:  #002f66;
}


.hoverer:hover .mts-pricing-titles{
    background-color: #c9c9c9;
}

.hoverer:hover .mts-pricing-titles h2{
    color: #002f66;
}

.hoverer:hover .mts-pricing-service-name{
    background-color: #F0F0F0;
}

.hoverer:hover .bg-btn {
    background-color:#F0F0F0;
}

.hoverer:hover .mts-pricing-service-name ul li{
    color:#002f66;
}
.icon {
	display: inline-block;
	width: 34px;
	height: 34px;
	margin-top: -7px;
	margin-right: 6px;
	padding-top: 8px;
	text-align: center;
	vertical-align: middle;
	font-size: 20px;
	border-radius: 99px;
	line-height: 1em;
	color: #fff;
	font-weight: normal;
}

.icon-facebook {
	background-color: #456fd1;
}

.icon-twitter {
	background-color: #5ca9cf;
}

.icon-instagram {
	background-color: #a5765a;
}

.icon-pinterest {
	background-color: #bd363f;
}

.icon-google-plus {
	background-color: #de4b39;
}
/*-------------------------------------------------------------------------------------------------*/
#about{position: relative; background: #fff; padding: 60px 0 60px;}

.accordion{margin-bottom: 0px;}
.accordion .ui-accordion-header{background: #cacfd3; font-size: 15px; color: #fff; padding: 14px 50px 14px 20px; border: 1px solid #cacfd3; margin-top: 5px;}
.accordion .ui-accordion-header:hover{background: #6e767b; border-color: #6e767b;}
.accordion .ui-accordion-header:focus{outline: none;}
.accordion .ui-accordion-header-active, .accordion .ui-accordion-header-active:hover{background: #ffffff; border-color: #eceef0; color: #2c3e50;}
.accordion .ui-accordion-header .ui-accordion-header-icon{width: 42px; height: 100%; background: url(../images/accordion-closed.png) center center no-repeat; top: 0; margin-top: 0; left: auto; right: 0; border-left: 1px solid #eceef0;}
.accordion .ui-accordion-header-active .ui-accordion-header-icon{background-image: url(../images/accordion-opened.png);}
.accordion .ui-accordion-content{border: 1px solid #eceef0; padding: 20px; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; margin-top: -1px;}

.numbers1{position: relative; margin-bottom: 30px; text-align: center;color: #fff;}
.numbers1 .txt1{font-family: 'Lato'; font-weight: 300; font-size: 30px; color: #fff; text-transform: uppercase; padding-bottom: 0px;}
.numbers1 .txt2{font-family: 'Lato'; font-weight: 900; font-size: 14px; color: #fff; text-transform: uppercase;}
/*------------------------------------------------------------*/
.thumb-isotope {}
.thumb-isotope .thumbnail{padding: 0px; border: none; border-radius:0px; -moz-border-radius:0px; -webkit-border-radius:0px; box-shadow: none;-moz-box-shadow: none; -webkit-box-shadow: none; margin-bottom: 0; background: none;}
.thumb-isotope .thumbnail a{position: relative;  display: block; text-decoration: none; padding: 0px;background: none; border: none; border-radius:0px; -moz-border-radius:0px; -webkit-border-radius:0px;
transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out;
}
.thumb-isotope .thumbnail a:hover{background: #fff;}
.thumb-isotope .thumbnail a figure{position: relative; margin: 0; float: none; margin:0px 0px 0px 0px; padding: 0px; background: #575757; border: none; border-radius:0px; -moz-border-radius:0px; -webkit-border-radius:0px;
transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out;
}
.thumb-isotope .thumbnail a:hover figure{}
.thumb-isotope .thumbnail a img{width: 100%; border-radius:0px; -moz-border-radius:0px; -webkit-border-radius:0px;
}
.thumb-isotope .thumbnail a em{position: absolute; width: 100%; height: 100%; left: 0; top: 0; margin-top: 0; z-index: 2; background: none; opacity: 0; filter: alpha(opacity=0);
transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out;
}
.thumb-isotope .thumbnail a:hover em{opacity: 1; filter: alpha(opacity=100);}
.thumb-isotope .thumbnail a .caption{padding: 12px; text-align: center; text-transform: uppercase; background: #f3f3f3; position: absolute; left: 0; width: 100%; bottom: -100px; opacity: 0; filter: alpha(opacity=0);
transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out;
}
.thumb-isotope .thumbnail a:hover .caption{bottom: 0;opacity: 1; filter: alpha(opacity=100);}
.thumb-isotope .thumbnail a .caption:before{content: '';width: 0; height: 0; border-style: solid; border-width: 0 10px 8px 10px; border-color: transparent transparent #f3f3f3 transparent; line-height: 0; position: absolute;left: 50%; margin-left: -10px; top: -8px;}
.thumb-isotope .thumbnail a .caption .txt1{font-family: 'Montserrat'; font-size: 15px; color: #2c3e50; font-weight: bold;}
.thumb-isotope .thumbnail a .caption .txt2{font-family: 'Lato'; font-size: 12px; color: #a1b1bc;}

/*---------------------------------------*/
#locations{position: relative; background: #fff; padding-top: 100px; padding-bottom: 80px;}

.map2{display: none; position: relative;}
.map2 img{position: relative;}

.circle{width: 100px; height: 100px; background: #03a9f4; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; position: absolute; left: 0; top: 0;}

.circle {
  -webkit-animation: wave-animation1 3s 0s infinite linear; /* Safari 4+ */
  -moz-animation:    wave-animation1 3s 0s infinite linear; /* Fx 5+ */
  -o-animation:      wave-animation1 3s 0s infinite linear; /* Opera 12+ */
  animation:         wave-animation1 3s 0s infinite linear; /* IE 10+ */
}

.circle1{left: 280px; top: 170px;}
.circle2{width: 50px; height: 50px;left: 25px; top: 100px;
  -webkit-animation-delay: 0.1s;
  -moz-animation-delay: 0.1s;
  -o-animation-delay: 0.1s;
  animation-delay: 0.1s;

  -webkit-animation-duration: 2.13s;
  -moz-animation-duration: 2.13s;
  -o-animation-duration: 2.13s;
  animation-duration: 2.13s;
}
.circle3{width: 150px; height: 150px;left: 180px; top: 200px;
  -webkit-animation-delay: 0.1s;
  -moz-animation-delay: 0.1s;
  -o-animation-delay: 0.1s;
  animation-delay: 0.1s;

  -webkit-animation-duration: 2.43s;
  -moz-animation-duration: 2.43s;
  -o-animation-duration: 2.43s;
  animation-duration: 2.43s;
}
.circle4{left: 580px; top: 190px;
  -webkit-animation-delay: 0.21s;
  -moz-animation-delay: 0.21s;
  -o-animation-delay: 0.21s;
  animation-delay: 0.21s;

  -webkit-animation-duration: 3.13s;
  -moz-animation-duration: 3.13s;
  -o-animation-duration: 3.13s;
  animation-duration: 3.13s;
}
.circle5{width: 150px; height: 150px;left: 890px; top: 200px;
  -webkit-animation-delay: 0.17s;
  -moz-animation-delay: 0.17s;
  -o-animation-delay: 0.17s;
  animation-delay: 0.17s;

  -webkit-animation-duration: 2.73s;
  -moz-animation-duration: 2.73s;
  -o-animation-duration: 2.73s;
  animation-duration: 2.73s;
}
.circle6{left: 930px; top: 420px;
  -webkit-animation-delay: 0.31s;
  -moz-animation-delay: 0.31s;
  -o-animation-delay: 0.31s;
  animation-delay: 0.31s;

  -webkit-animation-duration: 2.73s;
  -moz-animation-duration: 2.73s;
  -o-animation-duration: 2.73s;
  animation-duration: 2.73s;
}
.circle7{width: 70px; height: 70px;left: 990px; top: 400px; opacity: 0.45; filter:alpha(opacity=45);
  -webkit-animation-delay: 0.15s;
  -moz-animation-delay: 0.15s;
  -o-animation-delay: 0.15s;
  animation-delay: 0.15s;

  -webkit-animation-duration: 2.03s;
  -moz-animation-duration: 2.03s;
  -o-animation-duration: 2.03s;
  animation-duration: 2.03s;
}
.circle8{width: 25px; height: 25px;left: 60px; top: 125px; background: #fff; border: 1px solid #03a9f4; opacity: 0.6; filter:alpha(opacity=60);
  -webkit-animation-delay: 0.18s;
  -moz-animation-delay: 0.18s;
  -o-animation-delay: 0.18s;
  animation-delay: 0.18s;

  -webkit-animation-duration: 1.44s;
  -moz-animation-duration: 1.44s;
  -o-animation-duration: 1.44s;
  animation-duration: 1.44s;
}
.circle9{width: 75px; height: 75px;left: 270px; top: 250px; background: #fff; border: 1px solid #03a9f4; opacity: 0.6; filter:alpha(opacity=60);
  -webkit-animation-delay: 0.18s;
  -moz-animation-delay: 0.18s;
  -o-animation-delay: 0.18s;
  animation-delay: 0.18s;

  -webkit-animation-duration: 1.94s;
  -moz-animation-duration: 1.94s;
  -o-animation-duration: 1.94s;
  animation-duration: 1.94s;
}
.circle10{width: 60px; height: 60px;left: 640px; top: 180px; background: #fff; border: 1px solid #03a9f4; opacity: 0.6; filter:alpha(opacity=60);
  -webkit-animation-delay: 0.18s;
  -moz-animation-delay: 0.18s;
  -o-animation-delay: 0.18s;
  animation-delay: 0.18s;

  -webkit-animation-duration: 1.84s;
  -moz-animation-duration: 1.84s;
  -o-animation-duration: 1.84s;
  animation-duration: 1.84s;
}
.circle11{width: 55px; height: 55px;left: 980px; top: 235px; background: #fff; border: 1px solid #03a9f4; opacity: 0.6; filter:alpha(opacity=60);
  -webkit-animation-delay: 0.18s;
  -moz-animation-delay: 0.18s;
  -o-animation-delay: 0.18s;
  animation-delay: 0.18s;

  -webkit-animation-duration: 2.14s;
  -moz-animation-duration: 2.14s;
  -o-animation-duration: 2.14s;
  animation-duration: 2.14s;
}

@-webkit-keyframes wave-animation1 {
  0%   {
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  60% {
    -ms-transform: scale(0.0001);
    -webkit-transform: scale(0.0001);
    transform: scale(0.0001);
  }
  90% {
    -ms-transform: scale(1.2);
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
  }
}
@-moz-keyframes wave-animation1 {
  0%   {
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  60% {
    -ms-transform: scale(0.0001);
    -webkit-transform: scale(0.0001);
    transform: scale(0.0001);
  }
  90% {
    -ms-transform: scale(1.2);
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
  }
}
@-o-keyframes wave-animation1 {
  0%   {
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  60% {
    -ms-transform: scale(0.0001);
    -webkit-transform: scale(0.0001);
    transform: scale(0.0001);
  }
  90% {
    -ms-transform: scale(1.2);
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
  }transform: rotate(360deg);
  }
}
@keyframes wave-animation1 {
  0%   {
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  60% {
    -ms-transform: scale(0.0001);
    -webkit-transform: scale(0.0001);
    transform: scale(0.0001);
  }
  90% {
    -ms-transform: scale(1.2);
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
  }
}
@media (min-width: 1290px) {
  .map{display: none;}
  .map2{display: block;}
}