/*
theme name: sit.co
version: 1.0
Author: 2sweb.ir
Author URI: http://2sweb.ir
Desctiption:
*/
@font-face {
	font-family: IRANYekanX;
	font-style: normal;
	font-weight: bold;
	src: url('fonts/IRANYekanX/woff/IRANYekanX-Bold.woff') format('woff'),   
	url('fonts/IRANYekanX/woff2/IRANYekanX-Bold.woff2') format('woff2');	 
}

@font-face {
	font-family: IRANYekan;
	font-style: normal;
	font-weight: normal;
	src: url('fonts/IRANYekanX/woff/IRANYekanX-Regular.woff') format('woff'),   
	url('fonts/IRANYekanX/woff2/IRANYekanX-Regular.woff2') format('woff2');	
}
body {
	color: #333;
	direction: rtl;
	text-align: right;
	font-family: IRANYekan !important;
}
h1, h2, h3, h4, h5, h6,input, textarea {
	font-family: IRANYekanX !important;
}
ul {
	list-style:none;
}

ol {
    padding-left: 15px;
}

* {
	outline: none;
}

em {
	font-style: italic;
}

.alignright {
	display:inline;
	float:left;
	text-align:left;
    padding-right: 10px;
	max-width: 100%;
	margin-bottom: 10px;
}

.alignleft {
	display:inline;
	float:right;
	text-align:right;
    padding-left: 10px;
	max-width: 100%;
	margin-bottom: 10px;
}

.aligncenter {
	display:block;
	margin:15px auto;
	text-align:center;
	max-width: 100%;
	margin-bottom: 10px;
}

blockquote {
	font-size: 14px;
	line-height: 35px;
	background: #eee;
	padding: 10px;
	margin: 10px 0;
    border-right: 4px solid #5f95fe
}

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

table {
    width: 100%;
    max-width: 100%;
}

table td {
	padding: 10px 15px;
	font-size: 14px;
	vertical-align: middle;
	text-align: center;
    border: 1px solid #ccc
}

a {
    text-decoration: none;
    transition:all .2s
}

a:active,
a:visited,
a:focus {
    outline: 0
}

@media (min-width: 1200px) { 
.container {
    max-width: 1275px;
}
}

/*
= header
-----------------------------------------*/

.title-desc {
    position: absolute
}

.title-desc h1,
.title-desc h2 {
    text-indent: -999999px !important
}

.back-index-header {
    position: relative
}

.back-index-header img {
    display: block;
    margin: auto
}

.back-index-header:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    right: 0
}

.caption-bg {
    position: absolute;
    display: table;
    top: 45%;
    right: 0;
    left: 0;
    margin: auto;
    z-index: 11;
}

.caption-bg .caption-bg-title a,
.caption-bg .caption-bg-title {
    display: block;
    color: #fff;
    text-decoration: none;
    font-size: 1.5em;
}

.archive .caption-bg .caption-bg-title,
.back-single .caption-bg-title {
    font-size: 2em
}

.caption-bg .caption-bg-desc {
    color: #fff;
    font-size: 1.3em;
    padding-right: 15px;
}

.caption-bg .more-caption-bg {
    color: #000;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    background: #c1a464;
    border-radius: 5px;
    padding: 10px 8px;
    margin-right: -267px;
    vertical-align: middle;
	    margin-top: 155px;

    transition: all .3s
}

.caption-bg .more-caption-bg i {
    transition: all .3s;
    opacity: 0;
    visibility: hidden;
    font-size: 0
}

.caption-bg .more-caption-bg:hover i {
    opacity: 1;
    visibility: visible;
    padding-right: 5px;
    font-size: 13px
}

/*
=header-top
-----------------------------------------*/

.header-top {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    margin: auto;
    z-index: 10;
    border-bottom: 1px solid #888;
}

.header-top ul.wrap-list-header {
    display: table;
    margin: auto;
    height: 25px;
    line-height: 25px;
    color: #ddd;
    font-size: 15px;
    padding-right: 0
}

.header-top ul.wrap-list-header li {
    display: inline-block;
}

.header-top ul.wrap-list-header li.phone-row,
.header-top ul.wrap-list-header li.mail-row {
    border-left: 1px solid #888;
    padding: 0 12px;
}
.header-top ul.wrap-list-header li.phone-row a, .header-top ul.wrap-list-header li.mail-row a { color: #fff; }
.header-top ul.wrap-list-header li i {
    font-size: 16px;
    vertical-align: middle;
    padding-left: 3px
}

.header-top ul.wrap-list-header .social-row ul {
    padding-right: 12px
}

.header-top ul.wrap-list-header .social-row ul li {
    display: inline-block;
    margin: 2px
}

.header-top ul.wrap-list-header .social-row ul li a {
    display: block;
    color: #f5f5f5;
    transition: all .4s
}

.header-top ul.wrap-list-header .social-row ul li i {
    font-size: 14px;
    vertical-align: middle;
    padding: 0 5px;
}

.header-top ul.wrap-list-header .social-row ul li a:hover {
    color: #fff
}

/*
= Main-Nav
-----------------------------------------*/

.container-header {
    position: absolute;
    top: 30px;
    right: 0;
    left: 0;
    margin: auto;
    z-index: 999;
}

.main-header .container > .row {
    justify-content: center;
    align-items: center
}

nav.Main-Nav.navbar {
    justify-content: center
}

.brand-site {
    display: block;
    margin-left: 35px;
}

.brand-site .i-amphtml-element {
    width: 153px;
    margin: auto;
}

.Main-Nav .navbar-nav .nav-link {
    color: #eee;
    font-size: 15px
}

.Main-Nav .navbar-nav .nav-link:hover {
    color: #fff
}

.Main-Nav.navbar-expand-md .offcanvas {
    flex-grow: 0
}

.Main-Nav .navbar-nav .dropdown-menu a {
    font-size: 13px
}

.Main-Nav .navbar-nav .nav-item.dropdown.full {
    position: static
}

.Main-Nav .navbar-nav .nav-item.dropdown.full ul li {
    margin: 0 10px
}

.Main-Nav .navbar-nav .nav-item.dropdown.full .dropdown-menu > li.nav-item > a {
    border-bottom: 2px solid #eee;
    font-weight: 700
}

.dropdown-item.active,
.dropdown-item:active,
.dropdown-item:focus,
.dropdown-item:hover {
    background-color: transparent !important
}

.nav-link:focus-visible {
    box-shadow: 0 0 !important
}

.Main-Nav .navbar-nav .nav-item.dropdown.full .dropdown-menu {
    width: 100%;
    right: 0;
    text-align: center
}

.Main-Nav .navbar-nav .nav-item.dropdown.full .dropdown-menu li {
    display: block;
    width: 15%;
    float: right;
}

.Main-Nav .navbar-nav .nav-item.dropdown.full .dropdown-menu li a {
    text-align: center
}

.Main-Nav .navbar-nav .nav-item .dropdown-menu li a:hover {
    color: #5f95fe;
}

.Main-Nav .navbar-nav .nav-item.dropdown ul {
    position: absolute;
    top:100%;
    right: 0;
    padding-right: 0;
	min-width:230px
}

.Main-Nav .navbar-nav .nav-item.dropdown ul ul {
    position: absolute;
    top: 0;
    right: 100%;
    background: #fff;
    min-width: 150px;
    border-radius: 5px;
    margin-right: 1px;
    opacity: 0;
    visibility: hidden;
    transition: all .3s
}

.Main-Nav .navbar-nav .nav-item.dropdown ul li:hover > ul {
    opacity: 1;
    visibility: visible
}

.Main-Nav .navbar-nav .nav-item.dropdown.full ul ul {
    position: relative;
    right: 0;
    opacity: 1;
    visibility: visible
}

.Main-Nav .navbar-nav .nav-item.dropdown ul li {
    display: block;
    position: relative
}

.Main-Nav .navbar-nav .nav-item.dropdown ul li a {
    display: block;
    color: #555;
    font-size: 13px;
    text-align: right;
    padding: 10px 15px;
}

.Main-Nav .navbar-nav .nav-item.dropdown ul ul li a {
    padding: 5px;
    text-decoration: none
}

.Main-Nav .navbar-nav .nav-item.dropdown.full .dropdown-menu li li {
    display: block;
    width: 100%;
}

.Main-Nav .navbar-nav .dropdown-menu {
    z-index: 999
}

.Main-Nav .dropdown-toggle::after {
    content: "\f282";
    font-family: bootstrap-icons!important;
    border: 0;
    margin: 0;
    vertical-align: middle;
    margin-right: 5px;
    font-size: 12px;
    transition: all .3s
}

.Main-Nav li.dropdown:hover > .dropdown-toggle::after {
    content: "\f659"
}
/*
= our-services
------------------------------------------*/

.our-services {
    position: relative;
    padding: 20px 0;
    background-color: #eff5fa;
}

.our-services:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 500px;
    height: 340px;
    background: url(images/serv-top.png) no-repeat;
    z-index: 1
}

.our-services:after {
    content: "";
    position: absolute;
    bottom: 0;
    right: 0;
    width: 500px;
    height: 416px;
    background: url(images/serv-bottom.png) no-repeat;
    z-index: 1
}

.our-services .serv-header {
    padding: 0 15px 35px;
    position: relative;
    z-index: 2;
}

.our-services .serv-box {
    counter-reset: li;
    position: relative;
    z-index: 2;
    padding: 0
}

.serv-item-box {
    margin-bottom: 40px;
    padding: 0 20px
}

.serv-item-box .wrap-box {
    background: #f8fafc;
    border-radius: 5px;
    padding:0 15px 15px;
    position: relative;
    transition: all 300ms ease-out
}

.serv-item-box .wrap-box:before {
    content: counter(li, decimal);
    counter-increment: li;
    position: absolute;
    top: 0px;
    left: 20px;
    font-size: 50px;
    color: #e2ecfa;
    transition: all 300ms ease-out;
    font-weight: bold;
}

.serv-item-box .wrap-box:nth-child(1):after,
.serv-item-box .wrap-box:nth-child(2):after,
.serv-item-box .wrap-box:nth-child(3):after,
.serv-item-box .wrap-box:nth-child(4):after,
.serv-item-box .wrap-box:nth-child(5):after,
.serv-item-box .wrap-box:nth-child(6):after,
.serv-item-box .wrap-box:nth-child(7):after,
.serv-item-box .wrap-box:nth-child(8):after,
.serv-item-box .wrap-box:nth-child(9):after {
    /*content: "0";*/
    position: absolute;
    top:0;
    left: 50px;
    font-size: 50px;
    color: #e2ecfa;
    transition: all 300ms ease-out;
    font-weight: bold;
}

.serv-item-box .wrap-box .serv-item-icon i {
    font-size: 50px;
    color: #8ebaf4
}

.serv-item-box .wrap-box .more-item-link {
    display: inline-block;
    color: #fff;
    background: #7aadf1;
    border-radius: 5px;
    text-decoration: none;
    font-size: 12px;
    padding: 2px 7px;
    transition: all 300ms ease-out
}

.serv-item-box .wrap-box:hover:after,
.serv-item-box .wrap-box:hover:before {
    color: #406699
}

.serv-item-box .wrap-box:hover .more-item-link {
    background: #406699
}

.serv-item-box .wrap-box:hover {
    background: #fff
}

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

.about-us {
    position: relative;
    max-width: 1500px;
    margin: auto
}

.wrap-about-image{
    position: absolute;
    left: 0;
    bottom: 0;
    width: 500px;
}

.about-us .about-content {
    width: 55%;
    padding-top: 50px;
    position: relative;
    z-index: 3
}

.about-title-header .toptitle {
    display: inline-block;
    position: relative;
    color: #000;
    font-size: 19px;
    padding-left: 10px;
    padding-bottom: 40px;
}

.about-title-header .toptitle:after {
    content: "";
    position: absolute;
    top: 18px;
    right: 100%;
    width: 80px;
    height: 1px;
    background: #000
}

ul.about-section-meta {
    padding: 0;
    margin:50px 0 50px
}

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

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

.btn-wrapper.text-center {
    margin: 10px auto
}

.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
---------------------------------------------------*/

#index-wrap-counter {
    padding: 50px 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: #f47957;
    font-size: 40px;
    padding-left: 33px
}

#index-wrap-counter .counter:before {
    content: "+";
    position: absolute;
    left: 0;
    top:-10px;
    color: #f47957;
    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
}

/*
= index comment slider
-----------------------------------------*/

.index-comm {
    padding: 50px 0 100px;
    background: #f7fafe
}

.slide-box-hor {
    padding: 0 150px
}

.slide-box-hor .slick-list {
    padding: 20px 0
}

.index-comm .slide-item {
    background: #fff;
    padding: 10px 15px 15px;
    border-radius: 6px;
    margin: 0 10px;
    transition: all .3s
}

.index-comm .slide-item:hover {
    box-shadow: 0 0 20px #eee
}

.index-comm .title-index-comm strong {
    display: block;
    font-size: 26px;
    text-align: center;
    padding-bottom: 40px
}

.profile-comm {
    display: flex;
    justify-content: center;
    margin-top: 30px
}

.profile-comm .profile-img {
    width: 60px;
    margin-left: 20px
}

.profile-comm .profile-img img {
    width: 60px;
    height: 60px;
    border-radius: 50%
}

.slide-item .slide-quote {
    font-size: 60px;
    color: #7aadf1;
    display: block;
    line-height: 30px
}

.profile-comm p {
    margin: 0;
    font-weight: bold;
}

.title-comm p {
    margin-top: 8px
}

.slide-box-hor .slick-arrow {
    bottom: -65px;
}

.slide-box-hor .slick-next {
    left: 46%;
    right: auto;
}

.slide-box-hor .slick-prev {
    right: 46%;
    left: auto;
}

.slide-box-hor .slick-arrow i {
    font-size: 40px;
    display: inline-block;
    color: #67cdfd;
    transition: all .4s
}

.slide-box-hor .slick-arrow:hover i,
.slide-box-hor .slick-arrow:active i,
.slide-box-hor .slick-arrow:focus i {
    color: #777
}

/*
= our-project
---------------------------------------*/

.our-project {
    padding: 35px 0;
    background: #f3f5f7;
    position: relative
}

.our-project:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 350px;
    height: 301px;
    background: url(images/project-back.png) no-repeat;
    z-index: 1
}

.head-pro  {
    width: 80%;
    padding-bottom: 30px;
    position: relative;
    z-index: 2
}

.head-pro h2 {
    padding-bottom: 15px
}

.project-slide {
    position: relative;
    z-index: 2;
    margin-bottom: 35px
}

.project-slide .pro-item {
    position: relative;
    margin: 0 5px
}

.project-slide .pro-item .pro-img {
    position: relative
}

.project-slide .pro-item .pro-caption {
    position: absolute;
    bottom: 50px;
    padding: 10px;
    background: rgba(255,255,255,.7);
    width: 90%;
    right: 0;
    left: 0;
    max-width: 100%;
    border-radius: 50px 0 0 50px;
    transition: all .4s
}

.project-slide .pro-item .pro-caption h4 {
    font-size: 18px;
    color: #000;
    transition: all .4s
}

.project-slide .pro-item .pro-caption p {
    color: #000;
    line-height: 22px;
    margin: 0;
    font-size: 14px;
    transition: all .4s
}

.project-slide .pro-item .pro-caption h4,
.project-slide .pro-item .pro-caption p {  
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.project-slide .pro-item .pro-caption:after {
    content: "";
    position: absolute;
    bottom: 0;
    right: 20px;
    width: 100px;
    height: 4px;
    background: #7aadf1;
    transition: all .5s
}

.project-slide .pro-item:hover .pro-caption {
    width: 100%;
    border-radius: 0;
    background: rgba(122, 173, 241,.7)
}

.project-slide .pro-item:hover .pro-caption h4,
.project-slide .pro-item:hover .pro-caption p {
    color: #fff
}

.project-slide .pro-item .pro-img:after {
    content: "";
    position: absolute;
    right: 0;
    left: 0;
    top: 0;
    transition: all .5s
}

.project-slide .pro-item:hover .pro-img:after {
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.2);
}

.project-slide .pro-item:hover .pro-caption:after {
    width: 100%;
    right: 0
}

.project-slide .slick-arrow {
    transition: all .3s;
    visibility: hidden;
    opacity: 0
}

.project-slide .slick-arrow i {
    font-size: 40px;
    color: #fff;
}

.project-slide .slick-next {
    left: 0;
    right: auto;
}

.project-slide .slick-prev {
    left: auto;
    right: 0;
}

.project-slide:hover .slick-arrow {
    visibility: visible;
    opacity: 1
}

.project-slide:hover .slick-next{
    left: 10px
}

.project-slide:hover .slick-prev{
    right: 10px
}
/*
=articles
-----------------------------------------*/
.articles {
    padding: 50px 0 30px;
    background: url(images/blog-back.png) no-repeat
}
.articles .row {
    padding: 0 150px;
    margin-bottom: 30px
}
.article-item {
    margin-bottom: 15px
}
.blog-title {
    margin-bottom: 50px
}
.article-item a {
    display: block;
    transition: all .3s
}
.article-item a:hover {
    box-shadow: 0 0 20px #ccc
}
.article-item a {
    text-decoration: none
}
.article-item .blog-img,
.article-item .blog-img img,
.article-item a {
    border-radius: 6px 6px 0 0
}
.article-item .blog-caption {
    background: #fff;
    padding: 10px;
    border-radius: 0 0 6px 6px
}
.article-item .blog-caption h4 {
    color: #333;
    font-size: 18px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: right;
    line-height: 28px;
}
.article-item .blog-caption p {
    color: #555;
    font-size: 15px;
    text-align: right;
}
.archive-posts .article-item {
    margin-bottom: 25px
}
/*
= pagenavi
--------------------------------------------------*/
.wp-pagenavi {
    display: block;
    margin: 50px auto;
    border-radius: 3px;
    text-align: center
}
.wp-pagenavi a.page,
.wp-pagenavi a.larger {
    display: inline-block;
    color: #777;
    width: 40px;
    height: 40px;
    text-align: center;
    border: 1px solid #5f95fe;
    line-height: 40px;
    font-size: 14px
}
.wp-pagenavi a.page:hover,
.wp-pagenavi a.larger:hover {
    background: #5f95fe;
    color: #fff;
    text-decoration: none !important;
    border-radius: 50%
}
.btn_link_archive {
    text-align: center;
}
.btn_link_archive a {
    display: inline-block;
    font-size: 12px;
    border: 1px solid;
    padding: 4px 10px;
}
.wp-pagenavi span.pages {
    color: #333;
    height: 40px;
    display: inline-block;
    line-height: 40px;
    font-size: 14px;
    padding: 0 14px;
}
.wp-pagenavi span.current {
    display: inline-block;
    color: #fff;
    width: 40px;
    height: 40px;
    line-height: 38px;
    text-align: center;
    background: #5f95fe;
    border: 1px solid #5f95fe;
    font-size: 14px;
    border-radius: 50%;
}
a.nextpostslink,
a.previouspostslink {
    display: inline-block;
    padding: 0 10px;
    color: #ccc !important;
    font-size: 18px;
    vertical-align: top;
    height: 35px;
    line-height: 30px;
    text-decoration: none
}
/*
= gallery
---------------------------------------------*/
.gallery_item {
    margin-bottom: 10px;
    position: relative;
    overflow: hidden;
    z-index: 9;
    padding: 0 5px;
	height: 224px !important;
    width: 297px !important;
}
.gallery_item dt a {
    display: block;
}
.gallery_item dt a:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.7);
    top: 0;
    right: 0;
    transition: all .3s;
    z-index: 7;
    opacity: 0;
}
.gallery_item dt a:before {
    content: "\f1c5";
    display: inline-block;
    font-family: bootstrap-icons!important;
    position: absolute;
    color: #ccc;
    font-size: 25px;
    text-align: center;
    right: 0;
    left: 0;
    transition: all .3s;
    margin: auto;
    top: 0;
    z-index: 8;
    opacity: 0
}
.gallery_item dt a:hover:after {
    opacity: 1
}
.gallery_item dt a:hover:before {
    opacity: 1;
    top: 45%
}
.gallery_item dd {
    position: absolute;
    bottom: 0;
    left:15px;
    padding: 10px;
    font-size: 12px;
    color: #fff;
    transition: all .3s;
    opacity: 0;
    z-index: 15
}

.gallery_item:hover dd {
    opacity:1 !important
}

.gallery_item img {
    width: 100%;
    height: 100%
}

/*
= LogoCenter
-------------------------------------*/

.LogoCenter {
    padding: 10px 0
}

.LogoCenter ul {
    justify-content: center;
    padding: 0
}

.LogoCenter ul li {
    display: inline-block;
    margin: 5px;
    width: 150px
}

/*
= commentbox
-------------------------------------------*/

#commentbox {
    padding: 35px 0 25px;
    border-bottom: 1px solid #eee;
    margin-bottom: 25px
}

#commentbox input:not([type="submit"]){
    border: 1px solid #cccc;
    border-radius: 25px;
    line-height: 30px;
    padding: 5px 10px;
    width: 300px;
    max-width: 100%;
    transition: all .3s;
    direction: rtl;
    text-align: right;
}

#commentbox textarea {
    border: 1px solid #cccc;
    border-radius: 25px;
    padding: 10px 15px;
    transition: all .3s;
    direction: rtl;
    text-align: right;
}

#commentbox input:not([type="submit"]):focus,
#commentbox textarea:focus {
    border-color: #999;
    box-shadow: 0 0 15px #eee
}

#commentbox label {
    display: block;
    color: #777;
    margin-bottom: 10px;
    padding-right: 10px
}

#commentbox input[type="submit"] {
    border: 0;
    background: #5f95fe;
    color: #fff;
    padding: 10px 35px;
    border-radius: 25px;
    transition: all .3s
}

#commentbox input[type="submit"]:hover {
    background: #4680ef;
}
/*
= footer
--------------------------------------------*/
#footer {
    padding-top: 15px
}
#footer .cont-foot {
    padding: 0 150px
}
.footer-logo {
    display: block;
    width: 173px
}
.footer-box {
    padding: 0 15px
}
.footer-box .footer-text {
    padding: 10px 0
}
.footer-box .footer-list {
    padding: 0
}
.footer-box .footer-list li a {
    display: inline-block;
    text-decoration: none;
    position: relative;
    padding: 2px 12px 2px 2px;
    font-size: 15px;
    color: #333
}
.footer-box .footer-list li a:before {
    content: "";
    position: absolute;
    right: 0;
    top: 11px;
    width: 7px;
    height: 7px;
    border-radius: 7px;
    border: 1px solid #7aadf1;
}
.footer-box .footer-list li a:hover {
    color: #7aadf1
}
.contact-footer {
    padding: 2px 5px;
    font-size: 15px
}
.contact-footer i {
    padding-left: 4px;
    vertical-align: middle;
    font-size: 18px;
    color: #777;
}
.social-footer {
    text-align: center;
    padding: 0
}
.social-footer li {
    display: inline-block;
    margin: 5px
}
.social-footer li a {
    display: block;
    width: 35px;
    height: 35px;
    line-height: 32px;
    border-radius: 50%;
    background: #5f95fe;
    color: #fff;
    border: 2px solid #5f95fe;
    text-align: center;
    transition: all .3s
}
.social-footer li a:hover {
    color: #5f95fe;
    background: #fff
}
.copyright {
    text-align: center;
    padding: 15px 15px 20px;
    border-top: 1px solid #ddd
}
.copyright p {
    font-size: 14px;
    color: #777;
    margin: 0
}
.copyright p a {
    text-decoration: none;
    font-size: 13px
}
.copyright p a:hover {
    text-decoration: underline
}
/*
= single
------------------------------------------------*/
.main_content {
	padding: 50px 0;
}
.related-posts {
    padding: 50px 0;
    background: #fcfcfc
}
.more-link {
    display: inline-block;
    background: #5f95fe;
    color: #fff;
    font-size: 13px;
    padding: 2px 10px;
    border-radius: 3px;
    transition: all .3s
}
.more-link:hover {
    background: #3677f5
}
.breadcrumb {
    background: #f5f5f5 !important;
    padding: 0 15px
}
.breadcrumb li,
.breadcrumb li a {
    font-size: 14px;
    color: #777;
    padding: 10px 0;
    text-decoration: none;
}
.breadcrumb li.here_bc {
	padding-right: 10px;
}
.breadcrumb li a:hover {
	color: #0472A5;
}
.cat_view {
    padding: 10px;
}
.title_single_header {
    margin-bottom: 25px;
    position: relative;
}
.title_single_header i,
.blog-title i {
    padding-left: 10px
}
.cat_view li {
    font-size: 13px;
    color: #777;
}
.meta_content {
	text-align: right;
}
.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;
}
.TitlePage {
    display: block;
    position: relative;
    padding-bottom: 25px;
    padding-left: 40px;
    font-size: 22px;
    line-height: 40px;
}
.TitlePage:before {
    content: "";
    position: absolute;
    left: 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;
}
.main_content .intry ul li,
.main_content .intry ol li {
    font-size: 16px;
    line-height: 35px;
    color: #666;
    font-weight: 700
}
/*
= widget
---------------------------------------------*/
.wrapper_sidebar {
    border: 1px solid #e7e7e7;
    padding: 15px;
    border-radius: 5px;
}
.widget {
    margin-bottom: 20px;
}
.widg_title,
.thumb__list .titr_tlist {
    display: block;
    position: relative;
    padding: 10px 5px;
    font-size: 20px;
    text-align: center;
    color: #333;
    margin-bottom: 25px;
    border-bottom: 1px solid #ddd
}
.widg_title:before,
.titr_tlist:before {
    content: "";
    position: absolute;
    right: 0;
    left: 0;
    bottom: -1px;
    margin: auto;
    width: 50px;
    height: 1px;
    background: #0472A5;
    transition: all .3s
}
.widget:hover .widg_title:before,
.thumb__list:hover .titr_tlist:before {
    width: 90px;
}
.widget ul li {
    list-style: none;
    font-size: 12px;
    color: #ccc;
}
.widget ul li a {
    display: inline-block;
    padding: 10px 5px 10px 0;
    color: #777;
    font-size: 15px;
    margin-left: 5px;
    text-decoration: none
}
.widget ul li a:hover {
    color: #000;
    text-decoration: underline
}
.textwidget {
    font-size: 15px;
    padding: 10px 5px;
    line-height: 30px;
    color: #333;
    text-align: justify
}
.widget #recentcomments .recentcomments span {
    color: #000;
}
.widget #recentcomments .recentcomments a {
    font-size: 13px;
    display: inline;
}
.widget #wp-calendar {
    width: 100%;
}
.widget #wp-calendar td {
    text-align: center;
    border: 1px solid #eee;
    padding: 5px;
    font-size: 13px;
    line-height: 20px;
}
.widget #wp-calendar th {
    background: #ccc;
    color: #fff;
    text-align: center;
}
.widget #wp-calendar td a {
    color: red
}
.screen-reader-text {
    display: none
}
.searchform input[type="text"] {
    border: 2px solid #ddd;
    font-size: 14px;
    padding: 5px;
    border-radius: 4px;
    direction: rtl;
    text-align: right;
}
.searchform input[type="submit"] {
    background: #5f95fe;
    color: #fff;
    border: 0;
    padding: 5px 10px;
    border-radius: 4px;
    transition: all .3s
}
.widget .widg_content ul {
    padding-right: 0
}
.tagcloud a {
    display: inline-block;
    font-size: 12px;
    color: #fff;
    background: #5f95fe;
    border: 1px solid #5f95fe;
    text-decoration: none;
    padding: 2px 5px;
    border-radius: 3px;
    margin: 2px;
    transition: all .3s
}
.tagcloud a:hover,
.searchform input[type="submit"]:hover {
    background: #4680ef
}
.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;
    direction: rtl;
    text-align: right;
}
.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;
    direction: rtl;
    text-align: right;
}
.gform_wrapper textarea {
	border: 1px solid #bbb;
    border-radius: 35px;
	padding:10px 15px !important;
    direction: rtl;
    text-align: right;
}
.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;
}
.gform_wrapper .gform_footer input.button:hover,
.gform_wrapper .gform_footer input[type=submit]:hover {
	opacity:.7;
}
.serv-item-title {
	font-size: 1.2rem;
    font-weight: bold;
	line-height: 1.4;
}
/*
= team styles
---------------------------------------------*/
.all_team {
    padding: 50px 0;
    margin-top: 60px;
}
.team_inner .all_team {
    margin-top: 0;
    padding-top: 25px
}
.team_inner .cnt__teem {
    margin-bottom: 45px;
}
.team_inner .cnt__teem .title__circle {
    margin-bottom: 25px;
}
.team_inner .cnt__teem p {
    line-height: 32px;
    color: #444;
    font-size: 14px;
}
.all_team .team_item {
    margin-bottom: 30px;
}
.all_team .team_item figure {
    position: relative;
    overflow: hidden;
    border-radius: 20px;
}
.all_team .team_item img {
    border-radius: 15px;
    transition: all .5s;
}
.all_team .team_item figure:hover img {
    transform: scale(1.1)
}
.all_team .team_item figure::before {
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 2;
	display: block;
	content: '';
	width: 0;
	height: 0;
	background: rgba(255,255,255,.3);
	border-radius: 100%;
	-webkit-transform: translate(50%, -50%);
	transform: translate(50%, -50%);
	opacity: 0;
}
.all_team .team_item figure:hover::before {
	-webkit-animation: circle .75s;
	animation: circle .75s;
}
@-webkit-keyframes circle {
	0% {
		opacity: 1;
	}
	40% {
		opacity: 1;
	}
	100% {
		width: 200%;
		height: 200%;
		opacity: 0;
	}
}
@keyframes circle {
	0% {
		opacity: 1;
	}
	40% {
		opacity: 1;
	}
	100% {
		width: 200%;
		height: 200%;
		opacity: 0;
	}
}
.all_team .team_item .tm_itite {
    font-size: 19px;
    color: #333;
    padding: 10px;
    transition: all .3s;
    text-align: right;
}
.all_team .team_item .tm_itite:hover {
    color: #EC2C58
}
.all_team .team_item p {
    color: #555;
    text-align: right;
}
.team_inner .intry h1,
.team_inner .intry h2,
.team_inner .intry h3,
.team_inner .intry h4,
.team_inner .intry h5,
.team_inner .intry h6,
.team_inner .intry strong {
    color: #333;
    margin-bottom: 10px;
}
.team_inner .intry h1 {font-size: 32px}
.team_inner .intry h2 {font-size: 28px}
.team_inner .intry h3 {font-size: 24px}
.team_inner .intry h4 {font-size: 18px}
.team_inner .intry h5 {font-size: 16px}
.team_inner .intry h6 {font-size: 13px}
.title__line {
    display: inline-block;
    font-size: 32px;
    border-bottom: 4px solid #ec2c58;
    padding: 0 50px 20px;
}
/*
= responsive
--------------------------------------------------*/
@media screen and (min-width:1199px) {
    .serv-item-box .wrap-box {
        min-height: 239px
    }
    .serv-item-title {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    .serv-item-box .wrap-box p {
        height: 75px;
        overflow: hidden
    }
    .article-item .blog-caption {
        height: 205px;
        overflow: hidden;
    }
    .archive .article-item .blog-caption,
    .related-posts .article-item .blog-caption {
        height: 200px;
    }
    .index-comm .slide-item > p {
        height: 120px;
        overflow: hidden;
    }
}
@media screen and (min-width:768px) {
    .Main-Nav .nav-item.dropdown.full ul .dropdown-toggle::after {
        display: none;
    }
    .Main-Nav .navbar-nav .nav-item.dropdown ul li .dropdown-toggle::after {
        transform: rotate(90deg);
        left: 10px;
        top: 15px;
        position: absolute;
    }
}
@media screen and (max-width:1200px) {
    .slide-box-hor .slick-prev {right: 40%}
    .slide-box-hor .slick-next {left: 40%}
    .articles .row {padding: 0}
}
@media screen and (max-width:992px) {
    .wrap-about-image {
        opacity: .2
    }
    .about-us .about-content {
        width: 100%
    }
    .footer-logo {
        margin: auto
    }
    .LogoCenter ul li {width: 100px}
    #footer {
        background: #eee;
        text-align: center;
    }
    #footer .cont-foot {padding: 0 15px}
    #index-wrap-counter .container > .row {
        padding: 0
    }
    .count-left,
    .count-right {
        padding-top: 0
    }
    #index-wrap-counter {
        min-height: auto
    }
    .slide-box-hor {
        padding: 0
    }
    .slide-box-hor .slick-prev {right: 35%}
    .slide-box-hor .slick-next {left: 35%}
}
@media screen and (max-width:768px) {
	.our-services:after {display:none}
    .Main-Nav .navbar-nav .nav-item.dropdown ul {
        position: relative;
        background: #fcfcfc;
        border: 0;
        border-radius: 0;
        padding: 0
    }
    .Main-Nav .navbar-nav .nav-item.dropdown ul ul {
        right: 0;
        position: relative;
        visibility: visible;
        opacity: 1;
        transition: all 0s
    }
    .Main-Nav .dropdown-toggle::after {
        content: "\f282" !important;
        position: absolute;
        left: 25px;
        color: #000
    }
    .Main-Nav .dropdown-toggle.arrup::after {
        content: "\f286" !important
    }
    .Main-Nav .navbar-nav .nav-item.dropdown.full ul ul {
        border-radius: 0;
        display: none
    }
    .Main-Nav .navbar-nav .nav-item.dropdown.full .dropdown-menu li {
        margin: 0
    }
    .Main-Nav .navbar-nav .nav-item.dropdown.full .dropdown-menu li {
        width: 100%;
        float: none;
        margin: 0
    }
    .Main-Nav .navbar-nav .nav-item.dropdown.full .dropdown-menu li a {
        text-align: right
    }
    .Main-Nav .navbar-nav .nav-item.dropdown.full .dropdown-menu > li.nav-item > a {
        border: 0;
        text-align: right;
        font-weight: normal;
        border-bottom: 1px solid #eee;
    }
    .Main-Nav .navbar-nav .nav-item.dropdown.full ul {
        background: #fcfcfc
    }
    .Main-Nav .navbar-nav .nav-item.dropdown.full ul ul {
        background: #fff
    }
    .navbar-nav {
        background: #fff;
        z-index: 99999;
        position: absolute;
        width: 100%;
        right: 0;
        top: 100%;
        margin-top:1px
    }
    .offcanvas-header {
        border-bottom: 1px solid #cccc
    }
    .navbar-toggler:focus {
        box-shadow: 0 0 !important
    }
    .container-header {
        max-width: 100%
    }
    .navbar-toggler {
        position: absolute;
        right: 10px;
        color: #fff
    }
    div.offcanvas {
        position: absolute;
        width: 100%;
        z-index: 99999;
        top: 50px;
        height: 100%;
        bottom: auto
    }
    div.offcanvas-body {
        background: #fff
    }
    .Main-Nav .navbar-nav .nav-link {
        color: #333;
        font-size: 14px;
        padding-right: 15px;
        border-bottom: 1px solid #eee
    }
    .caption-bg .caption-bg-title a,
    .caption-bg .caption-bg-title {
        font-size: .8em
    }
    .caption-bg .caption-bg-desc {
        font-size: .6em
    }
    .caption-bg .more-caption-bg {
        font-size: 9px
    }
    .caption-bg .more-caption-bg:after {
        display: none
    }
    .caption-bg .caption-bg-desc {
        margin-bottom: 5px
    }
    nav.Main-Nav.navbar {
        justify-content: left;
    }
    .container-header {
        top:20px
    }
    .container {
        max-width: 100%
    }
    .btn_defLink {margin-bottom: 10px}
    .btn_defLink.margin-top {
        margin-top: 0
    }
    .index-comm .title-index-comm strong {padding-bottom: 0}
    .index-comm {
        padding: 25px 0 50px
    }
    .slide-box-hor .slick-arrow {
        bottom: -45px
    }
    .head-pro {width: 100%}
    .our-project {padding-bottom: 5px}
    .articles {padding: 25px 0 5px}
    .brand-site {margin-top: 10px}
}
@media screen and (max-width:580px) {
    .our-services .serv-header {padding-bottom: 0}
	.header-top ul.wrap-list-header {font-size:13px;}
	.header-top ul.wrap-list-header li.social-row {display: none}
    .about-title-header .toptitle {
        padding-bottom: 20px
    }
    .about-us .about-content {padding-top: 15px}
    .serv-item-box {margin-bottom: 10px}
    .caption-bg {display: none}
    .brand-site {
        margin-left: 15px;
        margin-top: 15px;
    }
    .our-services {padding-bottom: 0}
    #index-wrap-counter {
        padding: 15px 0
    }
    .blog-title {margin-bottom: 15px}
    .articles .row {margin-bottom: 0}
}
@media screen and (max-width:480px) {
	.header-top ul.wrap-list-header {font-size:13px;}
	.Main-Nav img.img-fluid { display:none; }
    .article-item {
        padding: 0 4px
    }
    .header-top ul.wrap-list-header li.social-row {display: none}
    .header-top ul.wrap-list-header li.phone-row {border: 0}
    .brand-site .i-amphtml-element {
        width: 120px
    }
}