/* /////////////////////////////////////////////////////////////////////
//  Your CSS
/////////////////////////////////////////////////////////////////////*/

.banner_image {
height: 700px !important; 
} 

#pgCompany {
text-align:left; 
}

#pgNavigation { 
text-align: right; 
width: 100%; 
width:auto;
float: right;
clear: none;
padding-top:20px;
margin:0px; 
margin-top:75px;
}

#pgNavigation li { 
padding-right:0px; 
}

#pgLogo { 
padding: 0px; 
margin-top:50px;
margin-bottom:10px;
} 

#pgContent {
max-width: 1024px !important;
}

#pgLogo_img { 
float: left; 
}

#pgLogo {
    float:left;
}

#isPageFooter {
     left: calc(-50vw + 50% );
 position: absolute;
 width: 100vw;
background-color: #0b2024;
height:300px
}

#nav-pg ul { 
padding-right:0px !important; 
} 

#isPageFooter {
max-height: 200px; 
}

#collection-cover-header {
margin-top:50px;
}

button { 
background-color: #000000;
width: 200px;
height: 35px;
border:0px; 
color: #ffffff; 
}

#pgNavFixed {
background-color: #0b2024;
     left: calc(-50vw + 50% );
position: fixed;
 width: 100vw; 
height: 50px;
z-index: 2;
}

h1 { 
margin-top: 0px; 
} 

#nav-pg ul { 
margin-top: 35px; 
}

#mainPageWrapper {
padding-top: 0px; 
padding-left:0px;
padding-right:0px;
}
#pageWidth {
overflow-x:hidden;
}

img#pgLogo_img.middle {
width: 200px; 
margin-top:50px;
}

#nav-pg ul li { 
font-size: 12pt; 
}

#pgNavContent { 
max-width: 1024px; 
margin-left:auto;
margin-right:auto; 
z-index: 1;
}

#ContactBox { 
max-width: 500px; 
border: 1px solid; 
/* background-color: #000000;  */
height: 50px; 
margin-left: auto;
margin-right: auto;
}

#frmContact input { 
height: 35px; 
}

#mainPageWrapper {
padding-bottom: 200px; 
}

.row-height {
  display: table;
  table-layout: fixed;
  height: 100%;
  width: 100%;
}
.col-height {
  display: table-cell;
  float: none;
  height: 100%;
}

.col-middle {
  vertical-align: middle;
}

#submitfrmContact { 
background-color: #000000; 
}

#LoginPage { 
max-width: 1200px; 
background-color: #dddae0; 
height: 1300px;
z-index: 2;
}

.school_login_div {
width: 350px;
margin-left: auto;
margin-right: auto;
margin-top: 100px;
}

.contact-form {
margin-bottom:30px;
}

/*start less than 1200px*/
@media (max-width:1200px){
   #pgNavFixed {
    left: 0;
   padding-left:10px;
}
}
/*end less than 1200px*/
/*start less than 1024px*/
@media (max-width:1024px){
#mainPageWrapper {
 padding-left:0;
 padding-right:0;
}
}
/*end less than 1024px*/
/*start less than 768px*/
@media (max-width:768px){
 #pgLogo {
float:none;margin-top: 50px;
}  
 img#pgLogo_img.middle  {
    float:none;
    margin-top:10px;
}
#pgNavigation {
    margin-top: 0;
    padding-top: 0;
}
#pgNavFixed {
position:fixed;
top:0;
}
#nav-toggle {
background-color: transparent;
    background-position: calc(100% - 22px) 16px;
    width:45px;
}
#pgLogo.open {
margin-top:0;
top:50px;
}
#pgNavigation ul.open {
margin-top:0;
}
.col-height {
display:block;
}
}
/*end less than 768px*/

#nav-pg ul li a:hover {
border-top:solid 3px #6c6c6d;
color: #000000 !important; 
}

.masonryitem a div img {
width:160px !important;
}

#frmContact { 
width:100%; 
} 

.contact-form { 
width:100%; 
}

.homepage_slideshow_container_child {
position: relative;
    width: 100vw;
    left: calc(+50% - 50vw);
}

#collapse2 .contact_field4 {
    display: none;
}

.website_changeView {
display:none;
}

.remove_panel_style  .panel-heading{
    background-image: linear-gradient(to bottom, #efefef 0px, #efefef 100%) !important;
    background-color: #efefef !important;
}

.remove_panel_style  .panel-heading:hover{
opacity: 1 !important;
}

.remove_panel_style  .panel{
    border: 7px solid #efefef !important;
}