/*
theme name: GlarisClinic
version: 1.0
Author: 2sweb.ir
Author URI: http://2sweb.ir
Desctiption:
*/

body {
	font-family: IRANSans, tahoma;
	background: #ffff;
	color: #333;
	direction: rtl;
	text-align: right;
}

:focus {
	outline: 0;
}

ol,
ul {
	padding: 0;
}

a {
	color: #444;
	transition: all .2s;
	-webkit-transition: all .2s;
	-moz-transition: all .2s;
	-o-transition: all .2s;
}

a:hover {
	text-decoration: none;
	color: #ec2c58;
}

a:active,
a:visited,
a:focus {
	outline: 0;
	text-decoration: none;
}

blockquote {
	font-size: 13px;
	line-height: 27px;
	background: #f1dc85;
	padding: 10px;
	margin: 10px 0;
}

hr {
	margin-top: 5px;
	margin-bottom: 10px;
	border-top: 1px solid #ccc;
}

button:focus {
	outline: 0;
	border: 0
}

table {
	max-width: 100%;
	margin: 10px 0;
}

table,
table td {
	border: 1px solid #ccc;
}

table td {
	padding: 10px 15px;
	font-size: 14px;
	vertical-align: middle;
	text-align: center;
}

.intry table tr:nth-child(odd) {
	background: #f9f9f9
}

[data-animation-in] {
	opacity: 0;
}

.os-animation {
	opacity: 0;
}

.os-animation.animated {
	opacity: 1;
}
.intry h1.title__circle {
	margin-bottom:22px;
}
.intry ol,.intry ul {
    padding-right:25px;
}

#preloader {
    height: 100%;
    justify-content: center;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 99999
}
#preloader {
    align-items: center;
    display: flex;
    background-color: #050505
}
#preloader .spinner-grow {
    background-color: #dfb353
}
.spinner-grow {
    -webkit-animation: spinner-grow .75s linear infinite;
    animation: spinner-grow .75s linear infinite;
    background-color: currentColor;
    border-radius: 50%;
    display: inline-block;
    height: 2rem;
    opacity: 0;
    vertical-align: text-bottom;
    width: 2rem;
}
.sr-only {
    clip: rect(0,0,0,0);
    border: 0;
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}
@-webkit-keyframes spinner-grow{0%{transform:scale(0)}50%{opacity:1;transform:none}}
@keyframes spinner-grow{0%{transform:scale(0)}50%{opacity:1;transform:none}}.spinner-grow{-webkit-animation:spinner-grow .75s linear infinite;animation:spinner-grow .75s linear infinite;background-color:currentColor;border-radius:50%;display:inline-block;height:2rem;opacity:0;vertical-align:text-bottom;width:2rem}.spinner-grow-sm{height:1rem;width:1rem}@media (prefers-reduced-motion:reduce){.spinner-border,.spinner-grow{-webkit-animation-duration:1.5s;animation-duration:1.5s}}

.flags {
    
}
.flags li {
    display:inline-block;
}
.flags li a {
    
}
.flags li a img {
        height: 32px;
    display: inline-block;
    margin: 0 2px;
    transition:all .3s;
}
.flags li a img:hover {
    opacity:.9;
    transform:translateY(-2px);
}
div.gform_wrapper .field_sublabel_below .ginput_complex.ginput_container label {
	display:none !important
}

/*
= header
-----------------------------------------*/
.parent-nav, .nav-dropdown {
	background: #0a296a;
}
.nav {
	margin-top:0;
}
.nav-menu .menu-link, .nav-menu .has-dropdown::after {
	color:#fff;
}
@media screen and (min-width:1199px) {
	.container_header {
		padding: 0;
	}
}

.thumb__logo {
    display:block;
    float: right
}

.thumb__logo h1,
.thumb__logo h2,
.thumb__logo h3 {
	display:block;
	text-indent: -999999px;
	font-size: 14px;
	position: absolute;
}
.thumb__logo img {
	width: 160px !important;
}
.top__header {
    background-color: #3b3b3b;
    color: #fff;
    padding: 10px;
    line-height: 25px;
}
.top__header .map_add {
    color: #dfb353;
    font-size: 22px;
    padding-left: 10px;
    vertical-align: middle;
}
.top__header p {
    font-size: 14px;
}
.social_nw {
    padding-right: 25px
    
}
.social_nw li {
    display: inline-block;
}
.social_nw li a {
    display: block;
    font-size: 15px;
    color: #ddd;
    padding: 0 5px;
    transition: all .3s
}
.social_nw li a:hover {
    color: #dfb353;
}
.top_item_cnt {
    justify-content: space-between;
    align-content: space-between;
}
.phone_nr {
    color: #ddd
}
.phone_nr span {
    display: inline-block;
    font-size: 15px;
    color: #fff;
    text-align: left;
    direction: ltr;
    padding-right: 15px;
    letter-spacing: 1px;
}
.phone_nr span i {
    padding-right: 6px;
    transform: rotate(-45deg);
    font-size: 22px;
    color: #dfb353;
    
}
.phone_nr span a {
	color:#fff
}
#main_slider .slick-list {width: 100%}

/*
= navbar
-------------------------------------------*/

.navbar_wrapper {
	width: 100%;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s;
	top: -50px;
}

.fixnav {
	position: fixed !important;
	top: 0 !important;
	z-index: 9999;
    background: #244294;
    border-bottom: 1px solid #eee;
}
.fixnav .nav-container {
    margin-top: 6px;
}
.fixnav #navigation {
    margin-top: 0;
}
.fixnav .thumb__logo img {
    transform: scale(.8)
}
.nav-menu .menu-link {
	padding: 20px 15px;
	font-size: 15px;
}
.nav-menu .menu-link:hover {
    color: #dfb353
}

	.navbar_wrapper ul.nav-menu {
		margin-right: 45px;
	}


.navbar_wrapper ul.nav-menu {
	float: right;
}

ul.langs {
	float: left;
}

ul.langs li {
	position: relative;
	display: inline-block;
}

ul.langs li a {
	display: block;
	padding: 17px 5px;
	color: #ec2c58;
	font-size: 18px;
}

ul.langs li a:hover {
	color: #fff
}

ul.langs li:first-child:after {
	content: "/";
	position: absolute;
	left: -6px;
	top: 14px;
	font-size: 20px;
	color: #ec2c58;
}

.wa__btn_popup .wa__btn_popup_txt {
	    width: 200px !important;
	    font-family: IRANSans, tahoma;
	    box-shadow: 0 0 20px #ddd;
	    text-align: center;
	transition:all .3s;
}
.wa__btn_popup .wa__btn_popup_txt:hover {
	color:#2db742
}
@media screen and (max-width:768px) {
	.wa__btn_popup .wa__btn_popup_txt {
		display: none !important;
	}
	
}
/*
=main_slider
-------------------------------------*/

#main_slider {
	position: relative;
	max-width: 1920px;
	margin: auto;
}

#main_slider .slick-list {
	direction: ltr;
}

.wrap_caption {
	position: absolute;
	top: 0;
	left: 20%;
	height: 100%;
	padding-top: 175px;
	width: 100%;
	text-align: center;
}

.innercaption {
	display: table;
	margin: auto;
	overflow: hidden;
	padding: 25px;
	border-radius: 4px
}

.wrap_caption .topTitle a {
	display: block;
	color: #000;
	margin-bottom: 25px;
	font-size: 36px;
    text-align: right;
}

.wrap_caption .topTitle a:hover {
	color: #777;
}

.wrap_caption h3,
.wrap_caption .slideCaption {
    text-align: right;
	color: #444
}

.wrap_caption p {
    text-align: right;
	font-size: 20px;
	color: #444
}

#main_slider .slick-track {
	overflow: hidden;
}

.slick-slider-init {
	position: relative;
}

#main_slider .slick-slide {
	position: relative;
}

[data-animation-in] {
	opacity: 0;
}

#main_slider .slick-slide img {
	width: 100%;
	max-width: 100%;
	margin: 0 auto;
}

.more_content_slide {
	display: inline-block;
	border-radius: 3px 20px;
	padding: 5px 20px;
	color: #000;
	font-size: 11px;
	background: #fbbf3f;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s;
}

.more_content_slide:hover {
	background: #34495E;
	color: #fff;
}

#main_slider .slick-prev,
#main_slider .slick-next {
    align-items: center;
    border: 1px dashed #050505;
    display: inline-flex;
    height: 50px;
    justify-content: center;
    position: absolute;
    width: 50px;
    bottom: 15px;
    border-radius: 50%;
    transition: all .3s;
}

#main_slider .slick-prev:before,
#main_slider .slick-next:before {
	position: absolute;
	right: 0;
	left: 0;
	top: 1px;
	margin: auto;
	font-size: 18px;
	vertical-align: middle;
}
#main_slider .slick-prev:hover,
#main_slider .slick-next:hover {
    background: #dfb353;
}
#main_slider .slick-prev:hover i,
#main_slider .slick-next:hover i {
    color: #fff
}

#main_slider .slick-prev:before {
	right: -2px;
}

#main_slider .slick-next:before {
	left: -2px;
}
#main_slider .slick-prev, #main_slider .slick-next {
    font-size:20px;
    color: #000;
    opacity: 1;
    
}
#main_slider .slick-prev i, #main_slider .slick-next i{
    line-height: 18px
}


/*
= about
--------------------------------------------------*/

.about__me {
	padding: 35px 0 50px;
    background: #fff;
}
.about_row {
    align-items: center
}
.about__content .ab_t {
        color: #000;
    padding-bottom: 15px;
    font-size: 28px;
}
.about__content {
    padding-right: 60px
}
.about__content .subtitle {
    display: inline-block;
    font-size: 13px;
    line-height: 1;
    position: absolute;
    right: 30px;
    text-transform: uppercase;
    top: 44px;
    transform: rotate(-90deg);
    transform-origin: 100% 0;
    color: #dfb353;
}
.about__content .subtitle:after {
    content: "";
    height: 1px;
    position: absolute;
    right: -40px;
    top: 44%;
    transform: translateY(-50%);
    width: 32px;
    background: #dfb353;
}
.title__wrap {
	margin-bottom: 70px;
}

.title__line {
	display: inline-block;
	font-size: 32px;
	border-bottom: 4px solid #ec2c58;
	padding: 0 50px 20px;
}

.about__content,
.about__content p {
	text-align: justify;
	line-height: 32px;
	font-size: 15px;
	color: #272626;
}
ul.about-section-meta {
    padding: 0;
    margin:50px 0 50px
}

ul.about-section-meta li {
    padding-bottom: 5px;
    color: #000;
    font-size: 13px;
}

ul.about-section-meta li i {
    color: #7aadf1;
    padding-left: 4px
}

/*
= services
----------------------------------*/

.services__sec {
	background: #fff;
	padding: 25px 0 50px;
	margin-top: 25px
}
.justify_elm {
    justify-content: center;
}
.ser_header {
    text-align: center;
    margin-bottom: 50px
}
.ser_header .ser_subtitle span {
    display: inline-block;
    position: relative;
    z-index: 1;
        color: #dfbb9c;
}
.ser_header .ser_subtitle span:after,.ser_header .ser_subtitle span:before {
    content: '';
    position: absolute;
    z-index: 1;
    width: 10px;
    height: 3px;
    border-radius: 2px;
    top: 50%;
    margin-top: -2px;
    background-color: currentColor;
}
.ser_header .ser_subtitle span:after {
        left: -20px;
}
.ser_header .ser_subtitle span:before {
        right: -20px;
}
.ser_header .ser_title {
color: #050266;
    font-size: 40px;
    line-height: 60px;
    padding: 10px 0 25px;
}
.ser_header p {
    color: #777
}

.element_item {
    text-align: center;
    margin-bottom: 25px;
}
.element_item .elm_wrapper {
    text-align: center;
    padding: 54px 12px 38px 12px;
    border-radius: 15px 15px 15px 15px;
    background-color: #ffffff;
    box-shadow: -9px 8px 35px 0px rgb(49 49 49 / 8%)
}

.element_item .wrap_media {
    width: 110px;
    height: 110px;
    line-height: 110px;
    position: relative;
    z-index: 1;
    display: inline-block;
    border: 1px dashed #c9a302;
    box-sizing: content-box;
    border-radius: 50%;
    text-align: center;
    transition: .4s;
}
.element_item .wrap_media .wgl-services_circle-wrapper {
    position: absolute;
    width: 78px;
    height: 78px;
    left: 16px;
    top: 16px;
}
.element_item .elemwnt_title {
        font-size: 18px;
    color: #3c4278;
    text-align: center;
    padding: 20px 0;
    transition: all .4s;
}
.element_item .elemwnt_title:hover {
    color: #c9a302;
}
.element_item .wrap_media .wgl-services_circle-wrapper:nth-child(1) {
        transform: rotate(0);
    animation: service_hexagon_1 2s infinite linear;
    animation-play-state: paused;
}
.element_item .wrap_media .wgl-services_circle-wrapper:nth-child(2) {
    transform: rotate(180deg);
    animation: service_hexagon_2 2s infinite linear;
    animation-play-state: paused;
}
.element_item .wrap_media .wgl-services_circle-wrapper .wgl-services_circle {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    transform: translate3d(-50%,-50%,0);
    background-color: #c9a302;
}
@keyframes service_hexagon_1 {
    0% {
    transform: rotate(90deg);
}
100% {
    transform: rotate(450deg);
}
}
@keyframes service_hexagon_2 {
    0% {
    transform: rotate(-90deg);
}
100% {
    transform: rotate(270deg);
}
}
    .element_item:hover .wgl-services_circle-wrapper:nth-child(1), .element_item:hover .wgl-services_circle-wrapper:nth-child(2) {
    animation-play-state: running;
}

/*
=portfolio
---------------------------------------------*/
#portfolio {
    padding: 0 0 30px;
}
#portfolio .portfolio_item {
    padding: 0 13px;
    margin-bottom: 40px
}
.beaf_head {
    text-align: center;
    margin-bottom: 35px
}
.beaf_head .t_beaf {
        color: #050266;
    font-size: 28px;
    line-height: 60px;
    padding: 10px 0 25px;
}
.beaf_head .icon-handle {
        filter: grayscale(100%) contrast(200%);
    -webkit-filter: grayscale(100%) contrast(200%);
}
.wrap_portfolio .link_tp {
    display: block;
    padding: 15px 0;
    font-size: 14px;
    color: #c9a302;
    transition: all .3s;
}
.wrap_portfolio .link_tp:hover {
    color: #050266;
}
.beaf_head .t_beaf span {
    display: inline-block;
    position: relative;
}
.beaf_head .t_beaf span:after {
content: "";
    position: absolute;
    bottom: -25px;
    left: 0;
    right: 0;
    margin: auto;
    width: 50%;
    height: 2px;
    background: #c9a302;
    transition: all .3s;
}
.beaf_head .t_beaf span:hover:after {
    width: 80%;
}
.wrap_portfolio {
    border: 1px solid #ddd;
    text-align: center;
}
.btn_morelink {
    text-align: center;
    margin: 15px auto;
}
.btn_morelink a {
    display: inline-block;
    position: relative;
    overflow: hidden;
    padding: 12px 50px;
    border-radius: 24px;
    background: #244294;
    transition: all .5s;
    color: #fff;
    font-size: 16px;
    z-index: 2
}
.btn_link_archive {
    position: absolute;
    bottom: 5px;
    left: 0;
    right: 0;
    margin-bottom: 0
}
.btn_morelink.btn_link_archive a {
    color: #fff!important
}

/*
= index-wrap-counter
---------------------------------------------------*/

#index-wrap-counter {
    padding: 50px 0 0 0;
    min-height: 500px;
}

#index-wrap-counter .container {
    position: relative
}

#index-wrap-counter .container:after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    background: url(images/bg-counter.png) no-repeat;
    width: 100%;
    max-width: 90%;
    left: 0;
    background-size: contain;
}

#index-wrap-counter .container > .row {
    position: relative;
    z-index: 2;
    padding: 50px 150px
}

#index-wrap-counter .counter {
    display: inline-block;
    font-weight: bold;
    position: relative;
    color: #c9a302;
    font-size: 40px;
    padding-left: 33px;
    line-height: normal;
}

#index-wrap-counter .counter:before {
    content: "+";
    position: absolute;
    left: 0;
    top:-10px;
    color: #c9a302;
    font-size: 50px;
    font-weight: bold
}
.counter-wrap {
    padding: 0
}

#index-wrap-counter .col-counter {
    text-align: center
}

#index-wrap-counter .col-counter h5 {
    font-size: 16px;
    font-weight: bold;
}

strong.str-def-title {
    font-size: 25px;
    display: block;
    margin-bottom: 30px;
}

.btn_defLink.margin-top {
    margin-top: 50px
}

.count-left,
.count-right {
    padding-top: 80px
}
.btn_defLink{
    position: relative;
    display: inline-block;
    background: #7aadf1;
    border: 2px solid #7aadf1;
    padding: 12px 40px;
    color: #fff;
    border-radius: 5px;
    z-index: 2;
    text-decoration: none;
    -webkit-transition: all 0.4s;
	-moz-transition: all 0.4s;
    -o-transition: all 0.4s;
	transition: all 0.4s;
}

.btn_defLink:after {
    background: #fff;
    content: '';
    position: absolute;
    z-index: -1;
    -webkit-transition: all 0.4s;
	-moz-transition: all 0.4s;
    -o-transition: all 0.4s;
	transition: all 0.4s;
    border-radius: 4px;
    height: 100%;
    right: 0;
    top: 0;
    width: 0;
}

.btn_defLink:hover {
    color: #333;
}

.btn_defLink:hover:after {
    width: 100%;
}
#index-wrap-counter ul li:nth-child(3) .counter::before {
    content: "";
}

#index-wrap-counter ul li:nth-child(3) .counter::after {
    content: "%";
}
/*
= Customer
-------------------------------------------------*/

#Customer_count {
	background: url(images/cc_bg.jpg) no-repeat center;
	width: 100%;
    padding: 50px 0;
    width: 100%;
    background-size: contain;
}
#Customer_count .ser_header {
    margin-bottom: 20px
}
#Customer_count .container {
    background: #212529;
    padding-bottom: 10px;
    border-radius: 20px;
}
#Customer_count .container .row {
    align-items: center
}
.btn_tel {
    text-align: center;
}
.btn_tel a {
    display: inline-block;
    font-size: 18px;
    color: #fff;
    background-color: #dfb353;
    border:3px solid #000;
    border-radius: 50px;
    padding: 20px 35px;
    margin-bottom: 10px;
    transition: all .5s
}
.btn_tel a:hover {
    background: #fff !important;
    border-style: dashed!important;
    border-color: #333!important;
    color: #333!important;
}
.btn_tel .tel_num {
        display: inline-block;
    direction: ltr;
}

/*
= blog
---------------------------------------------*/
.blogSection {
    position: relative;
    padding: 80px 0 50px;
    background: #F9F9F9;
}

.default_Title {
    text-align: center;
    display: block;
    line-height: 45px;
    font-size: 28px;
    padding-bottom: 40px;
}
.blog_item {
    margin-bottom: 30px
}
.blog_item .blog-item-wrap {
        border-radius: 5px;
    -webkit-box-shadow: 0 5px 30px rgb(70 72 77 / 8%);
    box-shadow: 0 5px 30px rgb(70 72 77 / 8%);
    background: #fff;
}
.blog_item .blog-item-wrap img {
    
}
.blog_item .blog_item_content {
    padding: 20px;
}
@media screen and (min-width:768px) {
    .blog_item .blog_item_content {
            padding: 20px;
    height: 300px;
    overflow: hidden;
    }
}
.blog_item .blog-item-wrap .cat_link_blog {
    
}
.blog_item .blog-item-wrap .cat_link_blog i {
    color: #f58;
    vertical-align: middle;
    padding-left: 5px;
    line-height: 15px;
    display: inline-block;
    font-size: 18px;
}
.blog_item .blog-item-wrap .cat_link_blog a {
    display: inline-block;
    line-height: 25px;
    color: #888;
    font-size: 14px;
}
.blog_item .blog-item-wrap .blog-item-title {
    font-size: 14px;
    color: #888;
    line-height: 28px;
    margin-top: 5px;
}
.blog_item .blog-item-wrap .blog-item-title a  {
    display: block;
    font-size: 18px;
    padding-bottom: 10px;
    line-height: 35px;
}
.blog_item .blog-item-wrap .blog-item-title a:hover,.blog_item .blog-item-wrap .cat_link_blog a:hover {
    color: #dfb353
}
.blog_item .blog-item-wrap p {
    line-height: 28px;
    color: #999;
    font-size: 14px;
    text-align: justify;
}
.slider_pfo .slick-list {direction:ltr}
.slider_pfo .slick-prev,.slider_pfo2 .slick-prev,
.slider_pfo .slick-next,.slider_pfo2 .slick-next {
    align-items: center;
    display: inline-flex;
    justify-content: center;
    position: absolute;
    bottom: 55%;
    border-radius: 50%;
    transition: all .3s;
}

.slider_pfo .slick-prev:before,.slider_pfo2 .slick-prev:before,
.slider_pfo .slick-next:before,.slider_pfo2 .slick-next:before {
	position: absolute;
	right: 0;
	left: 0;
	top: 1px;
	margin: auto;
	font-size: 18px;
	vertical-align: middle;
}
.slider_pfo .slick-prev,.slider_pfo2 .slick-prev{
    right: 10px;
}
.slider_pfo .slick-next,.slider_pfo2 .slick-next {
    left: 10px
}

.slider_pfo .slick-prev:hover i,.slider_pfo2 .slick-prev:hover i,
.slider_pfo .slick-next:hover i,.slider_pfo2 .slick-next:hover i {
    color: #fff
}

.slider_pfo .slick-prev:before,.slider_pfo2 .slick-prev:before {
	right: -2px;
}

.slider_pfo .slick-next:before,.slider_pfo2 .slick-next:before {
	left: -2px;
}
.slider_pfo .slick-prev,.slider_pfo2 .slick-prev, .slider_pfo .slick-next,.slider_pfo2 .slick-next {
    font-size:20px;
    color: #000;
    opacity: 1;

    
}
.slider_pfo .slick-prev i,.slider_pfo2 .slick-prev i, .slider_pfo .slick-next i,.slider_pfo2 .slick-next i{
    line-height: 18px;
    font-size: 2em;
    color: #333;
        transition: all .4s
}
.slider_pfo .slick-prev:hover i,.slider_pfo2 .slick-prev:hover i,
.slider_pfo .slick-next:hover i,.slider_pfo2 .slick-next:hover i {
   color: #000
}
@media screen and (min-width:1200px) {
	.slider_pfo .slick-prev,.slider_pfo2 .slick-prev {
    right: -15px;
}
	.slider_pfo .slick-next,.slider_pfo2 .slick-next {
    left: -15px;
}
}
/*
= teem
-------------------------------------------*/
.teemSection {
    padding: 70px 0 100px;
}
.teemSection .teem_item {
    padding: 0 5px;
    margin-bottom: 10px
}
.teemSection .teem_item .teem_item_wrap {
    position: relative
}
.teemSection .teem_item .teem_item_wrap .image_wrap {
    display: block;
    position: relative;
    overflow: hidden
}
.teemSection .teem_item .teem_item_wrap img {
    
}
.teemSection .teem_item .teem_item_wrap .overly_teem {
    position: absolute;
    background: rgba(255,255,255,.7);
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    transform: translate(100%, 100%);
    transition: all .4s
}
.teemSection .teem_item .teem_item_wrap:hover .overly_teem {
     transform: translate(0, 0);
}
.teemSection .teem_item .teem_item_wrap .overly_teem .overly_option {
    position: absolute;
    right: 15px;
    bottom: 15px;
    transition: all .8s;
     transition-timing-function: cubic-bezier(0.68, -0.55, 0.27, 1.55);

    transform: translateX(100%)
}

.teemSection .teem_item .teem_item_wrap .overly_teem .dr_title_name {
font-size: 18px;
    color: #555;


}
.teemSection .teem_item .teem_item_wrap .overly_teem p {
    font-size: 16px;
    color: #999;

}
.teemSection .teem_item .teem_item_wrap:hover .overly_option {
    transform: translateX(0)
}


/*
= footer
---------------------------------------------*/

#footer {
	background: #0c2d5f;
	padding: 50px 0 0;
}

.row_ft .footer_box {
	padding: 0 30px 15px;
}

.row_ft .footer_box:nth-child(1) {
	padding: 0 15px
}

.footer_box {
	position: relative;
}

.title_footer {
	padding-bottom: 10px;
	margin-bottom: 15px
}

.title_footer .ft_title {
position: relative;
    color: #ddd;
    font-size: 16px;
    display: inline-block;
    padding-bottom: 5px;
}
.title_footer .ft_title:after {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    width: 20px;
    height: 2px;
    background-color: #dfb353;
    margin-top: 8px;
}

.footer_box p {
    font-size: 13px;
    color: #fff;
    line-height: 30px;
	text-align: justify;
}
.footer_box table {
    width: 100%;
    border: 0;
}
.footer_box table tr {

    border-bottom: 1px solid #444;
}
.footer_box table tr td {
       border: 0;
    text-align: right;
    color: #fff
}
.footer_box ul li {
	color: #ddd;
	font-size: 13px;
	padding-bottom: 10px
}

.footer_box ul li span {
	direction: ltr;
}

.footer_box .logo_ft {
margin-left: 10px
}

@media (min-width: 1200px) {
	.container_ft {
		max-width: 1140px;
	}
}

.list_icon {
	text-align: center;
}

.list_icon li {
	display: inline-block;
	margin: 2px 4px;
}

.list_icon li img {
	width: 100px;
}

.copyright {
	padding: 10px 0;
	background: #1a1818;
}

.copyright p {
	font-size: 14px;
	color: #ddd;
	text-align: center;
}

.copyright p a {
	color: #dfb353;
}
.map_wrapper iframe {
    max-width: 100%;
    max-height: 350px
}
.footer_box ul li a {
    display: block;
    position: relative;
    color: #fff;
    padding-right: 10px;
    transition: all .3s
}
.footer_box ul li a:before {
    content: "\f104";
    font-family: FontAwesome;
    position: absolute;
    right: 0;
    color: #777
}
.footer_box ul li a:hover {
    color: #c9a302
}
.footer_box .social_footer {
        display: table;
    margin: 15px auto;
    background: #333;
    vertical-align: middle;
    border-radius: 3px
}
.footer_box .social_footer li {
    display: inline-block;
    padding: 0
}
.footer_box .social_footer li a {
    display: block;
    line-height: 25px;
    font-size: 20px;
    color: #aaa;
    margin: 0;
    padding: 5px 8px;
    transition: all .2s;
}
.footer_box .social_footer li i{
       vertical-align: middle;
    line-height: 18px;
    display: inline-block;
}
.footer_box .social_footer li a:before {
    display: none
}
.footer_box .social_footer li a:hover {
    color: #c9a302;
}

/*
= single
------------------------------------------------*/
.btn_Link_arrow {
    text-align: right;
    margin-top: 10px
}
.btn_Link_arrow a {
    position: relative;
    background: #244294;
    border-radius: 40px;
    padding: 5px 5px 5px 30px;
    margin-top: 20px;
    display: inline-block;
    color: #fff;
    font-size: 14px;
 	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-o-transition: all 1s ease;
	transition: all 1s ease;
    overflow: hidden;
    z-index: 2

}

.btn_Link_arrow a i {
    border: 1px dashed #fff;
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    display: inline-block;
    border-radius: 50%;
    font-size: 16px;
    margin-left: 10px;
}

.btn_Link_arrow a:link:after,.btn_Link_arrow a:visited:after,
.btn_morelink a:link:after,.btn_morelink a:visited:after
{
	content: "";
	position: absolute;
	height: 0%;
	left: 50%;
	top: 50%;
	width: 150%;
	z-index: -1;
	-webkit-transition: all 0.75s ease 0s;
	-moz-transition: all 0.75s ease 0s;
	-o-transition: all 0.75s ease 0s;
	transition: all 0.75s ease 0s;
}
.btn_Link_arrow a:link:hover:after,.btn_Link_arrow a:visited:hover:after,
.btn_morelink a:link:hover:after,.btn_morelink a:visited:hover:after
{
	height: 250%;
}

.btn_Link_arrow a:after,.btn_morelink a:after{
    background: rgba(255,255,255,.2) !important;
	-moz-transform: translateY(-50%) translateX(-50%) rotate(90deg);
	-ms-transform: translateY(-50%) translateX(-50%) rotate(90deg);
	-webkit-transform: translateY(-50%) translateX(-50%) rotate(90deg);
	transform: translateY(-50%) translateX(-50%) rotate(90deg);
}

.btn_Link_arrow a:hover:after,.btn_morelink a:hover:after {
	opacity: 1;
	height: 600% !important;
}


.main_content {
	padding: 25px 0 50px;
}

.breadcrumb {
	background-color: transparent;
}

.breadcrumb li,
.breadcrumb li a {
	font-size: 13px;
	color: #aaa
}

.breadcrumb li.here_bc {
	padding-left: 10px;
}

.breadcrumb li a:hover {
	color: #ee384d;
}

.meta_content {
	text-align: left;
}

.meta_content .cat_view li {
	display: inline-block;
	padding: 10px 25px;
	font-size: 13px;
	color: #777
}

.main_content .intry p {
	line-height: 35px;
	color: #666;
	font-size: 15px;
}
.main_content .intry ol li {
	line-height: 28px;
  margin-bottom: 10px;
  color: #666;
}
.main_content .intry a {
	color: #ee384d;
}
.TitlePage {
    display: block;
    position: relative;
    padding-bottom: 25px;
    padding-right: 40px;
        font-size: 22px;
    line-height: 40px;
}
.TitlePage:before {
    content: "";
    position: absolute;
    right: 0;
    top: 20px;
    width: 30px;
    height: 2px;
    background: #dfb353;
}

.main_content .intry a:hover {
	text-decoration: underline;
}

.main_content .intry ul li {
	list-style: disc;
	font-size: 15px;
	line-height: 35px;
}

.single .navbar_wrapper,.archive .navbar_wrapper,.page .navbar_wrapper,.search .navbar_wrapper {
    padding-bottom: 10px
}
.single .fixnav.navbar_wrapper,.archive .fixnav.navbar_wrapper,.page .fixnav.navbar_wrapper,.search .fixnav.navbar_wrapper {
    margin-top: 0;
    padding-bottom: 0
}
#accordionEx h5 i {
	color: #dfb353;
	font-size: 26px;
	display: inline-block;
	float: left;
}

#accordionEx .card-header {
	background-color: transparent !important;
	padding: 0 !important;
	border: 0 !important;
}

#accordionEx a.linkcol {
	display: block;
	background: #f1dc85;
	padding: 10px 25px;
	border-right: 3px solid #dfb353;
	color: #333
}

#accordionEx a.linkcol.collapsed {
	background: #f4f4f4
}

#accordionEx a.collapsed h5 i:before {
	content: "\f107"
}

#accordionEx .card {
	margin-bottom: 10px;
	border: 0;
	border-radius: 0;
}


/*
= related posts
-------------------------------------------------*/

.related__posts {
	padding: 50px 0;
	background: #fcfcfc
}

.related__posts .thumb_rp {
	display: block;
	float: right;
	margin-left: 10px;
}

.related__posts .thumb_rp img {
/* 	width: 150px; */
	height: 150px;
}

.related__posts .rp_item {
	margin-bottom: 20px
}

.related__posts .rp_item p {
	font-size: 12px;
	color: #777
}

.wrap_rp {
/* 	float: right; */
	transition: all .3s;
}

.related__posts .rp_item:hover .wrap_rp {
	background: #eee
}
/*
= archive
------------------------------------------------*/
.archive_item {
    margin-bottom: 25px;
}
.archive_item .archive_wrap {
    position: relative;
    border-radius: 6px;
    overflow: hidden;
    height: 460px;
    transition: all .3s;
    box-shadow: 0 0 15px #ccc;
}
.archive_item .archive_wrap:hover {
    box-shadow: 0 0 10px #ccc
}
.archive_item .archive_wrap .tittle_av {
    padding: 10px;
}
.archive_item .archive_wrap .tittle_av a {
display: block;
    color: #555;
    font-size: 18px;
    line-height: 30px;
}
.archive_item .archive_wrap p {
    padding: 2px 10px;
    font-size: 14px;
    line-height: 30px;
    color: #777;
}
.archive_item .archive_wrap .moreLink {
        text-align: left;
    margin: 10px 0 10px 15px;
}
.archive_item .archive_wrap .moreLink a {
    display: inline-block;
    padding: 5px 15px;
    border-radius: 6px;
    background: #2C3E50;
    color: #fff;
    font-size: 14px;
}
.archive_item .archive_wrap .moreLink a:hover {
    background: #ec2c58
}
.cat_content p {
        line-height: 35px;
}
/*
= pagenavi
--------------------------------------------------*/

.wp-pagenavi {
    display: table;
    margin: 50px auto;
    box-shadow: 0 0 8px #ccc;
    border-radius: 3px;
}

.wp-pagenavi a.page,
.wp-pagenavi a.larger {
    display: inline-block;
    color: #777;
    width: 38px;
    height: 38px;
    text-align: center;
    line-height: 38px;
    font-size: 14px;
    border: 0;
    font-family: IRANSans-number;
}

.wp-pagenavi a.page:hover,
.wp-pagenavi a.larger:hover {
    background: #dfb353;
    color: #fff;
    text-decoration: none !important;

}

.wp-pagenavi span.pages {
    color: #333;
    height: 38px;
    display: inline-block;
    line-height: 38px;
    font-size: 14px;
    padding: 0 14px;
    font-family: IRANSans-number;
}

.wp-pagenavi span.current {
    display: inline-block;
    color: #fff;
    width: 38px;
    height: 38px;
    line-height: 38px;
    text-align: center;
    background: #dfb353;
    border: 0;
    font-size: 14px;
    font-family: IRANSans-number;
}

a.nextpostslink,
a.previouspostslink {
    font-family: tahoma;
    display: inline-block;
    padding: 0 10px;
    color: #dfb353 !important;
    font-size: 18px;
    vertical-align: top;
    height: 35px;
    line-height: 30px;
}
.wrapper_sidebar {
        border: 1px solid #e7e7e7;
    padding: 15px;
    border-radius: 5px;
}
.thumb__list {
    
}
.thumb__list .titr_tlist {
    padding-bottom: 10px;
    display: block;
    font-size: 20px;
    border-bottom: 1px solid #e7e7e7;
    margin-bottom: 15px;
}
.thumb__list ul li {
    float: right;
    width: 100%;
    margin-bottom: 20px;
    clear: both;
}
.thumb__list ul li .thumb_img {
        display: block;
    float: right;
    margin-left: 10px;
}
.thumb__list ul li .thumb_img img {
    width: 120px;
        height: 75px;
    border-radius: 4px;
}
.thumb__list ul li .title__list {
    line-height: 30px;
    font-size: 15px;
    margin-top: 15px;
}
.thumb__list ul li .title__list a:hover {
    color: #dfb353
}
/*
= widget
---------------------------------------------*/
.widget {
    margin-bottom: 20px;
}

.widg_title {
    position: relative;
    font-size: 18px;
    margin-bottom: 10px;
    color: #444;
    padding-right: 35px;
    
}
.widg_title:before {
    content: "";
    position: absolute;
    right: -15px;
    top: 20px;
    width: 34px;
    height: 1px;
    background: #e7e7e7;
}

.widget ul li {
    list-style: none;
    font-size: 12px;
    font-family: 'IRANSans-number';
    color: #ccc;
}

.widget ul li a {
    display: inline-block;
    padding: 10px 0 10px 5px;
    color: #777;
    font-size: 15px;
}

.widget ul li a:hover {
    color: #dfb353;
}

.textwidget {
    font-size: 14px;
    padding: 10px;
    line-height: 30px;
    color: #777;
}

.widget #recentcomments .recentcomments span {
    color: #000;
}

.widget #recentcomments .recentcomments a {
    font-size: 13px;
    display: inline;
}

.widget #wp-calendar {
    width: 100%;
}

.widget #wp-calendar td {
    font-family: IRANSans-number;
    text-align: center;
    border: 1px solid #eee;
    padding: 8px 13px;
}

.widget #wp-calendar th {
    background: #dfb353;
    color: #fff;
    text-align: center;
}

.widget #wp-calendar td a {
    color: red
}
/*
= comments
-------------------------------------------*/
.section_comments {
	margin-bottom:35px;
}
.section_comments .navigation {
	display:none;
}
.comment_head {
	margin-bottom:35px;
}
.comment_head .title__comment {
	display: block;
    font-size: 24px;
    position: relative;
	color:#444;
	margin-bottom:6px;
}
.comment_input {
	margin-bottom:15px;
	padding:0 30px;
}
.comment_input label {
	display:block;
	font-size:15px;
	color:#777;
	margin-bottom:10px;
}
.comment_input input {
	border:1px solid #ccc;
	border-radius:1px;
	padding:8px 10px;
	width:100%;
	transition:all .2s;
}
.comment_textarea {
	margin-top:15px;
}
.comment_textarea textarea {
	width:100%;
	border:1px solid #ccc;
	border-radius:1px;
	padding:10px;
	width:100%;
	height:180px;
	transition:all .2s;
}
.comment_input input:focus,.comment_textarea textarea:focus {
	box-shadow:0 0 10px #a0cbed;
}
.comment_btn {
	margin-top:20px;
	text-align:center;
}
.comment_btn input[type="submit"] {
	border:0;
	padding:10px 25px;
	border-radius:4px;
	color:#fff;
	background:#dfb353;
	transition:all .3s;
	cursor:pointer;
}
.comment_btn input[type="submit"]:hover {
	opacity:.7;
}
#commentbox {
	padding:10px 125px;
}
.comment-body {
	padding:20px;
	background:#f7f7f7;
	border-radius:6px;
	margin-bottom:15px;
}
ul.children .comment-body {
	background:#f5f5f5;
}
#commentbox ul.children {
	margin-right:30px;
}
.commentlist,.commentlist li {
	list-style:none;
}
.comment-body .avatar {
	    width: 50px;
    height: 50px;
    border-radius: 50%;
}
.comment-body .commentmetadata a {
	display:inline-block;
	margin-right: 54px;
    font-size: 12px;
    color: #888;
}
.comment-body .says {
	display:none;
}
.comment-body .fn {
	display:inline-block;
	position:relative;
	    padding-left: 13px;
}
.comment-body .fn:after {
	content: "\f112";
	position:absolute;
	font: normal normal normal 14px/1 FontAwesome;
	right:100%;
	font-size:18px;
	color:#777;
	top:2px;
}
.comment-body a.comment-edit-link {
	float:left;
}
#comments_count_title {
    display: block;
    font-size: 16px;
    color: #999;
    margin-bottom: 30px;
}
ol.commentlist {margin-bottom:40px}
.comment-body p {
	font-size: 14px;
    color: #777;
    padding-right: 50px;
    margin-top: 15px;
}
.comment-body .reply {text-align:left}
.comment-body .reply .comment-reply-link {
	display: inline-block;
    font-size: 13px;
    color: #fff;
    background: #dfb353;
    padding: 5px 15px;
    border-radius: 15px;
	transition:all .3s;
}
.comment-body .reply .comment-reply-link:hover {
	opacity:.7;
}

/*** serchform ***/
.widget #searchform {
    display: table;
    padding: 8px;
    width: 100%;
    margin: 10px auto;
    max-width: 100%;
    border: 1px solid #eee;
}

.widget #searchform label {
    display: none;
}

.widget #searchform input[type="text"] {
    float: left;
    border: 0;
    /* border: 1px solid #ddd; */
    border-radius: 1px;
    padding: 3px 4px;
    width: 90%;
    height: 30px;
    color: #555;
    font-size: 12px;
    border-left: 0;
    max-width: 100%;
}

.widget #searchform:focus {
    border-color: #dfb353;
}

.widget #searchform input[type="submit"] {
    border: 0;
    border-radius: 1px;
    padding: 4px 10px;
    width: 27px;
    display: inline-block;
    text-indent: -9999px;
    height: 26px;
    background: url(images/sicon.png) no-repeat;
    color: #fff;
    font-size: 12px;
    opacity: .5;
    /* line-height: 30px; */
    text-indent: -9999px;
}

.tagcloud a {
    display: inline-block;
    background: #dfb353;
    padding: 5px 10px;
    border-radius: 20px;
    margin: 4px 2px;
    color: #fff;
    font-size: 13px;
    border: 2px dashed transparent;
}

.tagcloud a:hover {
    border-color: #dfb353;
    background: transparent;
    color: #444
}
.fancybox-lock .fancybox-overlay {
	z-index:9999999999
}
.gallery .gallery-caption {
	background-color: rgba(0,0,0,.5);
color: #fff;
width: 100%;
font-size: 13px;
padding: 5px;
	position: absolute;
bottom: 0;
}
.gallery .gallery-item {
	position:relative
}
/*
= phone 
------------------------------------------------*/

#toggle_phone {
	position: fixed;
	bottom: 0;
	z-index: 999;
}

#toggle_content {
	position: fixed;
	bottom: 15px;
	left: 150px;
	border: 1px solid #eee;
	background: #fff;
	padding: 15px;
	border-radius: 8px;
	box-shadow: 0 0 6px #ddd;
    display: none
}

#toggle_arrow {
	position: absolute;
	left: -19px;
	bottom: 60px;
	filter: drop-shadow(rgba(0, 0, 0, 0.1) -4px 1px 2px);
}

#toggle_arrow:after {
	border: 15px solid;
	border-color: transparent white transparent transparent;
	content: "";
	left: 50%;
	margin-left: -10px;
	position: absolute;
	top: 100%;
}

#toggle_content #close_item {
	position: absolute;
	top: -13px;
	right: -6px;
	cursor: pointer;
}

#toggle_content #close_item i {
	display: inline-block;
	font-size: 25px;
	background: #fff;
	width: 25px;
	height: 25px;
	box-shadow: 0 0 4px #ddd;
	line-height: 25px;
	border-radius: 50%;
	transition: all .3s;
}

#toggle_content #close_item i:hover {
	color: #dfb353
}

#toggle_content ul li {
	direction: ltr;
	text-align: left;
	font-size: 13px;
	color: #333;
	padding: 3px;
}

#toggle_content ul li i {
	color: #dfb353;
	padding-right: 10px;
	font-size: 18px;
	vertical-align: middle;
}

.call-now-button {
	display: none;
	z-index: 9999;
	clear: both;
	margin: 0 auto;
	position: fixed;
	border-radius: 50px;
}

.call-now-button div {
	display: flex;
}

.call-now-button div p {
	color: #fff;
	display: table;
	padding: 10px;
	border-radius: 21px;
	height: 34px;
	line-height: 14px;
	font-size: 14px;
	margin: 8px 5px 8px 50px;
	text-transform: uppercase;
	font-weight: normal;
	text-align: center;
	box-sizing: content-box;
	text-decoration: none !important;
	box-sizing: border-box;
}

.quick-alo-ph-circle.active {
	width: 130px;
	height: 130px;
	top: -40px;
	left: -40px;
	position: absolute;
	background-color: transparent;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	border-radius: 100%;
	border: 2px solid rgba(30, 30, 30, 0.4);
	opacity: 1;
	-webkit-animation: quick-alo-circle-anim 1.2s infinite ease-in-out;
	-moz-animation: quick-alo-circle-anim 1.2s infinite ease-in-out;
	-ms-animation: quick-alo-circle-anim 1.2s infinite ease-in-out;
	-o-animation: quick-alo-circle-anim 1.2s infinite ease-in-out;
	animation: quick-alo-circle-anim 1.2s infinite ease-in-out;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
	-webkit-transform-origin: 50% 50%;
	-moz-transform-origin: 50% 50%;
	-ms-transform-origin: 50% 50%;
	-o-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
}

.quick-alo-ph-circle-fill.active {
	width: 80px;
	height: 80px;
	top: -15px;
	left: -15px;
	position: absolute;
	background-color: #000;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	border-radius: 100%;
	border: 2px solid transparent;
	opacity: 1;
	-webkit-animation: quick-alo-circle-fill-anim 2.3s infinite ease-in-out;
	-moz-animation: quick-alo-circle-fill-anim 2.3s infinite ease-in-out;
	-ms-animation: quick-alo-circle-fill-anim 2.3s infinite ease-in-out;
	-o-animation: quick-alo-circle-fill-anim 2.3s infinite ease-in-out;
	animation: quick-alo-circle-fill-anim 2.3s infinite ease-in-out;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
	-webkit-transform-origin: 50% 50%;
	-moz-transform-origin: 50% 50%;
	-ms-transform-origin: 50% 50%;
	-o-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
}

.quick-alo-ph-img-circle.shake {
	width: 50px;
	height: 50px;
	top: 0;
	left: 0;
	position: absolute;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	border-radius: 100%;
	border: 2px solid transparent;
	opacity: 1;
	background: url(../../images/quick-call-button.png) no-repeat center center;
	-webkit-animation: quick-alo-circle-img-anim 1s infinite ease-in-out;
	-moz-animation: quick-alo-circle-img-anim 1s infinite ease-in-out;
	-ms-animation: quick-alo-circle-img-anim 1s infinite ease-in-out;
	-o-animation: quick-alo-circle-img-anim 1s infinite ease-in-out;
	animation: quick-alo-circle-img-anim 1s infinite ease-in-out;
	-webkit-transform-origin: 50% 50%;
	-moz-transform-origin: 50% 50%;
	-ms-transform-origin: 50% 50%;
	-o-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
}

.quick-alo-phone-img-circle.shake {
	width: 50px;
	height: 50px;
	top: 0;
	left: 0;
	position: absolute;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	border-radius: 100%;
	border: 2px solid transparent;
	opacity: 1;
	background: url(images/quick-call-button-phone.png) no-repeat center center;
	-webkit-animation: quick-alo-circle-img-anim 1s infinite ease-in-out;
	-moz-animation: quick-alo-circle-img-anim 1s infinite ease-in-out;
	-ms-animation: quick-alo-circle-img-anim 1s infinite ease-in-out;
	-o-animation: quick-alo-circle-img-anim 1s infinite ease-in-out;
	animation: quick-alo-circle-img-anim 1s infinite ease-in-out;
	-webkit-transform-origin: 50% 50%;
	-moz-transform-origin: 50% 50%;
	-ms-transform-origin: 50% 50%;
	-o-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
}

.quick-alo-ph-img-circle.notshake {
	width: 50px;
	height: 50px;
	top: 0;
	left: 0;
	position: absolute;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	border-radius: 100%;
	border: 2px solid transparent;
	opacity: 1;
	background: url(../../images/quick-call-button.png) no-repeat center center;
	-webkit-transform-origin: 50% 50%;
	-moz-transform-origin: 50% 50%;
	-ms-transform-origin: 50% 50%;
	-o-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
}

.quick-alo-phone-img-circle.notshake {
	width: 50px;
	height: 50px;
	top: 0;
	left: 0;
	position: absolute;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	border-radius: 100%;
	border: 2px solid transparent;
	opacity: 1;
	background: url(../../images/quick-call-button-phone.png) no-repeat center center;
	-webkit-transform-origin: 50% 50%;
	-moz-transform-origin: 50% 50%;
	-ms-transform-origin: 50% 50%;
	-o-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
}

@-moz-keyframes quick-alo-circle-anim {
	0% {
		-moz-transform: rotate(0) scale(0.5) skew(1deg);
		opacity: 0.1;
		-moz-opacity: 0.1;
		-webkit-opacity: 0.1;
		-o-opacity: 0.1;
	}
	30% {
		-moz-transform: rotate(0) scale(0.7) skew(1deg);
		opacity: 0.5;
		-moz-opacity: 0.5;
		-webkit-opacity: 0.5;
		-o-opacity: 0.5;
	}
	100% {
		-moz-transform: rotate(0) scale(1) skew(1deg);
		opacity: 0.6;
		-moz-opacity: 0.6;
		-webkit-opacity: 0.6;
		-o-opacity: 0.1;
	}
}

@-webkit-keyframes quick-alo-circle-anim {
	0% {
		-webkit-transform: rotate(0) scale(0.5) skew(1deg);
		-webkit-opacity: 0.1;
	}
	30% {
		-webkit-transform: rotate(0) scale(0.7) skew(1deg);
		-webkit-opacity: 0.5;
	}
	100% {
		-webkit-transform: rotate(0) scale(1) skew(1deg);
		-webkit-opacity: 0.1;
	}
}

@-o-keyframes quick-alo-circle-anim {
	0% {
		-o-transform: rotate(0) kscale(0.5) skew(1deg);
		-o-opacity: 0.1;
	}
	30% {
		-o-transform: rotate(0) scale(0.7) skew(1deg);
		-o-opacity: 0.5;
	}
	100% {
		-o-transform: rotate(0) scale(1) skew(1deg);
		-o-opacity: 0.1;
	}
}

@-moz-keyframes quick-alo-circle-fill-anim {
	0% {
		-moz-transform: rotate(0) scale(0.7) skew(1deg);
		opacity: 0.2;
	}
	50% {
		-moz-transform: rotate(0) -moz-scale(1) skew(1deg);
		opacity: 0.2;
	}
	100% {
		-moz-transform: rotate(0) scale(0.7) skew(1deg);
		opacity: 0.2;
	}
}

@-webkit-keyframes quick-alo-circle-fill-anim {
	0% {
		-webkit-transform: rotate(0) scale(0.7) skew(1deg);
		opacity: 0.2;
	}
	50% {
		-webkit-transform: rotate(0) scale(1) skew(1deg);
		opacity: 0.2;
	}
	100% {
		-webkit-transform: rotate(0) scale(0.7) skew(1deg);
		opacity: 0.2;
	}
}

@-o-keyframes quick-alo-circle-fill-anim {
	0% {
		-o-transform: rotate(0) scale(0.7) skew(1deg);
		opacity: 0.2;
	}
	50% {
		-o-transform: rotate(0) scale(1) skew(1deg);
		opacity: 0.2;
	}
	100% {
		-o-transform: rotate(0) scale(0.7) skew(1deg);
		opacity: 0.2;
	}
}

@-moz-keyframes quick-alo-circle-img-anim {
	10% {
		transform: rotate(0) scale(1) skew(1deg);
	}
	10% {
		-moz-transform: rotate(-25deg) scale(1) skew(1deg);
	}
	20% {
		-moz-transform: rotate(25deg) scale(1) skew(1deg);
	}
	30% {
		-moz-transform: rotate(-25deg) scale(1) skew(1deg);
	}
	40% {
		-moz-transform: rotate(25deg) scale(1) skew(1deg);
	}
	50% {
		-moz-transform: rotate(0) scale(1) skew(1deg);
	}
	100% {
		-moz-transform: rotate(0) scale(1) skew(1deg);
	}
}

@-webkit-keyframes quick-alo-circle-img-anim {
	0% {
		-webkit-transform: rotate(0) scale(1) skew(1deg);
	}
	10% {
		-webkit-transform: rotate(-25deg) scale(1) skew(1deg);
	}
	20% {
		-webkit-transform: rotate(25deg) scale(1) skew(1deg);
	}
	30% {
		-webkit-transform: rotate(-25deg) scale(1) skew(1deg);
	}
	40% {
		-webkit-transform: rotate(25deg) scale(1) skew(1deg);
	}
	50% {
		-webkit-transform: rotate(0) scale(1) skew(1deg);
	}
	100% {
		-webkit-transform: rotate(0) scale(1) skew(1deg);
	}
}

@-o-keyframes quick-alo-circle-img-anim {
	0% {
		-o-transform: rotate(0) scale(1) skew(1deg);
	}
	10% {
		-o-transform: rotate(-25deg) scale(1) skew(1deg);
	}
	20% {
		-o-transform: rotate(25deg) scale(1) skew(1deg);
	}
	30% {
		-o-transform: rotate(-25deg) scale(1) skew(1deg);
	}
	40% {
		-o-transform: rotate(25deg) scale(1) skew(1deg);
	}
	50% {
		-o-transform: rotate(0) scale(1) skew(1deg);
	}
	100% {
		-o-transform: rotate(0) scale(1) skew(1deg);
	}
}

@media screen and (max-width: 2000px) {
	.call-now-button {
		display: flex !important;
		background: #4caf50;
	}
	.quick-call-button {
		display: block !important;
	}
}

@media screen and (min-width: 1024px) {
	.call-now-button .call-text {
		display: none !important;
	}
}

@media screen and (max-width: 1024px) and (min-width: 680px) {
	.call-now-button .call-text {
		display: none !important;
	}
}

@media screen and (max-width: 680px) {
	.call-now-button .call-text {
		display: none !important;
	}
}

.call-now-button {
	top: 85%;
}

.call-now-button {
	left: 3%;
}

.call-now-button {
	background: #dfb353;
}

.call-now-button div a .quick-alo-ph-img-circle,
.call-now-button div a .quick-alo-phone-img-circle {
	background-color: #dfb353;
}

.call-now-button .call-text {
	color: #ffffff;
}
@media screen and (min-width: 1200px) { 
.container {
    max-width: 1170px;
}
}

/*
= scroll up
---------------------------------------------*/

#go-up {
	height: 40px;
	width: 40px;
	border: 1px solid #c9a302;
	position: relative;
	cursor: pointer;
	transition: all 0.5s cubic-bezier(0.25, 1.7, 0.35, 1.5);
	overflow: hidden;
	display: none;
    border-radius: 50%;
    z-index: 99
}

#go-up {
	position: fixed;
	bottom: 20px;
	left: 20px;
}

.arrow-slide {
	left: 0;
	top: -100%;
	width: 100%;
	height: 100%;
	background: #c9a302;
	position: absolute;
	display: block;
	z-index: 0;
}

.left-arm {
	position: absolute;
	z-index: 1;
	background-color: transparent;
	top: 19px;
	left: 2px;
	width: 20px;
	display: block;
	transform: rotate(-45deg);
}

.left-arm:after {
	content: "";
	background-color: #c9a302;
	width: 20px;
	height: 1px;
	display: block;
	border-radius: 1px;
	transition: all 0.5s cubic-bezier(0.25, 1.7, 0.35, 1.5);
	transform-origin: right center;
	z-index: -1;
}

.right-arm {
	position: absolute;
	z-index: 1;
	background-color: transparent;
	top: 19px;
	left: 16px;
	width: 20px;
	display: block;
	transform: rotate(45deg);
	border-radius: 2px;
}

.right-arm:after {
	content: "";
	background-color: #c9a302;
	width: 20px;
	height: 1px;
	display: block;
	border-radius: 1px;
	transition: all 0.5s cubic-bezier(0.25, 1.7, 0.35, 1.5);
	transform-origin: left center;
	z-index: -1;
}

#go-up:hover {
	transition: all 0.1s;
}

#go-up:hover .left-arm:after {
	transform: rotate(-10deg);
}

#go-up:hover .right-arm:after {
	transform: rotate(10deg);
}

#go-up:hover .arrow-slide {
	transition: all 0.4s ease-in-out;
	transform: translateY(200%);
}
.frm_help1 {
    background: #f5f5f5;
border-radius: 25px;
padding: 15px 25px;
border: 2px solid #ccc;
margin-top:10px;
margin-bottom:10px
}
.frm_help1 ul.gform_fields  li.gfield {
 float: right !important;
clear: none !important;
width: 30%;
   margin-left: 5px !important;
}
.frm_help1 ul.gform_fields  li.gfield input[type="text"],.frm_help1 ul.gform_fields  li.gfield input[type="number"] {
    width: 100% !important;
    color:#777;

}
.gform_wrapper .frm_help1 .gform_footer input.button, .gform_wrapper .gform_footer input[type="submit"] {
    text-align:center !important;
    margin-top: 15px;
}
/*
= responsive
-------------------------------------*/
@media screen and (max-width:1200px) {
    .top__header p {
        font-size: 12px
    }
    .phone_nr span {
        font-size: 13px
    }
        #main_slider .slick-prev, #main_slider .slick-next {
        bottom: 45%
    }
    #main_slider .slick-prev {
        right: 15px
    }
    #main_slider .slick-next {left: 15px}
    .wrap_caption {
        padding-top: 80px
    }
}
@media screen and (max-width:992px) {
    .top__header p, .social_nw {
        display: none;
    }
    .nav-toggle {
        padding: 0
    }
    .navbar_wrapper ul.nav-menu {
        margin: 0;
        box-shadow: 0px 0px 10px #aaa;
border-bottom: 2px solid #ddd;
		background:#3b3b3b;
    }
    .nav-container {
        width: 300px
    }
    .top_item_cnt {
        justify-content: left
    }
    .top__header {
        min-height: 65px
    }
    .phone_nr {
position: absolute;
left: 0;
background: rgba(0,0,0,.8);
top: 12px;
z-index: 999;
border-radius: 0 0 6px 0;
    }
    .phone_nr span {
        padding-right: 6px;
        font-size: 10px
    }
    .thumb__logo {
        float: none;
        text-align: center;
        position: absolute;
        top: 2px;
        left: 0;
        right: 0;
        margin: auto;
        max-width: 100px
    }
    .thumb__logo img {
               max-width: 110px
    }
    .parent-nav {
        height: auto !important
    }
    .wrap_caption .topTitle a {
        font-size: 25px;
        margin-bottom: 15px
    }
    .wrap_caption p {
        font-size: 14px
    }
    .wrap_caption {
        padding-top: 25px
    }
    .navbar_wrapper.fixnav {
        position: static !important
    }
    .container {
        max-width: 100%
    }
    .element_item {
        padding: 0 5px;
    }
    .element_item {
        margin-bottom: 10px
    }
    #portfolio .portfolio_item {padding: 0 5px}
    .twentytwenty-before-label::before, .twentytwenty-after-label::before {font-size: 10px;line-height: 25px;
padding: 0 5px}
    .navigation .nav-menu {background: #fff}
    .nav-menu .menu-link {
  padding: 10px 15px;
  font-size: 12px;
}
    .nav-menu > .has-dropdown::after {border-radius: 2px;background: #dfb353}
    .navigation {top: 13px}
    .single .navbar_wrapper, .archive .navbar_wrapper, .page .navbar_wrapper, .search .navbar_wrapper {
        margin-top: 0;
        box-shadow: 0 0
    }
    .archive_item .archive_wrap .tittle_av a {font-size: 16px}
    .archive_item .archive_wrap p {
  font-size: 13px;
  line-height: 25px;
}
 #index-wrap-counter .container > .row {
    padding: 0;
}
@media screen and (max-width:768px) {
	#commentbox {
		padding:10px
	}
	.frm_help1 ul.gform_fields li.gfield {
		width:100%
	}
    .about__image {
        display: none
    }
    .about__me {
        padding: 25px 0 15px
    }
    .element_item .elemwnt_title {
        font-size: 18px
    }
    .element_item .elm_wrapper {
        padding: 20px 0 
    }
    .wrap_caption {
        padding-top: 0;
    }
    .wrap_caption p,.wrap_caption .btn_Link_arrow {
        display: none
    }
    .wrap_caption .topTitle a {font-size: 18px}
    .ser_header .ser_title {
        font-size: 26px;
        padding: 0
    }
    .beaf_head .t_beaf {font-size: 22px}
    .beaf_head p {
        font-size: 13px
    }
    .thumb__logo{text-align: right;max-width:none;right:52px}
    #Customer_count {
        padding: 0
    }

    .blogSection,.teemSection {padding: 30px 0 15px}
    .ser_header {
        margin-bottom: 35px
    }
}
#toggle_phone {display: none}
@media screen and (max-width:580px) {
	.related__posts .rp_item {
		border-bottom: 1px solid #ddd;
padding-bottom: 10px;
	}
	.related__posts .thumb_rp {
		float:none
	}
	.related__posts .thumb_rp img {
		display:block;
		margin:auto
	}
	.related__posts .content_rp {
		  text-align: center;
  padding-top: 10px;
}
	}
	.element_item {
		width:50%
	}
	.gform_wrapper input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]):not([type="button"]):not([type="image"]):not([type="file"]) {
		width:100% !important
	}
    .flags {
  position: absolute;
  right: 50px;
  z-index: 99;
}
	    #Customer_count .container {border-radius:0}
	.box_count i {font-size:40px}
	.box_count .counter {
		font-size:16px;
		font-weight:normal;
		margin-bottom:5px
	}
	.box_count .counter::before {
  left: -10px;
  font-size: 14px;
  font-weight: normal;
}
	.box_count {
  border-left: 1px solid;
}
.box_count h5, .box_count span {
  font-size: 14px;
  line-height: 16px;
}
.box_count span {
	display: block;
  color: #fff;
}
    .about__content .subtitle {display: none}
    .about__content{padding: 0 25px}
    .about__content .ab_t {font-size: 24px}
    #portfolio .portfolio_item {
        width: 50%
    }
    .wrap_caption {display: none}
    #main_slider .slick-prev, #main_slider .slick-next {width: 30px;height: 30px}
    #main_slider .slick-prev, #main_slider .slick-next {font-size: 14px}
    #main_slider .slick-prev, #main_slider .slick-next {bottom: 43%}
    .element_item .elm_wrapper {
        padding: 15px 0 0;
        box-shadow: 0 0 3px #eee
    }
    .ser_header p {font-size: 12px}
    .services__sec,#portfolio {padding: 0}
    .default_Title {font-size: 24px}
    #portfolio .portfolio_item {margin-bottom: 10px}
    .about__content, .about__content p {font-size: 13px;line-height: 26px}
    
    .btn_Link_arrow {
        text-align: center
    }
    .element_item .elemwnt_title {
        padding: 20px 0 10px
    }
    .archive_item .archive_wrap {
        height: auto
    }
    .btn_link_archive {position: relative}
    
}
@media screen and (max-width:480px) {

    .slider_pfo .slick-prev, .slider_pfo2 .slick-prev, .slider_pfo .slick-next, .slider_pfo2 .slick-next {
        bottom: auto;
        top: -45px;
    }
    .beaf_head p {
        padding-bottom:20px;
    }
    .slider_pfo .slick-prev i, .slider_pfo2 .slick-prev i, .slider_pfo .slick-next i, .slider_pfo2 .slick-next i {
        font-size: 20px;
color: #777;
background: #f8f8f8;
padding: 10px;
border-radius: 3px;
border: 1px solid #ddd;
    }
    .slider_pfo .slick-next, .slider_pfo2 .slick-next {left:39%}
    .slider_pfo .slick-prev, .slider_pfo2 .slick-prev {right:39%}
    .ser_header .ser_title {font-size: 22px}
    .teemSection .teem_item .teem_item_wrap .overly_teem p {font-size: 11px}
    .copyright p {font-size: 12px;text-align: center}
    
}
/* سبک‌های CSS برای پاپ‌آپ */
        #popup-container {
            display: none;
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: rgba(0, 0, 0, 0.7);
            z-index: 999;
        }

        #popup-content {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            background: #fff;
            padding: 20px;
            border: 1px solid #ccc;
            border-radius: 5px;
            text-align: center;
        }

        #popup-image {
            max-width: 100%;
            max-height: 80%;
        }

        #close-button {
            cursor: pointer;
            font-size: 20px;
            position: absolute;
            top: 10px;
            right: 10px;
        }
/* اندازه پاپ‌آپ برای موبایل */
@media (max-width: 767px) {
    #popup-content {
        width: 80%; /* یا اندازه دلخواه خود را تعیین کنید */
    }
}

/* اندازه پاپ‌آپ برای تبلت و دسکتاپ */
@media (min-width: 768px) {
    #popup-content {
        width: 50%; /* یا اندازه دلخواه خود را تعیین کنید */
    }
}
.gform_wrapper form {
	text-align:right !important;
}
.gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file])  {
	border: 1px solid #bbb;
    border-radius: 35px;
	padding:5px 15px !important;
}
.gform_wrapper input {
	width:40% !important;
}
.gform_wrapper .ginput_container_phone input {
	width:20% !important;
}
.gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]):focus,.gform_wrapper textarea:focus {
	box-shadow:0 0 12px #ccc
}
.gform_wrapper.gf_browser_chrome ul.gform_fields li.gfield select {
	    padding: 10px 5px;
    border: 1px solid #bbb;
    border-radius: 35px;
}
.gform_wrapper textarea {
	    border: 1px solid #bbb;
    border-radius: 35px;
	padding:10px 15px !important;
} 
.gform_wrapper .gform_footer input.button, .gform_wrapper .gform_footer input[type=submit] {
	    border: 0;
    background: #ec2c58;
    padding: 10px 35px;
    color: #fff;
	transition:all .3s;
    border-radius: 35px;
	cursor:pointer;
	width: auto !important;
}
.gform_wrapper .gform_footer input.button:hover, .gform_wrapper .gform_footer input[type=submit]:hover {
	opacity:.7;
}
.gform-theme--framework select:where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):where(:not([multiple])) {
	background-position: left !important;
	padding-left:2px !important;
}
.img-hover-wrap {
    position: relative;
    display: block;
}

.img-hover-wrap img {
    display: block;
    width: 100%;
    height: auto;
    transition: opacity 0.3s ease-in-out;
}

.img-hover-wrap .img-after {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
}

.img-hover-wrap:hover .img-after {
    opacity: 1;
}

.img-hover-wrap:hover .img-before {
    opacity: 0;
}

/*
= colors
------------------------------------------*/

/* background */
.btn_Link_arrow a,#main_slider .slick-prev:hover, #main_slider .slick-next:hover,.beaf_head .t_beaf span:after,
.about__content .subtitle:after,.btn_morelink a,.btn_tel a,.title_footer .ft_title:after,#preloader .spinner-grow,
.left-arm:after,.right-arm:after,.arrow-slide,.tagcloud a,.TitlePage:before,.wp-pagenavi span.current,
.wp-pagenavi a.page:hover, .wp-pagenavi a.larger:hover,.widget #wp-calendar th{
    background: #244294 !important
}

/* color */
.top__header .map_add,.phone_nr span i,.wrap_portfolio .link_tp,.about__content .subtitle,.ser_header .ser_subtitle span,.box_count i,
.copyright p a,a.nextpostslink, a.previouspostslink
{
    color: #c9a302 !important
}
/* hover text */
.social_nw li a:hover,.nav-menu .menu-link:hover,.element_item .elemwnt_title:hover,.wrap_portfolio .link_tp:hover,
.blog_item .blog-item-wrap .blog-item-title a:hover, .blog_item .blog-item-wrap .cat_link_blog a:hover,.footer_box ul li a:hover,
.breadcrumb li a:hover,.thumb__list ul li .title__list a:hover,.content_rp a:hover{
    color: #dfb353 !important
}

/* border */
#go-up,.tagcloud a:hover{
    border-color: #dfb353 !important

}