/*
Theme Name: GigArt
Theme URI: http://www.azadcom.com
Author: afarid
Author URI: https://azadcom.com

*/
@import "az_cm/css.css";
@import "az_reg/css.css";

@import "blog/css.css";
/* STANDARDS */

*{
    padding: 0px;
    margin: 0px;
    font-family: yekanL !important;
    outline: none !important;
        unicode-bidi: embed;
}

html{
    margin: 0 !important;
    padding: 0 !important;
    scroll-behavior: smooth;
}


ul,li,ol{
    list-style: none;
}

.res{
    display: block;
}
.res img,.res video{
    display: block;
    width:100%;
    height: auto;
}
.flexCen {
	display: flow-root list-item;
	align-content: center;
	list-style: none;
}
.des{
    display: block;
}
.mob{
    display: none;
}
.freez{
    height: 100%;
    overflow: hidden;
}
.frized{
    overflow: hidden;
}

.fit img,.fit video {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.cen{
    width:1580px;
    box-sizing: border-box;
    max-width: 1580px;
    margin: 0 auto;
}
header {
 position: fixed;
 width:100%;
 top:0;
 left: 0;
 z-index: 100000;
}


.header *,.mainSlide * {
    -webkit-user-select: none; /* Safari */
    -ms-user-select: none; /* IE 10 and IE 11 */
    user-select: none; /* Standard syntax */
}
.container{
    padding: 93px 0px;
}
.flexWrp{
    height: 100vh;
     justify-content: center;
}

.flex{
    display: flex;
    align-items: center;
}
.verticalFlex{
    flex-direction: column;
}
.flexCen {
	display: flow-root list-item;
	align-content: center;
	list-style: none;
}
.br{
    clear: both;
}
h1,h2,h3,h4{
    font-weight: normal;
    line-height: 1.8em;
}
.s0{
   font-size: .9em;
}
.s1{
   font-size: 1em;
}
.s2{
   font-size: 1.2em;
}
.s3{
   font-size: 1.4em;
}
.s4{
   font-size: 1.6em;
}
.s5{
    font-size: 1.8em;
}
.s6{
    font-size: 2em;
}
.left{
    float: left;
}
.right{
    float: right;
}
.ani *,.ani{
    transition: .2s;
}
.ani2 *,.ani2{
    transition: .3s;
}
.ani3 *,.ani3{
    transition: .5s;
}
.btn{
   padding: 13px 32px;
   padding-bottom: 12px ;

   color:#FFF;
   text-align: center;
   box-sizing: border-box;
   cursor: pointer;
   transition: .2s;
   display: inline-block;
   transition: .3s;
   border-radius: 120px;
   position: relative;
   background: #F76806 ;
    box-shadow: 0px 1px 0px rgba(247, 104, 6, 0) ;
}
.btn span{
   transition: .3s;
    position: relative;
    z-index: 10;
}
.btn:before{

}
.btn:hover{
    transition: .3s;
   color:#FFF;
    box-shadow: 0px 1px 24px rgba(247, 104, 6, .5) ;

}
.moreBtn{
   padding: 24px 40px;
   font-size: 1.8em;
   position: relative;
   top:35px;
   transition: .2s;
    box-shadow: 0px 1px 0px rgba(247, 104, 6, 0) ;
}
.moreBtn:hover{

   transition: .2s;
    box-shadow: 0px 1px 32px rgba(247, 104, 6, .5) ;
}
.moreBtn:after{
   display: inline-block;
   width:21px;
   height:21px;
   content:"";
   background: url(images/more.png) no-repeat;
   margin-right: 12px;
   position: relative;
   top:4px;
}
.postMore {
	display: block;
	width: 64px;
	height: 64px;
	background-color: #e9540a !important;
	background: url(images/more.png) no-repeat;
	background-position: center;
	margin-right: 12px;
	position: absolute;
	top: 64px;
	border-radius: 999px;
	float: none;
	transition: .2s;
	box-shadow: 0px 1px 16px rgba(247, 104, 6, 0);
	left: 0px;
    transform: rotate(0deg);
}
.postMore:hover {
    transform: rotate(-45deg);
	background-color: rgba(247, 104, 6, 1) !important;
    box-shadow: 0px 1px 24px rgba(247, 104, 6, .5) ;
    transition: .2s;
}
.btn:active{

}

.pad1{
    padding-bottom: 32px ;
}
.central{
    text-align: center;
}

/* ================================================================== */
/* FONTS */
@font-face {
    font-family: yekan;
    font-style: normal;
    font-weight: normal;
    src: url(fonts/yekan/YekanBakh-Regular.ttf);
}

@font-face {
    font-family: yekanB;
    font-style: normal;
    font-weight: normal;
    src: url(fonts/yekan/YekanBakh-Bold.ttf);
}

@font-face {
    font-family: yekanM;
    font-style: normal;
    font-weight: normal;
    src: url(fonts/yekan/YekanBakh-SemiBold.ttf);
}

@font-face {
    font-family: yekanL;
    font-style: normal;
    font-weight: normal;
    src: url(fonts/yekan/YekanBakh-Light.ttf);
}
@font-face {
    font-family: yekanT;
    font-style: normal;
    font-weight: normal;
    src: url(fonts/yekan/YekanBakh-Thin.ttf);
}
.t{
    font-family: yekanT !important;
}
.r{
    font-family: yekan;
}
.l{
    font-family: yekanL;
}
.b,.b *{
    font-family: yekanB !important;
}
.b2,.b2 *{
    font-family: yekanM !important;
}

/* ===================================================================== */
body{
    background: #0a0a0a;
    background: #000;
    background: url(images/bg.png);
    direction: rtl;
    text-align: right;
    line-height: normal;
    font-size: 1em;
    color:#FFF;
    cursor: default;
    min-height: 100vh;
}
a{
    text-decoration: none;
    color:#f76806 ;
}
a:hover{
    color:#f76806 ;
}
#all{
  min-height: 100vh;
  position: relative;
  z-index: 10;
}

header{
	background-color: rgba(255, 255, 255, 0.0);
	backdrop-filter: blur(164px);
	border-bottom: solid 1px rgba(255,255,255,0);
   padding: 32px 0;
transition: .2s;
}
.header{

}

.mainLogo{
    width:202px;
    position: relative;
    transition: .2s;
}
.menuBar{
   padding-top: 24px;

}
.menuBar ul li,.menuBar ul li a{
    display: inline-block;
}
.menuBar ul li a{
    padding: 8px 22px;
    font-size: 1.6em;
    color:#FFF;
    transition: .3s;
    background: transparent;
    border-radius: 99px;
}
.menuBar ul li a:hover{
    background:#f76806  !important;
    color:#FFF !important;
    transition: .3s;
}
#mainSlide{
    width:100%;
    height: 100vh;

}
.bg1{
   position: absolute;
    width:100%;
    height: 200vh;
    background: url(images/bg1.jpg) no-repeat;
    z-index: 0;
    top:0%;
    left: 0;
}
.sec{
    margin-bottom: 80px;
}
.secHead{
   padding: 24px 0;

}
.secTitle a *{
   font-size: 5em;
   line-height: normal;
}
.ww a *{
    color:#FFF;
    font-size: 4em;

}

.brd {
	padding: 48px;
	border: solid 1px #483934;
	border-radius: 24px;
	background: #141414;
	box-sizing: border-box;
}
.fixed{
    padding: 8px 0;
	background-color: rgba(0, 0, 0, 0.5);
	backdrop-filter: blur(16px);
	xxborder-bottom: solid 1px rgba(255,255,255,.1);
    transition: .2s;
}
.fixed .mainLogo{
    width:125px;
    transition: .2s;
}
.fixed .menuBar{
   padding-top: 6px;
}
.fixed .menuBar ul li a{
    padding: 8px 18px;
    font-size: 1.2em;

    transition: .3s;

}
.continer {


}
#content{
   position: relative;
    z-index: 10;
}


/* azadMenuBtn */
.azadMenu {
	padding: 80px 0;
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
    z-index: 0;
}
.opened .azadMenu{
    z-index: 1000;
}
.azadMenuArea {
	display: block;
	box-sizing: border-box;
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	transition: .3s;

	background: #FFF;
	visibility: hidden !important;
	opacity: 0;
	transform: scale(.9);
	background-color: rgba(255, 255, 255, 0.7);
	backdrop-filter: blur(164px);
	border: solid 1px rgba(255,255,255,.2);
	padding: 80px 0;

}

.opened .azadMenuArea{
    transition: .3s;
    transform: scale(1);
    visibility: visible  !important;
    opacity: 1;
}
.azadMenuBtnWrp{
	position: fixed;
	padding: 80px 0;
    z-index: 1001;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 0%;
	transition: .3s;
}

.azadMenuBtn {
	width: 76px;
	height: 76px;
	position: relative;
	xxtop: -16px;
	margin-left: 4px;
	transition: .3s;
	cursor: pointer;
    z-index: 1001;
	background: #F8F8F8;
	border-radius: 90%;
    overflow: hidden;

	background-color: rgba(255, 255, 255, 0.3);
	backdrop-filter: blur(12px);
	border: solid 1px rgba(255,255,255,.2);

}
.opened .azadMenuBtn {
	box-shadow: 0px 3px 12px rgba(0,0,0,.06);
	transition: .3s;
	background: #FFF;
}
.azadMenuBtn:hover {
	transition: .3s;
	background: #79C1AE;
}
.opened .azadMenuBtn:hover .az_ln{
   xxbackground: #FFF;
   transition: .3s;
}
.az_lnArea {
	position: relative;
	width: 100%;
	height: 100%;
	top: -2px;
	left: -8px;
	transition: 0.3s ease-in-out !important;
}

.az_ln{
    width:32px;
    height: 1px;
    background: #000;
    position: absolute;
    top:30px;;
    left:30px;
    transition: .3s;
   opacity: 1;
}
.az_ln1{
    top:30px;
    left:30px;
}
.az_ln2{
    top:40px;
    left:30px;
}
.az_ln3{
    top:50px;
    left:30px;
}
.opened .az_ln1{
   transition: .3s;
   transform: rotate(-45deg);
   top:40px;
}
.opened .az_ln2{
   transition: .3s;
   left:80px;
   opacity: 0;
   xxtransform: rotate(90deg)
}
.opened .az_ln3{
   transition: .3s;
   transform: rotate(45deg);
   top:40px;
}
.azadMenuItems{
    display: flex;
    align-content: center;
    align-items: center;
    text-align: center;
    width:100%;
    margin-top: 40px;
}
.azadMenuItems ul{
    margin: 0 auto
}
.azadMenuItems ul li,.azadMenuItems ul li a{
    display:block;


}
.azadMenuItems ul li a{
    color:#333;
    font-size: 1.3em;
    padding: 12px 24px;
    transform: scale(1);
    transition: .3s;
}
.azadMenuItems ul li a:hover{
    transform: scale(1.1);
    color:#FF526C;
    font-size: 1.3em;
    padding: 12px 24px;
    transition: .3s;
}


/*  */
.swiper1{
    text-align: center;
    position: relative;
    width: 100%;
}
.swiperWrap{
    position: relative;
}

.swiper-container {
    direction: rtl !important;
    text-align: right !important;
    overflow: hidden !important;

}

.swiper-button-next,
.swiper-button-prev,
.swiper-container-rtl .swiper-button-prev,
.swiper-container-rtl .swiper-button-next{
    fill: #FFF;

}

.swiper2 .swiper-slide{
    text-align: right !important;

}

.blkArrow{
    fill: #000;
}
.slider{
     position: relative;
     overflow: hidden;
}
.az_swip_custom{
   width:90% !important;
   text-align: center;
   margin: 0 auto;
}
.swiper-pagination-bullet {
    width: 12px !important;
    height: 12px !important;
    display: inline-block;
    background: #000;
    opacity: .2;
}
.swiper-pagination-bullet-active {

    background: #FF0000 !important;
}
.swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {

    margin: 16px 0px !important;
}

.swiper-button-prev, .swiper-container-rtl .swiper-button-next {
    left: 5% !important;

}
.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
    right: 5%  !important;

}

.next, .prev {
	width: 64px;
	height: 64px;
	background-position: center;
	display: inline-block;
	cursor: pointer;
	margin-left: 0px;
	margin-right: 0px;
	transition: .3s;
	z-index: 100;
	position: relative;

	border-radius: 64px;
    xxbox-shadow: 0px 1px 2px rgba(0,0,0,.13);
}


.next:hover,.prev:hover{
    transition: .3s;
    box-shadow: 0px 1px 2px rgba(0,0,0,.23);
    xxfilter: grayscale(300%);


	background-color: rgba(255, 255, 255, 0.2);
	backdrop-filter: blur(16px);


}

.next1,.next2,.next3,.nextCert{
    background: url(images/next.png) no-repeat;
    background-position: center !important;
    background-size: 100%;
    right:0px;
}
.prev1,.prev2,.prev3,.prevCert{
    background: url(images/prev.png) no-repeat;
    background-position: center !important;
    background-size: 100%;
    left:0px;
}
.next1,.prev1,
.next2,.prev2,
.next3,.prev3,
.nextCert,.prevCert

{
    top:47%;
    position: absolute;

}
.whiteArrow{
    width:48px;
    height: 48px;
    filter: invert(100);
    background-size: 70% !important;
	background-color: rgba(255, 255, 255, 0.0);
	backdrop-filter: blur(0px);
    transition: .2s;
    box-shadow: none;
}
.whiteArrow:hover{
    width:48px;
    height: 48px;
    filter: invert(0);
    background-size: 70% !important;
	background-color: rgba(247, 104, 6, 1) !important;
	backdrop-filter: blur(0px);
    transition: .2s;
    box-shadow: none;
}
/*.whiteArrow.prev {
    left:12px;
}
.whiteArrow.next {
    right:12px;
}*/
.mainSlide .next,.mainSlide .prev{
    background-size: 80%;
    background-position: center;
    background-color: rgba(0,0,0,0) !important;
}
.mainSlide .next:hover,.mainSlide .prev:hover{

    background-color: rgba(255,255,255,.2) !important;
}
.nextw{
    background: url(images/nextw.png) no-repeat;
}
.prevw{
    background: url(images/prevw.png) no-repeat;
}
 /*  */

.video {
    border-radius: 24px;
    overflow: hidden;
}
.aboutTxtArea{
   display: grid;
   grid-template-columns: 50% 50%;
   margin-top: 48px
}

.aboutRight{
   display: grid;
   grid-template-columns: 45% 55%;

}
.aboutTitle  {

	padding-right: 32px;

	padding-top: 0px;
}
.aboutTitle * {
	font-size: 6.8em;

	line-height: 1.4em;

}
.aboutLeft{
	padding-right: 40px;
    font-size: 1.6em;
    line-height: normal;
}

/*  */
.projects{
   display: grid;
   grid-template-columns: 33.3% 33.3% 33.3%;
}
.project{
   padding: 24px;
   transition: .2s;
   background:rgba(255,255,255,0);
   box-shadow:0px 1px 2px rgba(0,0,0,0);
    border:solid 1px rgba(96, 80, 75,0) ;
}
.project:hover{

   transition: .2s;
   background:rgba(255,255,255,.02);
   box-shadow:0px 1px 2px rgba(0,0,0,.2);
    border-radius: 16px;
    border:solid 1px rgba(96, 80, 75, .5) ;
}
.projectImg{
    border-radius: 16px;
    overflow: hidden;
    border:solid 1px rgba(96, 80, 75, 0) ;
    box-shadow:
}

.projectTags{
    padding: 16px 0;
    padding-top: 20px;
}
.projectTags a{
    display:inline-block;
    padding: 6px 16px;
    padding-top: 8px;
    border-radius: 99px;
    border:solid 1px rgba(96, 80, 75, .7) ;
    transition: .2s;
    margin-left: 12px;
    color:#FFF;
    font-size: 1.1em;
    transition: .2s;
  background: rgba(255,255,255,0);
}
.projectTags a:hover{
    background: rgba(255,255,255,.1);
    border:solid 1px rgba(96, 80, 75, 1) ;

}
.projectTitle *{
   font-size: 1.4em;
   color:#FFF;
    transition: .2s;
}
.projectTitle *:hover{
    transition: .2s;
   color:rgba(247, 104, 6, 1);
}
.secServicesGrid{
   display: grid;
   grid-template-columns: 20% 80% ;
}
.secDes{
    padding: 12px 0;
}
.secServicesGrid .secHead{
    xxpadding-left: 24px;
}
.page-template-page-services .secServices .brd{
    padding-left: 0;
}

.servicesImg{
  width:77px;
  display: block;
	transform: rotate(0deg);
    transition: .3s;
}
.serviceImgWrp{
  xxpadding: 24px;
}
.service{
    display: block;
	padding: 32px;
	border: solid 1px #483934;
	border-radius: 24px;
	background: rgba(247, 104, 6, 0);
    transition: .3s;

}
.service:hover{
	border: solid 1px rgba(247, 104, 6, 1);
	background: rgba(247, 104, 6, 1);
    transition: .3s;

}
.service:hover .servicesImg{
	transform: rotate(12deg);
    transition: .6s;

}
.serviceTitle {
    padding: 24px 0;
    width:40%;
    display: block;

}
.serviceTitle *{
    font-size: 2.8em;
    color:#FFF;
    line-height: normal;
}
.serviceWrp{
   padding: 12px;

}
.serviceExc{
    padding-top: 16px ;
    color: #FFF
}
.posts{
    padding: 24px 48px
}
.post{
    padding: 48px 32px;
    padding-left: 0;
    border-bottom: solid 1px #483934;
    position: relative;
}
.postTitle {
	position: relative;
	text-align: right;
	display: block;
}
.postTitle *{
    font-size: 4em;

}
.postTitle h3,.postTitle h2{
   width:80%;
   display: block;
   float: right;
	color: #FFF;
    transition: .2s;
}
.postTitle h3:hover,.postTitle h2:hover{

	color: #F76806;

}
.postExc{
    clear: both;
    font-size: 1.2em;
    line-height: normal;
    width:75%;
}
.postTitle span {
	position: absolute;
	right: -68px;
	top: 0;
	display: block;
	width: 64px;
	height: 64px;

	transition: .3s;
    color: rgba(247, 104, 6, 1);
	top: 28px;
	border-radius: 999px;
    font-size: 2em;
}
.contactGrid{
   display: grid;
   grid-template-columns: 80% 20% ;
}
.contactTxt{
   font-size: 2em;
   line-height: normal;
}
.contactLinkBtn{
    top:0;
}
footer{
    margin-top: 64px;
    padding: 24px 0;
    padding-bottom: 200px ;
    position: relative;
    overflow: hidden;
}

.secSocials{
    margin-top: 00px;
    margin-bottom: 120px;
}

.socials a{
    display: inline-block;
    width:71px;
    margin-left: 54px;
    transition: .2s;
    filter:blur(0);
    opacity: .9;
    transform: scale(1);
}
.socials a:hover{

    transition: .2s;
    filter:blur(4px);
    opacity: 1;
    transform: scale(1.2);
}
.footerTitle{

    font-size: 5em;
    color: rgba(247, 104, 6, 1);
}
.footerSlider{
   padding-top: 80px;
}

.footer{
   display: grid;
   grid-template-columns: 70% 30% ;
}
.otherSites{
    margin-top: 80px;
}

.footLogo {
	position: absolute;
	width: 35%;
	height: 400px;
	top: 5%;
	left: -10%;
}
.other{
    transition: .2s;
    filter:blur(0);
    opacity: .9;
    transform: rotate(0deg);
}
.other:hover{

    transition: .2s;
    filter:blur(6);
    opacity: 1;
    transform: rotate(10deg);
}
.copy{
    padding: 80px 40px;
    padding-bottom: 0;
    text-align: left !important;
    direction: ltr !important;
    opacity: .5
}
/*  mobMenu */
.mobMenu{

	background-color: rgba(255, 255, 255, 0.2);
	backdrop-filter: blur(14px);
	border-bottom: 1px solid rgba(255, 255, 255, 0.14);
	padding: 20px 0px;
	transition: 0.2s;

	box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 3px;
    box-sizing: border-box;
	position: fixed;
	width: 100%;
	top: 0px;
	left: 0px;
	z-index: 100000;
	padding: 6px 16px;


}
.mobMenuGrid {
	display: grid;
	grid-template-columns: 20% 60% 20%;
}

/*  */

.showMenu .menuBtn{
    opacity:1;
    transition: 1s;
}
.showMenu .mobMenu{
   box-shadow: rgba(0, 0, 0, 0) 0px 1px 3px
}

.menuBtnWrp{
    width:48px;
    height:36px;
    position: relative;
    float: right;
    cursor: pointer;
    top:8px;
    right:0px;
    opacity: 1;
}
.hideIntro .menuBtnWrp{
    right:0px;
    opacity: 1;
    transition: 1s;
}
.menuBtn {
	width: 28px;
	height: 28px;
	position: relative;
	top: 0px;
	left: px;
}
.mbc  {
	box-sizing: border-box;
	width: 12px;
	height: 12px;
	position: absolute;
	top: 0px;
	left: 0px;
	border: solid 2px #FFF;
	display: block;
    transition: .3s;
    border-radius: 32px;
}
.mbc1{
	top: 0px;
	left: 0px;

}
.mbc2{
	top: 0px;
	left: 14px;

}
.mbc3{
	top: 14px;
	left: 0px;

}
.mbc4{
	top: 14px;
	left: 14px;

}
.mbc1{
	top: 0px;
	left: 0px;

}
.mbc2{
	top: 0px;
	left: 14px;

}
.mbc3{
	top: 14px;
	left: 0px;

}
.mbc4{
	top: 14px;
	left: 14px;

}
.showMenu .menuBtn{
transition: .3s;
transform: rotate(45deg);
}
.showMenu .mbc1{
	top: 0px;
	left: 14px;
 background: #F56604 ;
 border:solid 2px #F56604;
}
.showMenu .mbc2{
	top: 14px;
	left: 14px;
 background: #F56604 ;
 border:solid 2px #F56604;
}
.showMenu .mbc3{
	top: 0px;
	left: 0px;
    background: #F56604 ;
 border:solid 2px #F56604;
}
.showMenu .mbc4{
	top: 14px;
	left: 0px;
 background: #F56604 ;
 border:solid 2px #F56604;
}
.showMenu .mbc  {

	xxborder: solid 2px #FFE06C;

}
.menuDiskArea{
   position: fixed;
	top: 0px;
	left: 0px;
   width:100%;
   height: 100%;
   z-index: 1000;
 visibility: hidden;
}
.menuItemsAreaWrap{
   position: fixed;
	top: 0px;
	left: 0px;
   width:100%;
   height: 100%;
   z-index: 100;
}
.menuDiskArea{

}

.menuDisk{
   width:200px;
   height: 200px;
   z-index: 100;
    background: #000;
   border-radius: 9999px;
   transition: .5s;
   transform: scale(1);
   opacity: 0;
   visibility: hidden;
   border:solid 2px #DDD
}

.showMenu .menuDiskArea  {
   transition: .5s;
   visibility: visible;
}
.showMenu .menuDisk  {
   transition: .5s;
	   transform: scale(8);
   xxopacity:1;
   visibility: visible;
      border:solid 32px #FFF;
      opacity: 1;
}
.menuItemsArea{
   transition: .3s;
	   transform: scale(1.1);
    text-align: center;
    opacity: 0;
}
.showMenu .menuItemsArea{
   transition: .3s;
	   transform: scale(1);

    opacity: 1;
}
.menuItemsArea li,.menuItemsArea li a{
    display: block;
}
.menuItemsArea li a{
    padding: 16px 0px;
    font-size: 2em;
    color: #FFF;
    transition: .3s;
   
}
.menuItemsArea li a:hover{

    color: #F76806;
    transition: .3s;
}
.menu_logoArea{
    position: relative;

}
.menu_logoAreaWrp {
	transition: .2s;
	width: 100%;
	margin: 0 auto;
	position: relative;
}
.menu_logoAreaWrp .mainLogo {
	width: 100%;

}
/*  */

.int{
    padding-top: 148px;
}
.int .bg1{
    display: none;
}
.pageHeadTitle{
    font-size:4em;
    color: #F76806;
}
.pageHead{
    padding: 40px 0;
}
.messagerArea{

}
.contactBox{
    width:100% !important;
}
.az_input {
	padding: 12px 16px !important;
	background: transparent !important;
	border: solid 1px #483934 !important;
	border-radius: 124px !important;
	color: #FFF;
}
#az_contact_message{
	border-radius: 12px !important;

}
.az_btn {
	width: 100%;
	box-sizing: border-box;
	text-align: center;
	border-radius: 124px !important;
	padding: 8px 32px;
	color: #FFF;
	background-image: linear-gradient(to top, #F76806 , #F76806) !important;
	transition: .2s;
	Xbox-shadow: 0px 8px 24px rgba(190, 154, 125, .6);
	background-repeat: inherit;
	cursor: pointer;
	display: inline-block;
	transition: .2s;
}
.messagerGrid{

   display: grid;
   grid-template-columns: 50% 50%;
}
.subSecTitle{
    color:#FFF;
    font-size: 2em;
    margin-bottom:32px;
}
.messagerGrid .editor{
    font-size: 1.4em;
}
.pageSecGrid{
   display: grid;
   grid-template-columns: 22% 78%;
}
.pageSec2.brd{
   border: none;
   background: none;
   padding-top: 0;
}
.pageSec .service{
  margin-bottom: 24px;
}
.pageHeadTitleArea .servicesImg {
	width: 77px;

	margin-left: 24px;
	position: relative;
	top: 18px;
}