@font-face{font-family:"Vazir";src:url(../fonts/Vazir-Light.eot?#) format("eot"),url(../fonts/Vazir-Light.woff) format("woff");}
*{margin:0;padding:0}
body{font-size:14px;font-family:'Vazir';text-align:right;direction:rtl;padding:0;color:#333;background: #fff}
body a:hover{text-decoration:none;color:#428bca}
h1,h2{font-size:20px;}
.content{float:right;width:100%}
.container{margin-right:auto;margin-left:auto;padding:0 10px;}
.container:before,.container:after{content:" ";display:table}
.container:after{clear:both}
.header{float:right;position:absolute;top:0;z-index:99;width:100%;margin-top:0}
.header-top{width:100%;height:auto;background:rgba(0,0,0,0.2);}
.header-bottom{width:100%;padding-top:10px;}
.head-t{float:left;margin-top:3px}
.header-ri{float:right;padding-top:3px}
.header-ri,.ul{margin:0}
.social-network li{display:inline-block;padding-right:10px;}
.logo-nav-right{float:right}
.logo-nav-right h2{padding:0;font-size:22px}
.logo-nav-left{float:left;text-align:left;padding-top:5px}
.logo-nav-left img{max-width:100%}
.social-top {float:right}
.social-top li{padding-left: 10px;}
.card li,.social-top li{display:inline-block}
.card,.social-network{margin-bottom:3px;}
.card li{font-size:11px;color:#fff}
.card .glyphicon-earphone{transform: rotate(220deg);margin:0 5px}
.card .glyphicon-map-marker{margin:0 5px}
.card i.email{background:url(../images/multimedia.png)no-repeat;}
.icon{border-radius:100px;cursor:pointer;display:inline-block;margin:0 5px;position:relative;width:28px;height:28px;z-index:10}
.telegram{background:url(../images/telegram.png) no-repeat;background-size:cover}
.clear{float:right;width:100%;height:20px}
.b-bottom{border-bottom:1px solid rgba(255,255,255,0.15);padding:3px 0}
.ban-top {float:right;width:100%;z-index:1000;background:rgba(0,0,0,0.2);}
/*---------------------------------------------*/
.header-slider{position:relative;float:right;width:100%}
.slider {position: relative;width:100%;float:right}
.slider img,.mid_grid_right img{width:100%}
.item::before {background-color: rgba(0, 0, 0, 0.4);content: "";height: 100%;left: 0;position: absolute;right: 0;top: 0;width: 100%;z-index: 6;}
.carousel-indicators {bottom:5px;margin-bottom: 0px;}
.carousel-indicators li{background:#fff}
.carousel-indicators li.active{background:#ffc30c}
#carousel-slider{position:relative}
#carousel-slider a :hover{color:#fff}
#carousel-slider .carousel-control{width:inherit}
#carousel-slider .carousel-control.left{left:10px;z-index:19}
#carousel-slider .carousel-control.right{right:15px;z-index:19}
#carousel-slider.carousel-control.left,#carousel-slider.carousel-control.right{background:none}
#carousel-slider a span {font-size: 30px;height: 50px;padding: 8px;position: absolute;top: 50%;width:40px;color:#eee;background:rgba(0,0,0,0.5)}
#carousel-slider a span:hover {color:#fff;}
.carousel-caption-tell{position:absolute;top:15%;right:20%;width:60%;z-index:50;padding-top:10%;text-shadow:none}
.carousel-caption-tell i{padding-left:10px}
.carousel-caption-tell h2{font-size:30px;color:#fff;text-align:center;padding:10px;background:rgba(0,0,0,0.2);}
.carousel-caption-left{position:absolute;top:15%;left:5%;width:60%;height:70%;padding-top:10%;z-index:50;text-shadow:none;}
.carousel-caption-right{position:absolute;top:0;right:10%;width:18%;padding-top:10px;z-index:50}
.carousel-caption-right h5{font-size:15px;color:#fff;text-shadow:none;text-align:center}
.carousel-caption-left h2 {font-size:30px;color:#fff;text-shadow:none;}
.carousel-caption-left,.carousel-caption-right h4{font-size:30px;color:#040b56}
.carousel-inner .form-inline .form-group button[type="livedemo"]{padding:10px 20px;font-size:25px;color:#fff;border:1px solid #fff;background:none;border-radius:0;}
.carousel-inner .form-inline .form-group button[type="livedemo"]:hover{color:#0BA9F9;-webkit-transition:color 300ms,background-color 300ms;-moz-transition:color 300ms,background-color 300ms;-o-transition:color 300ms,background-color 300ms;transition:color 300ms,background-color 300ms}
.carousel-inner .form-inline .form-group button[type="getnow"]{padding:10px 20px;font-size:25px;color:#0BA9F9;border:1px solid #fff;}
.carousel-inner .form-inline .form-group button[type="getnow"]:hover{color:#fff;background:#0BA9F9;-webkit-transition:color 300ms,background-color 300ms;-moz-transition:color 300ms,background-color 300ms;-o-transition:color 300ms,background-color 300ms;transition:color 300ms,background-color 300ms}
.da-link{border-radius:5px;box-shadow:0 1px 1px rgba(0,0,0,0.1);color:#fff;background-color:#ffc30c;padding:8px 15px;margin-top:20px;font-size:1.2em;cursor:pointer;float:right}
.da-link:hover{color:#ffcc3a;}
/*---------------------------------------------*/
.advantage-grid-info{padding:30px 0;}
.advantage_left h4 {font-size: 15px;font-weight: 700;text-transform: uppercase;color: #36B1AF;}
.advantage-grid-info1{margin-bottom:5%;}
.advantage_left h3 {font-size: 18px;font-weight: 700;margin-top:0;}
.advantage_left1 img {width: 300px;height: 300px;border: 4px solid #ffc30c;border-radius: 50%;}
#user_mesage{margin-bottom:10px}
.top-nav{width:80%;float:left;margin-top:20px}
.main-wrapper{width:100%;margin-bottom:30px;float:left}
.section{position:relative;width:100%;float:right}
.section img{max-width:100%}
.first{padding:5% 0;}
.ab-right{float:right;line-height:2em}
.sample{padding:2% 0;}
.top_main{width:100%;margin-bottom:10px}
.top_main:first-child{margin-top:0}
.top_main h3,.top_main h1{text-align:center;font-size:24px}
.top_main a{font-size:1em;float:left;text-transform:capitalize;padding:8px 20px;color:#0BA9F9;border:1px solid #0BA9F9;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out}
.top_main a:hover{background:#f1f1f1}
.top_main i{color:#f4913b;font-size:13px;float:right;margin:3px 5px}
.about{font-size:14px}
.about a{color:#048ED4}
.about h2{color:#048ED4}
.s-image{float:right;text-align:right;padding:2% 0}
.s-image img{max-width:90%}
.right{float:right}
.border-top{border-top:1px solid #333}
.mid_grid_right{float:right}
.app-block{margin:30px 0;text-align:right}
.app-block:hover .fa{border:2px solid transparent;box-shadow:0 0 0 50px #00a8e0 inset;color:#fff}
.btn-login{background:#428bca;color:#fff;padding:8px 30px;text-shadow:1px 1px #222}
.btn-login.focus, .btn-login:focus, .btn-login:hover {color: #ddd;box-shadow:none;}
.choose{background: url(../images/slider_01.jpg) no-repeat;background-size: cover;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;-ms-background-size: cover;background-attachment: fixed;padding:4% 0;}
.choose h3{text-align:center;color:#fff;margin:2% 0}
.grid_1_of_2,.grid_1_of_2,.grid_1_of_3,.grid_1_of_4,.grid_2_of_3,.grid_2_of_4,.grid_4_of_5,.grid_1_of_5{position:relative;float:right;padding:0 10px}
.grid_1_of_2{width:50%}
.grid_1_of_3{width:33%}
.grid_1_of_4{width:25%}
.grid_2_of_4{width:75%}
.grid_2_of_3{width:66%}
.grid_1_of_5{width:20%}
.grid_4_of_5{width:80%}
.white{background:#fff}
.nopadding{padding-left:0;padding-right:0;}
.review{float:right;padding:5px;margin-bottom:20px;border-radius:5px;}
.review a:hover{color:#428bca;}
.review-top {border-bottom:2px dotted #e1e1e1;padding: 6px 15px;}
.wd-post{float:right;margin:10px 0}
.d-s{color:#ffc30c;font-size:14px;float:right;padding:20px 10px 0}
.d-s:hover{color:#333}
.t-right{text-align:right;}
.post{float:right;border-radius:5px;border: 1px solid #ebebeb;margin-bottom:10px;padding:10px 15px;background:#fff}
.post-in{width:96%;margin:2%;float:right;padding:10px 15px;background:#fff}
.post-in a:hover{color:#0BA9F9}
.post-in h5 a {height: 25px;margin-top:10px;color:#d6a306;font-size:18px}
.post-d{float:right;width:100%;padding:10px}
.post-d h4{color:#222;border-bottom:1px solid #ebebeb;padding-bottom:10px}
.post-d-p{float:right;width:100%;padding:10px 0 20px 0;min-height:90px}
.post-image{width:100%}
.post-image img{width:100%;-moz-transition: all 1s;-o-transition: all 1s;-webkit-transition: all 1s;transition: all 1s;}
.p-d-one,.p-d-p{width:100%;float:right}
.p-d-one table,.p-d-p table{float:right;margin:10px 0}
.p-d-one table .br{border:1px solid #ddd;background:#fff;padding:5px 20px;}
.p-d-one,.p-d-p{width:100%;float:right}
.p-slide {padding: 1em;background: rgba(0, 0, 0, 0.5);box-shadow: 1px 1px 17px #1f1f1;border-radius:3px;margin:2% 0;border-right:2px solid #ffc30c}
.p-slide img{border-radius:5px}
.p-slide h5 a{color:#ffc30c;font-size:18px}
.p-slide h5 a:hover{color:#00aeef}
.p-slide span{color:#ddd}
.btn-cart {background: #428bca;border: 0 none;border-radius: 3px;color: #fff !important;font-size: 12px;padding: 3px 10px;}
.tab-content{min-height:300px;padding:10px}
.row-s{width:100%;padding:5px;margin-bottom:5px;float:right;text-align:right;direction:rtl}
.row-s a{padding-right:7px}
.details {padding-bottom:30px;}
.details img{width:100%;float:right}
.nav-tabs > li {float: right;}
.breadcrumb {margin-bottom: 20px;background-color: #fff;border-bottom:2px dotted #f1f1f1}
.mid_grid_left {color:#fff}
.box_general {float:right;padding-bottom: 20px;}
.box_general h2{text-align: center;}
.img_container {text-align: center;}
.img_container img {width: 70%;vertical-align: bottom;margin-right:15%;border-radius: 50%;border: 4px solid #ffc30c;}
#result{display:none}
#final_result{display:none}
.footer{width:100%;float:right;background:#191d20;padding-top:20px}
.footer-top{width:100%;float:right;padding:10px 0 30px 0}
.footer-bottom{width:100%;float:right;padding:10px 0;font-size:12px;}
.footer-grid{text-align:right;font-size:14px;float:right}
.footer-grid h4 , .footer-grid h3{color:#ffc30c;padding-bottom:.5em}
.footer-grid ul li{font-size:14px;list-style-type:none;margin-bottom:.4em;color:#fff;}
.footer-grid ul li img{float:right;padding:.5em}
.footer-grid ul li span{display:block;margin-left:3em}
.footer-grid ul li a{color:#fff;text-decoration:none}
.footer-grid ul li a:hover{color:#ffc30c}
.footer-grid ul li i {padding-left: 10px}
ul.f-list1 li {list-style-image: url(../images/f-icon.png);direction:rtl}
.copy-right{float:right;padding:10px 0}
.copy-right span{text-align:right;color:#fff;margin:0}
.footer-nav-right h1,.footer-nav-right h2{color:#fff;font-size:16px;}
.footer-nav-right h3{border-bottom:1px solid #aaa;}
@media(min-width:1320px){.container{width:1270px}}
@media(min-width:1000px) and (max-width:1319px){
.container{max-width:1300px}
}
@media (max-width:991px) {
.carousel-caption{top:20%}
}
@media (max-width:768px) {
.container{max-width:100%}
.min-menu{width:100%;float:right}
.carousel-caption-left{top:10%}
.carousel-caption-left h2{font-size:15px}
.carousel-caption-right h5{font-size:10px;margin:0}
a.find-about {margin-top: .5em;padding: 4px 8px;font-size: 12px}
}
@media (max-width:767px) {
.logo-nav{padding:1em 0}
.navbar{margin-bottom:0}
.mid_grid_right{display:none}
.nbs-flexisel-nav-left{left:-10px}
.nbs-flexisel-nav-right{right:-10px}
.advantage-grid-info1{float:right;}
}
@media (max-width: 640px) {
.logo-nav-left{width:40%}
.grid_1_of_4{width:50%}
.grid_1_of_2{width:100%}
.grid_1_of_3{width:100%}
.grid_1_of_5{width:100%}
.grid_2_of_4{width:100%;}
.grid_2_of_3{width:100%;}
.footer-grid{width:100%}
h1,.h1,h2,.h2,h3,.h3{margin-top:5px;margin-bottom:5px}
.breadcrumb{margin-bottom:10px}
.header-right{width:21%}
.carousel-caption-right{padding-top:0;}
.ab-right{font-size:13px}
.w3l-titles{font-size:16px}
.advantage_left h3 {font-size: 16px;font-weight: normal}
.carousel-caption-tell{right:10%;width:80%}
.carousel-caption-tell h2{font-size:16px}
}
@media (max-width:480px) {
.container{max-width:100%}
.card li:first-child{display:none}
.carousel-caption-left{top:0}
.carousel-caption-left h2{font-size:14px;padding:3px 0;}
.carousel-caption-tell h2{font-size:16px;padding-bottom:6px;}
.card li{font-size:11px;}
.card i{transform: rotate(40deg);border-radius:50%;padding:1px;margin:0 2px;}
.header{position:relative;background:#3e3e3e}
.carousel-caption-tell{top:3%;right:5%;width:90%}
.carousel-caption-tell h2{font-size:13px}
}
@media (min-width:0px to max-width: 320px) {
.nav{width:100%}
}
@charset "UTF-8";
.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}
.animated.infinite{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}
.animated.hinge{-webkit-animation-duration:2s;animation-duration:2s}
@keyframes fadeIn {
0%{opacity:0}
100%{opacity:1}
}
.fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn}
@-webkit-keyframes fadeInRight {
0%{opacity:0;-webkit-transform:translateX(20px);transform:translateX(20px)}
100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}
}
@keyframes fadeInRight {
0%{opacity:0;-webkit-transform:translateX(20px);-ms-transform:translateX(20px);transform:translateX(20px)}
100%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}
}
.fadeInRight{-webkit-animation-name:fadeInRight;animation-name:fadeInRight}
@-webkit-keyframes fadeInUp {
0%{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px)}
100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}
}
@keyframes fadeInUp {
0%{opacity:0;-webkit-transform:translateY(20px);-ms-transform:translateY(20px);transform:translateY(20px)}
100%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}
}
.fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}
@keyframes slideInDown {
0%{opacity:0;-webkit-transform:translateY(-2000px);-ms-transform:translateY(-2000px);transform:translateY(-2000px)}
100%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}
}
.slideInDown{-webkit-animation-name:slideInDown;animation-name:slideInDown}
@-webkit-keyframes slideInLeft {
0%{opacity:0;-webkit-transform:translateX(-2000px);transform:translateX(-2000px)}
100%{-webkit-transform:translateX(0);transform:translateX(0)}
}
@-webkit-keyframes slideInLeft {
0% {opacity: 0;-webkit-transform: translateX(-2000px);transform: translateX(-2000px);}

100% {-webkit-transform: translateX(0);transform: translateX(0);}
}
@keyframes slideInLeft {
0% {opacity: 0;-webkit-transform: translateX(-2000px);-ms-transform: translateX(-2000px);transform: translateX(-2000px);}
100% {-webkit-transform: translateX(0);-ms-transform: translateX(0);transform: translateX(0);}
}
.slideInLeft {-webkit-animation-name: slideInLeft;animation-name: slideInLeft;}
@-webkit-keyframes slideInRight {
  0% {opacity: 0;-webkit-transform: translateX(2000px);transform: translateX(2000px);}
  100% {-webkit-transform: translateX(0);transform: translateX(0);}
}
@keyframes slideInRight {
  0% {opacity: 0;-webkit-transform: translateX(2000px);-ms-transform: translateX(2000px);transform: translateX(2000px);}
  100% {-webkit-transform: translateX(0);-ms-transform: translateX(0);transform: translateX(0);}
}
.slideInRight {-webkit-animation-name: slideInRight;animation-name: slideInRight;}
@-webkit-keyframes zoomIn {
0% {opacity: 0;-webkit-transform: scale(.3);transform: scale(.3);}
  50% {opacity: 1;}
}
@keyframes zoomIn {
0% {opacity: 0;-webkit-transform: scale(.3);-ms-transform: scale(.3);transform: scale(.3);}
50% {opacity: 1;}
}
.zoomIn {-webkit-animation-name: zoomIn;animation-name: zoomIn;}
@-webkit-keyframes rotateInUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

@keyframes rotateInUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}
.rotateInUpRight {
  -webkit-animation-name: rotateInUpRight;
  animation-name: rotateInUpRight;
}