html,
body {
height: 100%;
color: #464646;
font-family: "Times New Roman", Times, serif;
font-size: 14px;
line-height: 1.6em;
letter-spacing: 0px; 
font-weight: 400;
font-style: normal;
}
.img-centered {
  margin: 0 auto;
}
.content-row {
  margin-top: 30px;
}
.navbar{margin-bottom: 0;min-height: initial;}
section {
  padding: 50px 0;
}
.bg-gray {
  background-color: #f5f5f5;
}
.bg-dark {
  color: white;
  background-color: #222;
}
@media (max-width: 767px) {
  section {
    padding: 75px 0;
  }
}
.owl-theme .owl-controls .owl-page span {
  background: rgba(34, 34, 34, 0.5);
}
input.form-control {
  border-radius: 0 !important;
}
input.form-control:focus {
  border-color: #EF4035;
  box-shadow: none;
}



html {
  font-family: "Times New Roman", Times, serif;
  font-size: 16px;

}
a {
  color: #a19999;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  transition: all 0.5s;
}
a:hover,
a:focus {
  color: inherit;
  text-decoration: none;
}
p {
  font-size: 18px;
  line-height: 1.5;
}
p.lead {
  font-family: "Times New Roman", Times, serif;
  font-weight: 900;
  text-transform: uppercase;
  font-size: 24px;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Times New Roman", Times, serif;
  font-weight: 100;
  text-transform: uppercase;
}
.sqs-block-content h3 {
font-family: "Times New Roman", Times, serif;
font-size: 18px;
line-height: 1.2em;
font-size: 16px;
line-height: 1.6em;
text-transform: uppercase;
text-decoration: none;
letter-spacing: 1px;
font-weight: 400;
font-style: normal;
float: left;
}
.sqs-block-content h3 {
	text-transform: capitalize !important;
	font-size: 28px;
	font-weight:300;
}
h1.page-title{    
font-family: "Times New Roman", Times, serif;
font-size: 100px;
line-height: 1.2em;
text-transform: uppercase;
text-decoration: none; 
letter-spacing: 0.1em;
font-weight: 900; 
font-style: normal;
max-width: 100%;
display: inline-block;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
margin: 0;
color: #fff;
position: relative;
z-index: inherit; 
  }
  
.sqs-block-markdown h2 {
    font-size: 28px;
    font-weight: 800;
        cursor: pointer;
    text-transform: lowercase;
  }
 
@media (min-width: 481px) {
  h1 {
    font-size: 52px;
  }
  h2 {
    font-size: 50px;
  }
}
/*hr {
  max-width: 100px;
  border-top: 1px solid white;
  border-bottom: 1px solid white;
  height: 2px;
  margin: 15px auto;
}*/
hr.left {
  margin: 15px auto 15px 0;
}
hr.right {
  margin: 15px 0 15px auto;
}
hr.colored {
  border-color: #EF4035;
}
@media (min-width: 768px) {
  hr {
    *max-width: 400px;
    margin: 20px auto;
  }
  hr.left {
    margin: 20px auto 20px 0;
  }
  hr.right {
    margin: 20px 0 20px auto;
  }
  
}
.text-primary {
  color: #EF4035;
}
.navbar-fixed-top {
  margin-bottom: 0;
}
.navbar-nav li.hover a, .navbar-nav li a.hover {color: #ffffff;}
.navbar-nav li.active a, .navbar-nav li a.active {color: #778899!important;}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus,
.navbar-inverse .navbar-nav > .active > a,
.navbar-inverse .navbar-nav > .active > a:hover,
.navbar-inverse .navbar-nav > .active > a:focus {
  *color: #f00;
  background-color: transparent;
  border-radius: 0;
}
.navbar-default {
  background-color: #EF4035;
}
.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
  border-color: rgba(255, 255, 255, 0.5);
}

.navbar-default,
.navbar-inverse {
  border: none;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  background-color: #8CBEED;
}
.navbar-default .navbar-toggle,
.navbar-inverse .navbar-toggle {
  color: white;
  font-size: 14px;
  padding: 6px 10px;
}
.navbar-default .navbar-toggle:hover,
.navbar-inverse .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus,
.navbar-inverse .navbar-toggle:focus {
  background-color: white;
  color: #222;

}
.navbar-default .navbar-brand,
.navbar-inverse .navbar-brand {
  color: white;
  opacity: 1;
  text-decoration: none;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  transition: all 0.5s;
  font-family: "Times New Roman", Times, serif;
  font-weight: 900;
  text-transform: uppercase;
  font-size: 24px;
}
.navbar-default .navbar-brand:hover,
.navbar-inverse .navbar-brand:hover,
.navbar-default .navbar-brand:focus,
.navbar-inverse .navbar-brand:focus {
  opacity: 1;
}
.navbar-default .navbar-brand img,
.navbar-inverse .navbar-brand img {
  margin-top: -24px;
}
.navbar-default .navbar-nav > li > a,
.navbar-inverse .navbar-nav > li > a {
color: #ffffff;
font-family: "Times New Roman", Times, serif;
font-size: .85em;
font-weight: 400;
font-size: 11px;
text-transform: uppercase;
text-decoration: none;
letter-spacing: 2px;
font-weight: 900;
font-style: normal;
line-height: 2em;
}
.modal-backdrop.in{z-index: -1;}
li{list-style: none;}
.navbar-default .navbar-nav > li > a:hover,
.navbar-inverse .navbar-nav > li > a:hover {
  color: rgba(255, 255, 255, 1);
}
@media (min-width: 768px){  
/*.navbar-nav>li>a {padding:5px 20px}*/
} 
@media (min-width: 768px) {
  .navbar-default .navbar-nav > .active > a,
  .navbar-default .navbar-nav > .active > a:hover,
  .navbar-default .navbar-nav > .active > a:focus,
  .navbar-inverse .navbar-nav > .active > a,
  .navbar-inverse .navbar-nav > .active > a:hover,
  .navbar-inverse .navbar-nav > .active > a:focus {
    border-radius: 5px;
	
  }
  .navbar-fixed-top.navbar-expanded {
    padding: 30px 0;
  }
  .navbar-fixed-top {
    padding: 18px 0;
    -webkit-transition: padding 0.5s;
    -moz-transition: padding 0.5s;
    transition: padding 0.5s;
  }
  .navbar-fixed-top .navbar-brand:hover {
    *opacity: 0.5;
  }
  .navbar-default.navbar-expanded,
  .navbar-inverse.navbar-expanded {
    background: transparent;
    border: none;
  }
}
.navbar a:focus {
  outline: none;
}
.navbar .navbar-nav li a:focus {
  outline: none;
}
ul.nav.navbar-nav.navbar-right {
    text-transform: uppercase;
}

/*========header css=========*/
header {
  position: relative;
  display: block;
  height: auto;
  width: auto;
  background-color: #222;
  background: no-repeat center center;
  background-attachment: scroll;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  -o-background-size: cover;
  padding: 100px 0;
}
header .intro-content {
  color: white;
  text-align: center;
  position: relative;
}
header .brand-name {
  font-family: "Times New Roman", Times, serif;
  font-size: 55px;
  line-height: 55px;
  text-transform: uppercase; 
  font-weight: 900;
  margin-top: 15px;
}
header .brand-name-subtext {
  font-size: 20px;
  line-height: 20px;
  font-weight: 300;
}
header img {
  max-width: 150px;
  max-height: 150px;
}
header .scroll-down {
  position: absolute;
  width: 100%;
  bottom: 20px;
  text-align: center;
}
.intro-tagline h3 { color: #fff; font-weight: 900;}
.scroll-top a { text-decoration: none;} 
.scroll-top{position: relative;text-align: center;top: 20px;}
.scroll-top .btn{background:#fff;border-radius: 50% !important;padding:10px 10px 5px; font-weight: 400;}
.scroll-top .block{display: block !important;font-size: 22px;
position: relative;}
header .scroll-down .btn {
  height: 50px;
  width: 50px;
  border: 2px solid white;
  border-radius: 100% !important;
  line-height: 50px;
  padding: 0;
  letter-spacing: normal;
  color: white;
  font-size: 30px;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  transition: all 0.5s;
}
header .scroll-down .btn:hover {
  color: rgba(255, 255, 255, 0.5);
  border-color: rgba(255, 255, 255, 0.5);
  outline: none;
}
@media (min-width: 768px) {
  header {
    height: 100%;
    width: 100%;
    padding: 0;
    background-attachment: scroll;
  }
  header .intro-content {
    color: white;
    text-align: center;
    width: 80%;
    margin: auto;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  }
  header .brand-name {
    font-size: 80px;
    line-height: 80px;
  }
  header .brand-name-subtext {
    font-size: 30px;
    line-height: 30px;
  }
  header img {
    max-width: 250px;
    max-height: 250px;
  }
}
@media (min-width: 1025px) {
  header {
    background-attachment: fixed;
  }
}
header.video .overlay {
  position: absolute;
  height: 100%;
  width: 100%;
  background: #000;
  z-index: 998;
  opacity: 0;
}
header.video .intro-content {
  z-index: 999;
}
header.video .scroll-down {
  z-index: 999;
}
@media (min-width: 768px) {
  header.video .overlay {
    opacity: 0.5;
  }
}
aside.cta-quote {
  color: white;
  background-color: #222;
  background: no-repeat center center scroll;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  -o-background-size: cover;
  padding: 100px 0;
  text-align: center;
}
aside.cta-quote span.quote {
  display: block;
  font-size: 30px;
  line-height: 32px;
  font-weight: 300;
}
@media (min-width: 768px) {
  aside.cta-quote {
    background-attachment: scroll;
    padding: 150px 0;
  }
  aside.cta-quote span.quote {
    font-size: 36px;
    line-height: 38px;
  }
} 
@media (min-width: 992px) {
  aside.cta-quote {
    padding: 300px 0;
  }
  aside.cta-quote span.quote {
    font-size: 40px;
    line-height: 42px;
  }
}
@media (min-width: 1025px) {
  aside.cta-quote {
    background-attachment: fixed;
  }
}
.testimonials {
  text-align: center;
  margin:30px 0;
}
.testimonials .testimonials-carousel .item {
  padding: 0;
}
.testimonials .testimonials-carousel .item p.quote {
  margin-bottom: 30px;
}
.testimonials .testimonials-carousel .item .testimonial-info {
  margin-bottom: 30px;
}
.testimonials .testimonials-carousel .item .testimonial-info .testimonial-img {
  display: inline-block;
  height: 50px;
  width: 50px;
  margin-right: 10px;
}
.testimonials .testimonials-carousel .item .testimonial-info .testimonial-author {
  display: inline-block;
}
.testimonials .testimonials-carousel .item .testimonial-info .testimonial-author .name {
  font-family: "Times New Roman", Times, serif;
  font-weight: 900;
  text-transform: uppercase;
}
.testimonials .testimonials-carousel .item .testimonial-info .testimonial-author hr.colored {
  margin: 3px auto;
  max-width: 50px;
}
.testimonials .testimonials-carousel .item .testimonial-info .testimonial-author p {
  margin: 0;
}
.testimonials .testimonials-carousel .item .testimonial-info .testimonial-author .stars {
  color: #f1c40f;
}
.testimonials .testimonials-carousel .owl-controls {
  margin-top: 0;
}
.testimonials .testimonials-carousel .owl-controls .owl-prev,
.testimonials .testimonials-carousel .owl-controls .owl-next {
  display: none;
  text-align: center;
  position: absolute;
  height: 60px;
  width: 40px;
  border-radius: 0 !important;
  line-height: 50px;
  font-size: 30px !important;
  margin: auto 0 !important;
  top: 0;
  bottom: 0;
  background-color: #EF4035 !important;
  color: white !important;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  transition: all 0.5s;
}
.testimonials .testimonials-carousel .owl-controls .owl-prev:hover,
.testimonials .testimonials-carousel .owl-controls .owl-next:hover {
  opacity: 1;
}
.testimonials .testimonials-carousel .owl-controls .owl-prev {
  left: 15px;
}
.testimonials .testimonials-carousel .owl-controls .owl-next {
  right: 15px;
}
@media (min-width: 768px) {
  .testimonials .testimonials-carousel .item {
    padding: 0 100px;
  }
  .testimonials .testimonials-carousel .owl-controls .owl-prev,
  .testimonials .testimonials-carousel .owl-controls .owl-next {
    display: block;
  }
}
.cta-form h3 {
  margin-top: 0;
}
.about-content {
  padding: 30px;
}
.about-carousel .item {
  position: relative;
  margin: 15px;
}
.about-carousel .item .overlay {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-color: #222;
  opacity: 0.5;
}
.about-carousel .item .caption {
  padding: 15px;
  color: rgba(255, 255, 255, 0.7);
  width: 100%;
  margin: auto;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.about-carousel .item .caption h3 {
  margin: 0;
}
.about-carousel .item .caption hr {
  margin: 5px auto;
  max-width: 50px;
}
.about-carousel .item .caption p {
  margin: 0;
}
.about-carousel .item .caption ul.social {
  margin-top: 5px;
}
.about-carousel .item .caption ul.social li a {
  color: rgba(255, 255, 255, 0.7);
}
.about-carousel .item .caption ul.social li a:hover,
.about-carousel .item .caption ul.social li a:focus {
  color: white;
}
.about-carousel .owl-controls {
  margin-top: 0;
}
.about-carousel .owl-controls .owl-prev,
.about-carousel .owl-controls .owl-next {
  text-align: center;
  position: absolute;
  height: 60px;
  width: 40px;
  border-radius: 0 !important;
  line-height: 50px;
  font-size: 30px !important;
  margin: auto 0 !important;
  top: 0;
  bottom: 0;
  background-color: #EF4035 !important;
  color: white !important;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  transition: all 0.5s;
}
.about-carousel .owl-controls .owl-prev:hover,
.about-carousel .owl-controls .owl-next:hover {
  opacity: 1;
}
.about-carousel .owl-controls .owl-prev {
  left: 15px;
}
.about-carousel .owl-controls .owl-next {
  right: 15px;
}
.services .media {
  margin-bottom: 30px;
}
.services .media i.fa {
  height: 75px;
  width: 75px;
  line-height: 70px;
  text-align: center;
  border: 3px solid #222;
  border-radius: 100%;
  font-size: 30px;
}
.services .media .media-body {
  min-width: none;
  padding-left: 15px;
}
.services .media .media-body h3 {
  margin-bottom: 15px;
}
.services .media .media-body ul {
  list-style: inside;
  padding: 0;
}
.services .media .media-body ul li {
  margin-bottom: 10px;
}
@media (min-width: 390px) {
  .services .media .media-body {
    min-width: 260px;
  }
}
@media (min-width: 992px) {
  .services .media .media-body {
    min-width: 193px;
  }
}
@media (min-width: 1199px) {
  .services .media .media-body {
    min-width: 260px;
  }
}
@media (min-width: 992px) {
  .services .media {
    margin-bottom: 0;
  }
}
.portfolio-carousel {
  padding: 0;
  color: white;
  background-color: #222;
}
.portfolio-carousel .item {
  background-color: #222;
  background: no-repeat center center scroll;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  -o-background-size: cover;
  padding: 50px 55px;
  text-align: center;
}
.portfolio-carousel .item .project-details {
  padding: 0;
}
.portfolio-carousel .item .project-details .project-name {
  display: block;
  font-size: 40px;
  line-height: 40px;
  margin-bottom: 5px;
  font-family: "Times New Roman", Times, serif;
  font-weight: 900;
  text-transform: uppercase;
}
.portfolio-carousel .item .project-details .project-description {
  display: block;
  font-size: 18px;
  line-height: 18px;
}
.portfolio-carousel .item .device-container {
  padding: 25px;
}
.portfolio-carousel .owl-controls {
  margin-top: 0;
}
.portfolio-carousel .owl-controls .owl-prev,
.portfolio-carousel .owl-controls .owl-next {
  text-align: center;
  position: absolute;
  height: 75px;
  width: 50px;
  border-radius: 0 !important;
  line-height: 70px;
  font-size: 30px !important;
  margin: auto 0 !important;
  top: 0;
  bottom: 0;
  background-color: #EF4035 !important;
  color: white !important;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  transition: all 0.5s;
}
.portfolio-carousel .owl-controls .owl-prev:hover,
.portfolio-carousel .owl-controls .owl-next:hover {
  opacity: 1;
}
.portfolio-carousel .owl-controls .owl-prev {
  left: 0;
}
.portfolio-carousel .owl-controls .owl-next {
  right: 0;
}
@media (min-width: 992px) {
  .portfolio-carousel .item {
    padding: 155px 55px 155px;
    text-align: left;
    min-height: 100%;
  }
  .portfolio-carousel .item .project-details {
    padding: 25% 0 0;
  }
  .portfolio-carousel .item .project-details img.client-logo {
    margin: 0 auto 25px 0;
  }
  .portfolio-carousel .item .project-details .project-name {
    display: block;
    font-size: 50px;
    line-height: 50px;
  }
  .portfolio-carousel .item .project-details .project-description {
    font-size: 20px;
    line-height: 20px;
  }
  .portfolio-carousel .item hr.colored {
    margin: 20px auto 20px 0;
  }
}
.portfolio-gallery .item {
  padding: 15px;
}
.portfolio-modal {
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  -o-background-size: cover;
}
.portfolio-modal .modal-backdrop {
  display: none;
}
.portfolio-modal .modal-content {
  color: white;
  background: transparent;
  border-radius: 0;
  background-clip: border-box;
  -webkit-box-shadow: none;
  box-shadow: none;
  border: none;
  min-height: 100%;
  padding: 100px 0;
  text-align: center;
}
.portfolio-modal .modal-content h2 {
  margin: 0;
  font-size: 46px;
}
.portfolio-modal .modal-content .item-details {
  margin: 30px 0;
}
.portfolio-modal .close-modal {
  position: absolute;
  width: 75px;
  height: 75px;
  background-color: transparent;
  top: 25px;
  right: 25px;
  cursor: pointer;
}
.portfolio-modal .close-modal:hover {
  opacity: 0.3;
}
.portfolio-modal .close-modal .lr {
  height: 75px;
  width: 1px;
  margin-left: 35px;
  background-color: white;
  transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  /* IE 9 */
  -webkit-transform: rotate(45deg);
  /* Safari and Chrome */
  z-index: 1051;
}
.portfolio-modal .close-modal .lr .rl {
  height: 75px;
  width: 1px;
  background-color: white;
  transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  /* IE 9 */
  -webkit-transform: rotate(90deg);
  /* Safari and Chrome */
  z-index: 1052;
}
.mockup-carousel .item {
  margin: 0;
  padding: 0;
}
.mockup-carousel .item img {
  margin: 0;
}
.mockup-carousel .owl-controls {
  margin-top: 0;
}
.mockup-carousel .owl-controls .owl-prev,
.mockup-carousel .owl-controls .owl-next {
  text-align: center;
  position: absolute;
  height: 60px;
  width: 40px;
  border-radius: 0 !important;
  line-height: 50px;
  font-size: 30px !important;
  margin: auto 0 !important;
  top: -30px;
  bottom: 0;
  background-color: #EF4035 !important;
  color: white !important;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  transition: all 0.5s;
}
.mockup-carousel .owl-controls .owl-prev:hover,
.mockup-carousel .owl-controls .owl-next:hover {
  opacity: 1;
}
.mockup-carousel .owl-controls .owl-prev {
  left: 15px;
}
.mockup-carousel .owl-controls .owl-next {
  right: 15px;
}
.portfolio-filter {
  display: inline-block;
}
.portfolio-filter #filters {
  list-style: none;
  padding: 0;
  margin-bottom: 30px;
}
.portfolio-filter #filters li {
  display: inline-block;
}
.portfolio-filter #filters li .filter {
  display: block;
  cursor: pointer;
  padding: 10px 15px;
  margin: 2px;
  text-transform: uppercase;
  font-weight: 900;
  letter-spacing: 1px;
  font-size: 12px;
  color: #222;
  background: transparent;
  border: 1px solid #222;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  transition: all 0.5s;
}
.portfolio-filter #filters li .filter.active {
  background-color: #EF4035;
  color: white;
  border-color: #EF4035;
}
#portfoliolist .mix {
  width: 31%;
  margin: 1%;
  display: none;
  float: left;
  overflow: hidden;
}
#portfoliolist .mix .portfolio-wrapper {
  overflow: hidden;
  position: relative !important;
  background: #222;
  cursor: pointer;
}
#portfoliolist .mix .portfolio-wrapper img {
  max-width: 100%;
  position: relative;
  -webkit-filter: grayscale(0);
  filter: grayscale(0);
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  transition: all 0.5s;
}
#portfoliolist .mix .portfolio-wrapper img:hover {
  -webkit-filter: grayscale(1);
  filter: grayscale(1);
}
#portfoliolist .mix .portfolio-wrapper .caption {
  position: absolute;
  width: 100%;
  height: 75px;
  bottom: -75px;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  transition: all 0.5s;
}
#portfoliolist .mix .portfolio-wrapper .caption .caption-bg {
  background: #EF4035;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
#portfoliolist .mix .portfolio-wrapper .caption .caption-text {
  color: white;
  position: relative;
  z-index: 500;
  padding: 15px 8px;
}
#portfoliolist .mix .portfolio-wrapper .caption .caption-text a.text-title {
  color: white;
}
#portfoliolist .mix .portfolio-wrapper .caption .caption-text .text-category {
  display: block;
  font-size: 12px;
}
#portfoliolist .mix:hover .portfolio-wrapper .caption {
  bottom: 0px;
}
/*  #Mobile (Portrait) - Note: Design for a width of 320px */
@media only screen and (max-width: 767px) {
  #portfoliolist .mix {
    width: 48%;
    margin: 1%;
  }
}
.pricing {
  *color: white;
  background-color: #222;
  background: no-repeat center center scroll;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  -o-background-size: cover;
}
.pricing .pricing-item {
  text-align: center;
  background: white;
  color: #222;
  padding: 30px;
  -webkit-box-shadow: 0px 0px 30px 5px rgba(34, 34, 34, 0.75);
  -moz-box-shadow: 0px 0px 30px 5px rgba(34, 34, 34, 0.75);
  box-shadow: 0px 0px 30px 5px rgba(34, 34, 34, 0.75);
  z-index: 1;
  margin-bottom: 30px;
}
.pricing .pricing-item h3 {
  margin: 0;
}
.pricing .pricing-item hr {
  max-width: 100px;
}
.pricing .pricing-item .price {
  margin-bottom: 20px;
}
.pricing .pricing-item .price .number {
  font-weight: 900;
  font-size: 50px;
}
.pricing .pricing-item .price .number sup {
  font-size: 30px;
}
.pricing .pricing-item .list-group-item {
  border-radius: 0;
}
@media (min-width: 992px) {
  .pricing {
    background-attachment: scroll;
  }
  .pricing .pricing-item {
    margin-bottom: 0;
  }
  .pricing .pricing-item.featured-first {
    margin-right: -15px;
    margin-top: 15px;
  }
  .pricing .pricing-item.featured {
    position: absolute;
    width: 100%;
    left: 0;
    margin: 0;
    padding: 45px 30px;
  }
  .pricing .pricing-item.featured-last {
    margin-left: -15px;
    margin-top: 15px;
  }
}
@media (min-width: 1025px) {
  .pricing {
    background-attachment: fixed;
  }
}
.floating-label-form-group {
  position: relative;
  margin-bottom: 0;
  padding-bottom: 0.5em;
  border-bottom: 1px solid #e1e1e1;
}
.floating-label-form-group input,
.floating-label-form-group textarea {
  z-index: 1;
  position: relative;
  padding-right: 0;
  padding-left: 0;
  border: none;
  border-radius: 0;
  font-size: 1.5em;
  background: none;
  box-shadow: none !important;
  resize: none;
}
.floating-label-form-group label {
  display: block;
  z-index: 0;
  position: relative;
  top: 2em;
  margin: 0;
  font-size: 0.85em;
  line-height: 1.764705882em;
  vertical-align: middle;
  vertical-align: baseline;
  opacity: 0;
  -webkit-transition: top 0.5s ease,opacity 0.5s ease;
  -moz-transition: top 0.5s ease,opacity 0.5s ease;
  -ms-transition: top 0.5s ease,opacity 0.5s ease;
  transition: top 0.5s ease,opacity 0.5s ease;
}
.floating-label-form-group::not(:first-child) {
  padding-left: 14px;
  border-left: 1px solid #e1e1e1;
}
.floating-label-form-group-with-value label {
  top: 0;
  opacity: 1;
}
.floating-label-form-group-with-focus label {
  color: #EF4035;
}
form .row:first-child .floating-label-form-group {
  *border-top: 1px solid #e1e1e1;
}
footer {
  color: #fff;
background-color: rgba(0, 0, 0, 1);
box-shadow: 0 0 5px rgba(0, 0, 0, 0.7);
border-top: 0px solid rgba(0, 0, 0, 1);
border-bottom: 0px solid rgba(0, 0, 0, 1);
  padding: 50px 0 20px;
}
footer .opn-location { line-height:24px;} 
.opn-location p { margin-bottom:0;}
footer .ft-title { font-size:16px; font-weight: bold; text-transform:uppercase; letter-spacing: 2px; }
footer hr { width: 100%!important;}
footer p, footer .ft-cta .ft-cta-btn{ font-size:14px; text-transform:uppercase; font-weight: bold; line-height: 36px; letter-spacing: 2px; }
.ft-cta a, .ft-cta a:hover  { color: #fff!important;}
footer p a { color: #ffffff; text-decoration: none;}  
.ft-cta, .opn-location{ padding: 10px 0;} 
footer .ft-cta .ft-cta-btn { background: #464646; border: none; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -os-border-radius: 5px; padding:2px 5px; font-size:12px; margin-top: 20px; width:280px;}
.opn-footer-info  p { font-size: 12px;}
.opn-footer-info  p img { width:120px; height:100%; margin: 20px;} 
@media (min-width: 1025px) {
  footer.footer {
    background-attachment: fixed;
  } 
}
.btn-outline-light {
  color: white;
  border: 1px solid white;
  background: transparent;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  transition: all 0.5s;
}
.btn-outline-light:hover,
.btn-outline-light:focus {
  color: #EF4035;
  background: white;
  outline: none;
}
.btn-outline-dark {
  color: #222;
  border: 1px solid #222;
  background: transparent;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  transition: all 0.5s;
}
/*.btn-outline-dark:hover,
.btn-outline-dark:focus {
  color: white;
  background: #EF4035;
  border-color: #EF4035;
  outline: none;
}*/
/*setup page css */


@media(max-width: 480px){.col-md-10.col-md-offset-1.inline-flex{display: block !important;}}
.inline-flex{display: inline-flex !important;}
.left-dev{padding-right: 20px;}
.right-dev h3{ margin: 0;font-weight: 900; color: #00414D; font-size: 30px;*width: 100%;}
.right-dev small{font-size: 18px; font-weight: 900;color:#00414D;line-height: 2.2;letter-spacing: 1px; text-transform: uppercase;}
.font{font:normal normal normal 15px/1.4em 'times new roman',times,serif;
padding-left: 15px;}

ul.font.left li {
    float: left;
    width: 100%; 
    display: inline-flex;
    padding-top: 5px;
}
/*ends here setup page css*/
.btn11{padding:6px 12px !important; border-radius: 4px !important; -moz-border-radius: 4px !important; -webkit-border-radius: 4px !important; -ms-border-radius: 4px !important; -o-border-radius: 4px !important; background: #00414D!important; border: none!important; color: #fff;}
.btn11:hover { color: #fff!important;}
.btn.btn11.btn-primary {
    margin: 5px;
}
.btn {
  border-radius: 0;
  padding: 12px 18px;
  text-transform: uppercase;
  font-weight: 900;
  letter-spacing: 1px;
}
.onhover{
  text-decoration: none;
}
.btn:focus,
.btn:active,
.btn.active {
  outline: none;
}
.btn-full-width {
  border: 0;
  border-radius: 0;
  background-color: #222;
  color: white;
  padding: 50px 0;
  font-size: 26px;
  font-weight: 200;
  letter-spacing: normal;
  text-transform: none;
}
.btn-full-width:hover {
  background-color: #EF4035;
  color: white;
}
.btn-full-width:focus {
  color: white;
}
body.modern {
 font-family: "Times New Roman", Times, serif;
  font-weight: 400;
}
body.modern h1,
body.modern h2,
body.modern h3,
body.modern h4,
body.modern h5,
body.modern h6,
body.modern .navbar-brand,
body.modern p.lead,
body.modern header .brand-name,
body.modern .portfolio-carousel .project-name,
body.modern .testimonials .testimonial-author .name {
  font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
}
body.modern .about-carousel .owl-controls .owl-prev,
body.modern .testimonials .owl-controls .owl-prev,
body.modern .about-carousel .owl-controls .owl-next,
body.modern .testimonials .owl-controls .owl-next {
  line-height: 55px !important;
}
body.vintage {
 font-family: "Times New Roman", Times, serif;
  font-weight: 400;
}
body.vintage h1,
body.vintage h2,
body.vintage h3,
body.vintage h4,
body.vintage h5,
body.vintage h6,
body.vintage .navbar-brand,
body.vintage p.lead,
body.vintage header .brand-name,
body.vintage .portfolio-carousel .project-name,
body.vintage .testimonials .testimonial-author .name {
  font-family: "Times New Roman", Times, serif;
  font-weight: 400 !important;
  text-transform: uppercase !important;
}
body.vintage .about-carousel .owl-controls .owl-prev,
body.vintage .testimonials .owl-controls .owl-prev,
body.vintage .about-carousel .owl-controls .owl-next,
body.vintage .testimonials .owl-controls .owl-next {
  line-height: 55px !important;
}

.content-inner {
    background-color: #fff;
    max-width: 960px;
    margin: 0 auto;
    padding: 100px 8%;
}
.sqs-block {
    position: relative;
    height: auto;
    padding-top: 17px;
    padding-bottom: 17px;
    outline: none;
    box-shadow: inset 0 0 0 1px rgba(128,128,128,0);
    -webkit-transition: box-shadow .2s ease-in-out;
    transition: box-shadow .2s ease-in-out;
}
.sqs-block-horizontalrule {clear: both}
.sqs-block-horizontalrule hr{
    border: none;
    color: #bbb;
    background-color: #002E5D;
    height: 1px;
    max-width: 100%;
    margin: 10px auto;
}
.slide.sqs-gallery-design-grid-slide{float: left;margin: 0 25px 25px 0;}
.slide.sqs-gallery-design-grid-slide img{width: 100px;height: auto;}
.wecreate.slide.sqs-gallery-design-grid-slide img{width: 210px;height: 210px;}
.inspire h2{font-size: 46px;line-height: 0.9em;margin: 0;text-transform: lowercase;}
.list-inline.social-iocns img{width: 20px;}
.list-inline.social-iocns {padding:20px;}
.inspire.slide.sqs-gallery-design-grid-slide img{width: 313px;height: auto;position: relative;bottom: 0px;}
.image-slide-anchor.inspire{width: 100%;height: 180px;overflow: hidden;display: block;}
/*.sqs-block.quote-block figure {padding: 2em 3em !important;border-left: solid 2px #b7dfd6;}*/
.sqs-block-quote figure{margin: 1em 0;padding-top: 20px 5px;}
.sqs-block-quote blockquote{border-left: none;font-weight: 600;font-size: 1.3em;line-height: 1.8em;}
.sqs-block-markdown h2 strong {
    color: #b7dfd6;
    padding-right: 8px;
}

li.dropdown a, .dropbtn {
    text-align: center;
    text-decoration: none;
    font-size: 11px;
	letter-spacing:2px;
}

li.dropdown a:hover, .dropdown:hover .dropbtn {
    background-color: transparent;
   color:#fff;
}

li.dropdown {
    display: inline-block;
}

.dropdown-content {
    display: none;
    position: absolute;
    background-color: rgba(140, 190, 237, 1);
    min-width: 100%;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
	z-index: 2;
}

.dropdown-content a {
    color: #ffffff;
    padding:5px;
    text-decoration: none;
    display: block;
    text-align: left;
}

.dropdown-content a:hover {background-color: #f1f1f1}

.dropdown:hover .dropdown-content {
    display: block;
  padding:0;
}
/*@media (min-width: 1025px){header{height: 350px}}*/

/*css for registration page */
h3.Q-content{font-weight: 800; }
.form-control:focus {
    border-color: #66afe9 !important;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,.6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,.6) !important;
}
span.form-required, span.asteriskField {
    color: red;font-size: 20px;
}
span.form-checkbox-item {
    /*width: 30%;
    float: left;*/
}
@media(max-width: 480px){span.form-checkbox-item{width: 100%;}}
.space-10{margin: 10px 0;}

/*testimonials page style*/
.clear-rating {
	display: none !important;
}
.testimonials blockquote {
	background: #eeeeee;
	border: medium none;
	color: #464646;
	display: block;
	font-size: 14px;
	line-height: 20px;
	padding: 15px;
	position: relative;
}
.testimonials blockquote::before {
	width: 0;
	height: 0;
	right: 0;
	bottom: 0;
	content: " ";
	display: block;
	position: absolute;
	border-bottom: 20px solid #fff;
	border-right: 0 solid transparent;
	border-left: 15px solid transparent;
	border-left-style: inset; /*FF fixes*/
	border-bottom-style: inset; /*FF fixes*/
}
.testimonials blockquote::after {
	width: 0;
	height: 0;
	right: 0;
	bottom: 0;
	content: " ";
	display: block;
	position: absolute;
	border-style: solid;
	border-width: 20px 20px 0 0;
	border-color: #00414d transparent transparent transparent;
}
.testimonials .carousel-info img {
	border: 1px solid #f5f5f5;
	border-radius: 150px !important;
	height: 75px;
	padding: 3px;
	width: 75px;
}
.testimonials .carousel-info {
	overflow: hidden;
}
.testimonials .carousel-info img {
	margin-right: 15px;
}
.testimonials .carousel-info span {
	display: block;
}
.testimonials span.testimonials-name {
	color: #22756D;
	font-size: 16px;
	font-weight: 300;
	margin: 10px 0;
}
.testimonials span.testimonials-post {
	color: #656565;
	font-size: 12px;
	text-align:left;
}


/*===========media css=====*/
/*background cover images style*/
.header-coverbg,
.managebg,
.createbg,
.inspirebg,
.automatebg,
.wemixbg  {background-size: cover; background-repeat: no-repeat; background-attachment: scroll; background-position: center center; }
 
/*we manage for home page style*/
.wemanage-items ul { margin:0; padding:0;}
.wemanage-items ul li { display: inline-block; padding:20px;}
.wemanage-items ul li img { width:103px;}


/*home page and main category styles*/
.navbar-inverse .navbar-toggle { border-color: #ffffff !important;} /*toggole border color*/
.xlarge-font { font-size: 120px; font-weight: 900;}
.inner-page-header-bgcolor { background-color:#97A6B4;height: 80%;}
.inner-page-header-bgcolor .intro-content .xlarge-font { padding-top:5%;} 
.profile-img { box-sizing:border-box; margin-bottom:30px;}
.prosection .title img { float:left; padding-right: 5px;}
.prosection .title { font-size: 20px; color: #22756D; font-weight: bold;}
.spec-list-item { list-style-type: disc;}
.spec-list-item li { padding: 1px 0; }
.prosection .location, .spec-list-item { padding-left: 30px;}
.ratingsDiv { margin-bottom: 10px;}
.ratingsDiv img { width:20px; height:20px; margin-right:5px; }
.btn-sub-categroy { background-color: #fff; color: #8CBEED; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -os
border-radius: 5px; -ms-border-radius: 5px; border: none; padding:10px 30px; margin:10px 0;}
.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form { border-color: #97a6b4 !important;}

/*======sub category list items style =========*/
.intro-content .page-title { padding:10% 0; }
.subcat-sec {}
.subcat-list { list-style-type: none; margin: 0; padding: 0; }
.subcat-list li { width: 30%; display: inline; margin: 0 10px;}
.tesmoy-sec { border-bottom: 1px solid #002E5D; padding-bottom:30px;}
.testimonials_coming_soon { text-align: center; padding:50px 0;}

@media (min-width: 320px) and (max-width: 480px) {
.navbar-default, .navbar-inverse { padding: 20px 0 10px 0;}
/*menu - navbar style for small screens*/	
.navbar-nav li { width:100%; text-align:left;}
.navbar-nav li a { text-align:center;}

header { padding: 100px 0;}	
section { padding: 30px 0;}		
.intro-content .page-title { font-size: 36px!important; padding:20% 0!important;} 
.intro-tagline h3 { font-size: 20px;}
.inner-page-header-bgcolor .intro-content .xlarge-font { padding-top: 10%;}
.page-title-wrapper .xlarge-font, .intro-content .xlarge-font { font-size: 30px;}

/*------inner page css-----*/
.right-dev h3 { font-size:24px; margin-top: 30px;}
.inner-page-header-bgcolor { height: auto;}

}
	
@media (min-width: 481px) and (max-width: 640px) {
.navbar-default, .navbar-inverse { padding: 20px 0 10px 0;}
.intro-content .page-title { font-size: 36px; padding:20% 0;} 
.page-title-wrapper .xlarge-font, .intro-content .xlarge-font { font-size: 30px;}
}
	
@media (min-width: 768px) and (max-width: 1024px) {
.inner-page-header-bgcolor { background-color:#97A6B4;height:40%;}
header .intro-content { top:60%;}
.xlarge-font {  font-size: 80px; font-weight: 900;}
}


/*menu toggle from small screen to 1024px*/
@media (max-width: 768px) {
.intro-content .page-title { font-size: 80px; padding:0% 0;} 
.navbar-nav li, #bs-example-navbar-collapse-1{ width:100%; text-align:left;}
.navbar-nav li a { text-align:center;}
.dropdown-content { position: relative;}

.navbar-header { float: none; }
.navbar-left,.navbar-right { float: none !important;}
.navbar-toggle { display: block; width: 44px; height:44px;}

.navbar-collapse { border-top: 1px solid transparent; box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);}
.navbar-fixed-top { top: 0; border-width: 0 0 1px; overflow: scroll;}
.navbar-collapse.collapse { display: none!important; }
.navbar-nav { float: none!important; margin-top: 10px;}
.navbar-nav>li { float: none;}
.navbar-nav>li>a { padding-top: 10px; padding-bottom: 10px;}
.collapse.in{ display:block !important;}
.fa-navicon::before, .fa-reorder::before, .fa-bars::before {
    content: "\f0c9";
} 
} 
@media (max-width: 1024px) {
	
.navbar-default .navbar-nav > li > a, .navbar-inverse .navbar-nav > li > a { font-size: 10px;}	
.nav > li > a { padding:10px; margin-top: 10px;}
}
/*menu toggle from small screen to 1024px*/
/*New*/
.fa-circle{font-size: 8px !important; padding-top: 5px;}

.login-interface { display: flex;}
.login-interface li { margin:15px 0 0 10px;}
.login-interface li a.nobtn { font-size: 16px; letter-spacing: 2px; background: none!important; color: #fff!important;}
.login-interface li a.nobtn:hover { text-decoration: underline;} 
.login-interface li a.logbtns { font-size: 16px; letter-spacing: 2px; font-weight: 600; text-decoration: none; color: #fff; padding:10px 20px; background: #f38e1b; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }
.login-interface li a.logbtns:hover { background: #f38e1b; color: #fff;}