/**
* Template Name: Tempo - v2.2.0
* Template URL: https://bootstrapmade.com/tempo-free-onepage-bootstrap-theme/
* Author: BootstrapMade.com
* License: https://bootstrapmade.com/license/
*/

/*--------------------------------------------------------------
# General
--------------------------------------------------------------*/
body{
background-color: #FAFBFE;
direction: rtl;
text-align: right;
}
#main{
background: #fff
}
#ipsLayout_contentArea {
max-width: 100% !important;
margin: 0;
}
html[dir="ltr"] .ipsGrid > [class*="ipsGrid_span"]:first-child {
margin-right: 0;
width: 100%;
padding: 0;
margin: 0;
}
.footer-distributed .footer-center {
max-width: 30%;
}
.footer-distributed .footer-right {
max-width: 18%;
}

#siteStats .ipsGrid > [class*="ipsGrid_span"]:first-child {
max-width: 280px;
padding: inherit;
margin: inherit;
display: block;
}
.container, .container-lg, .container-md, .container-sm, .container-xl{
max-width: 1200px;
}
[data-pageapp="landingpage"] #ipsLayout_header nav{
display:none;	
}
#siteStats{
max-width: 1200px;
margin: auto;
}
#ipsLayout_body {
margin: 0 auto;
max-width: 100%;
padding: 0;
width: 100%;
}
.ipsPad_half,
.landingpage_blocks{
padding: 0;
margin: 0;
}
#block_3,
#block_2{
max-width: 95%;
padding: 0 15px;
margin: 0 auto;
}
#block_2{
margin-bottom: 0;
background: #FAFBFE;
max-width: 100%;
padding: 60px 15px 90px 15px;
}
html[dir="ltr"] .ipsGrid > [class*="ipsGrid_span"] {
box-shadow: none;
min-height: 75px;
border: 1px solid #eaecf3;
}
#block_3{
background: #F7F7F7;
max-width: 100%;
padding: 60px 15px 90px 15px;
}
#block_3 [class*="ipsGrid_span"] {
box-shadow: 0 0 4px 0 rgba(0,0,0,.08), 0 2px 4px 0 rgba(0,0,0,.12);
border:0;
}
.ipsType_sectionHead {
font-size: 25px;
}
hr.ipsHr {
border-color: transparent;
}
.ipsBox .landingpage_relative .ipsPad{
background: #fff;
max-height: 200px;
padding-top: 5px;
padding-bottom: 0px;
min-height: 73px;
}
#block_3 h2{
color: inherit !important;
}
#block_3 .ipsPad_half{
padding: 10px;
width: 100%;
}
.ipsType_blendLinks{
font-size: 15px;
font-weight: 700;
margin-left: 15px;
}
.ipsType_blendLinks .counted{
background: transparent;
color: #012c53;
width: auto;
display: inline-block;
padding: 0;
font-size: 21px;
}
.ipsType_sectionHead {
margin-bottom: 11px;
}
#elRegisterButton{
width: inherit !important;
height: 35px !important;
line-height: 35px !important;
}
#elGuestTerms [class*="ipsGrid_span"]{
border:0 !important;
}
li.landingpage_relative.ipsGrid_span3 > span.landingpageItemHeader {
min-height: 170px;
}
.ipsBreadcrumb,
.ipsType_richText,
[data-role="profileWidget"]{
display: none;
}
.ipsType_large:not( .ipsType_richText ) {
margin-top: 0;
color: transparent;
width: auto;
float: right;
}
.fa-inverse {
color: #012c53;
font-size: 2.3rem;
}
.ipsBox, #ipsLayout_mainArea > .ipsForm[action$='do=edit'] > .ipsForm, .ipsStreamItem_contentBlock:not( .ipsBox ) {
box-shadow:none;
border-radius: 0;
background-color: #fff;
}
body {
font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
font-size: 13px;
line-height: 1.5;
}

a {
color: #007FED;
}

a:hover {
color: #007FED;
text-decoration: none;
}

h1, h2, h3, h4, h5, h6 {
font-family: "Nunito", sans-serif;
}
@media screen and (max-width: 767px){
#ipsLayout_mainArea {
padding: 0 !important;
}
#elMobileNav {
margin-bottom: 0rem;
border-bottom: 0;
}
#hero .hero-container{
margin-top: -5rem;
}
.ipsType_blendLinks {
font-size: 13px;
}
.h4, h4 {
font-size: inherit;
}
.ipsType_blendLinks a {
color: #333;
}
body{
background: #fff !important;
}
.shadowed .btn-primary{
margin-bottom: 1rem;
}
}
.liveMessenger_chat_bubbleIcon svg {
vertical-align: inherit;
}
/**===============================footer=======================================**/
#ipsLayout_footer,
.af_Container {
display: none;
}
.footer-right a{
color: #f7f7f7;
}
#block_9 [class*="ipsGrid_span"],
#block_8 [class*="ipsGrid_span"]{
border: 0;
}
.separater{
border-top: 1px solid #dedede;
max-width: 95%;
margin: auto;
}
.modern_h3{
font-size: 20px;
line-height: 1.4;
font-weight: 700;
margin-top: 13px;
}
.shadowed .btn-primary,
.shadowed [data-ipsdialog-size="narrow"] {
background: linear-gradient(-180deg,#fc8c14 0,#f77d0e) !important;
background-color: #f77d0e !important;
border-color: #f77d0e !important;
color: #f7f7f7 !important;
border-radius: 0 !important;
outline: 0 !important;
box-shadow: none !important;
transition:none !important;
}
.shadowed .btn-primary:hover,
.shadowed .btn-primary:active,
.shadowed .btn-primary:focus {
background: #f77d0e !important;
background-color: #f77d0e !important;
border-color: #f77d0e;
color: #f7f7f7;
border-radius: 0;
}
.shadowed{
box-shadow: 0 0 4px 0 rgba(0,0,0,.08), 0 2px 4px 0 rgba(0,0,0,.12) !important;
border-radius: 0;
background-color: #fff;
margin: 5% 4% 5% 4%;
}
.modern_photo{
height: 100%;
max-height: 200px;
object-fit: cover;
min-width: 291px;
}
.ipsApp .ipsSpacer_bottom.ipsSpacer_double{
margin-bottom: 0;
}
#ipsLayout_footer {
margin: 0;
background: #161E2C;
}
.af_Container {
padding-bottom: 0;
background: #161E2C;
}
.elFooterLinks{
dispaly:none;
}
#ipsLayout_footer a, #ipsLayout_footer p {
line-height: 35px;
color:#f7f7f7;
position: relative;
z-index: 1100;
}
#ipsLayout_footer ul{
text-align: right;
}
.footer-distributed{
box-sizing: border-box;
width: 100%;
text-align: right;
max-width: 100%;
margin: auto;
background-color: #161e2c !important;
background:#161e2c !important;
padding: 50px 0 30px 0;
font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
font-size: 14px;
}
.footer-links ul{
list-style: none;
padding-right: 0;
}
.footer-distributed .footer-left,
.footer-distributed .footer-center,
.footer-distributed .footer-right{
display: inline-block;
vertical-align: top;
}
.footer-distributed .footer-left{
width: 21%;
}
.footer-distributed h3{
color: #ffffff;
margin: 0;
margin-bottom: 15px;
line-height: 1.6;
font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
font-size: 15px;
font-weight: 700;
}
.footer-distributed h3 span{
color:  #5383d3;
}
.footer-distributed .footer-links{
color:  #ffffff;
margin: 0;
padding: 0;
}
.af_Container a {
color: #f7f7f7;
text-decoration: none;
}
.footer-distributed .footer-links a{
display:inline-block;
line-height: 1.8;
text-decoration: none;
color:  #f7f7f7;
}
.footer-distributed .footer-company-name{
color:  #8f9296;
font-size: 14px;
font-weight: normal;
margin: 0;
}
.footer-distributed .footer-center{
width: 32%;
}
.footer-distributed .footer-center i{
background-color: transparent;
color: #ffffff;
font-size: 25px;
width: auto;
height: auto;
border-radius: 50%;
text-align: center;
margin: 10px 0px 10px 0px;
vertical-align: middle;
}
.footer-distributed .footer-center i.fa-envelope{
font-size: 17px;
line-height: 38px;
}
.footer-distributed .footer-center p{
display: inline-block;
color: #ffffff;
vertical-align: middle;
margin:0;
}
.footer-distributed .footer-center p span{
display:block;
font-weight: normal;
font-size:14px;
line-height:2;
}
.footer-distributed .footer-center p a{
color:  #5383d3;
text-decoration: none;;
}
.footer-distributed .footer-right{
width: 20%;
}
.footer-distributed .footer-company-about{
line-height: 20px;
color:  #92999f;
font-size: 13px;
font-weight: normal;
margin: 0;
}
.footer-distributed .footer-company-about span{
display: block;
color:  #ffffff;
font-size: 14px;
font-weight: bold;
margin-bottom: 20px;
}
.footer-distributed .footer-icons{
margin-top: 10px;
}
.footer-distributed .footer-icons a{
display: inline-block;
width: auto;
cursor: pointer;
background-color: transparent;
border-radius: 2px;
font-size: 20px;
color: #ffffff;
text-align: center;
margin-left: 20px;
margin-bottom: 0;
}
.FooterNew-logo-img{
max-width: 250px;
}
.footer-right-2{
width: 23%;
display: inline-block;
vertical-align: top;
line-height: 100px;
}
@media (max-width: 880px) {
.footer-distributed{
font: bold 14px sans-serif;
}
.footer-distributed .footer-left,
.footer-distributed .footer-center,
.footer-distributed .footer-right,
.footer-distributed .footer-right-2{
display: block;
width: 100%;
margin-bottom: 40px;
text-align: center;
}
.footer-distributed .footer-center i{
margin-right: 0;
}
}
.af_Container .af_colSeparator {
left: 0;
bottom: 0;
right: 0;
width: 100%;
height: 0;
padding: 0;
z-index: 10;
background: #161e2c;
}
.af_Container .af_colSeparator svg {
display: block;
left: 0;
bottom: 0;
right: 0;
width: 100%;
padding: 0;
z-index: 10;
background: #161e2c;
}
.FooterNew-section{
border-top: 1px solid #2b3340;
margin-top: 15px;
}
.FooterNew-siteStat-term {
font-size: 11px;
font-size: .6875rem;
line-height: 1.45;
margin-bottom: 4px;
color: #f7f7f7 !important;
}
.af_Container .ipsType_richText,
.af_Container .ipsType_richText p {
color: #f7f7f7;
}
.Grid-col--desktopSmall-6{
max-width: 500px;
margin: auto;
margin-top: 15px;
padding-top: 21px;
}
/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/
#header {
transition: all 0.5s;
z-index: 997;
padding: 20px 0;
}

#header .logo {
font-size: 32px;
margin: 0;
padding: 0;
line-height: 1;
font-weight: 600;
letter-spacing: 1px;
text-transform: uppercase;
}

#header .logo a {
color: #fff;
}

#header .logo img {
max-height: 40px;
}

#header.header-scrolled, #header.header-inner-pages {
background: #fff;
box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.1);
padding: 12px 0;
}

#header.header-scrolled .logo a, #header.header-inner-pages .logo a {
color: #493c3e;
}

@media (max-width: 992px) {
#header .logo {
font-size: 28px;
}
}
/*--------------------------------------------------------------
# Hero Section
--------------------------------------------------------------*/
#hero {
width: 100%;
height: 100vh;
background: url("../img/main.jpg") top center;
background-size: cover;
position: relative;
}

#hero:before {
content: "";
background: rgba(0, 0, 0, 0.6);
position: absolute;
bottom: 0;
top: 0;
right: 0;
left: 0;
}

#hero .hero-container {
position: absolute;
bottom: 0;
top: 0;
right: 0;
left: 0;
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
text-align: center;
padding: 0 15px;
}

#hero h3 {
background: rgba(255, 255, 255, 0.1);
color: #fff;
font-size: 26px;
padding: 10px 30px;
margin-bottom: 30px;
border-radius: 3px;
}

#hero h1 {
margin: 0 0 10px 0;
font-size: 48px;
font-weight: 700;
line-height: 56px;
text-transform: uppercase;
color: #fff;
}

#hero h2 {
color: #eee;
margin-bottom: 40px;
font-size: 24px;
}

#hero .btn-get-started {
font-family: "Poppins", sans-serif;
text-transform: uppercase;
font-weight: 700;
font-size: 18px;
letter-spacing: 1px;
display: inline-block;
padding: 8px 30px 9px 30px;
border-radius: 3px;
transition: 0.5s;
border: 2px solid #fff;
color: #fff;
}

#hero .btn-get-started:hover {
background: #fff;
border: 2px solid #fff;
color: #000;
}

@media (min-width: 1024px) {
#hero {
background-attachment: inherit;
}
}

@media (max-width: 768px) {
#hero h3 {
font-size: 22px;
}
#hero h1 {
font-size: 28px;
line-height: 36px;
}
#hero h2 {
font-size: 18px;
line-height: 24px;
margin-bottom: 30px;
}
}

@media (max-height: 500px) {
#hero {
height: 150vh;
}
}

/*--------------------------------------------------------------
# Sections General
--------------------------------------------------------------*/
section {
padding: 60px 0;
}

.section-bg {
background-color: white;
}

.section-title {
text-align: center;
padding-bottom: 30px;
}

.section-title h2 {
font-size: 13px;
letter-spacing: 1px;
font-weight: 700;
padding: 8px 20px;
line-height: 1;
margin: 0;
background: #eff3fd;
color: #007FED;
display: inline-block;
text-transform: uppercase;
border-radius: 3px;
}

.section-title h3 {
margin: 15px 0 0 0;
font-size: 32px;
font-weight: 700;
}

.section-title h3 span {
color: #007FED;
}

.section-title p {
margin: 15px auto 0 auto;
font-weight: 600;
direction: rtl;
}

@media (min-width: 1024px) {
.section-title p {
width: 50%;
font-size: 15px;
}
}

/*--------------------------------------------------------------
# About
--------------------------------------------------------------*/
.about .content h3 {
font-weight: 600;
font-size: 26px;
}

.about .content ul {
list-style: none;
padding: 0;
}

.about .content ul li {
padding-right: 28px;
position: relative;
font-size: 15px;
}

.about .content ul li + li {
margin-top: 10px;
}

.about .content ul i {
position: absolute;
right: 0;
top: 2px;
font-size: 20px;
color: #007FED;
line-height: 1;
}

.about .content p:last-child {
margin-bottom: 0;
}

.about .content .btn-learn-more {
font-family: "Nunito", sans-serif;
font-weight: 600;
font-size: 14px;
letter-spacing: 1px;
display: inline-block;
padding: 12px 32px;
border-radius: 3px;
transition: 0.3s;
line-height: 1;
color: #007FED;
-webkit-animation-delay: 0.8s;
animation-delay: 0.8s;
margin-top: 6px;
border: 2px solid #007FED;
}

.about .content .btn-learn-more:hover {
background: #007FED;
color: #fff;
text-decoration: none;
}

/*--------------------------------------------------------------
# Services
--------------------------------------------------------------*/
.services {
padding-bottom: 30px;
}

.services .icon-box {
padding: 60px 30px;
position: relative;
overflow: hidden;
background: #fff;
border: 1px solid #eaecf3;
transition: all 0.3s ease-in-out;
border-radius: 8px;
z-index: 1;
text-align: center;
}

.services .icon-box::before {
content: '';
position: absolute;
background: #007FED;
left: 0;
right: 0;
bottom: 0;
top: 100%;
transition: all 0.4s;
z-index: -1;
}

.services .icon-box:hover::before {
background: #007FED;
top: 0;
border-radius: 0px;
}

.services .icon {
margin-bottom: 15px;
}

.services .icon i {
font-size: 48px;
line-height: 1;
color: #007FED;
transition: all 0.3s ease-in-out;
}

.services .title {
font-weight: 700;
margin-bottom: 15px;
font-size: 18px;
}

.services .title a {
color: #111;
}

.services .description {
font-size: 15px;
line-height: 28px;
margin-bottom: 0;
}

.services .icon-box:hover .title p, .services .icon-box:hover .description {
color: #fff;
}

.services .icon-box:hover .icon i {
color: #fff;
}

/*--------------------------------------------------------------
# Features
--------------------------------------------------------------*/
.features {
margin-bottom: 0;
background: #f6f6f7;
max-width: 100%;
padding: 60px 15px 90px 15px;
}

.features .icon-box {
display: flex;
align-items: center;
padding: 20px;
transition: ease-in-out 0.3s;
box-shadow: none;
border: 1px solid #eaecf3;
background: #FFF;
}

.features .icon-box i {
font-size: 32px;
padding-left: 10px;
line-height: 1;
}

.features .icon-box h3 {
font-weight: 700;
margin: 0;
padding: 0;
line-height: 1;
font-size: 16px;
}

.features .icon-box h3 a {
color: #493c3e;
transition: ease-in-out 0.3s;
}

.features .icon-box:hover a {
color: #007FED;
}

/*--------------------------------------------------------------
# Cta
--------------------------------------------------------------*/
.cta {
background: linear-gradient(rgba(2, 2, 2, 0.5), rgba(0, 0, 0, 0.8)), url("../img/cta-bg.jpg") center center;
background-size: cover;
padding: 60px 0;
}

.cta h3 {
color: #fff;
font-size: 28px;
font-weight: 700;
}

.cta p {
color: #fff;
}

.cta .cta-btn {
font-family: "Nunito", sans-serif;
text-transform: uppercase;
font-weight: 500;
font-size: 16px;
letter-spacing: 1px;
display: inline-block;
padding: 8px 28px;
border-radius: 25px;
transition: 0.5s;
margin-top: 10px;
border: 2px solid #fff;
color: #fff;
}

.cta .cta-btn:hover {
background: #007FED;
border: 2px solid #007FED;
}

@media (min-width: 1024px) {
.cta {
background-attachment: fixed;
}
}
/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/
#footer {
color: #444444;
font-size: 14px;
background: #f6f4f4;
box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.1);
}

#footer .footer-top {
padding: 60px 0 30px 0;
background: #fff;
}

#footer .footer-top .footer-contact {
margin-bottom: 30px;
}

#footer .footer-top .footer-contact h4 {
font-size: 22px;
margin: 0 0 30px 0;
padding: 2px 0 2px 0;
line-height: 1;
font-weight: 700;
}

#footer .footer-top .footer-contact p {
font-size: 14px;
line-height: 24px;
margin-bottom: 0;
font-family: "Nunito", sans-serif;
color: #777777;
}

#footer .footer-top h4 {
font-size: 16px;
font-weight: bold;
color: #444444;
position: relative;
padding-bottom: 12px;
}

#footer .footer-top .footer-links {
margin-bottom: 30px;
}

#footer .footer-top .footer-links ul {
list-style: none;
padding: 0;
margin: 0;
}

#footer .footer-top .footer-links ul i {
padding-left: 2px;
color: #ea6981;
font-size: 18px;
line-height: 1;
}

#footer .footer-top .footer-links ul li {
padding: 10px 0;
display: flex;
align-items: center;
}

#footer .footer-top .footer-links ul li:first-child {
padding-top: 0;
}

#footer .footer-top .footer-links ul a {
color: #777777;
transition: 0.3s;
display: inline-block;
line-height: 1;
}

#footer .footer-top .footer-links ul a:hover {
text-decoration: none;
color: #007FED;
}

#footer .footer-newsletter {
font-size: 15px;
}

#footer .footer-newsletter h4 {
font-size: 16px;
font-weight: bold;
color: #444444;
position: relative;
padding-bottom: 12px;
}

#footer .footer-newsletter form {
margin-top: 30px;
background: #fff;
padding: 6px 10px;
position: relative;
border-radius: 3px;
text-align: right;
border: 1px solid #f7c2cc;
}

#footer .footer-newsletter form input[type="email"] {
border: 0;
padding: 4px 8px;
width: calc(100% - 100px);
}

#footer .footer-newsletter form input[type="submit"] {
position: absolute;
top: 0;
left: -2px;
bottom: 0;
border: 0;
background: none;
font-size: 15px;
padding: 0 22px;
background: #007FED;
color: #fff;
transition: 0.3s;
border-radius: 3px;
box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.1);
}

#footer .footer-newsletter form input[type="submit"]:hover {
background: #d01d3f;
}

#footer .credits {
padding-top: 5px;
font-size: 13px;
color: #444444;
}

#footer .social-links a {
font-size: 18px;
display: inline-block;
background: #007FED;
color: #fff;
line-height: 1;
padding: 8px 0;
margin-left: 4px;
border-radius: 50%;
text-align: center;
width: 36px;
height: 36px;
transition: 0.3s;
}

#footer .social-links a:hover {
background: #d01d3f;
color: #fff;
text-decoration: none;
}
@media screen and (max-width: 767px){
#siteStats ul li,
#siteStats .ipsGrid > [class*="ipsGrid_span"]:first-child {
border: 0;
display: block;
width: 100%;
margin: 10px auto;
max-width:100%;
}
}
@media screen and (max-width: 768px){
#siteStats ul li,
#siteStats .ipsGrid > [class*="ipsGrid_span"]:first-child {
border: 0;
display: inherit;
margin: 10px auto;
width: 200px;
margin-right: 13px;
}
.d-flex {
display: block !important;
}
}
@media screen and (max-width: 820px){
#siteStats ul li,
#siteStats .ipsGrid > [class*="ipsGrid_span"]:first-child {
border: 0;
display: inherit;
margin: 10px auto;
width: 200px;
margin-right: 13px;
}
}
@media screen and (max-width: 834px){
#siteStats ul li,
#siteStats .ipsGrid > [class*="ipsGrid_span"]:first-child {
border: 0;
display: inherit;
margin: 10px auto;
width: 245px;
margin-right: 13px;
}
}
@media screen and (max-width: 1114px){
#siteStats ul li,
#siteStats .ipsGrid > [class*="ipsGrid_span"]:first-child {
border: 0;
display: inherit;
margin: 10px auto;
width: 255px;
margin-right: 13px;
}
}