@font-face{
    font-family:"expanded";
    font-style:normal;
    font-weight:normal;
    src:url("../fonts/expanded.woff") format("woff"),
    url("../fonts/expanded.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
}
body {
    margin: 0 auto;
    padding: 0;
    overflow-x:hidden ;
    font-family: "expanded";
}
img{max-width: 100%;}

a, a:link , a:focus , a:active {text-decoration: none;}
p,ul {
    margin: 0;
    padding: 0;
}
ul {list-style-type: none;}
.container{
    width: 90%;
    margin: 0 auto;
    direction: rtl;
}

/*navbar-start*/

nav.navbar {
    height: auto;
    width: 100%;
    background-color: rgb(22,116,190);
    z-index: 9999;
}

nav li a {
    text-decoration: none;
    font-size: 1.3rem;
    color: white;
    padding: 25px 0;
    transition: .2s;
    -webkit-transition: .2s;
    -moz-transition: .2s;
    -o-transition: .2s;
}
@media (min-width: 768px){
    .navbar-nav>li>a {
        padding-top: 25px !important;
        padding-bottom: 25px !important;
    }
}
@media (min-width: 768px){
    .navbar-nav>li {
        float: right !important;
    }
}
.dropdown-menu>li>a {
    display: block;
    padding: 8px 20px;
    clear: both;
    font-weight: 400;
    line-height: 1.42857143;
    color: #ffffff;
    white-space: nowrap;
    text-align: right;
}
.dropdown-menu {background-color: #1674be;}
.dropdown-menu>li {
    background-color: #1674be;
    padding: 0;
}
.dropdown-menu>li>a:hover {
    background-color: #bebdb9;
}

img.brand {
    float: left;
    padding-top: 0rem;
}
a.navbar-brand {
    width: 160px;
    height: auto;
    padding: 7px 0;
}
/*responsive-menu*/
.navbar-toggle {
    border-color: #bebdb9;
    margin: 18px 15px;
}

@media (min-width: 768px){
    .navbar-toggle {
        display: none;
    }
}
.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0,0,0,0);
    border: 0;
}
.navbar-toggle .icon-bar {
    background-color: #fff;
}
.navbar-toggle .icon-bar {
    display: block;
    width: 22px;
    height: 2px;
    border-radius: 1px;
}
#navbar-collapse-1 {
    overflow-y:hidden;
}
/*responsive-menu*/
/*navbar-end*/

/*slide-start*/
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
    width: 100%;
    margin: auto;
}
.carousel {
    margin: 7rem -1.5rem 0 -1.5rem;
    z-index: 1;
}
/*slide-end*/

/*start-we products*/
.bg-color2 {
    background-color: #e0e0e0;
    border-bottom: 1px solid #ebebeb;
    padding-bottom: 7rem;
}
h3.we-products {
    text-align: center;
    padding: 8rem 0;
    color: #5d5d5d;
    line-height: 4.5rem;
}
.left-clmn, .right-clmn {
    background-color: #1674be;
    color: #ffffff;
    text-align: center;
    padding-bottom: 2.5rem;
    margin-bottom:3rem;
}
.pd-tp {
    padding-top: 2rem;
}
a.more-details {
    background-color: #115d97;
    padding: 1rem 2rem;
    font-size: 1.3rem;
    color: #ffffff;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    transition: .3s;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -o-transition: .3s;
}
p.paragraph {
    font-size: 1.2rem;
    padding: 1rem 1rem 3rem 1rem;
    color: #e0dfdb;
    line-height: 2.2rem;
}
a.more-details:hover {
    background-color: #418dc7;
}
@media only screen and (max-width: 768px){
    a.more-details {font-size: .9rem;}
}
h3.pd-btm {padding-bottom: 1.7rem;}
.pd-tp i{
    background-color: #418dc7;
    padding: 1rem;
    border-radius: 50px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -o-border-radius: 50px;
}
/*end-we products*/

/*start-plans*/
.bg-color3 {
    background-color: #D3D3D3;
    padding:7rem 0 10rem 0;
    direction: rtl;
    text-align: center;
}
p.description{
    padding: 2rem 0 6rem 0;
    font-size: 1.3rem;
    color: #616161;
    line-height: 2.6rem;
}
.plan1 {text-align: center; margin-top: 1.5rem;}
.bg-color3 h3 {padding-top: 2rem;}
h2.title {color: #424242;}
ul.plan-list {
    list-style-type: none;
    border: 1px solid rgb(201,201,201);
}
h4.product , h3.price{
    background-color: #418dc7;
    color: #ffffff;
    padding: 2.5rem 0;
    margin: 0;
    border: 1px solid rgb(201,201,201);
}
@media only screen and (min-width: 768px) and (max-width: 870px) {
    h4.product {font-size: 1.6rem;}
    h3.price {font-size: 2rem;}
}
h3.price {
    background-color: #e0e0e0;
    color: #2398c4;
}
ul.plan-list li {
    padding: 2rem 0;
    font-size: 1.2rem;
    color: #616161;
    cursor: pointer;
    transition: .3s;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -o-transition: .3s;
}
.plan1:hover  ul.plan-list li:nth-child(odd){
    background-color: #b9d5ea;
}
ul.plan-list li:nth-child(odd){
    background-color: #ffffff;
}
ul.plan-list li:nth-child(even){
    background-color: #b9d5ea;
}

div.see-tariff {
    background-color: #ffffff;
    padding: 3rem 0;
}
div.see-tariff a {
    background-color: #333333;
    font-size: 1.3rem;
    padding: 1rem 1.3rem;
    color: #ffffff;
    border-radius: 4px;
    transition: .3s;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -o-transition: .3s;
}
.see-tariff a:hover {
    color: #333333;
    background-color: #ffffff;
    border:1px solid #333333;
}
/*end-plans*/

/*start last-subjects*/
.subjects-title {
    text-align: center;
    background-color: #115d97;
    color: #ffffff;
    padding: 2rem 0;
}
.subjects-title h3 {
    direction: rtl;
}
.padd {
    padding: 5rem 1.5rem;
    text-align: right;
    float: right;
}
p.size {
    font-size: 1.2rem;
    padding-top: 1rem;
    color: rgb(154, 154, 154);
    line-height: 2rem;
}
.space-top{font-size: 1.2rem;padding-top: 3.3rem; color: rgb(154, 154, 154); line-height: 2rem;}
a h4.zoom{
    transition: .1s;
    -webkit-transition: .1s;
    -moz-transition: .1s;
    -o-transition: .1s;
}
h5.zoom {line-height: 2rem; color: #696969;}
h5.zoom:hover{color:#418dc7; }
a.more-btn {
    color: #ffffff;
    background-color: #333333;
    font-size: 1.2rem;
    padding: 1.5rem;
    border-radius: 4px;
    transition: .2s;
    -webkit-transition: .2s;
    -moz-transition: .2s;
    -o-transition: .2s;
}
a.more-btn:hover{background-color: #418dc7;}
.margin {
    padding-bottom: 5rem;
    text-align: center;
}
@media only screen and (max-width: 768px){
    a.more-btn {font-size: 1rem;}
}

@media only screen and (max-width: 768px){
    .subjects-title h3 {
        font-size: 18px;
        line-height: 2.5rem;
    }
}
/*end last-subjects*/


/*start-follow&join us*/
.paragraph ,.btn {
    text-align: center;
}
.followjoin-p {
    font-size: 1.3rem;
    padding: 5rem 0 3rem 0;
    color: #696969;
}
.btn a {
    background-color: #418dc7;
    color: #ffffff;
    font-size: 1.7rem;
    font-weight: bold;
    padding:.7rem 2rem .5rem;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    transition: .2s;
    -webkit-transition: .2s;
    -moz-transition: .2s;
    -o-transition: .2s;
}
.btn a:hover {
    background-color: #333333;
}
.pdng { padding-bottom: 6rem; }
/*end-follow&join us*/


/*start-footer*/
.bg-color4 {
    background-color: #424242;
    padding-bottom: 4rem;
    border-top: 1px solid #212121;
}
.setting { padding-top: 7rem; text-align: center; }
section .fa, .telegram-ico {
    color: #ffffff;
    background-color: #616161;
    padding: 1.3rem;
    font-size: 1.6rem;
    margin-top: .7rem;
    border-radius:100px;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    -o-border-radius: 100px;
    transition: .3s;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -o-transition: .3s;
}
.telegram-ico {margin-bottom: 1rem;}
.fa-facebook,.fa-pinterest-p { padding: 1.3rem 1.5rem !important; }

section a i:hover, section a .telegram-ico:hover{ background-color: #1674be; }
.new-texts {
    float: right;
    text-align: right;
    color: #E3F0FA;
    padding-top: 4rem;
}
.new-texts li ,.new-texts li a {
    color: #9f9f9f;
    font-size: 1.2rem;
    line-height: 3rem;
    transition: .2s;
    -webkit-transition: .2s;
    -moz-transition: .2s;
    -o-transition: .2s;
}
.new-texts li a:hover {color:#E3F0FA; }

/*start-back to top*/
#back-top {
    position: relative;
    left: 3rem;
    bottom: 0;
    transition: .2s;
    -webkit-transition: .2s;
    -moz-transition: .2s;
    -o-transition: .2s;
}
#back-top:hover{
    opacity: .7;
    -webkit-opacity: .7;
    -moz-opacity: .7;
    -o-opacity: .7;
}
/*end-back to top*/

.end-footer {
    background-color: #212121;
    border-top: 1px solid #717171;
}
p.copyright {
    color: #9e9e9e;
    float: right;
    padding: 1rem 0;
    font-size: 1rem;
}
p.copyright a {
    color: #C9C9C9;
}
p.copyright a:hover {color:#9e9e9e; }

/*end-footer*/


/*start-about us*/
.welcome {color: #418dc7; margin-top: 3rem;}
.social {font-size: 1.2rem; line-height: 2.1rem;}
.social a {color:#5d5d5d; }
.social a:hover {color: #337ab7;}
.space-tp {margin: 6rem 0 8rem 0;}
.space-tp h3 {border-bottom: 1px solid #D3D3D3; padding-bottom: .5rem;}
/*end-about us*/

/*start forms*/
.form-bg {background-color: #eeeeee;}
form.buy-form{ color: #616161; font-size: 1.3rem;}

button[type="submit"]{font-size: 1.3rem;padding:1.2rem 2rem; outline: none; background-color: #115d97; color: #ffffff;transition: .2s;}
button[type="submit"]:hover{background-color: #418dc7; color: #ffffff;}
label.public{margin-left: 4rem;}

.login-form .center {text-align: center;}
.login-form {font-size: 1.3rem; color: #616161; }

@media only screen and (max-width: 768px){
    .login-form a, .login-form , .buy-form {
        font-size: 1rem;
    }
}
.form-bg {padding-bottom: 10rem;}
.pd{padding-top:1.5rem;}
h4.user-info {color: #418dc7;}
.buy-form select {font-size: 1.2rem;}
.spc {padding-top:8rem;}
.brdr {
    border: 1px solid #bbbbbb;
    margin: 10rem 2rem;
    padding: 0 1rem 3rem 1rem;
}
/*end forms*/