﻿@import url(css/admin.css); 
@import url(css/layout.css); 
@import url(css/mobile.css); 
@import url(css/owl.carousel.css);
@import url(css/owl.theme.css);
@import url(css/easy-responsive-tabs.css);
@import url(css/fontello.css);
@import url(css/animate.min.css);
@import url(css/magnific-popup.css);
@import url(bootstrap/css/docs.css); 
@import url(bootstrap/css/bootstrap.min.css); 
@import url(css/content.css); 

@font-face {
 font-family: 'Conv_UniversLTStd-Cn';
 src: url('fonts/UniversLTStd-Cn.eot');
 src: url('fonts/UniversLTStd-Cn.eot?#iefix') format('embedded-opentype'), 
 	url('fonts/UniversLTStd-Cn.woff') format('woff'), 
	url('fonts/UniversLTStd-Cn.ttf') format('truetype'), 
	url('fonts/UniversLTStd-Cn.svg#OpenSansRegular') format('svg');
 font-weight: normal;
 font-style: normal;
}

@font-face {
    font-family: 'petraglyphdisplaylight';
    src: url('fonts/petraglyphdisplaylight.eot');
    src: url('fonts/petraglyphdisplaylight.eot?#iefix') format('embedded-opentype'),
         url('fonts/petraglyphdisplaylight.woff2') format('woff2'),
         url('fonts/petraglyphdisplaylight.woff') format('woff'),
         url('fonts/petraglyphdisplaylight.ttf') format('truetype'),
         url('fonts/petraglyphdisplaylight.svg#petraglyphdisplaylight') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'petraglyphdisplayultralight';
    src: url('fonts/petraglyphdisplayultralight.eot');
    src: url('fonts/petraglyphdisplayultralight.eot?#iefix') format('embedded-opentype'),
         url('fonts/petraglyphdisplayultralight.woff2') format('woff2'),
         url('fonts/petraglyphdisplayultralight.woff') format('woff'),
         url('fonts/petraglyphdisplayultralight.ttf') format('truetype'),
         url('fonts/petraglyphdisplayultralight.svg#petraglyphdisplayultralight') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'petraglyphdisplayregular';
    src: url('fonts/petraglyphdisplayregular.eot');
    src: url('fonts/petraglyphdisplayregular.eot?#iefix') format('embedded-opentype'),
         url('fonts/petraglyphdisplayregular.woff2') format('woff2'),
         url('fonts/petraglyphdisplayregular.woff') format('woff'),
         url('fonts/petraglyphdisplayregular.ttf') format('truetype'),
         url('fonts/petraglyphdisplayregular.svg#petraglyphdisplayregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'ge_dinar_oneregular';
    src: url('fonts/ge_dinar_one_medium.eot');
    src: url('fonts/ge_dinar_one_medium.eot?#iefix') format('embedded-opentype'),
         url('fonts/ge_dinar_one_medium.woff2') format('woff2'),
         url('fonts/ge_dinar_one_medium.woff') format('woff'),
         url('fonts/ge_dinar_one_medium.ttf') format('truetype'),
         url('fonts/ge_dinar_one_medium.svg#ge_dinar_oneregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
.intro{
    margin-top:  20px;
    font: 22px 'ge_dinar_oneregular','Segoe UI', Arial, Helvetica, sans-serif;
    direction: rtl;
    text-align: right;
    padding-bottom: 25px;
    border-bottom: 1px solid #999;
}
.gedinaroneregular{
    font: 22px 'ge_dinar_oneregular','Segoe UI', Arial, Helvetica, sans-serif;
    direction: rtl;
    text-align: right;
}

.textfont{font:18px 'petraglyphdisplayregular','Segoe UI', Arial, Helvetica, sans-serif;}

/* Skin styles for DotNetNuke  by dnnskin.net Overall support@dnnskin.net */  
html								{ height:100%;}
#Body, td, p, .Normal, .NormalDisabled,.NormalBold{
    /*line-height:1.4em; */
    color:#333; 
    line-height: 180%;
    font-size:16px;
    letter-spacing: normal; 
    font-family:'Segoe UI', Arial, Helvetica, sans-serif;
    /*direction: ltr;*/ }


.Formstitle {
    color:#333; 
    font-size:16px;
    letter-spacing: normal; 
    text-align: right;
    font-family: 'ge_dinar_oneregular','Segoe UI', Arial, Helvetica, sans-serif;
    direction: rtl;
    /*padding-left: 10px;*/
    float: right;
    width: 120px;
}
.FormsTextBox {
    /*border: #f7c065 1px solid;*/
    float: right;
    direction: rtl;
}

.captcha{
    float: right;
    direction: rtl;
    padding-left: 500px;
}

.validationRed { 
    float: right; 
    direction: rtl;
    text-align:  right;
    font:14px 'Segoe UI', Arial, Helvetica, sans-serif;
    color: red;
    padding-bottom: 10px;
}

#Body, .NormalTextBox{ text-align:right; direction: ltr;}
p, .Normal{text-align:justify; direction: rtl;}
*,*:before,*:after 					{ -webkit-box-sizing: content-box;-moz-box-sizing:content-box;box-sizing:content-box;}
.row *,.row::before,.row:after		{ -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box}
.carousel-inner .left				{ float:none; }/* resolve conflicts dnn defaule.css .left{fleft:left}*/
#Body button.ui-dialog-titlebar-close{ padding:0px; margin:4px 4px 0 0 ; clear:none}
ul.list-group						{ margin:10px 0; padding:0px;}
.Head								{ font: 22px 'petraglyphdisplayregular', 'Segoe UI', arial;
                                            /*font:bold 1.2em Arial, Helvetica, sans-serif;*/}
.SubHead							{ color:#666}
.aligncenter						{ text-align:center}
.smalltext							{ font-size:12px;}
.mediumtext							{ font-size:15px;}
.largetext							{ font-size:17px; font-weight:normal}
.textshadow							{ text-shadow:0px 0px 2px rgba(0, 0, 0, 0.3)}
.topspace							{ padding-top:50px;}
.bootspace							{ padding-bottom:50px;}
.upper								{ text-transform:uppercase}
.greycolor							{ color:#999}
.blackcolor							{ color:#000}
.hr1								{ clear: both;border-bottom:1px solid #efefef;margin:40px 0;	height:1px;}
.hr2								{ clear: both;	height:1px;	width:100%;	background: url(images/dotted.png) repeat-x;	margin:40px 0;	height:1px;}
.hr3								{ height:5px;	background: url(images/shadow.png) no-repeat center top;	width:100%;	margin:40px 0;}
.hr4								{ border-bottom:none;	margin:40px 0;	width:100%;	height:14px;	background: url(images/stripes.png);display: block;}
.redback							{ background-color:#f65f24}
.greenback							{ background-color:#75da09}
.blueback							{ background-color:#06bef6}
.orangeback							{ background-color:orange}
.pinkback							{ background-color:#fc4c9a}
.tealback							{ background-color:teal}
.purpleback							{ background-color:#e740d5}
A.CommandButton:link,A.CommandButton:visited,
A.CommandButton:active				{ font: 16px 'ge_dinar_oneregular', 'Segoe UI', arial;}
A.CommandButton:hover				{ color:#4e4efb}
h1,h2,h3,h4,h5,h6					{ 
    font-weight:normal; 
    letter-spacing:normal; 
    direction: rtl;
    color:  #141515;/*color:#000; */
    font-family:'ge_dinar_oneregular', Arial, Helvetica, sans-serif;    
}
h1									{ font-size:40px;}
h2									{ font-size:38px; font-family: 'petraglyphdisplaylight', Arial, Helvetica, sans-serif;}
h3									{ font-size:22px;}
h4									{ font-size:20px;}
h5									{ font-size:16px;}
h6									{ font-size:14px;}
#dnnmenu							{ clear:both}
a.btn								{ -webkit-transition:all 0s ease;-moz-transition:all 0s ease;-o-transition:all 0s ease;transition:all 0s ease;}
a.btn-default:link,a.btn-default:active,a.btn-default:visited{ color:#333; margin-bottom:3px;}
a.btn-success:link,a.btn-success:active,a.btn-success:visited{ color:#fff; margin-bottom:3px}
a.btn-primary:link,a.btn-primary:active,a.btn-primary:visited{ color:#fff; margin-bottom:3px;}
a.btn-info:link,a.btn-info:active,a.btn-info:visited{ color:#fff; margin-bottom:3px;}
a.btn-warning:link,a.btn-warning:active,a.btn-warning:visited{ color:#fff; margin-bottom:3px;}
a.btn-danger:link,a.btn-danger:active,a.btn-danger:visited{ color:#fff; margin-bottom:3px;}
.layoutpattern li.pattern01 		{ background:url(css/pattern/pattern01.jpg)}
.layoutpattern li.pattern02 		{ background:url(css/pattern/pattern02.jpg)}
.layoutpattern li.pattern03 		{ background:url(css/pattern/pattern03.jpg)}
.layoutpattern li.pattern04 		{ background:url(css/pattern/pattern04.jpg)}
.layoutpattern li.pattern05			{ background:url(css/pattern/pattern05.jpg)}
.layoutpattern li.pattern06			{ background:url(css/pattern/pattern06.png) #eee}
.layoutpattern li.pattern07			{ background:url(css/pattern/pattern07.jpg)}
.layoutpattern li.pattern08			{ background:url(css/pattern/pattern08.jpg)}
.defaulttheme						{ background:#f7c065}
.redtheme							{ background:#f00}
.greentheme							{ background:green}
.bluetheme							{ background:blue}
.purpletheme						{ background:purple}
.hotpinktheme						{ background:hotpink}
.skybluetheme						{ background:#0abdf8}
.greytheme							{ background:grey}

/* Default Theme*/
.fontcolor,
a,a:link,a:active,a:visited,
ul.mmmenu li .mmmbox .mmm-column h3 a:hover,
ul.mmmenu li a:hover,
.purchaseskin a.btn:hover,
#dnnfooter a.links:hover,
#dnnfooter a:hover,
div.fullwidthbanner h1.title1,
ul#featureslist li a:hover,
.latestpost ul li a:hover,
.packages ul li a em,
.packages .price strong,
.packages ul li a:hover,
.softwareslider .slidertext span,
a.pageoptions:hover,
.titlebar-basic .breaderbox a:hover	,
.mmstyle li.current a,.mmstyle li.Breadcrumb a{ color:#555555; text-decoration: none; /*color:#f7c065;*//*font-weight: bold;*/}



/* MAIN MENU + Slider*/
.current-menu-item a span,
.ls-layer a, 
.ls-layer a:hover, 
.ls-layer a:active, 
.ls-layer a:link{
    color:#f7c065; 
    text-decoration: none;
}  

ul#featureslist li a, 
ul#featureslist li a:hover{direction: rtl;font: 22px 'petraglyphdisplayregular', 'Segoe UI', arial;}


.bgcolor,.customNavigation a em.bgcolor,
.tp-leftarrow:hover,
.tp-rightarrow:hover,
.foot-social-icons li a:hover,
#bar,
#side-box a:hover,
.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span,
.softwareslider .slidertext a.btn,
div.photo div.border:hover{ background:#f7c065}
::-moz-selection,::selection { background:#f7c065; color:#fff}
.mmstyle li.sfHover a,.mmstyle li a:hover{ color:#f7c065}
.searchbox a.SkinObject:link{background:#f7c065}
.layoutcolor.themes li.selected,.layoutpattern.themes li.selected{ background-color:#f7c065}
.featured-box .back a:hover{background:#f7c065}
#login li a:hover { color:#f7c065}
#dnnfooter a.links:hover{ color:#f7c065}
.fghtab ul.resp-tabs-list li.resp-tab-active{color:#f7c065; border-bottom:3px #f7c065 solid;}

.btn-mobile-nav,
.btn-search:hover{ background-color:#f7c065; border:1px #f7c065 solid}


a.bgcolor:link,a.bgcolor:visited,a.bgcolor:active{ color:#fff;}
a.bgcolor:hover{ color:#000}

.readmore,
.readmore a,
.readmore a:hover,
.readmore a:visited
{color: #f7c065;text-decoration: none; font: 22px 'petraglyphdisplaylight', 'Segoe UI', arial;}

h1 a,
h1 a:hover,
h1 a:visited
{text-decoration: none;}

#NewsSearchbox{ padding:0px 0 0; width:195px }
.NewsSearch{ padding:6px; width:60%}
.NewsSearchButton{ width:20%; max-width:80px}
.divSearchBar .SearchCondition{ font-size:12px}
.divSearchBar select{ font-size:12px; padding:5px; margin:5px 0}
@media handheld, only screen and (max-width: 767px) {
#NewsSearchbox{ padding:0px 0 0; width: auto }
}

.topfontsocial{ float:left; padding-right:15px}
 #scrollnewslist{ height:30px; overflow:hidden; margin:0px; padding:0 10px; border:1px #f7c065 solid; float:left}
.newsscroll{ margin:0 0 10px; padding:0px;}
.newsscroll li{ margin:0px; padding:0px; list-style: none;height:140px; overflow:hidden; line-height:30px;}
.newsscroll li a{ color:#333; text-decoration:none;font-weight: lighter; font-family: 'Segoe UI', Arial, Helvetica, sans-serif;}
.newsscroll li a:hover{ color:#f7c065}
.newsscroll li .padding{ padding:15px 20px;}
.lastednew{ 
    background:#f7c065; 
    height:30px; 
    padding:0 10px; 
    float:left; 
    border:1px #f7c065 solid; 
    line-height:30px; 
    color:#fff;
    font: 22px 'petraglyphdisplayregular','Segoe UI', Arial, Helvetica, sans-serif;
}
.lastnews{ float:left}

@media handheld, only screen and (max-width: 420px) {
    .topfontsocial{ float:left; padding-bottom:10px; margin-top:-40px}
	.newsscroll{ width:65%; font-size:13px; }
	.lastednew{ width:18%; font-size:18px; padding:0 3%; line-height:30px;}
	.lastnews{ width:100%; clear:both}
	.TopbarPane{ float:left; width:100%}
    h2{ font: 34px 'petraglyphdisplaylight', Arial, Helvetica, sans-serif;}
}