/* 

1. Add your custom Css styles below
2. Place the this code in your template: 

 <link href="css/custom.css" rel="stylesheet">

*/

@font-face {
    font-family: "IranSans";
    font-style: "normal";
    font-weight: "normal";
    src: url("../fonts/IranSans/IRANSansWeb.eot");
    src: url("../fonts/IranSans/IRANSansWeb.eot?#iefix") format("embedded-opentype"), 
         /* url("fonts/IranSans/IRANSansWeb.woff2") format("woff2"), */
         url("../fonts/IranSans/IRANSansWeb.woff") format("woff"),
         url("../fonts/IranSans/IRANSansWeb.ttf") format("truetype");
}

@font-face {
    font-family: "Entezar";
    font-style: "normal";
    font-weight: "normal";
    src: url("../fonts/IranSans/Entezar.ttf") format("truetype");
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6,
p ,
#mainMenu nav>ul>li>a ,
#footer .widget .widget-title, #footer .widget h4,
#footer,
.btn, a.btn:not([href]):not([tabindex]),
#page-title .page-title>h1 ,
.widget .widget-title, .widget>h4 
{
	
    font-family: IranSans,Helvetica,Arial,sans-serif;
}

body {
    font-family: IranSans,Helvetica,Arial,sans-serif;
}
.color1 a:hover{
    color:#eabb61 !important;
}

#scrollTop:after, #scrollTop:before {
    background-color: #eabb61;
}

body{
    background: #f3f3f3;
}
#mainMenu nav>ul>li {
    float: right;
    margin-right: 6px;
    margin-right: 0px;
}
#mainMenu nav>ul>li .dropdown-submenu>.dropdown-menu {
    margin-right: -6px;
    right: 100%;
    left: inherit;
}
#mainMenu nav>ul>li .dropdown-submenu:not(.hover-active):hover:before {
    left: 12px;
    right: inherit;
}
#mainMenu nav>ul>li .dropdown-submenu:before {
    content: "\e95a";
    left: 16px;
    right: inherit;
}
#header.dark #mainMenu nav>ul>li:hover>a:after {
    background-color: initial;
}
#mainMenu nav>ul>li .dropdown-menu>li [class*=col-]>ul>li>a,
#mainMenu nav>ul>li .dropdown-menu>li>a {
    font-size: 14px;
    line-height: 14px;
    color: #444;
    font-family: inherit !important;
    border: 0 !important;
    padding: 10px 10px !important;
}
#mainMenu nav>ul>li>a:after{
    content:none;
}

#mainMenu nav {
    float: left;
}
#header #mainMenu-trigger {
    height: 60px;
}
#header.dark #mainMenu nav>ul>li>a {
    color: #fff;
    font-size: 15px;
    font-weight: bold;
    font-weight: normal;
}
#header.dark #mainMenu ul.first-menu >li a {
    border-left: 1px solid #6f6f63;
    padding: 4px 8px;
    padding-left: 11px;
    letter-spacing: -0.5px;
    font-weight: normal;
}
#header.dark #mainMenu nav>ul>li a:hover {
    transition: all .4s ease-in-out;
    color:#e9ba5e !important;
}
#header.header-sticky.dark #header-wrap, #header.header-sticky.dark .header-inner {
    background-color: #1f3c6d!important;
}
#header.dark #mainMenu nav>ul>li:last-child a{
    border:0;
}
#widget-search-form-sidebar .btn, 
#widget-search-form-sidebar a.btn:not([href]):not([tabindex]) {
    background-color: #eabb61;
    border-color: #eabb61;
}
#widget-search-form-sidebar input{
    background: #FFF;
    border:0;
    -webkit-border-top-left-radius: 3px;
    -webkit-border-bottom-left-radius: 3px;
    -moz-border-radius-topleft: 3px;
    -moz-border-radius-bottomleft: 3px;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
}

#topbar .top-menu {
    float: right;
}
#topbar .top-menu>li a:hover {
   color:#e9ba5e !important;
   transition: all .4s ease-in-out;
}
#topbar .top-menu>li a{
    padding: 6px;
    font-size: 13px;
}
#header.dark #header-wrap, #header.dark .header-inner {
    background-color: #1f3c6d;
}
#topbar.dark, #topbar.topbar-dark {
    background-color: #1f3c6d;
    border-color: rgba(231,231,231,.25);
}
#topbar.dark {
    border-bottom: 1px solid #f3f3f3;
}
#header {
    height: 50px;
    line-height: 60px;
}
#header #header-wrap, #header .header-inner {
    height: 60px;
}
#header #header-wrap #logo a>img, #header .header-inner #logo a>img {
    vertical-align: middle;
    transition: all .4s ease-in-out;
    height: inherit;
    width: inherit;
}
#header #header-wrap #logo, #header .header-inner #logo {
    float: right;
    height: inherit;
    font-size: inherit
}
.header-extras {
    float: left;
    height: inherit;
    width: 15%;
}
.header-extras a{
    border-radius: 5px;
    background: transparent;
    border:1px solid #ffffff;
    padding-bottom: 15px;
    font-size: 15px;
    font-weight: normal;
}
.header-extras i {
    font-size: 15px;
    top: 3px;
    position: relative;
}
.rowblock{
    border: 1px solid #c8d7de;
    background: #ffffff;
    border-radius: 5px;
}
.alertt{
    padding: .85rem 1.5rem;
    z-index: 9999;
}
.tag2 a{
    border-radius: 5px;
    padding: 0 5px;
    letter-spacing: 0;
    font-weight: normal;
}
.tags3 a{
    letter-spacing: 0;
    font-weight: normal;
    margin-bottom: 15px;
    font-size: 14px;
}
.tags4 a{
    padding: 0px 5px;
    border-radius: 4px;
    color: #3f443e;
    border: 1px solid #adbec5;
    background: #FFF;
    font-size: 12px;
    margin: 0;
    margin-bottom: 5px
}
.tags5 a{
    padding: 3px 10px;
    border-radius: 4px;
    font-size: 13px;
    margin-left: 5px;
}
.tags4 a:hover{
    background: #c8d7de;
    color:#3f443e;
    border: 1px solid #adbec5;
}
/* .post-item {
    left: inherit !important;
} */
.post-item .post-audio .post-meta-category, 
.post-item .post-image .post-meta-category, 
.post-item .post-quote-img .post-meta-category, 
.post-item .post-slider .post-meta-category, 
.post-item .post-video .post-meta-category{
    border-radius: 7px;
}
.btn.btn-slide.btn-xs>span, a.btn:not([href]):not([tabindex]).btn-slide.btn-xs>span {
    right: 22px;
    left:inherit;
    top: 0;
}
.btn.btn-slide.btn-xs>i, a.btn:not([href]):not([tabindex]).btn-slide.btn-xs> i{
    font-size:14px;
    left: 7px;
}
.btn.btn-slide>span, a.btn:not([href]):not([tabindex]).btn-slide>span {
    left: 40px;
    text-align: right;
    font-family: Iransans;
}
.p-cb {
    padding: 10px;
}
.sidebar .widget .tabs li>a{
    padding: 11px;
    font-weight: normal;
    letter-spacing: -1px;
    padding-right: 0;
    padding-left: 0;
}
.sidebar .widget{
    border-radius: 5px;
}
.sidebar .widget:last-child {
    padding-bottom: 10px;
}
.post-tcontent {
    color: #aaa;
    font-size: 13px;
}
.cntnt{
    padding-left:10px !important;
    padding-right: 10px !important;
}
.list-icon i {
    font-size: 15px;
    margin-left: 14px;
    margin-right: -20px;
}
.list-icon li {
    margin-right: 20px;
}
.team-member .team-desc {
    padding-bottom: 0px;
    margin-top: -35px;
    text-align: center;
}
.team-image img{
    max-width: 100%;
    /* width: 100%; */
    user-drag: none; 
    user-select: none;
    -moz-user-select: none;
    -webkit-user-drag: none;
    -webkit-user-select: none;
    -ms-user-select: none;
}
.grid-layout{
    margin-left: -10px !important;
}
.accordion{
    width: 100%;
    padding:0 15px;
}
.accordion .ac-item {
    border: 1px solid #c8d7de;
    /* padding: 8px 20px; */
    padding: 8px 0px;
}
.accordion .ac-item .ac-title:before {
    left: 7px;
    right: inherit;
    border: 1px solid #c5d7db;
    border-radius: 50px;
    padding: 0px 4px !important;
    color: #c5d7db;
}
.accordion .ac-item .ac-title{
    letter-spacing: 0;
    font-size: 15px;
    margin-bottom: 0px;
}
.accordion .ac-item .ac-content {
    /* padding-top: 12px; */
    padding: 10px 10px 12px;
}
.accordion2{

}
.accordion2 .btn{
    background-color: #eabb61 !important;
    border-color: #bb9855 !important;
}
.accordion2 .btn:hover, .accordion2 .btn:active{
    background-color: #bb9855 !important;
    border-color: #1f3c6d !important;
}

.accordion2 .ac-item{
    padding:0;
}
.accordion2 .ac-item .ac-title {
    color: #adbec5;
    padding: 12px;
    text-align: right;
}
.accordion2 .ac-content1{
    background: #1a3157;
    border-radius: 5px;
    margin:10px 0;
    margin-top:0;
    padding-right:10px !important;
    border:1px solid #afbec3;
    line-height: 30px;
    padding: 12px 7px;
}
.accordion2 .ac-content .form-check{
    color:#aebfc7;
}
.accordion2 .ac-content .form-check input:checked  ~ .checkmark {
    background-color: #2196F3;
}

.genderr li {
    float: right;
    margin: 5px;
    width: 42%;
    height: 40px;
    position: relative;
    list-style: none !important;
}
.genderr li:nth-child(1){
    margin-right:0px !important;
}
.genderr li:nth-child(2){
    margin-left:0px !important;
}
.genderr label,
.genderr input {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}
.genderr input[type="radio"] {
    opacity: 0.01;
    z-index: 100;
}
.genderr input[type="radio"]:checked+label,
.Checked+label {
    background: #eabb61;
    color: #444 !important;
    border-color: #eabb61;
}
.genderr label {
    padding: 5px;
    border: 1px solid #adbec6;
    text-align:center;
    cursor: pointer;
    z-index: 90;
    border-radius:5px;
    font-size: 14px !important;
    font-weight: normal !important;
}
.genderr label:hover {
    background: #DDD;
}
.radios{
    margin: 5px 0;
    display: block;
    cursor: pointer;
}
.radio input {
    display: none;
}
.radios input + span {
    line-height: 22px;
    height: 22px;
    padding-left: 22px;
    display: block;
    position: relative;
    font-weight: normal;
    text-align: right;
}
.form-group label:not(.error) {
    padding-right: 5px;
}
.radios input + span:not(:empty) {
    padding-right: 25px;
}
.radios input + span:before, .radios input + span:after {
    content: "";
    width: 18px;
    height: 18px;
    display: block;
    border-radius: 50%;
    right: 0;
    top: 0;
    position: absolute;
}
.radios input + span:before {
    background: #6f6f63;
    transition: background 0.2s ease, -webkit-transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 2);
    transition: background 0.2s ease, transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 2);
    transition: background 0.2s ease, transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 2), 
                                    -webkit-transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 2);
}
.radios input + span:after {
    /* background: #2c312b; */
    -webkit-transform: scale(0.78);
            transform: scale(0.78);
    transition: -webkit-transform 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.4);
    transition: transform 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.4);
    transition: transform 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.4), -webkit-transform 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.4);
}
.radios input:checked + span:before {
    -webkit-transform: scale(1.04);
    transform: scale(1.04);
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
    background: #e6b966;
    content: '✔';
    text-align: center;
    font-size: 10px;
    color: #000;
    align-content: normal;
}
.radios input:checked + span {
    color: #e6b966;
}
.radios input:checked + span:after {
-webkit-transform: scale(0.4);
        transform: scale(0.4);
transition: -webkit-transform 0.3s ease;
transition: transform 0.3s ease;
transition: transform 0.3s ease, -webkit-transform 0.3s ease;
}
.radios:hover input + span:before {
-webkit-transform: scale(0.92);
        transform: scale(0.92);
}
.radios:hover input + span:after {
-webkit-transform: scale(0.74);
        transform: scale(0.74);
}
.radios:hover input:checked + span:after {
-webkit-transform: scale(0.4);
        transform: scale(0.4);
}

.list-title span{
    border-bottom: 2px solid #c9d8db;
}
.post-item .post-item-description{
    padding-bottom: 0;
    padding-top: 10px;
}
.post-thumbnail-list .post-thumbnail-entry .post-thumbnail-content a {
    line-height: 25px;
}
.post-item .post-item-description>h2, .post-item .post-item-description>h2>a {
    font-size: 15px;
}
section {
    background-color: inherit;
}
.sidebar-tech{
    background: #FFF;
    border: 1px solid #c9d6de !important;
    border-radius: 5px;
    padding: 0 !important;
}
.sidebar-tech .tab-content{
    padding-right: 5px;
    padding-left: 5px;
}
.sidebar-tech .nav-tabs {
    margin-bottom: 20px;
}
.sidebar-tech .nav-tabs .nav-item {
    width: 33.3%;
    text-align: center;
}
.sidebar-tech .nav-tabs .nav-item {
    border-left:1px solid #c8d7de;
}
.sidebar-tech .nav-tabs .nav-item:last-child {
    border-left:0;
}
.sidebar-tech .nav-tabs .nav-link {
    border-bottom: 1px solid #c7d9dd;
    color:#000;
}
.sidebar-tech .nav-tabs .nav-link.active {
    border-bottom: 1px solid #c7d9dd;
    background: #f1f5f6;
    color:#000;
}
.post-thumbnail-entry {
    padding: 0 5px;
    margin-bottom: 20px;
    padding-bottom: 10px;
}
.sidebar-tech .post-thumbnail-entry {
    border-bottom: 1px solid #adbec5;
    border-bottom: 1px solid #f2f2f2;
    /* padding-top: 10px; */
    padding-top: 0;
    margin-bottom: 10px;
}
.sidebar-tech .post-thumbnail-entry:last-child {
    border-bottom: 0;
}
.post-item .post-item-wrap {
    background-color: transparent;
}
.row-block2{
    border:1px solid #c8d6df;
    border-radius: 5px;
    background: #FFF;
}
.row-block2:hover{
    background: #f1f5f6;
}
.row-block2 .post-image img {
    -webkit-border-top-right-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -moz-border-radius-topright: 5px;
    -moz-border-radius-bottomright: 5px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}
.post-item .post-image .post-meta-category{
    background: #eabb61;
    color:#3f4541 !important;
    font-size: 12px;
    padding: 1px 11px;
}
.post-item .post-image .post-meta-category a{
    color:#3f4541;
}
.single-site .widget2{
    border: 1px solid #c8d7de !important;
    border-radius: 5px;
    background: #FFF;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(224,223,221,1);
    -moz-box-shadow: 0px 0px 5px 0px rgba(224,223,221,1);
    box-shadow: 0px 0px 5px 0px rgba(224,223,221,1);
}
.single-site .widget2 .team-image img{
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    padding:1px;
}
.single-site .widget2 .btn:hover{
    background: #eabb61;
    color:#383e34;
}
.single-site .widget2 .btn:hover span{
    letter-spacing: 0;
    font-size: 13px;
    padding-top: 2px;
}
.sidebar-tech .widget .post-thumbnail-list .post-thumbnail-entry>img {
    padding-right: inherit;
    padding-left: inherit;
    float: right;

    height: 80px;
    margin-right: 0 ;
    width: 70px;
}
.sidebar-tech .widget .post-thumbnail-list .post-thumbnail-entry img+.post-thumbnail-content {
    padding-left: 0;
}
.tabs.tabs-clean .nav-tabs li .nav-link{
    border-radius: 5px;
    border:1px solid #c8d7de !important;
    font-weight: normal;
    padding: 5px 10px;
}

.tabs .nav-tabs {
    margin-bottom: 0px;
}
.tabs.tabs-clean .nav-tabs .nav-link.active  {
    border-color: #eabb61 !important;
    color: #383a35 !important;
    background-color: #eabb61 !important;
    /* font-weight: bold; */
}
.tabs.tabs-clean .nav-tabs li:hover a,
.tabs.tabs-clean .nav-tabs li.active a, .tabs.tabs-clean .nav-tabs li:hover a{
    background-color: #c8d7de !important;
    color: #383a35 !important;
    border-color: #c8d7de !important;
}
.tabs.tabs-clean .nav-tabs li{
    float: right;
    margin-left: 10px;
    margin-bottom: 5px;
}
.tabs.tabs-clean .nav-tabs li.active a, 
.tabs.tabs-clean .nav-tabs li:hover a {
    /* color: #fff !important;
    background-color: #eabb61 !important; */
}

.grid-filter ul li a{
    border-radius: 5px;
    border:1px solid #c8d7de;
    font-weight: normal;
}
.grid-filter.gf-outline li.active a  {
    border-color: #eabb61;
    color: #383a35;
    background-color: #eabb61;
    font-weight: bold;
}
.grid-filter.gf-outline li:hover a{
    background-color: #c8d7de;
    color: #383a35;
    border-color: #c8d7de;
}
.grid-filter li{
    float: right;
}
.grid-filter li.active a, 
.grid-filter li:hover a {
    color: #fff;
    background-color: #eabb61;
}

.sidebar2{
    background: #1f3c6d;
    padding:0 !important;
    border-bottom: 55px solid #1a3158;
}
.sidebar2 .widget{
    border:0;
}
.sidebar2 h4{
    background: #1a3158;
    text-align: center;
    padding:15px;
    color:#FFF;
}
.sidebar2 .widget-content{
    padding-left:10px;
    padding-right:10px;
}
.sidebar2 .list-of-items{
    height:150px;
    overflow: auto  !important;
}
.sidebar2 .list-of-items::-webkit-scrollbar {
    width: 5px;
    border:2px solid #FFF;
}
.sidebar2 .list-of-items::-webkit-scrollbar-track {
    background: #adbec5;
}
.sidebar2 .list-of-items::-webkit-scrollbar-thumb {
    border-radius: 100px;
    background: #eabb61;
}
.sidebar2 .list-of-items::-webkit-scrollbar-thumb:hover {
    background: #555;
}
.sidebar2 .p-radio>input[type=radio]+.p-radio-style {
    float: right;
    margin-left: 10px;
    margin-right: 0;
}
.sidebar2 .p-radio>input[type=radio]+.p-radio-style:before {
    border: 0;
    top: 5px;
    background: #2d322c;
}
.sidebar2 .p-radio>input[type=radio]+.p-radio-style:after {
    top: 7px;
    /* background: #e6b056; */
    border-right: 2px solid #e6b056;
    border-bottom: 2px solid #e6b056;
}
.sidebar2 .p-radio>input[type=radio]+.p-radio-style:hover ~ span {
    background: #FFF;;
}
.sidebar2 .p-radio span {
    color: #aebfc6;
}
.irs-bar {
    background: #ecba59;
}
.irs-bar-edge {
    background: #2c312b;
}
.irs-grid-text {
    color: #FFF;
    font-size: 10px;
}
.irs-grid-pol.small {
    background: transparent;
}
.irs-slider {
    width: 20px;
    height: 20px;
    background: #373e36;
    border: 5px solid #e4bc5a;
}
.irs-line-left {
    background: #272926;
}
.irs-line-mid {
    background: #272926;
}
.irs-line-right {
    background: #272926;
}
.slider-text{
    font-size: 70px;
}
.color-1{
    color:#eabb61 !important;
}
.row3{
    border: 1px solid #adbec6;
    border-radius: 5px;
}
.row3 > .col-sm-3{
    border-right: 1px solid #adbec6;
}
.row3 > .col-sm-333 a{
    background: #afbec5;
    letter-spacing: 0;
    border:0;
    color:#3a3c3b;
    font-size:15px;
}
.post-items{
    background: #FFF;
    border: 1px solid #adbec5 !important;
    border-radius: 5px;
    padding: 0;
}
.post-items:hover{
    background: #e2e6e7;
}
.post-items img{
    padding:2px;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
} 
.owl-dots{
    visibility: hidden;
}
.owl-carousel .owl-nav [class*=owl-]:hover {
    background-color: #eabb61;
    border-color: transparent;
}
.tabs2{
    background: #e2e6e7;
}
.tabs2 .nav-tabs li{
    width:50%;
    border-bottom: 1px solid #adbec5;
    border-left: 1px solid #adbec5;
    border-radius: 0;
}
.tabs2 .nav-tabs li:last-child{
    border-left: 0;
    -webkit-border-top-left-radius: 5px;
    -moz-border-radius-topleft: 5px;
    border-top-left-radius: 5px;
}
.tabs2 .nav-tabs li:last-child .nav-link.active{
    -webkit-border-top-left-radius: 5px;
    -moz-border-radius-topleft: 5px;
    border-top-left-radius: 5px;
}
.tabs2 .nav-tabs .nav-link.active {
    color: #4a4f4b;
    background-color: #FFF;
    border-bottom: 0;
}
.tabs2 .nav-tabs {
    border-bottom: 2px solid #ececec;
    margin-bottom: 20px;
}
.tabs2 .tab-content{
    margin: 0 20px;
}
.tabs2 .tab-content a{
    border:1px solid #acbfc3;
    background: #FFF;
    border-radius: 5px;
    letter-spacing: 0;
}
.tabs2 .tab-content a img{
    -webkit-border-top-right-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -moz-border-radius-topright: 5px;
    -moz-border-radius-bottomright: 5px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    border-left:1px solid #acbfc3;
}
.tabs2 .tab-content .btn:hover,
.tabs2 .tab-content .btn:not(:disabled):not(.disabled):active{
    background: #d4dcde;
    border:1px solid #acbfc3;
}
.tabs2 .nav-tabs .nav-link {
    border-bottom:0;
    margin:0;
    border-radius: 0;
}
#page-content {
    padding: 0;
}
#footer {
    background-color: #1f3c6d;
    color:#FFF;
}
#footer .copyright-content{
    background: #132440;
    padding: 20px 0;
    min-height: inherit;
}
#footer .widget h4 {
    color: #FFF;
    border-bottom: 1px solid #e9bc5f;
    padding-bottom: 5px;
    font-weight: normal;
    margin-top: 27px;
    letter-spacing: 0;
}
#footer .widget a:not(.btn) {
    color:#FFF;
}
#footer .widget a:not(.btn):hover {
    color:#eabb61;
    transition: all .4s ease-in-out;
}

#footer .widget .btn {
    color:#3d3d35;
    background: #eabb61;
    border:0;
    font-size:15px;
    font-weight: normal;
    letter-spacing: 0;
}

.authors img, .cover_img{
    border-radius: 100px;
    width: 35px !important;
    height: 35px;
    border: 1px solid #f4f4f4;
    padding: 2px;
    margin-left: 3px;
    transition: all .2s ease-in-out;
}
.authors a:after{
    content:' , ';
}
.authors a:last-child:after{
    content:'';
}
.authors a:after{
    content:' , ';
}
.authors a:last-child:after{
    content:'';
}

.tmline .h1, 
.tmline .h2, 
.tmline .h3, 
.tmline .h4, 
.tmline .h5, 
.tmline .h6, 
.tmline h1, 
.tmline h2, 
.tmline h3, 
.tmline h4, 
.tmline h5, 
.tmline h6 {
letter-spacing: 0
}
.tmline{
border: 1px solid #afbec5;
padding-top: 30px;
border-radius: 5px;
padding-left: 10px;
}
.timeline1{
height: 400px;
overflow: auto !important;
}
.timeline1 .time1content{
background: #eabb61;
padding: 10px 10px 15px;
color:#000;
-webkit-border-top-left-radius: 50px;
-webkit-border-bottom-right-radius: 30px;
-webkit-border-bottom-left-radius: 50px;
-moz-border-radius-topleft: 50px;
-moz-border-radius-bottomright: 30px;
-moz-border-radius-bottomleft: 50px;
border-top-left-radius: 50px;
border-bottom-right-radius: 30px;
border-bottom-left-radius: 50px;
}
.timeline1 .time1content h4{
margin-bottom: 0;
}
.timeline1 .time1content p{
line-height: 20px;
color:#323c34;
}
.timeline1 .time1content img{
width: 78px;
float: left;
border-radius: 100px;
height: 78px;
margin-top: -5px;
margin-left: -5px;
margin-right: 10px;
}

.timeline2{
height: 370px;
overflow:auto !important;
}

.timelines{
padding-left: 15px;
}
.timelines::-webkit-scrollbar {
width: 5px;
border:2px solid #FFF;
}
.timelines::-webkit-scrollbar-track {
background: #adbec5;
}
.timelines::-webkit-scrollbar-thumb {
border-radius: 100px;
background: #eabb61;
}
.timelines::-webkit-scrollbar-thumb:hover {
background: #555;
}
.timelines h1, .timelines h2, .timelines h3, .timelines h4, .timelines h5, .timelines h6 {
line-height: inherit;
}
/*----- TIMELINE ITEM -----*/
.timeline-item {
padding-right: 40px;
position: relative;
}
.timeline-item:last-child {
padding-bottom: 0;
}
/*----- TIMELINE INFO -----*/
.timeline-info {
font-size: 12px;
font-weight: 700;
/* letter-spacing: 3px; */
margin: 0 0 .5em 0;
text-transform: uppercase;
white-space: nowrap;
}

/*----- TIMELINE MARKER -----*/
.timeline-marker {
position: absolute;
top: 0;
bottom: 0;
right: 0;
width: 15px;
}
.timeline-marker:before {
background: #eabb61;
border: 3px solid transparent;
border-radius: 100%;
content: "";
display: block;
height: 15px;
position: absolute;
top: 4px;
right: 0;
width: 15px;
transition: background 0.3s ease-in-out, border 0.3s ease-in-out;
}
.timeline-marker:after {
content: "";
width: 2px;
background: #acbfc6;
display: block;
position: absolute;
top: 24px;
bottom: 0;
right: 6px;
}
.timeline-item:last-child .timeline-marker:after {
content: none;
}

.timeline-item:not(.period):hover .timeline-marker:before {
background: transparent;
border: 3px solid #eabb61;
}

/*----- TIMELINE CONTENT -----*/
.timeline-content {
padding-bottom: 15px;
text-align: justify;
}
.timeline-content p:last-child {
margin-bottom: 0;
}
.timeline-content p:hover a {
    color:#eabb61;
}
/*----- TIMELINE PERIOD -----*/
.period {
padding: 0;
}
.period .timeline-info {
display: none;
}
.period .timeline-marker:before {
background: transparent;
content: "";
width: 15px;
height: auto;
border: none;
border-radius: 0;
top: 0;
bottom: 30px;
position: absolute;
border-top: 3px solid #CCD5DB;
border-bottom: 3px solid #CCD5DB;
}
.period .timeline-marker:after {
content: "";
height: 32px;
top: auto;
}
.period .timeline-content {
padding: 40px 70px 0;
}
.period .timeline-title {
margin: 0;
}

/*----------------------------------------------
MOD: TIMELINE SPLIT
----------------------------------------------*/
@media (min-width: 768px) {
.timeline-split .timeline, .timeline-centered .timeline {
display: table;
}
.timeline-split .timeline-item, .timeline-centered .timeline-item {
display: table-row;
padding: 0;
}
.timeline-split .timeline-info, .timeline-centered .timeline-info,
.timeline-split .timeline-marker,
.timeline-centered .timeline-marker,
.timeline-split .timeline-content,
.timeline-centered .timeline-content,
.timeline-split .period .timeline-info,
.timeline-centered .period .timeline-info {
display: table-cell;
vertical-align: top;
}
.timeline-split .timeline-marker, .timeline-centered .timeline-marker {
position: relative;
}
.timeline-split .timeline-content, .timeline-centered .timeline-content {
padding-right: 10px;
}
.timeline-split .timeline-info, .timeline-centered .timeline-info {
padding: 0 15px 0 10px;
}
.timeline-split .period .timeline-title, .timeline-centered .period .timeline-title {
position: relative;
right: -45px;
}
}
/*----------------------------------------------
MOD: TIMELINE CENTERED
----------------------------------------------*/
@media (min-width: 992px) {
.timeline-centered,
.timeline-centered .timeline-item,
.timeline-centered .timeline-info,
.timeline-centered .timeline-marker,
.timeline-centered .timeline-content {
display: block;
margin: 0;
padding: 0;
}
.timeline-centered .timeline-item {
padding-bottom: 40px;
overflow: hidden;
}
.timeline-centered .timeline-marker {
position: absolute;
right: 50%;
margin-right: -7.5px;
}
.timeline-centered .timeline-info,
.timeline-centered .timeline-content {
width: 50%;
}
.timeline-centered > .timeline-item:nth-child(odd) .timeline-info {
float: right;
text-align: right;
padding-right: 30px;
}
.timeline-centered > .timeline-item:nth-child(odd) .timeline-content {
float: right;
text-align: right;
padding-right: 30px;
}
.timeline-centered > .timeline-item:nth-child(even) .timeline-info {
float: right;
text-align: right;
padding-right: 30px;
}
.timeline-centered > .timeline-item:nth-child(even) .timeline-content {
float: right;
text-align: right;
padding-left: 30px;
}
.timeline-centered > .timeline-item.period .timeline-content {
float: none;
padding: 0;
width: 100%;
text-align: center;
}
.timeline-centered .timeline-item.period {
padding: 50px 0 90px;
}
.timeline-centered .period .timeline-marker:after {
height: 30px;
bottom: 0;
top: auto;
}
.timeline-centered .period .timeline-title {
right: auto;
}
}

/*----------------------------------------------
MOD: MARKER OUTLINE
----------------------------------------------*/
.marker-outline .timeline-marker:before {
background: transparent;
border-color: #FF6B6B;
}
.marker-outline .timeline-item:hover .timeline-marker:before {
background: #FF6B6B;
}

.timeline {
    list-style: none;
    padding: 10px 0;
    position: relative;
    font-weight: 300;
}
.timeline:before {
    top: 0;
    bottom: 0;
    position: absolute;
    content:" ";
    width: 2px;
    background: #ffffff;
    left: 50%;
    margin-left: -1.5px;
}
.timeline > li {
    margin-bottom: 20px;
    position: relative;
    width: 50%;
    float: left;
    clear: left;
}
.timeline > li:before, .timeline > li:after {
    content:" ";
    display: table;
}
.timeline > li:after {
    clear: both;
}
.timeline > li:before, .timeline > li:after {
    content:" ";
    display: table;
}
.timeline > li:after {
    clear: both;
}
.timeline > li > .timeline-panel {
    width: calc(100% - 25px);
    width: -moz-calc(100% - 25px);
    width: -webkit-calc(100% - 25px);
    float: left;
    border: 1px solid #dcdcdc;
    background: #ffffff;
    position: relative;
    text-align: right;
    padding-top: 12px;
    border-radius: 5px;
}
.timeline > li > .timeline-panel:before {
    position: absolute;
    top: 26px;
    right: -15px;
    display: inline-block;
    border-top: 15px solid transparent;
    border-left: 15px solid #dcdcdc;
    border-right: 0 solid #dcdcdc;
    border-bottom: 15px solid transparent;
    content:" ";
}
.timeline > li > .timeline-panel:after {
    position: absolute;
    top: 27px;
    right: -14px;
    display: inline-block;
    border-top: 14px solid transparent;
    border-left: 14px solid #ffffff;
    border-right: 0 solid #ffffff;
    border-bottom: 14px solid transparent;
    content:" ";
}
.timeline > li > .timeline-badge {
    color: #ffffff;
    width: 24px;
    height: 24px;
    line-height: 50px;
    text-align: center;
    position: absolute;
    top: 16px;
    right: -12px;
    z-index: 100;
}
.timeline > li.timeline-inverted > .timeline-panel {
    float: right;
}
.timeline > li.timeline-inverted > .timeline-panel:before {
    border-left-width: 0;
    border-right-width: 15px;
    left: -15px;
    right: auto;
}
.timeline > li.timeline-inverted > .timeline-panel:after {
    border-left-width: 0;
    border-right-width: 14px;
    left: -14px;
    right: auto;
}
.timeline-badge > a {
    color: #ffffff !important;
}
.timeline-badge a:hover {
    color: #dcdcdc !important;
}
.timeline-title {
    margin-top: 0;
    color: inherit;
}
.timeline-heading h4 {
    font-weight: 400;
    padding: 0 15px;
    color: #000000;
    letter-spacing: -0.5px;
}
.timeline-heading h4 a:hover {
    color: #eabb61 !important;
}
.timeline-body > p, .timeline-body > ul {
    padding: 10px 15px;
    margin-bottom: 0;
}
.timeline-footer {
    padding: 5px 15px;
    background-color:#f4f4f4;
}
.timeline-footer p { margin-bottom: 0; }
.timeline-footer > a {
    cursor: pointer;
    text-decoration: none;
}
.timeline > li.timeline-inverted {
    float: right;
    clear: right;
}
.timeline > li:nth-child(2) {
    margin-top: 60px;
}
.timeline > li.timeline-inverted > .timeline-badge {
   /*  left: -12px; */
    right: 543px;
}
.no-float {
    float: none !important;
}
@media (max-width: 767px) {
    ul.timeline:before {
        left: 40px;
    }
    ul.timeline > li {
        margin-bottom: 0px;
        position: relative;
        width:100%;
        float: left;
        clear: left;
    }
    ul.timeline > li > .timeline-panel {
        width: calc(100% - 35px);
        width: -moz-calc(100% - 35px);
        width: -webkit-calc(100% - 35px);
    }
    ul.timeline > li > .timeline-badge {
        right: 288px;
        left:inherit;
        margin-left: 0;
        top: 16px;
        display: none;
    }
    ul.timeline > li > .timeline-panel {
        float: right;
    }
    ul.timeline > li > .timeline-panel:before {
        border-left-width: 0;
        border-right-width: 15px;
        left: -15px;
        right: auto;
    }
    ul.timeline > li > .timeline-panel:after {
        border-left-width: 0;
        border-right-width: 14px;
        left: -14px;
        right: auto;
    }
    .timeline > li.timeline-inverted {
        float: left;
        clear: left;
        margin-top: 30px;
        margin-bottom: 30px;
    }
    .timeline > li.timeline-inverted > .timeline-badge {
        right: 288px;
        left:inherit;
        display: none;
    }
}

.banner-container1{
    width:100%;
    height:600px;
    min-height:100vh;display:flex;justify-content:center;align-items:center;text-align:center}
.banner-container .banner-image-overlay{width:100%;height:100%}
.banner-container .banner-image-overlay .banner-image{width:100%;height:100%;background-position:center;background-repeat:no-repeat;background-size:cover}
.banner-container .banner-image-overlay .banner-image-cover{position:relative;width:100%;height:100%;top:-100%;background:rgba(0,0,0,.4);background:linear-gradient(rgba(0,0,0,.6),rgba(0,0,0,.2))}
.banner-container1 {position:absolute;color:#fff;max-width:1100px}
@media screen and (max-width:768px){
.banner-container  h2,.banner-container  h3,.banner-container  h4{font-size:1em!important}
    }
.banner-container .main-title{margin:.4em 0;text-align:center;font-size:2.4rem}
.banner-container .sentence{margin:0;text-align:center;font-size:1.6rem;font-weight:400}
.banner-container .title-separator{height:.19381rem!important;width:5.15978rem;display:block!important;margin:1.44rem auto!important;background-color:rgba(153,153,153,.6)}
.banner-container .banner-categories{text-align:center}
.banner-container .banner-categories h4.categories-title{text-align:center;font-size:1.8em;font-weight:400;margin:0 0 1em;}
.banner-container .banner-categories .categories{text-align:center;margin-bottom:20px}



.banner-container .banner-categories .categories .cat,
.banner-container .banner-categories .categories .cat1{
    display:inline-block;
    font-size:1rem;
    padding:.6rem 1.2rem;
    margin:0 0 1rem 1rem;
    border:1px solid #fff;
    border-radius:4.2rem;
    /* transition:all 1s linear 0s; */
    background-color:transparent;
    cursor:pointer;
    font-weight:600;
    color:#FFF;
    }
.banner-container .banner-categories .categories .cat-selected,.banner-container .banner-categories .categories .cat:hover{background-color:rgba(255,255,255,.7);color:#000;box-shadow:rgba(0,0,0,.25) 0 2px 20px}.banner-container .banner-categories .categories .cat-selected{background-color:#fff!important}.main .page-section{max-width:1275px;margin:20px auto;width:95%}.main .page-section .product-loop-title h2{font-size:27px!important;margin:10px 0;color:#111;font-weight:700;letter-spacing:-.05em}.main .page-section .product-loop-title h2 a{color:#111}
.getback{
    background-color: rgba(255,255,255,.7) !important;
    background-color: #FFF;
    color: #000 !important;
    box-shadow: rgba(0,0,0,.25) 0 2px 20px !important;
}

.single-post .title{
	background: #1f3c6d;
    color: #FFF;
    -webkit-border-top-left-radius: 10px;
    -webkit-border-top-right-radius: 10px;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-topright: 10px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}
.single-post .title a{
	color:#FFF;
	font-size: 13px;
    letter-spacing: 0;
    font-weight: normal;
}
.single-post .title li:before{
	content:' ';
	margin: 0 3px;
}

.single-post .title li:after{
	content:' ';
	margin: 0 3px;
}
.single-post .content{
	padding: 20px 10px;
    line-height: normal;
    background: #FFF;
    text-align: justify;
}


/* home tympus*/

.ch-grid {
	margin: 20px 0 0 0;
	padding: 0;
	list-style: none;
	display: block;
	text-align: center;
	width: 100%;
}

.ch-grid:after,
.ch-item:before {
	content: '';
    display: table;
}

.ch-grid:after {
	clear: both;
}

.ch-grid li {
	width: 220px;
	height: 220px;
	display: inline-block;
	margin: 20px;
}

.ch-item {
	width: 100%;
	height: 100%;
	border-radius: 50%;
	position: relative;
	cursor: default;
	box-shadow: 
		inset 0 0 0 16px rgba(255,255,255,0.6),
		0 1px 2px rgba(0,0,0,0.1);
		
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}
.ch-info {
	position: absolute;
	background: rgba(229, 192, 119, 1);
	width: inherit;
	height: inherit;
	border-radius: 50%;
	opacity: 0;
	
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
	
	-webkit-transform: scale(0);
	-moz-transform: scale(0);
	-o-transform: scale(0);
	-ms-transform: scale(0);
	transform: scale(0);
	
	-webkit-backface-visibility: hidden;

}
.ch-info h3 {
	color: #1f3c6d;
    text-transform: uppercase;
    letter-spacing: 0px;
    font-size: 30px;
    margin: 0 30px;
    padding: 65px 0 0 0;
    height: 140px;
    /* text-shadow: 0 0 1px #fff, 0 1px 2px rgba(0,0,0,0.3); */
    font-family: "Entezar";
}
.ch-item:hover {
	box-shadow: 
		inset 0 0 0 1px rgba(255,255,255,0.1),
		0 1px 2px rgba(0,0,0,0.1);
}
.ch-item:hover .ch-info {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-o-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	opacity: 1;
}
.ch-item:hover .ch-info p {
	opacity: 1;
}



.sidebaar{
    border: 1px solid #adbec5;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    margin: 0 10px;
}
.sidebaar ul{
    padding:5px 15px;
    margin: 0;
}
.sidebaar ul ul{
    padding-right: 20px;
}
.sidebaar .dropdown-toggle::after{
    display:none;
}
.sidebaar .list-lines li {
    border-bottom: 0;
    padding: 2px 0;
    list-style: none;
}
.sidebaar .list-lines li:before{
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    color: #eabb61;
    content: "\2022";  /* Add content: \2022 is the CSS Code/unicode for a bullet */
    font-weight: bold;
    display: inline-block;
    width: 15px;
    font-size:40px;
    vertical-align: text-top;
    margin-left:5px;
    transition: 0.3s;
}

.sidebaar .list-lines li a{
    transition: 0.3s;
    color:#cad9e0;
    font-size:15px;
    font-weight: normal;
    letter-spacing: 0;
}
.sidebaar .list-lines li a:hover{
    color:#eeb860;
}
.sidebaar ul ul a{
    font-size:13px !important;
}
.sidebaar ul ul li:before{
    font-size:25px !important;
}
.sidebaar .widget {
    margin: 0;
    padding: 0;
}

.ellipsis {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    width: 100%;
}

#page-title[data-parallax-image], [data-parallax-image] {
    background-color:#355284 !important;
}
#mainMenu nav>ul:active>li .dropdown-menu {
    left: inherit !important;
    /* top: 14px !important; */
}
#mainMenu nav>ul>li:not(.hover-active):hover>ul {
    right: 0;
    left: inherit !important;
}

.ac-content1 input[type=checkbox]{
    display:none;
}