@charset "utf-8";
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,800,700,600,300);
@import url(https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,700);

.mobile-flag:before { content: "m"; }

@font-face {
  font-family: 'icons';
  src: url('../font/icons.eot?47233594');
  src: url('../font/icons.eot?47233594#iefix') format('embedded-opentype'),
       url('../font/icons.woff2?47233594') format('woff2'),
       url('../font/icons.woff?47233594') format('woff'),
       url('../font/icons.ttf?47233594') format('truetype'),
       url('../font/icons.svg?47233594#video_icons') format('svg');
  font-weight: normal;
  font-style: normal;
}

/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: 'video_icons';
    src: url('../font/video_icons.svg?47233594#video_icons') format('svg');
  }
}
*/

/* CSS Document */
* {box-sizing: border-box;
  -moz-box-sizing:border-box; /* Firefox */
  -webkit-box-sizing:border-box; /* Safari */
  outline: none; 
}

h1, h2, h3, h4, h5, h6 {
  margin-top: 0;
  margin-bottom: 2rem;
  font-weight: 300; }
h1 { font-size: 4.0rem; line-height: 1.2;  letter-spacing: -.1rem;}
h2 { font-size: 3.6rem; line-height: 1.25; letter-spacing: -.1rem; }
h3 { font-size: 3.0rem; line-height: 1.3;  letter-spacing: -.1rem; }
h4 { font-size: 2.4rem; line-height: 1.35; letter-spacing: -.08rem; }
h5 { font-size: 1.8rem; line-height: 1.5;  letter-spacing: -.05rem; }
h6 { font-size: 1.5rem; line-height: 1.6;  letter-spacing: 0; }
textarea{resize: vertical;}
*{
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;	
}
/* CSS Document */
/*
img{border:0px;}
input[type=button],textarea{font-family:'Open Sans',Helvetica;}
h1{font-size:30px; font-family:'Open Sans',Helvetica; font-weight:normal; margin-bottom:20px;}
h2{font-size:26px; font-family:'Open Sans',Helvetica; font-weight:bold;  margin-bottom:5px;}
h3{font-size:16px; font-family:'Open Sans',Helvetica; font-weight:normal;margin:20px 0; }
h4{font-size:13px; font-family:'Open Sans',Helvetica; font-weight:normal;margin:20px 0; }
h5{font-size:12px; font-family:'Open Sans',Helvetica; font-weight:normal;margin:20px 0; }
h6{font-size:10px; font-family:'Open Sans',Helvetica; font-weight:normal;margin:20px 0; }
p{font-family: 'Open Sans',Helvetica; font-weight:normal;}
object, embed { outline: 0;}
*/
.b300{font-weight:300;}
.b400{font-weight:400;}
.b600{font-weight:600;}
.b700{font-weight:700;}
.b800{font-weight:800;}

/*
::-webkit-input-placeholder {
    color:    #888;
}
:-moz-placeholder { 
    color:    #888;
}
::-moz-placeholder {
    color:    #888;
}

embed{z-index:99;}


input,select,textarea{resize: none;outline: none;}
*/
a{outline: none; text-decoration:none;color:#007ca4;color:unset;}
a:hover{color:unset;}

html, body{
    margin:0;
    padding:0;
	font-family:'Open Sans',Helvetica,Verdana; 
	/*font-size:13px;*/
	font-weight:400;
	background: #dcd68e none repeat scroll 0 0;
	overflow-x:hidden;
	font-size:13px;
}
.fleft{float:left;}
.fright{float:right;}
/* Media Queries
–––––––––––––––––––––––––––––––––––––––––––––––––– */
/*
Note: The best way to structure the use of media queries is to create the queries
near the relevant code. For example, if you wanted to change the styles for buttons
on small devices, paste the mobile query code up in the buttons section and style it
there.
*/
.button:hover,input[type="button"]:hover {
	color:#00afef;
	background: #fff none repeat scroll 0 0;
	border: 2px solid #00afef;
}
.button, input[type="button"] {
  background: #00afef none repeat scroll 0 0;
  border: 2px solid #00afef;
  border-radius: 5px;
  color: #fff;
  cursor: pointer;
  font-size: 16px;
  font-weight: 400;
  line-height: 10px;
  margin: 10px 0;
  padding: 10px 0;
  transition: all 0.2s linear 0s;
  width: 150px;
}
.menu-login a {
  color: #777;
  cursor: pointer;
  line-height: 24px;
  font-size: 11px;
}

.menu-login {
  float: right;
  margin: 0 0 0 20px;
  padding: 10px 0 0;
  width: 222px;
}

.login-field-container {
  border: 1px solid #ccc;
  border-radius: 15px;
  float: right;
  overflow: hidden;
  width: 220px;
}

.login-field-container input[type="text"], .login-field-container input[type="password"] {
  border: 0 none;
  height: 23px;
  margin: 1px;
  font-size:12px;
}

.login-field-container input[type="password"]{
	border-top:1px solid #ccc;
}
.login-field-container .input-login {
  background: rgba(0, 0, 0, 0) url("../css/images/ico_user.png") no-repeat scroll 10px center / auto 82%;
  color: #111;
  padding: 0 5px 0 35px;
  transition: all 0.2s linear 0s, box-shadow 0.2s linear 0s;
  width: 85%;
}
.login-field-container .input-login.password {
  background: rgba(0, 0, 0, 0) url("../css/images/ico_password.png") no-repeat scroll 10px center / auto 82%;
}

.login-field-container .input-login::-webkit-input-placeholder { /* WebKit browsers */
    color:    #333;
}
.login-field-container .input-login:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color:    #333;
}
.login-field-container .input-login::-moz-placeholder { /* Mozilla Firefox 19+ */
    color:    #333;
}
.login-field-container .login-btn {
  border: 0 none !important;
  border-left: 1px solid #ddd !important;
  box-shadow: none !important;
  float: right;
  height: 50px !important;
  margin: -25px 0 0 0;
  min-width: 30px !important;
  width: 30px !important;
  padding: 0 !important;
  border-radius: 0 !important;
  font-family: Verdana;
  font-size: 15px;
  font-weight: bold;  
}

.btn-logout {
  background: #fff url("../css/images/icon_logout.png") no-repeat scroll right 2px / auto 75%;
  cursor: pointer;
  float: right;
  height: 20px;
  opacity: 0.6;
  width: 30px;
}
.btn-logout:hover{opacity: 0.8;}
.login-user-container {
  background: #fff url("../css/images/ico_user.png") no-repeat scroll 10px 11px / 7% auto;
  border-radius: 10px;
  box-shadow: 0 8px 6px rgba(0, 0, 0, 0.3);
  color: #999;
  float: right;
  font-size: 12px;
  height: 32px;
  margin: 80px 60px 0;
  min-width: 200px;
  padding: 10px 20px 10px 29px;
  position: absolute;
  right: 0;
  text-align: left;
  transition: all 0.3s linear 0s;
  z-index: 1;
}
/*.small .login-user-container {
  margin: 50px 60px 0;
   transition:all 0.3s linear;
}*/
.header {
  background: #dcd68e none repeat scroll 0 0;
  border-bottom: 0px solid #eeeef4;
  height: 90px;
  overflow: hidden;
  position: fixed;
  top: 0;
  transition: all 0.3s linear 0s;
  width: 100%;
  z-index: 10;
}
.header.small {
  height: 40px;
}
.small .header-logo {
  margin: -4px 0 0 0;
  transform: scale(0.6);
}
.header.no-visible {
  height: 0;
  overflow: hidden;
  transition:height 0.3s linear;
}

.header-container {
  max-width: 1170px;
  position: relative;
  width: 100%;
}

.header-logo {
	color: #111;
	font-family: "Open Sans";
	font-size: 38px;
	font-weight: 100;
	letter-spacing: -3px;
	line-height: 0.73em;
	margin: 25px auto;
	text-align: right;
	transition: all 0.3s linear 0s;
	width: 260px;
}
.header-logo b {
  font-weight: 800;
}
.header-logo span {
  font-size: 20px;
  font-weight: 600;
  letter-spacing: -2px;
  line-height: 16px;
  margin: 0 4px;
}
/*.small .header-logo {
  background: rgba(0, 0, 0, 0) url("../css/images/logo_drd.png") no-repeat scroll left 12px / 83% auto;
  float: left;
  font-family: "Open Sans Condensed";
  font-size: 8.3px;
  height: 90px;
  margin: 0 0 0 20px;
  padding: 39px 0 0 17px;
  transition: all 0.3s linear 0s;
  width: 140px;
}*/

.header-logo a,.header-logo a:hover{text-decoration:none;}
.header-right {
  float: right;
  height: 90px;
  width: calc(100% - 270px);
  
}

.header-menu {
  float: right;
  height: 90px;
  width: 100%;
}
.header-menu input {
  background: rgba(0, 0, 0, 0) url("./images/search.png") no-repeat scroll 10px center / auto 60%;
  border: 1px solid #ccc;
  border-radius: 13px;
  color: #333;
  line-height: 38px;
  padding: 0 20px 0 35px;
  width: 390px;
}
.header-menu select {
  border: 1px solid #ccc;
  border-radius: 13px;
  color: #333;
  margin: 25px 5px 0;
  padding: 10px;
  width: 140px;
  background: rgba(0, 0, 0, 0) url("./images/icon_select.png") no-repeat scroll 120px center;
  cursor: pointer;
  outline: medium none !important;
  -moz-appearance: none;  
  -webkit-appearance: none;
  appearance: none;
}

.header-menu-item {
  float: right;
  height: 90px;
  line-height: 82px;
  padding: 0 15px;
  font-size: 14px;
  cursor:pointer;
  color:#656565;
  transition:all 0.3s linear;
}
/*.small .header-menu-item {
	line-height: 52px;
	height: 60px;
}*/	
.header-menu-item:hover  .header-menu-item-line{opacity:1;transition:opacity 0.3s linear;}
.header-menu-item:hover  {color:#111;}
.header-menu-item .header-menu-item-line {
  background: #00aa4f;
  height: 4px;
  margin: 0 0 0 -15px;
  width: calc(100% + 30px);
  opacity:0;
}
.header-menu-item .header-menu-item-line.green{background:#00aa4f;}
.header-menu-item .header-menu-item-line.yellow{background:#ffd204;}
.header-menu-item .header-menu-item-line.blue{background:#00afef;}
.header-menu-item .header-menu-item-line.orange{background:#f7901e;}
.header-menu-item img {
  margin: 33px 0;
  opacity:0.5;
  transition:all 0.3s linear;
}

/*.small .header-menu-item img {
  margin: 20px 0;
  opacity: 0.5;
  transition:all 0.3s linear;
}*/
/* FOOTER */
.footer {
  background: #dcd68e none repeat scroll 0 0;
  border-top: 0px solid #eeeef4;
  color: #111;
  min-height: 90px;
  /*position: fixed;*/
  width: 100%;
  bottom:0;
}
.footer a:hover{
	text-decoration:underline;
}


.footer-container {
  max-width: 900px;
  padding: 0;
  width: 100%;
}
.footer-left ,.footer-center,.footer-right{
  float: left;
  margin: 0 3%;
  text-align: left;
}
.footer-left{width:30%;}
.footer-center{width:20%;}
.footer-right{width:30%;}

.footer-menu-item {
  font-size: 110%;
  line-height: 21px;
}
.footer-bottom {
  border-top: 2px dotted #223344;
  color: #223344;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: -1px;
  line-height: 1.5em;
  margin: 15px 0 0;
  max-width: 750px;
  padding: 10px 40px;
}

.footer-bottom-redes {
  float: right;
  margin: 11px 10px 0 0;
  width: 95px;
}

.footer-logo {
  float: left;
  font-family: "Open Sans";
  font-size: 34px;
  font-weight: 100;
  height: 45px;
  letter-spacing: -2px;
  margin: 0;
  padding: 0;
  width: 120px;
}
.footer-logo b{
	font-weight: 800;
}

.footer-item {
  background: #223344 none repeat scroll 0 0;
  border-radius: 100px;
  color: #dcd68e;
  float: left;
  font-family: icons;
  font-size: 27px;
  height: 50px;
  line-height: 51px;
  margin: 15px calc((25% - 50px) / 2) 0;
  padding: 0;
  text-align: center;
  text-shadow: 0 0 1px rgba(220, 214, 142, 0.5);
  width: 50px;
}
.footer-item {
	opacity:1;
}
.footer-item:hover,.footer-item a:hover{
	opacity:1;
	text-decoration:none;
}
/*
.footer-item:hover{
	font-size: 15px;
}
.footer-item.phone {
  background: rgba(0, 0, 0, 0) url("./images/icon_phone.png") no-repeat scroll left center / auto 100%;
  line-height: 60px;
}
.footer-item.email {
  background: rgba(0, 0, 0, 0) url("./images/icon_mail.png") no-repeat scroll left center / auto 100%;
  line-height: 60px;
}
.footer-item.plus {
  background: rgba(0, 0, 0, 0) url("./images/icon_plus.png") no-repeat scroll left center / auto 100%;
  line-height: 25px;
  padding: 5px 0 0 75px;
}*/

/* Larger than mobile */
@media (min-width: 400px) {}

/* Larger than phablet (also point when grid becomes active) */
@media (min-width: 550px) {}

/* Larger than tablet */
@media (min-width: 768px) {}

/* Larger than desktop */
@media (min-width: 1000px) {}

/* Larger than Desktop HD */
@media (min-width: 1200px) {}

.goto-header {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  border: medium none;
  bottom: 0;
  color: #888;
  cursor: pointer;
  font-family: "icons";
  font-size: 55px;
  height: 70px;
  margin: 3px;
  opacity: 0;
  position: fixed;
  right: 0;
  visibility: hidden;
  width: 70px;
  z-index: 1;
}
.goto-header.active {
  opacity: 0.5;
  visibility:visible;
}
.goto-header:hover {
  opacity: 1;	
}

.main-lang-btn {
	float: right;
	background: none;
	color: #223344;
	border: 2px solid #223344;
	border-radius: 100px;
	width: 22px;
	height: 22px;
	text-align: center;
	padding: 0;
	font-weight: bold;
	letter-spacing: 0px;
	font-size: 11px;
	margin: 2px 1px;
	position: relative;
	z-index: 1;
}

.small .main-lang-btn {
	float: right;
	background: none;
	color: #223344;
	border: 2px solid #223344;
	border-radius: 100px;
	width: 15px;
	height: 15px;
	text-align: center;
	padding: 0;
	font-weight: bold;
	letter-spacing: 0px;
	font-size: 9px;
	margin: 2px 1px;
	position: relative;
	z-index: 1;
	clear: both;
}
.small .lang-btns {
	opacity:0;
}
.lang-btns {
	position: fixed;
	right: 0;
	z-index: 10;
	margin-top: 16px;
}
.main-lang-btn:hover,.main-lang-btn.selected {
	background: #223344;	
	color: #dcd68e;
	
}