body {
  font-family: 'Open Sans', sans-serif;
}

h1{
font-size:23px !important;
}
@media screen and (max-width: 800px) {
h1{
font-size:20px !important;
}
}

input[type="text"],input[type="email"],input[type="mobile"]
{
font-size:17px;
color:#777;
}

#select{
font-size:17px;
color:#444;
height:50px;
}


p {
  color: #999;
}

strong {
  color: #333;
}

#wrapper {
  width: 100%;
  margin: auto;
  text-align: center;
}

.page-head-image {
  
}

.page-head-image img {
  border-radius: 50%;
}

#form-trabalhe {
  margin-top: 30px;
  text-align: right;
}

label {
  font-weight: normal;
  margin-top: 15px;
}

input {
  border: 2px solid #CCC !important;
  height: 35px;
  border-radius: 3px;
  max-width: 100%;
}

.input-group-addon {
  border: 2px solid #CCC !important;
  border-right: 0px !important;
}

.btn {
  border: 0;
  border-radius: 3px;
  margin-top: 20px;
}

.form-group {
  margin-bottom: 0;
  text-align: right;
}
body,html{
background-color:#F6F6F6 !important;
direction:rtl;height:100%;color:#000;text-align:right;font-family:Kufi1;font-size:16px;
}

@media screen and (max-width: 800px) {
#top_header{
display:none;
}
}

#top_header2{
display:none;
}

@media screen and (max-width: 800px) {
#top_header2{
display:block;
width:125px;
text-align:center;
margin:auto;
}
}

.li_class:hover{
background:#000 !important;
}
.container{
width:100% !important;
opacity:0.9;
}
@media screen and (max-width: 800px) {
.container{
width:100% !important;
opacity:0.9;
}
}
.my-img{
opacity:0.7;
}
.my-img:hover{
opacity:1;
}
.dropbtn {
    background-color: #4CAF50;
    color: white;
    padding: 16px;
    font-size: 16px;
    border: none;
    cursor: pointer;
}

.dropdown {
    position: relative;
    display: inline-block;
}

.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
}

.dropdown-content a {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
    direction:rtl;
}

.dropdown-content a:hover {background-color: #f1f1f1}

.dropdown:hover .dropdown-content {
    display: block;
}

.dropdown:hover .dropbtn {
    background-color: #3e8e41;
}
.aos-all {
  width: 100%;
  max-width: 100%;
  margin: 10vh auto 0 auto;
}

.aos-item {
  display: inline-block;
  width: 100%;
  height: 100%;
}

.aos-item__inner {
  position: relative;
  width: 100%;
  height: 100%;
}

@media screen and (max-width: 800px) {
  .aos-item {
    width: 100%;
  }
}
.circle{
  background: red;
  border-radius: 0.8em;
  -moz-border-radius: 0.8em;
  -webkit-border-radius: 0.8em;
  color: #ffffff;
  display: inline-block;
  font-weight: bold;
  line-height: 1.6em;
  margin-right: -5px;
  margin-top: -10px;
  text-align: center;
  width: 1.6em; 
  font-family:arial;
}
#myblock{
border:1px solid #fff;
}
#myblock:hover{
border:1px solid #2ed87b;
background-color:#f9f9f9;
color:#39B14A;
}
.box {
  border-radius: 5px;
  -webkit-transition: all 0.1s cubic-bezier(.17,.67,.83,.67);
  transition: all 0.1s cubic-bezier(.17,.67,.83,.67);
}

.box::after {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  -webkit-transition: all 2s cubic-bezier(.17,.67,.83,.67);
  transition: all 2s cubic-bezier(.17,.67,.83,.67);
}

.box:hover {
  -webkit-transform: scale(1.02, 1.02);
  transform: scale(1.02, 1.02);
}

.box:hover::after {
    opacity: 1;
}



.bg-gray{
background-color:#fff !important;
}
.bg-gray a{
color:#1a237e !important;
}
.nav-top .fa{
color:#1a237e !important;
}


.bg-blue{
background-color:#197dd0 !important;
}
.nav-menu nav-menu-fixed{
background-color:#197dd0 !important;
}

.bg-darkcolor{
background-color:#82b1ff !important;
}
.link{
color:#f3f3f3 !important;
}
h2{
color:#f3f3f3 !important;
}
p{
color:#197dd0 !important;
}

.main-footer{
background-color:#0d4593 !important;
}

.footer_text{
color:#f3f3f3 !important;
}

.bg-white{
  background-color:#f3f3f3;
opacity:1;
}
.myslide{
margin-bottom:-10px;width:100%;height:310px;
}
@media screen and (max-width: 480px) {
.myslide{
display:none;
}
}
.page-wrapper{
background-color:#fff;
.gone {
text-decoration: line-through;
}
@media screen and (min-width:768px){
    .navbar-brand-centered {
        position: absolute;
        left: 50%;
        display: block;
        width: 160px;
        text-align: center;
        background-color: #eee;
    }
    .navbar>.container .navbar-brand-centered, 
    .navbar>.container-fluid .navbar-brand-centered {
        margin-left: -80px;
    }
}