@import url('https://fonts.googleapis.com/css2?family=Almarai:wght@300;400;700;800&display=swap');
.displaynone
{
	display:none !important
}

.font-al
{
	font-family: 'Almarai', sans-serif;
}
.vError
{
	border:red 1px solid !important
}
.form-error
{


	color:red;
	font-size:12px;
}
.h100{
	height:105%
}
.h-100{
	height:100%
}
.css-bg1
{
	display:block
}
.FormResult  , .FormResult2
{
	color:green;
	font-size:16px;
	width:100%;
	padding-top:15px;
	display:inline-block
}
.dnone
{
	display:none
}

.black{
color:#000
}
.date_newsletter
{
    padding: 0 5px;
    background: #919295;
    background-position: 10px 10px;
    position: absolute;
    left: 20px;
    bottom: 20px;
    font-size: 0.7rem;
    color: #FFF;
    width: 55px;
    line-height: 1.5;
}
.relative
{
	position:relative
}
.search_submit
{
	position: absolute;
    top: 22px;
    right: 15px;
    z-index: 50;
    cursor: pointer;
    background: url(../img/search.png) no-repeat center center /cover !important;
    width: 25px !important;
    height: 25px !important;
}
.link_bg
{
    background: #FFF;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);

    min-height: 150px;
}
.link_bg:nth-child(1)
{
	  background: url(../img/sn1.png) no-repeat bottom center ;
}
.link_bg:nth-child(2)
{
	  background: url(../img/sn2.png) no-repeat center center ;
}
.link_bg:nth-child(3)
{
	  background: url(../img/sn3.png) no-repeat top center ;
}
	.order1
{
	order:2
}
.order2
{
	order:1
}


@media all and (max-width: 960px){
	iframe{width:100%}
.serviceslist .overlay div {

    width: 48%;
}
	
	.order1
{
	order:1
}
.order2
{
	order:2
}


	.readmore.secondary { font-size: 18px;}
	.main_slider .tp-caption{width:90vw;padding:0 5vw}
	.main_slider{padding-top:0 !important}
.flex .fb-6 , .flex .fb-7 , .flex .fb-5
{
	width:100%;
}
.p-40
{
	padding:20px 10px
}
.container
{
	padding:0 10px;
}
.seocialfeeds iframe
{
	width:100%
}
.flex .fb-3
{
	width:100%
}
.flex .fb-9
{
	width:100%
}

}

.ar_link
{
	    background: #c60b46;
    padding-right: 0;
    color: #FFF;
    border-radius: 5px;
    padding: 0 5px;
}
.ar_link a
{
	
    color: #FFF;
}
.trigger {
    width: 50px;
    height: 50px;
	
}
.trigger > div > span {
	height:3px;
}
.trigger > div > span:nth-child(2){
	top:20px;
}

.trigger > div > span:nth-child(3){
	top:28px;
}

#st-1
{
	z-index:50 !important
}
.pagination
{
	    display: inline-block;
    width: 100%;
    text-align: center;
	height:auto !important;
	padding-top: 25px;
}
.pagination li
{
	    padding:0 10px
}
.txt-edit .main-col , .mainnews .main-col
{
position: absolute;
    bottom: 10px;
    right: 10px;	
}
.mainnews .fb-6
{
	position:relative
}
.newslist .colw-33 
{
	padding-bottom:10px !important;
}

 .newslist .colw-25
{
	padding-bottom:0px !important;
}.d-flex
{
	display:flex;
	flex-wrap : wrap
}
.mainnews .img-bg
{
	background-size: contain !important;
}


.flex-row {
    display: flex !important;
    justify-content: center;
    flex-direction: row;
    align-content: center;
    align-items: center;
}
.flex-column {
    display: flex !important;
    justify-content: center;
    flex-direction: column;
    align-content: center;
    align-items: center;
}
.jc-fs
{
	    justify-content: flex-start !important;
}
.jc-sb
{
	    justify-content: space-between !important
}
.ac-sb
{
	align-content:space-between
}
.ai-fs
{
	align-items:flex-start !important
}


.insta_page
{
	background:#FFF
}
.container-mini
{
	width:760px;
	margin:0 auto
}
.visit_website
{
	border:2px solid #000;
	border-radius:10px;
	text-align:center;
}
.visit_website a
{
	color:#000;
}
.visit_website a:hover
{
	color:#c60b46;
}
 .bg_hover img{
	 display:block
 }
.bg_hover , .bg_hover img
{
	transition:all 1s ease-in-out;
	overflow:hidden;
	
}
.bg_hover.visible
{
	overflow:visible
}
.bg_hover:hover img
{
	transform:scale(1.1);
}
.bg_hover:hover .case_clients img
{
	transform:scale(1);
}
@media all and (max-width: 460px){
.flex-row { flex-direction: column;}
.auth_order2{order:1}
.auth_order1{order:2}
.mt-10-m{margin-top:10px;}
}