/* INDEX
----------------------------------------------------------------------------------------

01. General css

02. Navigation area css

03. Slider area css

04. Hero area css

05. Price area css

06. Action area css

07. Service area css

08. Pricing area css

09. Testimonial area css

10. Why Choose area css

11. Subscribe area css

12. Client area css

13. Contact area css

14. Footer area css

-------------------------------------------------------------------------------------- */




/* Fonts 'kalame' */
@font-face {
    font-family: 'pinar-700';
    src: url(../fonts/pinar-700.eot);
    src: url(../fonts/pinar-700.eot?#iefix) format('embedded-opentype'),
         url(../fonts/pinar-700.otf) format('otf'),
         url(../fonts/pinar-700.svg#pinar-700) format('svg'),
         url(../fonts/pinar-700.ttf) format('truetype'),
         url(../fonts/pinar-700.woff) format('woff'),
         url(../fonts/pinar-700.woff2) format('woff2');
  }  

  @font-face {
    font-family: 'GothamRounded-Book';
    src: url('../fonts/GothamRounded-book.eot');
    src: url('../fonts/GothamRounded-book.woff2') format('woff2'),
         url('../fonts/GothamRounded-book.html') format('woff'),
         url('../fonts/GothamRounded-book-2.html') format('truetype'),
         url('../fonts/GothamRounded-book-3.html#GothamRounded-book') format('svg'),
         url('../fonts/GothamRounded-bookd41d.eot?#iefix') format('embedded-opentype');
    font-weight: normal;
    font-style: normal;
  }
  @font-face {
    font-family: 'GothamRounded-Medium';
    src: url('../fonts/GothamRounded-Medium.eot');
    src: url('../fonts/GothamRounded-Medium.woff2') format('woff2'),
         url('../fonts/GothamRounded-Medium.woff') format('woff'),
         url('../fonts/GothamRounded-Medium.ttf') format('truetype'),
         url('../fonts/GothamRounded-Medium.svg#GothamRounded-Medium') format('svg'),
         url('../fonts/GothamRounded-Mediumd41d.eot?#iefix') format('embedded-opentype');
    font-weight: normal;
    font-style: normal;
  }
  @font-face {
    font-family: 'GothamRounded-Bold';
    src: url('../fonts/GothamRounded-Bold.eot');
    src: url('../fonts/GothamRounded-Bold.woff2') format('woff2'),
         url('../fonts/GothamRounded-Bold.woff') format('woff'),
         url('../fonts/GothamRounded-Bold.ttf') format('truetype'),
         url('../fonts/GothamRounded-Bold.svg#GothamRounded-Bold') format('svg'),
         url('../fonts/GothamRounded-Boldd41d.eot?#iefix') format('embedded-opentype');
    font-weight: normal;
    font-style: normal;
  }
  .Gbold{
      font-family: 'GothamRounded-Bold'!important;
  }
  @font-face {
    font-family: 'IRANSansWeb(FaNum)';
    src: url(../fonts/IRANSansWeb%28FaNum%29.eot);
    src: url(../fonts/IRANSansWeb%28FaNum%29.eot?#iefix) format('embedded-opentype'),
         url(../fonts/IRANSansWeb%28FaNum%29.otf) format('otf'),
         url(../fonts/IRANSansWeb%28FaNum%29.svg#IRANSansWeb%28FaNum%29) format('svg'),
         url(../fonts/IRANSansWeb%28FaNum%29.woff) format('woff'),
         url(../fonts/IRANSansWeb%28FaNum%29.ttf) format('truetype'),
         url(../fonts/IRANSansWeb%28FaNum%29.woff2) format('woff2');
  }
  
  .kl{
      font-family: 'pinar-700'!important;
  }
  .sns{
    font-family:'IRANSansWeb(FaNum)'!important ;
}
  
  /* ----------------------------------------------------------------------------------------
  *                                       01. General css
  * -------------------------------------------------------------------------------------- */
  .starrtl{
    transform: rotateY(180deg);
  }
  html,
  body {
      height: 100
      
  }
  
  body {
      color: #6b7582;
      width: 100%;
      height: 100%;
      font-size: 15px;
      line-height: 1.7;
      margin-top: 70px;
      font-family: 'vazir';
  }
  
  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
      color: #3c4859;
      font-family: 'vazir';
  }
  
  .subtitle {
      font-size: 20px;
      text-transform: uppercase;
      margin-bottom: 15px;
      text-align: center;
  }
  
  p {
      letter-spacing: 0px;
      text-align: right;
      direction: rtl;
      font-family: 'IRANSansWeb(FaNum)';
  }
  
  a {
      text-decoration: none;
      transition: all 0.3s;
      -webkit-transition: all 0.3s;
      font-family: 'IRANSansWeb(FaNum)';
  }
  
  a:hover {
      color: #fff;
      text-decoration: none;
  }
  
  a:focus {
      outline: none;
      text-decoration: none;
  }
  
  ul,
  li {
      margin: 0;
      padding: 0;
      font-family: 'IRANSansWeb(FaNum)';
  }
  
  fieldset {
      border: 0 none;
      margin: 0 auto;
      padding: 0;
  }
  
  .btn.active.focus,
  .btn.active:focus,
  .btn.focus,
  .btn.focus:active,
  .btn:active:focus,
  .btn:focus {
      outline: none;
  }
  
  .btn, input[type='submit'] {
      display: inline-block;
      background: transparent;
      padding: 10px 25px;
      border-radius: 5px;
      transition: 0.3s;
      -moz-transition: 0.3s;
      -webkit-transition: 0.3s;
      letter-spacing: 0px;
      border: none;
      text-transform: uppercase;
      font-weight: 600;
      color: #fff;
      background-color: #288feb;
      
  }
.col-md-pull-6 {
    right: 0%;
}
.col-md-push-6 {
	left: 0%;
}
  .mini{
      font-size: 20px;
  }
  .bold{
      font-weight: bold;
  }
  .center{
      text-align: center!important;
  }
  .btn:hover, input[type="submit"]:hover {
      color: #fff;
      background: #f45e58;
  }
  
  .btn.btn-reverse {
      background: #f45e58;
  }
  
  .btn.btn-reverse:hover {
      color: #333;
      background-color: #fff;
  }
  
  .btn.btn-white {
      color: #333;
      background-color: #fff;
      float: initial;
  }
  
  .btn.btn-white:hover {
      color: #fff;
      background: #f45e58;
  }
  
  
  .btn.btn-lg {
      height: 50px;
      padding: 0 30px;
      font-size: 20px;
      font-weight: bold;
      line-height: 50px;
      border-radius: 7px;
  }
  
  
  .section-big {
      padding: 80px 0px;
  }
  
  .section-small {
      padding: 50px 0px;
  }
  
  .section-title {
      margin: auto;
      max-width: 800px;
      margin-bottom: 60px;
  }
  
  .section-title.white h2 {
      color: #fff;
  }
  
  .section-title h2 {
      font-size: 40px;
      margin-bottom: 25px;
      line-height: 40px;
      margin-top: 0;
  }
  
  .section-title p {
      margin-top: 25px;
  }
  
  
  /* preloader css */
  
  #preloader {
      position: fixed;
      right: 0;
      top: 0;
      z-index: 99999;
      width: 100%;
      height: 100%;
      overflow: visible;
      background-image: url(../img/preloader.gif);
      background-position: center center;
      background-repeat: no-repeat;
      background-color: #fff;
  }
  
  .table {
      display: table;
      width: 100%;
      height: 100%;
      position: relative;
      z-index: 1;
  }
  .table-cell {
      display: table-cell;
      text-align: center;
      vertical-align: middle;
  }
  
  img {
      max-width: 100%;
  }
  
  .space {
      height: 30px;
  }
  
  
  
  /* ----------------------------------------------------------------------------------------
  *                               02. Navigation area css
  * --------------------------------------------------------------------------------------- */
  .menu-area {
      background: #fff;
  }
  .sticky-menu {
      box-shadow: 0px 3px 4.7px 0.3px rgba(0, 0, 0, 0.24);
      transition: all 0.3s ease-out;
      -webkit-transition: all 0.3s ease-out;
  }
  
  .mainmenu {
      margin-top: 10px;
      transition: all 0.3s ease-out;
      -webkit-transition: all 0.3s ease-out;
  }
  
  .sticky-menu .mainmenu {
      margin-top: 0px;
  }
  
  .navbar {
      margin-bottom: 0;
      border: 0px;
  }
  
  .navbar-brand {
      display: block;
      color: #288feb;
      text-transform: uppercase;
      font-family: 'GothamRounded-Bold';
      font-size: 36px;
      padding: 15px 0;
  }
  .navbar-brand span {
      color: #f45e58;
      margin-left: 250px;
  }
  .navbar-brand:hover {
      color: #288feb;
  }
  
  .navbar-nav  li {
      float: none;
      display: inline-block;
  }
  
  .navbar-nav li a {
      font-weight: 600;
      font-size: 15px;
      letter-spacing: 0px;
      color: #333;
      padding-left: 25px;
  }
  
  .nav > li > a:hover,
  .nav > li > a:active,
  .nav > li > a:focus {
      background: none;
  }
  
  .mainmenu .navbar-nav li.active a {
      color: #288feb;
    
  }
  
  
  /* Mobile Nav css */
  .navbar-toggle .icon-bar {
      background: #288feb;
  }
  
  
  /* ----------------------------------------------------------------------------------------
  *                               03. Slider area css
  * -------------------------------------------------------------------------------------- */
  
  .slider-area {
      background: #288feb;
      min-height: 400px;
  }
  
  .slider-area .carousel,
  .slider-area .carousel-inner,
  .slider-area .item {
      height: 100%;
  }
  
  @media (min-width: 992px) {
      .slider-area {
          height: 550px;
      }
  }
  
  .intro-text {
      text-align: right;
      color: #fff;
  }
  
  .intro-text h1 {
      color: inherit;
      font-size: 47px;
      font-weight: 600;
      line-height: 50px;
      margin-bottom: 20px;
      margin-top: 10px;
  }
  
  .intro-text p {
      font-size: 24px;
      color: inherit;
  }
  
  .line-through {
      text-decoration: line-through;
  }
  
  .intro-text ul {
      font-size: 1.2em;
      color: inherit;
      list-style-type: none;
  }
  
  .intro-text .btn {
      margin-top: 30px;
  }
  
  @media(max-width: 991px) {
      .intro-text {
          margin: 80px auto;
          text-align: center;
      }
      .hero-overlay h2 {
          margin-top: 0px;
          font-size: 1.5em;
      }
  }
  
  
  #carousel-example-generic .animated {
      animation-delay: .5s;
  }
  
  
  
  
  /* ----------------------------------------------------------------------------------------
  *                               04. Hero area css
  * ---------------------------------------------------------------------------------------*/
  
  .hero-boxes {
      padding-top: 50px;
  }
  
  .hero-box {
      background: #f5f5f5;
      background-color: #288feb;
      text-align: center;
      position: relative;
      margin-top: 30px;
      padding: 50px;
      border-radius: 10px;
  }
  
  .hero-box img {}
  .hero-overlay {
      position: absolute;
      padding: 30px;
      right: 0;
      top: 0;
      width: 100%;
      height: 0;
      background-color: #f45e58;
      color: #fff;
      border-radius: 10px;
      opacity: 0;
      transition: 0.5s cubic-bezier(0.250, 0.250, 0.115, 1.445);
  }
  .hero-overlay h2 {
      color: #fff;
  }
  .hero-box:hover .hero-overlay {
      opacity: 1;
      height: 100%;
  }
  
  
  
  
  
  /* ----------------------------------------------------------------------------------------
  *                                   05. Price area css
  * --------------------------------------------------------------------------------------- */
  .price-item {
      padding: 0 15px 30px;
      margin: 0;
      text-align: center;
      position: relative;
      transition: 0.3s ease-out;
      background-color: #f5f5f5;
      border-radius: 10px;
  }
  
  .price-item ul {
      margin-right: 0;
      list-style: none;
      padding-right: 0px;
  }
  
  .price-item .info {
      border-radius: 10px 10px 0 0; 
  }
  
  .price-item.featured .info {
      background: #288feb;
      margin-right: -15px;
      margin-left: -15px;
  }
  
  .price-item p.level {
      font-size: 30px;
      padding-top: 20px;
      letter-spacing: 0px;
      font-family: 'vazir';
      text-align: center;
  }
  
  .price-item p.desc {
      font-size: 14px;
      margin-bottom: 0px;
  }
  
  .price-item p.price {
      font-size: 16px;
      margin: 0;
      padding-bottom: 10px;
      color: #333;
  }
  
  .price-item p.price .dollar {
      font-size: 30px;
      position: relative;
      top: -30px;
      
  }
  
  .price-item p.price .number {
      font-size: 70px;
      font-weight: 300;
  }
  
  .price-item .features {
      margin: 30px 0;
  }
  
  .price-item.featured p.level,
  .price-item.featured p.price {
      color: #fff;
  }
  
  .price-item .features li {
      padding: 5px 0;
  }
  
  .price-item a.btn {
      display: inline-block;
  }
  
  
  
  
  
  
  
  /* ----------------------------------------------------------------------------------------
  *                                   06. Action area css
  * --------------------------------------------------------------------------------------- */
  .action-area {
      color: #fff;
      position: relative;
      background: #288feb;
  }
  
  .action-area h2 {
      color: #fff;
      margin: 0;
  }
  
  
  
  
  
  
  /* ----------------------------------------------------------------------------------------
  *                                   07. Service area css
  * --------------------------------------------------------------------------------------- */
  
  .service-area {
      /*background-color: #f5f5f5;*/
      padding-bottom: 30px;
  }
  
  .home-services .service-box {
      -webkit-transform: translateZ(0);
      text-align: center;
      transition: 0.3s ease-out;
      margin-bottom: 50px;
  }
  
  .service-box p {
      text-align: right;
  }
  
  .home-services .service-box i:before {
      font-size: 40px;
      display: block;
      -webkit-animation-duration: 1s;
      animation-duration: 1s;
      -webkit-animation-fill-mode: both;
      animation-fill-mode: both
  }
  
  .home-services .service-box .read_service {
      text-decoration: none;
  }
  
  .home-services .service-box .read_service:before {
      margin-right: -100%;
      opacity: 0;
      filter: alpha(opacity=0);
      -webkit-transition: all 0.5s;
      transition: all 0.5s;
      -webkit-transform: translateZ(0)
  }
  
  .home-services .service-box i.fa {
      color: #288feb;
      margin-top: 15px;
      margin-bottom: 25px;
  }
  .home-services .service-box h3 {
      position: relative;
      margin-top: 30px;
  }
  
  .home-services .service-box:hover i.fa:before {
      -webkit-backface-visibility: visible;
      -ms-backface-visibility: visible;
      backface-visibility: visible;
      -webkit-animation-name: flip;
      animation-name: flip
  }
  
  .home-services .service-box:hover .read_service:before {
      opacity: 1;
      filter: alpha(opacity=100);
      margin-right: 0%
  }
  
  
  
  
  
  
  
  
  
  /* ----------------------------------------------------------------------------------------
  *                                08. Testimonial area css
  * --------------------------------------------------------------------------------------- */
  .testimonial-area {
      position: relative;
      background-color: #288feb;
  }
  
  .testimonial-area .section-title h2,
  .testimonial-area .section-title p {
      color: #fff;
  }
  
  .testimonial-content {
      text-align: left;
  }
  
  .single-testimonial {
      background-color: #fff;
      padding: 30px;
      margin: 15px;
      border-radius: 20px;
      overflow: hidden;
  }
  
  .ratings i.fa {
      color: #f45e58;
  }
  
  .ratings {
      margin-bottom: 20px;
  }
  
  i.fa.fa-quote-left {
      color: #288feb;
  }
  
  .single-testimonial i.fa {
      font-size: 20px;
      display: inline-block;
      float: right;
      margin-left: 10px;
  }
  
  .testimonial-area .subtitle, 
  .testimonial-area h2 {
      margin-top: 0px;
  }
  
  .single-testimonial p {
      line-height: 25px;
  }
  
  .single-testimonial img {
      float: right;
      margin-top: 20px;
      margin-left: 20px;
      border-radius: 10px;
  }
  
  .single-testimonial h4 {
      margin-top: 40px;
      margin-bottom: 5px;
      font-weight: 500;
      letter-spacing: 0px;
  }
  
  .single-testimonial .desg {
      font-size: 14px;
  }
  
  .owl-theme .owl-controls {
      margin-top: 30px;
  }
  
  .owl-theme .owl-controls .owl-page span {
      display: block;
      width: 20px;
      height: 5px;
      margin: 5px 7px;
      filter: Alpha(Opacity=50);
      opacity: .5;
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
      background: #333;
  }
  
  .owl-theme .owl-controls .owl-buttons div {
      font-size: 25px;
      background: none;
      padding: 5px;
  }
  
  
  
  
  
  
  /* ----------------------------------------------------------------------------------------
  *                                   09. Why Choose area css
  * --------------------------------------------------------------------------------------- */
  
  .why-choose-area .container {
      max-width: 1000px;
  }
  
  .choose-box {
      margin-bottom: 30px;
  }
  
  .why-choose-area img {
      width: 100%;
      border-radius: 10px;
  }
  
  .choose-box i.fa {
      position: relative;
      font-size: 30px;
      width: 60px;
  }
  
  .choose-box.left {
      text-align: left;
  }
  .choose-box.left i.fa {
      float: left;
  }
  
  .choose-box.right {
      text-align: right;
  }
  .choose-box.right i.fa {
      float: right;
  }
  
  .choose-content {
      overflow: hidden;
  }
  
  .choose-content h3 {
      margin-top: 0px;
      position: relative;
  }
  
  
  
  
  /* ----------------------------------------------------------------------------------------
  *                                10. Subscribe area css
  * --------------------------------------------------------------------------------------- */
  .subscribe-area {
      background-color: #288feb;
      color: #fff;
  }
  
  .subscribe-box {
      text-align: center;
      position: relative;
  }
  
  .subscribe-box h2 {
      font-size: 40px;
      margin-top: 0px;
      margin-bottom: 30px;
      color: #fff;
  }
  
  .subscribe-box p {
      font-size: 20px;
      margin-bottom: 20px;
  }
  
  .newsletter-form {
      max-width: 700px;
      margin: auto;
  }
  
  .newsletter-form input{
      display: inline-block;
      height: 50px;
      width: 100%;
      padding: 5px 10px;
      background-color: #fff;
      border-radius: 5px;
  }
  
  .newsletter-form .btn {
      height: 50px;
      padding: 0 30px;
      font-size: 20px;
      font-weight: bold;
      border: none;
      position: relative;
      display: inline-block;
      margin-top: 20px;
      transition: 0.3s;
      -moz-transition: 0.3s;
      -webkit-transition: 0.3s;
  }
  
  .newsletter-form .btn i.fa {
      margin-left: 20px;
  }
  .subscribe-area .error {
      text-align: right;
  }
  
  .mailchimp-alerts {
      display: block;
      width: 100%;
      text-align: right;
  }
  
  .mailchimp-alerts div {
      background: #f5f5f5;
      margin-top: 15px;
      line-height: 30px;
      display: none;
      padding: 0 20px;
      position: relative;
  }
  
  .mailchimp-alerts div:before {
      position: absolute;
      content: '';
      right: 17px;
      top: -7px;
      width: 15px;
      height: 15px;
      transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
      -moz-transform: rotate(-45deg);
      -webkit-transform: rotate(-45deg);
  }
  
  .mailchimp-submitting{}
  
  .mailchimp-success{
      color: green;
  }
  
  .mailchimp-error{
      color: red;
  }
  
  
  
  
  
  /* ----------------------------------------------------------------------------------------
  *                                   11. Client area css
  * --------------------------------------------------------------------------------------- */
  .client-area {
      padding-bottom: 0px;
  }
  
  .owl-client {}
  .owl-client .item {
      margin: 0 7px;
  }
  .owl-client .item img {
      width: auto;
      max-width: 100%;
      padding: 0 15px;
  }
  
  
  
  
  
  /* ----------------------------------------------------------------------------------------
  *                                   12. Contact area css
  * --------------------------------------------------------------------------------------- */
  .contact-form {
      background-color: #f5f5f5;
      padding: 50px;
      padding-top: 20px;
      border-radius: 10px;
      margin-bottom: 30px;
  }
  
  .form-control {
      display: block;
      border: 0px;
      width: 100%;
      height: 45px;
      padding: 5px 0px;
      font-size: 16px;
      line-height: 1.42857143;
      color: #333;
      background-color: #f5f5f5;
      background-image: none;
      border-radius: 0px;
      box-shadow: none;
      margin-bottom: 5px;
      direction: rtl;
  }
  
  .form-control:focus {
      border-color: #333;
      outline: 0;
      box-shadow: none;
  }
  
  .contact-form .form-group {
      position: relative;
      padding-right: 35px;
      border-bottom: 1px solid #ddd;
      margin-bottom: 10px;
  }
  
  .contact-form .form-group:before {
      position: absolute;
      height: 45px;
      font-family: FontAwesome;
      top: 0;
      right: 0;
      width: 20px;
      text-align: center;
      line-height: 45px;
      color: #288feb;
      font-size: 18px;
  }
  
  .in_name:before {content: '\f007';}
  .in_email:before {content: '\f1d8';}
  .in_message:before {content: '\f0e0';}
  
  .contact-form textarea#message {
      padding-top: 10px;
      height: 99px;
  }
  
  #submitButton {}
  
  .success {
      background: #fff none repeat scroll 100% 0;
      color: #50B948;
      font-weight: 700;
      padding: 20px;
      text-align: center;
  }
  
  .error {
      background: #fff none repeat scroll 100% 0;
      color: #ff0000;
      font-weight: 700;
      padding: 20px;
      text-align: center;
  }
  
  .contact-info {
      margin-bottom: 30px;
  }
  
  .address {
      padding: 30px;
      background: #f5f5f5;
      border-radius: 10px;
  }
  
  .address h3 {
      margin-top: 0;
      text-align: right;
  }
  
  .address-box {
      margin-bottom: 10px;
  }
  
  .address-box a:hover {
      color: #f45e58;
  }
  
  .address-box p, .address-box p a {
      color: inherit;
      margin: 0;
      text-align: right;
  }
  
  .social-links {
      overflow: hidden;
      margin-top: 30px;
  }
  
  .social-links li {
      list-style: none;
      float: right;
      margin-left: 10px;
  }

  .social-links li a i {
      width: 55px;
      height: 45px;
      line-height: 45px;
      text-align: center;
      transition: 0.3s;
      -moz-transition: 0.3s;
      -webkit-transition: 0.3s;
      color: #fff;
      background-color: #288feb;
      font-size: 25px;
      border-radius: 5px;
  }
  
  .social-links li a:hover i {
      background-color: #f45e58;
  }
  
  
  
  
  
  
  
  
  
  /* ----------------------------------------------------------------------------------------
  *                                   13. Footer area css
  * --------------------------------------------------------------------------------------- */
  .footer-area {
      background: #ccc;
      text-align: center;
  }
  .footer-area p {
      margin: 0;
      line-height: 60px;
      text-align: center!important;
  }
  
  .navbar-right {
    float: left;
}

.navbar-header {
    float: right;
}
  
*{
    font-family: vazir;
}

.price{
    text-align: center;
    float: initial;
}

.col-md-9{
    float: right;
}

.actions{
    float: right;
}
.subtitle-1{
    text-align: right;
}
.subtitle-2{
    direction: rtl;
    text-align: right;
}

.navbar-fixed-top .navbar-collapse {
    direction: rtl;
    float: right;
}
.wp01{
    font-size: 22px;
    margin-top: 14px!important;
    text-align: right;
}
.right{
    text-align: right!important;
}
  /* ---------------------------------------------------
    Gradient CSS
  ------------------------------------------------------ */
  /*.slider-area {
      background: -webkit-linear-gradient(to left, #f45811 , #288feb);
      background: linear-gradient(to left, #f45811 , #288feb);
  }*/



/*********
CSS-Mobile
*******/
  @media (max-width: 767px) {
    .navbar-toggle {
      float: left;
      margin-top: -40px;
      }
      .section-title p {
        margin-top: 25px;
        text-align: center;
    }
    .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
        position: relative;
        min-height: 1px;
        padding-right: 15px;
        padding-left: 15px;
        text-align: center;
    }
    .service-box p {
        text-align: center;
    }
    .subtitle-2 {
        direction: rtl;
        text-align: center;
    }
    .subtitle-1 {
        text-align: center!important;
        margin-bottom: -15px;
    }
    .subscribe-box p {
        font-size: 20px;
        margin-bottom: 20px;
        text-align: center;
    }
    .centermb {
        text-align: center!important;
    }
    .lr{
        line-height : 30px;
    }
    .lr2{
        margin-bottom: 12px;
    }
  }
  /*********end-css-mobile***********/