@font-face {
	font-family: ttgm;
	font-style: normal;
	font-weight: normal;
	src: url('../fonts/ttgm.eot');
	src: url('../fonts/ttgm.eot?#iefix') format('embedded-opentype'),  /* IE6-8 */
	     url('../fonts/ttgm.woff2') format('woff2'),  /* FF39+,Chrome36+, Opera24+*/
	     url('../fonts/ttgm.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
	     url('../fonts/ttgm.ttf') format('truetype');
}

body{font-family: ttgm, Tahoma;}
.ad-header-container{width: 990px; height: 190px; margin-top: 15px; }
.ad-header-rightlogo{margin-right: 10px;}
.ad-header-iframe{width: 728px; height: 90px; margin-right: 15px;}
.ad-header-bottom-container{position: relative; background-color: white; border: 1px solid lightgray; border-radius: 8px; height: 90px;}
.ad-header-bg{margin-top: 5px; margin-right: 4px;}
.ad-header-top-text-container{ position: absolute; top: 5px; right: 5px; width: 978px;  height: 25px; padding-right: 20px;}
.ad-header-top-text{font-size: 11px; font-family: ttgm, tahoma; color: #F4F4F4; line-height: 0px; vertical-align: top; margin-left: 16px; display: inline-block; cursor: pointer;}
.ad-header-top-text:hover{color: #b41915;}
.ad-header-search{font-family: ttgm, Tahoma,Geneva,sans-serif; font-size: 12px; width: 200px; height: 25px;color: white; position: absolute; left: 15px; top: 40px; background-color: transparent; border: none; outline: none}
.ad-header-btn{display: none;}

.beytoote-header-container-mob{display: none;}
.header-top-container-mob{background-color: #ba0202; color: white; }
.mob-title-text{ font-family: ttgm, Tahoma; font-weight: bold; font-size: 3.2vw; line-height: 1px; margin-right: 3%;}
.header-top-home-mob{width: 5%; margin-right: 3%;}
.mob-header-middle-container{position: relative; width: 100%; height: 15vw;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAMAAAC67D+PAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NzlEOTcwQUQxQzI5MTFFNjk5NjU4QjZDRjBGNTgwOUQiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NzlEOTcwQUMxQzI5MTFFNjk5NjU4QjZDRjBGNTgwOUQiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NTY0REE2Q0IxQkYzMTFFNkEwRTQ4MThEMDgxMDE0MDMiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NTY0REE2Q0MxQkYzMTFFNkEwRTQ4MThEMDgxMDE0MDMiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6NiBCZAAAABlBMVEXu7u7///8o06qaAAAAAnRSTlP/AOW3MEoAAAAtSURBVHjaYmBgYGCEAAZGOBtIwdggEsqGEGA2VA7EhmkBsuEmMSCZiswGCDAAD3gAR1teQ6sAAAAASUVORK5CYII=);
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAMAAAC67D+PAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NzlEOTcwQUQxQzI5MTFFNjk5NjU4QjZDRjBGNTgwOUQiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NzlEOTcwQUMxQzI5MTFFNjk5NjU4QjZDRjBGNTgwOUQiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NTY0REE2Q0IxQkYzMTFFNkEwRTQ4MThEMDgxMDE0MDMiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NTY0REE2Q0MxQkYzMTFFNkEwRTQ4MThEMDgxMDE0MDMiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6NiBCZAAAABlBMVEXu7u7///8o06qaAAAAAnRSTlP/AOW3MEoAAAAtSURBVHjaYmBgYGCEAAZGOBtIwdggEsqGEGA2VA7EhmkBsuEmMSCZiswGCDAAD3gAR1teQ6sAAAAASUVORK5CYII=);
    background-attachment: initial;
    background-origin: initial;
    background-clip: initial;
    background-color: #fff;}
.mob-header-middle-logo{width: 15vw; margin-right: 42%;}
.mob-header-text{font-family: ttgm, Tahoma; font-weight: bold; font-size: 3.2vw; border-left: 0.3vw solid white;padding-left: 2vw; color: white; margin-right: 2.5vw; display: inline-block; }
.mob-header-ad1{width: 90%;border: 0.5vw solid black; margin-right: 5%; margin-top: 1vw;}

body{background-color: #f9f9f9}
/*.mod-box{padding: 50px 216px 0 216px;}*/
.full-width{width: 100%;}
.w3-font-14{font-size: 14px;}
.w3-font-16{font-size: 16px;}
.w3-font-18{font-size: 18px;}
.w3-font-nazanin{font-family: ttgm, Tahoma;}
.w3-bold{font-weight: bold;}
.ad-link-blue{color: #1c50d9;}
.ad-link-red{color: #ff4242;}
#ad_wrapper{position: relative;direction: rtl;text-align: right;width: 990px;height: auto;background-color: white;padding-top: 20px;font-family: ttgm, Tahoma;padding-bottom: 50px;margin-bottom: 5px;border-radius: 8px;margin-top: 40px;}


.mob-main-nav{display: none; z-index: 100;}
.mob-parag1-img{display: none;}
.ad-main-nav{position: relative; width: 1020px; height: 44px;  right: -15px; margin-bottom: 20px;z-index: 100; }
.ad-main-nav-img{width: 100%;position: absolute;top: 0;z-index: 0;}
.ad-main-nav-btn{height: 33px;width: auto;background-color: transparent;color: black;position: absolute;top: 0;line-height: 30px;z-index: 1;font-size: 14px;font-weight: bold;padding: 0px 25px 0px 25px;border-right: 1px solid lightgray;cursor: pointer;font-family: ttgm, tahoma;}
.ad-main-nav-btn:hover{background-color: #494948 ; color: white;}
.ad-main-nav-btn-banner{position: absolute; display: none; background-color: rgba(73,73,72,0.7); line-height: 10px; padding: 0 20px 0 20px; border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; right: 220px; top: 33px; color: #fff;}
.common-banner{border-bottom: 1px dashed #fff; padding-bottom: 15px; }
.common-banner:hover{color: #ffb400;}
.dublex-banner:hover{color: #ffb400;}
/*for tahoma font*/
#ad_btn_main_beytoote{right: 1px;}
#ad_btn_main_home{right: 294px;}
#ad_btn_main_experts_agent{right: 380px;}
#ad_btn_main_bannery{right: 40px;}
#ad_btn_main_mohtavaei{right: 212px;}
#ad_btn_main_reportazh{right: 355px;}
#ad_btn_main_lightbox{right: 470px;}
#ad_btn_main_interactive{right: 587px; border-left: 1px solid lightgray;}
#ad_btn_main_beytoote{right: 15px;}
#ad_btn_main_contact{right: 183px;border-left: 1px solid lightgray;}
.ad-new{position: absolute; top: -8px; left: 1px; color: red; font-size: 12px;}

.ad-footer-container{position: relative; width: 99%;margin:5px; height:500px; background-color: #000000; color: white; font-family: ttgm, Tahoma; }
.ad-footer-text-right{position: absolute; font-weight: bold; font-size: 14px; right: 2%; top: 340px;}
.ad-footer-seprator-image{position: absolute; top: 330px; right: 20%;}
.footer-seprator{background-image: url(../images/beytoote-footer-line.png); background-repeat: no-repeat; background-size: cover; width: 1px; height: 15px; vertical-align: middle;}
.ad-footer-text-left{position: absolute; font-weight: bold; font-size: 14px; right: 23%; top: 310px;}
.ad-footer-img{position: absolute; bottom: 20px;}
#ad_footer_home{left: 120px;}
#ad_footer_email{left: 90px;}
#ad_footer_mobile{left: 60px;}
#ad_footer_phone{left: 30px;}
.ad-footer-red-line{position: absolute; bottom:5.5px ; left: 30px; height: 4px;}

.beytoote-footer-container{position: relative; height: 170px}
.beytoote-footer-line{width: 990px; background-color: #d04944; height: 3px; margin-bottom: 10px; margin-top: 10px;}
.beytoote-footer-text-container{ width: 990px; height: auto;}
.beytoote-footer-text{display: inline-block; font-size: 11px; font-family: ttgm, Tahoma , Arial , sans-serif; color: #B2251F;}
.beytoote-footer-text-eng{ font-size: 11px; font-family: ttgm, Tahoma , Arial , sans-serif; color: #888;}
.beytoote-enamad{position: absolute; top: 50px; right: 30px; width: 100px!important; height: 100px!important; border: none!important;}
.beytoote-footer-text-bottom{font-size: 11px; font-family: ttgm, Tahoma , Arial , sans-serif; color: #888; line-height: 0px}
a.beytoote-link{color: #B2251F;}
a{text-decoration: none;}
.ad-interactive-container{width: 23%; margin: 5%; display: inline-block;}
.ad-interactive-main-image{width: 100%;}
.ad-interactive-name{font-size: 13px; margin-top: 3vw;}
.ad-interactive-more-btn{width: 100px; height: 27px; margin-right: 25%; background-image: url(../images2/more.png); background-repeat: no-repeat; background-size: cover; cursor: pointer;}

.interactive-top-block-text{    
                direction: rtl;
                width: 95%;
                min-height: 20vw;
                position: relative;
                padding: 20px 0 40px 0;
                margin: 2% 2.5% 2% 2.5%;
                box-shadow: 0 4px 10px 0 rgba(0,0,0,0.2), 0 4px 20px 0 rgba(0,0,0,0.19);
                font-family: ttgm, Tahoma;
            }
            .interactive-top-block-demo{    
                position: static;
                margin-right: 1vw;
                padding: 0.6vw 1vw 0.6vw 1vw;
                width: 17vw;
                background-color: #3279e1;
                color: white;
                border-radius: 15%;
                border-top-right-radius: 0;
                border-bottom-left-radius: 0;
                font-family: ttgm, Tahoma;
            }
            .interactive-top-block-h1{font-size: 1.5vw; padding-right: 1vw; font-weight: bold;}
            .interactive-top-block-p{font-size: 1vw; padding-right: 1vw; width: 50%; text-align: justify;}
            .interactive-top-block-img{position: absolute; width: 20%; top: 1vw; left: 2vw;}
/*=================mobile design=========================*/

@media only screen and (orientation: portrait){
    .ad-header-container,.ad-main-nav{display: none!important; width: 100%!important;}
    .beytoote-header-container-mob{display: block!important;}
    .mob-main-nav{display: block!important; position: fixed; top: 0; width: 100%; height: auto; background-color: #fff; background-size: cover; right: 0; }
    .mob-main-nav-btn{height: auto; width: 100%; background-color: #494948; color: white; z-index: 101; font-size: 4vw; font-weight: bold; padding: 0px 4vw 1vw 1vw;  cursor: pointer; margin-top: 0.3vw; text-align: right }
    .mob-main-nav-btn-home{position: relative; height: 10vw;margin-top: 0.3vw; width: 100%; background-color: #494948; z-index: 101;   cursor: pointer; }
    .mob-main-nav-btn-home:hover{background-color: gray; color: white;}
    .mob-menu-text{font-size: 3.5vw;}
    .mob-menu-home-img{position: absolute; top: 2vw; right: 4vw; height: 6vw;}
    .mob-main-nav-btn:hover{background-color: gray; color: white;}
    .mob-new{ color: red; font-size: 2vw; margin-right: 3vw;}
    .mob-menu-container{height: auto; width: 100%; height: 12vw; background-color: #494948; color: white; z-index: 101; padding: 0px 1vw 1vw 1vw; position: relative;}
    .mob-menu-img{height: 10vw; position: absolute; top: 1vw;  right: 1vw; cursor: pointer}
    #mob_menu{display: none;}
    
    .ad-footer-container{height: 80vw!important;}
    .ad-footer-text-right{top: 30vw!important; font-size: 3vw!important;}
    .ad-footer-seprator-image{top: 41vw!important; right: 10%!important; width: 2vw!important; height: 15vw!important;}
    .ad-footer-text-left{font-size: 2.5vw!important; right: 13%!important; top: 38vw!important;}
    #ad_footer_home{left: 26vw!important; width: 5vw;}
    #ad_footer_email{left: 19vw!important;width: 5vw;}
    #ad_footer_mobile{left: 12vw!important;width: 5vw;}
    #ad_footer_phone{left: 5vw!important;width: 5vw;}
    .ad-footer-red-line{display: none;}
    .beytoote-footer-text{font-size: 3vw!important; color: #1D70C4!important; vertical-align: middle; margin-left: 2vw; margin-right: 2vw;}
    .beytoote-footer-text-container{width: 100%;padding-bottom: 10vw;}
    .beytoote-footer-text-container>img{width: 0.3vw; vertical-align: middle}
    .beytoote-footer-text-eng{font-size: 2.5vw!important;}
    .beytoote-footer-text-bottom{font-size: 2.5vw!important; color: #000000!important;}
    .beytoote-footer-line{width: 100%!important;}
    .beytoote-enamad{top: 16vw!important; right: 45%;}
    #ad_wrapper{width: 100%!important; margin-top: 12vw;}
    .ad-interactive-container{width:70%; margin: 15%; display: block;}
    .ad-interactive-main-image{width: 100%;}
    .ad-interactive-name{font-size: 4vw; margin-top: 5vw;}
    .ad-interactive-more-btn{width: 25vw; height: 6.5vw; margin-right: 30%;}
    .interactive-top-block-text{ 
                text-align: center;
                direction: rtl;
                width: 95%;
                min-height: 50vw;
                padding: 1vw 0 3vw 0;
            }
            .interactive-top-block-demo{  
                margin-right: 15vw;
                padding: 0.6vw 1vw 0.6vw 1vw;
                width: 60vw;
                font-size: 3.5vw;
            }
            .interactive-top-block-h1{font-size: 4.5vw;}
            .interactive-top-block-p{font-size: 3.5vw; padding-right: 1vw; padding-left: 1vw; width: 100%;}
            .interactive-top-block-img{display: none;}
}

@media only screen and (max-width: 768px){

    .ad-header-container,.ad-main-nav{display: none!important; width: 100%!important;}
    .beytoote-header-container-mob{display: block!important;}
    .mob-main-nav{width: 100%; height: auto; background-image: url(http://storage.beytoote.com/inact/beytoote-ads/images/mob-strip-menu.png); background-size: cover; right: 0;}
    .mob-main-nav-btn{height: 100%; width: auto; background-color: transparent; color: black; z-index: 1; font-size: 3vw; font-weight: bold; padding: 0px 25px 0px 25px; border-right: 0.3vw solid lightgray; cursor: pointer; display: inline-block;}
    .mob-main-nav-btn:hover{background-color: #494948 ; color: white;}

    .ad-footer-container{height: 60vw!important;}
    .ad-footer-text-right{top: 30vw!important; font-size: 3vw!important;}
    .ad-footer-seprator-image{top: 39vw!important; right: 10%!important; width: 2vw!important; height: 15vw!important;}
    .ad-footer-text-left{font-size: 2.5vw!important; right: 13%!important; top: 38vw!important;}
    #ad_footer_home{left: 26vw!important; width: 5vw;}
    #ad_footer_email{left: 19vw!important;width: 5vw;}
    #ad_footer_mobile{left: 12vw!important;width: 5vw;}
    #ad_footer_phone{left: 5vw!important;width: 5vw;}
    .ad-footer-red-line{display: none;}
    .beytoote-footer-text{font-size: 3vw!important; color: #1D70C4!important; vertical-align: middle; margin-left: 2vw; margin-right: 2vw;}
    .beytoote-footer-text-container{width: 100%;}
    .beytoote-footer-text-container>img{width: 0.3vw; vertical-align: middle}
    .beytoote-footer-text-eng{font-size: 2.5vw!important;}
    .beytoote-footer-text-bottom{font-size: 2.5vw!important; color: #000000!important;}
    .beytoote-enamad{top: 16vw!important; right: 45%;}
    #ad_wrapper{width: 100%!important;}

}