/* CSS Document */

html,body{
width:100%;	
height:100%;
margin:0;
padding:0;
line-height: 1.5;
background-color: #FFF;
/*color: #787878;*/
font-family:'ralewayregular', "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
text-decoration:none; 
}
 
body {
height: 100%;
min-height: 100%;
}

/* ============================================================
  PRIMARY STRUCTURE
============================================================ */
.wrapper {
  width: 100%;
  margin: 0 auto;
 
}

main {
  display: block;
  background-color: #fff;
}
 

/* ============================================================
  BOX SIZING & CLEARFIX
============================================================ */
*,
*:before,
*:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.clearfix:after {
  content: "";
  display: table;
  clear: both;
}

 
 /* ============================================================
  Top Bottom & Middle
============================================================ */

#topper{
margin: 0 auto;
position:fixed;
z-index:1200;
width:100%;
height: 30px; 
background: #69587a;  
}

#topper_cont{
margin: 0 auto;  
max-width:1040px;
height:100%;
text-align:right;  
background: #69587a;  
 
}

@media (min-width: 960px) {
.toppername{
color:#FFF;
font-weight:600;
padding-top:2px; 
text-align:left;  
/* border: #ff0000 1px solid; */
}
}

@media (max-width: 800px) {
.toppername{
color:#FFF;
font-weight:bold;
font-size:66%;
padding-top:4px; 
/*border: #ff0000 1px solid; */
	}
}


#top_bar{
margin: 0 auto;
position:fixed;
z-index:1199;
width:100%;
height: 90px; 
background: rgba(122, 122, 122, 0.8);  
 border-bottom: 1px solid #128ed6;  
}
 
.top_cont{
margin: 0 auto;
padding-top:20px;  
max-width:1124px;
height:100%;
text-align:left;  
}

.icons{
right:-40px;  
}
 
@media (min-width: 960px) {
#logo{
position:relative;
left:-160px;
top:10px; 
width:222px;
height:222px;
z-index:1300;
background:  url("../images/logo_med.png") no-repeat 0 0 ;
background-image: url("../images/logo_med.png");  
background-position: 0 0; 
background-repeat: no-repeat; 
z-index:10000; 
	}
} 
 
 
@media (max-width: 959px) {
#logo_small{
position:absolute;
right:10px;
top:40px; 
width:40px;
height:40px;
background:  url("../images/logosmest.png") no-repeat 0 0 ;
background-image: url("../images/logosmest.png");  
background-position: 0 0;
background-repeat: no-repeat; 
z-index:10000;
	}
}
     
@media (max-width: 800px) {
#logo{
z-index:1300;
display: none !important;
	}
}


 /* ============================================================
  Content
============================================================ */
 
 

#page_content{
margin: 0 auto; 
margin-top:190px;
margin-bottom:90px; 
padding-left: 20px ;
padding-right: 10px;
padding-bottom:100px; 
max-width: 960px;
min-height: 80vh;     
position: relative; 
-webkit-box-shadow: 10px 10px 5px 0px rgba(143,139,143,1);
-moz-box-shadow: 10px 10px 5px 0px rgba(143,139,143,1);
box-shadow: 10px 10px 5px 0px rgba(143,139,143,1);
border:#cccccc 1px solid; 
background-color: #F3F5F9; 
color:#a5a5a5;
font-weight: bold;
 
}

 

.text-left{
text-align: left;
}

.text-right{
text-align: right;
}

.clearMe{
clear:both;
}

.buffer{
clear:both;
width:100%;
height:40px;
}

 

P.footer{
color:#FFFFFF;
font-weight:bold;
}


 
 
.left{ 
float: left; width: 48%; text-align: left;
}

.right{
float: right; width: 48%; text-align: left;
}

.left_l{ 
float: left; width: 66%; text-align: left;
}


.right_l{
float: right; width: 33%; text-align: left;
}

.left_r{ 
float: left; width: 33%; text-align: left;
}

.right_r{
float: right; width: 66%; text-align: left;
}

.clearMe{clear:both;}

.pic_frame{
-webkit-box-shadow: 10px 10px 5px 0px rgba(143,139,143,1);
-moz-box-shadow: 10px 10px 5px 0px rgba(143,139,143,1);
box-shadow: 10px 10px 5px 0px rgba(143,139,143,1);
border:#cccccc 1px solid;
}

.center{
text-align:center;
}
 
 
.social{
margin:0 auto; 
width:453px;
height:61px; 
text-align:center; 
}

#footer_top{ 
width:100%;
height:18px;  
/*  background: url("../img/footer_border.gif") repeat 0 0; */
display:block;
}

#footer { 
bottom:0;
width:100%;  
color:#f3f5f9; 
background: #69587a;
--mask:
    radial-gradient(36.25px at 50% 51.25px,#000 99%,#0000 101%) calc(50% - 50px) 0/100px 100%,
    radial-gradient(36.25px at 50% -26.25px,#0000 99%,#000 101%) 50% 25px/100px 100% repeat-x;
-webkit-mask: var(--mask);
 mask: var(--mask);
}

#footer_int {  
position: relative;
bottom: 0;
width: 100%;
min-height: 100px  ;
color:#f3f5f9; 
background: #69587a;
/*
--mask:
    radial-gradient(36.25px at 50% 51.25px,#000 99%,#0000 101%) calc(50% - 50px) 0/100px 100%,
    radial-gradient(36.25px at 50% -26.25px,#0000 99%,#000 101%) 50% 25px/100px 100% repeat-x;
-webkit-mask: var(--mask);
 mask: var(--mask); 
 */
}

#footer_cont{ 
margin: 0 auto;
padding-top:24px;  
max-width:1124px;
height:100%;
text-align:left; 
color:#f3f5f9;
/*font-size:66%; */
background: #69587a;
/* border: 1px solid blue;  */


}