@import url(https://fonts.googleapis.com/css?family=Roboto:400,700,300);

@import url(https://fonts.googleapis.com/css?family=Titillium+Web);



.clearfix {

  *zoom: 1;

}

.clearfix:before,

.clearfix:after {

  display: table;

  content: "";

  line-height: 0;

}

.clearfix:after {

  clear: both;

}

.hide-text {

  font: 0/0 a;

  color: transparent;

  text-shadow: none;

  background-color: transparent;

  border: 0;

}

.input-block-level {

  display: block;

  width: 100%;

  min-height: 30px;

  -webkit-box-sizing: border-box;

  -moz-box-sizing: border-box;

  box-sizing: border-box;

}

body {

  padding-top: 0px;

  color: #34495e;

  background: #f5f5f5;

  font-family: 'Titillium Web', sans-serif;

  font-weight: 300;

}

h1,

h2,

h3,

h4,

h5,

h6 {

  font-family: 'Titillium Web', sans-serif;

  font-weight: 400;

}

a {

  color: #34495e;

  -webkit-transition: 300ms;

  -moz-transition: 300ms;

  -o-transition: 300ms;

  transition: 300ms;

}

hr {

  border-top: 1px solid #e5e5e5;

  border-bottom: 1px solid #fff;

}

.btn {

  font-weight: 400;

}

.btn-transparent {

  border: 3px solid #fff;

  background: transparent;

  color: #fff;

}

.btn-transparent:hover {

  border-color: rgba(255, 255, 255, 0.5);

}

a:hover,

a:focus {

  color: #d9534f;

  text-decoration: none;

  outline: none;

}

.dropdown-menu {

  margin-top: -1px;

  min-width: 180px;

}

body > section {

  padding: 20px 0 0 0;

}

.turquoise,

.green-sea,

.sun-flower,

.orange,

.emerald,

.nephrits,

.carrot,

.pumkin,

.peter-river,

.belize-hole,

.alizarin,

.pomegranate,

.amethyst,

.wisteria,

.clouds .silver,

.wet-asphalt,

.midnight-blue,

.concrete,

.asbestos {

  color: #fff;

}

.turquoise h1,

.green-sea h1,

.sun-flower h1,

.orange h1,

.emerald h1,

.nephrits h1,

.carrot h1,

.pumkin h1,

.peter-river h1,

.belize-hole h1,

.alizarin h1,

.pomegranate h1,

.amethyst h1,

.wisteria h1,

.clouds .silver h1,

.wet-asphalt h1,

.midnight-blue h1,

.concrete h1,

.asbestos h1,

.turquoise h2,

.green-sea h2,

.sun-flower h2,

.orange h2,

.emerald h2,

.nephrits h2,

.carrot h2,

.pumkin h2,

.peter-river h2,

.belize-hole h2,

.alizarin h2,

.pomegranate h2,

.amethyst h2,

.wisteria h2,

.clouds .silver h2,

.wet-asphalt h2,

.midnight-blue h2,

.concrete h2,

.asbestos h2,

.turquoise h3,

.green-sea h3,

.sun-flower h3,

.orange h3,

.emerald h3,

.nephrits h3,

.carrot h3,

.pumkin h3,

.peter-river h3,

.belize-hole h3,

.alizarin h3,

.pomegranate h3,

.amethyst h3,

.wisteria h3,

.clouds .silver h3,

.wet-asphalt h3,

.midnight-blue h3,

.concrete h3,

.asbestos h3,

.turquoise h4,

.green-sea h4,

.sun-flower h4,

.orange h4,

.emerald h4,

.nephrits h4,

.carrot h4,

.pumkin h4,

.peter-river h4,

.belize-hole h4,

.alizarin h4,

.pomegranate h4,

.amethyst h4,

.wisteria h4,

.clouds .silver h4,

.wet-asphalt h4,

.midnight-blue h4,

.concrete h4,

.asbestos h4,

.turquoise h5,

.green-sea h5,

.sun-flower h5,

.orange h5,

.emerald h5,

.nephrits h5,

.carrot h5,

.pumkin h5,

.peter-river h5,

.belize-hole h5,

.alizarin h5,

.pomegranate h5,

.amethyst h5,

.wisteria h5,

.clouds .silver h5,

.wet-asphalt h5,

.midnight-blue h5,

.concrete h5,

.asbestos h5,

.turquoise h6,

.green-sea h6,

.sun-flower h6,

.orange h6,

.emerald h6,

.nephrits h6,

.carrot h6,

.pumkin h6,

.peter-river h6,

.belize-hole h6,

.alizarin h6,

.pomegranate h6,

.amethyst h6,

.wisteria h6,

.clouds .silver h6,

.wet-asphalt h6,

.midnight-blue h6,

.concrete h6,

.asbestos h6 {

  color: #fff;

}

.turquoise small,

.green-sea small,

.sun-flower small,

.orange small,

.emerald small,

.nephrits small,

.carrot small,

.pumkin small,

.peter-river small,

.belize-hole small,

.alizarin small,

.pomegranate small,

.amethyst small,

.wisteria small,

.clouds .silver small,

.wet-asphalt small,

.midnight-blue small,

.concrete small,

.asbestos small {

  color: rgba(255, 255, 255, 0.8);

}

.turquoise {

  background-color: #1abc9c;

}

.green-sea {

  background-color: #16a085;

}

.sun-flower {

  background-color: #f1c40f;

}

.orange {

  background-color: #f39c12;

}

.emerald {

  background-color: #2ecc71;

}

.nephritis {

  background-color: #27ae60;

}

.carrot {

  background-color: #e67e22;

}

.pumkin {

  background-color: #d35400;

}

.peter-river {

  background-color: #3498db;

}

.belize-hole {

  background-color: #2980b9;

}

.alizarin {

  background-color: #e74c3c;

}

.pomegranate {

  background-color: #c0392b;

}

.amethyst {

  background-color: #9b59b6;

}

.wisteria {

  background-color: #8e44ad;

}

.clouds {

  background-color: #ecf0f1;

}

.silver {

  background-color: #bdc3c7;

}

.wet-asphalt {

  background-color: #34495e;

}

.wet-asphalt a:not(.btn) {

  color: #bdc3c7;

}

.wet-asphalt a:not(.btn):hover {

  color: #d9534f;

}

.midnight-blue {

  background-color: #2c3e50;

}

.concrete {

  background-color: #95a5a6;

}

.asbestos {

  background-color: #7f8c8d;

}

.embed-container {

  position: relative;

  padding-bottom: 56.25%;

  /* 16/9 ratio */



  padding-top: 30px;

  /* IE6 workaround*/



  height: 0;

  overflow: hidden;

}

.embed-container iframe,

.embed-container object,

.embed-container embed {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

}

.header_top{background:url(../images/top_bg.jpg) repeat 0 0; padding:26px 0 26px 0; background-size: cover;}

.header_top h2{ background:url(../images/contact_icon.png) no-repeat 0 0;padding:0 0 0 65px;}

#main-slider {

  position: relative;

  margin-top:-11px;  

}

#main-slider .carousel h2 {

  font-size: 36px;

  border-left:1px solid #fff;

height:100px;

}

#main-slider .carousel h2 span{border-left:2px solid #fff; line-height:12px; font-size:28px; padding-left:20px;padding-top:0px;}

.carousel-content{position:relative;}

.carousel-content h2{bottom:-220px; position:absolute; z-index:9999; color:#d6d6d6;}

#main-slider .carousel .btn {

  border: 3px solid rgba(255, 255, 255, 0.5);

  color: #fff;

  border-radius: 0;

  margin-top: 5px;

}

#main-slider .carousel .btn:hover {

  background-color: rgba(255, 255, 255, 0.3);

}

#main-slider .carousel .boxed {

  padding: 10px 15px;

  background-color: rgba(0, 0, 0, 0.8);

  display: inline-block;

}

#main-slider .carousel .item {

  background-position: 0%;

  background-repeat: no-repeat;

  background-size: contain;

  left: 0 !important;

  opacity: 0;

  top: 0;

  position: absolute;

  width: 100%;

  display: block !important;

  height: 400px;

  -webkit-transition: opacity ease-in-out 500ms;

  -moz-transition: opacity ease-in-out 500ms;

  -o-transition: opacity ease-in-out 500ms;

  transition: opacity ease-in-out 500ms;

}

#main-slider .carousel .item:first-child {

  top: auto;

  position: relative;

}

#main-slider .carousel .item.active {

  opacity: 1;

  -webkit-transition: opacity ease-in-out 500ms;

  -moz-transition: opacity ease-in-out 500ms;

  -o-transition: opacity ease-in-out 500ms;

  transition: opacity ease-in-out 500ms;

  z-index: 1;

}

#main-slider .prev,

#main-slider .next {

  position: absolute;

  top: 50%;

  background-color: rgba(0, 0, 0, 0.3);

  color: #fff;

  display: inline-block;

  margin-top: -25px;

  font-size: 24px;

  height: 50px;

  width: 50px;

  line-height: 50px;

  text-align: center;

  border-radius: 4px;

  z-index: 5;

}

#main-slider .prev:hover,

#main-slider .next:hover {

  background-color: rgba(0, 0, 0, 0.5);

  border-radius: 10px;

}

#main-slider .prev {

  left: 10px;

    display: none !important;

}

#main-slider .next {

  right: 10px;

     display: none !important;

}

#main-slider .active .animation.animated-item-1 {

  -webkit-animation: fadeInUp 300ms linear 300ms both;

  -moz-animation: fadeInUp 300ms linear 300ms both;

  -o-animation: fadeInUp 300ms linear 300ms both;

  -ms-animation: fadeInUp 300ms linear 300ms both;

  animation: fadeInUp 300ms linear 300ms both;

}

#main-slider .active .animation.animated-item-2 {

  -webkit-animation: fadeInUp 300ms linear 600ms both;

  -moz-animation: fadeInUp 300ms linear 600ms both;

  -o-animation: fadeInUp 300ms linear 600ms both;

  -ms-animation: fadeInUp 300ms linear 600ms both;

  animation: fadeInUp 300ms linear 600ms both;

}

#main-slider .active .animation.animated-item-3 {

  -webkit-animation: fadeInUp 300ms linear 900ms both;

  -moz-animation: fadeInUp 300ms linear 900ms both;

  -o-animation: fadeInUp 300ms linear 900ms both;

  -ms-animation: fadeInUp 300ms linear 900ms both;

  animation: fadeInUp 300ms linear 900ms both;

}

#main-slider .active .animation.animated-item-4 {

  -webkit-animation: fadeInUp 300ms linear 1200ms both;

  -moz-animation: fadeInUp 300ms linear 1200ms both;

  -o-animation: fadeInUp 300ms linear 1200ms both;

  -ms-animation: fadeInUp 300ms linear 1200ms both;

  animation: fadeInUp 300ms linear 1200ms both;

}

#services .media:hover .icon-md {

  border-radius: 10px;

  background-color: rgba(0, 0, 0, 0.8);

}

#recent-works {

  padding: 90px 0;

}

#recent-works .item-inner {

  position: relative;

  margin: 0;

}

.portfolio-items,

.portfolio-filter {

  list-style: none;

  padding: 0;

  margin: 0 -20px 20px 0;

}

.portfolio-filter > li {

  display: inline-block;

}

.portfolio-items > li {

  float: left;

  padding: 0;

  -webkit-box-sizing: border-box;

  -moz-box-sizing: border-box;

  box-sizing: border-box;

}

.portfolio-items.col-2 > li {

  width: 50%;

}

.portfolio-items.col-3 > li {

  width: 33%;

}

.portfolio-items.col-4 > li {

  width: 25%;

}

.portfolio-items.col-5 > li {

  width: 20%;

}

.portfolio-items.col-6 > li {

  width: 16%;

}

.portfolio-item {

  padding: 0;

  margin: 0 0 20px 0;

}

.portfolio-item .item-inner {

  background: #fff;

  border: 0px solid #eee;

  padding: 0;

  margin: 0 0px 0 0;

  position: relative;

}

.portfolio-item img {

  max-width: 100%;

  padding:0 0;

  margin:0 0;

}

.portfolio-item h5 {

  background: #fff;

  margin: 0;

  padding: 10px 0;

  font-weight: 700;

  font-size: 14px;

  color: #2c3e50;

  white-space: nowrap;

  text-overflow: ellipsis;

  overflow: hidden;

}

.portfolio-item .overlay {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  opacity: 0;

  background: rgba(255, 255, 255, 0.9);

  text-align: center;

  vertical-align: middle;

  -webkit-transition: opacity 300ms;

  -moz-transition: opacity 300ms;

  -o-transition: opacity 300ms;

  transition: opacity 300ms;

 

}

i.drop{ background:url(../images/drop_icon.png) no-repeat 0 0;}

.portfolio-item .overlay .preview {

  position: relative;

  top: 50%;

  display: inline-block;

  margin-top: -20px;

}

.portfolio-item:hover .overlay {

  opacity: 1;

}

/* Start: Recommended Isotope styles */

/**** 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.8s;

  -moz-transition-duration: 0.8s;

  -ms-transition-duration: 0.8s;

  -o-transition-duration: 0.8s;

  transition-duration: 0.8s;

}

.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;

}

/* End: Recommended Isotope styles */

/* disable CSS transitions for containers with infinite scrolling*/

.isotope.infinite-scrolling {

  -webkit-transition: none;

  -moz-transition: none;

  -ms-transition: none;

  -o-transition: none;

  transition: none;

}

#pricing-table .plan {

  border-radius: 4px;

  list-style: none;

  margin: 0 0 20px;

  background: #3498db;

  text-align: center;

  padding: 30px 0;

}

#pricing-table .plan li {

  padding: 5px 0;

  color: #fff;

  -webkit-transition: 300ms;

  -moz-transition: 300ms;

  -o-transition: 300ms;

  transition: 300ms;

}

#pricing-table .plan li.plan-name {

  font-size: 24px;

  line-height: 24px;

  color: #fff;

}

#pricing-table .plan li.plan-name h3 {

  margin: 0;

}

#pricing-table .plan li.plan-price {

  margin-bottom: 10px;

}

#pricing-table .plan li.plan-price > div {

  display: inline-block;

  background-color: rgba(0, 0, 0, 0.2);

  padding: 10px;

  font-size: 24px;

  border-radius: 100%;

  width: 70px;

  height: 70px;

}

#pricing-table .plan li.plan-price > div sup {

  font-size: 10px;

  line-height: 10px;

}

#pricing-table .plan li.plan-price > div > small {

  display: block;

  font-size: 11px;

}

#pricing-table .plan li.plan-action {

  margin-top: 10px;

  border-top: 0;

}

#pricing-table .plan.featured {

  background-color: #2c3e50;

}

#title h1 {

  margin: 0;

  font-size: 36px;

  font-weight: 300;

}

.center {

  text-align: center;

}

#meet-the-team .designation {

  margin-top: 5px;

  display: block;

  font-size: 13px;

}

.img-thumbnail {

  border: 0;

}

.progress,

.progress .bar {

  background: #fff;

  -webkit-box-shadow: none;

  -moz-box-shadow: none;

  box-shadow: none;

  height: 30px;

  line-height: 30px;

}

.well {

  -webkit-box-shadow: none;

  -moz-box-shadow: none;

  box-shadow: none;

  border: 0;

}

ul.breadcrumb {

  margin: 20px 0 0;

  background: transparent;

}

ul.breadcrumb > li {

  text-shadow: none;

}

ul.breadcrumb > li > a,

ul.breadcrumb > li .divider {

  color: #fff;

}

ul.breadcrumb > li.active {

  color: rgba(255, 255, 255, 0.7);

}

ul.tag-cloud {

  list-style: none;

  padding: 0;

  margin: 0;

}

ul.tag-cloud li {

  display: inline-block;

  margin: 0 0 2px 0;

}

.btn-social {

  border: 0;

  color: #fff;

  border-radius: 100%;

  display: inline-block;

  width: 36px;

  height: 36px;

  line-height: 36px;

  text-align: center;

  padding: 0;

}

.btn-social.btn-facebook {

  background: #4f7dd4;

}

.btn-social.btn-facebook:hover {

  background: #789bde;

}

.btn-social.btn-twitter {

  background: #5bceff;

}

.btn-social.btn-twitter:hover {

  background: #8eddff;

}

.btn-social.btn-linkedin {

  background: #21a6d8;

}

.btn-social.btn-linkedin:hover {

  background: #49b9e3;

}

.btn-social.btn-google-plus {

  background: #dc422b;

}

.btn-social.btn-google-plus:hover {

  background: #e36957;

}

.btn-social:hover {

  color: #fff;

}

.navbar{background:#4a694a; margin:0 0; border-radius:0px !important;}

.navbar-inverse {

  border: none;

}

.navbar-inverse .navbar-brand {

  font-family: 'Titillium Web', sans-serif;

  font-size: 20px;

  line-height: 50px;

  color: #fff;

  

}

.navbar-inverse .navbar-nav {

  margin-top: 8px;

}

.navbar-inverse .navbar-nav > li > a {

  padding-top: 7px;

  padding-bottom: 7px;

  border-radius: 0px;

  color: #ffffff;

	margin:0 45px;

	padding-left:25px !important;

	padding-right:25px !important;

  text-transform:uppercase;

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

}

.navbar-inverse .navbar-nav > .active > a,

.navbar-inverse .navbar-nav > .active > a:hover,

.navbar-inverse .navbar-nav > .active > a:focus,

.navbar-inverse .navbar-nav > .open > a,

.navbar-inverse .navbar-nav > .open > a:hover,

.navbar-inverse .navbar-nav > .open > a:focus {

  background-color: #1f8bd4;

}

.navbar-inverse .navbar-nav .dropdown-menu {

  background-color: #fff;

  -webkit-box-shadow: none;

  -moz-box-shadow: none;

  box-shadow: none;

  border: 0;

  padding: 0;

  margin-top: 0px;

  margin-left:45px;

}

.navbar-inverse .navbar-nav .dropdown-menu > li > a {

  padding: 8px 25px;

  color: #2581c0;

  font-size:18px;

  text-transform:uppercase;

}

.navbar-inverse .navbar-nav .dropdown-menu > li:hover > a,

.navbar-inverse .navbar-nav .dropdown-menu > li:focus > a,

.navbar-inverse .navbar-nav .dropdown-menu > li.active > a {

  background-color:#4a694a;

  color:#fff;

}

.navbar-inverse .navbar-nav .dropdown-menu > li:last-child > a {

  border-radius: 0 0 3px 3px;

}

.navbar-inverse .navbar-nav .dropdown-menu > li.divider {

  background-color: rgba(0, 0, 0, 0.1);

}

.navbar-inverse .navbar-collapse,

.navbar-inverse .navbar-form {

  border-top: 0;

}

#social-media .icon-facebook {

  background-color: #3c5899;

}

#social-media .icon-facebook:hover {

  background-color: #4e6fba;

}

#social-media .icon-twitter {

  background-color: #29c5f6;

}

#social-media .icon-twitter:hover {

  background-color: #5ad2f8;

}

#social-media .icon-google-plus {

  background-color: #d13d2f;

}

#social-media .icon-google-plus:hover {

  background-color: #da6459;

}

#social-media .icon-pinterest {

  background-color: #c61118;

}

#social-media .icon-pinterest:hover {

  background-color: #ec1e26;

}

.icon-lg {

  font-size: 48px;

  height: 108px;

  width: 108px;

  line-height: 108px;

  color: #fff;

  margin: 10px;

  background-color: rgba(0, 0, 0, 0.4);

  text-align: center;

  display: inline-block !important;

  border-radius: 100%;

}

.icon-md {

  font-size: 36px;

  height: 68px;

  width: 68px;

  line-height: 68px;

  color: #fff;

  margin-right: 10px;

  background-color: rgba(0, 0, 0, 0.4);

  text-align: center;

  display: block;

  border-radius: 50%;

  -webkit-transition: 500ms;

  -moz-transition: 500ms;

  -o-transition: 500ms;

  transition: 500ms;

}

.modal {

  border: 0;

}

.modal#loginForm {

  width: 600px;

  margin-left: -300px;

}

.modal .modal-header {

  border: 0;

  padding: 20px 20px 0;

}

.modal .modal-header > h4 {

  font-weight: 300;

  font-size: 14px;

  color: #848484;

  text-transform: uppercase;

  margin: 0;

}

.modal .modal-body {

  padding: 20px;

}

.modal input[type="text"],

.modal input[type="password"] {

  padding: 5px 10px;

  min-height: 30px;

  width: 130px;

  margin-right: 10px;

}

.modal .icon-remove {

  color: #848484;

  position: absolute;

  right: -5px;

  top: -5px;

  width: 16px;

  height: 16px;

  line-height: 16px;

  text-align: center;

  display: block;

  background: #ebebeb;

  -webkit-border-radius: 100%;

  -moz-border-radius: 100%;

  border-radius: 100%;

  cursor: pointer;

}

.modal button {

  margin-left: 10px;

  border: 0;

}

.gap {

  margin-bottom: 50px;

}

.big-gap {

  margin-bottom: 100px;

}

.no-margin {

  margin: 0;

  padding: 0;

}

.registration-form {

  border: 0;

  background-color: #fff;

  padding: 20px;

  display: inline-block;

}

#bottom {

  color: #bdc3c7;

  background:#fff;

}

#bottom h4 {

  margin-top: 0;

  margin-bottom: 15px;

}

#bottom .media-heading {

  display: block;

  font-weight: 400;

}

.row > div {

  margin-bottom: px;

}

ul.unstyled {

  list-style: none;

  padding: 0;

  margin: 0;

}

/*Unordered Lists*/

ul.arrow,

ul.arrow-double,

ul.tick,

ul.cross,

ul.star,

ul.rss {

  list-style: none;

  padding: 0;

  margin: 0;

}

ul.arrow li::before,

ul.arrow-double li::before,

ul.tick li::before,

ul.cross li::before,

ul.star li::before,

ul.rss li::before,

ul.arrow li::after,

ul.arrow-double li::after,

ul.tick li::after,

ul.cross li::after,

ul.star li::after,

ul.rss li::after {

  font-family: FontAwesome;

  font-size: 11px;

}

ul.arrow li::before,

ul.arrow-double li::before,

ul.tick li::before,

ul.cross li::before,

ul.star li::before,

ul.rss li::before {

  margin-right: 5px;

}

ul.arrow li::before {

  content: "\f105";

}

ul.arrow-double li::before {

  content: "\f101";

}

ul.tick li::before {

  content: "\f00c";

}

ul.cross li::before {

  content: "\f00d";

}

ul.star li::before {

  content: "\f006";

}

ul.rss li::before {

  content: "\f09e";

}

#footer {

  padding-top: 10px;

  padding-bottom: 10px;

  color: #bdc3c7;

}

#footer a {

  color: #bdc3c7;

}

#footer p{color:#163979; font-size:16px;}

#footer a:hover {

  color: #d9534f;

}

#footer ul {

  list-style: none;

  padding: 0;

  margin: 0;

}

#footer ul > li {

  display: inline-block;

  margin-left: 15px;

}

ul.social {

  list-style: none;

  margin: 10px 0 0;

  padding: 0;

  display: inline-block;

}

ul.social > li {

  display: inline-block;

  margin: 0 5px;

}

ul.social > li > a {

  font-size: 24px;

  color: #666;

}

ul.social > li > a:hover {

  color: #999;

}

.box-border {

  padding: 15px;

}

.accordion-group {

  background-color: #fff;

  border-top: 1px solid #f0f0f0;

}

.accordion-heading .accordion-toggle {

  color: #666;

  font-weight: 700;

}

.accordion-inner {

  border-top: 0;

}

.blog .blog-item {

  background-color: #fff;

  border-radius: 5px;

  margin-bottom: 20px;

}

.blog .blog-item .img-blog {

  width: 100%;

  border-radius: 5px 5px 0 0;

}

.blog .blog-item .blog-content {

  padding: 20px;

}

.blog .blog-item h3 {

  margin-top: 0;

}

.blog .blog-item .entry-meta {

  margin-bottom: 20px;

}

.blog .blog-item .entry-meta > span {

  display: inline-block;

  color: #999;

  margin-right: 10px;

  font-size: 12px;

}

.blog .blog-item .entry-meta > span a {

  color: #999;

}

ul.pagination > li > a {

  border: 0;

}

ul.pagination > li.active > a,

ul.pagination > li:hover > a {

  background-color: #34495e;

  color: #fff;

}

textarea#message {

  padding: 10px 15px;

  height: 219px;

  width: 80%;

}

.widget {

  margin-bottom: 30px;

}

ul.gallery {

  list-style: none;

  padding: 0;

  margin: 0;

}

ul.gallery li {

  display: block;

  width: 60px;

  padding: 0;

  margin: 0 4px 4px 0;

  float: left;

}

ul.faq {

  list-style: none;

  margin: 0;

}

ul.faq li {

  margin-top: 30px;

}

ul.faq li:first-child {

  margin-top: 0;

}

ul.faq li span.number {

  display: block;

  float: left;

  width: 50px;

  height: 50px;

  line-height: 50px;

  text-align: center;

  background: #34495e;

  color: #fff;

  font-size: 24px;

}

ul.faq li > div {

  margin-left: 70px;

}

ul.faq li > div h3 {

  margin-top: 0;

}

#error {

  text-align: center;

  margin-top: 150px;

  margin-bottom: 150px;

}

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

#about-us{padding-bottom:5px;}

#about-us h1 span{ padding-right:10px;}

.green_bg{background:url(../images/green_bg_repeat.jpg) repeat 0 0; padding:0 0; margin:0 0 0 0;}

.blue_bg{background:url(../images/blue_bg_repeat.jpg) repeat 0 0; padding:0 0; margin:0 0 0 0;}

.mid{width:65%; margin:0 auto; padding:0 0 0 0;}

.mid p{color:#fff; font-size:16px; line-height:30px;font-family: 'Titillium Web', sans-serif; padding:0 0; margin:0 0; text-align:left;}

.mid p a.green{background:url(../images/green_btn_bg.png) no-repeat 0 0; padding:3px 30px 3px 20px; font-size:17px; text-transform:uppercase; color:#fff;}

.mid p a.green:hover{background:url(../images/green_btn_bg_hover.png) no-repeat 0 0;}

.mid p a.blue{background:url(../images/blue_btn_bg.png) no-repeat 0 0; padding:3px 30px 3px 20px; font-size:17px; text-transform:uppercase; color:#fff;}

.mid p a.blue:hover{background:url(../images/blue_btn_bg_hover.png) no-repeat 0 0;}

.flexlist         { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; overflow: hidden;}

.flexlist-item    { width: calc(100% / 2 - 0px); float: left; display: -webkit-flex; display: -ms-flexbox; display: flex;}

.flexlist-item2    { display: -webkit-flex; display: -ms-flexbox; display: flex;}

.flexlist-item3    {  float: left; display: -webkit-flex; display: -ms-flexbox; display: flex;}

.head{width:80%; margin:-25px auto 0 auto; padding:0 0; }

.head h2 {

      font-size: clamp(2.4rem, 1.8vw, 3.2rem);



  border-left:1px solid #fff;

 color:#fefefe;

 height:135px;

 text-transform:uppercase;

 padding:0 0 0 0 !important;

 width:100%;

 text-align:left;

 

}

.head h2 span{border-left:2px solid #fff; line-height:228px; font-size:28px; padding-left:20px;padding-bottom:0px;}

.side_gbg{background:url(../images/green_sidebg.jpg) repeat-y 0 0; width:auto; padding:0 0 40px 0px; margin:0 0;}

.side_bbg{background:url(../images/blue_sidebg.jpg) repeat-y 100% 0; width:auto; padding:0 0 40px 0px; margin:0 0;}

.white{background:#fff; border-top:5px solid #1f8bd4; font-size:18px; color:#2f2f2f; padding-bottom:25px; padding-top:30px;}

.why{background:url(../images/service_bg.jpg) repeat 0 0; border-bottom:5px solid #1f8bd4;border-top:5px solid #1f8bd4; font-size:18px; color:#2f2f2f; padding-bottom:45px;}

.why_head{width:30%; margin:-44px auto 0 auto; padding:0 0 40px 0; }

.why_head h2 { font-size: 36px;  border-left:1px solid #4a694a; vertical-align:middle; color:#4a694a; height:135px; text-transform:uppercase;}

.why_head h2 span{border-left:2px solid #4a694a; line-height:228px; font-size:28px; padding-left:20px;padding-bottom:0px;}

.gbtn{}

.gbtn a{background:url(../images/gbtn.png) no-repeat 0 0; margin:0 auto; color:#fff !important; padding:12px 72px;}

.gbtn a:hover{background:url(../images/gbtn_hover.png) no-repeat 0 0;}

div [class*="col-"] {text-align: center;}

.btn-group{width:auto; margin:0 auto;}

.btn-group a{margin-right:20px; font-size:24px;}

.btn-group .blue{background:#1f8bd4; padding:4px 15px;border-radius:0;}

.bcolor1{background-color:#163979; padding:35px 45px; color:#fff;}

.bcolor1 ul, .bcolor2 ul, .bcolor3 ul{list-style-type:none; text-align:left; padding:0 0; color:#fff; }

.bcolor1 ul li span{float:right;}

.bcolor2{background-color:#036eb6; padding:35px 45px; color:#fff;}

.bcolor2 ul li, .bcolor3 ul li{margin:0 0 6px 0;}

.bcolor2 ul li a, .bcolor3 ul li a{color:#fff; text-decoration:underline; line-height:18px;}

.bcolor2 ul li a:hover, .bcolor3 ul li a:hover{text-decoration:none;}

.bcolor3{background-color:#1f8bd4; padding:35px 25px; color:#fff;}

.bcolor4{background-color:#fff; padding:45px 25px; color:#163979;}

.sec1{border-bottom:4px solid #1f8bd4;background:url(../images/side2_blue_img.png) no-repeat 0 100%; padding:0 0 60px 0; background-size:auto;}

.sec1c{border-bottom:4px solid #1f8bd4;background:url(../images/contact_side_bg.png) no-repeat 00% 0; padding:0 0 60px 0;background-size: 30%; margin-top:-20px;}

div.topblue{background:url(../images/side1_blue_img.png) no-repeat 100% 0; padding-top:50px; text-align:left !important; background-size:auto;}

div.topblue h1{text-transform:uppercase;}

.sec1 div.topblue p{text-align:left;margin-top:20px;}

.sec1 div.topblue ul{list-style-type:none; text-align:left;margin:0 0;padding:0 0;}

.sec2{border-top:3px solid #1f8bd4; padding:46px 0 70px 0;border-bottom:6px solid #1f8bd4;}

.sec2 h3{color:#036eb6; font-size:18px; font-weight:800; text-transform:uppercase;text-align:left;}

.sec2 ul{list-style-type:none; text-align:left; padding:0 0; margin:0 0;}

.sec2 p{text-align:left; padding-top:20px; color:#2f2f2f;}

.sec2 a{color:#036eb6;}

.topmar60{margin-top:60px;}

.gpatt1{}

.gpatt1 h2{margin:0 0; font-size:36px; padding:50px 0 0px 0; text-align:center; color:#fff; line-height:36px !important;}

.gpatt1 h2 span{ background:url(../images/head_side_bg.png) no-repeat 0% 0; padding:39px 12px 0px 0;}

.gpatt1 p{color:#fff;font-size:19px; padding-bottom:28px;}

.green1{ background:#4a694a; padding:0 40px 54px; color:#ffffff;}

.green2{ background:#587c58; padding:0 40px 54px; color:#ffffff;}

.green3{ background:#678c67; padding:0 40px 54px; color:#ffffff;}

.blue1{background:#1a81c6; padding:0 40px 54px; color:#ffffff;}

.blue2{background:#2196e5; padding:0 40px 54px; color:#ffffff;}

.blue3{background:#036eb6; padding:0 40px 54px; color:#ffffff;}

.margin1{margin-bottom:1px;}

.minusmar50{margin-top:-50px; border-top:0px;}

.minusmar20{margin-top:-20px; border-top:0px; background:#fff;}

.gallery2{list-style-type:none;}

.pad20{padding:80px 40px; color:#d6d6d6;}

.pad20 a{ text-align:left !important; color:#d6d6d6;}

form .form-group label{text-align:left !important; border:4px solid #ff00000 !important;}

.btn-submit{background:url(../images/submit_bg.png) no-repeat 0 0; padding:2px 75px 8px 40px; color:#fff; font-size:24px;text-transform:uppercase;}

iframe{width:100%; }

.contactform{margin-top:30px;}

.contactform input, .contactform label{z-index:99999; position:relative; width: 80%; color:#000; font-size: 1.6rem; font-weight: 100;}



.contactform label label {width: 20%; text-align: left;}

.greycon{background:#ededed; padding:0 0 40px 22px !important; margin:0 0; height: 100%;}

.greycon p{padding-top:15px; color:#2f2f2f; line-height:22px;}

.midfull{width:85%; margin:20px; padding:0 0 78px 24px;}

.padleft40{padding-left:40px;}

.padright40{padding-right:20px;}

.mar20{ border-right:12px solid #fff;}

.el{padding:25px 0 0 0 !important; margin:0 0 !important;}

.el h2 span{background:url(../images/el.png) no-repeat 0% 0px; padding:39px 12px 0px 0 !important; margin:20px 0 36px 0 !important;}

.pad64{padding-top:30px;}

.border12{ border-top:12px solid #fff;}



.sec9{border-top:0px; padding:0px 0 40px 0; margin-top:-8px;border-bottom:6px solid #1f8bd4; background:url(../images/service_bg.jpg) repeat 0 0;}

.sec9 h3{color:#036eb6; font-size:18px; font-weight:800; text-transform:uppercase;text-align:left;}







.header-slide {

    list-style: none;

}



.img-responsive.half-column {

   

    width: 100%;

    object-fit: cover;

}

/*Cart Page*/
.cart-container {
  display: flex;
  flex-direction: column;
}

.cart-header, .cart-row {
  display: grid;
  grid-template-columns: 1fr 1fr 2fr 1fr 1fr 1fr 1fr 1fr;
  gap: 10px;
  align-items: center;
  padding: 10px;
  border-bottom: 1px solid #dee2e6;
}

.cart-header {
  background-color: #e9ecef;
  font-weight: bold;
}

.cart-row img {
  max-width: 50px;
}

.cart-row input[type="number"] {
  width: 60px;
  text-align: center;
  margin: 0 auto;
}

.cart-row div{
  text-align: center;
}

.remove-item {
  color: red;
  cursor: pointer;
}

.sticky-summary {
  position: sticky;
  top: 20px;
}

.summary-card {
  border: 1px solid #dee2e6;
  padding: 20px;
  background: #eeeff1;
}

.coupon-field {
  display: flex;
  gap: 5px;
  margin-bottom: 15px;
}

.coupon-field input {
  flex: 1;
}

.checkout-btn{
  text-transform: uppercase;
  margin-top: 5px;
  width: 100%;
  height: 35px;
  line-height: 22px;
  letter-spacing: 0.01em;
}

.cart-btns{
  display: flex;
  margin-top: 15px;
  justify-content: space-between;
  gap: 10px;
}

.form-section {
  background: #ffffff;
  padding: 20px;
  border: 1px solid #dee2e6;
  margin-bottom: 20px;
}

.product-summary {
  margin-bottom: 20px;
}

.product-summary img {
  width: 50px;
  height: auto;
  margin-right: 10px;
}

.pay-now-btn {
  display: block;
  width: 100%;
}

.checkout-form .form-label {
  margin-bottom: 0.1rem;
}

.thank-you-container {
  text-align: center;
  background-color: white;
  padding: 40px;
  border-radius: 8px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  width: 80%;
  max-width: 500px;
  margin: 0 auto;
}

.checkmark-icon {
  width: 120px;
  height: 120px;
  margin-bottom: 20px;
}

@media screen and (max-width: 567px) {
  .horizantal-card-text {
      margin-bottom: 0.5em;
  }
}

.horizantal-card {
  flex-direction: row;
}

.horizantal-card-body {
  padding: 0.5em 1em;
}

.horizantal-card1.card img {
  max-width: 12em;
  height: 100%;
  border-bottom-left-radius: calc(0.25rem - 1px);
  border-top-left-radius: calc(0.25rem - 1px);
}

.card-boxShadow {
  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
  background: #fff;
  border-radius: 5px;
  margin-bottom: 30px;
  padding: 15px 0px;
}

.title-color {
  color: #5db8ff;
}

.horizantal-card img{
  box-shadow: rgba(0, 0, 0, 0.24) 0px 1px 6px;
  max-width: 100px;
}
.horizantal-card p{
  text-align: center !important;
}
.horizantalproducts{
  margin-top: 35px;
}
.cart-icon-header{
  position: fixed;
  right: 0;
  top: calc(57%);
  z-index: 1;
  background: #000;
  padding: 13px;
  border-radius: 2px;
}
.cart-icon-header a {
  display: inline-block;
}
.cart-icon-header svg {
  width: 30px;
  fill: #fff;
}
.cart-item-header {
  width: 20px;
  height: 20px;
  display: block;
  background-color: #4a694a;
  text-align: center;
  line-height: 20px;
  border-radius: 100%;
  font-size: 10px;
  position: absolute;
  top: -5px;
  left: -10px;
  letter-spacing: 0;
  color: #ffffff;
}

.d-none{
  display: none;
}
.btn-dark{
  background-color: #000;
  color: #fff;
}
.btn-dark:hover{
  color: #fff !important;
}
.btn-light{
  background-color: #c6c7c8;
  color: #000;
}
.img-fluid{
  max-width: 100%;
}
.summary-card h5{
  text-align: left !important;
  font-weight: bold;
}
.summary-card p{
  margin-top: 0 !important; 
}

.mt-3{
  margin-top: 1.5rem;
}
.mb-1{
  margin-bottom: 0.05rem;
}
.font-weight-bold{
  font-weight: bold !important;
}

section.checkout div [class*="col-"]{
  text-align: left !important;
}

section.checkout .btn-success{
  background-color: #198754 !important;
}

.btn-lm{
  text-align: left;
  display: block;
  width: 93px;
}