/* Custom Style Definitions */
/* for Rupal Tailoring, London */

html, body { width: 100%; margin: 0px; padding: 0px; }
html { line-height: 1.5; font-family: "Poppins", Arial, san-serif; color: #111; }
body{background-color: #fff; border-top: 4px solid #c00;}
div { box-sizing: border-box; }

@font-face {
    font-family: 'Regattia-Bold';
    src: url('fonts/Regattia-Bold.eot');
    src: url('fonts/Regattia-Bold.eot?#iefix') format('embedded-opentype'),
        url('fonts/Regattia-Bold.woff2') format('woff2'),
        url('fonts/Regattia-Bold.woff') format('woff'),
        url('fonts/Regattia-Bold.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

/*---------------headings--------------------*/

h1, h2, h3, h4 { font-family: "Regattia-Bold", "serif"; }
h4, h5, h6{font-family: "Poppins", Arial, san-serif; font-weight: 200;}

h2 {font-size: 60px; color: #fff;}
h3 {font-size: 48px; line-height: 42px; margin-top: 15px; margin-bottom: 25px;}
h4 {font-size: 30px; line-height: 30px; color: #999;}
h5{font-size: 18px;font-weight: 700; }
h6{font-size: 14px; letter-spacing: 3px; color: #999; text-transform: uppercase; margin-top: 20px;}

/*--------------text & paragaphs----------- */
p {font-weight: 400; color: #555; font-size: 16px; line-height: 30px;}
p strong{ font-weight: 700; }

p.intro{font-size: 18px; line-height: 30px;}
p.banner{font-family: Regattia-Bold; font-size: 48px; line-height: 48px;}
p.info {font-weight: 200; font-size: 30px; line-height: 36px;}
  p.info strong{ font-weight: 200; color: #f05a34; }
p.tiny{font-size: 10px; letter-spacing: 1px;}
    p.tiny a{color: inherit;}
    p.tiny a:hover{text-decoration: underline;}
    p img{vertical-align: middle;}

.toupcase {text-transform: uppercase;}
a.textlink { font-size: 14px; color: #00b089; text-decoration: none; margin-top: 30px; text-transform: uppercase; letter-spacing:1px;}
a.textlink:hover{color:#06DCAC; }

/*fixes*/
.valign-wrapper {flex-wrap: wrap;} 
/*--------------divs & ids------------------*/
/*colors*/
.silvr {background-color: #f6f6f6; padding: 50px 0;}
.orang {background-color: #f05a34;}
.white {background-color: #fff;}
/*common*/

.brdleft {border-left: 1px solid #ddd;}
.brdrght {border-right: 1px solid #ddd;}
.nomrg {margin: 0;}
.xtralpad{padding-left: 20px;}
.negtmrg{margin-top: -100px;}
#introdiv{ padding:70px 0; }

#mapdiv iframe{ display:block;}

/*------------drop caps-------------*/
.firstcharacter {
  color: #222; float: left; font-family: Regattia-Bold; font-size: 160px; line-height: 100px; padding: 4px 10px 100px 3px;
}

/*------------cards--------------*/
/*.card .card-image{width:220px; height: 220px;}*/
.card .card-image img{width: 220px; margin: 0 auto; }

/*------------parallax--------------*/
.parallax-container .parallax{width:100%;}
.parallax-container h2{text-align: left;  }
.parallax-container h3{line-height: 48px;text-align: center; color: #fff; margin-bottom: 0;}


/*----------------navbar--------------------*/
#navdiv { z-index: 1; position: relative; height: 150px; background:rgba(255,255,255,0.3);
 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#33000000', endColorstr='#33000000');
 -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#33000000', endColorstr='#33000000'); padding-top: 25px;}
.navbar-material .nav-wrapper { }
.navbar-material .nav-wrapper .brand-logo img { height: 50px;}
nav { color: #333; background: transparent; }
nav ul li { }
nav ul li a{ color: #333; font-weight: 700; font-size: 18px; text-transform: uppercase;   }    
nav i, nav [class^="mdi-"], nav [class*="mdi-"], nav i.material-icons {  }
nav ul li.active { background-color: transparent; }
nav ul li.active a{color: #c2002e;}
nav ul li:hover { background-color: white; }
nav ul li a:hover { border-bottom: 1px dashed #c2002e; background-color: transparent; }
nav ul li.active a:hover{color: #c2002e; border-bottom: none; border-top: none;}
nav .brand-logo { }
@media only screen and (min-width: 601px){  }

/*--------------sidenav-----------------*/
#sidenav-overlay { z-index: 0;}
.side-nav .collapsible { margin: 0;}
ul#nav-mobile li {padding: 0; margin: 0;}
ul#nav-mobile li a:hover { border-bottom: none; }
.material-icons{color: #000; z-index: 999; }

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

/*-------------footer-------------*/
footer.page-footer{margin-top: 0; background-color: #555;}
footer.page-footer .row{margin-bottom: 0;}
footer.page-footer p.tiny{ font-size: 12px; color: #ccc;}

/*------------form--------------*/
.btn-color { background-color: #EE560E; border:none; cursor:pointer; }
.btn-color:hover { background-color: #F8A24B; border:none; cursor:pointer; }

/*------------collections--------------*/
.collection {
    border: none;
}
.collection .collection-item {
    background-color: transparent;
    border-bottom: 1px solid #ddd;
    padding: 12px 0; line-height: 28px; color: #555; padding-right: ;
}
.collection .collection-item strong{
    border-bottom: 1px solid #ddd;
    padding-bottom: 3px;
}
/*------------slider------------------*/

.slider{ z-index: 0; width: 100%; height: 700px; position: relative;}
  .slider .other-content {
      position: absolute;
      top: 20%;
      left: 15%;
      width: 62%;
      text-align: left;
      z-index: 2;
      color: white;
    }
    .slider .slide {
      z-index: 1;
      position: absolute;
      width: 100%;
      top: 0;
      left: 0;
      height: 100%;
      transition: opacity 1s ease-in-out;
      background-position: center center;
      background-repeat: no-repeat;
      background-size: cover;
      opacity: 0;
    }
    .slider .slide.show {
      opacity: 1;
    }
.slider .other-content h6{
  font-size:16px; font-weight: 700; text-transform: uppercase; text-align: left; color:#000;
}
.slider .other-content h3{ 
    font-family: "Regattia-Bold", "serif"; font-size: 72px; line-height: 56px;
    text-align: left; color: #fff; margin: 0; padding: 0; width: 40%;
   }  

/*-------------home-------------*/

#homcontent #introdiv{ }
#homcontent #introdiv p { margin-top: 25px; }
#homcontent #introdiv h3, #homcontent .silvr h3{ margin-bottom: 60px; }
#homcontent .xtratmrg { margin-top: 40px;}
#homcontent .xtrarpad {padding-right: 130px;}
#homcontent .xtrabpad {padding-bottom: 30px;}
#homcontent .parallax-container {height: 250px;}


/*-------------about-------------*/
/*#abtcontent .parallax-container {height: 400px;}*/

#abtcontent .white h3{ background-color: #fff; padding: 50px 0 20px 0px; margin-bottom: 0;  }
#abtcontent .white p{background-color: #fff; margin-top: 0;}
#abtcontent .card h6{letter-spacing: 1px; font-weight: 400; margin-top: 0;}

/*-------------services-------------*/
/*#srvcontent .parallax-container {height: 450px;}*/
#srvcontent #introdiv h3{ font-size: 48px; margin-bottom: 40px;}
#srvcontent #introdiv .row{border-bottom: 1px dashed #999; padding-bottom: 20px; margin-bottom: 30px;}

/*--------------works---------------*/
/*#wrkcontent .parallax-container {height: 300px;}*/
#wrkcontent .gallery img{padding: 10px; border: 1px solid #ccc; margin-bottom: 17px;}
#wrkcontent .gallery img a{border: none;}
#wrkcontent .xtrapad{padding: 30px 0;}
#wrkcontent h3{ font-size: 30px; padding-bottom: 30px;}

/*-------------reviews-------------*/
/*#rvwcontent .parallax-container {height: 400px;}*/
.flex {display: flex; flex-wrap: wrap;}
#rvwcontent .silvr .row{margin-bottom: 0;}
#rvwcontent .silvr p strong{ color: #00b089; font-size: 18px; font-weight: normal; line-height: 48px; }
#rvwcontent .silvr h3{text-align: center; margin-bottom: 60px;}

/*-------------contact-------------*/
/*#concontent .parallax-container {height: 400px;}*/
#concontent .xtrapad{padding: 30px 0;}
#concontent .silvr{padding: 0;}
#concontent .silvr .row{margin: 0;}
#concontent h3{text-align: center;}
#concontent .silvr h4{ font-size: 24px; font-weight: 400; margin-top: 20px; padding-bottom: 0; color:#00b089;}
#concontent .silvr p{font-size: 18px; padding:0 0 10px 10px; border-left: 1px dashed #999;}


/*custom media queries*/
@media only screen and (max-width: 600px){
  .brdrght {border-right: none;}
  .slider .other-content { top: 40%; left: 5%;}
  .slider .other-content h3{font-size: 60px; line-height: 48px; }
  
  #homcontent #introdiv h3, #homcontent .silvr h3{font-size: 36px; line-height: 36px; margin-bottom: 30px;}
  #homcontent .xtrarpad {padding-right: 10px;}
  #abtcontent .silvr h3{font-size: 36px; line-height: 36px;}
  #abtcontent #introdiv .white p{ padding: 30px 0px 0 30px; }
  #abtcontent .white h3{ padding-left: 0;  font-size: 36px; margin-top: -90px;}
  .card .card-image img{ width: 100%; margin: 0 auto; }
  #srvcontent #introdiv h3{ font-size: 36px;margin-bottom: 20px; text-align: center;}
  #srvcontent #introdiv .collection .collection-item {text-align: center;}
  #concontent h3{ font-size: 30px; }
  }

@media only screen and (max-width: 992px) {
  .parallax-container{height: 300px;}
  .firstcharacter { font-size: 120px; line-height: 90px; padding: 4px 10px 10px 3px;}
  #homcontent .xtrarpad {padding-right: 30px;}
  #abtcontent .card h6{letter-spacing: 0; font-size: 12px; text-transform: capitalize;}
  #srvcontent #introdiv .collection .collection-item { padding-bottom: 5px; padding-top: 5px; line-height: 24px; color: #555; 
  }
  p.info{ padding-right: 30px; }

}

@media only screen and (max-width: 992px) and (min-width: 601px) {
  #abtcontent .white p{ padding: 20px 30px 0 0px; }
  #abtcontent .white h3{margin-top: -250px;}
}

@media only screen and (min-width: 993px){
.firstcharacter { font-size: 140px; line-height: 90px; padding: 4px 10px 40px 3px;}
#abtcontent #introdiv p{padding-right: 30px;}
#abtcontent .white p{ padding: 30px 90px 0 30px; }
#abtcontent .white h3{ padding-left: 30px; margin-top: -200px; }
.parallax-container{height: 400px;}

}

@media only screen and (min-width: 1281px){
  .silvr p{ padding: 30px; }
}