@font-face {
  font-family: 'Monte';
  src: url('https://repta.social/sys/fonts/montserratb.woff2') format('woff2'),
    url('https://repta.social/sys/fonts/montserratb.woff') format('woff');
  font-display: swap;
}
@font-face {
  font-family: 'Montserrat';
  src: url('https://repta.social/sys/fonts/montserrat.woff2') format('woff2'),
    url('https://repta.social/sys/fonts/montserrat.woff') format('woff');
  font-display: swap;
}
@font-face {
font-family:'LRoboto';
src:url('https://repta.social/sys/fonts/RobotoCondensed-Regular.woff') format('woff'),src: url('https://repta.social/sys/fonts/RobotoCondensed-Regular.woff2') format('woff2'), url('fonts/RobotoCondensed-Light.ttf') format('truetype');
}

td, div {  font-family: Robo; font-size: 13px; text-decoration: none; line-height: 13px; color: #000000}

a {
font-family: Arial; font-size: 13px; text-decoration: none; color: #43a1c9;
position:relative;}
a:active{position:relative;top:1px;}
h1 {
font-size: 11px;
}
 @media (max-width: 768px) and (min-width: 200px) {  .containers { width: 95%; } }
@media (max-width: 1000px) and (min-width: 768px) {  .containers { width: 95%; } }
@media (max-width: 1200px) and (min-width: 1000px) { .containers { width: 60%; } }
@media (max-width: 1500px) and (min-width: 1200px) { .containers { width: 50%; } }
@media (max-width: 1800px) and (min-width: 1500px)  { .containers { width: 45%; } }
@media (min-width: 1800px) { .containers { width: 45%; } }

body {
 background: url(../bg.jpg) no-repeat top center fixed;
background-size: cover;
 font-family: Robo;
 width:100%;
}


a:hover {
text-decoration: none; color: #222

}
.button-blue {
 transition: background 0.3s ease-out;
box-shadow: inset 0px 1px 0px 0px #80c7e8;		
background: linear-gradient(to bottom, #6fa4b6 5%, #3d6b7b 50%); background-size:1px 100px; 
border-radius:20px;    
border:1px solid #2b5aa8;    
display:flex;justify-content:center;align-items:center;   
font-family: 'Monte';font-size:18px;color:#ffffff;text-decoration:none;
height:40px; width: 145px;cursor: pointer;}

.button-blue:hover { font-family: 'Monte';    font-size:18px; border:1px solid #2b5aa8;  background-position:70px; text-decoration:none; cursor: pointer; color: #fff; }
.button-blue:active {    position:relative;    top:1px;}
input:active, textarea:active {
    outline: none;
} 
:focus {
    outline: none;
}
@font-face {
    font-family: Robo;  
    src: url(robo.ttf);  
   }


.sc {
font-family: Arial; font-size: 12px;  text-decoration: none; color: #68c0e5;  cursor: pointer;
    -webkit-transition: color 500ms linear;
    -moz-transition: color 500ms linear;
    -o-transition: color 500ms linear;
    -ms-transition: color 500ms linear;
    transition: color color  500ms linear;
}

.sc:hover {
font-family: Arial; font-size: 12px; text-decoration: none;  color: #000;  cursor: pointer;
    -webkit-transition: color 500ms linear;
    -moz-transition: color 500ms linear;
    -o-transition: color 500ms linear;
    -ms-transition: color 500ms linear;
    transition: color color  500ms linear;
}

.sft {
font-size: 16px;   color: #fff; font-weight: bold;  -moz-border-radius: 11px;   border: 2px #d4d7dd solid; border-radius: 11px;    cursor: pointer;
background-color: #1869ff;
    -webkit-transition: background-color 500ms linear;
    -moz-transition: background-color 500ms linear;
    -o-transition: background-color 500ms linear;
    -ms-transition: background-color 500ms linear;
    transition: background-color color  500ms linear;

 

font-family: Arial;
}

.sft:hover {
font-size: 16px; cursor: pointer;  color: #eeeeee; font-weight: bold;  border: 2px #d4d7dd solid;  border-radius: 11px; 
    background-color: #1e61dc;
    -webkit-transition: background-color 500ms linear;
    -moz-transition: background-color 500ms linear;
    -o-transition: background-color 500ms linear;
    -ms-transition: background-color 500ms linear;  
}



.sf {
font-size: 16px;   color: #fff; font-weight: bold;  -moz-border-radius: 5px;   border: 2px #d4d7dd solid; border-radius: 5px;  height: 100%; cursor: pointer;
background-color: #1869ff;
    -webkit-transition: background-color 500ms linear;
    -moz-transition: background-color 500ms linear;
    -o-transition: background-color 500ms linear;
    -ms-transition: background-color 500ms linear;
    transition: background-color 500ms linear;
font-family: Arial;
}

.sf:hover {
font-size: 16px; cursor: pointer;  color: #fff; font-weight: bold;  border: 2px #d4d7dd solid;  border-radius: 5px; 
    background-color: #689cfc;
    -webkit-transition: background-color 500ms linear;
    -moz-transition: background-color 500ms linear;
    -o-transition: background-color 500ms linear;
    -ms-transition: background-color 500ms linear;
}



 

 




.sfo {
text-indent: 0.2em;
    text-align: justify;
font-size: 16px;font-family: Arial;   color: #b1b1b1;  border: 2px #c4c4c4 solid;  
 background-color: #ffffff; text-align: left; cursor: pointer; 
  -moz-border-radius: 5px; border-radius: 5px; padding: 0px; 
 height: 46px;  box-sizing: border-box;   outline: 0px;
 padding-left: 7px;   transition: border 0.05s;
}
.sfo:focus {
font-size: 16px;font-family: Arial; color: #666;  
  -moz-border-radius: 5px; border-radius: 5px;
 text-align: left; cursor: pointer;  outline: 0px;
 padding: 0px;  transition: border 0.05s;
height: 46px;    
  border: double 2px transparent;
  background-image: linear-gradient(white, white), radial-gradient(circle at top left, #377fca,#0fa481);
  background-origin: border-box;
  background-clip: content-box, border-box;
  box-sizing: border-box;
text-indent: 0.7em;
    text-align: justify;
 
  
}

.dvt { font-family: Arial; font-size: 17px; padding-left: 5px; padding-top: 2px;  background-image: url(../cl1.png); background-repeat: no-repeat; background-position: right center; -moz-border-radius: 3px; color: #888; border: 1px #ccc solid; border-radius: 3px; margin-top: 5px; margin-right: 10px; height: 19px;  }
.dvt:hover { font-family: Arial; font-size: 17px; padding-left: 5px; padding-top: 2px; background-image: url(../cl2.png); background-repeat: no-repeat; background-position: right center; -moz-border-radius: 3px; color: #666; border: 1px #cdcdcd solid; border-radius: 3px; margin-top: 5px; margin-right: 10px; height: 19px;  }


.bgf1 {
font-family: Arial; font-size: 17px; color: #a6a6a6; border: 1px #dfdfdf solid;  
 background-color: #ffffff; text-align: left; margin-left: 10px;  padding-left: 10px;  cursor: pointer; 
}
.bgf1:hover {
font-family: Arial; font-size: 17px; color: #787878; border: 1px #cecece solid;  
 background-color: #ffffff; text-align: left; margin-left: 10px;  padding-left: 10px; 
}