body {
    padding:50px 0;
    background: none !important;
    direction: rtl !important;
    @import url('https://fonts.googleapis.com/css?family=Markazi+Text:400,500,600,700&subset=arabic,latin-ext,vietnamese');
    font-family: 'Markazi Text', serif !important;
}
.erinyen .tp-tab-title{
    font-family: 'Markazi Text', serif !important;
}
#Top_bar .logo {
    margin: 0px 0px 0px 30px;
}
.rev_slider_wrapper{
    direction: ltr;
}
h1{
    font-size: 42px;
    font-weight: 700;
    line-height: normal !important
}
h2{
    font-weight: 700;
    color: #D3A115;
    font-size: 34px;
}
#Top_bar a.responsive-menu-toggle{
    color: #D3A115 !important;
}
.white{
    color: #fff !important;
}
.btn1{
    color: #fff;
    background-color: #d3a115;
    border-color: #007bff;
    display: inline-block;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid transparent;
    padding: 10px 20px;
    font-size: 1rem;
    line-height: 1.5;
    font-size: 18px !important;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.btn1:hover{
    background:#b98c0e;
    color: #fff;
    text-decoration: none;
}
.btn2{
    color: #000;
    /*background-color: #999;*/
    border-color: #999;
    
    display: inline-block;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid #999;
    padding: 10px 20px;
    line-height: 1.5;
    font-size: 16px;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.btn2:hover{
    background:#d3a115;
    color: #fff;
    text-decoration: none;
    border: 1px solid #d3a115;
}
.img-first{
    z-index: -99;
    margin-left: -65px;
    float: right;
    width: 50%;
    margin-top: 20px;
}
.img-second{
    margin-top: 50px;
    z-index: 100;
    float: right;
    width: 50%;
}
.about-section-div{
    padding-top: 60px;
    padding-bottom: 60px;
}
.about-text{
    padding-right: 40px;
}
.about-section-div h1{
 margin-top: 30px;
}
.about-section-div h2{
    margin-top: 30px;
}
.box-shadow{
    -webkit-box-shadow: 0 1px 20px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 1px 20px 0 rgba(0, 0, 0, .1);
}
.img-first img{
    border: 7px #9993 solid;
}
.img-second img{
    border: 7px #9993 solid;
}
.content-box{
    margin-top: -80px;
    padding: 0px 40px;
}
.content-div{
    padding: 30px 30px 30px 30px;
    background: #fff;
    z-index: 99;
    position: relative;
        -webkit-box-shadow: 0px 0px 19px 0px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 0px 19px 0px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 0px 19px 0px rgba(0, 0, 0, 0.2);
    min-height: 276px;
}
.content-div p{
    min-height: 75px;
}
.section-pad{
    padding-left:30px ;
    padding-right:30px ;
}
.mar-top-20{
    margin-top: 20px !important;
}
.mar-btm-20{
    margin-bottom: 20px !important;
}
.mar-btm-30{
    margin-bottom: 20px !important;
}
.mar-btm-40{
    margin-bottom: 20px !important;
}
.video-content{
    min-height:225px;
}
.foot-link ul li a{
    color: #cccccc !important;
    text-decoration: none;
}
.foot-link ul li a:hover{
    color:#D3A115 !important;
}
#Footer{
    background-color:#1d1b15 !important;
}
#contactform .column{
    overflow: hidden;
}
.fa-flip-horizontal {
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1) !important;
    -webkit-transform: scale(-1, 1) !important;
    -ms-transform: scale(-1, 1) !important;
    transform: scale(-1, 1) !important;
}
.v-c{
	display: -webkit-flex; /* Safari */
  	-webkit-align-items: center; /* Safari 7.0+ */
  	display: flex;
  	align-items: center;
}
.bannet-text{
    position: absolute;
    width: 100%;
    font-weight:bolder;
}
.media-content{
    min-height:140px;
    padding-bottom:0px;
}
.media-div a{
    text-decoration: none;
}
.articles-box{
    background: #f1f1f0;
    width: 100%;
    min-height: 290px;
}
.articles-img{
    width:40%;
    float: right;
     border-width:0px !important;
}
.articles-content{
    width: 60%;
    float: right;
    
}
.articles-img .image_wrapper .image_links.double a{
    width: 100% !important;
}
.image_frame .image_wrapper .image_links a:hover{
    background:#D3A115 !important;
    color: #fff !important;
}
.image_frame .image_wrapper .image_links{
    background:#D3A115 !important;
    color: #fff !important;
}
.box-shadow2{
    box-shadow: 0 1px 5px rgba(5,5,6,.15);
    -webkit-box-shadow: 0 1px 5px rgba(5,5,6,.15);
    -webkit-transition: all .3s ease 0s;
    transition: all .3s ease 0s;
}
.bio-img{
    float: right;
    margin-left: 40px;
}
.bio-text{
}

.triangle-topleft {
      width: 0;
      height: 0;
      border-top: 100px solid #D3A115;
      border-left: 100px solid transparent;
    float: right;
    margin-left: 20px;
}
.our-scope{
}
.our-scope p{
    line-height: 24px;
    overflow: hidden;
    text-align: -webkit-auto;
    text-align: inherit;
    color: #fff;
}
.our-scope ul{
    padding: 0;
}
.our-scope li{
    list-style: none;
    margin-bottom:0px !important;
}
.our-scope i{
    font-size: 20px;
    font-weight: bolder;
    margin-left: 10px;
    float: right;
}
.themecolor{
    color:#D3A115 !important;
}
#Top_bar #logo{
    height: 88px !important;
}
.portfolio-content {
    min-height: 140px;
    padding-bottom: 0px;
    margin: 0 5% 0 5%; 
    text-align: center;
}
.portfolio-div{
    position: relative;
  overflow: hidden;
}
.portfolio-div a:hover{
    text-decoration: none;
}
.port-item{
    height: 212px;
    overflow: hidden;
}
.port-item img {
  max-width: 100%;
  -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.port-item:hover img {
  -moz-transform: scale(1.1);
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}
.portfolio-content h5{
    background: #D3A115;
    color: #000 !important;
    padding:15px 0px;
    font-size:22px !important;
}
.portfolio-content a{
    margin-bottom: 18px;
}
.sub-page-img{
    float: left;
    margin-right: 40px;
}
#Footer{
    padding-top: 3% !important;
}
.inner-banner{
    
}
.inner-banner img{
    width: 100%;
    height: auto;
}
.foot-about{
    padding-left: 10% !important;
}
.add-div a{
    color:#cccccc !important;
}
.add-div a:hover{
   color:#D3A115 !important;
    text-decoration: none;
}
a:hover.icon_bar:nth-child(1){
    color: #ff0000 !important;
}
a:hover.icon_bar:nth-child(2){
    color: #3b5998 !important;
}
a:hover.icon_bar:nth-child(3){
    color: #1da1f2 !important;
}
a:hover.icon_bar:nth-child(4){
    color: #007bb5 !important;
}
.about-div{
    padding: 60px 0px 60px 0px;
}
.about-div h2{
    padding-bottom: 40px;
}
.about-poi{
    padding: 0 0 80px;
    background: #fff;
}
.section-padd{
    padding: 60px 0px 60px 0px;
}
.further{
    margin-bottom:80px;
    padding: 60px 0px 40px;
}
.success h4{
    text-align: center !important;
}
.success p{
    text-align: center !important;
}
.img100{
    min-width: 100% !important;
}
.ar-btn {
    padding: 2px 8px 2px 8px !important;
    float: left;
    margin-top: 30px;
    margin-left: 10px;
    background: #3f3b3c !important;
    position: absolute;
    left: 0;
    font-size: 17px !important;
    display: block;
    z-index:999;
}
.ar-btn:hover{
    background:#d3a115 !important;
}

@media only screen and (min-device-width:320px) and (max-device-width:479px) {
    .foot-about{
        padding-left:0% !important;
    }
    .about-div{
        padding: 20px 0px 0px;
}
    .about-div h2{
        padding-bottom:0px;
    }
    .about-poi{
        padding: 0 0 0px;
    }
    .bio-img{
        padding-bottom: 20px;
    }
    .about-div .offset-1{
        margin-right: 0px;
    }
    .section-padd{
        padding: 20px 0px 0px 0px;
    }
    .further{
        margin-bottom:0px;
        padding: 40px 0px 20px;
    }
    .articles-box{
        min-height:inherit;
    }
    .articles-content{
        padding-bottom: 20px;
        width: 100%;
    }
    .articles-img{
        width: 100%;
    }
    .articles-content a{
        margin-left: 35%;
    }
    #gallery-1 .gallery-item{
        width: 50%;
    }
    .articles-content .post-desc{
        padding: 15px 15px 0px 20px;
    }
     .content-div{
        padding: 20px 20px 30px 15px;
    }
    .further h2{
        color: #fff;
    }
    .ar-btn{
        float: right;
        right: 0;
        left:auto;
        margin-right: 10px;
    }
    #Top_bar .logo #logo {
		    padding: 5px 0px;
            float:left;
	}
	#Header a.responsive-menu-toggle {
		position: absolute !important;
		top: 20px !important;
		right: 60px !important;
		z-index: 10;
		margin: 0;
	}
	.img-first{
        margin-top:30px;
        width:50%;
        margin-left:0px;
        padding-left:2px;
    }
    .img-second{
        margin-top:30px;
        width:50%;
        padding-right:2px;
    }
}

@media only screen and (min-device-width:480px) and (max-device-width:767px) {
    .foot-about{
        padding-left:0% !important;
    }
    .about-div{
        padding: 20px 0px 0px;
}
    .about-div h2{
        padding-bottom:0px;
    }
    .about-poi{
        padding: 0 0 0px;
    }
    .bio-img{
        padding-bottom: 20px;
    }
    .about-div .offset-1{
        margin-left: 0px;
    }
    .section-padd{
        padding: 20px 0px 0px 0px;
    }
    .further{
        margin-bottom:0px;
        padding: 40px 0px 20px;
    }
    .articles-box{
        min-height:inherit;
    }
    .articles-content{
        padding-bottom: 20px;
        width: 100%;
    }
    .articles-img{
        width: 100%;
    }
    .articles-content a{
        margin-left: 42%;
    }
     #gallery-1 .gallery-item{
        width: 50%;
    }
    .articles-content .post-desc{
        padding: 15px 15px 0px 20px;
    }
     .portfolio-content {
        min-height: 200px;
    }
    .further h2{
        color: #fff;
    }
    .img-first{
        margin-top:30px;
        width:50%;
        margin-left:0px;
        padding-left:5px;
    }
    .img-second{
        margin-top:30px;
        width:50%;
        padding-right:5px;
    }
}
}

@media only screen and (min-device-width:768px) and (max-device-width:991px) {
    .articles-box{
        min-height:inherit;
    }
    .articles-content{
        padding-bottom: 20px;
        width: 100%;
        min-height: 313px;
    }
    .articles-img{
        width: 100%;
    }
    .articles-content a{
        margin-left: 42%;
    }
    .media-content {
        min-height: 190px;
    }
    .articles-content .post-desc{
        padding: 15px 20px 0px 20px;
    }
    .content-div{
        padding: 30px 20px 50px 15px;
    }
    .content-box{
        padding: 0px 20px;
    }
     .portfolio-content {
        min-height:290px;
    }
    .port-item {
        height: 123px;
    }
    .further h2{
        color: #fff;
    }
    #Top_bar .logo #logo {
               margin-right:40px;
	}
	#Header a.responsive-menu-toggle {
	
	}
}

@media only screen and (min-device-width:992px) and (max-device-width:1239px) {

    .articles-content{
        padding-bottom: 20px;
        width: 100%;
        min-height: 255px;
    }
    .articles-img{
        width: 100%;
    }
    .articles-content a{
        margin-left: 42%;
    }
    .port-item {
        height: 170px;
    }
    .portfolio-content {
        min-height: 165px;
    }
     #Top_bar .logo #logo {
               margin-right:40px;
	}
}