html{font-size:16px;}

body{
   font-family: 'Montserrat', sans-serif;
   font-weight:400;
   font-size: 15px;
   line- height:22px;
   font-size: 0.9375rem; 
   line-height:1.375rem;
   color:#323e48;
   margin:0;
   padding:0;
   letter-spacing:0.01rem;
  -webkit-text-size-adjust: 100%;
   background-color: #fff;
  
}
br.cb { 
   clear: both; 
}

.cont-small{
width:1000px;
margin:0 auto;
}


.col-50{width:45%;float:left}

.col-50-right{width:45%;float:right}

#headerimage-scale {
    background-color: #fff;
    width: 100%;
    height: 700px;
    overflow: hidden;
    float:left;
}

.f-left{
float:left;
}

.f-right{
float:right;
}

.blue-full-top,.blue-full-footer{
   background-color:#323e48;
   height:80px;
   width:100%;
}

.blue-full-footer{
height:auto;
}

.cont-max{
   width:1200px;
margin:0 auto;
}




.link-black{
 color:#333 !important;
}

#cont-all{
padding:20px 0 20px 0;
   text-align:left;

}

#desktop-nav{
   text-align:right;
  height:25px;
  float:right;
  margin-top:-5px;
}


#sidebar-container{
display:none;
}


.v-align{
 position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}



#logo{
   width:240px;
float:left;
}


#footer{
   background-color:#323e48;
   color:#fff;
height:100%;
padding:30px 0 30px 0;
}


.servicenav{color:#fff !important}

br.cb { 
   clear: both; 
}


a{
   text-decoration:none;
   color:#151515;
   font-weight:400;

}


a:hover{
  color:#151515;
  text-decoration:underline;
}



a:focus{
   outline: 0;
   outline: none;
   text-decoration:none;
}



:focus{
   outline: 0;
   outline: none;
   text-decoration:none;
}

button:focus {outline:0;}


b{
font-weight:600
}


h1 {

   color:#323e48;
   font-size: 42px;
   line-height:50px;
   font-size:  2.265rem; 
   line-height:3.125rem;
   margin:0px;
   font-weight:500;
   margin-bottom:5px;
   letter-spacing:0.03rem
}



h2 {
 color:#323e48;
 border-bottom:2px solid #323e48;
 font-size: 20px;
   line-height:38px;
   font-size:  1.25rem; 
   line-height:2.5rem;
   margin:0px;
   font-weight:700;
   margin-bottom:10px;
   display:inline-block;
   width:auto;
}



ul{
   margin:0em;
   display:block;
   padding:0em;
}


li {
   list-style:none;
   margin:0em;
   padding:0em;
}




ul > li:after {content:' '; display:inline;}
ul > li:last-child:after {display:inline-block; margin-left:100%; content:' ' }


img {
   width:100%;
   max-width: 100%;
   width: auto\9; /* ie8 */
   display:block;
   margin:0;
   padding:0;
   height: auto;
   border:0;
   border: none;
}


ul  { margin-left: 1.25em; list-style: none; }
ul  li { position: relative; line-height: 145%}


ul li:before{
position:absolute;
left: -1.45em;
content: url(470.svg) " "
}




.videoScale {
   position: relative;
   padding-bottom: 56.25%; /* 16:9 */
   padding-top: 25px;
   height: 0;
   border:1px solid #fff;
}


.videoScale iframe {
  position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
}


a:focus{
   outline: 0;
   outline: none;
   text-decoration:none;
}


:focus{
   outline: 0;
   outline: none;
   text-decoration:none;
}


input:focus, select:focus, textarea:focus{
   outline: 0;
   outline: none;
   text-decoration:none;
}


select::-ms-expand {
   display: none;
}



input, textarea, select{
   
  

   border:1px solid #a1a1a1;
   color:#1d1d1b;
   

    border-color: #f4f4f4 !important;
    border: 2px solid #f4f4f4 !important;
    font-size: 14px;
border-radius:4px;
   
   background-color: #fff;
   height: calc(2.25rem + 2px);
    padding: .375rem .75rem;
   
}


.cmenu,.cmenu-active{
   border:1px solid #ccc;
   border-radius: 12px;
       line-height: 14px;
   padding: 8px 12px;
   margin:0 15px 0 15px;
}

.cmenu-active{
   box-shadow: 0 1px 4px 0 rgba(0,0,0,0.15);
}

.cmenu:hover,.cmenu-active:hover{
text-decoration:none;
   transition: all 0.2s cubic-bezier(0.4,0,1,1);
    transition-property: all;
    transition-duration: 0.2s;
    transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
   transition-delay: 0s;
   border-radius: 12px;
   
}


.level0:hover,.level0-active:hover{
   border:1px solid #c18b52  ;
   color:#c18b52;
padding:6px 10px 6px 10px;   
}

.level0,.level0-active{
 margin:0 0px 0 50px;
            color:#fff !important;
            font-weight:600;
   font-size: 16px;
   line- height:22px;
   font-size: 1.0rem; 
   line-height:1.375rem;
   padding:6px 10px 6px 10px;
border:1px solid #323e48;

}


.level0-active{
color:#c18b52;
border:1px solid #c18b52 ;

}


ul.my-list {margin-left: 1.3em;list-style: none;  line-height: 180%;}


ul.my-list li:before{
   position:absolute;
   left: -1.3em;
   content: url(389.svg) " " !important;
   
}

ul.my-list li {
   position: relative;
   line-height: 180%;
   margin: 0em;
   padding: 0em;
   
}




::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
   color: #7c7c7c;
   opacity: 1; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color: #7c7c7c;
}

::-ms-input-placeholder { /* Microsoft Edge */
   color: #7c7c7c;
}



.mybutton{
   
   text-transform:uppercase;
   background-color: #4a4a4d;
   -webkit-border-radius: 4px;
   -moz-border-radius: 4px;
   border-radius: 4px;
   font-size: 13px  !important;
   font-size: 0.8125rem !important;
   padding: 0px 8px 0px 8px;
   text-decoration: none;
   display: inline-block;
   color:#fff !important;
   border:0;
   margin-top: 4px;
   font-weight: 500;
   height:24px;
   cursor: pointer;
   outline: 0  !important;
   outline: none !important;
   box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.3);
   letter-spacing:0.03rem;
   border-style:none !important;
}


@media screen and (max-width: 1550px){
#headerimage-scale{
    height: auto;
}

}


@media screen and (max-width:1280px){
 .cont-max{
   width:94%;}
   
}


@media screen and (max-width:1050px){

.cont-small{width:100%;}
}


@media screen and (max-width:980px){

.level0,.level0-active{
 margin:0 0px 0 25px;
 }
 }
 
 
 
@media screen and (max-width:900px){

.level0,.level0-active{
 margin:0 0px 0 10px;
 }
 }
 
 
 
 @media screen and (max-width:850px){


.col-50{width:47%;float:left}

.col-50-right{width:47%;float:right}


#logo{
   width:200px;}
 }
 
 
 
  @media screen and (max-width:768px){
#cont-all {
    padding: 0px 0 20px 0;
}

.col-50{width:100%;margin-top:20px}

.col-50-right{width:100%;float:left}


#desktop-nav{
  display:none;

}

#footer{
display:block;
padding-bottom:30px
}


.f-left, .f-right{
width:100%;
text-align:center;

}




#sidebar-container{
   position:absolute;
   right:-2px;
   bottom:29px;
   z-index:99;
   width:35px;
   height:35px;
   display:block
}


}

