body {

    font-size: 12px;

    background: #fff;

}

a { color: #2C2A2B;}

.logo {

    background: url(../images/site-logo.png) center center no-repeat;

    width: 370px;

	margin: 0;

    height: 87px;

	float:right

}

.header_section {

    padding: 10px 0;

	background: #286E87;

}

.main_nav {

    width: 100%;

    float: right;

    padding: 15px;

}

.main_nav li {

    float: right;

    margin: 20px;

}

.main_nav li a {

    color: #fff;

}

.resume__index {

    padding: 50px 0;

}

.resume__index .resume__index_title {

    text-align: right;

    position: relative;

    font-weight: 900;

    color: #286E87;

    padding-right: 110px;

	margin: 20px auto;

	font-size: 2rem;

}

.resume__index .resume__index_title::after {

    content: " ";

    position: absolute;

    top: 10px;

    right: 0;

    background: #286E87;

    width: 100px;

    height: 1px;

}

.resume__index .resume__index_title::before {

    content: " ";

    position: absolute;

    background: #286E87;

    right: 0px;

    top: 5px;

    width: 10px;

    height: 10px;

    border-radius: 50px;

}

.mobile_screen {

	background:url(../images/Mobile_Screen.png) center center no-repeat ;

	width: 100%;

	height: 350px;

	background-size: contain;

	margin: 0px auto 0;

}

.mobile_screen1 {

	background:url(../images/Mobile_Screen1.png) center center no-repeat ;

	width: 100%;

	height: 350px;

	background-size: contain;

	margin: 0px auto 0;

}

.mobile_screen2 {

	background:url(../images/Mobile_Screen2.png) center center no-repeat ;

	width: 100%;

	height: 350px;

	background-size: contain;

	margin: 0px auto 0;

}



[class*="curve-bottom"]::after,[class*="curve-top"]::before,[class*="curve-conv"]::before{background-position:50% 50%;background-repeat:no-repeat;background-size:100% 100%;content:' ';display:block;height:1.625rem;margin-top:4.5rem;position:absolute;width:100%;z-index:10; right:0}





.curve-bottom-2::after {

    background-image: url("data:image/svg+xml,%3Csvg version=%221.1%22 xmlns=%22http://www.w3.org/2000/svg%22 x=%220%22 y=%220%22 viewBox=%220 0 1800 26%22 preserveAspectRatio=%22none%22%3E%3Cpath fill=%22%23286E87%22 d=%22M900,6.2c305.6,0,606.1,6.7,900,19.8V0H0v26C293.9,12.9,594.4,6.2,900,6.2z%22/%3E%3C/svg%3E");

    margin-top: 8px;

}

.curve-top-1::before {

    background-image: url("data:image/svg+xml,%3Csvg version=%221.1%22 xmlns=%22http://www.w3.org/2000/svg%22 x=%220%22 y=%220%22 viewBox=%220 0 1800 26%22 preserveAspectRatio=%22none%22%3E%3Cpath fill=%22%23286E87%22 d=%22M900,19.8C594.4,19.8,293.9,13.1,0,0v26h1800V0C1506.1,13.1,1205.6,19.8,900,19.8z%22/%3E%3C/svg%3E");

    margin-top: -25px;

}

.index_offer {

    background: #286E87;

    width: 100%;

    padding: 10px;

    margin: 30px auto 30px;

    direction: rtl;

    z-index: 99999;

    position: relative;

}

.index_offer .bigprice {

    text-align: right;

    font-size: 20px;

    font-weight: bold;

    color: #fff;

    line-height: 28px;

    padding: 0 50px;

}

.index_offer .pricetitle {

    text-align: right;

    font-size: 15px;

    color: #fff;

    padding: 0 50px;

}

.index_offer .pricetext {

    text-align: justify;

    color: #fff;

    font-size: 13px;

    line-height: 200%;

    padding: 15px 50px 5px;

}



.senddllink .mobnum {

    width: 100%;

    border: none;

    padding: 15px;

    border-radius: 5px;

    text-align: center;

    margin: 10px auto;

}

.senddllink .index_submit {

    width: 100%;

    background: #00AF80;

    border: none;

    padding: 15px;

    border-radius: 5px;

    text-align: center;

    margin: 10px auto;

    color: #fff;

}



footer {

    background: #273443;

	position: relative;

	padding-top: 34px;

}



.footer-item img {

    width: 80px;

	margin: 0 auto;

	display: block;

	background: #fff;

	border-radius: 10px;

}



.footer-item p {

    color: #fff;font-size: 1.1rem; margin:0

}



.footer-item ul li {

    display: inline-block;

    padding-right: 11px;

}



.footer-item ul li a {

    color: #fff;

    font-size: 18px;

}

.footer-title h3 {

    font-size: 19px;

    color: #fff;

	text-align: right;

	font-weight:900

}



.footer-details ul li {

    padding-bottom: 5px;

    color: #fff;

    font-weight: 300;

	width: 49%;



text-align: right;

}

.footer-details {



    color: #fff;

    direction: ltr;



}



.copy-right-section {

    color: #606d7b;

}

.footer-details ul li i {

    margin-right: 5px;

}



.footer-title {

    margin-bottom: 15px;

}

.footer-padding{

    padding-bottom: 30px;

    border-bottom:1px solid #3c4959;

  }

  div#twitter-slider p {

    color: #fff;

    margin-bottom: 0;

    font-weight: 300;

    font-size: 16px;

}



div#twitter-slider i {

    color: #62aeff;

    margin-right: 5px;

}



div#twitter-slider a {

    color: #fff;

    display: inline-block;

}

div#twitter-slider .owl-dots {

    display: none;

}

.footer-details.footer-teg a {

    color: #fff;

    font-size: 1.1rem;

    margin: 0px 5px 0px 0px;

}

.flex-center{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.preloader{position:fixed;top:0;left:0;width:100%;height:100%;background:#286E87;z-index: 9999999;}.dots .dot{display:inline-block;width:10px;height:10px;margin:0;border-radius:50%;background:#FFF;-webkit-animation:dot-dot-dot 1.4s linear infinite;animation:dot-dot-dot 1.4s linear infinite}.dots .dot:nth-child(2){animation-delay:.2s}.dots .dot:nth-child(3){animation-delay:.4s}@keyframes dot-dot-dot{0%,100%,60%{-webkit-transform:initial;-ms-transform:initial;transform:initial}30%{-webkit-transform:translateY(-15px);-ms-transform:translateY(-15px);transform:translateY(-15px)}}.big-logo-perloader {background: url(../images/big-logo-perloader.png) center center no-repeat;width: 325px;height: 107px;position: absolute;top: 28%;}



.mobile_screen::before {

    content: " ";

    position: absolute;

    width: 320px;

    height: 320px;

    z-index: -1;

    left: 90px;

    top: -4px;

    background: #286E87;

    background-image: none;

    background-image: linear-gradient(45deg, #286E87 0%, #2293BB 100%);

    border-radius: 48% 52% 70% 30% / 71% 63% 37% 29% ;

    box-shadow: -10vmin 10vmin 0 rgba(255,255,255,0.07);

}

.mobile_screen1::before {

    content: " ";

    position: absolute;

    border-radius: 77% 23% 16% 84% / 36% 25% 75% 64%;

    width: 320px;

    height: 320px;

    z-index: -1;

    left: 115px;

    top: -11px;

    background: #286E87;

    background-image: none;

    background-image: linear-gradient(45deg, #17C0FD 0%, #356D82 100%);

    border-radius: 30% 70% 70% 30% / 30% 30% 70% 70%;

    box-shadow: -10vmin 10vmin 0 rgba(255,255,255,0.07);

}

.mobile_screen2::before {

    content: " ";

    position: absolute;

    width: 320px;

    height: 320px;

    z-index: -1;

    left: 130px;

    top: -4px;

    background: #286E87;

    background-image: none;

    background-image: linear-gradient(45deg, #286E87 0%, #2293BB 100%);

    border-radius: 30% 70% 70% 30% / 30% 30% 70% 70%;

    box-shadow: -10vmin 10vmin 0 rgba(255,255,255,0.07);

}



.custom-shape-divider-top-1613290422 {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    overflow: hidden;

    line-height: 0;

}



.custom-shape-divider-top-1613290422 svg {

    position: relative;

    display: block;

    width: calc(100% + 1.3px);

    height: 27px;

    transform: rotateY(180deg);

}



.custom-shape-divider-top-1613290422 .shape-fill {

    fill: #FFFFFF;

}

.guide_page {
    min-height: 400px;
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    padding: 50px;
    direction: rtl;
}
.guide_page__item {
    flex: 1 0 80%;
    margin: 10px;
    float: right;
    padding: 5px;
    border-radius: 5px;
    max-width: 260px;
}
.guide_category__title {
    font-weight: 900;
    color: #286E87;
    font-size: 17px;
    margin: 0 0 20px 0;
}
.guide_post__title a {
    font-size: 11px;
}