/*
 * CSS For DotNetNuke Skin by bestdnnskins.com
 * Copyright 2014 By BESTDNNSKINS.COM
 */
/*-------- for all containers --------*/
.c_icon, .c_title {
    float: right;
}

.c_content_style {
    display: inline-block;
    width: 100%;
}

.clearafter:after {
    clear: both;
    content: ".";
    height: 0px;
    font-size: 0px;
    visibility: hidden;
    display: block;
}

.clearafter {
    display: inline-block;
}

.clearafter {
    display: block;
}

h2.c_title {
    margin: 0 ;
    padding: 0;
    line-height: 1.8em;
    font-size: 18px;
}

h2.c_title span {
    vertical-align: middle;
    font-weight: normal;
    font-family: inherit;
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
}

/*--------- containers title ---------*/
.c_title_footer {
    font-size: 18px;
    color: #f0f0f0;
}

.c_title_black {
    font-size: 13px;
    color: #577194;
}

.c_title_white {
    font-size: 18px;
    color: #FFFFFF;
}

.c_title_Color {
    color: var(--title-color);
    font-size: 17px;
    font-weight: 500 !important;
}

/*------ BlackTitle Container 01 ------*/
.Bt1_style {
    min-width: 150px;
}

.Bt1_style:hover .c_title_black {
    color: var(--accent-color);
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
}

.Bt1_top {
    margin: 0;
    padding: 0px 3px 5px;
    background: var(--container-icon) no-repeat right bottom;
}

.Bt1_content {
    padding: 8px 3px;
}

.Bt1_style h2.c_title {
    margin: 0 21px -5px 0;
    border-bottom: 2px solid var(--news-icon);
    display: block;
    width: 100%;
}

.Bt1_style .c_title_black {
    font-size: 14px;
    color: var(--title-color);
    font-weight: 500;
}

/*------ BlackTitle Container 02 ------*/
.Bt2_style {
    min-width: 150px;
    margin-bottom: 10px;
}

.Bt2_style:hover .c_title_black {
    color: var(--accent-color);
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
}

.Bt2_top {
    border-bottom: 4px double #e6e6e6;
    padding: 6px 3px 12px;
}

.Bt2_content {
    padding: 10px 3px;
}

/*------ BlackTitle Container 03 ------*/
.Bt3_Style {
    min-width: 150px;
    margin-bottom: 10px;
}

.Bt3_Style:hover .c_title_black {
    color: var(--accent-color);
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
}

.Bt3_top {
    border-bottom: 1px solid #dddddd;
    position: relative;
}

.Bt3_Style .c_title {
    border-bottom: 2px solid var(--accent-color);
    margin-bottom: -1px;
    padding: 7px 0;
}

.Bt3_content {
    padding: 10px 3px;
}

/*------ BlackTitle Container 04 ------*/
.Bt4_style {
    min-width: 150px;
    margin-bottom: 10px;
}

.Bt4_style:hover .c_title_black {
    color: var(--accent-color);
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
}

.Bt4_top {
    border-bottom: 1px dashed #dedede;
    padding: 6px 3px 12px;
}

.Bt4_content {
    padding: 10px 3px;
}

/*-------- Color Title 01 --------*/
.ct1_style {
    min-width: 150px;
    margin-bottom: 10px;
}

.ct1_top {
    padding: 5px 3px;
}

.ct1_content {
    padding: 10px 3px;
}

/*-------- Color Title 02 --------*/
.ct2_style {
    min-width: 150px;
    margin-bottom: 10px;
}

.ct2_top {
    border-bottom: 1px solid var(--accent-color);
    padding: 5px 3px 15px;
}

.ct2_content {
    padding: 10px 3px;
}

/*-------- Color Header 01 --------*/
.ch1_style {
    min-width: 150px;
    margin-bottom: 10px;
}

.ch1_top {
    min-height: 15px;
    background: none;
    border: 1px solid var(--accent-color);
    padding: 3px 10px 7px 10px;
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
}

.ch1_top .c_title_white {
    color: var(--accent-color);
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
}

.ch1_content {
    padding: 10px 3px ;
}

/*-------- Color Header 02 --------*/
.ch2_style {
    min-width: 150px;
    margin-bottom: 10px;
}

.ch2_top {
    background-color: var(--accent-color);
    min-height: 15px;
    padding: 8px 13px 5px;
    position: relative;
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
}

.ch2_content {
    padding: 10px 3px;
}

/*-------- Header Box 01 --------*/
.hb_style {
    min-width: 150px;
    margin-bottom: 10px;
    background: url(images/bg-container.jpg) repeat-x right bottom #fcfdfe;
    border: 1px solid #c5d5dd;
    position: relative;
}

.hb_top {
    background-color: var(--accent-color);
    min-height: 15px;
    padding: 5px 13px 7px;
    border: 1px solid var(--accent-color);
    position: relative;
    top: -1px;
    -webkit-border-radius: 5px 5px 0 0;
    -moz-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
    z-index: 13;
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
}

.hb_content {
    padding: 33px 40px 13px;
    background: transparent;
    min-height: 151px;
    position: relative;
    z-index: 1;
}

.hb_style::after {
    background: transparent url("images/border_bg.rtl.png") no-repeat scroll left bottom;
    bottom: -1px;
    content: "";
    height: 151px;
    left: -1px;
    position: absolute;
    width: 120px;
}

.hb_style::before {
    background: transparent url("images/eslimi_bg.rtl.png") no-repeat scroll right top;
    top: -1px;
    content: "";
    height: 151px;
    right: -1px;
    position: absolute;
    width: 120px;
}

/*-------- Header Box 02 --------*/
.hb2_style {
    min-width: 150px;
    margin-bottom: 10px;
    background: #FFF;
}

.hb2_top {
    min-height: 15px;
    color: #4171a3;
    box-shadow: 1px 2px 2px 0 #dde8f1;
    padding: 7px 13px 0px ;
    border-bottom: 1px solid #d0e1ee;
    position: relative;
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
}

.hb2_top .c_title_white {
    color: var(--accent-color);
}

.hb2_content {
    padding: 10px 10px 10px;
}

.hb2_style .c_title_white {
    font-size: 14px;
}

.hb2_style .c_icon img {
    margin: 0 0 0 6px;
}

/*-------- Header Box 03 --------*/
.hb3_style {
    min-width: 150px;
    margin-bottom: 10px;
    background: #f8fafb none repeat scroll 0 0;
    border: 1px solid #eaf0f4;
}

.hb3_top {
    width: 95%;
    margin: 0 auto;
    min-height: 15px;
    color: #3b7099;
    padding: 7px 0 0 ;
    border-bottom: 1px solid #d8e2ec;
    position: relative;
    top: -1px;
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
}

.hb3_top .c_title_white {
    color: var(--accent-color);
}

.hb3_content {
    padding: 10px 10px 10px;
}

.hb3_style .c_title_white {
    font-size: 14px;
    font-weight: 500;
}

.hb3_style .c_icon img {
    margin: 0 0 0 6px;
}

/*-------- White Box 01 --------*/
.wb_style {
    min-width: 150px;
    margin-bottom: 10px;
    position: relative;
    border: 1px solid #e6e6e6;
    background: #fff;
}

.wb_top {
    min-height: 35px;
    padding: 8px 12px 5px;
    position: relative;
    border-bottom: 1px solid #e6e6e6;
    border-top: 2px solid var(--accent-color);
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
}

.wb_top .c_title_Color {
    color: #666;
    padding-top: 3px;
}

.wb_content {
    padding: 5px 10px 10px;
    border-radius: 0 0 6px 6px;
}

/*-------- White Box 02 --------*/
.wb2_style {
    min-width: 150px;
    margin-bottom: 10px;
    margin-top: 15px;
    border: 1px solid #e6e6e6;
}

.wb2_top {
    min-height: 15px;
    background: #fafafa;
    padding: 8px 10px 5px 10px;
    border-bottom: 1px solid #e6e6e6;
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
}

.wb2_top .c_title_white {
    color: #666;
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
}

.wb2_content {
    padding: 5px 10px 10px;
}

/*-------- Footer Contaienr 01 --------*/
.Footer01_style {
    min-width: 160px;
    margin: 0;
}

.Footer01_top_bg {
    padding: 15px 1px;
    margin: 0;
}

.Footer01_top_bg .c_title_white {
    color: #666;
}

.Footer01_border {
    background: #e6e6e6;
}

.Footer01_style .Footer01_top_border {
    background-color: var(--accent-color);
    height: 1px;
    width: 40px;
    -webkit-transition: all 0.2s ease-in 0s;
    -moz-transition: all 0.2s ease-in 0s;
    transition: all 0.2s ease-in 0s;
}

.Footer01_style:hover .Footer01_top_border {
    width: 60px;
    -webkit-transition: all 0.4s ease-in 0s;
    -moz-transition: all 0.4s ease-in 0s;
    transition: all 0.4s ease-in 0s;
}

.Footer01_content {
    padding: 25px 3px 8px 3px;
}

/*-------- Footer Contaienr 02 --------*/
.Footer02_style .c_title_black {
    color: var(--footer-title);
    font-size: 14px;
    font-family: DroidKufi-bold;
}

.Footer02_style:hover .c_title_black {
    color: var(--accent-color);
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
}

.Footer02_top_bg {
    padding: 7px 3px;
    margin: 0;
}

.Footer02_content {
    padding: 0px 3px 5px 3px;
}

/*-------- notitle --------*/
.notitle_container {
}