/* Custom Stylesheet */
/* for abmconstructions.co.uk */

html, body
{ width: 100%; margin: 0px; padding: 0px;}
html {
  line-height: 1.5;
  font-family: "Open Sans", sans-serif;
  color: rgba(0, 0, 0, 0.6823529411764706);
}
body{background-color: #fff;}
a{outline: none;}

/*fonts*/
/************************OPEN SANS****************************/
@font-face {
  font-family: 'Open Sans';
  src: local('Open Sans'), local('OpenSans');
  src: url("../fonts/opensans/OpenSans-Regular.eot?v=1.1.0");
  src: url("../fonts/opensans/OpenSans-Regular.eot?#iefix&v=1.1.0") format("embedded-opentype"), url("../fonts/opensans/OpenSans-Regular.woff2?v=1.1.0") format("woff2"), url("../fonts/opensans/OpenSans-Regular.woff?v=1.1.0") format("woff"), url("../fonts/opensans/OpenSans-Regular.ttf?v=1.1.0") format("truetype"), url("../fonts/opensans/OpenSans-Regular.svg?v=1.1.0#Regular") format("svg");
  font-style: 400;
  font-weight: normal;
}
@font-face {
  font-family: 'Open Sans';
  src: url("../fonts/opensans/OpenSans-Italic.eot?v=1.1.0");
  src: url("../fonts/opensans/OpenSans-Italic.eot?#iefix&v=1.1.0") format("embedded-opentype"), url("../fonts/opensans/OpenSans-Italic.woff2?v=1.1.0") format("woff2"), url("../fonts/opensans/OpenSans-Italic.woff?v=1.1.0") format("woff"), url("../fonts/opensans/OpenSans-Italic.ttf?v=1.1.0") format("truetype"), url("../fonts/opensans/OpenSans-Italic.svg?v=1.1.0#Italic") format("svg");
  font-weight: 400;
  font-style: italic; 
}
@font-face {
  font-family: 'Open Sans';
  src: url("../fonts/opensans/OpenSans-Bold.eot?v=1.1.0");
  src: url("../fonts/opensans/OpenSans-Bold.eot?#iefix&v=1.1.0") format("embedded-opentype"), url("../fonts/opensans/OpenSans-Bold.woff2?v=1.1.0") format("woff2"), url("../fonts/opensans/OpenSans-Bold.woff?v=1.1.0") format("woff"), url("../fonts/opensans/OpenSans-Bold.ttf?v=1.1.0") format("truetype"), url("../fonts/opensans/OpenSans-Bold.svg?v=1.1.0#Bold") format("svg");
  font-weight: 700;
  font-style: normal; 
}
@font-face {
  font-family: 'Open Sans';
  src: url("../fonts/opensans/OpenSans-ExtraBold.eot?v=1.1.0");
  src: url("../fonts/opensans/OpenSans-ExtraBold.eot?#iefix&v=1.1.0") format("embedded-opentype"), url("../fonts/opensans/OpenSans-ExtraBold.woff2?v=1.1.0") format("woff2"), url("../fonts/opensans/OpenSans-ExtraBold.woff?v=1.1.0") format("woff"), url("../fonts/opensans/OpenSans-ExtraBold.ttf?v=1.1.0") format("truetype"), url("../fonts/opensans/OpenSans-ExtraBold.svg?v=1.1.0#ExtraBold") format("svg");
  font-weight: 800;
  font-style: normal; 
}
/************************ANTONIO******************************/
@font-face {
    font-family: 'antoniobold';
    src: url('../fonts/antonio/antonio-bold-webfont.eot');
    src: url('../fonts/antonio/antonio-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/antonio/antonio-bold-webfont.woff') format('woff'),
         url('../fonts/antonio/antonio-bold-webfont.ttf') format('truetype'),
         url('../fonts/antonio/antonio-bold-webfont.svg#antoniobold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'antoniolight';
    src: url('../fonts/antonio/antonio-light-webfont.eot');
    src: url('../fonts/antonio/antonio-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/antonio/antonio-light-webfont.woff') format('woff'),
         url('../fonts/antonio/antonio-light-webfont.ttf') format('truetype'),
         url('../fonts/antonio/antonio-light-webfont.svg#antoniolight') format('svg');
    font-weight: normal;
    font-style: normal;
}

/*--------------headings---------------------*/
h1,h2 {font-family: "antoniobold"; text-transform: uppercase;}
h3{font-weight: 800;}
h4, h5, h6{ font-weight: 700;}
h2{ font-size: 42px; color: #008AC6; margin-top: 15px;}
h3{ font-size: 30px; color: #8cc633; text-transform: uppercase; letter-spacing: -1px;}
h4{ font-size: 24px; } 

/*--------------text & paragaphs----------- */
strong{font-weight: 700;}
.justify{text-align: justify;}
p{line-height: 24px;}
p.loud{ font-size: 30px; line-height: 40px;  }
p.intro{ font-size: 18px; line-height: 30px;}
p.norm{font-size: 15px; line-height: 26px;}
p.large{ font-size: 24px; color: #333; line-height: 30px;}
p.tiny{font-size: 12px; letter-spacing: 3px; text-transform: uppercase;}
  p.tiny a{color: #22a9e2;}
  p.tiny a:hover{color: #01b1fb;}
p.phoneb{font-size: 24px; font-weight: bold; letter-spacing: 3px; line-height: 36px;}
p.snum{ font-weight: 800; font-size: 52px; color: #f0f0f0; margin-bottom: 40px; margin-top: 50px; letter-spacing: -4px; }
p.credits, p.credits a {font-size: 11px; color: #BDC9D5; letter-spacing: 1px;}
  p.credits a:hover{text-decoration: underline;}

/*---------------colors----------------------*/
.lgrey { background-color: #f2f2f2;}
.fawn {background-color: #ebe0da;}

/*--------------divs & ids------------------*/
.fwn{font-weight: normal;}
.sbox {background: #f3f3f3; padding-top: 25px; padding-bottom: 35px;}
.nopm{padding: 0; margin: 0; line-height: 0;}
.smlbtn {/*width: 96px; height: 28px;*/ margin-top: 30px; margin-left: 10px;}
.info-block p{padding: 5px 25px;}
.info-block h4{color: #ffba30;}
 #testimonials { height: 370px; background: transparent url("../images/testimonial_bg1.jpg") center top no-repeat; padding-top: 20px;}
    #testimonials p em{color: #ffba30; } 
.contactdiv h4{ text-transform: uppercase; font-size: 24px;}
.contactdiv p.large{ color: #777; font-size: 21px; margin-top: 0;}
.mapdiv .row{margin-bottom: 0; }
#mapdiv iframe{display:block;}
#mapdiv{border-top: 1px solid #B5D0C0;}
.social{padding-bottom: 0; margin-bottom: 0;}    
  .social img{padding: 0 5px;}

/*----------------navbar--------------------*/
.navbar-material .nav-wrapper .brand-logo img {}
nav { box-shadow: none;}
nav a.button-collapse {color: #b57249;}
.navdiv {height: 172px; border-top: 8px solid #b57249;}
.nav-wrapper{ margin-top: 30px;}
.nav-wrapper a{ outline: 0; font-weight: bold;}

@media only screen and (max-width : 992px) {
}
@media only screen and (min-width : 992px) {
    .nav-wrapper{ background: transparent url("../images/call1.gif") no-repeat right;}
    .nav-wrapper ul{ margin-top: 20px;}
    .nav-wrapper ul li a{  font-size: 16px; color: #555; text-transform: uppercase;}
    .nav-wrapper li a:hover{ background: #f2f2f2;}
    .nav-wrapper li.active{background: none;}
    .nav-wrapper li.active a:hover{background: none;}
    .nav-wrapper li.active a{color: #b57249;}
    .nav-wrapper a.current{color: #b57249;}
}
.dropdown-content {
  background-color: #FFFFFF;
  margin: 0;
  display: none;
  min-width: 280px; /* Changed this to accomodate content width */
  max-height: auto;
  margin-left: -1px; /* Add this to keep dropdown in line with edge of navbar */
  overflow: hidden; /* Changed this from overflow-y:auto; to overflow:hidden; */
  opacity: 0;
  position: absolute;
  white-space: nowrap;
  z-index: 999;
  will-change: width, height;
}
#dropdown1 li a{font-size: 14px; height: 0}

/*--------------sidenav-----------------*/
.side-nav .collapsible {  color: #b57249;}
.side-nav{}
.side-nav li{ }
.side-nav a { color: #b57249; font-size: 1.4rem; outline: 0; }
.side-nav a:hover{ color: #b57249;}   

/*------------collections--------------*/
.collection { border: none; }
.collection .collection-item { font-size: 15px; line-height: 28px; color: inherit; background-color: transparent; padding-bottom: 10px; border-bottom: 1px solid #ddd; padding-left: 0; }

/*-------------footernav---------------*/
.footernav ul{ list-style:none; text-align: center; margin-bottom: 10px;}
.footernav ul li { list-style-type:none; display:inline; }
.footernav ul li a { padding:0 4px; display:inline-block; font-size: 12px; font-weight: normal; color:#273C50; text-decoration: none; border-right: 1px solid #273C50; }
.footernav ul li a:hover, .footernav ul li a:focus, .footernav ul li a:active { text-decoration: underline; color: #D7E5F2; }
.footernav ul li a.lastnav{border: none;}

/*-------------footer-------------*/
footer.page-footer { background-color: #6294A0; padding: 0; margin-top: 0; border: 1px solid transparent;}
footer.page-footer p.tiny{
    font-size: 11px; letter-spacing: 1px;
    color: #273C50; margin-top: 0;
}
footer.page-footer p.large{
    color: #fff; 
    font-size: 28px;  margin-bottom: 0;
}
footer.page-footer p.large img{
    vertical-align:  middle;
}

/*------------slider------------------*/
/*    slider1  */
.slider { height: 650px;}
.slider .slides { height: 700px; background-color: #f7f7f7;}
.slider .slides li .caption { position: absolute; top: 75%; letter-spacing: 1px; -webkit-text-stroke: 1px #555; opacity: 0;}
.slider .slides li .caption h3 {font-family: "antoniobold"; font-size: 48px; color: #fff; letter-spacing: -2px; text-transform: uppercase; margin: 0;}
.slider .slides li .caption h5 {font-family: "antoniobold"; font-size: 24px; color: #000; text-transform: uppercase; margin: 0;}
.slider .slides li .caption h5 em{color: red;}

/*----------------carousel--------------*/
.carousel{height: 208px;}
.carousel .carousel-item{height: 200px;}
.carousel.carousel-slider .carousel-item{min-height: 100px; height: 200px}
.indicators .indicator-item { background-color: #000;} 

/*----------------parallax--------------*/
.parallax-container { height: 100px; min-height: 200px; line-height: 0; height: auto; color: rgba(0, 0, 0, 0.9); z-index: 1; }

.parallax-container h3{ font-family: 'Open Sans'; font-weight: 700; font-size: 42px; text-transform: uppercase; letter-spacing: -2px; color: #fff;}
.parallax-container h3 strong{font-weight: 800; color: #e4596d;}
.parallax-container h3 em{font-style: normal; color: #00c4c9;}
.parallax-container p{font-family: 'Open Sans'; font-weight: 700;}
  .parallax-container p.large{padding: 0; margin: 0; line-height: 40px;}

.whitetxtoutline { -webkit-text-stroke-width: 1px; -webkit-text-stroke-color: #fff;}

.nopad {margin-top: 0; position: sticky;}

.parallax-container .section {
    width: 100%;
  }
@media only screen and (max-width : 992px) {
  .parallax-container .section {
    position: absolute;
    top: 40%;
  }
}

/********************* Table of Contents ********************/
.table-of-contents {border-top: 4px solid #eee; border-bottom: 4px solid #eee; }
.table-of-contents li {
    padding: 3px 0;
    background-color: rgba(255, 255, 255, 0.3);  
    border-bottom: 1px solid #eee;
    border-left: 1px solid #eee;
}
.table-of-contents a {
  display: inline-block;
  font-family: "Montserrat";
  font-size: 11px;
  letter-spacing: 1px;
  font-weight: 300;
  text-transform: uppercase;
  color: #aaa;
  padding-left: 20px;
  height: 1.5rem;
  line-height: 1.5rem;
  letter-spacing: .4;
  display: inline-block;
  border: 0;  
    outline: 0;
}
.table-of-contents a:hover {
  color: #a8a8a8;
  padding-left: 19px;
  border-left: 1px solid #ea4a4f;
 }

.table-of-contents a.active {
  font-weight: 500;
  padding-left: 18px;
  outline: 0;
border-left: 2px solid #ea4a4f;
      
}
li.lastoc{ border-bottom: 0; }
        
/*********************chips********************/
.chip {
  display: inline-block;
  height: 28px;
  font-size: 12px;
  font-family: "Montserrat";
  font-weight: 700;
  letter-spacing: 2px; 
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.9);
  line-height: 28px;
  padding: 0 10px;
  border-radius: 16px;
  background-color: #874872;
  margin-bottom: 5px;
  margin-right: 0;
}

/*********************card********************/
.card { box-shadow: none; transition: none; height: auto; border: 1px solid #eee;}
.card:hover{ box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);}
.card .card-content {box-shadow: none;}
.card .card-content {padding: 5px 10px 30px;}
.card .card-content .card-title { font-size: 24px; }
.card .card-content p{font-size: 13px; margin-top: 0; padding-top: 0;}

/*********************forms********************/
#concontent form{background-color: #fff;}
fieldset{padding: 30px;}

/*********************portfolio********************/
.imggal {
    overflow: hidden; margin: 0 auto;
    }
    .imggal > a {
    float: left; xwidth: 25%; padding: 1px; box-sizing: border-box; position: relative;
    }

/****************************************************/

/*--blog posts & comments
---------------------------------------------------------------------------------*/
/* Blog Post Styles */

    .post .title            {font-size:24px; text-transform: none; margin-bottom: 0; padding-bottom: 0;}
    .post .title a          {color:#22a9e2; text-decoration:none;}
    .post a.button          {font-size: 14px; text-decoration: none; border-left: ; background-color: #b57249; padding: 3px 8px 5px; color: #fff; margin-bottom: 40px;}
    .post a.button:hover    {color: #fff; text-decoration:none;}
    .post .sub              {font-size:12px; color:#AF6B38; padding: 0; margin: 0;}
    .post .sub a            {font-size:12px; color:#AF6B38; padding-bottom: 3px;}
    .post .sub a:hover      {color:#774826; text-decoration: none;}
    .post .thumb            {margin: 10px 10px 5px 0; }
    .post p                 {color: #777; padding-right: 15px;}

/* blog sidebar Styles */

    ul.sidebar              {margin: 10px 30px 70px 17px;}
    ul.sidebar li           {padding: 12px 0 10px; color: #555; list-style-type: disc; border-bottom: 1px solid #eee; font-style: italic;}
    ul.sidebar li a         {color: #555; text-decoration: none; font-size: 14px;}
    ul.sidebar li a:hover   {color: #222; }

/* Comments List */
    
    .comment-form                       { margin-top: 50px; padding: 30px; background-color: #f7f7f7;}
    .comment-form h3                    {color: #26a69a; font-size: 18px; }
    .commentlist                        {margin:0; padding:0; margin-bottom:20px; float:left; width:100%;}
    .commentlist li                     {width:100%; clear:both; float:left; padding:0; list-style-type:none; margin:0; position:relative;}
    .gravatar                           {float:left; width:60px; padding:0px 10px 0 0; text-align: center;}
    .gravatar img                       {display:block; padding:5px; padding-left:none; margin-bottom:0px;}
    .comment_content                    {float:left; width:569px;}
    .commentmetadata                    {float:right;}
    .comment-reply-link                 {text-decoration:none; font-size:10px;}
    .author_name                        {font-weight:bold; font-style:normal; font-size:15px; float:left;}
    .author_name a                      {color:#000000;}
    .comment_text                       {clear:both; margin-top:10px;}
    .comment-reply-link                 {text-align:center; display:block;}

/* --blog pages
------------------------------------------------------- --*/
#blgcontent {border-top: 1px solid #ddd;}
#blgcontent .xtrabpad {padding-bottom: 50px;}
#blgcontent .rhtbrd{border-right: 1px solid #eee;}
#blgcontent h2{ }
#blgcontent h3{ border-bottom: 1px solid #eee; padding: 10px 0; margin-bottom: 5px;}
#blgcontent h5{ font-size: 18px; padding: 0;}
#blgcontent p.norm{padding: 10px 15px 5px 0; margin:0;}
#blgcontent p.norm strong {font-size: 18px; line-height: 30px;}
.blogdiv{ min-height: 320px; padding-bottom: 30px;}
    .blogdiv p { padding: 10px 20px 0 0;  }
h4.sdbar { font-size: 30px; font-family: "antoniobold"; text-transform: uppercase; color: #8cc633; margin-top: 40px;}


/*Homepage content */

#homcontent .xtrapad{padding: 40px 0 10px;}
#homcontent .xtratpad{padding-top: 20px;}
#homcontent .lftbrd{border-left: 1px solid #ccc; padding-left: 20px; padding-right: 30px;}
#homcontent .lgrey {border-top: 1px solid #ccc; }
#homcontent .lgrey .lftbrd {padding-right: 20px;}
/*#homcontent p.norm{font-size: 18px; line-height: 22px;}*/
#homcontent h2{margin-top: 0;}
#homcontent h3{ }
#homcontent h3 em{font-style: normal; color: red;}
#homcontent .parallax-container{min-height: 220px;}
#homcontent .carousel { height: 308px;}
#homcontent .carousel .carousel-slider {height: 308px; }

/*About content */

#abtcontent .xtrapad{padding: 20px 0;}
#abtcontent {border-top: 1px solid #ddd;}
#abtcontent .xtratpad{padding-top: 20px;}
#abtcontent .xtratmrg{padding-top: 60px;}
#abtcontent h2{margin-bottom: 30px;}
#abtcontent h3{margin-bottom: 20px;}
#abtcontent .collection {}

/*Project content */

.notopmar p{  }
#prjcontent {padding-bottom: 25px;}
#prjcontent .xtratpad{padding-top: 20px;}
#prjcontent .xtrarpad{padding-right: 10px;}
#prjcontent .rhtbrd{border-right: 1px solid #ddd; padding-bottom: 5px; }
#prjcontent .btmbrd{border-bottom: 1px solid #ddd;}
#prjcontent h2.btmbrd{ margin-bottom: 15px; padding-top: 10px; padding-bottom: 20px;  }
    #prjcontent h2 strong{  font-weight: normal; color: #45C2F8; letter-spacing: 0; }
#prjcontent h3 {font-size: 36px; font-family: "antoniolight"; }
#prjcontent h4{font-size: 18px; font-weight: 800; text-transform: uppercase; margin-top: 25px; margin-bottom: 5px;}
#prjcontent h5{ font-size: 18px; margin-top: 30px; color: #333;}
#prjcontent p.norm{ padding-right: 25px;}
#prjcontent p{color: #888; margin-top: 0; line-height: 24px;}
#prjcontent .gal img{margin-bottom: 15px;}

/*Main Projects content */
#prjlistcontent {border-top: 1px solid #ddd;}
#prjlistcontent h6{text-transform: uppercase; margin-bottom: 15px;}
#prjlistcontent .xtrabmrg{margin-bottom: 40px;}

/*Contact Us content */
#concontent p.large{font-size: 18px; margin-bottom: 40px;}
#concontent h3{color: #22a9e2;}
#concontent h4{color: #8cc633; padding-bottom: 5px; border-bottom: 1px solid #bbb;}
#concontent .parallax-container{min-height: 160px;}
#concontent .parallax-container p.large{margin-bottom: 0;}
#concontent .xtrapad{padding-top: 60px; padding-left: 30px; padding-bottom: 80px;}


/* -- Media Queries ------------------------ */
@media only screen and (max-width : 992px) {
    #homcontent .lftbrd{border: none; padding-left: 0;}
    #prjcontent .rhtbrd{border-right: none; }
    /*#blgcontent .rhtbrd{border-right: none; border-bottom: 1px solid #ddd;}*/
}
@media only screen and (max-width : 1025px) {
    #abtcontent .xtralmrg{margin-left: 0px;}
    #prjcontent .rhtbrd{border-right: none; border-bottom: 1px solid #ddd; }
    #blgcontent .rhtbrd{border-right: none; border-bottom: 1px solid #ddd;}
}

/*owl carousel*/
.owl-carousel .owl-wrapper-outer{ z-index: -1; }
.owl-item { transform: translateZ(0); -webkit-transform: translateZ(0); -ms-transform: translateZ(0); }