/******************************************
  CSS Name:    layout.css
  Description: general layout styles
  Version:     V17.07.1
  Created By:  JohnsonServices & Companies, LLC.
  Copyright:   2011-2017
*******************************************/
/*LAYOUT*/
@media (min-width: 768px) {
.vh100 { height: 100%; height: 100vh; min-height: 600px; display: block; }
}
.wp-50 { width: 50% !important }
.wp-100 { width: 100% !important }
.m-0 { margin: 0 !important }
.m-10 { margin: 10px !important }
.m-20 { margin: 20px !important }
.mt-0 { margin-top: 0px !important }
.mt-10 { margin-top: 10px !important }
.mt-15 { margin-top: 15px !important }
.mt-20 { margin-top: 20px !important }
.mt-40 { margin-top: 40px !important }
.mt-50 { margin-top: 50px !important }
.mr-25 { margin-right: 25px !important }
.mb-5 { margin-bottom: 5px !important }
.mb-10 { margin-bottom: 10px !important }
.mb-15 { margin-bottom: 15px !important }
.mb-20 { margin-bottom: 20px !important }
.mb-40 { margin-bottom: 40px !important }
.ml-20 { margin-left: 20px !important }
.m10-0 { margin: 10px 0 !important }
.m20-0 { margin: 20px 0 !important }
.m40-0 { margin: 40px 0 !important }
.m50-0 { margin: 50px 0 !important }
.p-0 { padding: 0 !important }
.p-5 { padding: 5px !important }
.p-10 { padding: 10px !important }
.p-15 { padding: 15px !important }
.p-20 { padding: 20px !important }
.pt-20 { padding-top: 20px !important }
.pr-0 { padding-right: 0 !important }
.pr-10 { padding-right: 10px !important }
.pl-20 { padding-left: 20px !important }
.p0-25 { padding: 0 25px !important }
.aligncenter, .btn.aligncenter { display: block; margin-left: auto; margin-right: auto }
.alignright { float: right; clear: both }
.block { display: block !important; }
.inline-block { display: inline-block !important; }
.clearfix {clear:both}
.border-0{border:0px none transparent !important;}
body { padding-top: 0; padding-bottom: 0; }
@media (min-width:768px){
section{min-height:500px;}
}
/*body.fixed { padding-top: ; } *//*fixed-nav*/
/*@media (min-width: 992px){
body.fixed { padding-top: ; } /*fixed-nav* /
}*/
.container-fluid {
    padding-right: 0;
    padding-left: 0;
    margin-right: -5px;
    margin-left: -5px;
}
.container.main{margin-top: 20px}
@media (min-width:768px){
  .container.main{margin-top: 50px}
}
/*.container-fluid {padding-right: 5%;padding-left: 5%;}*/

/*TEXT*//*SIZE*/
html {font-size:14px}
p{text-align:justify;margin: 0 0 10px;line-height:1.5em}
.page-header { padding-bottom: 9px; margin: 40px 0 20px;}
h1 small, .h1 small, h2 small, .h2 small, h3 small, .h3 small, h1 .small, .h1 .small, h2 .small, .h2 .small, h3 .small, .h3 .small { font-size: 65%; color: inherit; }
h4, .h4, h5, .h5, h6, .h6 { margin-top: 10px; margin-bottom: 10px; }
h4 small, .h4 small, h5 small, .h5 small, h6 small, .h6 small, h4 .small, .h4 .small, h5 .small, .h5 .small, h6 .small, .h6 .small { font-size: 75%; color: inherit; }
small, .small { font-size: 85%; color: inherit; }
.text-bold{font-weight:bold;}
.glyphicons.small { font-size: 85% }
.social a.facebook:hover { color: #3b5998; }
.social a.linked-in:hover { color: #007bb6; }
.social a.google-plus:hover { color: #dd4b39; }
.social a.twitter:hover { color: #00aced; }
.social a.you-tube:hover { color: #bb0000; }
.social a.instagram:hover { color: #517fa4; }
.social a.pinterest:hover { color: #cb2027; }
.social a.skype:hover { color: #00AFF0; }

/*BTN*/
.btn-wrapper{display:block;margin-left:auto;margin-right:auto;text-align:center}
.btn-wrapper .btn{width:100%;}

/*FORM*/
label {margin: 0;}
.checkbox label, .radio label {font-weight: bold;}
.form-control {border: 1px solid #777;font-size:13px;}
input[type="checkbox"], input[type="radio"] {margin: 0;}
.checkbox input[type=checkbox], .radio input[type=radio][type=radio] {margin-top: 3px;}
.checkbox-inline input[type=checkbox],.radio-inline input[type=radio] {margin-top: 9px;}


/*IMAGES*/
img { vertical-align: middle; }
.img-responsive, .thumbnail > img, .thumbnail a > img { display: block; max-width: 100%; height: auto; }
.img-rounded { border-radius: 6px; }
.img-thumbnail { display: inline-block; max-width: 100%; height: auto; padding: 4px; line-height: 1.42857143; background-color: #fff; border: 1px solid #ddd; border-radius: 4px; -webkit-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out; }
.img-circle { border-radius: 50%; }

/*PARALLAX*/
.parallax {background-attachment: fixed; background-position: center; background-repeat: no-repeat; background-size: cover; }
/*.fixed .parallax .wrapper{padding-top:50px}*/
/*@media (min-width:768px){
.fixed .parallax .wrapper{padding-top:0}
}
*/
/*SCROLL*/
.scroll{overflow-y:scroll;width:100%;}

/*TABLE*/
@-moz-document url-prefix() {
  fieldset { display: table-cell; }
}
fieldset { padding: .35em .625em .75em; margin: 0 2px; border: 1px solid #c0c0c0; }
legend { padding: 0; border: 0; }
textarea { overflow: auto; }
optgroup { font-weight: bold; }
table { border-spacing: 0; border-collapse: collapse; }
td, th { padding: 0; }
table { background-color: transparent; }
caption { padding-top: 8px; padding-bottom: 8px; color: #777; text-align: left;caption-side: top; }
th { text-align: left; }
.table { width: 100%; max-width: 100%; margin: 0; }
.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td { padding: 0; line-height: 1.25; vertical-align: top; border-top: 0px solid transparent; }
.table > thead > tr > th { vertical-align: bottom; border-bottom: 2px solid #ddd; }
.table > caption + thead > tr:first-child > th, .table > colgroup + thead > tr:first-child > th, .table > thead:first-child > tr:first-child > th, .table > caption + thead > tr:first-child > td, .table > colgroup + thead > tr:first-child > td, .table > thead:first-child > tr:first-child > td { border-top: 0; }
.table > tbody + tbody { border-top: 2px solid #ddd; }
.table .table { background-color: #fff; }
.table-bordered { border: 1px solid #ddd; }
.table-bordered > thead > tr > th, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > tbody > tr > td, .table-bordered > tfoot > tr > td { border: 1px solid #ddd; }
.table-bordered > thead > tr > th, .table-bordered > thead > tr > td { border-bottom-width: 2px; }
.table-striped > tbody > tr:nth-of-type(odd) { background-color: #f9f9f9; }
.table-hover > tbody > tr:hover { background-color: #f5f5f5; }
table col[class*="col-"] { position: static; display: table-column; float: none; }
table td[class*="col-"], table th[class*="col-"] { position: static; display: table-cell; float: none; }
.table > thead > tr > td.active, .table > tbody > tr > td.active, .table > tfoot > tr > td.active, .table > thead > tr > th.active, .table > tbody > tr > th.active, .table > tfoot > tr > th.active, .table > thead > tr.active > td, .table > tbody > tr.active > td, .table > tfoot > tr.active > td, .table > thead > tr.active > th, .table > tbody > tr.active > th, .table > tfoot > tr.active > th { background-color: #f5f5f5; }
.table-hover > tbody > tr > td.active:hover, .table-hover > tbody > tr > th.active:hover, .table-hover > tbody > tr.active:hover > td, .table-hover > tbody > tr:hover > .active, .table-hover > tbody > tr.active:hover > th { background-color: #e8e8e8; }
.table-responsive { min-height: .01%; overflow-x: auto; }
@media screen and (max-width: 767px) {
.table-responsive { width: 100%; margin-bottom: 15px; overflow-y: hidden; -ms-overflow-style: -ms-autohiding-scrollbar; border: 1px solid #ddd; }
.table-responsive > .table { margin-bottom: 0; }
.table-responsive > .table > thead > tr > th,  .table-responsive > .table > tbody > tr > th,  .table-responsive > .table > tfoot > tr > th,  .table-responsive > .table > thead > tr > td,  .table-responsive > .table > tbody > tr > td,  .table-responsive > .table > tfoot > tr > td { white-space: nowrap; }
.table-responsive > .table-bordered { border: 0; }
.table-responsive > .table-bordered > thead > tr > th:first-child,  .table-responsive > .table-bordered > tbody > tr > th:first-child,  .table-responsive > .table-bordered > tfoot > tr > th:first-child,  .table-responsive > .table-bordered > thead > tr > td:first-child,  .table-responsive > .table-bordered > tbody > tr > td:first-child,  .table-responsive > .table-bordered > tfoot > tr > td:first-child { border-left: 0; }
.table-responsive > .table-bordered > thead > tr > th:last-child,  .table-responsive > .table-bordered > tbody > tr > th:last-child,  .table-responsive > .table-bordered > tfoot > tr > th:last-child,  .table-responsive > .table-bordered > thead > tr > td:last-child,  .table-responsive > .table-bordered > tbody > tr > td:last-child,  .table-responsive > .table-bordered > tfoot > tr > td:last-child { border-right: 0; }
.table-responsive > .table-bordered > tbody > tr:last-child > th,  .table-responsive > .table-bordered > tfoot > tr:last-child > th,  .table-responsive > .table-bordered > tbody > tr:last-child > td,  .table-responsive > .table-bordered > tfoot > tr:last-child > td { border-bottom: 0; }
}
fieldset { min-width: 0; padding: 0; margin: 0; border: 0; }
legend { display: block; width: 100%; padding: 0; margin-bottom: 20px; font-size: 21px; line-height: inherit; color: #333; border: 0; border-bottom: 1px solid #e5e5e5; }

/*VISIBILITY*/
@media (max-width: 767px){
.visible-xs.inline-block {display: inline-block !important}
}
@media (min-width: 768px){
.visible-sm.inline-block {display: inline-block !important}
}
@media (min-width: 992px) {
.visible-md.inline-block {display: inline-block !important}

}
@media (min-width: 992px) {
.visible-lg.inline-block {display: inline-block !important}
}

/*EFX*/
.shdw{-webkit-box-shadow: 0 0 10px -2px rgba(0,0,0,.3)!important;box-shadow: 0 0 10px -2px rgba(0,0,0,.3)!important;}
.shdw-blu{-webkit-box-shadow: 0 0 10px -1px rgb(129, 217, 229)!important;box-shadow: 0 0 10px -1px rgb(129, 217, 229)!important;}

.shdw-drp{-webkit-box-shadow: 0 0 5px 0 rgba(0,0,0,.3)!important;box-shadow: 0 0 5px 0 rgba(0,0,0,.3)!important;}
.shdw-btm-inset{-webkit-box-shadow:inset 5px -2px 5px rgba(0,0,0,0.3)!important; box-shadow: inset 5px -2px 5px rgba(0,0,0,0.3)!important;}