/*
 * 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+ */
}

@font-face {
    font-family: 'Far_Traffic';
    src: url('../Fonts/Traffic/Far_Traffic.eot') format('eot'), /* IE6–8 */ url('../Fonts/Traffic/Far_Traffic.woff') format('woff'), /* FF3.6+, IE9, Chrome6+, Saf5.1+*/ url('../Fonts/Traffic/Far_Traffic.ttf') format('truetype'), /* Saf3—5, Chrome4+, FF3.5, Opera 10+ */ url('../Fonts/Traffic/Far_Traffic.svg') format('svg');
}
@font-face {
    font-family: 'Yekan_FFWeblogma';
    src: url('../Fonts/Yekan/WeblogmaYekan/Weblogma_Yekan.eot') format('eot'), /* IE6–8 */ url('../Fonts/Yekan/WeblogmaYekan/Weblogma_Yekan.woff') format('woff'), /* FF3.6+, IE9, Chrome6+, Saf5.1+*/ url('../Fonts/Yekan/WeblogmaYekan/Weblogma_Yekan.ttf') format('truetype'); /* Saf3—5, Chrome4+, FF3.5, Opera 10+ */ 
}
/**
 Mohammad Css Style...
*/
.Yekan_FontFace {
    font-family: Yekan_FFWeblogma;
}
.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;
}
.FontFace-Traffic {
    font-family: Far_Traffic;
    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;
}

.AlertIMG {
    display: flex;
    align-items: center;
    justify-content: center;
}
    .AlertIMG > img {
        position: relative;
        top: 50%;
        transform: translateY(-50%);
    }

.img-box img {
    animation: floating2 7s infinite;
    -webkit-animation: floating2 7s infinite;
    max-height: 500px;
}
@keyframes floating2 {
    0% {
        -webkit-transform: rotateX(0deg) translateY(0px);
        -moz-transform: rotateX(0deg) translateY(0px);
        -ms-transform: rotateX(0deg) translateY(0px);
        -o-transform: rotateX(0deg) translateY(0px);
        transform: rotateX(0deg) translateY(0px);
    }

    50% {
        -webkit-transform: rotateX(0deg) translateY(15px);
        -moz-transform: rotateX(0deg) translateY(15px);
        -ms-transform: rotateX(0deg) translateY(15px);
        -o-transform: rotateX(0deg) translateY(15px);
        transform: rotateX(0deg) translateY(15px);
    }

    100% {
        -webkit-transform: rotateX(0deg) translateY(0px);
        -moz-transform: rotateX(0deg) translateY(0px);
        -ms-transform: rotateX(0deg) translateY(0px);
        -o-transform: rotateX(0deg) translateY(0px);
        transform: rotateX(0deg) translateY(0px);
    }
}

@-webkit-keyframes floating2 {
    0% {
        -webkit-transform: rotateX(0deg) translateY(0px);
        -moz-transform: rotateX(0deg) translateY(0px);
        -ms-transform: rotateX(0deg) translateY(0px);
        -o-transform: rotateX(0deg) translateY(0px);
        transform: rotateX(0deg) translateY(0px);
    }

    50% {
        -webkit-transform: rotateX(0deg) translateY(15px);
        -moz-transform: rotateX(0deg) translateY(15px);
        -ms-transform: rotateX(0deg) translateY(15px);
        -o-transform: rotateX(0deg) translateY(15px);
        transform: rotateX(0deg) translateY(15px);
    }

    100% {
        -webkit-transform: rotateX(0deg) translateY(0px);
        -moz-transform: rotateX(0deg) translateY(0px);
        -ms-transform: rotateX(0deg) translateY(0px);
        -o-transform: rotateX(0deg) translateY(0px);
        transform: rotateX(0deg) translateY(0px);
    }
}

.service-option option {
    font-size: 1.3rem;
    font-family: Yekan_FFWeblogma;
    padding: 5px;
    background: #5c5c5c;
}

.service-ul li {
    font-size: 1.3rem;       
    padding: 5px;
}

.Right-icon-holder {
    position: relative;
}

    .Right-icon-holder .fa {
        position: absolute;
        line-height: 24px;
        top: 50%;
        margin-top: -12px; /* Half of line height to keep left middle postion of container */
        right: 10px;
    }