@font-face {
font-family:'iransans';
src:url(../fonts/iransans.eot);
src:local(iransans),url(../fonts/iransans.eot?#iefix) format("embedded-opentype"),url(../fonts/iransans.woff) format("woff"),url(../fonts/iransans.woff2) format("woff2"),url(../fonts/iransans.ttf) format("truetype"),url(../fonts/iransans.svg#iransans) format("svg");
font-weight:400;
font-style:normal
}

html,body {font-family:iransans,Tahoma,verdana,Arial,'sans-serif';font-size: 15px;color:#000;line-height: 1.6; overflow-x: hidden;}

.navbar-fixed-bottom, .navbar-fixed-top{z-index:1;width: 100px;}

img {
max-width:100%;
object-fit: cover;
}

btn,input {
outline:none!important;
border-width:0
}

a {
text-decoration:none!important
}

h1{line-height: 27px;}
h2{line-height: 21px;}
h3{line-height: 22px;}
h4, h5{line-height: 19px;}
.margin_auto {
float:none!important;
margin-right:auto!important;
margin-left:auto!important
}

.nopad {
padding-right:0!important;
padding-left:0!important
}

.div_w {
max-width:1920px
}

.transition {
webkit-transition:.2s ease-out;
-moz-transition:.2s ease-out;
-o-transition:.2s ease-out;
msie-transition:all .2s ease-out;
transition:all .2s ease-out
}

a:hover {color: #47d1af !important;}
.menu_bg{background: url(../images/menu_bg.jpg) left top;}
.green_bg{background: #47D1AF url(../images/dot.png) left top;padding-bottom: 80px;min-height: calc(100vh - 48px);}
.blue_bg{background: #EAFAF7 url(../images/dot.png) left top;padding-top: 80px;padding-bottom: 80px;}
.pink_bg{background: #FBF3F0 url(../images/dot.png) left top;padding-top: 80px;padding-bottom: 80px;}
.white_bg{background: url(../images/dot.png) left top;padding-top: 80px;padding-bottom: 28px;}
.bg_logo{position: relative;}
/* menu */
.navbar-toggle {
    border-color: #47d1af;
    margin: 7px 15px;
}.navbar-toggle span {
    background: #47d1af;
}
.nav>li>a:focus, .nav>li>a:hover,
.nav>li>a:focus, .nav>li>a:hover,
.nav .open>a, .nav .open>a:focus,
.nav .open>a:hover, .navbar-nav > li.active,
.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover, 
.dropdown-menu>li:focus, .dropdown-menu>li:hover {
    color: black !important;
    background: transparent;
}
.navbar-nav {
    margin: 0px;
}
@media (min-width: 900px){
.navbar-collapse.collapse{display: inline-block !important;k!important;height:auto!important;padding: 0 8px;overflow:visible!important;border-top: 0 red solid;vertical-align: top;}
.navbar-toggle{display:none}

  .navbar-nav {
    float: right;
  }
  .navbar-nav > li {
    float: right;
  }
.navbar-nav>li>a{padding: 13px 8px;color: #0F7F63;}

  .navbar-nav.navbar-right:last-child {
    margin-left: -15px;
    margin-right: auto;
  }
  .navbar-nav.navbar-right.flip {
    float: left !important;
  }
  .navbar-nav.navbar-right .dropdown-menu {
    left: 0;
    right: auto;
  }

  .navbar > .container .navbar-brand,
  .navbar > .container-fluid .navbar-brand {
    margin-right: -15px;
    margin-left: auto;
  }
  .navbar-header {
    float: right;
  }

  .navbar-text {
    float: right;
  }
  .navbar-text.navbar-right:last-child {
    margin-left: 0;
    margin-right: auto;
  }

.navbar-toggle {
  float: right;
  margin-right: 15px;
  margin-left: auto;
}
.container-fluid>.navbar-collapse,.container-fluid>.navbar-header,.container>.navbar-collapse,.container>.navbar-header{margin-right:0;margin-left:0}
}
@media (max-width: 899px) {

.div_menu{width: 100% !important;}
.navbar-nav>li {width: 100%;border-bottom: 1px #eaeaea solid;}
.navbar-nav span{display: none;}
.navbar-nav>li>a{color: black;}
.navbar-nav>li>a:hover{color: #F9F77C;}
.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
    /* border-color: #0862b7; */
}
.navbar-nav {margin: 0 0px 7.5px;}
 .navbar-header{display: block;background: #e2fff8;position: relative;z-index: 50;}
  .navbar-nav .open .dropdown-menu > li > a, .navbar-nav .open .dropdown-menu .dropdown-header {    padding: 5px 25px 5px 15px;  }
}

/* end menu */

/* back to top */
#scrollup {
  background: #47d1af;
  width: 38px;
  height: 38px;
  position: fixed;
  z-index: 999999999;
  bottom: 20px;
  right: 20px;
  display: none;
  color: #285445;
  cursor: pointer;
  padding-top: 10px;
  border-radius: 100%;
}
#scrollup:hover {
  background-color: #47d1af;
  color: #ffffff;
}

/* end back to top */

.copyright {
    border-top: 2px #47D1AF solid;
    padding: 30px 15px 0;
    color: #767676;
}.desc_in {
    border-right: 10px #47D1AF solid;
    color: #99613E;
    margin: 40px auto !important;
}
.blue_bg .desc_in{color: #2AA486; border-color: #B88C71;}

.title_in {
    font-size: 18px;
    color: #5E3821;
    background: url("../images/zz.jpg") no-repeat right top;
    padding-right: 40px;
}

.blue_bg .title_in {color: #603B24;}





.div_list_m {
    text-align: right;
    border: 1px #CAF3E9 solid;
    background: #FBFFFE;
    padding: 15px;
    width: 31%;
    margin: 0.2% 0.3%;
    overflow: auto;
    display: inline-block;
    padding-left: 0;
    overflow: hidden;
}
.div_list_m:hover, .p_img:hover{box-shadow: 0px 1px 6px #47d1af;}

.p_img:hover .a_h {color: #47d1af !important;}

.list_m_a, .list_m_t, .list_m_n {
    color: #646464;
}
.list_m_t {height: 47px;overflow: hidden;}
.list_m_img img {
    width: 104px;
    height: 104px;
    border-radius: 100%;
    overflow: hidden !important;
    box-shadow: 0px 0px 6px #E8E8E8;
    border: 1px #E8E8E8 solid\9;
    background: white;
    padding: 2px;
}
.read_more {
    color: white !important;
    background: #47D1AF;
    padding: 10px 22px 10px;
    display: inline-block;
    margin: 70px 0 80px;
}.form-control {
    border: 1px #abefde solid;
    box-shadow: 0px 0px 3px #99E6D3;
    margin: 0 0 14px;
    color: #784E34;
    padding: 24px 12px;
}

select.form-control {
    height: 49px;
    padding: 6px 12px;
}.form_in .read_more {
    margin: 15px 0 0;
    border-width: 0;
    padding: 8px 36px 9px;
}.div_p {
    margin: 0 0 30px;
    min-height: 114px;
}
.img_p img {
    width: 114px;
    height: 114px;
    overflow: hidden !important;
    border-radius: 100%;
    padding: 1px;
    background: white;
    box-shadow: 0px 0px 3px #d2d2d2;
}.name_p {
    color: #5E3821;
    display: inline-block;
    margin: 15px 0;
    max-height: 24px;
    overflow: hidden;
}

.desc_p {
    display: inline-block;
    color: #727272;
    max-height: 47px;
    overflow: hidden;
}

.desc_p:hover{color: black !important;}

.no_pad_right{padding-right: 0;}

.captcha {
    position: absolute;
    top: 15px;
    left: 30px;
}.navbar-nav span, .navbar-nav li {
    float: right;
}
.navbar-nav span {
    line-height: 48px;
}
.logo {
    display: inline-block;
    background: #48d2b0;
    padding: 2px 6px;
}

.div_flex {direction:ltr;vertical-align:top;margin-top: 30px !important;}

.clearout {
height:20px;
clear:both
}

#flexiselDemo1 {
display:none
}
.nbs-flexisel-container {
position:relative;
max-width:100%
}

.nbs-flexisel-ul {
position:relative;
width:9999px;
margin:0;
padding:0;
list-style-type:none
}

.nbs-flexisel-inner {overflow:hidden;float:left;width:100%;padding:0 0 22px;}
.nbs-flexisel-item {float:left;position:relative;z-index: 99!important;}
.p_img img {width: 214px;height: 214px;overflow: hidden !important;border-radius: 100%;border: 1px #E8E8E8 solid;box-shadow: 0px 0px 7px #E8E8E8;background: white;padding: 2px;margin-top: 44px;}

.nbs-flexisel-nav-left,.nbs-flexisel-nav-right {width: 24px;height: 24px;position:absolute;cursor:pointer;z-index:999999999;top: 530px !important; border-radius: 100%;right: 0;left: 0;margin-right: auto;margin-left: auto;margin-top:-50px;}
.nbs-flexisel-nav-right {left: 36px; background: #47D1AF url(../images/right.png) no-repeat center;}
.nbs-flexisel-nav-left {left: -36px; background: #47D1AF url(../images/left.png) no-repeat center;}
.nbs-flexisel-nav-right:hover{background: white url(../images/right_h.png) no-repeat center;}
.nbs-flexisel-nav-left:hover{background: white url(../images/left_h.png) no-repeat center;}
.p_img {
    width: 90%;
    background: #FDF7F5;
    border: 1px white solid;
    overflow: hidden;
    margin: 4px;
}

.cat_flex {
    color: #5E3821;
    display: block;
    margin: 20px 0 13px;
}

.title_flex {
    display: block;
    color: #646464;
    height: 70px;
    overflow: hidden !important;
}

.p_img span {
    color: #646464;
	font-size: 11px;display: block;margin: 12px 0 23px;
}

/* btn */
.custom-btn {
    display: inline-block;
    font-size: 16px;
    padding: 12px 32px;
    position: relative;
    z-index: 1;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s;
    outline: none;
    overflow: hidden;
    border: 0 none;
}
 .custom-btn, .custom-btn {
    font-size: 14px;
    text-transform: inherit;
    padding: 9px 24px;
}
.custom-btn:hover, .custom-btn:hover {
    color: #fff;
}
.custom-btn::before, .custom-btn::after {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    content: "";
    z-index: -1;
}

.custom-btn:hover::after {
    -webkit-transform: translate(0px, 0px);
    -ms-transform: translate(0px, 0px);
    transform: translate(0px, 0px);
}
.custom-btn::before, .custom-btn::after{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    content: "";
    z-index: -1;
}
.custom-btn::after{
    background: #319e83 none repeat scroll 0 0;
    -webkit-transform: translate(13%, 190%) rotate(-30deg);
    -ms-transform: translate(13%, 190%) rotate(-30deg);
    transform: translate(13%, 190%) rotate(-30deg);
    -webkit-transition: all 0.4s cubic-bezier(0.75, 0, 0.125, 1) 0s;
    -o-transition: all 0.4s cubic-bezier(0.75, 0, 0.125, 1) 0s;
    transition: all 0.4s cubic-bezier(0.75, 0, 0.125, 1) 0s;
}

/* end of btn */

/* logo */

#index {width:100%;height:60vh; position: absolute;right: 0 !important;left: 0 !important;margin-right: auto !important;margin-left: auto !important;top: 0px;}
    #index img { position: absolute; }
    #image1 { z-index: 3; }
/* end of logo */

/* typing */
.typing{
	padding-left:18px;
	font-weight: bold;
	color: #765648;
	height: 70px;
	overflow: hidden !important;
	margin: 40px auto;
}
.typing > li {
    list-style: none inside none;
}
/* typing */

/* one scroll */
.one_sc {
    width: 100px;
    height: 100vh;
}
#myNavbar {
    width: 43px;
    margin-top: 40vh;
    padding: 0;
}

#myNavbar ul li a {
    display: block;
    margin: 4px;
    border-radius: 100%;
    background: white;
    width: 20px;
    height: 20px;
    padding: 0 !important;
    box-shadow: 0px 0px 4px #aa7760;
}
#myNavbar ul .active a {
background: #AA7760;
}


/* end of one scroll */

/* down function */
.div_down_btn{border-top: 6px rgba(255, 255, 255, 0.3) solid;padding-top: 30px;}
.down_btn{width: 43px;height: 46px;background: url(../images/down_btn.png) no-repeat;background-position: center 0;-webkit-animation-name:myeffect;-webkit-animation-duration:1.2s;-webkit-animation-iteration-count:infinite;animation-name:myeffect;animation-duration:1.2s;animation-iteration-count:infinite;z-index: 999999999;display: block;}

@-webkit-keyframes myeffect {

0% {
background-position: center 4px;
}

25% {
background-position: center 8px;
}

50% {
background-position: center 10px;
}

75% {
background-position: center 8px;
}

100% {
background-position: center 4px;
}
}

@keyframes myeffect {
0% {
background-position: center 4px;
}

25% {
background-position: center 8px;
}

50% {
background-position: center 10px;
}

75% {
background-position: center 8px;
}

100% {
background-position: center 4px;
}
}

/* end of down function */
.pb_div{
	background: white;
	border: 1px #F7F7F7 solid;
	margin: 0 0 22px;
}

.hero {
	height: 0px;
	margin-top:150px;
}
.pbar1{background: #47D1AF;}
.title_pb {
    font-size: 17px;
    color: #5E3821;
    height: 27px;
    overflow: hidden;
}

.desc_pb, .money_pb1 {
    color: #888888;
}

.money_pb1 {
    padding-top: 6px;
}.desc_pb {max-height: 96px;overflow: hidden;margin-bottom: 20px;}
.money_pb2 {
    color: #5E3821;
    padding-top: 8px;
}
.money_pb1, .money_pb2{font-size: 13px;margin-bottom: 18px;}

ul.skills {
    padding: 0;
    list-style-type: none;
}
.nopad_r {
    padding-right: 0;
}
.nopad_l {
    padding-left: 0;
    float: left;
}
.div_img_abs_ef {
  position: relative;
  display: inline-block;
}
.abs_ef {
    background: #F78C8C;
    color: white;
    position: absolute;
    right: 0;
    left: 0;
    margin-right: auto;
    margin-left: auto;
    width: 131px;
    padding: 4px 0px;
    border-radius: 6px;
    top: 40%;
}
.abs_ef_l{background: #F7C48C;}
.div_img_abs_ef:hover .abs_ef{color: white !important; background: #fd6868;}
.div_img_abs_ef:hover .abs_ef_l{
    color: white !important;
    background: #ffb05a;
}
.one_sc .collapse {
    display: block;
}

.one_sc .navbar-nav>li{border-bottom: 0 red solid;}
.logo_res{position: absolute;right: 0;left: 0;margin-right: auto;margin-left: auto;top: 35px;display: none;}

.abs_pb {
    position: absolute;
    z-index: 9;
    right: 0;
    left: 0;
    margin-right: auto;
    margin-left: auto;
    width: 50px;
    line-height: 28px;
    color: white;
}

@media (min-width: 1200px){
.container {
    width: 1000px;}
}

@media (min-width:768px) and (max-width:1200px){
.container {width: 100%;}
}
@media (max-width: 1040px) and (min-width: 900px){
.nav.navbar-nav{font-size: 13px;}
.navbar-nav>li>a{padding: 13px 5px;}
}

@media(max-width:992px){
#index{display: none;}
.logo_res{display: block;}
}
@media(max-width:899px){
.logo{position: absolute;left: 0;z-index: 60;}
.one_sc{display: none;}
}
@media (max-width:768px) and (min-width:500px){
.img_p {
    width: 114px;
    margin-bottom: 30px;
}

.txt_p {
    width: calc(100% - 150px);
    margin-right: 35px;
    margin-bottom: 30px;}
	
}

@media (min-width:568px) and (max-width:1080px){
.div_list_m{width: 48%;}
.list_m_img{width: 104px; margin: 0 auto 10px;}
}

@media(max-width:767px){
.typing{min-height: 70px; height: auto;}
.pb_div{overflow: auto;}
.hero{margin-top: 0;}
.nopad_r, .nopad_l{float: none; margin: 0 auto;text-align: center;margin: 20px 0 0;padding: 0;}
}

@media (max-width:568px){
.div_list_m{width: 98%;}
.list_m_img{width: 104px;margin: 0 auto 10px;}
}
@media (max-width:500px){
.img_p {
  width: 100%;
  text-align: center;
  margin-bottom: 6px;
}

.txt_p {
    width: 100%;
    margin-bottom: 30px;
    margin-right: 0;
    }
	
}

/****add by zjb****/
.country_block {
    background: #F78C8C;
    color: white;
    width: 85px;
    text-align: center;
    border-radius: 5px;
    font-size: 13px;
    padding: 3px;
}

