/* Add here all your CSS customizations */

@import url(https://fonts.googleapis.com/css?family=Cairo:400,600,700&subset=arabic);

body {
    font-family: 'Cairo', sans-serif;
    font-size: 16px;
    color: #333;
}

.JustifyTxt{
    text-align: justify!important;
}
a {
	color: #a62626;
}

a:hover {
	color: #a62626;
}

a:focus {
	color: #a62626;
}

a:active {
	color: #a62626;
}

p {
    color: #333;
    line-height: 30px;
    margin: 0 0 20px;
    font-size: 1.1em;
    /*text-align:justify;*/
}

.home-intro-compact p {
	padding: 0 20px;
}

@media (max-width: 767px) {
    .call-to-action-btn {
        padding: 0 20px 30px 20px!important;
    }
}

.call-to-action .call-to-action-content {
    padding-top: 30px;
}

.lead{
    font-size: 1.4em;
    line-height: 40px;
}

.heading.heading-middle-border-center h2, .heading.heading-middle-border-center h3 {
    padding-left: 30px;
    padding-right: 30px;
}

h3 {
	font-size: 1.6em;
    line-height: 40px;
}


 /*==========  ===========*/ 

#header .header-nav-top .nav > li > a, #header .header-nav-top .nav > li > span {
    color: #444;
    font-size: 0.9em;
    padding: 6px 10px;
    display: inline-block;
}

@media (min-width: 992px) {
    #header .header-nav-main nav > ul > li.dropdown .dropdown-menu li a {
        border-bottom: 1px solid #f4f4f4;
        color: #444;
        font-size: 0.9em;
        font-weight: 400;
        padding: 8px 8px 8px 20px;
        position: relative;
        text-transform: none;
    }

    .call-to-action.call-to-action-primary h3, .call-to-action.call-to-action-secondary h3, .call-to-action.call-to-action-tertiary h3, .call-to-action.call-to-action-quaternary h3 {
        line-height: 30px!important;
    }
}


#header .header-nav-main nav > ul > li > a {
    font-size: 1.2em;
    font-style: normal;
    font-weight: 600;
}
#header .header-social-icons {
    float: left;
    margin: 0px 10px;
}
#header .header-logo img {
    margin: 15px 0 0 0;
}

#footer p
{
    color: #ccc!important;
}

@media (max-width: 475px) {
    /*body {
        font-size: 12px;
    }*/

    #mainNav
    {
        margin-top: 15px;
    }

    #header .header-nav-main nav > ul > li > a {
    font-size: 14px;
    }

    #header .header-logo.WebLogo {
        display: none;
    }

    #header .header-logo.MobLogo {
        display: block;
        width: 150px !important;
        height: 58px !important;
    }

        #header .header-logo.MobLogo img {
            width: 129px !important;
            height: 50px !important;
        }
}

@media (min-width: 476px) {
    #header .header-logo.WebLogo {
        display: block;
    }

    #header .header-logo.MobLogo {
        display: none;
    }
}

 /*==========  ===========*/ 

.home-intro p {
    font-size: 1.6em;
    line-height: 35px;
}

    .home-intro p em {
        font-family: 'Cairo', sans-serif;
        color: #d23d3d;
        font-size: 1.1em;
        font-style: normal;
    }

    .home-intro p span {
        color: #aaa;
        display: block;
        font-size: 0.7em;
        /*padding-top: 15px;*/
    }

.word-rotator-title
{
    line-height: 60px;
    font-size: 2.2em;
}
.word-rotator-title .word-rotate {
    max-height: 60px;
    line-height: 60px;
    margin-bottom: -5px;
}


.heading-primary, .heading-quaternary
{
font-weight: 700;
}

 

.call-to-action.call-to-action-primary h3, .call-to-action.call-to-action-secondary h3, .call-to-action.call-to-action-tertiary h3, .call-to-action.call-to-action-quaternary h3 {
	line-height: 40px;
}

 /*========== COLORS ===========*/
html .heading-primary,
html .lnk-primary,
html .text-color-primary
{
    color: #003366 !important;
}
html .heading-secondary,
html .lnk-secondary,
html .text-color-secondary
{
    color: #00802b !important;
}
html .heading-tertiary,
html .lnk-tertiary,
html .text-color-tertiary
{
    color: #663366 !important;
}
html .heading-quaternary,
html .lnk-quaternary,
html .text-color-quaternary
{
    color: #a62626 !important;
}


html .list-primary.list-icons li > .fa:first-child,
html .list-primary.list-icons li a:first-child > .fa:first-child,
html .list-primary.list-icons li > .icons:first-child,
html .list-primary.list-icons li a:first-child > .icons:first-child {
	color: #003366;
	border-color: #003366;
}

html .list-secondary.list-icons li > .fa:first-child,
html .list-secondary.list-icons li a:first-child > .fa:first-child,
html .list-secondary.list-icons li > .icons:first-child,
html .list-secondary.list-icons li a:first-child > .icons:first-child {
	color: #00802b;
	border-color: #00802b;
}

html .list-tertiary.list-icons li > .fa:first-child,
html .list-tertiary.list-icons li a:first-child > .fa:first-child,
html .list-tertiary.list-icons li > .icons:first-child,
html .list-tertiary.list-icons li a:first-child > .icons:first-child {
	color: #663366;
	border-color: #663366;
}

html .list-quaternary.list-icons li > .fa:first-child,
html .list-quaternary.list-icons li a:first-child > .fa:first-child,
html .list-quaternary.list-icons li > .icons:first-child,
html .list-quaternary.list-icons li a:first-child > .icons:first-child {
	color: #a62626;
	border-color: #a62626;
}

.featured-box .list li {
    margin-bottom: 7px;

}
 /*========== featured-boxes ===========*/

/*.featured-boxes-flat .featured-box .box-content
{
    margin-top: 30px;
}*/
.featured-box h3 {
    font-size: 1.4em;
    font-weight: 700;
    margin-bottom: 10px;
    line-height: 25px;
}

.featured-boxes-style-3 .featured-box .icon-featured {
    display: inline-block;
    font-size: 50px;
    height: 95px;
    line-height: 75px;
    padding: 0;
    width: 95px;
    margin-top: -45px;
    background: #FFF;
    border: 3px solid #CCC;
    color: #CCC;
    line-height: 90px;
}

.featured-box p, .featured-box li {
    font-size: 1.1em;
    font-weight: 400;
    line-height:30px;
}

.featured-box p.bold {
    font-size: 1.1em;
    font-weight: 600;
    margin: 15px 0 0 0;
}

.featured-box .learn-more {
    color: #333;
    font-size: 0.8em;
    font-weight: 600;
}

html .featured-box-primary .box-content {
    border-top-color: #003366;
}
html .featured-box-secondary .box-content {
    border-top-color: #00802b;
}
html .featured-box-tertiary .box-content {
    border-top-color: #663366;
}
html .featured-box-quaternary .box-content {
    border-top-color: #a62626;
}
/*-------------------*/
html .featured-box-effect-3.featured-box-primary:hover .icon-featured {
    background: #003366 !important;
}
html .featured-boxes-style-3 .featured-box.featured-box-primary .icon-featured {
    border-color: #003366;
    color: #003366;
}
html .featured-box-effect-3.featured-box-primary h3 {
    color: #003366;
}
html .featured-box-effect-3.featured-box-primary .icon-featured:after {
	box-shadow: 0 0 0 10px #003366;
}
/*-------------------*/
html .featured-box-effect-3.featured-box-secondary:hover .icon-featured {
    background: #00802b !important;
}
html .featured-boxes-style-3 .featured-box.featured-box-secondary .icon-featured {
    border-color: #00802b;
    color: #00802b;
}
html .featured-box-effect-3.featured-box-secondary h3 {
    color: #00802b;
}
html .featured-box-effect-3.featured-box-secondary .icon-featured:after {
	box-shadow: 0 0 0 10px #00802b;
}
/*-------------------*/
html .featured-box-effect-3.featured-box-tertiary:hover .icon-featured {
    background: #663366 !important;
}
html .featured-boxes-style-3 .featured-box.featured-box-tertiary .icon-featured {
    border-color: #663366;
    color: #663366;
}
html .featured-box-effect-3.featured-box-tertiary h3 {
    color: #663366;
}
html .featured-box-effect-3.featured-box-tertiary .icon-featured:after {
	box-shadow: 0 0 0 10px #663366;
}
/*-------------------*/
html .featured-box-effect-3.featured-box-quaternary:hover .icon-featured {
    background: #a62626 !important;
}
html .featured-boxes-style-3 .featured-box.featured-box-quaternary .icon-featured {
    border-color: #a62626;
    color: #a62626;
}
html .featured-box-effect-3.featured-box-quaternary h3 {
    color: #a62626;
}
html .featured-box-effect-3.featured-box-quaternary .icon-featured:after {
	box-shadow: 0 0 0 10px #a62626;
}
html .featured-box-effect-3.featured-box-quaternary p.bold
{
    color: #a62626;
}


/*---------|||||||||||||||||||||||||||||||||----------*/

html .call-to-action.call-to-action-primary {
    background: #003366;
}
html .call-to-action.call-to-action-secondary {
    background: #00802b;
}
html .call-to-action.call-to-action-tertiary {
    background: #663366;
}
html .call-to-action.call-to-action-quaternary {
    background: #a62626;
}
html .call-to-action.call-to-action-black {
    background: #000000;
}
html .call-to-action.call-to-action-black h3, html .call-to-action.call-to-action-black p {
    color: #fff;
}

/*---------|||||||||||||||||||||||||||||||||----------*/

section.section.section-counter {
    margin: 0px 0;
    padding: 10px 0;

}
html section.section-counter {
	background-color: #000 !important;
	border-color: #a62626 !important;
        border-top: 5px solid #a62626;
        border-bottom: 5px solid #a62626;
}
html .counters .fa,
html .counters .icons,
html .counters strong {
	color: #ffffff;
}
html .counters label{
    color: #ccc;
}

section.mt-none {
    margin-top: 0!important;
}
section.mb-none {
    margin-bottom: 0!important;
}
.feature-box.feature-box-style-2 h4 {
	color: #1d2127;
}


.testimonial blockquote p {
    font-family: 'Cairo', sans-serif;
    font-style: normal;
    line-height: 1.8;
    font-size: 1.1em;
}

.testimonial.testimonial-style-2 blockquote p {
	color: #444;
}

.testimonial .testimonial-author strong {
	color: #111;
	display: block;
    margin:0;
}
.testimonial .testimonial-author span {
	color: #444;
	display: block;
	font-size: 0.8em;
}

.input-error
{
    border-color: #a62626 ;
}
.input-error:focus
{
    border-color: #a62626 ;
}

.owl-carousel .owl-nav .owl-prev, .owl-carousel .owl-nav .owl-next {
    display: inline-block;
    position: absolute;
    width: 30px;
    height: auto;
    padding: 5px 7px;
    margin: 10px 5px;
}

aside ul.nav-list > li > a {
    color: #444;
    font-size: 0.9em;
    padding: 8px 18px 8px 0;
}