/* Custom Style Definitions */
/* for Samamiah Shipping */

html, body { width: 100%; margin: 0px; padding: 0px; overflow-x:hidden;}
html { font-family: "Open Sans", san-serif; color: #777;  }
body{background-color: #fff; }
xdiv { box-sizing: border-box; }

/*---------------headings--------------------*/
h1, h2, h3 { font-weight: 700;  }
h4, h5, h6{ font-weight: 800; }
h2 {font-size: 48px; text-transform: uppercase; color: #fff; }
h3 {font-size: 36px; line-height: 48px;  letter-spacing: -1px; color: #222;}
h4 {font-size: 30px; letter-spacing:-1px; color: #222;} 
h5{font-weight: 24px;}
h6{font-size: 18px; margin-top: 20px; color: #999;}

/*--------------text & paragaphs----------- */
p {font-weight: 400; font-size: 16px; line-height: 26px;}
p strong{ font-weight: 700; }
p em{font-weight: 400;}
p.tiny{font-size: 12px;}
p.intro{ color: #444; font-size: 18px; line-height: 30px;}
p.emp{font-weight: 300; font-size: 36px; line-height: 48px; color:#333;}
a.textlink { font-size: 14px; font-weight: 900; letter-spacing: 1px; background-color: #309eed; border-radius: 25px; color: #fff; text-transform: uppercase; text-decoration: none; padding: 10px 20px;}
a.textlink:hover{background-color:  #51B6FE;}
a.textlink i.material-icons {line-height: 30px; font-size: 16px;}

/*--------------divs & ids------------------*/
/*colors*/
.silvr {background-color: #eee; padding: 40px 0;}
.dgrey{background-color: #324963 ;}
.lblue{background-color: #D6EDFF;}
#content .row{margin: 0;}
.nopadrow .row .col:first-child{padding-left: 0;} 
.nopadrow .row .col:last-child{padding-right: 0;}
#content img{display: block;}

/*common*/
.toupcase {text-transform: uppercase;}
.brdleft {border-left: 1px solid #ccc; padding-left: 20px;}
.brdtop {border-top: 1px solid #ddd; padding-top: 15px;}
.nomrg {margin: 0;}
.xtratbpad{padding: 30px 0;}
.infopanel{ height: 25px; }
.infopanel p {font-size: 14px; font-weight: 700; margin: 0; padding-top: 5px; color: #F7ED58; }
.infopanel p img{vertical-align: top;}
#mapdiv {margin: 0 5%;}
#mapdiv iframe{ display:block;}
p.crdlink{background-color: #b93203; font-size: 10px; color: #FC4C0F; padding: 30px 0 10px; text-align: center; margin: 0;}
p.crdlink a{text-decoration: none; color:#FC4C0F; }

#introrow{ display: flex;}
.sidebar{background-color: #324963; margin: 30px 0 20px;}
.sidebar ul {padding: 20px;}
.sidebar ul li{ padding-bottom: 5px; border-bottom: 1px solid #476281; margin-bottom: 20px;}
.sidebar ul li a{ color:#fed134; font-size: 16px; }
.sidebar ul li a:hover{ color:#FFED08; }
.sidebar h5{ color: #fff; padding:40px 20px 0; }

/*page header*/
.pheader{z-index: 0; width: 100%; height: 500px; position: relative; xmargin-top: -180px;}
.pheader-bg{z-index: 1; position: absolute; opacity: 1; width: 100%; top: 0; left: 0; min-height: 500px; background-image: url("../images/prlxbg1.jpg"); background-position: center center; 
            background-repeat: no-repeat; background-size: cover; }
.pheader-content{position: absolute; top:60%; left: 0; width: 100%; text-align: center; z-index: 2; padding: 0 30px; text-transform: uppercase; 
    font-weight: 800; font-size: 40px; line-height: 40px; color: white; text-shadow: -1px 0 #888, 0 1px #888, 1px 0 #888, 0 -1px #888;}

/*fixes*/
.valign-wrapper {flex-wrap: wrap;} 

/*------------collapsibles--------------*/
.faq .collapsible {box-shadow: none; border: none;}
.faq .collapsible li{margin-bottom: 10px; border: 1px solid #ccc; xborder-bottom: none;}
.faq .collapsible li.active i {
  -ms-transform: rotate(180deg); /* IE 9 */ -webkit-transform: rotate(180deg); /* Chrome, Safari, Opera */
  transform: rotate(180deg); }
.faq .collapsible-header{font-size: 18px; color:#2E58A4; padding: 10px 0 10px 20px; border-bottom: none; }
.faq .collapsible-body{ line-height: 26px; background-color: #F9F9F9; padding: 20px 40px; color: #333;  }

/*------------collections--------------*/
.collection { border: none; margin-left: 10px;}
.collection .collection-item { background-color: transparent; padding-bottom: 12px; color: #555; padding-left: 0; }
ul.ftrlist{ padding-top: 10px; }
ul.ftrlist li{ list-style-type: square; font-size: 15px; margin-bottom: 10px; list-style-position: inside;}
ul.steplist li{list-style-type: none; margin-top: 15px; margin-bottom: 35px;}
.dgrey .steplist {padding: 30px 0;}
.dgrey .steplist li{ color: #fed134;}
.dgrey .steplist li strong{background-color: #233345; padding: 10px;}

/*terms and conditions*/
.tandc ol { counter-reset: item; }
.tandc li { display: block; color: #333; font-size: 24px; font-weight: 800; padding-top: 30px; }
.tandc li:before { content: counters(item, ".") "."; counter-increment: item; padding-right: 5px; }
.tandc li ol li{ font-size: 16px; font-weight: 800; padding-top: 10px; padding-bottom: 10px; }
.normalt{font-weight: 400;}
/*----------------navbar--------------------*/
.nav-wrapper{padding-top: 10px;}
#navdiv { z-index: 1; position: relative; height: 150px; background:rgba(0,0,0,0.3);
 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#33000000', endColorstr='#33000000');
 -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#33000000', endColorstr='#33000000'); }
.navbar-material .nav-wrapper { }
.navbar-material .nav-wrapper .brand-logo img { height: 121px; }
nav { background: transparent;}
nav ul {  }
nav ul li a{ color: #fff; font-weight: 400; font-size: 16px; letter-spacing:2px; text-transform: uppercase; padding: 0 15px;  }    
nav i, nav [class^="mdi-"], nav [class*="mdi-"], nav i.material-icons { color: #fff; }
nav ul li.active { background-color: transparent; }
nav ul li.active a{color: #f6b47a; }
nav ul li:hover { background-color: none; }
nav ul li a:hover { background-color: none;}
nav ul li.active a:hover{color: #f6b47a; }
nav .brand-logo {margin-top: -15px; }

.dropdown-content { top: 100% !important; border-radius: 15px;}
.dropdown-content li {}
.dropdown-content li a{font-size: 12px; letter-spacing:0; text-transform: capitalize; background:rgba(255,255,255,0.7); color: #2E58A4;
 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#66000000', endColorstr='#66000000');
 -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#66000000', endColorstr='#66000000'); }
.dropdown-content li a:hover { background-color: #2E58A4; color: #fff;}

/*--------------sidenav-----------------*/
#sidenav-overlay { z-index: 0;}
.side-nav .collapsible { margin: 0;}
.side-nav .collapsible li ul li a{color: #777; font-size: 16px;}
.side-nav{}
.side-nav li{height: auto; border-bottom: 1px solid #eee; }
.side-nav li:hover {}
.side-nav li a { font-size: 1.4rem;}
.side-nav a:hover { color: #2E58A4;}
.material-icons{color: #777; }

/*-------------footernav---------------*/
.footernav ul{ list-style:none; padding-bottom: 10px; }
.footernav ul li { list-style-type:none; color:#F95F2A; text-align: left; padding-bottom: 5px;}
.footernav ul li a { font-size: 14px; font-weight: normal; color:#2e3c56; text-decoration: none; }
.footernav ul li a:hover, .footernav ul li a:focus, .footernav ul li a:active { color: #0C1628; text-decoration: underline; }
.footernav ul li a.lastnav{border: none;}

/*-------------footer-------------*/
footer.page-footer{margin: 0; background-color: #9DBCE1; color:#2e3c56; text-align: left;}
footer.page-footer .row{margin-bottom: 0;}
footer.page-footer p{ font-size: 14px; line-height: 24px; color: #2e3c56; text-align: left;}
footer.page-footer p.tiny{font-size: 12px;}
footer.page-footer p.caption{font-size: 14px; padding: 10px 0; border-top: 1px solid #74A5DF; border-bottom: 1px solid #74A5DF;}
footer.page-footer h6{font-size: 16px; text-align: left;  color: #2e3c56; padding-bottom: 5px;}
footer.page-footer p a{color: #2e3c56;}
footer.page-footer p a:hover{text-decoration: underline;}
footer.page-footer p img{vertical-align: middle;}

/*------------form--------------*/
.btn-color { background-color: #fff; text-transform: capitalize; font-weight: 700; letter-spacing: 1px; border:none; cursor:pointer; margin-top: 20px; margin-bottom: 45px; border-radius: 25px; color:#962d21;}
    .btn-color:hover { background-color: #FD6D29; border:none; cursor:pointer; }
form#rfqform{background-color: #962d21; padding: 25px; width: 100%;}
form#rfqform input::placeholder, form#rfqform  textarea::placeholder{color: #FBAD90; font-size: 12px; text-transform: uppercase; letter-spacing: 1px;}
form#rfqform h4{font-size: 24px; color: #fff; margin-bottom: 0; padding: 0 0 20px 10px;}
form#rfqform .row .input-field{ height: 50px; font-size: 15px; }
form#rfqform .input-field input, form#rfqform .input-field textarea{border-bottom: 1px solid #E0592B; color: #fff; padding-left: 5px;}
form#rfqform .input-field input[type=text]:focus { border-bottom: 1px solid #E0592B; box-shadow: none; }
form#rfqform .materialize-textarea:focus:not([readonly]) { border-bottom: 1px solid #fd6d3c; box-shadow: none; }
form#rfqform .row .input-field .materialize-textarea{height: 50px;}
form#rfqform .btn-color{margin-top: 80px;} 

/*------------cards------------------*/
.card {padding: 30px; height: 520px; overflow: auto;}
.card-content .card-title{font-size: 30px; color: #962d21; }
.card-content p{font-size: 16px;}
.card-content ul li{list-style-type: square; padding-bottom: 3px; list-style-position: inside;}
.card-content h5{ font-weight: 400; color: #6FA42E;  }
.card-content h6{ font-size: 21px; font-weight: 400; color: #2E58A4;  }

/*------------slider------------------*/
.slider{ z-index: 0; width: 100%; position: relative; margin-top: -150px; height: 450px;  }
.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 .slider-caption{
    position: absolute; top:50%; left: 0; width: 100%; text-align: center; z-index: 2; padding: 0 30px; text-transform: uppercase; 
    font-weight: 800; font-size: 40px; line-height: 40px; color: white; text-shadow: -1px 0 #888, 0 1px #888, 1px 0 #888, 0 -1px #888;
}

/**********************table**********************************/
.table-container { width: 100%; overflow-y: auto; _overflow: auto; margin: 0 0 1em;}
.table-container::-webkit-scrollbar { -webkit-appearance: none; width: 14px; height: 14px; }
.table-container::-webkit-scrollbar-thumb { border-radius: 8px; border: 3px solid #fff; background-color: rgba(0, 0, 0, .3); }

.pricelist table { letter-spacing: 1px; display: table; border-collapse: separate; border-spacing: 1px; background-color: #ddd; }
.pricelist table tr{ text-align: center;}
.pricelist table td{background-color: #fff; color: #555; }
.pricelist strong{font-weight: 700; color:#0561CA;}
.pricelist em{ color:#4872A2;}
.pricelist table th{background-color: #f7f7f7; color: #962d21; font-size: 18px;}
.pricelist table tbody{border-top-color: #F8B11C;} 
.pricelist th, .pricelist td{padding-left: 10px;: }

/*-------------home-------------*/
#homcontent .slider{height: 700px;}
#homcontent .negmargin {xmargin-top: -100px;}
#homcontent #content h4{padding-top: 50px; }
#homcontent .xtralpad{padding-left: 30px;}
#homcontent .xtratpad{padding-top: 20px;}

/*-------------about-------------*/
#abtcontent .xtratpad{padding-top: 30px;}
#abtcontent .xtrabpad{padding-bottom: 30px;}

/*-------------sevices-------------*/
#srvcontent .xtrabpad{padding-bottom: 30px;}
#srvcontent .xtratpad{padding-top: 30px;}
#srvcontent .lout li{list-style-position: outside;}

/*-------------resources-------------*/
#rsccontent .xtrabpad{padding-bottom: 30px;}
#rsccontent .xtratpad{padding-top: 30px;}
#rsccontent .lblue{ padding: 25px; }
#rsccontent .lblue p{ font-size: 18px;}

/*-------------contact-------------*/
#concontent .xtrabpad{padding-bottom: 30px;}
#concontent #introrow {padding: 30px 0;}
#concontent form#rfqform{background-color: #fff; border-left: 1px solid #ccc; padding-left: 60px; font-size: 16px;}
#concontent form#rfqform .input-field input, #concontent form#rfqform .input-field textarea{border-bottom: 1px solid #ccc; color: #2E58A4; }
#concontent form#rfqform input::placeholder, #concontent form#rfqform  textarea::placeholder{color: #FBAD90; font-size: 16px; }
#concontent h5{font-weight: 200; margin-top: 30px; color:#2E58A4;}

/*custom media queries*/
@media only screen and (max-width: 601px){
  .slider .slider-caption{top: 40%; font-size: 36px; line-height: 36px; text-shadow: -1px 0 #333, 0 1px #333, 1px 0 #333, 0 -1px #333;}
  .slider .slider-caption h2{font-size: 36px;}
  p.emp{font-size: 30px; line-height: 36px;}
  .bnr h3{font-size: 30px; line-height: 36px;}
}
@media only screen and (max-width: 991px) and (min-width: 601px) {

}
@media only screen and (max-width: 992px){
  #concontent form#rfqform{border-left: none; padding-left: 0; }
  .infopanel{height: 35px;}
  #navdiv{height: 160px;}
  .slider{margin-top: -160px;}
}