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

  Sass CSS3 Mixins! The Cross-Browser CSS3 Sass Library

  By: Matthieu Aussaguel, http://www.mynameismatthieu.com, @matthieu_tweets



  List of CSS3 Sass Mixins File to be @imported and @included as you need



  The purpose of this library is to facilitate the use of CSS3 on different browsers avoiding HARD TO READ and NEVER

  ENDING css files



  note: All CSS3 Properties are being supported by Safari 5

  more info: http://www.findmebyip.com/litmus/#css3-properties



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

@import url(https://fonts.googleapis.com/css?family=Roboto:300,400,500,700);

@import url(https://fonts.googleapis.com/css?family=Dosis:400,600,700,800);

/* =========================================================

        General

============================================================ */





/* =========================================================

        Color Presets For Class

============================================================ */

.facebook-bg {

  background-color: #106ed2; }



.twitter-bg {

  background-color: #3ad0fb; }



.linkedin-bg {

  background-color: #1379bb; }



/* =========================================================

        Global Classes 

============================================================ */

.no-margin {

  margin: 0; }



.no-padding {

  padding: 0; }



.section-padding {

  padding: 60px 0; }

  @media only screen and (max-width: 991px) {

    .section-padding {

      padding: 100px 0; } }

  @media only screen and (max-width: 767px) {

    .section-padding {

      padding: 70px 0; } }



.inline-block {

  display: inline-block; }



.ml-30 {

  margin-left: 30px; }



.mr-30 {

  margin-right: 30px; }



/* =========================================================

        FORM STYLE 

============================================================ */

.form-control:focus {

  box-shadow: none; }



input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill {

  background-color: transparent;

  background-image: none;

  color: #ffffff; }



input[type="text"],

input[type="password"],

input[type="email"],

input[type="url"],

input[type="search"],

textarea, select {

  outline: none;

  margin: 0;

  max-width: 100%;

  -webkit-border-radius: 0px 0px 0px 0px;

  -moz-border-radius: 0px 0px 0px 0px;

  -o-border-radius: 0px 0px 0px 0px;

  -ms-border-radius: 0px 0px 0px 0px;

  -khtml-border-radius: 0px 0px 0px 0px;

  border-radius: 0px 0px 0px 0px; }



/* =========================================================

        Pagination STYLE 

============================================================ */

.bottom-nevigation .pagination li.active > a {

  color: #FFFFFF;

  background-color: #3575d3;

  border-color: #3575d3; }

  .bottom-nevigation .pagination li.active > a:hover, .bottom-nevigation .pagination li.active > a:focus, .bottom-nevigation .pagination li.active > a:active {

    background-color: #3575d3; }

.bottom-nevigation .pagination li a {

  width: 40px;

  height: 40px;

  line-height: 25px;

  font-weight: 700;

  color: #000000;

  border-radius: 0;

  background-color: transparent;

  margin: 0 4px; }

  @media only screen and (max-width: 479px) {

    .bottom-nevigation .pagination li a {

      width: 30px;

      height: 30px;

      line-height: 15px;

      font-size: 12px;

      margin: 0 2px 5px; } }

.bottom-nevigation .pagination > li > a:focus,

.bottom-nevigation .pagination > li > a:hover,

.bottom-nevigation .pagination > li > span:focus,

.bottom-nevigation .pagination > li > span:hover {

  background-color: transparent; }



/* =========================================================

        Box Layout STYLE 

============================================================ */

.boxLayout, .box-layout {

  margin: 0 auto;

  background: url(../images/pattern.jpg) no-repeat center top;

  background-size: cover;

  background-attachment: fixed; }

  @media only screen and (min-width: 1200px) {

    .boxLayout, .box-layout {

      width: 1200px; } }

  .boxLayout section, .boxLayout header, .box-layout section, .box-layout header {

    background-color: #FFFFFF; }

  .boxLayout .box-nav, .box-layout .box-nav {

    position: relative; }

    .boxLayout .box-nav .navbar, .box-layout .box-nav .navbar {

      left: 0;

      background-color: #FFFFFF; }

      .boxLayout .box-nav .navbar::before, .box-layout .box-nav .navbar::before {

        width: 350px; }

      .boxLayout .box-nav .navbar .navbar-header .navbar-brand img, .box-layout .box-nav .navbar .navbar-header .navbar-brand img {

        padding: 22px 25px; }

      .boxLayout .box-nav .navbar .navbar-collapse .navbar-nav, .box-layout .box-nav .navbar .navbar-collapse .navbar-nav {

        margin-right: 45px; }

  .boxLayout .navbar.sticky, .box-layout .navbar.sticky {

    width: 1200px;

    margin: 0 auto; }

  .boxLayout .slider-section .tp-banner-container, .box-layout .slider-section .tp-banner-container {

    left: 0 !important;

    right: 0 !important;

    width: 100% !important;

    margin: 0 auto; }

  .boxLayout .slider-section .tparrows.tp-leftarrow, .box-layout .slider-section .tparrows.tp-leftarrow {

    left: 0 !important; }

  .boxLayout .slider-section .tparrows.tp-rightarrow, .box-layout .slider-section .tparrows.tp-rightarrow {

    right: 0 !important; }

  .boxLayout .searching-section, .box-layout .searching-section {

    overflow: hidden; }

    .boxLayout .searching-section .caption .caption-two, .box-layout .searching-section .caption .caption-two {

      right: -10%; }

      .boxLayout .searching-section .caption .caption-two img, .box-layout .searching-section .caption .caption-two img {

        width: 75%; }

  .boxLayout .subscribe-section, .box-layout .subscribe-section {

    overflow: hidden; }

  .boxLayout .optimized-section .content-wrapper, .box-layout .optimized-section .content-wrapper {

    padding: 80px 80px 0 30px; }

    @media only screen and (max-width: 991px) {

      .boxLayout .optimized-section .content-wrapper, .box-layout .optimized-section .content-wrapper {

        padding: 80px 15px 60px; } }



/* =========================================================

        Section-Title STYLE 

============================================================ */

.header-title {

  background: url(../images/sub/share-host-bg.jpg) no-repeat center top;

  background-size: cover;

  padding: 310px 0 75px; }

  @media (min-width: 992px) and (max-width: 1199px) {

    .header-title {

      padding: 250px 0 50px; } }

  @media only screen and (max-width: 991px) {

    .header-title {

      padding: 140px 0 50px; } }

  @media only screen and (max-width: 479px) {

    .header-title {

      padding: 120px 0 30px; } }

  .header-title .title {

    font-size: 48px;

    font-weight: 700;

    line-height: 42px;

    color: #FFFFFF;

    margin-bottom: 0; }

    @media only screen and (max-width: 991px) {

      .header-title .title {

        font-size: 35px;

        line-height: 35px; } }

    @media (min-width: 480px) and (max-width: 767px) {

      .header-title .title {

        font-size: 30px;

        line-height: 30px; } }

    @media only screen and (max-width: 479px) {

      .header-title .title {

        font-size: 25px;

        line-height: 30px; } }



/* =========================================================

        Page-Title STYLE 

============================================================ */

.page-title {

  background-color: #dfdbce;

  padding: 18px 0; }

  .page-title h4 {

    font-size: 18px;

    font-weight: 600;

    color: #1b232f;

    margin: 0; }

    .page-title h4 span {

      color: #8e8b81; }



/* =========================================================

        Sub-Page-STYLE 

============================================================ */

.sub-page .header-section .navbar {

  background-color: #FFFFFF; }



/* =========================================================

        Header STYLE 

============================================================ */

@media only screen and (max-width: 991px) {

  .header-section {

    display: inline-block; } }

.header-section .top-bar {

  padding: 16px 0;

  border-bottom: 1px solid #e1e6ed; }

  .header-section .top-bar .header-left-bar .contact-wrapper li {

    font-size: 16px;

    display: inline-block;

    color: #616d7e;

    margin-right: 25px; }

    @media (min-width: 992px) and (max-width: 1199px) {

      .header-section .top-bar .header-left-bar .contact-wrapper li {

        font-size: 15px; } }

    @media (min-width: 768px) and (max-width: 991px) {

      .header-section .top-bar .header-left-bar .contact-wrapper li {

        font-size: 15px; } }

    @media only screen and (max-width: 767px) {

      .header-section .top-bar .header-left-bar .contact-wrapper li {

        font-size: 15px; } }

    .header-section .top-bar .header-left-bar .contact-wrapper li:last-child {

      margin-right: 0; }

    .header-section .top-bar .header-left-bar .contact-wrapper li i {

      color: #616d7e; }

  .header-section .top-bar .header-right-bar .social-icon {

    line-height: 10px;

    vertical-align: sub;

    margin-right: 55px; }

    .header-section .top-bar .header-right-bar .social-icon li {

      display: inline-block;

      margin: 0 5px; }

      .header-section .top-bar .header-right-bar .social-icon li a {

        color: #616d7e; }

        .header-section .top-bar .header-right-bar .social-icon li a:hover {

          color: #f5800d; }

        .header-section .top-bar .header-right-bar .social-icon li a i {

          font-size: 18px; }

  .header-section .top-bar .header-right-bar .access li {

    display: inline-block;

    padding: 0 2px; }

    .header-section .top-bar .header-right-bar .access li a {

      color: #616d7e; }

      .header-section .top-bar .header-right-bar .access li a:hover {

        color: #f5800d; }

      .header-section .top-bar .header-right-bar .access li a i {

        font-size: 10px;

        color: #FFFFFF;

        background: #616d7e;

        border-radius: 50%;

        width: 15px;

        height: 15px;

        line-height: 15px;

        text-align: center; }

    .header-section .top-bar .header-right-bar .access li #search-modeal {

      background: #FFFFFF;

      opacity: 0;

      visibility: hidden;

      position: absolute;

      width: 60%;

      left: 0;

      right: -10%;

      margin: 0 auto;

      border-radius: 8px;

      z-index: 999;

      transform: translateY(50px);

      -webkit-transition: 1s;

      -khtml-transition: 1s;

      -moz-transition: 1s;

      -ms-transition: 1s;

      -o-transition: 1s;

      transition: 1s; }

      .header-section .top-bar .header-right-bar .access li #search-modeal.active {

        visibility: visible;

        opacity: 1;

        transform: translateY(0);

        z-index: 1000; }

      .header-section .top-bar .header-right-bar .access li #search-modeal .logout-box {

        background-color: #3575d3;

        display: block;

        text-align: center;

        padding: 5px 0;

        border-radius: 8px 8px 0 0;

        cursor: pointer; }

        .header-section .top-bar .header-right-bar .access li #search-modeal .logout-box a {

          color: #FFFFFF; }

        .header-section .top-bar .header-right-bar .access li #search-modeal .logout-box i {

          font-size: 14px;

          color: #FFFFFF;

          border-radius: 50%;

          width: 25px;

          height: 25px;

          line-height: 25px;

          background-color: transparent;

          float: right;

          margin-right: 15px; }

      .header-section .top-bar .header-right-bar .access li #search-modeal .search-bar {

        /*background: rgba(0, 0, 0, 0.17);*/

        padding: 15px; }

        .header-section .top-bar .header-right-bar .access li #search-modeal .search-bar .modalSearchBar {

          width: 100%;

          padding: 5px 20px;

          color: #a9a9a9;

          background-color: transparent;

          border: 2px solid #eee; }

        .header-section .top-bar .header-right-bar .access li #search-modeal .search-bar .form-control {

          width: 100%;

          padding: 18px 20px;

          color: #a9a9a9;

          background-color: transparent;

          border: 2px solid #eee;

          margin-top: 10px;

          box-shadow: none; }

        .header-section .top-bar .header-right-bar .access li #search-modeal .search-bar .subscribeBtn {

          font-size: 16px;

          padding: 4px 35px;

          border-radius: 5px; }

.header-section .navbar {

  position: absolute;

  width: 100%;

  border-radius: 0;

  border: 0;

  margin: 0;

  min-height: auto;

  background-color: transparent;

  z-index: 998; }

  .header-section .navbar::before {

    content: "";

    position: absolute;

    top: 0;

    left: 0;

    background: url(../images/logo-bg.jpg) no-repeat;

    width: 660px;

    height: 90px;

    z-index: 1; }

    @media (min-width: 1500px) and (max-width: 1800px) {

      .header-section .navbar::before {

        width: 460px; } }

    @media (min-width: 1200px) and (max-width: 1499px) {

      .header-section .navbar::before {

        width: 360px; } }

    @media (min-width: 992px) and (max-width: 1199px) {

      .header-section .navbar::before {

        width: 260px; } }

  .header-section .navbar .navbar-header {

    position: relative;

    z-index: 5; }

    .header-section .navbar .navbar-header .navbar-brand {

      padding: 0;

      margin: 0; }

      .header-section .navbar .navbar-header .navbar-brand img {

        padding: 22px 0; }

  .header-section .navbar.sticky {

    position: fixed;

    top: 0;

    left: 0;

    right: 0;

    background-color: #FFFFFF;

    box-shadow: 0 0 20px 0px rgba(64, 64, 64, 0.16);

    padding: 0;

    z-index: 998; }

    @media (min-width: 768px) and (max-width: 991px) {

      .header-section .navbar.sticky {

        margin-top: -88px; } }

    .header-section .navbar.sticky .navbar-collapse .navbar-nav li {

      /*a {line-height: 88px;}*/ }

      .header-section .navbar.sticky .navbar-collapse .navbar-nav li:hover .dropdown {

        z-index: 9; }

      .header-section .navbar.sticky .navbar-collapse .navbar-nav li .dropdown {

        z-index: -1; }

  .header-section .navbar .navbar-collapse {

    padding: 0; }

    .header-section .navbar .navbar-collapse .navbar-nav {

      margin-right: 88px; }

      @media (min-width: 992px) and (max-width: 1199px) {

        .header-section .navbar .navbar-collapse .navbar-nav {

          margin-right: 40px; } }

      @media only screen and (max-width: 991px) {

        .header-section .navbar .navbar-collapse .navbar-nav {

          float: none !important;

          display: inline-block; } }

      .header-section .navbar .navbar-collapse .navbar-nav li {

        position: relative;

        font-size: 16px;

        text-transform: capitalize;

        margin-right: 28px; }

        @media (min-width: 992px) and (max-width: 1199px) {

          .header-section .navbar .navbar-collapse .navbar-nav li {

            margin-right: 25px; } }

        .header-section .navbar .navbar-collapse .navbar-nav li:last-child {

          margin-right: 0; }

        .header-section .navbar .navbar-collapse .navbar-nav li a {

          color: #616d7e;

          padding: 0;

          line-height: 88px; }

          .header-section .navbar .navbar-collapse .navbar-nav li a:hover {

            color: #f5800d;

            background-color: transparent; }

        .header-section .navbar .navbar-collapse .navbar-nav li.active a {

          color: #f5800d;

          background-color: transparent; }

        .header-section .navbar .navbar-collapse .navbar-nav li.dropdown:hover .dropdown-menu {

          top: 88px;

          visibility: visible;

          opacity: 1;

          z-index: 1;

          transform: translateY(0%);

          transition-delay: 0s, 0s, 0.3s; }

        .header-section .navbar .navbar-collapse .navbar-nav li .dropdown-menu {

          top: 88px;

          left: -50px;

          min-width: 200px;

          background-color: #FFFFFF;

          padding: 10px 0;

          display: block;

          visibility: hidden;

          opacity: 0;

          border: 0;

          transform: translateY(-2em);

          z-index: -1;

          transition: all 0.3s ease-in-out 0s, visibility 0s linear 0.3s, z-index 0s linear 0.01s; }

          .header-section .navbar .navbar-collapse .navbar-nav li .dropdown-menu li {

            font-size: 16px;

            border-bottom: 1px solid rgba(97, 109, 126, 0.12);

            margin: 0 25px;

            padding: 0 5px;

            -webkit-transition: 0.5s;

            -khtml-transition: 0.5s;

            -moz-transition: 0.5s;

            -ms-transition: 0.5s;

            -o-transition: 0.5s;

            transition: 0.5s; }

            .header-section .navbar .navbar-collapse .navbar-nav li .dropdown-menu li.active a {

              color: #f5800d !important; }

            .header-section .navbar .navbar-collapse .navbar-nav li .dropdown-menu li:last-child {

              border-bottom: 0; }

            .header-section .navbar .navbar-collapse .navbar-nav li .dropdown-menu li a {

              color: #616d7e !important;

              line-height: 45px; }

              .header-section .navbar .navbar-collapse .navbar-nav li .dropdown-menu li a:hover {

                color: #f5800d !important; }

            .header-section .navbar .navbar-collapse .navbar-nav li .dropdown-menu li:hover .sub-dropdown {

              opacity: 1;

              right: -136%; }

          .header-section .navbar .navbar-collapse .navbar-nav li .dropdown-menu .sub-dropdown {

            position: absolute;

            top: 0;

            right: -120%;

            width: 180px;

            background-color: #FFFFFF;

            opacity: 0;

            padding: 10px 0;

            -webkit-transition: 0.5s;

            -khtml-transition: 0.5s;

            -moz-transition: 0.5s;

            -ms-transition: 0.5s;

            -o-transition: 0.5s;

            transition: 0.5s; }

        .header-section .navbar .navbar-collapse .navbar-nav li .megamenu {

          position: absolute;

          top: 88px;

          width: 700px;

          left: -400px;

          background-color: #FFFFFF;

          opacity: 0;

          visibility: hidden;

          padding: 40px 20px 40px 40px;

          visibility: hidden;

          display: flex;

          box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);

          transform: translateY(-2em);

          z-index: -1;

          transition: all 0.3s ease-in-out 0s, visibility 0s linear 0.3s, z-index 0s linear 0.01s; }

          @media (min-width: 1500px) and (max-width: 2100px) {

            .header-section .navbar .navbar-collapse .navbar-nav li .megamenu {

              width: 1000px;

              left: -500px; } }

          @media only screen and (max-width: 1499px) {

            .header-section .navbar .navbar-collapse .navbar-nav li .megamenu {

              padding: 20px;

              left: -344px; } }

          .header-section .navbar .navbar-collapse .navbar-nav li .megamenu #menu-carousel {

            margin-bottom: 40px; }

            .header-section .navbar .navbar-collapse .navbar-nav li .megamenu #menu-carousel .carousel-indicators {

              width: 100%;

              left: -40px;

              right: 0;

              margin: 0 auto; }

              .header-section .navbar .navbar-collapse .navbar-nav li .megamenu #menu-carousel .carousel-indicators li {

                width: 20px;

                height: 7px;

                border: 1px solid #FFFFFF;

                margin: 0; }

          .header-section .navbar .navbar-collapse .navbar-nav li .megamenu li {

            flex: 1;

            border-right: 1px solid rgba(97, 109, 126, 0.12);

            padding: 0;

            margin: 0; }

            .header-section .navbar .navbar-collapse .navbar-nav li .megamenu li:last-child {

              border-right: 0; }

            @media only screen and (max-width: 1499px) {

              .header-section .navbar .navbar-collapse .navbar-nav li .megamenu li:first-child {

                display: none; } }

            .header-section .navbar .navbar-collapse .navbar-nav li .megamenu li .content {

              padding-top: 5px; }

              .header-section .navbar .navbar-collapse .navbar-nav li .megamenu li .content h4 {

                font-size: 17px;

                text-transform: capitalize;

                color: #f5800d;

                margin-bottom: 5px; }

              .header-section .navbar .navbar-collapse .navbar-nav li .megamenu li .content .number, .header-section .navbar .navbar-collapse .navbar-nav li .megamenu li .content .message {

                font-size: 14px;

                line-height: 20px;

                text-transform: capitalize;

                display: block;

                color: #676767; }

            .header-section .navbar .navbar-collapse .navbar-nav li .megamenu li .dropdown {

              position: relative;

              top: 0;

              width: auto;

              padding: 0; }

              .header-section .navbar .navbar-collapse .navbar-nav li .megamenu li .dropdown li {

                border-right: 0; }

            .header-section .navbar .navbar-collapse .navbar-nav li .megamenu li .dropdown {

              background-color: #FFFFFF;

              padding: 10px 0; }

              .header-section .navbar .navbar-collapse .navbar-nav li .megamenu li .dropdown li {

                font-size: 16px;

                border-bottom: 1px solid rgba(97, 109, 126, 0.12);

                margin: 0 25px;

                padding: 0 5px;

                -webkit-transition: 0.5s;

                -khtml-transition: 0.5s;

                -moz-transition: 0.5s;

                -ms-transition: 0.5s;

                -o-transition: 0.5s;

                transition: 0.5s; }

                @media only screen and (max-width: 1499px) {

                  .header-section .navbar .navbar-collapse .navbar-nav li .megamenu li .dropdown li {

                    margin: 0 10px; } }

                @media only screen and (max-width: 1499px) {

                  .header-section .navbar .navbar-collapse .navbar-nav li .megamenu li .dropdown li:first-child {

                    display: inherit; } }

                .header-section .navbar .navbar-collapse .navbar-nav li .megamenu li .dropdown li.active a {

                  color: #f5800d; }

                .header-section .navbar .navbar-collapse .navbar-nav li .megamenu li .dropdown li:last-child {

                  border-bottom: 0; }

                .header-section .navbar .navbar-collapse .navbar-nav li .megamenu li .dropdown li a {

                  color: #616d7e;

                  line-height: 45px; }

                  .header-section .navbar .navbar-collapse .navbar-nav li .megamenu li .dropdown li a:hover {

                    color: #f5800d; }

                .header-section .navbar .navbar-collapse .navbar-nav li .megamenu li .dropdown li:hover .sub-dropdown {

                  opacity: 1;

                  right: -170%; }

              .header-section .navbar .navbar-collapse .navbar-nav li .megamenu li .dropdown .sub-dropdown {

                position: absolute;

                top: 0;

                right: -120%;

                width: 180px;

                background-color: #222;

                opacity: 0;

                padding: 10px 0;

                -webkit-transition: 0.5s;

                -khtml-transition: 0.5s;

                -moz-transition: 0.5s;

                -ms-transition: 0.5s;

                -o-transition: 0.5s;

                transition: 0.5s; }

            .header-section .navbar .navbar-collapse .navbar-nav li .megamenu li #menu-carousel .carousel-indicators {

              bottom: -35px; }

            .header-section .navbar .navbar-collapse .navbar-nav li .megamenu li #menu-carousel .carousel-inner .item {

              transition-property: opacity; }

            .header-section .navbar .navbar-collapse .navbar-nav li .megamenu li #menu-carousel .carousel-inner .item,

            .header-section .navbar .navbar-collapse .navbar-nav li .megamenu li #menu-carousel .carousel-inner .active.left,

            .header-section .navbar .navbar-collapse .navbar-nav li .megamenu li #menu-carousel .carousel-inner .active.right {

              opacity: 0; }

            .header-section .navbar .navbar-collapse .navbar-nav li .megamenu li #menu-carousel .carousel-inner .active,

            .header-section .navbar .navbar-collapse .navbar-nav li .megamenu li #menu-carousel .carousel-inner .next.left,

            .header-section .navbar .navbar-collapse .navbar-nav li .megamenu li #menu-carousel .carousel-inner .prev.right {

              opacity: 1; }

            .header-section .navbar .navbar-collapse .navbar-nav li .megamenu li #menu-carousel .carousel-inner .next,

            .header-section .navbar .navbar-collapse .navbar-nav li .megamenu li #menu-carousel .carousel-inner .prev,

            .header-section .navbar .navbar-collapse .navbar-nav li .megamenu li #menu-carousel .carousel-inner .active.left,

            .header-section .navbar .navbar-collapse .navbar-nav li .megamenu li #menu-carousel .carousel-inner .active.right {

              left: 0;

              transform: translate3d(0, 0, 0); }

        .header-section .navbar .navbar-collapse .navbar-nav li:hover .megamenu {

          opacity: 1;

          visibility: visible;

          top: 88px;

          z-index: 1;

          transform: translateY(0%);

          transition-delay: 0s, 0s, 0.3s; }

  .header-section .navbar .chat-box .btn-primary {

    font-size: 16px;

    background-color: #f5800d;

    padding: 5px 14px;

    margin: 24px 0;

    -webkit-box-shadow: 0 5px #c76708;

    box-shadow: 0 5px #c76708; }

    .header-section .navbar .chat-box .btn-primary:hover {

      -webkit-box-shadow: 0 3px #c76708;

      box-shadow: 0 3px #c76708; }



/* =========================================================

        Slider STYLE 

============================================================ */

.slider-section {

  margin-top: 88px; }

  @media only screen and (max-width: 991px) {

    .slider-section {

      margin-top: 0; } }

  .slider-section .large-text {

    font-family: "Dosis", sans-serif;

    font-size: 36px;

    font-weight: 600;

    line-height: 40px;

    color: #1b232f; }

  .slider-section .small-text {

    color: #3e4853; }

  .slider-section .medium-text {

    font-size: 18px;

    color: #3e4853;

    line-height: 30px; }

    .slider-section .medium-text .big-text {

      font-size: 30px;

      font-weight: 500; }

      .slider-section .medium-text .big-text .theme-color {

        color: #3575d3; }

      @media only screen and (max-width: 767px) {

        .slider-section .medium-text .big-text {

          font-size: 18px;

          line-height: 30px;

          font-weight: 400; } }

  .slider-section .link-button .btn-primary {

    font-size: 18px;

    color: #FFFFFF;

    background-color: #f5800d;

    padding: 10px 30px;

    -webkit-box-shadow: 0 5px #c76708;

    box-shadow: 0 5px #c76708; }

    .slider-section .link-button .btn-primary:hover {

      top: 0;

      -webkit-box-shadow: 0 3px #c76708;

      box-shadow: 0 3px #c76708; }

    .slider-section .link-button .btn-primary i {

      margin-left: 10px; }



/* =========================================================

        CTA-Section STYLE 

============================================================ */

@media only screen and (max-width: 767px) {

  .call-to-action {

    padding-bottom: 40px; } }

.call-to-action .action-wrapper h3 {

  font-size: 30px;

  font-weight: 600;

  margin: 20px 0 15px; }

  @media only screen and (max-width: 991px) {

    .call-to-action .action-wrapper h3 {

      font-size: 25px; } }

  @media only screen and (max-width: 767px) {

    .call-to-action .action-wrapper h3 {

      margin: 15px 0 10px; } }

  @media only screen and (max-width: 479px) {

    .call-to-action .action-wrapper h3 {

      font-size: 22px; } }

  .call-to-action .action-wrapper h3 a {

    color: #1f1842; }

    .call-to-action .action-wrapper h3 a:hover {

      color: #f5800d; }

.call-to-action .action-wrapper p {

  color: #666666;

  line-height: 27px;

  margin-bottom: 0; }

@media only screen and (max-width: 767px) {

  .call-to-action .action-wrapper {

    margin-bottom: 50px; } }

@media only screen and (max-width: 479px) {

  .call-to-action .action-wrapper {

    margin-bottom: 35px; }

    .call-to-action .action-wrapper img {

      width: 80px; } }



/* =========================================================

        Package-Section STYLE 

============================================================ */

.package-section .package-wrapper {

  border: 3px solid #3575d3;

  border-radius: 15px;

  padding: 100px 0 20px;

  -webkit-transition: 0.5s;

  -khtml-transition: 0.5s;

  -moz-transition: 0.5s;

  -ms-transition: 0.5s;

  -o-transition: 0.5s;

  transition: 0.5s; }

  @media only screen and (max-width: 991px) {

    .package-section .package-wrapper {

      padding-top: 70px; } }

  @media only screen and (max-width: 767px) {

    .package-section .package-wrapper {

      width: 50%;

      margin: 0 auto 30px; } }

  @media only screen and (max-width: 479px) {

    .package-section .package-wrapper {

      width: 100%; } }

  .package-section .package-wrapper:hover {

    background-color: #3575d3;

    border-color: #3575d3;

    box-shadow: 0 0 10px #656565; }

  .package-section .package-wrapper .amount {

    font-family: "Dosis", sans-serif;

    font-size: 48px;

    font-weight: 700;

    line-height: 36px;

    color: #1b232f;

    margin-bottom: 60px;

    -webkit-transition: 0.5s;

    -khtml-transition: 0.5s;

    -moz-transition: 0.5s;

    -ms-transition: 0.5s;

    -o-transition: 0.5s;

    transition: 0.5s; }

    @media only screen and (max-width: 991px) {

      .package-section .package-wrapper .amount {

        font-size: 35px;

        line-height: 30px;

        margin-bottom: 10px; } }

    .package-section .package-wrapper .amount sub {

      font-size: 24px;

      vertical-align: top; }

    .package-section .package-wrapper .amount .link-color {

      font-size: 18px;

      display: block;

      color: #f5800d;

      line-height: 45px;

      -webkit-transition: 0.5s;

      -khtml-transition: 0.5s;

      -moz-transition: 0.5s;

      -ms-transition: 0.5s;

      -o-transition: 0.5s;

      transition: 0.5s; }

  .package-section .package-wrapper p {

    color: #6f7a8a;

    line-height: 36px;

    -webkit-transition: 0.5s;

    -khtml-transition: 0.5s;

    -moz-transition: 0.5s;

    -ms-transition: 0.5s;

    -o-transition: 0.5s;

    transition: 0.5s; }

  .package-section .package-wrapper:hover .amount {

    color: #FFFFFF; }

    .package-section .package-wrapper:hover .amount .link-color {

      color: #FFFFFF; }

  .package-section .package-wrapper:hover p {

    color: #FFFFFF; }

  @media only screen and (max-width: 479px) {

    .package-section .package-wrapper {

      padding: 50px 0 20px;

      margin-bottom: 20px; }

      .package-section .package-wrapper .amount {

        margin-bottom: 10px; } }

.package-section .btn {

  background-color: #f5800d;

  margin-top: 90px;

  font-weight: 500;

  padding: 12px 43px;

  -webkit-box-shadow: 0 5px #c76708;

  box-shadow: 0 5px #c76708; }

  .package-section .btn:hover {

    -webkit-box-shadow: 0 3px #c76708;

    box-shadow: 0 3px #c76708; }

  .package-section .btn.active:hover, .package-section .btn.active.focus, .package-section .btn:focus {

    top: 2px;

    background-color: #f5800d;

    -webkit-box-shadow: 0 3px #c76708;

    box-shadow: 0 3px #c76708; }

  .package-section .btn.active {

    top: 0;

    background-color: #f5800d;

    -webkit-box-shadow: 0 5px #c76708;

    box-shadow: 0 5px #c76708; }

  .package-section .btn a {

    color: #FFFFFF; }

  @media only screen and (max-width: 991px) {

    .package-section .btn {

      font-size: 18px;

      padding: 10px 35px;

      margin-top: 60px; } }

  @media only screen and (max-width: 767px) {

    .package-section .btn {

      font-size: 16px;

      padding: 8px 30px;

      margin-top: 20px; } }

  @media only screen and (max-width: 479px) {

    .package-section .btn {

      font-size: 14px;

      padding: 6px 25px; } }



/* =========================================================

        Mission-Section STYLE 

============================================================ */

.mission-section {

  padding: 70px 0 80px; }

  @media only screen and (max-width: 991px) {

    .mission-section {

      padding: 50px 0 70px; }

      .mission-section img {

        width: 100%; } }

  @media only screen and (max-width: 767px) {

    .mission-section {

      padding: 35px 0 60px; } }

  @media only screen and (max-width: 479px) {

    .mission-section {

      padding: 50px 0 40px; } }

  .mission-section .mission-wrapper .nav-tabs {

    border: 0;

    border-radius: 8px;

    background-color: #3575d3; }

    .mission-section .mission-wrapper .nav-tabs li {

      margin-bottom: 0; }

      .mission-section .mission-wrapper .nav-tabs li.active > a {

        color: #FFFFFF;

        background-color: #f5800d;

        border-radius: 8px; }

        .mission-section .mission-wrapper .nav-tabs li.active > a:hover {

          background-color: #f5800d; }

      .mission-section .mission-wrapper .nav-tabs li.active > a, .mission-section .mission-wrapper .nav-tabs li.active > a:focus, .mission-section .mission-wrapper .nav-tabs li.active > a:hover {

        border: 0; }

      .mission-section .mission-wrapper .nav-tabs li a {

        font-family: "Dosis", sans-serif;

        font-size: 20px;

        font-weight: 600;

        line-height: 26px;

        border: 0;

        color: #FFFFFF;

        border-radius: 0;

        padding: 12px 50px;

        margin-right: 0; }

        .mission-section .mission-wrapper .nav-tabs li a:hover {

          background-color: transparent; }

        @media only screen and (max-width: 767px) {

          .mission-section .mission-wrapper .nav-tabs li a {

            font-size: 18px;

            padding: 10px 40px; } }

    @media only screen and (max-width: 479px) {

      .mission-section .mission-wrapper .nav-tabs {

        margin-top: 30px; }

        .mission-section .mission-wrapper .nav-tabs li > a {

          font-size: 15px;

          padding: 6px 35px; } }

  .mission-section .mission-wrapper .mission-content {

    padding-top: 68px; }

    @media only screen and (max-width: 991px) {

      .mission-section .mission-wrapper .mission-content {

        padding-top: 30px; } }

    @media only screen and (max-width: 479px) {

      .mission-section .mission-wrapper .mission-content {

        padding-top: 25px; } }

    .mission-section .mission-wrapper .mission-content h3 {

      font-size: 48px;

      font-weight: 600;

      line-height: 30px;

      color: #1b232f;

      margin-bottom: 42px; }

      @media only screen and (max-width: 991px) {

        .mission-section .mission-wrapper .mission-content h3 {

          font-size: 40px;

          margin-bottom: 20px; } }

      @media only screen and (max-width: 767px) {

        .mission-section .mission-wrapper .mission-content h3 {

          font-size: 35px; } }

      @media only screen and (max-width: 479px) {

        .mission-section .mission-wrapper .mission-content h3 {

          font-size: 30px;

          margin-bottom: 20px; } }

    .mission-section .mission-wrapper .mission-content p {

      color: #666666;

      margin-bottom: 30px; }

      @media only screen and (max-width: 991px) {

        .mission-section .mission-wrapper .mission-content p {

          margin-bottom: 20px; } }



/* =========================================================

        Team-Section STYLE 

============================================================ */

.team-section {

  background-color: #dfdbce !important;

  padding-bottom: 55px; }

  .team-section .section-title {

    margin-bottom: 55px; }

    @media only screen and (max-width: 479px) {

      .team-section .section-title {

        margin-bottom: 30px; } }

    .team-section .section-title h2 {

      font-size: 48px;

      line-height: 30px;

      color: #1b232f;

      margin-bottom: 25px; }

      @media only screen and (max-width: 991px) {

        .team-section .section-title h2 {

          font-size: 40px; } }

      @media only screen and (max-width: 767px) {

        .team-section .section-title h2 {

          font-size: 35px;

          margin-bottom: 15px; } }

      @media only screen and (max-width: 479px) {

        .team-section .section-title h2 {

          font-size: 30px; } }

    .team-section .section-title p {

      color: #545d6a;

      margin: 0; }

  .team-section .team-wrapper {

    margin-bottom: 66px; }

    @media only screen and (max-width: 991px) {

      .team-section .team-wrapper {

        margin-bottom: 40px; } }

    @media only screen and (max-width: 479px) {

      .team-section .team-wrapper {

        margin-bottom: 40px; } }

    .team-section .team-wrapper img {

      width: 100%;

      height: 185px;

      border-radius: 8px; }

      @media only screen and (max-width: 767px) {

        .team-section .team-wrapper img {

          height: auto; } }

    .team-section .team-wrapper .wrapper-contant h3 {

      margin: 20px 0 10px; }

      .team-section .team-wrapper .wrapper-contant h3 a {

        font-size: 30px;

        font-weight: 600;

        color: #1b232f; }

        @media only screen and (max-width: 991px) {

          .team-section .team-wrapper .wrapper-contant h3 a {

            font-size: 25px; } }

        @media only screen and (max-width: 479px) {

          .team-section .team-wrapper .wrapper-contant h3 a {

            font-size: 18px; } }

      @media only screen and (max-width: 991px) {

        .team-section .team-wrapper .wrapper-contant h3 {

          margin: 10px 0 5px; } }

      @media only screen and (max-width: 479px) {

        .team-section .team-wrapper .wrapper-contant h3 {

          margin: 15px 0 0px; } }

    .team-section .team-wrapper .wrapper-contant .position {

      font-size: 16px;

      font-weight: 600;

      line-height: 25px;

      color: #616872;

      padding-bottom: 12px;

      border-bottom: 1px solid #b7b3a5;

      margin-bottom: 20px; }

      @media only screen and (max-width: 991px) {

        .team-section .team-wrapper .wrapper-contant .position {

          margin-bottom: 10px; } }

      @media only screen and (max-width: 479px) {

        .team-section .team-wrapper .wrapper-contant .position {

          font-size: 16px;

          padding-bottom: 10px; } }

    .team-section .team-wrapper .wrapper-contant ul li {

      display: inline-block; }

      .team-section .team-wrapper .wrapper-contant ul li i {

        font-size: 30px;

        color: #1b232f;

        margin-right: 6px;

        -webkit-transition: 0.5s;

        -khtml-transition: 0.5s;

        -moz-transition: 0.5s;

        -ms-transition: 0.5s;

        -o-transition: 0.5s;

        transition: 0.5s; }

        .team-section .team-wrapper .wrapper-contant ul li i:hover {

          color: #f5800d; }

        @media only screen and (max-width: 991px) {

          .team-section .team-wrapper .wrapper-contant ul li i {

            font-size: 25px; } }

    .team-section .team-wrapper:hover .wrapper-contant h3 > a {

      color: #f5800d; }



/* =========================================================

        Join-Section STYLE 

============================================================ */

.joining-section {

  background: url(../images/join-bg.png) no-repeat;

  background-size: cover;

  padding: 28px 0; }

  @media only screen and (max-width: 600px) {

    .joining-section {

      text-align: center; } }

  .joining-section h2 {

    font-family: "Roboto", sans-serif;

    font-size: 30px;

    font-weight: 400;

    color: #FFFFFF;

    display: inline-block;

    margin: 0; }

    @media only screen and (max-width: 991px) {

      .joining-section h2 {

        font-size: 25px; } }

    @media only screen and (max-width: 767px) {

      .joining-section h2 {

        font-size: 22px; } }

    @media only screen and (max-width: 600px) {

      .joining-section h2 {

        display: block; } }

  .joining-section .btn {

    font-size: 18px;

    font-weight: 500;

    background-color: #1b232f;

    padding: 9px 29px; }

    .joining-section .btn a {

      color: #FFFFFF; }

    .joining-section .btn:hover a {

      color: #f5800d; }

    .joining-section .btn i {

      color: #f5800d;

      margin-right: 5px; }

    @media only screen and (max-width: 767px) {

      .joining-section .btn {

        font-size: 16px;

        padding: 6px 22px; } }

    @media only screen and (max-width: 600px) {

      .joining-section .btn {

        float: none !important;

        margin-top: 10px; } }



/* =========================================================

        Domain-Section STYLE 

============================================================ */

.domain-section {

  position: relative;

  background: url(../images/domain-bg.jpg) no-repeat center top;

  background-size: cover; }

  .domain-section .domain-wrapper {

    margin: 93px 0; }

    @media only screen and (max-width: 991px) {

      .domain-section .domain-wrapper {

        margin: 0 0 40px; } }

    .domain-section .domain-wrapper h3 {

      font-size: 36px;

      font-weight: 600;

      line-height: 42px;

      color: #1b232f; }

      @media (min-width: 768px) and (max-width: 991px) {

        .domain-section .domain-wrapper h3 {

          font-size: 30px;

          line-height: 35px; } }

      @media only screen and (max-width: 767px) {

        .domain-section .domain-wrapper h3 {

          font-size: 25px;

          line-height: 30px; } }

    .domain-section .domain-wrapper .domain-bar {

      margin-top: 25px; }

      @media (min-width: 991px) and (max-width: 1199px) {

        .domain-section .domain-wrapper .domain-bar {

          margin-top: 25px; } }

      @media only screen and (max-width: 991px) {

        .domain-section .domain-wrapper .domain-bar {

          margin-top: 25px; } }

      @media only screen and (max-width: 767px) {

        .domain-section .domain-wrapper .domain-bar {

          margin-top: 10px; } }

      .domain-section .domain-wrapper .domain-bar .subscribeForm .domainSearchBar {

        width: 60%;

        font-size: 18px;

        border: 0;

        padding: 21px 40px;

        color: #67707e;

        background-color: #dde1e6;

        border-radius: 5px 0 0 5px; }

        @media (min-width: 1200px) and (max-width: 1399px) {

          .domain-section .domain-wrapper .domain-bar .subscribeForm .domainSearchBar {

            width: 55%; } }

        @media (min-width: 992px) and (max-width: 1199px) {

          .domain-section .domain-wrapper .domain-bar .subscribeForm .domainSearchBar {

            width: 65%;

            padding: 15px 20px; } }

        @media only screen and (max-width: 991px) {

          .domain-section .domain-wrapper .domain-bar .subscribeForm .domainSearchBar {

            padding: 15px 30px; } }

        @media only screen and (max-width: 767px) {

          .domain-section .domain-wrapper .domain-bar .subscribeForm .domainSearchBar {

            width: 50%;

            font-size: 16px;

            padding: 10px 15px; } }

        @media only screen and (max-width: 479px) {

          .domain-section .domain-wrapper .domain-bar .subscribeForm .domainSearchBar {

            width: auto;

            padding: 8px 15px; } }

        @media only screen and (max-width: 360px) {

          .domain-section .domain-wrapper .domain-bar .subscribeForm .domainSearchBar {

            width: 50%; } }

      .domain-section .domain-wrapper .domain-bar .subscribeForm .option {

        display: inline-block; }

        .domain-section .domain-wrapper .domain-bar .subscribeForm .option .btn {

          font-size: 18px;

          font-weight: 500;

          color: #596777;

          background-color: #d0d3d8;

          border: 0;

          padding: 21.5px 25px 21px;

          margin: -3px 0 0 -3px;

          border-radius: 0; }

          @media (min-width: 991px) and (max-width: 1199px) {

            .domain-section .domain-wrapper .domain-bar .subscribeForm .option .btn {

              padding: 15px 20px 16px;

              margin: -3px 0 0 -5px; } }

          @media only screen and (max-width: 991px) {

            .domain-section .domain-wrapper .domain-bar .subscribeForm .option .btn {

              padding: 14.5px 25px 16px;

              margin: -3px 0 0 -5px; } }

          @media only screen and (max-width: 767px) {

            .domain-section .domain-wrapper .domain-bar .subscribeForm .option .btn {

              font-size: 16px;

              padding: 8.5px 25px 12px; } }

          @media only screen and (max-width: 479px) {

            .domain-section .domain-wrapper .domain-bar .subscribeForm .option .btn {

              padding: 5.5px 25px 11px;

              border-radius: 0 5px 5px 0; } }

      .domain-section .domain-wrapper .domain-bar .subscribeForm .subscribeBtn {

        font-size: 18px;

        font-weight: 700;

        color: #FFFFFF;

        background-color: #3575d3;

        border-radius: 0 5px 5px 0;

        border: 0;

        padding: 21px 56px;

        margin: 0 0 0 -4px; }

        @media (min-width: 991px) and (max-width: 1199px) {

          .domain-section .domain-wrapper .domain-bar .subscribeForm .subscribeBtn {

            padding: 15px 35px; } }

        @media only screen and (max-width: 991px) {

          .domain-section .domain-wrapper .domain-bar .subscribeForm .subscribeBtn {

            padding: 15px 56px; } }

        @media only screen and (max-width: 767px) {

          .domain-section .domain-wrapper .domain-bar .subscribeForm .subscribeBtn {

            font-size: 16px;

            padding: 10px 30px; } }

        @media only screen and (max-width: 479px) {

          .domain-section .domain-wrapper .domain-bar .subscribeForm .subscribeBtn {

            font-size: 14px;

            padding: 7px 22px;

            display: block;

            margin-top: 5px;

            border-radius: 5px; } }

    .domain-section .domain-wrapper .package {

      display: flex;

      margin: 18px 0 28px; }

      .domain-section .domain-wrapper .package li {

        font-size: 24px;

        line-height: 30px;

        color: #3575d3;

        flex: 1; }

      @media (min-width: 991px) and (max-width: 1199px) {

        .domain-section .domain-wrapper .package {

          margin: 10px 0 15px; }

          .domain-section .domain-wrapper .package li {

            font-size: 16px; } }

      @media only screen and (max-width: 991px) {

        .domain-section .domain-wrapper .package {

          margin: 12px 0 15px; }

          .domain-section .domain-wrapper .package li {

            font-size: 20px; } }

      @media only screen and (max-width: 991px) {

        .domain-section .domain-wrapper .package {

          margin: 8px 0 10px; }

          .domain-section .domain-wrapper .package li {

            font-size: 17px; } }

      @media only screen and (max-width: 991px) {

        .domain-section .domain-wrapper .package {

          display: inherit; }

          .domain-section .domain-wrapper .package li {

            display: inline-block;

            margin-right: 15px; } }

    .domain-section .domain-wrapper p {

      color: #FFFFFF; }

  .domain-section .domain-sidebar {

    background: url(../images/domain/domain-side.jpg) no-repeat;

    background-size: cover;

    padding: 50px 25px;

    margin-left: 65px; }

    @media only screen and (max-width: 1199px) {

      .domain-section .domain-sidebar {

        margin-left: 0; } }

    .domain-section .domain-sidebar h4 {

      font-family: "Roboto", sans-serif;

      font-size: 24px;

      line-height: 32px;

      font-weight: 500;

      color: #FFFFFF;

      margin: 25px 0 25px; }

      @media only screen and (max-width: 479px) {

        .domain-section .domain-sidebar h4 {

          font-size: 20px;

          line-height: 25px; } }

    .domain-section .domain-sidebar .btn {

      width: 100%;

      font-size: 18px;

      font-weight: 500;

      background-color: #e74c3c;

      border-radius: 8px;

      padding: 8px 0; }

      .domain-section .domain-sidebar .btn a {

        color: #FFFFFF; }

      .domain-section .domain-sidebar .btn:hover a {

        color: #f5800d; }

      @media only screen and (max-width: 991px) {

        .domain-section .domain-sidebar .btn {

          width: auto;

          padding: 8px 40px; } }

      @media only screen and (max-width: 479px) {

        .domain-section .domain-sidebar .btn {

          font-size: 16px;

          padding: 6px 30px; } }



/* =========================================================

        Searching-Section STYLE 

============================================================ */

.searching-section {

  position: relative;

  background: url(../images/searching-bg.jpg) no-repeat center top;

  background-size: cover;

  padding: 108px 0 93px; }

  @media only screen and (max-width: 991px) {

    .searching-section {

      padding: 90px 0 80px; } }

  @media only screen and (max-width: 767px) {

    .searching-section {

      padding: 65px 0 45px; } }

  .searching-section .searching-wrapper {

    margin-right: 60px; }

    @media (min-width: 1200px) and (max-width: 1399px) {

      .searching-section .searching-wrapper {

        margin-right: 140px; } }

    @media (min-width: 991px) and (max-width: 1199px) {

      .searching-section .searching-wrapper {

        margin-right: 100px; } }

    @media only screen and (max-width: 991px) {

      .searching-section .searching-wrapper {

        margin-right: 0; } }

    .searching-section .searching-wrapper h3 {

      font-size: 36px;

      font-weight: 600;

      line-height: 42px;

      color: #FFFFFF; }

      @media (min-width: 768px) and (max-width: 991px) {

        .searching-section .searching-wrapper h3 {

          font-size: 30px;

          line-height: 35px; } }

      @media only screen and (max-width: 767px) {

        .searching-section .searching-wrapper h3 {

          font-size: 25px;

          line-height: 30px; } }

    .searching-section .searching-wrapper .search-bar {

      margin-top: 43px; }

      @media (min-width: 991px) and (max-width: 1199px) {

        .searching-section .searching-wrapper .search-bar {

          margin-top: 25px; } }

      @media only screen and (max-width: 991px) {

        .searching-section .searching-wrapper .search-bar {

          margin-top: 25px; } }

      @media only screen and (max-width: 767px) {

        .searching-section .searching-wrapper .search-bar {

          margin-top: 10px; } }

      .searching-section .searching-wrapper .search-bar .subscribeForm .domainSearchBar {

        width: 60%;

        font-size: 18px;

        border: 0;

        padding: 21px 40px;

        color: #67707e;

        background-color: #FFFFFF;

        border-radius: 5px 0 0 5px; }

        @media (min-width: 1200px) and (max-width: 1399px) {

          .searching-section .searching-wrapper .search-bar .subscribeForm .domainSearchBar {

            width: 55%; } }

        @media (min-width: 992px) and (max-width: 1199px) {

          .searching-section .searching-wrapper .search-bar .subscribeForm .domainSearchBar {

            width: 50%;

            padding: 15px 20px; } }

        @media only screen and (max-width: 991px) {

          .searching-section .searching-wrapper .search-bar .subscribeForm .domainSearchBar {

            padding: 15px 30px; } }

        @media only screen and (max-width: 767px) {

          .searching-section .searching-wrapper .search-bar .subscribeForm .domainSearchBar {

            width: 50%;

            font-size: 16px;

            padding: 10px 15px; } }

        @media only screen and (max-width: 479px) {

          .searching-section .searching-wrapper .search-bar .subscribeForm .domainSearchBar {

            width: auto;

            padding: 8px 15px; } }

        @media only screen and (max-width: 360px) {

          .searching-section .searching-wrapper .search-bar .subscribeForm .domainSearchBar {

            width: 50%; } }

      .searching-section .searching-wrapper .search-bar .subscribeForm .option {

        display: inline-block;

        background-color: #bfcadb; }

        .searching-section .searching-wrapper .search-bar .subscribeForm .option .btn {

          font-size: 18px;

          font-weight: 500;

          color: #596777;

          border: 0;

          padding: 21.5px 25px 21px;

          margin: -3px 0 0 -3px;

          border-radius: 0; }

          @media (min-width: 991px) and (max-width: 1199px) {

            .searching-section .searching-wrapper .search-bar .subscribeForm .option .btn {

              padding: 15px 20px 16px;

              margin: -3px 0 0 -5px; } }

          @media only screen and (max-width: 991px) {

            .searching-section .searching-wrapper .search-bar .subscribeForm .option .btn {

              padding: 14.5px 25px 16px;

              margin: -3px 0 0 -5px; } }

          @media only screen and (max-width: 767px) {

            .searching-section .searching-wrapper .search-bar .subscribeForm .option .btn {

              font-size: 16px;

              padding: 8.5px 25px 12px; } }

          @media only screen and (max-width: 479px) {

            .searching-section .searching-wrapper .search-bar .subscribeForm .option .btn {

              padding: 5.5px 25px 11px;

              border-radius: 0 5px 5px 0; } }

      .searching-section .searching-wrapper .search-bar .subscribeForm .subscribeBtn {

        font-size: 18px;

        font-weight: 700;

        color: #FFFFFF;

        background-color: #3575d3;

        border-radius: 0 5px 5px 0;

        border: 0;

        padding: 21px 56px;

        margin: 0 0 0 -4px; }

        @media (min-width: 991px) and (max-width: 1199px) {

          .searching-section .searching-wrapper .search-bar .subscribeForm .subscribeBtn {

            padding: 15px 35px; } }

        @media only screen and (max-width: 991px) {

          .searching-section .searching-wrapper .search-bar .subscribeForm .subscribeBtn {

            padding: 15px 56px; } }

        @media only screen and (max-width: 767px) {

          .searching-section .searching-wrapper .search-bar .subscribeForm .subscribeBtn {

            font-size: 16px;

            padding: 10px 30px; } }

        @media only screen and (max-width: 479px) {

          .searching-section .searching-wrapper .search-bar .subscribeForm .subscribeBtn {

            font-size: 14px;

            padding: 7px 22px;

            display: block;

            margin-top: 5px;

            border-radius: 5px; } }

    .searching-section .searching-wrapper .package {

      display: flex;

      margin: 18px 0 28px; }

      .searching-section .searching-wrapper .package li {

        font-size: 24px;

        line-height: 30px;

        color: #FFFFFF;

        flex: 1; }

      @media (min-width: 991px) and (max-width: 1199px) {

        .searching-section .searching-wrapper .package {

          margin: 10px 0 15px; }

          .searching-section .searching-wrapper .package li {

            font-size: 16px; } }

      @media only screen and (max-width: 991px) {

        .searching-section .searching-wrapper .package {

          margin: 12px 0 15px; }

          .searching-section .searching-wrapper .package li {

            font-size: 20px; } }

      @media only screen and (max-width: 991px) {

        .searching-section .searching-wrapper .package {

          margin: 8px 0 10px; }

          .searching-section .searching-wrapper .package li {

            font-size: 17px; } }

      @media only screen and (max-width: 991px) {

        .searching-section .searching-wrapper .package {

          display: inherit; }

          .searching-section .searching-wrapper .package li {

            display: inline-block;

            margin-right: 15px; } }

    .searching-section .searching-wrapper p {

      color: #FFFFFF; }

  .searching-section .caption .caption-one,

  .searching-section .caption .caption-two {

    position: absolute; }

  .searching-section .caption .caption-one {

    top: 15%;

    left: 0;

    right: -28%;

    text-align: center;

    width: 150px;

    margin: 0 auto;

    z-index: 2; }

    @media (min-width: 1200px) and (max-width: 1650px) {

      .searching-section .caption .caption-one {

        top: 20%; }

        .searching-section .caption .caption-one img {

          width: 100px; } }

    @media (min-width: 991px) and (max-width: 1199px) {

      .searching-section .caption .caption-one {

        top: 20%;

        right: -35%; }

        .searching-section .caption .caption-one img {

          width: 80px; } }

  .searching-section .caption .caption-two {

    right: 7%;

    top: 125px; }

    @media (min-width: 1400px) and (max-width: 1650px) {

      .searching-section .caption .caption-two {

        right: 2%; }

        .searching-section .caption .caption-two img {

          width: 500px; } }

    @media (min-width: 1200px) and (max-width: 1399px) {

      .searching-section .caption .caption-two {

        right: 2%; }

        .searching-section .caption .caption-two img {

          width: 500px; } }

    @media (min-width: 992px) and (max-width: 1199px) {

      .searching-section .caption .caption-two {

        right: 2%; }

        .searching-section .caption .caption-two img {

          width: 400px; } }



/* =========================================================

        Priceing-Section STYLE 

============================================================ */

.priceing-section .section-title p {

  color: #666666; }

.priceing-section .priceing-option {

  margin: 50px 0 0; }

  .priceing-section .priceing-option .nav-tabs {

    border: 0; }

    .priceing-section .priceing-option .nav-tabs li {

      position: relative;

      font-size: 20px;

      float: none;

      margin: 0;

      display: inline-block; }

      @media only screen and (max-width: 479px) {

        .priceing-section .priceing-option .nav-tabs li {

          font-size: 12px; } }

      .priceing-section .priceing-option .nav-tabs li.active::before {

        content: "";

        position: absolute;

        left: 0;

        right: 0;

        bottom: -30px;

        width: 20px;

        height: 30px;

        margin: 0 auto;

        border-top: 10px solid #f5800d;

        border-left: 10px solid transparent;

        border-right: 10px solid transparent; }

      .priceing-section .priceing-option .nav-tabs li.active a {

        background-color: #f5800d; }

      .priceing-section .priceing-option .nav-tabs li a {

        color: #FFFFFF;

        background-color: #3575d3;

        border: 0;

        border-radius: 0;

        padding: 10px 45px; }

        @media only screen and (max-width: 479px) {

          .priceing-section .priceing-option .nav-tabs li a {

            padding: 8px 30px; } }

        @media only screen and (max-width: 399px) {

          .priceing-section .priceing-option .nav-tabs li a {

            padding: 8px 20px; } }

.priceing-section .first-priceing-table {

  margin-top: 25px; }

  .priceing-section .first-priceing-table .priceing-wrapper {

    margin-top: 70px;

    box-shadow: -2px 0px 10px #dadada;

    background-color: #eaf0f3;

    border-radius: 15px 0 0 15px;

    margin-left: -10px; }

    .priceing-section .first-priceing-table .priceing-wrapper.first-wrapper {

      margin-left: 0; }

      .priceing-section .first-priceing-table .priceing-wrapper.first-wrapper .header {

        border-radius: 15px 0 0 0; }

        @media only screen and (max-width: 991px) {

          .priceing-section .first-priceing-table .priceing-wrapper.first-wrapper .header {

            border-radius: 0; } }

    .priceing-section .first-priceing-table .priceing-wrapper.last-wrapper .header {

      position: relative;

      border-radius: 15px 15px 0 0;

      z-index: 1; }

      @media only screen and (max-width: 991px) {

        .priceing-section .first-priceing-table .priceing-wrapper.last-wrapper .header {

          border-radius: 0; } }

    .priceing-section .first-priceing-table .priceing-wrapper.last-wrapper .priceing-content {

      border-radius: 0 0 15px 15px; }

      @media only screen and (max-width: 991px) {

        .priceing-section .first-priceing-table .priceing-wrapper.last-wrapper .priceing-content {

          border-radius: 0; } }

    .priceing-section .first-priceing-table .priceing-wrapper.premium-wrapper .header,

    .priceing-section .first-priceing-table .priceing-wrapper.premium-wrapper .priceing-content .priceing-head {

      background-color: #3575d3; }

    .priceing-section .first-priceing-table .priceing-wrapper.premium-wrapper .priceing-content .priceing-head .option {

      color: #201940;

      background-color: #ecf8ff; }

    .priceing-section .first-priceing-table .priceing-wrapper.premium-wrapper .priceing-content .priceing-head .amount {

      color: #FFFFFF; }

    .priceing-section .first-priceing-table .priceing-wrapper.premium-wrapper .priceing-content {

      background-color: #FFFFFF; }

    .priceing-section .first-priceing-table .priceing-wrapper.premium-wrapper .btn {

      background-color: #f5800d;

      -webkit-box-shadow: 0 5px #c76708;

      box-shadow: 0 5px #c76708; }

      .priceing-section .first-priceing-table .priceing-wrapper.premium-wrapper .btn::before {

        background-color: #c76708; }

      .priceing-section .first-priceing-table .priceing-wrapper.premium-wrapper .btn:hover {

        background-color: #f5800d;

        -webkit-box-shadow: 0 3px #c76708;

        box-shadow: 0 3px #c76708; }

      .priceing-section .first-priceing-table .priceing-wrapper.premium-wrapper .btn.active.focus, .priceing-section .first-priceing-table .priceing-wrapper.premium-wrapper .btn:focus {

        top: 2px;

        background-color: #f5800d;

        -webkit-box-shadow: 0 3px #c76708;

        box-shadow: 0 3px #c76708; }

      .priceing-section .first-priceing-table .priceing-wrapper.premium-wrapper .btn.active {

        top: 0;

        background-color: #f5800d;

        -webkit-box-shadow: 0 5px #c76708;

        box-shadow: 0 5px #c76708; }

    .priceing-section .first-priceing-table .priceing-wrapper .header {

      background-color: #FFFFFF;

      padding: 0 0 8px;

      border-radius: 15px 0 0 0; }

      .priceing-section .first-priceing-table .priceing-wrapper .header img {

        margin-top: -40px; }

      @media only screen and (max-width: 991px) {

        .priceing-section .first-priceing-table .priceing-wrapper .header {

          position: relative;

          z-index: 1;

          border-radius: 0; } }

    .priceing-section .first-priceing-table .priceing-wrapper .priceing-content {

      background-color: #eaf0f3;

      padding-bottom: 45px;

      border-radius: 0 0 0 15px; }

      @media only screen and (max-width: 991px) {

        .priceing-section .first-priceing-table .priceing-wrapper .priceing-content {

          border-radius: 0; } }

      @media only screen and (max-width: 991px) {

        .priceing-section .first-priceing-table .priceing-wrapper .priceing-content {

          box-shadow: 0 0 15px 5px #e0e0e0; } }

      .priceing-section .first-priceing-table .priceing-wrapper .priceing-content .priceing-head {

        background-color: #FFFFFF;

        padding-bottom: 32px;

        margin-bottom: 25px; }

        .priceing-section .first-priceing-table .priceing-wrapper .priceing-content .priceing-head .option {

          font-family: "Roboto", sans-serif;

          font-size: 17px;

          line-height: 30px;

          font-weight: 500;

          text-transform: uppercase;

          border-radius: 25px;

          color: #FFFFFF;

          background-color: #3575d3;

          letter-spacing: 1.5px;

          padding: 5px 25px; }

        .priceing-section .first-priceing-table .priceing-wrapper .priceing-content .priceing-head .amount {

          font-family: "Dosis", sans-serif;

          font-size: 48px;

          font-weight: 700;

          line-height: 95px;

          color: #1b232f;

          letter-spacing: 1.5px; }

          .priceing-section .first-priceing-table .priceing-wrapper .priceing-content .priceing-head .amount sub {

            vertical-align: super;

            font-size: 55%;

            margin-right: 4px; }

          @media only screen and (max-width: 767px) {

            .priceing-section .first-priceing-table .priceing-wrapper .priceing-content .priceing-head .amount {

              font-size: 40px;

              line-height: 70px; } }

      .priceing-section .first-priceing-table .priceing-wrapper .priceing-content .feature li {

        font-family: "Roboto", sans-serif;

        font-size: 18px;

        font-weight: 500;

        line-height: 60px;

        color: #201940;

        text-transform: uppercase; }

        .priceing-section .first-priceing-table .priceing-wrapper .priceing-content .feature li:nth-child(4), .priceing-section .first-priceing-table .priceing-wrapper .priceing-content .feature li:nth-child(5) {

          color: #000000; }

        .priceing-section .first-priceing-table .priceing-wrapper .priceing-content .feature li i {

          padding-right: 5px; }

        .priceing-section .first-priceing-table .priceing-wrapper .priceing-content .feature li .success > i {

          color: #2ecc71; }

        .priceing-section .first-priceing-table .priceing-wrapper .priceing-content .feature li .danger > i {

          color: #e74c3c; }

        @media only screen and (max-width: 479px) {

          .priceing-section .first-priceing-table .priceing-wrapper .priceing-content .feature li {

            line-height: 30px;

            font-size: 16px; } }

      .priceing-section .first-priceing-table .priceing-wrapper .priceing-content .btn {

        font-size: 20px;

        font-weight: 500;

        margin-top: 68px;

        padding: 15px 68px; }

        @media only screen and (max-width: 767px) {

          .priceing-section .first-priceing-table .priceing-wrapper .priceing-content .btn {

            padding: 10px 60px; } }

        @media only screen and (max-width: 479px) {

          .priceing-section .first-priceing-table .priceing-wrapper .priceing-content .btn {

            font-size: 14px;

            margin-top: 40px;

            padding: 5px 40px; } }

  @media only screen and (max-width: 991px) {

    .priceing-section .first-priceing-table .no-padding {

      padding-left: 15px !important;

      padding-right: 15px !important; } }

.priceing-section .second-priceing-table {

  margin-top: 55px; }

  .priceing-section .second-priceing-table .priceing-wrapper {

    background-color: #FFFFFF;

    border-radius: 10px;

    box-shadow: 0px 0px 20px #d7d7d7; }

    @media only screen and (max-width: 991px) {

      .priceing-section .second-priceing-table .priceing-wrapper {

        margin-bottom: 50px; } }

    .priceing-section .second-priceing-table .priceing-wrapper.premium-wrapper .header,

    .priceing-section .second-priceing-table .priceing-wrapper.premium-wrapper .priceing-content .priceing-head {

      background-color: #3575d3; }

    .priceing-section .second-priceing-table .priceing-wrapper.premium-wrapper .priceing-content .priceing-head .option {

      color: #201940;

      background-color: #ecf8ff; }

    .priceing-section .second-priceing-table .priceing-wrapper.premium-wrapper .priceing-content .priceing-head .amount {

      color: #FFFFFF; }

    .priceing-section .second-priceing-table .priceing-wrapper.premium-wrapper .priceing-content {

      background-color: #FFFFFF; }

    .priceing-section .second-priceing-table .priceing-wrapper.premium-wrapper .btn {

      background-color: #f5800d;

      -webkit-box-shadow: 0 5px #c76708;

      box-shadow: 0 5px #c76708; }

      .priceing-section .second-priceing-table .priceing-wrapper.premium-wrapper .btn::before {

        background-color: #c76708; }

      .priceing-section .second-priceing-table .priceing-wrapper.premium-wrapper .btn:hover {

        background-color: #f5800d;

        -webkit-box-shadow: 0 3px #c76708;

        box-shadow: 0 3px #c76708; }

      .priceing-section .second-priceing-table .priceing-wrapper.premium-wrapper .btn.active.focus, .priceing-section .second-priceing-table .priceing-wrapper.premium-wrapper .btn:focus {

        top: 2px;

        background-color: #f5800d;

        -webkit-box-shadow: 0 3px #c76708;

        box-shadow: 0 3px #c76708; }

      .priceing-section .second-priceing-table .priceing-wrapper.premium-wrapper .btn.active {

        top: 0;

        background-color: #f5800d;

        -webkit-box-shadow: 0 5px #c76708;

        box-shadow: 0 5px #c76708; }

    .priceing-section .second-priceing-table .priceing-wrapper .header {

      padding: 32px 0 13px;

      background-color: #eaf0f3;

      border-radius: 10px 10px 0 0; }

    .priceing-section .second-priceing-table .priceing-wrapper .priceing-content {

      padding-bottom: 47px; }

      .priceing-section .second-priceing-table .priceing-wrapper .priceing-content .priceing-head {

        background-color: #eaf0f3;

        padding: 8px 0 32px; }

        @media only screen and (max-width: 479px) {

          .priceing-section .second-priceing-table .priceing-wrapper .priceing-content .priceing-head {

            padding: 8px 0 20px; } }

        .priceing-section .second-priceing-table .priceing-wrapper .priceing-content .priceing-head .option {

          font-size: 20px;

          line-height: 55px;

          text-transform: uppercase;

          letter-spacing: 2px;

          color: #FFFFFF;

          background-color: #3575d3;

          border-radius: 25px;

          padding: 3px 30px; }

          @media only screen and (max-width: 479px) {

            .priceing-section .second-priceing-table .priceing-wrapper .priceing-content .priceing-head .option {

              font-size: 16px;

              padding: 3px 22px; } }

        .priceing-section .second-priceing-table .priceing-wrapper .priceing-content .priceing-head .amount {

          font-family: "Dosis", sans-serif;

          font-size: 48px;

          font-weight: 700;

          line-height: 60px;

          color: #333333; }

          @media only screen and (max-width: 479px) {

            .priceing-section .second-priceing-table .priceing-wrapper .priceing-content .priceing-head .amount {

              font-size: 40px;

              line-height: 20px; } }

          .priceing-section .second-priceing-table .priceing-wrapper .priceing-content .priceing-head .amount sub {

            vertical-align: super;

            font-size: 55%;

            top: 2px;

            padding-left: 5px; }

            .priceing-section .second-priceing-table .priceing-wrapper .priceing-content .priceing-head .amount sub span {

              position: absolute;

              left: 7px;

              top: 35px;

              font-size: 14px;

              font-weight: 400; }

          .priceing-section .second-priceing-table .priceing-wrapper .priceing-content .priceing-head .amount sup {

            font-size: 40%;

            vertical-align: super; }

      .priceing-section .second-priceing-table .priceing-wrapper .priceing-content .feature {

        padding: 20px 0 30px; }

        .priceing-section .second-priceing-table .priceing-wrapper .priceing-content .feature li {

          font-family: "Dosis", sans-serif;

          font-size: 18px;

          font-weight: 700;

          line-height: 60px;

          color: #201940;

          text-transform: uppercase; }

          .priceing-section .second-priceing-table .priceing-wrapper .priceing-content .feature li:nth-child(4), .priceing-section .second-priceing-table .priceing-wrapper .priceing-content .feature li:nth-child(5) {

            color: #; }

          .priceing-section .second-priceing-table .priceing-wrapper .priceing-content .feature li i {

            padding-right: 5px; }

          .priceing-section .second-priceing-table .priceing-wrapper .priceing-content .feature li .success > i {

            color: #2ecc71; }

          .priceing-section .second-priceing-table .priceing-wrapper .priceing-content .feature li .danger > i {

            color: #e74c3c; }

          @media only screen and (max-width: 767px) {

            .priceing-section .second-priceing-table .priceing-wrapper .priceing-content .feature li {

              line-height: 40px; } }

          @media only screen and (max-width: 479px) {

            .priceing-section .second-priceing-table .priceing-wrapper .priceing-content .feature li {

              font-size: 16px;

              line-height: 35px; } }

      .priceing-section .second-priceing-table .priceing-wrapper .priceing-content .btn {

        padding: 12px 65px;

        margin-top: 38px; }

        @media only screen and (max-width: 767px) {

          .priceing-section .second-priceing-table .priceing-wrapper .priceing-content .btn {

            font-size: 16px;

            padding: 8px 50px;

            margin-top: 0; } }

        @media only screen and (max-width: 479px) {

          .priceing-section .second-priceing-table .priceing-wrapper .priceing-content .btn {

            font-size: 14px;

            padding: 3px 30px;

            margin-top: 0; } }

  .priceing-section .second-priceing-table h4 {

    font-size: 22px;

    font-weight: 600;

    line-height: 27px;

    margin: 75px 0 0; }

    @media only screen and (max-width: 991px) {

      .priceing-section .second-priceing-table h4 {

        margin: 0; } }

    @media only screen and (max-width: 767px) {

      .priceing-section .second-priceing-table h4 {

        margin: -15px 0 0;

        font-size: 18px; } }

    .priceing-section .second-priceing-table h4 a {

      color: #3575d3; }

      .priceing-section .second-priceing-table h4 a:hover {

        color: #f5800d; }

      .priceing-section .second-priceing-table h4 a i {

        margin-left: 10px; }



/* =========================================================

        Video-Section STYLE 

============================================================ */

.video-section {

  color: #FFFFFF;

  background: url(../images/video-bg.jpg) no-repeat center;

  background-size: cover;

  background-attachment: fixed;

  padding: 190px 0; }

  @media only screen and (max-width: 991px) {

    .video-section {

      padding: 150px 0; } }

  @media only screen and (max-width: 479px) {

    .video-section {

      padding: 120px 0; } }

  .video-section .video-wrapper {

    position: relative; }

    .video-section .video-wrapper .video-content i {

      width: 108px;

      height: 108px;

      line-height: 108px;

      font-size: 30px;

      color: #FFFFFF;

      background-color: #3575d3;

      border-radius: 50%; }

      @media only screen and (max-width: 767px) {

        .video-section .video-wrapper .video-content i {

          width: 90px;

          height: 90px;

          line-height: 90px;

          font-size: 25px; } }

      @media only screen and (max-width: 479px) {

        .video-section .video-wrapper .video-content i {

          width: 70px;

          height: 70px;

          line-height: 70px; } }



/* =========================================================

        Process-Section STYLE 

============================================================ */

.process-section .process-wrapper {

  padding-top: 12px; }

  .process-section .process-wrapper .process-caption img {

    max-width: 100%; }

  .process-section .process-wrapper .process-content h3 {

    font-size: 36px;

    font-weight: 600;

    line-height: 48px;

    color: #1b232f;

    margin-bottom: 33px; }

    @media only screen and (max-width: 991px) {

      .process-section .process-wrapper .process-content h3 {

        font-size: 30px;

        line-height: 35px;

        padding-top: 15px;

        margin-bottom: 20px; } }

    @media (min-width: 480px) and (max-width: 767px) {

      .process-section .process-wrapper .process-content h3 {

        font-size: 25px;

        line-height: 30px;

        padding-top: 0; } }

    @media only screen and (max-width: 479px) {

      .process-section .process-wrapper .process-content h3 {

        font-size: 20px;

        line-height: 25px;

        margin-bottom: 10px; } }

  .process-section .process-wrapper .process-content p {

    color: #666666; }

  .process-section .process-wrapper .process-content .btn {

    font-size: 18px;

    font-weight: 500;

    padding: 10px 29px;

    margin: 22px 0 0;

    background-color: #f5800d;

    -webkit-box-shadow: 0 5px #c76708;

    box-shadow: 0 5px #c76708; }

    .process-section .process-wrapper .process-content .btn:hover {

      background-color: #f5800d;

      -webkit-box-shadow: 0 3px #c76708;

      box-shadow: 0 3px #c76708; }

    .process-section .process-wrapper .process-content .btn.active.focus, .process-section .process-wrapper .process-content .btn:focus {

      top: 2px;

      background-color: #f5800d;

      -webkit-box-shadow: 0 3px #c76708;

      box-shadow: 0 3px #c76708; }

    .process-section .process-wrapper .process-content .btn.active {

      top: 0;

      background-color: #f5800d;

      -webkit-box-shadow: 0 5px #c76708;

      box-shadow: 0 5px #c76708; }

    .process-section .process-wrapper .process-content .btn.first-btn {

      margin-bottom: 115px; }

      @media only screen and (max-width: 991px) {

        .process-section .process-wrapper .process-content .btn.first-btn {

          margin-bottom: 50px; } }

    .process-section .process-wrapper .process-content .btn a {

      color: #FFFFFF; }

    @media only screen and (max-width: 991px) {

      .process-section .process-wrapper .process-content .btn {

        margin: 15px 0 0; } }

    @media only screen and (max-width: 479px) {

      .process-section .process-wrapper .process-content .btn {

        font-size: 16px;

        margin: 10px 0 0;

        padding: 8px 25px; } }

  @media only screen and (max-width: 991px) {

    .process-section .process-wrapper {

      text-align: center; }

      .process-section .process-wrapper img {

        max-width: 100%; }

      .process-section .process-wrapper .process-content {

        margin-top: 30px; }

      .process-section .process-wrapper .process-caption {

        text-align: center; }

      .process-section .process-wrapper .no-padding {

        padding: 0 15px !important; } }



/* =========================================================

        Counting-Section STYLE 

============================================================ */

.counting-section {

  position: relative;

  background: url(../images/counter-bg.jpg) no-repeat center top;

  background-size: cover;

  background-attachment: fixed;

  padding: 185px 0 145px; }

  @media only screen and (max-width: 991px) {

    .counting-section {

      padding: 100px 0 80px; } }

  @media only screen and (max-width: 767px) {

    .counting-section {

      padding: 70px 0 15px; } }

  .counting-section .counting-pusher {

    display: flex;

    z-index: 1; }

    @media only screen and (max-width: 767px) {

      .counting-section .counting-pusher {

        display: block; } }

    .counting-section .counting-pusher .counting-wrapper {

      flex: 1; }

      @media only screen and (max-width: 767px) {

        .counting-section .counting-pusher .counting-wrapper {

          margin-bottom: 50px; } }

      .counting-section .counting-pusher .counting-wrapper .count-description {

        font-family: "Dosis", sans-serif;

        font-size: 60px;

        font-weight: 700;

        line-height: 50px;

        color: #ffffff;

        margin: 35px 0 5px; }

        @media (min-width: 992px) and (max-width: 1199px) {

          .counting-section .counting-pusher .counting-wrapper .count-description {

            font-size: 45px; } }

        @media (min-width: 768px) and (max-width: 991px) {

          .counting-section .counting-pusher .counting-wrapper .count-description {

            font-size: 40px;

            margin: 15px 0 5px; } }

        @media only screen and (max-width: 767px) {

          .counting-section .counting-pusher .counting-wrapper .count-description {

            font-size: 40px;

            margin-bottom: 10px;

            margin: 5px 0 5px; } }

      .counting-section .counting-pusher .counting-wrapper p {

        font-size: 24px;

        font-weight: 500;

        line-height: 30px;

        color: #f5800d; }

        @media (min-width: 768px) and (max-width: 1199px) {

          .counting-section .counting-pusher .counting-wrapper p {

            font-size: 20px; } }

        @media only screen and (max-width: 767px) {

          .counting-section .counting-pusher .counting-wrapper p {

            font-size: 20px; } }



/* =========================================================

        Testimonial-Section STYLE 

============================================================ */

.testimonial-section #testimonial-carousel-two {

  padding-bottom: 85px; }

  @media only screen and (max-width: 991px) {

    .testimonial-section #testimonial-carousel-two {

      padding-bottom: 55px; } }

  @media only screen and (max-width: 767px) {

    .testimonial-section #testimonial-carousel-two {

      padding-bottom: 40px; } }

  .testimonial-section #testimonial-carousel-two .carousel-indicators {

    width: 100%;

    bottom: -15px;

    left: 0;

    right: 0;

    margin: 0 auto; }

    .testimonial-section #testimonial-carousel-two .carousel-indicators li {

      width: 15px;

      height: 15px;

      border: 0;

      background-color: #c0c0c0;

      margin: 0 3px; }

      .testimonial-section #testimonial-carousel-two .carousel-indicators li.active {

        background-color: #3575d3; }

  .testimonial-section #testimonial-carousel-two .carousel-inner .carousel-wrapper {

    position: relative;

    background-color: #3575d3;

    box-shadow: 0px 0px 15px #d2d2d2;

    border-radius: 15px;

    padding: 48px 45px 32px;

    margin-left: 40px;

    margin-top: 40px; }

    @media only screen and (max-width: 991px) {

      .testimonial-section #testimonial-carousel-two .carousel-inner .carousel-wrapper {

        padding: 48px 20px 32px; } }

    @media only screen and (max-width: 767px) {

      .testimonial-section #testimonial-carousel-two .carousel-inner .carousel-wrapper {

        margin: 50px 0 0;

        padding: 48px 40px 32px; } }

    @media only screen and (max-width: 479px) {

      .testimonial-section #testimonial-carousel-two .carousel-inner .carousel-wrapper {

        padding: 48px 20px 32px; } }

    .testimonial-section #testimonial-carousel-two .carousel-inner .carousel-wrapper .carousel-image {

      position: absolute;

      left: -40px;

      top: -40px; }

      @media only screen and (max-width: 767px) {

        .testimonial-section #testimonial-carousel-two .carousel-inner .carousel-wrapper .carousel-image {

          left: 0;

          right: 0;

          text-align: center; } }

      .testimonial-section #testimonial-carousel-two .carousel-inner .carousel-wrapper .carousel-image img {

        border: 4px solid #f5800d;

        border-radius: 50px;

        width: 81px;

        height: 81px; }

    .testimonial-section #testimonial-carousel-two .carousel-inner .carousel-wrapper h3 {

      font-size: 36px;

      font-weight: 600;

      line-height: 30px;

      color: #FFFFFF;

      margin-bottom: 20px; }

      @media only screen and (max-width: 991px) {

        .testimonial-section #testimonial-carousel-two .carousel-inner .carousel-wrapper h3 {

          font-size: 30px;

          margin-bottom: 15px; } }

      @media only screen and (max-width: 767px) {
        .testimonial-section #testimonial-carousel-two .carousel-inner .carousel-wrapper h3 {

          font-size: 25px;

          margin-bottom: 10px; } }

    .testimonial-section #testimonial-carousel-two .carousel-inner .carousel-wrapper p {

      font-size: 16px;

      font-style: italic;

      line-height: 24px;

      color: #FFFFFF;

      margin-bottom: 22px; }

      @media only screen and (max-width: 767px) {

        .testimonial-section #testimonial-carousel-two .carousel-inner .carousel-wrapper p {

          margin-bottom: 15px; } }

    .testimonial-section #testimonial-carousel-two .carousel-inner .carousel-wrapper .title {

      font-size: 18px;

      font-weight: 500;

      color: #FFFFFF; }

      @media only screen and (max-width: 767px) {

        .testimonial-section #testimonial-carousel-two .carousel-inner .carousel-wrapper .title {

          font-size: 16px; } }

    .testimonial-section #testimonial-carousel-two .carousel-inner .carousel-wrapper .position {

      font-size: 14px;

      line-height: 10px;

      display: block;

      color: #FFFFFF; }



/* =========================================================

        Achivement-Section STYLE 

============================================================ */

.achivement-section .section-title {

  margin-bottom: 35px; }

.achivement-section .client-wrapper .client-logo li {

  display: inline-block;

  margin: 20px; }

  @media only screen and (max-width: 991px) {

    .achivement-section .client-wrapper .client-logo li {

      margin: 10px; } }

  @media only screen and (max-width: 767px) {

    .achivement-section .client-wrapper .client-logo li {

      margin: 0 10px; } }

  @media only screen and (max-width: 767px) {

    .achivement-section .client-wrapper .client-logo li img {

      width: 130px; } }

  @media only screen and (max-width: 479px) {

    .achivement-section .client-wrapper .client-logo li img {

      width: 100px; } }

.achivement-section .client-wrapper p {

  font-size: 20px;

  line-height: 36px;

  margin: 15px 0 50px; }

  @media only screen and (max-width: 991px) {

    .achivement-section .client-wrapper p {

      font-size: 18px;

      line-height: 30px; } }

  @media only screen and (max-width: 767px) {

    .achivement-section .client-wrapper p {

      font-size: 16px;

      line-height: 27px;

      margin: 15px 0 30px; } }

.achivement-section .client-wrapper .btn {

  font-size: 20px;

  background-color: #f5800d;

  -webkit-box-shadow: 0 5px #c76708;

  box-shadow: 0 5px #c76708;

  padding: 14px 40px; }

  .achivement-section .client-wrapper .btn:hover {

    -webkit-box-shadow: 0 3px #c76708;

    box-shadow: 0 3px #c76708; }

  .achivement-section .client-wrapper .btn a {

    color: #FFFFFF; }

  @media only screen and (max-width: 991px) {

    .achivement-section .client-wrapper .btn {

      font-size: 18px;

      padding: 12px 30px; } }

  @media only screen and (max-width: 991px) {

    .achivement-section .client-wrapper .btn {

      font-size: 15px;

      padding: 8px 20px; } }



/* =========================================================

        Client-Section STYLE 

============================================================ */

.client-section {

  background: url(../images/icon-bg.jpg) no-repeat center top;

  background-size: cover;

  padding: 30px 0; }

  .client-section .client-carousel img {

    width: auto;

    margin: 0 auto; }



/* =========================================================

        Information-Section STYLE 

============================================================ */

.information-section .section-title {

  margin-bottom: 70px; }

  @media only screen and (max-width: 767px) {

    .information-section .section-title {

      margin-bottom: 40px; } }

.information-section .information-wrapper {

  border: 2px solid #3575d3;

  padding: 30px 50px 50px; }

  @media (min-width: 992px) and (max-width: 1199px) {

    .information-section .information-wrapper {

      padding: 30px 20px 50px; } }

  @media only screen and (max-width: 991px) {

    .information-section .information-wrapper {

      margin-bottom: 30px; } }

  @media only screen and (max-width: 479px) {

    .information-section .information-wrapper {

      padding: 30px 10px 50px; } }

  .information-section .information-wrapper .caption img {

    max-width: 100%; }

  .information-section .information-wrapper h3 {

    font-size: 30px;

    font-weight: 600;

    line-height: 42px;

    color: #284167;

    margin-top: 33px;

    padding: 0 10px; }

    @media only screen and (max-width: 991px) {

      .information-section .information-wrapper h3 {

        font-size: 25px;

        padding: 0;

        margin-bottom: 5px; } }

    @media only screen and (max-width: 479px) {

      .information-section .information-wrapper h3 {

        line-height: 30px;

        margin-bottom: 20px; } }

  .information-section .information-wrapper p {

    margin-bottom: 42px; }

    @media only screen and (max-width: 991px) {

      .information-section .information-wrapper p {

        margin-bottom: 20px; } }

  .information-section .information-wrapper .link {

    font-size: 24px;

    line-height: 27px;

    color: #3575d3;

    letter-spacing: .3px;

    -webkit-transition: 0.5s;

    -khtml-transition: 0.5s;

    -moz-transition: 0.5s;

    -ms-transition: 0.5s;

    -o-transition: 0.5s;

    transition: 0.5s; }

    .information-section .information-wrapper .link i {

      padding-left: 5px; }

    .information-section .information-wrapper .link:hover {

      letter-spacing: 1px;

      color: #f5800d; }

    @media only screen and (max-width: 991px) {

      .information-section .information-wrapper .link {

        font-size: 20px; } }

.information-section .owl-dots {

  margin-top: 60px !important; }

  @media only screen and (max-width: 767px) {

    .information-section .owl-dots {

      margin-top: 20px !important; } }

  .information-section .owl-dots .owl-dot.active span {

    width: 50px;

    background: #3575d3; }

  .information-section .owl-dots .owl-dot span {

    width: 14px;

    height: 14px;

    background: #ced5df; }



/* =========================================================

        Service-Section STYLE 

============================================================ */

.service-section {

  background: url(../images/service-bg.jpg) no-repeat center top;

  background-size: cover; }

  .service-section .section-title {

    margin-bottom: 60px; }

    @media only screen and (max-width: 991px) {

      .service-section .section-title {

        margin-bottom: 40px; } }

    @media only screen and (max-width: 479px) {

      .service-section .section-title {

        margin-bottom: 25px; } }

  .service-section .service-wrapper .nav-tabs {

    border: 0;

    display: flex; }

    @media only screen and (max-width: 479px) {

      .service-section .service-wrapper .nav-tabs {

        display: inherit; } }

    .service-section .service-wrapper .nav-tabs li {

      font-size: 24px;

      font-weight: 400;

      line-height: 30px;

      float: none;

      margin-right: 8px;

      flex: 1; }

      @media (min-width: 992px) and (max-width: 1199px) {

        .service-section .service-wrapper .nav-tabs li {

          padding: 10px 20px; } }

      @media only screen and (max-width: 991px) {

        .service-section .service-wrapper .nav-tabs li {

          font-size: 20px;

          padding: 8px 30px; } }

      @media only screen and (max-width: 767px) {

        .service-section .service-wrapper .nav-tabs li {

          font-size: 14px;

          padding: 5px 8px; } }

      @media only screen and (max-width: 479px) {

        .service-section .service-wrapper .nav-tabs li {

          display: inline-block;

          font-size: 16px;

          padding: 5px 12px 10px;

          margin: 5px 0 4px 0; } }

      .service-section .service-wrapper .nav-tabs li:last-child {

        margin-right: 0; }

      .service-section .service-wrapper .nav-tabs li.active {

        background-color: #f5800d;

        -webkit-box-shadow: 0 5px #c76708;

        box-shadow: 0 5px #c76708; }

        .service-section .service-wrapper .nav-tabs li.active::before {

          display: none; }

        .service-section .service-wrapper .nav-tabs li.active a {

          background-color: transparent; }

        .service-section .service-wrapper .nav-tabs li.active:hover {

          background-color: #f5800d; }

      .service-section .service-wrapper .nav-tabs li a {

        color: #FFFFFF;

        border: 0;

        margin: 0;

        padding: 0; }

        .service-section .service-wrapper .nav-tabs li a:hover {

          background-color: transparent; }

        .service-section .service-wrapper .nav-tabs li a:focus {

          background-color: transparent; }

  .service-section .service-wrapper .tab-content .tab-pane .service-content {

    background-color: #FFFFFF;

    margin-top: 40px;

    padding: 65px 0 46px;

    border-bottom: 5px solid #3575d3; }

    @media only screen and (max-width: 991px) {

      .service-section .service-wrapper .tab-content .tab-pane .service-content {

        padding: 40px 20px 25px; } }

    @media only screen and (max-width: 767px) {

      .service-section .service-wrapper .tab-content .tab-pane .service-content {

        padding: 20px; } }

    @media only screen and (max-width: 479px) {

      .service-section .service-wrapper .tab-content .tab-pane .service-content {

        margin-top: 25px; } }

    .service-section .service-wrapper .tab-content .tab-pane .service-content .caption img {

      width: 100%;

      margin-bottom: 20px; }

    .service-section .service-wrapper .tab-content .tab-pane .service-content .content-wrapper h3 {

      font-size: 30px;

      font-weight: 600;

      line-height: 30px;

      color: #1b232f;

      margin-bottom: 10px; }

      @media only screen and (max-width: 991px) {

        .service-section .service-wrapper .tab-content .tab-pane .service-content .content-wrapper h3 {

          font-size: 25px;

          line-height: 25px;

          margin-bottom: 5px; } }

    .service-section .service-wrapper .tab-content .tab-pane .service-content .content-wrapper .small-text {

      font-size: 20px;

      line-height: 25px;

      color: #3575d3;

      display: block; }

      @media only screen and (max-width: 991px) {

        .service-section .service-wrapper .tab-content .tab-pane .service-content .content-wrapper .small-text {

          font-size: 18px;

          line-height: 20px; } }

    .service-section .service-wrapper .tab-content .tab-pane .service-content .content-wrapper .bold-text {

      font-size: 24px;

      font-weight: 400;

      line-height: 38px;

      color: #3575d3; }

      @media only screen and (max-width: 991px) {

        .service-section .service-wrapper .tab-content .tab-pane .service-content .content-wrapper .bold-text {

          font-size: 20px;

          line-height: 25px; } }

    .service-section .service-wrapper .tab-content .tab-pane .service-content .content-wrapper .detail-wrapper {

      display: flex;

      margin-top: 25px; }

      @media only screen and (max-width: 767px) {

        .service-section .service-wrapper .tab-content .tab-pane .service-content .content-wrapper .detail-wrapper {

          margin-top: 15px; } }

      @media only screen and (max-width: 479px) {

        .service-section .service-wrapper .tab-content .tab-pane .service-content .content-wrapper .detail-wrapper {

          display: inherit; } }

      .service-section .service-wrapper .tab-content .tab-pane .service-content .content-wrapper .detail-wrapper .detail {

        flex: 1; }

        .service-section .service-wrapper .tab-content .tab-pane .service-content .content-wrapper .detail-wrapper .detail li {

          line-height: 30px; }

          .service-section .service-wrapper .tab-content .tab-pane .service-content .content-wrapper .detail-wrapper .detail li i {

            width: 15px;

            height: 15px;

            line-height: 15px;

            color: #FFFFFF;

            background-color: #596777;

            border-radius: 50%;

            text-align: center;

            margin-right: 5px; }

    .service-section .service-wrapper .tab-content .tab-pane .service-content p {

      line-height: 30px;

      margin-bottom: 0; }

      @media only screen and (max-width: 991px) {

        .service-section .service-wrapper .tab-content .tab-pane .service-content p {

          line-height: 25px; } }

      @media only screen and (max-width: 767px) {

        .service-section .service-wrapper .tab-content .tab-pane .service-content p {

          margin-top: 10px; } }



/* =========================================================

        Review-Section STYLE 

============================================================ */

.review-section .section-title {

  margin-bottom: 45px; }

.review-section .review-carousel .review-wrapper {

  position: relative;

  padding: 0 80px 60px;

  margin-bottom: 75px; }

  @media only screen and (max-width: 991px) {

    .review-section .review-carousel .review-wrapper {

      margin-bottom: 40px; } }

  @media only screen and (max-width: 479px) {

    .review-section .review-carousel .review-wrapper {

      margin-bottom: 20px;

      padding: 0 20px 60px; } }

  .review-section .review-carousel .review-wrapper::before {

    content: "";

    position: absolute;

    left: 0;

    bottom: 0;

    width: 100%;

    height: calc(100% - 50px);

    background: url(../images/review/review-bg.jpg) no-repeat center top;

    background-size: cover;

    z-index: -1; }

  .review-section .review-carousel .review-wrapper .caption {

    display: block; }

    .review-section .review-carousel .review-wrapper .caption img {

      border: 3px solid #3575d3;

      border-radius: 50%;

      margin: 0 auto;

      max-width: 100%;

      width: auto; }

      @media only screen and (max-width: 479px) {

        .review-section .review-carousel .review-wrapper .caption img {

          width: 80px; } }

  .review-section .review-carousel .review-wrapper h3 {

    position: relative;

    font-size: 24px;

    font-weight: 600;

    line-height: 30px;

    text-transform: uppercase;

    color: #FFFFFF;

    display: inline-block;

    margin: 28px 0 0; }

    @media only screen and (max-width: 767px) {

      .review-section .review-carousel .review-wrapper h3 {

        font-size: 20px; } }

    .review-section .review-carousel .review-wrapper h3::before {

      content: "";

      position: absolute;

      top: -45px;

      left: -40px;

      width: 35px;

      height: 30px;

      background: url(../images/review/quote.png) no-repeat; }

  .review-section .review-carousel .review-wrapper .position {

    font-size: 16px;

    font-weight: 300;

    font-style: italic;

    color: #FFFFFF;

    display: block; }

  .review-section .review-carousel .review-wrapper .review {

    margin: 2px 0 5px; }

    .review-section .review-carousel .review-wrapper .review li {

      font-size: 18px;

      color: #feda12;

      display: inline-block;

      margin: 0 2px; }

  .review-section .review-carousel .review-wrapper p {

    color: #FFFFFF;

    margin: 0; }

.review-section .review-carousel .owl-dots .owl-dot.active span {

  background: #3575d3; }

.review-section .review-carousel .owl-dots .owl-dot span {

  width: 14px;

  height: 14px;

  background: #cbd1db;

  margin: 0 7px; }



/* =========================================================

        Faq-Section STYLE 

============================================================ */

.faq-section {

  position: relative;

  /*background: #f3f6f8;*/

  background: url(../images/faq-bg.jpg) no-repeat;

  background-position: 60% 50%;

  background-size: cover; }

  @media (min-width: 992px) and (max-width: 1199px) {

    .faq-section {

      padding: 80px 0 50px; } }

  @media only screen and (max-width: 991px) {

    .faq-section {

      background: #f3f6f8; } }

  .faq-section .faq-wrapper .small-text {

    font-size: 18px;

    font-weight: 400;

    text-transform: uppercase;

    color: #f5800d;

    letter-spacing: 0.8px; }

  .faq-section .faq-wrapper h3 {

    font-size: 42px;

    font-weight: 800;

    line-height: 48px;

    text-transform: uppercase;

    color: #333333;

    margin-bottom: 11px;

    letter-spacing: .8px; }

    @media (min-width: 992px) and (max-width: 1199px) {

      .faq-section .faq-wrapper h3 {

        font-size: 38px; } }

    @media (min-width: 768px) and (max-width: 991px) {

      .faq-section .faq-wrapper h3 {

        font-size: 30px;

        margin-bottom: 5px; } }

    @media only screen and (max-width: 767px) {

      .faq-section .faq-wrapper h3 {

        font-size: 25px;

        margin-bottom: 5px; } }

    @media only screen and (max-width: 479px) {

      .faq-section .faq-wrapper h3 {

        font-size: 23px;

        line-height: 30px; } }

  .faq-section .faq-wrapper #promote-accordion {

    margin: 42px 0 0; }

    @media only screen and (max-width: 767px) {

      .faq-section .faq-wrapper #promote-accordion {

        margin: 30px 0 0; } }

    .faq-section .faq-wrapper #promote-accordion .panel-default {

      border: 0;

      margin-top: 3px; }

      .faq-section .faq-wrapper #promote-accordion .panel-default .panel-heading {

        position: relative;

        font-size: 18px;

        background-color: #2b5899;

        border: 0;

        border-radius: 8px;

        padding: 0; }

        @media only screen and (max-width: 479px) {

          .faq-section .faq-wrapper #promote-accordion .panel-default .panel-heading {

            line-height: 25px; } }

        .faq-section .faq-wrapper #promote-accordion .panel-default .panel-heading::before {

          content: "\f107";

          position: absolute;

          font-family: "fontAwesome";

          top: 12px;

          right: 33px;

          width: 10px;

          height: 10px;

          font-size: 20px;

          color: #333333;

          z-index: 1; }

          @media only screen and (max-width: 479px) {

            .faq-section .faq-wrapper #promote-accordion .panel-default .panel-heading::before {

              top: 10px; } }

        .faq-section .faq-wrapper #promote-accordion .panel-default .panel-heading a {

          font-size: 20px;

          font-weight: 600;

          display: block;

          color: #fefefe;

          background-color: #3575d3;

          border-radius: 8px;

          padding: 15px 20px; }

          .faq-section .faq-wrapper #promote-accordion .panel-default .panel-heading a.collapsed {

            color: #333333;

            background-color: #FFFFFF; }

          @media only screen and (max-width: 479px) {

            .faq-section .faq-wrapper #promote-accordion .panel-default .panel-heading a {

              font-size: 16px; } }

          @media only screen and (max-width: 350px) {

            .faq-section .faq-wrapper #promote-accordion .panel-default .panel-heading a {

              padding-right: 60px; } }

      .faq-section .faq-wrapper #promote-accordion .panel-default .panel-collapse {

        position: relative; }

        .faq-section .faq-wrapper #promote-accordion .panel-default .panel-collapse::before {

          content: "\f106";

          position: absolute;

          font-family: "fontAwesome";

          top: -40px;

          right: 25px;

          width: 20px;

          height: 20px;

          font-size: 20px;

          color: #FFFFFF;

          background-color: #3575d3;

          z-index: 2; }

          @media only screen and (max-width: 300px) {

            .faq-section .faq-wrapper #promote-accordion .panel-default .panel-collapse::before {

              top: -55px; } }

        .faq-section .faq-wrapper #promote-accordion .panel-default .panel-collapse .panel-body {

          border: 0;

          padding: 24px 40px 30px; }

          @media only screen and (max-width: 479px) {

            .faq-section .faq-wrapper #promote-accordion .panel-default .panel-collapse .panel-body {

              padding: 15px; } }

          .faq-section .faq-wrapper #promote-accordion .panel-default .panel-collapse .panel-body p {

            font-size: 16px;

            line-height: 27px;

            margin-bottom: 0; }

            @media only screen and (max-width: 479px) {

              .faq-section .faq-wrapper #promote-accordion .panel-default .panel-collapse .panel-body p {

                font-size: 14px; } }

          .faq-section .faq-wrapper #promote-accordion .panel-default .panel-collapse .panel-body ul li {

            font-size: 16px;

            color: #666666; }

            .faq-section .faq-wrapper #promote-accordion .panel-default .panel-collapse .panel-body ul li i {

              font-size: 16px;

              color: #2b5899; }

  .faq-section .caption {

    position: absolute;

    bottom: 0;

    right: 0; }

    @media (min-width: 1500px) and (max-width: 1750px) {

      .faq-section .caption img {

        width: 600px; } }

    @media (min-width: 1200px) and (max-width: 1499px) {

      .faq-section .caption img {

        width: 500px; } }

    @media (min-width: 991px) and (max-width: 1199px) {

      .faq-section .caption img {

        width: 400px; } }



/* =========================================================

        Artical-Section STYLE 

============================================================ */

.artical-section .artical-wrapper {

  margin-top: 35px; }

  .artical-section .artical-wrapper:hover .artical-content {

    border-color: #3575d3; }

  .artical-section .artical-wrapper .caption img {

    width: 100%; }

  .artical-section .artical-wrapper .artical-content {

    border: 1px solid #d0d0d0;

    padding: 30px;

    -webkit-transition: 0.5s;

    -khtml-transition: 0.5s;

    -moz-transition: 0.5s;

    -ms-transition: 0.5s;

    -o-transition: 0.5s;

    transition: 0.5s; }

    @media only screen and (max-width: 479px) {

      .artical-section .artical-wrapper .artical-content {

        padding: 15px; } }

    .artical-section .artical-wrapper .artical-content .link {

      font-size: 16px;

      font-weight: 600;

      line-height: 38px;

      text-transform: uppercase;

      color: #FFFFFF;

      background-color: #3575d3;

      padding: 6px 30px; }

      @media only screen and (max-width: 479px) {

        .artical-section .artical-wrapper .artical-content .link {

          font-size: 12px;

          padding: 6px 20px; } }

    .artical-section .artical-wrapper .artical-content h3 {

      font-size: 30px;

      font-weight: 600;

      line-height: 36px;

      margin: 8px 0 43px; }

      .artical-section .artical-wrapper .artical-content h3 a {

        color: #444444; }

        .artical-section .artical-wrapper .artical-content h3 a:hover {

          color: #3575d3; }

      @media only screen and (max-width: 991px) {

        .artical-section .artical-wrapper .artical-content h3 {

          margin: 8px 0 25px; } }

      @media only screen and (max-width: 767px) {

        .artical-section .artical-wrapper .artical-content h3 {

          font-size: 25px;

          line-height: 30px;

          margin: 8px 0 20px; } }

      @media only screen and (max-width: 479px) {

        .artical-section .artical-wrapper .artical-content h3 {

          font-size: 20px;

          line-height: 25px;

          margin: 8px 0 15px; } }

    .artical-section .artical-wrapper .artical-content .text {

      color: #999999; }

      @media only screen and (max-width: 479px) {

        .artical-section .artical-wrapper .artical-content .text {

          font-size: 14px; } }



/* =========================================================

        Subscribe-Section STYLE 

============================================================ */

.subscribe-section {

  position: relative;

  background: url(../images/subscribe/subscribe-bg.jpg) no-repeat center;

  background-size: cover;

  padding: 65px 0 90px; }

  @media only screen and (max-width: 767px) {

    .subscribe-section {

      padding: 65px 0 70px; } }

  .subscribe-section::before, .subscribe-section::after {

    content: "";

    position: absolute; }

    @media only screen and (max-width: 767px) {

      .subscribe-section::before, .subscribe-section::after {

        display: none; } }

  .subscribe-section::before {

    width: 100%;

    height: 300px;

    top: 0;

    left: 0;

    background: url(../images/subscribe/cloud-1.png) no-repeat;

    z-index: 1;

    animation: cloud-animation 90s linear infinite;

    -ms-animation: cloud-animation 90s linear infinite;

    -moz-animation: cloud-animation 90s linear infinite;

    -webkit-animation: cloud-animation 90s linear infinite; }

@keyframes cloud-animation {

  from {

    background-position: 0 0; }

  to {

    background-position: 100% 0; } }

@-webkit-keyframes cloud-animation {

  from {

    background-position: 0 0; }

  to {

    background-position: 100% 0; } }

  .subscribe-section::after {

    width: 100%;

    height: 220px;

    bottom: 0;

    right: 100px;

    background: url(../images/subscribe/cloud-2.png) no-repeat;

    z-index: 1;

    animation: cloud-animation-two 90s linear infinite;

    -ms-animation: cloud-animation-two 90s linear infinite;

    -moz-animation: cloud-animation-two 90s linear infinite;

    -webkit-animation: cloud-animation-two 90s linear infinite; }

@keyframes cloud-animation-two {

  from {

    background-position: 100% 0; }

  to {

    background-position: 0 0; } }

@-webkit-keyframes cloud-animation-two {

  from {

    background-position: 100% 0; }

  to {

    background-position: 0 0; } }

  .subscribe-section .caption {

    position: absolute;

    bottom: 0;

    z-index: 5; }

    @media (min-width: 992px) and (max-width: 1199px) {

      .subscribe-section .caption {

        left: 0; } }

  .subscribe-section .subscribe-wrapper {

    position: relative;

    z-index: 5; }

    .subscribe-section .subscribe-wrapper .small-text {

      font-size: 18px;

      font-weight: 500;

      line-height: 48px;

      color: #1b232f; }

      @media only screen and (max-width: 767px) {

        .subscribe-section .subscribe-wrapper .small-text {

          line-height: 30px; } }

      @media only screen and (max-width: 400px) {

        .subscribe-section .subscribe-wrapper .small-text {

          font-size: 16px;

          line-height: 27px; } }

    .subscribe-section .subscribe-wrapper h3 {

      font-size: 36px;

      font-weight: 600;

      line-height: 35px;

      color: #1b232f;

      margin-bottom: 43px; }

      @media only screen and (max-width: 767px) {

        .subscribe-section .subscribe-wrapper h3 {

          font-size: 30px;

          margin-bottom: 25px; } }

      @media only screen and (max-width: 479px) {

        .subscribe-section .subscribe-wrapper h3 {

          font-size: 25px;

          line-height: 25px;

          margin-bottom: 20px; } }

    .subscribe-section .subscribe-wrapper .subscribeSearchBar {

      width: 69%;

      color: #afbac0;

      border: 0;

      padding: 15px 25px; }

      @media (min-width: 992px) and (max-width: 1199px) {

        .subscribe-section .subscribe-wrapper .subscribeSearchBar {

          width: 62%; } }

      @media only screen and (max-width: 767px) {

        .subscribe-section .subscribe-wrapper .subscribeSearchBar {

          width: 60%;

          padding: 10px 25px; } }

      @media only screen and (max-width: 479px) {

        .subscribe-section .subscribe-wrapper .subscribeSearchBar {

          padding: 6px 15px; } }

    .subscribe-section .subscribe-wrapper .subscribeBtn {

      font-size: 18px;

      border-radius: 0;

      padding: 12.5px 42px;

      vertical-align: top; }

      @media only screen and (max-width: 767px) {

        .subscribe-section .subscribe-wrapper .subscribeBtn {

          padding: 8px 42px; } }

      @media only screen and (max-width: 479px) {

        .subscribe-section .subscribe-wrapper .subscribeBtn {

          font-size: 16px;

          padding: 4px 25px; } }



/* =========================================================

        Account-Section STYLE 

============================================================ */

.account-section {

  padding: 170px 0 120px; }

  @media only screen and (max-width: 767px) {

    .account-section {

      padding: 140px 0 100px; } }

  @media only screen and (max-width: 479px) {

    .account-section {

      padding: 110px 0 90px; } }

  .account-section .account-wrapper {

    background: url(../images/account-bg.jpg) no-repeat center top;

    background-size: cover;

    box-shadow: 0 0 90px #737373; }

    @media only screen and (max-width: 767px) {

      .account-section .account-wrapper {

        padding-bottom: 40px; } }

    .account-section .account-wrapper .section-top .top-icon img {

      margin-top: -50px; }

      @media only screen and (max-width: 479px) {

        .account-section .account-wrapper .section-top .top-icon img {

          width: 70px;

          margin-top: -35px; } }

    .account-section .account-wrapper .section-top h2 {

      font-size: 36px;

      line-height: 60px;

      color: #FFFFFF;

      margin-top: 8px; }

      @media only screen and (max-width: 767px) {

        .account-section .account-wrapper .section-top h2 {

          font-size: 30px;

          line-height: 35px;

          margin-top: 25px; } }

      @media only screen and (max-width: 479px) {

        .account-section .account-wrapper .section-top h2 {

          margin-top: 15px;

          font-size: 25px; } }

    .account-section .account-wrapper .form-section .support-form {

      margin-top: 28px; }

      @media only screen and (max-width: 991px) {

        .account-section .account-wrapper .form-section .support-form {

          padding: 0 50px;

          margin-top: 10px; } }

      @media only screen and (max-width: 767px) {

        .account-section .account-wrapper .form-section .support-form {

          padding: 0 30px; } }

      @media only screen and (max-width: 479px) {

        .account-section .account-wrapper .form-section .support-form {

          padding: 0 20px; } }

      .account-section .account-wrapper .form-section .support-form .form-group {

        margin-bottom: 38px; }

        @media only screen and (max-width: 991px) {

          .account-section .account-wrapper .form-section .support-form .form-group {

            margin-bottom: 15px; } }

        .account-section .account-wrapper .form-section .support-form .form-group label {

          font-size: 20px;

          line-height: 45px;

          color: #FFFFFF; }

          @media only screen and (max-width: 767px) {

            .account-section .account-wrapper .form-section .support-form .form-group label {

              font-size: 16px;

              font-weight: 400;

              line-height: 30px;

              margin-bottom: 0; } }

        .account-section .account-wrapper .form-section .support-form .form-group input.form-control {

          padding: 21px 12px; }

          @media only screen and (max-width: 767px) {

            .account-section .account-wrapper .form-section .support-form .form-group input.form-control {

              padding: 18px 12px;

              font-size: 15px; } }

        .account-section .account-wrapper .form-section .support-form .form-group .text {

          font-size: 16px;

          color: #FFFFFF; }

          @media only screen and (max-width: 767px) {

            .account-section .account-wrapper .form-section .support-form .form-group .text {

              font-size: 14px; } }

        .account-section .account-wrapper .form-section .support-form .form-group .form-control {

          font-size: 18px;

          color: #a6aaad;

          border-radius: 4px !important; }

          .account-section .account-wrapper .form-section .support-form .form-group .form-control:focus {

            border-color: #c3c3c3; }

        .account-section .account-wrapper .form-section .support-form .form-group .btn {

          font-weight: 700;

          padding: 12px 40px;

          margin: 35px 0 90px;

          background-color: #f5800d;

          -webkit-box-shadow: 0 5px #c76708;

          box-shadow: 0 5px #c76708; }

          .account-section .account-wrapper .form-section .support-form .form-group .btn:hover {

            -webkit-box-shadow: 0 3px #c76708;

            box-shadow: 0 3px #c76708; }

          @media only screen and (max-width: 991px) {

            .account-section .account-wrapper .form-section .support-form .form-group .btn {

              font-size: 18px;

              padding: 10px 30px; } }

          @media only screen and (max-width: 767px) {

            .account-section .account-wrapper .form-section .support-form .form-group .btn {

              font-size: 16px;

              font-weight: 400;

              padding: 8px 25px;

              margin: 30px 0 40px; } }

          @media only screen and (max-width: 479px) {

            .account-section .account-wrapper .form-section .support-form .form-group .btn {

              font-size: 14px;

              padding: 6px 20px;

              margin: 20px 0 10px; } }



/* =========================================================

        Hosting-Section STYLE 

============================================================ */

.hosting-section {

  padding-top: 178px !important; }

  @media only screen and (max-width: 767px) {

    .hosting-section {

      padding-top: 110px !important; } }

  .hosting-section .hosting-wrapper {

    background: url(../images/account-bg.jpg) no-repeat center top;

    background-size: cover;

    box-shadow: 0 0 90px #737373;

    border-radius: 8px; }

    .hosting-section .hosting-wrapper .section-top .top-icon img {

      margin-top: -50px; }

      @media only screen and (max-width: 767px) {

        .hosting-section .hosting-wrapper .section-top .top-icon img {

          width: 80px;

          margin-top: -40px; } }

    .hosting-section .hosting-wrapper .section-top h2 {

      font-size: 36px;

      line-height: 60px;

      color: #FFFFFF;

      margin-top: 8px; }

      @media only screen and (max-width: 767px) {

        .hosting-section .hosting-wrapper .section-top h2 {

          font-size: 25px;

          line-height: 30px; } }

      @media only screen and (max-width: 350px) {

        .hosting-section .hosting-wrapper .section-top h2 {

          line-height: 30px;

          margin-top: 25px; } }

    .hosting-section .hosting-wrapper .section-box {

      margin-top: 55px;

      padding-bottom: 55px; }

      @media only screen and (max-width: 991px) {

        .hosting-section .hosting-wrapper .section-box {

          margin-top: 30px;

          padding-bottom: 15px; } }

      @media only screen and (max-width: 991px) {

        .hosting-section .hosting-wrapper .section-box {

          margin-top: 15px; } }

      .hosting-section .hosting-wrapper .section-box .header-text {

        font-family: "Dosis", sans-serif;

        font-size: 24px;

        line-height: 50px;

        color: #FFFFFF;

        background-color: #1b232f;

        display: inline-block;

        padding: 0 35px; }

        @media only screen and (max-width: 991px) {

          .hosting-section .hosting-wrapper .section-box .header-text {

            font-size: 20px; } }

        @media only screen and (max-width: 767px) {

          .hosting-section .hosting-wrapper .section-box .header-text {

            font-size: 18px;

            line-height: 30px;

            padding: 8px 35px; } }

        @media only screen and (max-width: 479px) {

          .hosting-section .hosting-wrapper .section-box .header-text {

            font-size: 15px;

            display: block;

            line-height: 30px;

            text-align: center; } }

      .hosting-section .hosting-wrapper .section-box li {

        background-color: #f6f5f5;

        margin-bottom: 3px;

        padding: 32px 27px 32px 42px; }

        @media only screen and (max-width: 991px) {

          .hosting-section .hosting-wrapper .section-box li {

            padding: 20px 27px 20px 30px; } }

        @media (min-width: 480px) and (max-width: 767px) {

          .hosting-section .hosting-wrapper .section-box li {

            padding: 15px 25px; } }

        @media only screen and (max-width: 479px) {

          .hosting-section .hosting-wrapper .section-box li {

            padding: 15px; } }

        @media only screen and (max-width: 350px) {

          .hosting-section .hosting-wrapper .section-box li .sub-icon {

            float: none !important;

            display: block; } }

        .hosting-section .hosting-wrapper .section-box li .text {

          font-family: "Dosis", sans-serif;

          font-size: 20px;

          font-weight: 600;

          color: #6d7073; }

          @media only screen and (max-width: 767px) {

            .hosting-section .hosting-wrapper .section-box li .text {

              font-size: 18px; } }

          @media only screen and (max-width: 479px) {

            .hosting-section .hosting-wrapper .section-box li .text {

              font-size: 16px; } }

        .hosting-section .hosting-wrapper .section-box li .sub-icon a i {

          font-size: 23px;

          color: #2c2c2c;

          vertical-align: middle;

          padding: 0 6px; }

          @media only screen and (max-width: 479px) {

            .hosting-section .hosting-wrapper .section-box li .sub-icon a i {

              font-size: 18px;

              padding: 0 2px; } }

        .hosting-section .hosting-wrapper .section-box li .sub-icon a:last-child i {

          color: #f43e31; }

    .hosting-section .hosting-wrapper .btn {

      display: block;

      margin: auto;

      padding: 12px 28px;

      margin-bottom: 85px;

      background-color: #f5800d;

      -webkit-box-shadow: 0 5px #c76708;

      box-shadow: 0 5px #c76708; }

      .hosting-section .hosting-wrapper .btn:hover {

        -webkit-box-shadow: 0 3px #c76708;

        box-shadow: 0 3px #c76708; }

      @media only screen and (max-width: 991px) {

        .hosting-section .hosting-wrapper .btn {

          font-size: 18px;

          padding: 10px 20px; } }

      @media only screen and (max-width: 767px) {

        .hosting-section .hosting-wrapper .btn {

          font-size: 16px;

          padding: 6px 18px;

          margin: 15px auto 70px;

          float: none !important; } }

      @media only screen and (max-width: 479px) {

        .hosting-section .hosting-wrapper .btn {

          font-size: 12px;

          margin: 10px auto 50px; } }

    @media only screen and (max-width: 991px) {

      .hosting-section .hosting-wrapper .no-padding {

        padding-right: 30px !important;

        padding-left: 30px !important; } }



/* =========================================================

        Server-Space-Section STYLE 

============================================================ */

.server-space-section {

  background: url(../images/space-bg.jpg) no-repeat center top;

  background-size: cover; }

  .server-space-section .section-title {

    margin-bottom: 60px; }

    .server-space-section .section-title h2 {

      font-size: 42px;

      color: #FFFFFF;

      margin-bottom: 0; }

      @media only screen and (max-width: 991px) {

        .server-space-section .section-title h2 {

          font-size: 35px; } }

      @media only screen and (max-width: 767px) {

        .server-space-section .section-title h2 {

          font-size: 25px; } }

    @media only screen and (max-width: 991px) {

      .server-space-section .section-title {

        margin-bottom: 40px; } }

    @media only screen and (max-width: 767px) {

      .server-space-section .section-title {

        margin-bottom: 20px; } }

  .server-space-section .server-space-container .server-space-wrapper {

    background-color: #FFFFFF;

    border-radius: 8px;

    border-bottom: 7px solid #0b39b8;

    padding: 45px 25px; }

    @media only screen and (max-width: 767px) {

      .server-space-section .server-space-container .server-space-wrapper {

        margin-bottom: 20px; } }

    .server-space-section .server-space-container .server-space-wrapper h3 {

      position: relative;

      font-size: 36px;

      font-weight: 600;

      line-height: 75px;

      color: #1b232f;

      margin: 10px 0 30px; }

      .server-space-section .server-space-container .server-space-wrapper h3::before {

        content: "";

        position: absolute;

        left: 0;

        right: 0;

        bottom: 0;

        width: 47px;

        height: 5px;

        background-color: #3575d3;

        border-radius: 50px;

        margin: 0 auto; }

      @media only screen and (max-width: 991px) {

        .server-space-section .server-space-container .server-space-wrapper h3 {

          font-size: 30px;

          line-height: 55px;

          margin: 0 0 20px; } }

      @media only screen and (max-width: 479px) {

        .server-space-section .server-space-container .server-space-wrapper h3 {

          font-size: 25px;

          line-height: 50px;

          margin: 0 0 20px; } }

    .server-space-section .server-space-container .server-space-wrapper .content-list li {

      line-height: 20px;

      color: #5a6778;

      margin-bottom: 15px; }

      .server-space-section .server-space-container .server-space-wrapper .content-list li:last-child {

        margin-bottom: 0; }

      @media only screen and (max-width: 479px) {

        .server-space-section .server-space-container .server-space-wrapper .content-list li {

          font-size: 15px;

          margin-bottom: 10px; } }

  .server-space-section .server-space-container .text {

    margin-top: 55px; }

    @media only screen and (max-width: 991px) {

      .server-space-section .server-space-container .text {

        margin-top: 45px; } }

    @media only screen and (max-width: 767px) {

      .server-space-section .server-space-container .text {

        margin-top: 15px; } }

    .server-space-section .server-space-container .text li {

      font-size: 24px;

      line-height: 48px;

      color: #FFFFFF; }

      .server-space-section .server-space-container .text li i {

        font-size: 15px;

        color: #f5800d;

        margin-right: 5px; }

      @media only screen and (max-width: 991px) {

        .server-space-section .server-space-container .text li {

          font-size: 20px;

          line-height: 35px; }

          .server-space-section .server-space-container .text li i {

            font-size: 12px; } }

      @media only screen and (max-width: 767px) {

        .server-space-section .server-space-container .text li {

          font-size: 18px;

          line-height: 30px; }

          .server-space-section .server-space-container .text li i {

            font-size: 8px;

            vertical-align: middle; } }

      @media only screen and (max-width: 479px) {

        .server-space-section .server-space-container .text li {

          font-size: 16px;

          line-height: 20px;

          margin-bottom: 12px; } }



/* =========================================================

        Performance-Section STYLE 

============================================================ */

.performance-section {

  background: url(../images/c-video-bg.jpg) no-repeat center;

  background-size: cover;

  padding: 125px 0 85px; }

  @media only screen and (max-width: 767px) {

    .performance-section {

      padding: 80px 0 85px; } }

  .performance-section .wrapper-content h3 {

    font-size: 48px;

    font-weight: 600;

    line-height: 42px;

    color: #FFFFFF;

    margin-bottom: 40px; }

    @media only screen and (max-width: 991px) {

      .performance-section .wrapper-content h3 {

        font-size: 35px;

        margin-bottom: 15px; } }

    @media only screen and (max-width: 767px) {

      .performance-section .wrapper-content h3 {

        font-size: 30px;

        line-height: 30px;

        margin-bottom: 10px; } }

    @media only screen and (max-width: 479px) {

      .performance-section .wrapper-content h3 {

        font-size: 25px;

        line-height: 30px; } }

  .performance-section .wrapper-content .video-content {

    font-size: 24px;

    border-bottom: 1px solid #FFFFFF;

    display: inline-block; }

    @media only screen and (max-width: 991px) {

      .performance-section .wrapper-content .video-content {

        font-size: 20px; } }

    @media only screen and (max-width: 767px) {

      .performance-section .wrapper-content .video-content {

        font-size: 18px; } }

    .performance-section .wrapper-content .video-content a {

      color: #FFFFFF; }

    .performance-section .wrapper-content .video-content i {

      font-size: 22px;

      color: #FFFFFF; }

      @media only screen and (max-width: 991px) {

        .performance-section .wrapper-content .video-content i {

          font-size: 18px; } }

      @media only screen and (max-width: 767px) {

        .performance-section .wrapper-content .video-content i {

          font-size: 16px; } }



/* =========================================================

        Option-Section STYLE 

============================================================ */

.option-section .option-tab .nav-tabs {

  border: 0;

  background-color: #1b232f; }

  .option-section .option-tab .nav-tabs li {

    position: relative;

    font-size: 20px;

    font-weight: 500;

    float: none;

    display: inline-block; }

    @media only screen and (max-width: 767px) {

      .option-section .option-tab .nav-tabs li {

        font-size: 18px; } }

    @media only screen and (max-width: 480px) {

      .option-section .option-tab .nav-tabs li {

        display: block;

        border-bottom: 1px solid #FFFFFF; } }

    .option-section .option-tab .nav-tabs li.active a {

      border: 0;

      background-color: transparent; }

      .option-section .option-tab .nav-tabs li.active a::before {

        content: "";

        position: absolute;

        left: 0;

        right: 0;

        bottom: 0;

        width: 25px;

        height: 20px;

        margin: 0 auto;

        border-bottom: 10px solid #FFFFFF;

        border-left: 12px solid transparent;

        border-right: 12px solid transparent; }

    .option-section .option-tab .nav-tabs li a {

      border: 0;

      border-radius: 0;

      color: #FFFFFF;

      margin: 0;

      padding: 20px 80px; }

      .option-section .option-tab .nav-tabs li a:hover {

        background-color: transparent; }

      @media only screen and (max-width: 991px) {

        .option-section .option-tab .nav-tabs li a {

          padding: 20px 60px; } }

      @media (min-width: 600px) and (max-width: 767px) {

        .option-section .option-tab .nav-tabs li a {

          padding: 20px 30px; } }

      @media (min-width: 480px) and (max-width: 599px) {

        .option-section .option-tab .nav-tabs li a {

          padding: 15px 20px; } }

.option-section .option-tab .tab-content {

  margin: 85px 0 55px; }

  @media only screen and (max-width: 991px) {

    .option-section .option-tab .tab-content {

      margin: 60px 0 55px; } }

  @media only screen and (max-width: 767px) {

    .option-section .option-tab .tab-content {

      margin: 45px 0 40px; } }

  .option-section .option-tab .tab-content .content-wrapper {

    margin-bottom: 55px; }

    @media only screen and (max-width: 767px) {

      .option-section .option-tab .tab-content .content-wrapper {

        margin-bottom: 35px; } }

    .option-section .option-tab .tab-content .content-wrapper h4 {

      font-family: "Roboto", sans-serif;

      font-size: 24px;

      font-weight: 500;

      line-height: 40px;

      display: inline-block;

      vertical-align: sub;

      margin: 0 0 12px 10px; }

      .option-section .option-tab .tab-content .content-wrapper h4 a {

        color: #3575d3; }

      @media (min-width: 992px) and (max-width: 1199px) {

        .option-section .option-tab .tab-content .content-wrapper h4 {

          font-size: 22px; } }

      @media only screen and (max-width: 991px) {

        .option-section .option-tab .tab-content .content-wrapper h4 {

          margin-left: 0;

          display: block;

          font-size: 20px;

          line-height: 25px;

          margin: 10px 0 5px 0; } }

      @media only screen and (max-width: 479px) {

        .option-section .option-tab .tab-content .content-wrapper h4 {

          font-size: 18px; } }

    .option-section .option-tab .tab-content .content-wrapper p {

      color: #5a6778;

      margin-bottom: 0; }

      @media only screen and (max-width: 479px) {

        .option-section .option-tab .tab-content .content-wrapper p {

          font-size: 14px;

          line-height: 24px; } }



/* =========================================================

        Hosting-Price-Section STYLE 

============================================================ */

.hosting-price-section .hosting-carousel .carousel-wrapper {

  border: 3px solid #3575d3;

  border-radius: 8px;

  display: inline-block;

  padding: 35px 45px;

  -webkit-transition: 0.5s;

  -khtml-transition: 0.5s;

  -moz-transition: 0.5s;

  -ms-transition: 0.5s;

  -o-transition: 0.5s;

  transition: 0.5s; }

  @media only screen and (max-width: 479px) {

    .hosting-price-section .hosting-carousel .carousel-wrapper {

      padding: 25px 20px; } }

  .hosting-price-section .hosting-carousel .carousel-wrapper .caption img {

    width: auto;

    margin: 0 auto; }

  .hosting-price-section .hosting-carousel .carousel-wrapper h3 {

    font-size: 36px;

    font-weight: 600;

    line-height: 27px;

    margin: 24px 0 12px; }

    .hosting-price-section .hosting-carousel .carousel-wrapper h3 a {

      color: #3575d3; }

    @media only screen and (max-width: 479px) {

      .hosting-price-section .hosting-carousel .carousel-wrapper h3 {

        font-size: 30px;

        margin: 15px 0 10px; } }

  .hosting-price-section .hosting-carousel .carousel-wrapper p {

    color: #616d80; }

  .hosting-price-section .hosting-carousel .carousel-wrapper .price {

    font-family: "Dosis", sans-serif;

    font-size: 30px;

    font-weight: 600;

    color: #f5800d;

    -webkit-transition: 0.5s;

    -khtml-transition: 0.5s;

    -moz-transition: 0.5s;

    -ms-transition: 0.5s;

    -o-transition: 0.5s;

    transition: 0.5s; }

    .hosting-price-section .hosting-carousel .carousel-wrapper .price sub {

      font-size: 18px;

      color: #1b232f;

      bottom: 2px;

      -webkit-transition: 0.5s;

      -khtml-transition: 0.5s;

      -moz-transition: 0.5s;

      -ms-transition: 0.5s;

      -o-transition: 0.5s;

      transition: 0.5s; }

    .hosting-price-section .hosting-carousel .carousel-wrapper .price .package {

      font-size: 16px;

      line-height: 27px;

      color: #616d80;

      display: block;

      -webkit-transition: 0.5s;

      -khtml-transition: 0.5s;

      -moz-transition: 0.5s;

      -ms-transition: 0.5s;

      -o-transition: 0.5s;

      transition: 0.5s; }

  .hosting-price-section .hosting-carousel .carousel-wrapper:hover {

    background-color: #3575d3; }

    .hosting-price-section .hosting-carousel .carousel-wrapper:hover h3 a {

      color: #FFFFFF; }

    .hosting-price-section .hosting-carousel .carousel-wrapper:hover p {

      color: #FFFFFF; }

    .hosting-price-section .hosting-carousel .carousel-wrapper:hover .price {

      color: #FFFFFF; }

      .hosting-price-section .hosting-carousel .carousel-wrapper:hover .price sub, .hosting-price-section .hosting-carousel .carousel-wrapper:hover .price .package {

        color: #FFFFFF; }

.hosting-price-section .hosting-carousel .owl-dots {

  margin-top: 55px !important; }

  @media only screen and (max-width: 479px) {

    .hosting-price-section .hosting-carousel .owl-dots {

      margin-top: 40px !important; } }

  .hosting-price-section .hosting-carousel .owl-dots .owl-dot.active span {

    background-color: #3575d3; }

  .hosting-price-section .hosting-carousel .owl-dots .owl-dot span {

    width: 14px;

    height: 14px;

    background-color: #d4d8e0; }



/* =========================================================

        Optimized-Section STYLE 

============================================================ */

.optimized-section {

  min-height: 500px;

  background-color: #1b232f !important; }

  @media only screen and (max-width: 991px) {

    .optimized-section {

      min-height: auto; } }

  .optimized-section .content-wrapper {

    padding: 80px 80px 0 40%; }

    @media (min-width: 1300px) and (max-width: 1500px) {

      .optimized-section .content-wrapper {

        padding-left: 20%; } }

    @media (min-width: 992px) and (max-width: 1299px) {

      .optimized-section .content-wrapper {

        padding-left: 10%; } }

    @media only screen and (max-width: 991px) {

      .optimized-section .content-wrapper {

        padding: 80px 15px 60px;

        text-align: center; } }

    @media only screen and (max-width: 479px) {

      .optimized-section .content-wrapper {

        padding-top: 70px; } }

    .optimized-section .content-wrapper h3 {

      font-size: 48px;

      font-weight: 600;

      line-height: 60px;

      color: #FFFFFF;

      margin-bottom: 32px; }

      @media only screen and (max-width: 991px) {

        .optimized-section .content-wrapper h3 {

          font-size: 35px;

          line-height: 40px;

          margin-bottom: 15px; } }

      @media only screen and (max-width: 767px) {

        .optimized-section .content-wrapper h3 {

          font-size: 30px;

          line-height: 35px;

          margin-bottom: 15px; } }

      @media only screen and (max-width: 767px) {

        .optimized-section .content-wrapper h3 {

          font-size: 25px; } }

    .optimized-section .content-wrapper p {

      color: #FFFFFF; }

      @media only screen and (max-width: 767px) {

        .optimized-section .content-wrapper p {

          font-size: 14px;

          line-height: 24px; } }

    .optimized-section .content-wrapper .btn {

      background-color: #f5800d;

      box-shadow: none;

      margin-top: 32px;

      padding: 10px 28px;

      -webkit-box-shadow: 0 5px #c76708;

      box-shadow: 0 5px #c76708; }

      .optimized-section .content-wrapper .btn:hover {

        background-color: #f5800d;

        -webkit-box-shadow: 0 3px #c76708;

        box-shadow: 0 3px #c76708; }

      @media only screen and (max-width: 991px) {

        .optimized-section .content-wrapper .btn {

          font-size: 18px;

          padding: 8px 25px;

          margin-top: 18px; } }

      @media only screen and (max-width: 767px) {

        .optimized-section .content-wrapper .btn {

          font-size: 15px;

          padding: 5px 22px;

          margin-top: 18px; } }

      @media only screen and (max-width: 479px) {

        .optimized-section .content-wrapper .btn {

          font-size: 12px;

          padding: 5px 22px;

          margin-top: 12px; } }

  .optimized-section .caption {

    background-color: #30aebf;

    padding: 35px 0 27px 140px; }

    @media (min-width: 1300px) and (max-width: 1500px) {

      .optimized-section .caption {

        padding-left: 50px; } }

    @media (min-width: 992px) and (max-width: 1350px) {

      .optimized-section .caption {

        height: 500px;

        padding-left: 20px; } }

    @media only screen and (max-width: 991px) {

      .optimized-section .caption {

        text-align: center;

        padding-left: 0; } }

    .optimized-section .caption img {

      max-width: 100%; }



/* =========================================================

        Support-Section STYLE 

============================================================ */

.support-section .nav-tabs {

  border: 0;

  background-color: #3575d3; }

  .support-section .nav-tabs li {

    position: relative;

    font-size: 24px;

    font-weight: 500;

    line-height: 30px;

    float: none;

    display: inline-block;

    border-right: 1px solid #2860b2;

    margin: 0 0 0 -4px; }

    @media only screen and (max-width: 991px) {

      .support-section .nav-tabs li {

        font-size: 20px; } }

    @media only screen and (max-width: 767px) {

      .support-section .nav-tabs li {

        font-size: 18px; } }

    @media only screen and (max-width: 479px) {

      .support-section .nav-tabs li {

        display: block;

        border-bottom: 1px solid #2860b2;

        border-right: 0; } }

    .support-section .nav-tabs li.active a {

      color: #FFFFFF;

      border: 0;

      background-color: #265eaf; }

      .support-section .nav-tabs li.active a:hover {

        background-color: #265eaf; }

    .support-section .nav-tabs li a {

      border: 0;

      border-radius: 0;

      color: #FFFFFF;

      margin: 0;

      padding: 20px 50px; }

      .support-section .nav-tabs li a:hover {

        background-color: transparent; }

      @media only screen and (max-width: 991px) {

        .support-section .nav-tabs li a {

          padding: 20px 30px; } }

      @media (min-width: 600px) and (max-width: 767px) {

        .support-section .nav-tabs li a {

          padding: 20px 20px; } }

      @media (min-width: 480px) and (max-width: 599px) {

        .support-section .nav-tabs li a {

          padding: 15px 10px; } }

      @media only screen and (max-width: 479px) {

        .support-section .nav-tabs li a {

          padding: 10px 30px; } }

    .support-section .nav-tabs li .caption {

      display: block; }

.support-section .tab-content {

  margin-bottom: 120px; }

  @media only screen and (max-width: 991px) {

    .support-section .tab-content {

      margin-bottom: 100px; } }

  @media only screen and (max-width: 991px) {

    .support-section .tab-content {

      margin-bottom: 70px; } }

  .support-section .tab-content .faq-wrapper .small-text {

    font-size: 18px;

    font-weight: 400;

    text-transform: uppercase;

    color: #f5800d;

    letter-spacing: 0.8px; }

  .support-section .tab-content .faq-wrapper h3 {

    font-size: 42px;

    font-weight: 800;

    line-height: 48px;

    text-transform: uppercase;

    color: #333333;

    margin-bottom: 11px;

    letter-spacing: .8px; }

    @media (min-width: 992px) and (max-width: 1199px) {

      .support-section .tab-content .faq-wrapper h3 {

        font-size: 38px; } }

    @media (min-width: 768px) and (max-width: 991px) {

      .support-section .tab-content .faq-wrapper h3 {

        font-size: 30px;

        margin-bottom: 5px; } }

    @media only screen and (max-width: 767px) {

      .support-section .tab-content .faq-wrapper h3 {

        font-size: 25px;

        margin-bottom: 5px; } }

    @media only screen and (max-width: 479px) {

      .support-section .tab-content .faq-wrapper h3 {

        font-size: 23px;

        line-height: 30px; } }

  .support-section .tab-content .faq-wrapper #promote-accordion {

    margin: 70px 0 0; }

    @media only screen and (max-width: 767px) {

      .support-section .tab-content .faq-wrapper #promote-accordion {

        margin: 30px 0 0; } }

    .support-section .tab-content .faq-wrapper #promote-accordion .panel-default {

      border: 0;

      margin-top: 3px; }

      .support-section .tab-content .faq-wrapper #promote-accordion .panel-default .panel-heading {

        position: relative;

        font-size: 18px;

        background-color: #2b5899;

        border: 0;

        border-radius: 8px;

        padding: 0; }

        @media only screen and (max-width: 479px) {

          .support-section .tab-content .faq-wrapper #promote-accordion .panel-default .panel-heading {

            line-height: 25px; } }

        .support-section .tab-content .faq-wrapper #promote-accordion .panel-default .panel-heading a {

          font-size: 20px;

          font-weight: 600;

          display: block;

          color: #fefefe;

          background-color: #3575d3;

          border-radius: 8px;

          padding: 15px 20px; }

          .support-section .tab-content .faq-wrapper #promote-accordion .panel-default .panel-heading a.collapsed {

            color: #3575d3;

            background-color: #FFFFFF;

            box-shadow: 0 0 10px #d0d0d0;

            margin-bottom: 12px; }

          @media only screen and (max-width: 479px) {

            .support-section .tab-content .faq-wrapper #promote-accordion .panel-default .panel-heading a {

              font-size: 16px; } }

          @media only screen and (max-width: 350px) {

            .support-section .tab-content .faq-wrapper #promote-accordion .panel-default .panel-heading a {

              padding-right: 60px; } }

      .support-section .tab-content .faq-wrapper #promote-accordion .panel-default .panel-collapse .panel-body {

        border: 0;

        padding: 24px 40px 30px; }

        @media only screen and (max-width: 479px) {

          .support-section .tab-content .faq-wrapper #promote-accordion .panel-default .panel-collapse .panel-body {

            padding: 15px; } }

        .support-section .tab-content .faq-wrapper #promote-accordion .panel-default .panel-collapse .panel-body p {

          font-size: 16px;

          line-height: 27px;

          margin-bottom: 0; }

          @media only screen and (max-width: 479px) {

            .support-section .tab-content .faq-wrapper #promote-accordion .panel-default .panel-collapse .panel-body p {

              font-size: 14px; } }

        .support-section .tab-content .faq-wrapper #promote-accordion .panel-default .panel-collapse .panel-body ul li {

          font-size: 16px;

          color: #666666; }

          .support-section .tab-content .faq-wrapper #promote-accordion .panel-default .panel-collapse .panel-body ul li i {

            font-size: 16px;

            color: #2b5899; }

  .support-section .tab-content .account-section {

    padding: 50px 0 0; }

    .support-section .tab-content .account-section .account-wrapper {

      background: transparent;

      box-shadow: none;

      padding-bottom: 0; }

      .support-section .tab-content .account-section .account-wrapper .form-section .support-form .form-group label,

      .support-section .tab-content .account-section .account-wrapper .form-section .support-form .form-group .text {

        color: #565656; }

      .support-section .tab-content .account-section .account-wrapper .form-section .support-form .form-group .btn {

        margin-bottom: 0; }

      .support-section .tab-content .account-section .account-wrapper .form-section .support-form .form-group {

        margin-bottom: 20px; }

  .support-section .tab-content .domain-list-section {

    padding: 50px 0 0; }

  .support-section .tab-content .support-content {

    font-size: 48px;

    font-weight: 700;

    line-height: 60px;

    color: #000000;

    margin-top: 70px; }

    .support-section .tab-content .support-content hr {

      width: 72%;

      border-bottom: 10px solid #f5800d;

      margin: 21px 0 45px; }

    .support-section .tab-content .support-content .number {

      letter-spacing: -0.9px; }

    @media only screen and (max-width: 767px) {

      .support-section .tab-content .support-content {

        font-size: 30px;

        line-height: 35px;

        display: block;

        text-align: center; }

        .support-section .tab-content .support-content hr {

          width: 100%; } }

  .support-section .tab-content .support-caption {

    margin-top: 65px; }

    @media only screen and (max-width: 767px) {

      .support-section .tab-content .support-caption {

        float: none !important;

        text-align: center; } }

  .support-section .tab-content .chat-content .left-bar {

    margin: 70px 0 45px; }

    .support-section .tab-content .chat-content .left-bar p {

      margin-left: 15px; }

    @media only screen and (max-width: 550px) {

      .support-section .tab-content .chat-content .left-bar img {

        float: none !important;

        display: block;

        padding-bottom: 20px;

        margin: 0 auto; }

      .support-section .tab-content .chat-content .left-bar p {

        text-align: center;

        display: block;

        margin-left: 0; } }

  .support-section .tab-content .chat-content .right-bar {

    margin-bottom: 58px; }

    .support-section .tab-content .chat-content .right-bar p {

      margin-right: 15px;

      background-color: #f3f3f3;

      border: 0; }

    @media only screen and (max-width: 550px) {

      .support-section .tab-content .chat-content .right-bar img {

        float: none !important;

        display: block;

        padding-bottom: 20px;

        margin: 0 auto; }

      .support-section .tab-content .chat-content .right-bar p {

        text-align: center;

        display: block;

        margin-right: 0; } }

  .support-section .tab-content .chat-content p {

    font-size: 16px;

    line-height: 24px;

    color: #626a6f;

    border: 1px solid #e6e6e6;

    border-radius: 8px;

    display: inline-block;

    padding: 22px; }

  .support-section .tab-content .chat-content .form-control {

    color: #313131;

    border-color: #e6e6e6;

    padding: 57px 15px; }

    .support-section .tab-content .chat-content .form-control:focus {

      border-color: #e6e6e6; }



/* =========================================================

        Find-Support-Section STYLE 

============================================================ */

.find-support-section h2 {

  font-size: 40px;

  font-weight: 600;

  line-height: 42px;

  color: #1b232f;

  margin-bottom: 32px; }

  @media only screen and (max-width: 991px) {

    .find-support-section h2 {

      font-size: 35px;

      margin-bottom: 20px; } }

  @media only screen and (max-width: 991px) {

    .find-support-section h2 {

      font-size: 30px;

      margin-bottom: 10px; } }

.find-support-section p {

  font-size: 18px;

  line-height: 30px;

  color: #616d80; }

  @media only screen and (max-width: 767px) {

    .find-support-section p {

      font-size: 16px;

      line-height: 27px; } }

.find-support-section .search-bar .subscribeForm .subscribeSearchBar {

  padding: 8px 15px 12px;

  width: 50%;

  border: 2px solid #3575d3;

  border-radius: 5px;

  margin-top: 45px; }

  @media only screen and (max-width: 991px) {

    .find-support-section .search-bar .subscribeForm .subscribeSearchBar {

      margin-top: 30px; } }

  @media only screen and (max-width: 767px) {

    .find-support-section .search-bar .subscribeForm .subscribeSearchBar {

      margin-top: 20px; } }

  @media only screen and (max-width: 479px) {

    .find-support-section .search-bar .subscribeForm .subscribeSearchBar {

      width: 100%;

      padding: 6px 15px 10px;

      display: block;

      margin-bottom: 5px; } }

.find-support-section .search-bar .subscribeForm .subscribeBtn {

  font-weight: 500;

  background-color: #f5800d;

  -webkit-box-shadow: 0 5px #c76708;

  box-shadow: 0 5px #c76708; }

  .find-support-section .search-bar .subscribeForm .subscribeBtn:hover {

    background-color: #f5800d;

    -webkit-box-shadow: 0 3px #c76708;

    box-shadow: 0 3px #c76708; }

  @media only screen and (max-width: 479px) {

    .find-support-section .search-bar .subscribeForm .subscribeBtn {

      padding: 4px 22px; } }



/* =========================================================

        Google-Map STYLE 

============================================================ */

.map-section {

  padding-bottom: 120px; }

  @media only screen and (max-width: 767px) {

    .map-section {

      padding-bottom: 100px; } }

  @media only screen and (max-width: 479px) {

    .map-section {

      padding-bottom: 70px; } }

  .map-section #googleMap {

    width: 100%;

    height: 760px;

    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.4); }

    @media only screen and (max-width: 991px) {

      .map-section #googleMap {

        height: 550px; } }

    @media only screen and (max-width: 767px) {

      .map-section #googleMap {

        height: 480px; } }

    @media only screen and (max-width: 479px) {

      .map-section #googleMap {

        height: 400px; } }

  .map-section #googleMap-Two {

    width: 100%;

    height: 760px;

    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.4);

    margin-top: 50px; }

    @media only screen and (max-width: 991px) {

      .map-section #googleMap-Two {

        height: 550px; } }

    @media only screen and (max-width: 767px) {

      .map-section #googleMap-Two {

        height: 480px; } }

    @media only screen and (max-width: 479px) {

      .map-section #googleMap-Two {

        height: 400px; } }

  .map-section .form-section {

    position: relative;

    background-color: #FFFFFF;

    box-shadow: 0 0 15px rgba(0, 0, 0, 0.21);

    margin-top: -30%;

    padding-top: 75px; }

    .map-section .form-section .support-form {

      margin-top: 55px; }

      @media only screen and (max-width: 991px) {

        .map-section .form-section .support-form {

          padding: 0 50px;

          margin-top: 30px; } }

      @media only screen and (max-width: 767px) {

        .map-section .form-section .support-form {

          padding: 0 30px; } }

      @media only screen and (max-width: 479px) {

        .map-section .form-section .support-form {

          padding: 0 20px; } }

      .map-section .form-section .support-form .form-group {

        margin-bottom: 38px; }

        @media only screen and (max-width: 991px) {

          .map-section .form-section .support-form .form-group {

            margin-bottom: 15px; } }

        .map-section .form-section .support-form .form-group label {

          font-size: 20px;

          line-height: 45px;

          color: #FFFFFF; }

          @media only screen and (max-width: 767px) {

            .map-section .form-section .support-form .form-group label {

              font-size: 16px;

              font-weight: 400;

              line-height: 30px;

              margin-bottom: 0; } }

        .map-section .form-section .support-form .form-group input.form-control {

          padding: 25px 12px; }

          @media only screen and (max-width: 767px) {

            .map-section .form-section .support-form .form-group input.form-control {

              padding: 18px 12px;

              font-size: 15px; } }

        .map-section .form-section .support-form .form-group .text {

          font-size: 16px;

          color: #FFFFFF; }

          @media only screen and (max-width: 767px) {

            .map-section .form-section .support-form .form-group .text {

              font-size: 14px; } }

        .map-section .form-section .support-form .form-group .form-control {

          font-size: 16px;

          font-weight: 300;

          color: #a6aaad;

          border: 0;

          border-radius: 0;

          background-color: #e3e6eb;

          box-shadow: none; }

          .map-section .form-section .support-form .form-group .form-control:focus {

            border-color: #c3c3c3; }

        .map-section .form-section .support-form .form-group .btn {

          font-weight: 700;

          padding: 12px 65px;

          margin: 18px 0 60px;

          background-color: #f5800d;

          -webkit-box-shadow: 0 5px #c76708;

          box-shadow: 0 5px #c76708; }

          .map-section .form-section .support-form .form-group .btn:hover {

            -webkit-box-shadow: 0 3px #c76708;

            box-shadow: 0 3px #c76708; }

          @media only screen and (max-width: 991px) {

            .map-section .form-section .support-form .form-group .btn {

              font-size: 18px;

              padding: 10px 30px; } }

          @media only screen and (max-width: 767px) {

            .map-section .form-section .support-form .form-group .btn {

              font-size: 16px;

              font-weight: 400;

              padding: 8px 25px;

              margin: 30px 0 40px; } }

          @media only screen and (max-width: 479px) {

            .map-section .form-section .support-form .form-group .btn {

              font-size: 14px;

              padding: 6px 20px;

              margin: 20px 0 10px; } }



/* =========================================================

        Data-Center STYLE 

============================================================ */

.data-center-section .data-center-carousel {

  margin-top: 40px; }

  @media only screen and (max-width: 767px) {

    .data-center-section .data-center-carousel {

      margin-top: 25px; } }

  .data-center-section .data-center-carousel .center-wrapper {

    border: 3px solid #3575d3;

    border-radius: 8px;

    display: inline-block;

    padding: 50px 25px 60px; }

    @media only screen and (max-width: 767px) {

      .data-center-section .data-center-carousel .center-wrapper {

        padding: 40px 25px 40px; } }

    .data-center-section .data-center-carousel .center-wrapper .caption img {

      width: auto;

      margin: 0 auto; }

    .data-center-section .data-center-carousel .center-wrapper h3 {

      font-size: 30px;

      font-weight: 600;

      line-height: 42px;

      color: #3575d3;

      margin-top: 30px; }

      @media only screen and (max-width: 767px) {

        .data-center-section .data-center-carousel .center-wrapper h3 {

          font-size: 25px;

          line-height: 35px;

          margin: 20px 0 10px; } }

    .data-center-section .data-center-carousel .center-wrapper p {

      color: #616d80;

      margin-bottom: 25px; }

    .data-center-section .data-center-carousel .center-wrapper .link {

      font-size: 18px;

      font-weight: 500;

      color: #3575d3; }

      .data-center-section .data-center-carousel .center-wrapper .link:hover {

        color: #f5800d; }

  .data-center-section .data-center-carousel .owl-dots {

    margin-top: 60px !important; }

    @media only screen and (max-width: 767px) {

      .data-center-section .data-center-carousel .owl-dots {

        margin-top: 40px !important; } }

    .data-center-section .data-center-carousel .owl-dots .owl-dot.active span {

      width: 50px;

      height: 10px;

      background-color: #f5800d;

      margin-bottom: 7px; }

    .data-center-section .data-center-carousel .owl-dots .owl-dot span {

      width: 14px;

      height: 14px;

      background-color: #3575d3; }



/* =========================================================

        Contact-Section STYLE 

============================================================ */

.contact-section .section-title {

  margin-bottom: 75px; }

  @media only screen and (max-width: 991px) {

    .contact-section .section-title {

      margin-bottom: 50px; } }

  @media only screen and (max-width: 479px) {

    .contact-section .section-title {

      margin-bottom: 40px; } }

@media only screen and (max-width: 767px) {

  .contact-section .contact-wrapper {

    margin-bottom: 30px; } }

.contact-section .contact-wrapper h4 {

  font-size: 30px;

  font-weight: 600;

  line-height: 42px;

  color: #1b232f;

  margin: 20px 0 25px; }

  @media only screen and (max-width: 991px) {

    .contact-section .contact-wrapper h4 {

      font-size: 25px;

      line-height: 35px;

      margin: 15px 0 10px; } }

.contact-section .contact-wrapper .contact {

  font-size: 18px;

  line-height: 30px;

  color: #5a6778; }

  @media only screen and (max-width: 991px) {

    .contact-section .contact-wrapper .contact {

      font-size: 16px;

      line-height: 27px; } }



/* =========================================================

        Offer-Section STYLE 

============================================================ */

.offer-section {

  margin-top: -85px; }

  .offer-section .offer-carousel .carousel-wrapper {

    display: inline-block;

    background-color: #FFFFFF;

    border: 3px solid #3575d3;

    border-radius: 15px;

    padding: 45px 25px; }

    .offer-section .offer-carousel .carousel-wrapper .caption img {

      width: auto;

      margin: 0 auto; }

    .offer-section .offer-carousel .carousel-wrapper p {

      color: #616d80;

      margin-bottom: 30px; }

    .offer-section .offer-carousel .carousel-wrapper .price {

      font-family: "Dosis", sans-serif;

      font-size: 30px;

      font-weight: 600;

      line-height: 27px;

      color: #f5800d; }

      .offer-section .offer-carousel .carousel-wrapper .price small {

        display: block;

        font-size: 16px;

        font-weight: 600;

        line-height: 27px;

        color: #616d80; }

  .offer-section .offer-carousel .owl-dots {

    margin-top: 40px !important; }

    @media only screen and (max-width: 767px) {

      .offer-section .offer-carousel .owl-dots {

        margin-top: 20px; } }

    .offer-section .offer-carousel .owl-dots .owl-dot.active span {

      background-color: #3575d3; }

    .offer-section .offer-carousel .owl-dots .owl-dot span {

      width: 14px;

      height: 14px;

      background-color: #d4d8e0; }



/* =========================================================

        Domain-List-Section STYLE 

============================================================ */

.domain-list-section .section-title {

  margin-bottom: 50px; }

.domain-list-section .list-container .table-bordered {

  margin-bottom: 0;

  border: 0; }

  .domain-list-section .list-container .table-bordered thead tr {

    background-color: #3575d3; }

    .domain-list-section .list-container .table-bordered thead tr th {

      font-family: "Dosis", sans-serif;

      font-size: 18px;

      text-align: center;

      color: #FFFFFF;

      border: 0;

      border-right: 1px solid #FFFFFF;

      padding: 12px 0; }

      .domain-list-section .list-container .table-bordered thead tr th:last-child {

        border-right: 0; }

      @media only screen and (max-width: 767px) {

        .domain-list-section .list-container .table-bordered thead tr th {

          font-size: 14px;

          font-weight: 400;

          padding: 8px 5px; } }

  .domain-list-section .list-container .table-bordered tbody tr:nth-child(1), .domain-list-section .list-container .table-bordered tbody tr:nth-child(3), .domain-list-section .list-container .table-bordered tbody tr:nth-child(5), .domain-list-section .list-container .table-bordered tbody tr:nth-child(7), .domain-list-section .list-container .table-bordered tbody tr:nth-child(9), .domain-list-section .list-container .table-bordered tbody tr:nth-child(11), .domain-list-section .list-container .table-bordered tbody tr:nth-child(13) {

    background-color: #f9f9f9; }

  .domain-list-section .list-container .table-bordered tbody tr td {

    font-weight: 500;

    color: #251017;

    border: 0;

    padding: 12px 0; }

    .domain-list-section .list-container .table-bordered tbody tr td:first-child {

      font-size: 18px;

      font-weight: 600;

      text-align: left;

      color: #251017;

      padding-left: 25px; }

      .domain-list-section .list-container .table-bordered tbody tr td:first-child .feature {

        position: relative;

        font-size: 13px;

        color: #FFFFFF;

        padding: 2px 5px;

        margin-left: 10px; }

        .domain-list-section .list-container .table-bordered tbody tr td:first-child .feature::before {

          content: "";

          position: absolute;

          left: -5px;

          top: 50%;

          width: 5px;

          height: 10px;

          margin-top: -5px;

          border-top: 5px solid transparent;

          border-bottom: 5px solid transparent; }

        .domain-list-section .list-container .table-bordered tbody tr td:first-child .feature.red {

          background-color: #f6744d; }

          .domain-list-section .list-container .table-bordered tbody tr td:first-child .feature.red::before {

            border-right: 5px solid #f6744d; }

        .domain-list-section .list-container .table-bordered tbody tr td:first-child .feature.green {

          background-color: #65b84d; }

          .domain-list-section .list-container .table-bordered tbody tr td:first-child .feature.green::before {

            border-right: 5px solid #65b84d; }

        .domain-list-section .list-container .table-bordered tbody tr td:first-child .feature.yellow {

          background-color: #edae37; }

          .domain-list-section .list-container .table-bordered tbody tr td:first-child .feature.yellow::before {

            border-right: 5px solid #edae37; }

    .domain-list-section .list-container .table-bordered tbody tr td .link-color {

      color: #f6744d; }



/* =========================================================

        News-Section  STYLE 

============================================================ */

.news-section .news-left-bar {

  margin-right: 25px; }

  @media only screen and (max-width: 991px) {

    .news-section .news-left-bar {

      margin-right: 0;

      margin-bottom: 100px; } }

  @media only screen and (max-width: 767px) {

    .news-section .news-left-bar {

      margin-bottom: 50px; } }

  .news-section .news-left-bar .news-wrapper {

    background-color: #FFFFFF;

    margin-bottom: 50px; }

    @media only screen and (max-width: 991px) {

      .news-section .news-left-bar .news-wrapper {

        margin-bottom: 30px; } }

    @media only screen and (max-width: 767px) {

      .news-section .news-left-bar .news-wrapper {

        margin-bottom: 10px; } }

    .news-section .news-left-bar .news-wrapper img {

      width: 100%; }

    .news-section .news-left-bar .news-wrapper .wrapper-content {

      padding: 32px 32px 26px; }

      @media only screen and (max-width: 767px) {

        .news-section .news-left-bar .news-wrapper .wrapper-content {

          padding: 32px 0 26px; } }

      @media only screen and (max-width: 479px) {

        .news-section .news-left-bar .news-wrapper .wrapper-content {

          padding: 25px 0; } }

      .news-section .news-left-bar .news-wrapper .wrapper-content .title {

        font-size: 14px;

        font-weight: 700;

        color: #FFFFFF;

        background-color: #f5800d;

        padding: 4px 8px; }

        @media only screen and (max-width: 767px) {

          .news-section .news-left-bar .news-wrapper .wrapper-content .title {

            font-size: 12px; } }

      .news-section .news-left-bar .news-wrapper .wrapper-content h3 {

        font-size: 26px;

        font-weight: 700;

        line-height: 30px;

        color: #111111;

        margin: 10px 0 7px; }

        @media only screen and (max-width: 767px) {

          .news-section .news-left-bar .news-wrapper .wrapper-content h3 {

            font-size: 20px;

            line-height: 25px; } }

      .news-section .news-left-bar .news-wrapper .wrapper-content .post {

        font-size: 14px;

        line-height: 27px;

        text-transform: uppercase;

        color: #999999; }

      .news-section .news-left-bar .news-wrapper .wrapper-content p {

        font-size: 16px;

        line-height: 24px;

        color: #666666;

        padding-top: 10px; }

        @media only screen and (max-width: 479px) {

          .news-section .news-left-bar .news-wrapper .wrapper-content p {

            font-size: 14px; } }

      .news-section .news-left-bar .news-wrapper .wrapper-content .link {

        font-size: 16px; }

        .news-section .news-left-bar .news-wrapper .wrapper-content .link a {

          color: #666666; }

          .news-section .news-left-bar .news-wrapper .wrapper-content .link a:hover {

            color: #f5800d; }

          .news-section .news-left-bar .news-wrapper .wrapper-content .link a i {

            margin-left: 5px;

            vertical-align: middle; }

  @media only screen and (max-width: 767px) {

    .news-section .news-left-bar .pagination {

      margin: 0; } }

@media (max-width: 991px) {

  .news-section .news-right-bar {

    margin: 0 !important; } }

.news-section .news-right-bar .widget-search .form-control {

  color: #999999;

  height: 40px;

  border: 1px solid #c8c8c8;

  background: transparent; }

.news-section .news-right-bar .widget-category,

.news-section .news-right-bar .widget-archive {

  margin: 50px 0; }

  @media only screen and (max-width: 767px) {

    .news-section .news-right-bar .widget-category,

    .news-section .news-right-bar .widget-archive {

      margin: 30px 0; } }

  .news-section .news-right-bar .widget-category h4,

  .news-section .news-right-bar .widget-archive h4 {

    font-size: 24px;

    font-weight: 600;

    color: #000000; }

    @media only screen and (max-width: 767px) {

      .news-section .news-right-bar .widget-category h4,

      .news-section .news-right-bar .widget-archive h4 {

        font-size: 20px;

        margin-bottom: 10px; } }

    @media only screen and (max-width: 479px) {

      .news-section .news-right-bar .widget-category h4,

      .news-section .news-right-bar .widget-archive h4 {

        margin: 0 0 10px; } }

  .news-section .news-right-bar .widget-category ul li,

  .news-section .news-right-bar .widget-archive ul li {

    font-size: 16px;

    font-weight: 700;

    line-height: 40px;

    border-bottom: 1px solid rgba(199, 197, 197, 0.38);

    padding: 5px 0; }

    @media only screen and (max-width: 479px) {

      .news-section .news-right-bar .widget-category ul li,

      .news-section .news-right-bar .widget-archive ul li {

        font-size: 14px;

        line-height: 30px; } }

    .news-section .news-right-bar .widget-category ul li:last-child,

    .news-section .news-right-bar .widget-archive ul li:last-child {

      border-bottom: none; }

    .news-section .news-right-bar .widget-category ul li a,

    .news-section .news-right-bar .widget-archive ul li a {

      color: #31363b; }

      .news-section .news-right-bar .widget-category ul li a:hover,

      .news-section .news-right-bar .widget-archive ul li a:hover {

        color: #f5800d; }

.news-section .news-right-bar .widget-post {

  margin-bottom: 75px; }

  @media only screen and (max-width: 991px) {

    .news-section .news-right-bar .widget-post {

      margin-bottom: 80px; } }

  @media only screen and (max-width: 767px) {

    .news-section .news-right-bar .widget-post {

      margin-bottom: 55px; } }

  .news-section .news-right-bar .widget-post h4 {

    font-family: "Dosis", sans-serif;

    font-size: 24px;

    font-weight: 600;

    color: #000000;

    text-transform: uppercase;

    margin-bottom: 35px; }

    @media only screen and (max-width: 767px) {

      .news-section .news-right-bar .widget-post h4 {

        font-size: 20px;

        margin-bottom: 20px; } }

  .news-section .news-right-bar .widget-post ul li {

    margin-bottom: 25px; }

    @media only screen and (max-width: 991px) {

      .news-section .news-right-bar .widget-post ul li {

        margin-bottom: 50px; } }

    .news-section .news-right-bar .widget-post ul li .thumb {

      margin-right: 20px; }

      .news-section .news-right-bar .widget-post ul li .thumb img {

        width: 70px;

        height: 100px; }

    .news-section .news-right-bar .widget-post ul li .post-desk {

      padding: 8px 0; }

      .news-section .news-right-bar .widget-post ul li .post-desk h5 {

        font-family: "Dosis", sans-serif;

        font-size: 16px;

        font-weight: 500;

        line-height: 20px;

        margin: 0; }

        .news-section .news-right-bar .widget-post ul li .post-desk h5 a {

          color: #000000; }

          .news-section .news-right-bar .widget-post ul li .post-desk h5 a:hover {

            color: #f5800d; }

      .news-section .news-right-bar .widget-post ul li .post-desk .date {

        font-size: 12px;

        font-weight: 700;

        color: #999999; }

.news-section .news-right-bar .widget-tag h4 {

  font-family: "Dosis", sans-serif;

  font-size: 24px;

  font-weight: 600;

  color: #000000;

  text-transform: uppercase;

  margin-bottom: 35px; }

  @media only screen and (max-width: 767px) {

    .news-section .news-right-bar .widget-tag h4 {

      font-size: 20px;

      margin-bottom: 20px; } }

.news-section .news-right-bar .widget-tag ul li {

  font-family: "Dosis", sans-serif;

  display: inline-block;

  font-weight: 700;

  line-height: 26px;

  margin-right: 7px; }

  .news-section .news-right-bar .widget-tag ul li a {

    color: #555555; }

    .news-section .news-right-bar .widget-tag ul li a:hover {

      color: #f5800d; }

.news-section .news-right-bar .widget-tag ul li:nth-child(1) a,

.news-section .news-right-bar .widget-tag ul li:nth-child(3) a,

.news-section .news-right-bar .widget-tag ul li:nth-child(5) a,

.news-section .news-right-bar .widget-tag ul li:nth-child(7) a,

.news-section .news-right-bar .widget-tag ul li:nth-child(8) a,

.news-section .news-right-bar .widget-tag ul li:nth-child(9) a,

.news-section .news-right-bar .widget-tag ul li:nth-child(11) a {

  font-size: 14px;

  color: #555555; }

  .news-section .news-right-bar .widget-tag ul li:nth-child(1) a:hover,

  .news-section .news-right-bar .widget-tag ul li:nth-child(3) a:hover,

  .news-section .news-right-bar .widget-tag ul li:nth-child(5) a:hover,

  .news-section .news-right-bar .widget-tag ul li:nth-child(7) a:hover,

  .news-section .news-right-bar .widget-tag ul li:nth-child(8) a:hover,

  .news-section .news-right-bar .widget-tag ul li:nth-child(9) a:hover,

  .news-section .news-right-bar .widget-tag ul li:nth-child(11) a:hover {

    color: #f5800d; }

.news-section .news-right-bar .widget-tag ul li:nth-child(2) a {

  color: #212121;

  font-size: 24px; }

  .news-section .news-right-bar .widget-tag ul li:nth-child(2) a:hover {

    color: #f5800d; }

.news-section .news-right-bar .widget-tag ul li:nth-child(4) a {

  color: #888888;

  font-size: 20px; }

  .news-section .news-right-bar .widget-tag ul li:nth-child(4) a:hover {

    color: #f5800d; }

.news-section .news-right-bar .widget-tag ul li:nth-child(6) a,

.news-section .news-right-bar .widget-tag ul li:nth-child(13) a {

  color: #555555;

  font-size: 18px; }

  .news-section .news-right-bar .widget-tag ul li:nth-child(6) a:hover,

  .news-section .news-right-bar .widget-tag ul li:nth-child(13) a:hover {

    color: #f5800d; }

.news-section .news-right-bar .widget-tag ul li:nth-child(10) a {

  color: #888888;

  font-size: 22px; }

  .news-section .news-right-bar .widget-tag ul li:nth-child(10) a:hover {

    color: #f5800d; }

.news-section .news-right-bar .widget-tag ul li:nth-child(12) a {

  color: #212121;

  font-size: 24px; }

  .news-section .news-right-bar .widget-tag ul li:nth-child(12) a:hover {

    color: #f5800d; }

.news-section .news-right-bar .widget-photo-gram {

  margin-top: 75px; }

  @media only screen and (max-width: 767px) {

    .news-section .news-right-bar .widget-photo-gram {

      margin-top: 50px; } }

  @media only screen and (max-width: 479px) {

    .news-section .news-right-bar .widget-photo-gram {

      margin-top: 30px; } }

  .news-section .news-right-bar .widget-photo-gram h4 {

    font-size: 24px;

    font-weight: 600;

    color: #000000;

    margin-bottom: 35px; }

    @media only screen and (max-width: 767px) {

      .news-section .news-right-bar .widget-photo-gram h4 {

        font-size: 20px;

        margin-bottom: 20px; } }

  .news-section .news-right-bar .widget-photo-gram .instagram {

    display: -webkit-flex;

    display: flex;

    -webkit-flex-flow: row wrap;

    flex-flow: row wrap;

    overflow: hidden;

    margin: 0 auto; }

    .news-section .news-right-bar .widget-photo-gram .instagram .image {

      background-image: 100%;

      background-position: center center;

      width: 73px;

      height: 73px;

      margin: 2px;

      overflow: hidden;

      position: relative;

      cursor: pointer;

      -webkit-transition: 1s;

      -khtml-transition: 1s;

      -moz-transition: 1s;

      -ms-transition: 1s;

      -o-transition: 1s;

      transition: 1s; }

      .news-section .news-right-bar .widget-photo-gram .instagram .image:hover {

        background-image: 110%; }

      .news-section .news-right-bar .widget-photo-gram .instagram .image .caption {

        display: none; }

.news-section .single-news {

  background-color: #f6f6f6; }

  @media only screen and (max-width: 991px) {

    .news-section .single-news {

      margin-bottom: 100px; } }

  @media only screen and (max-width: 767px) {

    .news-section .single-news {

      margin-bottom: 70px; } }

  .news-section .single-news .news-wrapper img {

    width: 100%; }

  .news-section .single-news .news-wrapper .wrapper-content {

    padding: 32px 32px 50px; }

    @media only screen and (max-width: 991px) {

      .news-section .single-news .news-wrapper .wrapper-content {

        padding: 32px 32px 20px; } }

    @media only screen and (max-width: 479px) {

      .news-section .single-news .news-wrapper .wrapper-content {

        padding: 32px 15px 10px; } }

    .news-section .single-news .news-wrapper .wrapper-content .title {

      font-size: 14px;

      font-weight: 700;

      color: #FFFFFF;

      background-color: #f5800d;

      padding: 4px 8px; }

    .news-section .single-news .news-wrapper .wrapper-content h3 {

      font-size: 30px;

      font-weight: 600;

      line-height: 35px;

      color: #111111;

      margin: 10px 0 7px; }

      @media only screen and (max-width: 767px) {

        .news-section .single-news .news-wrapper .wrapper-content h3 {

          font-size: 25px;

          line-height: 30px; } }

      @media only screen and (max-width: 479px) {

        .news-section .single-news .news-wrapper .wrapper-content h3 {

          font-size: 20px;

          line-height: 25px; } }

    .news-section .single-news .news-wrapper .wrapper-content .post {

      font-size: 14px;

      line-height: 27px;

      text-transform: uppercase;

      color: #999999; }

    .news-section .single-news .news-wrapper .wrapper-content p {

      font-size: 16px;

      line-height: 28px;

      color: #666666;

      padding-top: 10px; }

    .news-section .single-news .news-wrapper .wrapper-content img {

      margin-top: 10px; }

    .news-section .single-news .news-wrapper .wrapper-content h4 {

      font-size: 22px;

      font-weight: 600;

      line-height: 28px;

      color: #212121;

      margin: 30px 0 0; }

    .news-section .single-news .news-wrapper .wrapper-content .link {

      font-size: 16px; }

      .news-section .single-news .news-wrapper .wrapper-content .link a {

        color: #666666; }

        .news-section .single-news .news-wrapper .wrapper-content .link a:hover {

          color: #f5800d; }

        .news-section .single-news .news-wrapper .wrapper-content .link a i {

          margin-left: 5px;

          vertical-align: middle; }

  .news-section .single-news .widget {

    margin: 25px 32px 17px 40px; }

    .news-section .single-news .widget .widget-tag {

      display: inline-block; }

      .news-section .single-news .widget .widget-tag h5 {

        font-family: "Dosis", sans-serif;

        font-size: 14.5px;

        font-weight: 600;

        text-transform: capitalize;

        line-height: 25px;

        letter-spacing: 1px;

        color: #000000;

        display: inline-block;

        margin-right: 32px;

        vertical-align: top; }

      .news-section .single-news .widget .widget-tag ul {

        display: inline-block; }

        .news-section .single-news .widget .widget-tag ul li {

          font-family: "Dosis", sans-serif;

          padding: 0;

          margin-right: 6px;

          margin-bottom: 13px; }

          @media (max-width: 767px) {

            .news-section .single-news .widget .widget-tag ul li {

              margin-bottom: 10px; } }

          .news-section .single-news .widget .widget-tag ul li:last-child {

            margin-right: 0; }

          .news-section .single-news .widget .widget-tag ul li a {

            font-size: 14px;

            line-height: 20px;

            color: #666666;

            background: #FFFFFF;

            padding: 6px 15px; }

            .news-section .single-news .widget .widget-tag ul li a:hover {

              color: #FFFFFF;

              background: #f5800d; }

    @media (max-width: 1199px) {

      .news-section .single-news .widget .widget-social {

        float: none !important; } }

    .news-section .single-news .widget .widget-social ul li {

      font-family: "Dosis", sans-serif;

      padding: 0;

      margin-right: 6px; }

      @media (max-width: 767px) {

        .news-section .single-news .widget .widget-social ul li {

          margin-bottom: 15px; } }

      .news-section .single-news .widget .widget-social ul li:last-child {

        margin-right: 0; }

      .news-section .single-news .widget .widget-social ul li a {

        font-size: 16.5px;

        font-weight: 500;

        color: #FFFFFF;

        padding: 8px 20px; }

        .news-section .single-news .widget .widget-social ul li a:hover {

          color: #f5800d; }

        .news-section .single-news .widget .widget-social ul li a i {

          font-size: 14px;

          padding-right: 5px; }

        @media (max-width: 767px) {

          .news-section .single-news .widget .widget-social ul li a {

            font-size: 12px; } }

  .news-section .single-news .section-bottom {

    background-color: #f6f6f6; }

    @media (max-width: 767px) {

      .news-section .single-news .section-bottom .comments-wrapper {

        margin-left: 0 !important;

        margin-right: 0 !important; } }

    .news-section .single-news .section-bottom .comments-wrapper h3 {

      font-size: 21px;

      font-weight: 700;

      line-height: 28px;

      color: #000000;

      text-align: center;

      padding-top: 50px;

      margin-bottom: 65px; }

      @media only screen and (max-width: 767px) {

        .news-section .single-news .section-bottom .comments-wrapper h3 {

          padding-top: 20px;

          margin-bottom: 30px; } }

      @media only screen and (max-width: 479px) {

        .news-section .single-news .section-bottom .comments-wrapper h3 {

          margin-bottom: 40px; } }

    .news-section .single-news .section-bottom .comments-wrapper .comment-respond .first-comment {

      margin: 0 40px 0 45px; }

      @media only screen and (max-width: 479px) {

        .news-section .single-news .section-bottom .comments-wrapper .comment-respond .first-comment {

          margin: 0 15px; }

          .news-section .single-news .section-bottom .comments-wrapper .comment-respond .first-comment .pull-left {

            float: none !important; } }

    .news-section .single-news .section-bottom .comments-wrapper .comment-respond .sub-comment {

      background: #e9e8e8;

      padding: 30px;

      margin: 25px 0 80px 102px; }

      @media (max-width: 767px) {

        .news-section .single-news .section-bottom .comments-wrapper .comment-respond .sub-comment {

          margin-left: 0;

          margin-bottom: 40px; } }

      @media only screen and (max-width: 479px) {

        .news-section .single-news .section-bottom .comments-wrapper .comment-respond .sub-comment {

          padding: 30px 15px; }

          .news-section .single-news .section-bottom .comments-wrapper .comment-respond .sub-comment .pull-left {

            float: none !important; } }

    .news-section .single-news .section-bottom .comments-wrapper .comment-respond .comment-avater {

      width: 43px;

      height: 43px;

      margin-right: 2px; }

    @media (max-width: 767px) {

      .news-section .single-news .section-bottom .comments-wrapper .comment-respond .media-body {

        display: block;

        padding-top: 15px;

        width: auto; } }

    .news-section .single-news .section-bottom .comments-wrapper .comment-respond .media-body h5 {

      font-size: 16px;

      font-weight: 500;

      line-height: 15px;

      display: inline-block;

      vertical-align: top;

      margin: 0 15px 0 0; }

      .news-section .single-news .section-bottom .comments-wrapper .comment-respond .media-body h5 a {

        color: #000000; }

    .news-section .single-news .section-bottom .comments-wrapper .comment-respond .media-body .time {

      font-size: 14px;

      line-height: 10px;

      color: #a9a9a9;

      letter-spacing: -1px;

      vertical-align: text-top; }

    .news-section .single-news .section-bottom .comments-wrapper .comment-respond .media-body p {

      font-size: 14.5px;

      line-height: 23.5px;

      color: #666666;

      margin-bottom: 11px;

      margin-top: -3px; }

    .news-section .single-news .section-bottom .comments-wrapper .comment-respond .media-body .comment-replay {

      font-family: "Dosis", sans-serif;

      font-size: 16.5px;

      font-weight: 500;

      line-height: 25px; }

    .news-section .single-news .section-bottom .reserve-blog-form {

      padding: 10px 0 5px; }

      .news-section .single-news .section-bottom .reserve-blog-form h3 {

        font-size: 21.5px;

        font-weight: 500;

        line-height: 28px;

        color: #000000;

        text-align: center;

        margin-bottom: 40px; }

      .news-section .single-news .section-bottom .reserve-blog-form .blog-contact-form {

        padding: 0 25px; }

        @media only screen and (max-width: 479px) {

          .news-section .single-news .section-bottom .reserve-blog-form .blog-contact-form {

            padding: 0; } }

        .news-section .single-news .section-bottom .reserve-blog-form .blog-contact-form .form-horizontal .form-group {

          margin: 0 0 50px; }

          @media only screen and (max-width: 479px) {

            .news-section .single-news .section-bottom .reserve-blog-form .blog-contact-form .form-horizontal .form-group {

              margin: 0 0 30px; } }

          .news-section .single-news .section-bottom .reserve-blog-form .blog-contact-form .form-horizontal .form-group .form-control {

            font-size: 15px;

            color: #a7a7a7;

            border: 0;

            border-bottom: 1px solid #dbdbdb;

            border-radius: 0;

            box-shadow: none;

            background-color: transparent; }

      .news-section .single-news .section-bottom .reserve-blog-form .subscribeBtn {

        margin-top: 30px;

        padding: 10px 55px;

        background-color: #f5800d;

        -webkit-box-shadow: 0 5px #c76708;

        box-shadow: 0 5px #c76708; }

        .news-section .single-news .section-bottom .reserve-blog-form .subscribeBtn:hover {

          background-color: #f5800d;

          -webkit-box-shadow: 0 3px #c76708;

          box-shadow: 0 3px #c76708; }

        @media only screen and (max-width: 767px) {

          .news-section .single-news .section-bottom .reserve-blog-form .subscribeBtn {

            padding: 8px 50px;

            margin-top: 0;

            font-size: 18px; } }

        @media only screen and (max-width: 767px) {

          .news-section .single-news .section-bottom .reserve-blog-form .subscribeBtn {

            padding: 5px 40px;

            font-size: 16px; } }



/* =========================================================

        Footer STYLE 

============================================================ */

.footer-section {

  position: relative;

  background: #1b232f;

  color: #FFFFFF; }

  .footer-section .footer-container {

    padding: 130px 0 100px; }

    @media (min-width: 768px) and (max-width: 991px) {

      .footer-section .footer-container {

        padding: 100px 0 30px; } }

    @media only screen and (max-width: 767px) {

      .footer-section .footer-container {

        padding: 70px 0 30px; } }

    @media only screen and (max-width: 991px) {

      .footer-section .footer-container .footer-wrapper {

        margin-bottom: 50px; } }

    @media (min-width: 768px) and (max-width: 991px) {

      .footer-section .footer-container .footer-wrapper {

        min-height: 390px; }

        .footer-section .footer-container .footer-wrapper.last-wrapper {

          min-height: 235px; } }

    @media only screen and (max-width: 767px) {

      .footer-section .footer-container .footer-wrapper {

        margin: 0 0 40px; } }

    .footer-section .footer-container .footer-wrapper .footer-logo {

      margin-left: -5px; }

      @media (min-width: 992px) and (max-width: 1199px) {

        .footer-section .footer-container .footer-wrapper .footer-logo img {

          width: 100%; } }

      @media only screen and (max-width: 550px) {

        .footer-section .footer-container .footer-wrapper .footer-logo img {

          max-width: 100%; } }

    .footer-section .footer-container .footer-wrapper p {

      font-size: 18px;

      line-height: 30px;

      word-break: break-all;

      margin: 40px 0; }

      @media only screen and (max-width: 767px) {

        .footer-section .footer-container .footer-wrapper p {

          font-size: 16px;

          line-height: 30px;

          margin: 20px 0 30px; } }

    .footer-section .footer-container .footer-wrapper .contact-wrapper li {

      font-size: 18px;

      line-height: 25px;

      color: #FFFFFF;

      letter-spacing: .5px;

      margin-bottom: 27px; }

      @media only screen and (max-width: 767px) {

        .footer-section .footer-container .footer-wrapper .contact-wrapper li {

          font-size: 16px;

          line-height: 22px;

          margin-bottom: 10px; } }

      .footer-section .footer-container .footer-wrapper .contact-wrapper li a {

        color: #FFFFFF; }

        .footer-section .footer-container .footer-wrapper .contact-wrapper li a:hover {

          color: #f5800d; }

      .footer-section .footer-container .footer-wrapper .contact-wrapper li span {

        margin-left: 40px;

        display: block; }

        @media only screen and (max-width: 767px) {

          .footer-section .footer-container .footer-wrapper .contact-wrapper li span {

            margin-left: 30px; } }

      .footer-section .footer-container .footer-wrapper .contact-wrapper li i {

        font-size: 25px;

        float: left;

        margin-top: 5px; }

        @media only screen and (max-width: 767px) {

          .footer-section .footer-container .footer-wrapper .contact-wrapper li i {

            font-size: 20px; } }

    .footer-section .footer-container .footer-wrapper h3 {

      font-family: "Dosis", sans-serif;

      font-size: 36px;

      font-weight: 600;

      line-height: 30px;

      color: #FFFFFF;

      margin-bottom: 40px; }

      @media only screen and (max-width: 991px) {

        .footer-section .footer-container .footer-wrapper h3 {

          margin-bottom: 35px; } }

      @media only screen and (max-width: 767px) {

        .footer-section .footer-container .footer-wrapper h3 {

          font-size: 25px;

          margin-bottom: 15px; } }

    .footer-section .footer-container .footer-wrapper .wrapper-option li a {

      font-size: 18px;

      line-height: 50px;

      color: #FFFFFF;

      letter-spacing: .5px; }

      .footer-section .footer-container .footer-wrapper .wrapper-option li a:hover {

        color: #f5800d; }

      @media only screen and (max-width: 767px) {

        .footer-section .footer-container .footer-wrapper .wrapper-option li a {

          font-size: 16px;

          line-height: 25px; } }

      @media only screen and (max-width: 991px) {

        .footer-section .footer-container .footer-wrapper .wrapper-option li a {

          line-height: 35px; } }

  .footer-section .copy-right {

    border-top: 1px solid #0b0f14;

    padding: 46px 0; }

    @media only screen and (max-width: 991px) {

      .footer-section .copy-right {

        padding: 25px 0; } }

    @media only screen and (max-width: 767px) {

      .footer-section .copy-right {

        text-align: center; } }

    .footer-section .copy-right p {

      font-size: 18px;

      float: left;

      margin: 0; }

      @media only screen and (max-width: 991px) {

        .footer-section .copy-right p {

          font-size: 16px; } }

      @media only screen and (max-width: 767px) {

        .footer-section .copy-right p {

          font-size: 14px;

          float: none; } }

    .footer-section .copy-right .social-icon li {

      display: inline-block;

      margin: 0 15px; }

      @media only screen and (max-width: 991px) {

        .footer-section .copy-right .social-icon li {

          margin: 0 8px; } }

      .footer-section .copy-right .social-icon li:last-child {

        margin-right: 0; }

      .footer-section .copy-right .social-icon li a {

        color: #FFFFFF;

        font-size: 24px; }

        .footer-section .copy-right .social-icon li a:hover {

          color: #f5800d; }

        .footer-section .copy-right .social-icon li a i {

          font-size: 28px; }

          @media only screen and (max-width: 991px) {

            .footer-section .copy-right .social-icon li a i {

              font-size: 20px; } }

          @media only screen and (max-width: 767px) {

            .footer-section .copy-right .social-icon li a i {

              font-size: 15px; } }

    @media only screen and (max-width: 767px) {

      .footer-section .copy-right .social-icon {

        text-align: center; } }



/* =========================================================

        Home-Page-One-STYLE 

============================================================ */

/* =========================================================

        Home-Page-Two-STYLE 

============================================================ */

.homePageTwo .header-section {

  position: relative; }

  .homePageTwo .header-section .navbar {

    background-color: #1b232f; }

    .homePageTwo .header-section .navbar::before {

      display: none; }

    .homePageTwo .header-section .navbar .navbar-collapse .navbar-nav li {

      margin-right: 0;

      padding: 0 18px;

      z-index: 2; }

      .homePageTwo .header-section .navbar .navbar-collapse .navbar-nav li.active {

        background-color: #141b24; }

      .homePageTwo .header-section .navbar .navbar-collapse .navbar-nav li a {

        color: #FFFFFF; }

      .homePageTwo .header-section .navbar .navbar-collapse .navbar-nav li .dropdown-menu li {

        background-color: transparent; }

    @media (max-width: 1199px) and (min-width: 992px) {

      .homePageTwo .header-section .navbar .navbar-collapse .navbar-nav {

        margin-right: 10px; } }

  .homePageTwo .header-section .feature {

    position: absolute;

    width: 100%;

    top: 148px;

    z-index: 99; }

    .homePageTwo .header-section .feature .feature-wrapper {

      background: #3575d3;

      display: flex;

      padding: 9px 0; }

      .homePageTwo .header-section .feature .feature-wrapper li {

        font-size: 17px;

        flex: 1; }

        .homePageTwo .header-section .feature .feature-wrapper li a {

          color: #FFFFFF; }

          .homePageTwo .header-section .feature .feature-wrapper li a:hover {

            color: #f5800d; }

        .homePageTwo .header-section .feature .feature-wrapper li .update {

          position: absolute;

          line-height: 10px;

          padding: 3px 10px;

          border-radius: 0 5px 0 5px;

          top: 0;

          margin-left: -10px;

          font-size: 12px;

          color: #FFFFFF;

          background-color: #f02525; }

.homePageTwo .slider-section .large-text {

  font-size: 48px;

  line-height: 55px;

  color: #FFFFFF; }

.homePageTwo .slider-section .small-text {

  font-size: 18px;

  line-height: 35px;

  color: #FFFFFF;

  border-bottom: 3px solid #3575d3; }

.homePageTwo .slider-section .medium-text {

  color: #FFFFFF; }

  .homePageTwo .slider-section .medium-text .theme-color {

    color: #FFFFFF; }

  @media only screen and (max-width: 991px) {

    .homePageTwo .slider-section .medium-text .big-text {

      font-size: 20px; } }

.homePageTwo .slider-section .ex-small-text {

  font-size: 18px;

  color: #FFFFFF; }

@media (min-width: 992px) and (max-width: 1199px) {

  .homePageTwo .slider-section .link-button .btn-primary {

    font-size: 16px;

    padding: 8px 20px; } }

@media only screen and (max-width: 991px) {

  .homePageTwo .slider-section .link-button .btn-primary {

    font-size: 14px;

    padding: 6px 15px; } }

.homePageTwo .priceing-section {

  background-color: #f3f2f0; }



/* =========================================================

        Home-Page-Three-STYLE 

============================================================ */

.homePageThree .header-section {

  position: relative; }

  .homePageThree .header-section .navbar {

    position: relative;

    background-color: #3575d3; }

    .homePageThree .header-section .navbar.sticky {

      position: fixed; }

    .homePageThree .header-section .navbar::before {

      display: none; }

    .homePageThree .header-section .navbar .navbar-collapse .navbar-nav li.active a {

      color: #f5800d; }

    .homePageThree .header-section .navbar .navbar-collapse .navbar-nav li a {

      color: #FFFFFF; }

.homePageThree .slider-section {

  margin-top: 0;

  overflow: hidden; }

  .homePageThree .slider-section .content-box {

    background-color: rgba(255, 255, 255, 0.9);

    border: 3px solid #3575d3;

    border-radius: 8px;

    padding: 30px 50px 50px;

    width: 550px; }

    @media only screen and (max-width: 380px) {

      .homePageThree .slider-section .content-box {

        display: none; } }

    .homePageThree .slider-section .content-box p {

      margin-bottom: 50px; }

    .homePageThree .slider-section .content-box .ex-small-text {

      font-size: 16px;

      color: #3575d3; }

    .homePageThree .slider-section .content-box .price {

      display: inline-block; }

    @media (min-width: 600px) and (max-width: 899px) {

      .homePageThree .slider-section .content-box {

        width: 450px;

        padding: 20px 30px 30px; }

        .homePageThree .slider-section .content-box .large-text {

          font-size: 25px;

          line-height: 25px;

          margin-bottom: 10px; }

        .homePageThree .slider-section .content-box .medium-text {

          font-size: 14px;

          line-height: 20px; }

          .homePageThree .slider-section .content-box .medium-text .big-text {

            font-size: 20px; }

        .homePageThree .slider-section .content-box p {

          line-height: 20px;

          margin-bottom: 20px; }

        .homePageThree .slider-section .content-box .btn-primary {

          font-size: 15px;

          padding: 6px 20px; } }

    @media only screen and (max-width: 599px) {

      .homePageThree .slider-section .content-box {

        width: 250px;

        padding: 20px 15px 15px;

        margin-left: 20px; }

        .homePageThree .slider-section .content-box .large-text {

          font-size: 18px;

          line-height: 20px;

          margin-bottom: 5px; }

        .homePageThree .slider-section .content-box .medium-text {

          font-size: 12px;

          line-height: 8px; }

          .homePageThree .slider-section .content-box .medium-text .big-text {

            font-size: 15px; }

        .homePageThree .slider-section .content-box p {

          line-height: 10px;

          margin-bottom: 15px; }

        .homePageThree .slider-section .content-box .btn-primary {

          display: none; } }

.homePageThree .domain-section {

  background: #FFFFFF; }

  .homePageThree .domain-section .domain-wrapper {

    margin: 0; }

    .homePageThree .domain-section .domain-wrapper .package {

      margin-bottom: 0; }

      .homePageThree .domain-section .domain-wrapper .package li {

        flex: inherit;

        margin-right: 40px; }

        @media (min-width: 500px) and (max-width: 767px) {

          .homePageThree .domain-section .domain-wrapper .package li {

            margin-right: 20px; } }

        @media only screen and (max-width: 499px) {

          .homePageThree .domain-section .domain-wrapper .package li {

            margin-right: 10px; } }

    .homePageThree .domain-section .domain-wrapper .domain-bar .subscribeForm .domainSearchBar {

      width: 75%;

      background-color: transparent;

      border: 2px solid #3575d3;

      padding: 19px 40px; }

      @media (min-width: 992px) and (max-width: 1199px) {

        .homePageThree .domain-section .domain-wrapper .domain-bar .subscribeForm .domainSearchBar {

          padding: 13px 40px; } }

      @media (min-width: 767px) and (max-width: 991px) {

        .homePageThree .domain-section .domain-wrapper .domain-bar .subscribeForm .domainSearchBar {

          width: 65%;

          padding: 13px 40px; } }

      @media only screen and (max-width: 767px) {

        .homePageThree .domain-section .domain-wrapper .domain-bar .subscribeForm .domainSearchBar {

          width: 55%;

          padding: 8px 15px; } }

    .homePageThree .domain-section .domain-wrapper .domain-bar .subscribeForm .option .btn {

      background-color: transparent;

      border: 2px solid #3575d3;

      padding: 19.5px 25px 19px;

      border-left: 0; }

      @media (min-width: 767px) and (max-width: 1199px) {

        .homePageThree .domain-section .domain-wrapper .domain-bar .subscribeForm .option .btn {

          padding: 13.5px 25px 13px; } }

      @media only screen and (max-width: 767px) {

        .homePageThree .domain-section .domain-wrapper .domain-bar .subscribeForm .option .btn {

          padding: 6.5px 25px 10px; } }

.homePageThree .priceing-section {

  background-color: #f3f2f0; }

.homePageThree .service-section .service-wrapper .nav-tabs {

  display: inline-block;

  margin: 22px 0; }

  @media only screen and (max-width: 991px) {

    .homePageThree .service-section .service-wrapper .nav-tabs {

      display: flex; } }

  @media only screen and (max-width: 479px) {

    .homePageThree .service-section .service-wrapper .nav-tabs {

      display: inherit; } }

  .homePageThree .service-section .service-wrapper .nav-tabs li {

    overflow: visible;

    margin: 0 0 20px; }

    .homePageThree .service-section .service-wrapper .nav-tabs li:last-child {

      margin-bottom: 0; }

      @media only screen and (max-width: 991px) {

        .homePageThree .service-section .service-wrapper .nav-tabs li:last-child {

          margin: 0 0 20px; } }

      @media only screen and (max-width: 479px) {

        .homePageThree .service-section .service-wrapper .nav-tabs li:last-child {

          margin: 0 0 5px; } }

    .homePageThree .service-section .service-wrapper .nav-tabs li i {

      margin-right: 5px; }

    .homePageThree .service-section .service-wrapper .nav-tabs li .feature {

      position: absolute;

      top: -8px;

      right: 15px;

      font-size: 14px;

      line-height: 15px;

      text-transform: uppercase;

      background-color: #f6461d;

      padding: 2px 8px;

      border-radius: 5px 0 5px 0; }

      @media only screen and (max-width: 767px) {

        .homePageThree .service-section .service-wrapper .nav-tabs li .feature {

          font-size: 10px;

          top: -14px; } }

      @media only screen and (max-width: 479px) {

        .homePageThree .service-section .service-wrapper .nav-tabs li .feature {

          display: none; } }

    @media only screen and (max-width: 991px) {

      .homePageThree .service-section .service-wrapper .nav-tabs li {

        font-size: 17px;

        flex: 1;

        padding: 8px 15px;

        margin-right: 8px; } }

    @media only screen and (max-width: 767px) {

      .homePageThree .service-section .service-wrapper .nav-tabs li {

        font-size: 14px;

        padding: 6px 10px;

        margin-right: 5px;

        text-align: center; }

        .homePageThree .service-section .service-wrapper .nav-tabs li i {

          display: none; } }

    @media only screen and (max-width: 479px) {

      .homePageThree .service-section .service-wrapper .nav-tabs li {

        display: inline-block;

        margin-bottom: 5px; } }

.homePageThree .service-section .service-wrapper .tab-content .tab-pane .service-content {

  margin-top: 0;

  padding: 50px 50px 40px; }

  @media only screen and (max-width: 479px) {

    .homePageThree .service-section .service-wrapper .tab-content .tab-pane .service-content {

      padding: 15px; } }



/* =========================================================

        Single-Home-Page-One-STYLE 

============================================================ */

/* =========================================================

        Single-Home-Page-Two-STYLE 

============================================================ */

/* =========================================================

        Single-Home-Three-STYLE 

============================================================ */

.singlePageThree .header-section .navbar {

  position: absolute; }



/* =========================================================

        Shared-Hosting-Page-STYLE 

============================================================ */

.share-host-page .priceing-section {

  padding-top: 120px; }

  @media only screen and (max-width: 991px) {

    .share-host-page .priceing-section {

      padding-top: 100px; } }

  @media only screen and (max-width: 767px) {

    .share-host-page .priceing-section {

      padding-top: 70px; } }



/* =========================================================

        Testimonial-Page-STYLE 

============================================================ */

.testimonial-page .testimonial-section {

  padding-top: 0; }



/* =========================================================

        Single-news-Page-STYLE 

============================================================ */

@media only screen and (max-width: 991px) {

  .single-news-page .news-section .single-news {

    margin-bottom: 0; } }



/* =========================================================

        Domain-Page-STYLE 

============================================================ */

.domain-page .header-title {

  padding: 235px 0 165px; }

  .domain-page .header-title .domain-section {

    background: transparent; }

    .domain-page .header-title .domain-section .domain-wrapper {

      margin: 0; }

      .domain-page .header-title .domain-section .domain-wrapper h3 {

        color: #FFFFFF; }

      .domain-page .header-title .domain-section .domain-wrapper .domain-bar .subscribeForm .domainSearchBar {

        background-color: #FFFFFF; }

      .domain-page .header-title .domain-section .domain-wrapper .domain-bar .subscribeForm .option .btn {

        background-color: #bfcadd; }

.domain-page .subscribe-section {

  background: url(../images/subscribe/subscribe-bg-2.jpg) no-repeat center;

  padding: 100px 0 75px; }

  @media only screen and (max-width: 767px) {

    .domain-page .subscribe-section .subscribe-wrapper {

      text-align: center; } }

  .domain-page .subscribe-section .subscribe-wrapper h3 {

    margin-bottom: 0; }

  .domain-page .subscribe-section .subscribe-wrapper .small-text {

    color: #FFFFFF;

    font-weight: 400;

    text-shadow: 2px 2px #248fd5; }

  .domain-page .subscribe-section .subscribe-wrapper .search-bar {

    position: relative;

    margin-top: 25px; }

    .domain-page .subscribe-section .subscribe-wrapper .search-bar .subscribeSearchBar {

      width: 85%; }

    .domain-page .subscribe-section .subscribe-wrapper .search-bar .subscribeBtn {

      position: absolute;

      right: 0;

      top: 0;

      background-color: #f5800d;

      border-radius: 5px;

      margin-left: -5px;

      padding: 12.5px 30px;

      -webkit-box-shadow: 0 5px #c76708;

      box-shadow: 0 5px #c76708; }

      .domain-page .subscribe-section .subscribe-wrapper .search-bar .subscribeBtn:hover {

        top: 2px;

        background-color: #f5800d;

        -webkit-box-shadow: 0 3px #c76708;

        box-shadow: 0 3px #c76708; }

      @media only screen and (max-width: 767px) {

        .domain-page .subscribe-section .subscribe-wrapper .search-bar .subscribeBtn {

          font-size: 16px;

          position: inherit;

          margin: 5px 0 0;

          padding: 8px 20px; } }

      @media only screen and (max-width: 479px) {

        .domain-page .subscribe-section .subscribe-wrapper .search-bar .subscribeBtn {

          font-size: 14px;

          padding: 6px 15px; } }



/* =========================================================

        404-Page-STYLE 

============================================================ */

.error-page {

  background: url(../images/404.jpg) no-repeat;

  background-position: center center;

  background-size: cover; }

  .error-page .title {

    position: relative;

    top: 50%;

    margin-top: -122px; }

    .error-page .title h2 {

      font-size: 72px;

      line-height: 60px;

      color: #FFFFFF;

      margin-bottom: 44px; }

      @media only screen and (max-width: 767px) {

        .error-page .title h2 {

          font-size: 50px;

          line-height: 45px;

          margin-bottom: 20px; } }

    .error-page .title p {

      font-family: "Dosis", sans-serif;

      font-size: 24px;

      font-weight: 500;

      line-height: 30px;

      color: #FFFFFF;

      margin-bottom: 58px; }

      @media only screen and (max-width: 767px) {

        .error-page .title p {

          font-size: 20px;

          margin-bottom: 35px; } }

    .error-page .title .btn {

      font-size: 24px;

      font-weight: 500;

      padding: 14px 66px; }

      @media only screen and (max-width: 767px) {

        .error-page .title .btn {

          padding: 12px 40px; } }



/* =========================================================

        Color-Switcher-STYLE 

============================================================ */

.style-switcher-box {

  background-color: #FFFFFF;

  width: 252px;

  padding: 50px 25px;

  position: fixed;

  left: -252px;

  top: 15%;

  z-index: 999;

  border: 1px solid #d9d9d9;

  -webkit-transition: 0.3s;

  -khtml-transition: 0.3s;

  -moz-transition: 0.3s;

  -ms-transition: 0.3s;

  -o-transition: 0.3s;

  transition: 0.3s; }

  .style-switcher-box button {

    background-color: #3575d3;

    width: 45px;

    height: 45px;

    line-height: 40px;

    text-align: center;

    color: #000000;

    font-size: 20px;

    border: 0;

    outline: 0;

    box-shadow: none;

    position: absolute;

    right: -45px;

    top: 50px; }

    .style-switcher-box button i {

      color: #FFFFFF;

      -webkit-animation: rotating 2s linear infinite;

      animation: rotating 2s linear infinite; }

  .style-switcher-box h5 {

    font-size: 18px;

    color: #000000;

    text-align: center;

    margin: 0 0 2em;

    text-transform: uppercase; }

  .style-switcher-box .main-list > .list {

    margin-bottom: 30px; }

    .style-switcher-box .main-list > .list:last-child {

      margin-bottom: 0; }

  .style-switcher-box .list-title {

    display: block;

    font-size: 12px;

    border-bottom: 1px solid #cccccc;

    margin-bottom: 10px;

    padding-bottom: 5px;

    text-transform: uppercase; }

  .style-switcher-box .list > .sublist {

    margin-bottom: 10px; }

    .style-switcher-box .list > .sublist:last-child {

      margin-bottom: 0; }

  .style-switcher-box .sublist span {

    display: block;

    font-size: 12px;

    margin-bottom: 5px; }

  .style-switcher-box .sublist ul {

    overflow: hidden; }

    .style-switcher-box .sublist ul li {

      float: left;

      min-width: 32px;

      min-height: 32px;

      margin: 0 5px 5px 0;

      cursor: pointer; }

      .style-switcher-box .sublist ul li.color-default {

        background: #3575d3; }

      .style-switcher-box .sublist ul li.color-style1 {

        background: #C1AA81; }

      .style-switcher-box .sublist ul li.color-style2 {

        background: #FA9928; }

      .style-switcher-box .sublist ul li.color-style3 {

        background: #e21f2f; }

      .style-switcher-box .sublist ul li.color-style4 {

        background: #09142d; }

      .style-switcher-box .sublist ul li.color-style5 {

        background: #3498db; }

      .style-switcher-box .sublist ul li.color-style6 {

        background: #a57b4a; }

      .style-switcher-box .sublist ul li.color-style7 {

        background: #09a223; }

      .style-switcher-box .sublist ul li.color-style8 {

        background: #904eab; }

      .style-switcher-box .sublist ul li.color-style9 {

        background: #38cbcb; }

  .style-switcher-box .pattern-bg .sublist ul {

    overflow: hidden; }

    .style-switcher-box .pattern-bg .sublist ul li {

      float: left;

      min-width: 32px;

      min-height: 32px;

      margin: 0 5px 5px 0;

      cursor: pointer;

      background: url(../images/sp.jpg) no-repeat; }

  .style-switcher-box .layout ul li {

    background-color: #3575d3;

    min-height: 20px;

    color: #FFFFFF;

    padding: 5px 10px;

    font-size: 12px; }

  .style-switcher-box p {

    font-size: 11px;

    margin: 15px 0 0; }

    .style-switcher-box p span {

      color: #ff6666; }



.toggle-switcherbox {

  left: 0; }



/*** rotating ***/

@-webkit-keyframes rotating {

  form {

    -webkit-transform: rotate(0);

    transform: rotate(0); }

  to {

    -webkit-transform: rotate(360deg);

    transform: rotate(360deg); } }

@keyframes rotating {

  form {

    -webkit-transform: rotate(0);

    transform: rotate(0); }

  to {

    -webkit-transform: rotate(360deg);

    transform: rotate(360deg); } }

/* =========================================================

        Chat-Box STYLE 

============================================================ */

.support-box #open-box-two {

  position: fixed;

  right: 20px;

  bottom: 10px;

  background: #3575d3;

  padding: 6px 22px 0px;

  border-radius: 25px;

  font-size: 14px;

  color: #FFFFFF;

  cursor: pointer;

  z-index: 99; }

  @media only screen and (max-width: 767px) {

    .support-box #open-box-two {

      font-size: 11px;

      padding: 4px 18px 0px; } }

  .support-box #open-box-two.btn {

    -webkit-box-shadow: 0 5px #3575d3;

    box-shadow: 0 5px #3575d3; }

    .support-box #open-box-two.btn:hover, .support-box #open-box-two.btn:focus {

      top: auto; }

.support-box .mail-box {

  position: fixed;

  right: 20px;

  bottom: 10px;

  width: 300px;

  height: 400px;

  background-color: #FFFFFF;

  border: 1px solid #eee;

  border-radius: 8px;

  z-index: -1;

  opacity: 0;

  visibility: hidden;

  -webkit-transition: 0.8s;

  -khtml-transition: 0.8s;

  -moz-transition: 0.8s;

  -ms-transition: 0.8s;

  -o-transition: 0.8s;

  transition: 0.8s;

  transform: scale(0.1); }

  @media only screen and (max-width: 350px) {

    .support-box .mail-box {

      width: 200px; } }

  .support-box .mail-box.active {

    visibility: visible;

    opacity: 1;

    z-index: 1000;

    transform: scale(1); }

  .support-box .mail-box h4 {

    font-size: 18px;

    color: #FFFFFF;

    text-align: center;

    background-color: #3575d3;

    border-radius: 8px 8px 0 0;

    padding: 8px 0;

    margin: -1px -1px 0 -1px;

    cursor: pointer; }

    .support-box .mail-box h4 i {

      margin-right: 15px; }

  .support-box .mail-box .chat-form {

    padding: 15px; }

    .support-box .mail-box .chat-form .form-group {

      margin: 0 0 5px; }

      .support-box .mail-box .chat-form .form-group label {

        color: #0d1d36; }

      .support-box .mail-box .chat-form .form-group .chatSearchBar {

        width: 100%;

        padding: 0 10px; }

      .support-box .mail-box .chat-form .form-group .subscribeBtn {

        font-size: 14px;

        margin-top: 15px;

        border-radius: 8px;

        padding: 4px 12px;

        color: #FFFFFF; }



/* =========================================================

        Scroll-To-Top-STYLE 

============================================================ */

#toTop {

  position: fixed;

  bottom: 50px;

  right: 30px;

  color: #f5800d;

  cursor: pointer;

  display: none;

  width: 35px;

  height: 35px;

  font-size: 16px;

  line-height: 30px;

  border: 1px solid #f5800d;

  border-radius: 4px;

  text-align: center;

  z-index: 999; }



/* =========================================================

        Preloader-STYLE 

============================================================ */

#preloader {

  background-color: #FFFFFF;

  width: 100%;

  height: 100%;

  position: fixed;

  left: 0;

  top: 0;

  z-index: 10000; }

  #preloader .preloader-inner {

    width: 40px;

    height: 46px;

    position: absolute;

    left: 50%;

    top: 50%;

    margin-top: -40px;

    margin-left: -40px; }

  #preloader .preloader-inner span {

    background-color: #3575d3;

    width: 12px;

    height: 12px;

    float: left;

    margin: 2px 2px 2px 0;

    border-radius: 50%; }

  #preloader .preloader-inner > span:nth-child(3n+3) {

    margin-right: 0; }

  #preloader .preloader-inner span {

    -webkit-animation: perloader-pulse 0.4s infinite alternate;

    -moz-animation: perloader-pulse 0.4s infinite alternate;

    -o-animation: perloader-pulse 0.4s infinite alternate;

    -ms-animation: perloader-pulse 0.4s infinite alternate;

    animation: perloader-pulse 0.4s infinite alternate; }

  #preloader .preloader-inner > span:first-child {

    -webkit-animation-delay: 0.1s;

    -moz-animation-delay: 0.1s;

    -o-animation-delay: 0.1s;

    -ms-animation-delay: 0.1s;

    animation-delay: 0.1s; }

  #preloader .preloader-inner > span:nth-child(2) {

    background-color: #3575d3;

    -webkit-animation-delay: 0.2s;

    -moz-animation-delay: 0.2s;

    -o-animation-delay: 0.2s;

    -ms-animation-delay: 0.2s;

    animation-delay: 0.2s; }

  #preloader .preloader-inner > span:nth-child(3) {

    -webkit-animation-delay: 0.3s;

    -moz-animation-delay: 0.3s;

    -o-animation-delay: 0.3s;

    -ms-animation-delay: 0.3s;

    animation-delay: 0.3s; }

  #preloader .preloader-inner > span:nth-child(4) {

    background-color: #3575d3;

    -webkit-animation-delay: 0.4s;

    -moz-animation-delay: 0.4s;

    -o-animation-delay: 0.4s;

    -ms-animation-delay: 0.4s;

    animation-delay: 0.4s; }

  #preloader .preloader-inner > span:nth-child(5) {

    -webkit-animation-delay: 0.5s;

    -moz-animation-delay: 0.5s;

    -o-animation-delay: 0.5s;

    -ms-animation-delay: 0.5s;

    animation-delay: 0.5s; }

  #preloader .preloader-inner > span:nth-child(6) {

    background-color: #3575d3;

    -webkit-animation-delay: 0.6s;

    -moz-animation-delay: 0.6s;

    -ms-animation-delay: 0.6s;

    -o-animation-delay: 0.6s;

    animation-delay: 0.6s; }

  #preloader .preloader-inner > span:nth-child(7) {

    -webkit-animation-delay: 0.1s;

    -moz-animation-delay: 0.1s;

    -o-animation-delay: 0.1s;

    -ms-animation-delay: 0.1s;

    animation-delay: 0.1s; }

  #preloader .preloader-inner > span:nth-child(8) {

    background-color: #3575d3;

    -webkit-animation-delay: 0.2s;

    -moz-animation-delay: 0.2s;

    -o-animation-delay: 0.2s;

    -ms-animation-delay: 0.2s;

    animation-delay: 0.2s; }

  #preloader .preloader-inner > span:nth-child(9) {

    -webkit-animation-delay: 0.3s;

    -moz-animation-delay: 0.3s;

    -o-animation-delay: 0.3s;

    -ms-animation-delay: 0.3s;

    animation-delay: 0.3s; }



/*** preloader animation ***/

@-webkit-keyframes perloader-pulse {

  form {

    -webkit-transform: scale(1);

    opacity: 1; }

  to {

    -webkit-transform: scale(0.5);

    opacity: 0.8; } }

@keyframes perloader-pulse {

  form {

    -webkit-transform: scale(1);

    opacity: 1; }

  to {

    -webkit-transform: scale(0.5);

    opacity: 0.8; } }



/*# sourceMappingURL=style.css.map */