/*
 * A Design by GraphBerry
 * Author: GraphBerry
 * Author URL: http://graphberry.com
 * License: http://graphberry.com/pages/license
 */

/* Table of content
1.General - This is created general styles and overide some bootstrap classes.
2.Layout
 2.1 Animations
 2.2 Buttons
 2.3 Thumbnail - overide bootstrap thumbnail and add mased efect
 2.4 Socail icons -style for social icons list
3 Sections - definition for section and subsection
 3.1 Services
 3.2 Portfolio
 3.3 About
 3.4 Clients
 3.5 Price table
 3.6 Newsletter
 3.7 Contact
 3.8 Footer
4 Responsive 
**********************************************************************/

/*
1. General
**********************************************************************
*/
@font-face {
    font-family: 'FF-Yekan';
    src: url('../../../../Content/Fonts/Yekan/iran-yekan-300.eot');
    src: url('../../../../Content/Fonts/Yekan/iran-yekan-300.eot?#iefix') format('embedded-opentype'), url('../../../../Content/Fonts/Yekan/iran-yekan-300.woff2') format('woff2'), url('../../../../Content/Fonts/Yekan/iran-yekan-300.woff') format('woff'), url('../../../../Content/Fonts/Yekan/iran-yekan-300.ttf') format('truetype');
    font-weight: 300;
}

@font-face {
    font-family: 'FF-Yekan';
    src: url('../../../../Content/Fonts/Yekan/iran-yekan-300.eot');
    src: url('../../../../Content/Fonts/Yekan/iran-yekan-300.eot?#iefix') format('embedded-opentype'), url('../../../../Content/Fonts/Yekan/iran-yekan-300.woff2') format('woff2'), url('../../../../Content/Fonts/Yekan/iran-yekan-300.woff') format('woff'), url('../../../../Content/Fonts/Yekan/iran-yekan-300.ttf') format('truetype');
    font-weight: 400;
}

@font-face {
    font-family: 'FF-FarClassic';
    src: url('../Fonts/FarClassic/Far_Classic.woff') format('woff'), url('../Fonts/FarClassic/Far_Classic.eot') format('eot'), url('../Fonts/FarClassic/Far_Classic.ttf') format('ttf'), url('../Fonts/FarClassic/Far_Classic.otf') format('otf');
}

@font-face {
    font-family: 'FF-Aram';
    src: url('../Fonts/Aram/MRT_AramcoLight.eot') format('eot'), /* IE6–8 */ url('../Fonts/Aram/MRT_AramcoLight.woff') format('woff'), /* FF3.6+, IE9, Chrome6+, Saf5.1+*/ url('../Fonts/Aram/MRT_AramcoLight.ttf') format('truetype'); /* Saf3—5, Chrome4+, FF3.5, Opera 10+ */
}

@font-face {
    font-family: 'FF-IranSans';
    font-style: normal;
    font-weight: normal;
    src: url('../Fonts/IranSans/IRANSans.eot') format('eot'), /* IE6–8 */ url('../Fonts/IranSans/IRANSans.woff') format('woff'), /* FF3.6+, IE9, Chrome6+, Saf5.1+*/ url('../Fonts/IranSans/IRANSans.ttf') format('truetype'); /* Saf3—5, Chrome4+, FF3.5, Opera 10+ */
}

@font-face {
    font-family: 'FF-Nazanin';
    src: url('../Fonts/Nazanin/BNazanin.eot') format('eot'), /* IE6–8 */ url('../Fonts/Nazanin/BNazanin.woff') format('woff'), /* FF3.6+, IE9, Chrome6+, Saf5.1+*/ url('../Fonts/Nazanin/BNazanin.ttf') format('truetype'); /* Saf3—5, Chrome4+, FF3.5, Opera 10+ */
}

@font-face {
    font-family: 'FF-Kalameh';
    src: url('../Fonts/Kalameh/Kalameh.eot') format('eot'), /* IE6–8 */ url('../Fonts/Kalameh/Kalameh.woff') format('woff'), /* FF3.6+, IE9, Chrome6+, Saf5.1+*/ url('../Fonts/Kalameh/Kalameh.ttf') format('truetype'); /* Saf3—5, Chrome4+, FF3.5, Opera 10+ */
}

@font-face {
    font-family: 'FF-Titr';
    src: url('../Fonts/Titr/BTitr.eot') format('eot'), /* IE6–8 */ url('../Fonts/Titr/BTitr.woff') format('woff'), /* FF3.6+, IE9, Chrome6+, Saf5.1+*/ url('../Fonts/Titr/BTitr.ttf') format('truetype'); /* Saf3—5, Chrome4+, FF3.5, Opera 10+ */
}

@font-face {
    font-family: 'FF-Vazir';
    src: url('../Fonts/Vazir/Vazir.eot') format('eot'), /* IE6–8 */ url('../Fonts/Vazir/Vazir.woff') format('woff'), /* FF3.6+, IE9, Chrome6+, Saf5.1+*/ url('../Fonts/Vazir/Vazir.ttf') format('truetype'); /* Saf3—5, Chrome4+, FF3.5, Opera 10+ */
}

@font-face {
    font-family: 'FF-Lalezar';
    src: url('../Fonts/Lalezar/Lalezar.eot') format('eot'), /* IE6–8 */ url('../Fonts/Lalezar/Lalezar.woff') format('woff'), /* FF3.6+, IE9, Chrome6+, Saf5.1+*/ url('../Fonts/Lalezar/Lalezar.ttf') format('truetype'); /* Saf3—5, Chrome4+, FF3.5, Opera 10+ */
}
/**
 Mohammad Css Style...
*/
.FontFace-Lalezar {
    font-family: FF-Lalezar;
}

.FontFace-Lalezar-Title {
    font-family: FF-Lalezar;
    font-size: large 18px 14px;
    font-weight: lighter;
}

.FontFace-IranSans {
    font-family: FF-IranSans;
}

.FontFace-FarClassic {
    font-family: FF-FarClassic;
}

.FontFace-Aram {
    font-family: FF-Aram;
}

.FontFace-Yekan {
    font-family: FF-Yekan;
    font-weight: bold;
}

.FontFace-Vazir {
    font-family: FF-Vazir;
    font-weight: bold;
}

.Slider-Title {
    direction: rtl;
    font-family: FF-Titr;
    font-weight: lighter;
}

.Slider-SubTitle {
    direction: rtl;
    font-family: FF-Lalezar;
    font-weight: bold;
}

.Slider-Text {
    font-family: FF-IranSans;
}

.Slider-Button {
    font-family: FF-Aram;
    font-size: 16px;
    font-weight: 300;
}

.Footer-Home {
    direction: rtl;
    font-family: FF-Aram;
    font-size: 16px;
    font-weight: 300;
    color: white;
}

.Form-Input {
    direction: ltr;
    margin-top: 5px;
}

.Form-Alert {
    direction: rtl;
    font-size: 13px;
    color: orangered;
    margin: 5px;
}

.Form-Btns {
    font-family: FF-Aram;
    font-size: 15px;
}

.Form-Label {
    font-family: FF-IranSans;
    font-size: 13px;
    margin-top: 5px;
}

.BlackBackground {
    background-color: #000000;
}

.AnnouncementTitle {
    margin-top: 5px;
    direction: rtl;
    text-align: justify;
    line-height: 1.6;
}

.AnnouncementMessage {
    margin-top: 5px;
    direction: rtl;
    text-align: justify;
    line-height: 1.6;
}

.SelectLi {
    color: cornflowerblue;
}

.borderless td, .borderless th {
    border: none;
}

.boxreplay {
    display: block;
    padding: 5px;
    color: white;
    margin-right: 10px;
    margin-left: 10px;
    margin-top: 10px;
    border: 1px solid blue;
    background-color: gray;
}

.NewsPTag {
    text-align: justify;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 7; /* number of lines to show */
    -webkit-box-orient: vertical;
}

.cardFixedSize {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.cardTitleImageResize {
    max-height: 35px;
    max-width: 35px;
}

.PanelcardTitleImageResize {
    max-height: 200px;
    resize: both;
}

.responsiveImg {
    width: 100%;
    height: 200px;
    resize: both;
}

.CPBG {
    background-color: #5867dd;
}

.SignalSlide-caption {
    position: absolute;
    right: 30%;
    top: 10%;
    left: 15%;
    z-index: 10;
    padding-bottom: 20px;
    color: #fff;
    text-align: center;
}

.col-xl-6.modal {
    position: fixed !important;
    width: 100vw;
    height: 100vh;
    margin: auto;
    background: rgba(0, 0, 0, 0.5);
    display: block;
    max-width: none;
    padding: 1%;
}

ul#menu li {
    display: inline;
}

/*canvas {
    background-image: url(../Images/Charts/Back.png);
    background-repeat: repeat-x;
    background-position: center;
    
}*/

.brtm {
    border-bottom: 1px solid rgba(0,0,0,.1);
}


.tophead3 {
    background-color: #008b8b;
    color: #fff;
}


.demo3 .head_social_wrap a, .tel_head, .head_social_wrap a {
    color: #f1f1f4 !important;
}

.head_social_wrap {
    float: left;
    font-size: 12px;
}

    .head_social_wrap a {
        color: #2c2f34;
        padding-right: 10px;
    }

        .head_social_wrap a:hover {
            color: #464646;
        }

        .head_social_wrap a.el_twitter:hover {
            color: #03A9F4;
        }

        .head_social_wrap a.el_instagram:hover {
            color: #b02762;
        }

        .head_social_wrap a.el_telegram-plane:hover {
            color: #2196F3;
        }

        .head_social_wrap a.el_pinterest-p:hover {
            color: #d82626;
        }

        .head_social_wrap a.el_facebook-f:hover {
            color: #1f36b3;
        }

        .head_social_wrap a.el_linkedin-in:hover {
            color: #0077b5;
        }


input.name-input {
    width: 100%;
    height: 40px;
    outline: none;
    text-align: right;
    position: relative;
    padding: 0 15px;
    border-radius: 20px;
    background: #f3f3f3;
    color: #666;
    font-size: 14px;
    transition: 0.2s;
}

.lTASPace {
    margin-right: 25px;
    margin-left: 25px;
}

.cart-dropdown.cart-offcanvas.opened .cart-overlay {
    opacity: 1;
    visibility: visible;
}

.cart-dropdown .cart-overlay {
    position: fixed;
    right: 0;
    width: 100vw;
    top: -10vh;
    height: 120vh;
    background: rgba(0, 0, 0, 0.3);
    z-index: 2498;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity 0.3s;
    transition: opacity 0.3s;
}

.Lidisabled {
    pointer-events: none;
    opacity: 0.6;
}

.ContentBox {
    margin-right: 20px;
    margin-left: 20px;
    margin-top: 10px;
    margin-bottom: 10px;
}

.CBTitle h3 {
    font-family: FF-Titr;
    font-size: large;
}

.CBTitle p {
    margin: 10px 0px 5px 0px;
    font-size: 12px;
}

.CBCategory a {
    margin-right: 2px;
    padding: 0px 10px 0px 10px;
    font-family: FF-Yekan;
    font-size: smaller;
    border-block: solid;
    border: solid;
    background-color: dimgrey;
    color: white;
}

.CBFooter {
    margin: 10px 0px 5px 0px;
    font-size: 13px;
}

    .CBFooter a {
        margin-right: 2px;
        font-family: FF-Yekan;
        color: black;
    }

.CBDetails {
    margin-top: 5px;
    font-size: 12px;
    font-family: FF-Yekan;
    color: black;
    text-align: justify;
}

.SelectUI {
    height: 35px;
    padding-left: 30px;
    padding-right: 10px;
    clear: none;
    overflow-y: auto;
    background-color: #fff;
    -webkit-box-shadow: 0 10px 30px 0 rgba(31, 45, 61, 0.1);
    box-shadow: 0 10px 30px 0 rgba(31, 45, 61, 0.1);
    direction: rtl;
    border: solid 1px #e8e8e8 !important;
    font-family: inherit;
    font-size: 13px;
}

SelectUI option {
    font-family: inherit;
    font-size: 12px;
}

.FieldLabel {
    padding-right: 10px;
    font-family: inherit;
    font-size: 13px;
    padding-bottom: 10px;
}

.bg-style {
    background: #008b8b;
    color: white !important;
}

    .bg-style.bg-hover {
        -webkit-transition: background .2s;
        -o-transition: background .2s;
        -moz-transition: background .2s;
        transition: background .2s;
    }


.bg-style-gradient {
    background: -webkit-linear-gradient(-220deg, #008b8b, #01b1b1) !important;
    background: -moz- oldlinear-gradient(-220deg, #008b8b, #01b1b1) !important;
    background: -o-linear-gradient(-220deg, #008b8b, #01b1b1) !important;
    background: linear-gradient(-230deg, #008b8b, #01b1b1) !important;
    color: white !important;
}

.ColorStyle {
    background: #008b8b;
    color: white;
}

.TxtInp {
    font-family: inherit;
    font-size: 13px;
}
/*.ITransform {
  transform: rotate(360deg);
}*/


#owl-CK ul.news-slider-item li {
    margin-bottom: 14px !important;
}

#owl-CK ul li {
    margin-bottom: 20px;
}

    #owl-CK ul li img {
        width: 180px;
        max-height: 100px;
        /*height: 81px;*/
    }

#owl-CK h3, .trustBanner span {
    font-size: 11px !important;
}

/*#owl-CK  span, #owl-CK  p {
        font-size: 8px !important;
    }*/


#owl-CK .owl-dots {  
    position: absolute;
    left: 10px;
    top: -44px;   
}


#owl-CK span, #owl-CK p {
    font-size: 0.86em;
    color: #848486;
    line-height: 1.8;
    text-align:justify;
}

.bg-light {
    background-color: #EEEEEE !important;
}

.bright {
    border-right: 3px solid #F4C413;
}

.news-content h2 {
    font-family: IRANSans !important;
    font-size: 0.8rem !important;
    color: black;
    line-height: 1.8;
    text-align: justify;
}