@charset "UTF-8";
/*-----------------------------------------------------------------------------------

    Template Name: Aiden - Creative Portfolio HTML5 Template
    Template URI: site.com
    Description: Aiden - Creative Portfolio HTML5 Template
    Author: Rs_Theme
    Version: 1.0

-----------------------------------------------------------------------------------

    CSS INDEX
    ===================
	01. Theme default css
	02. header css
	03. Navigation css
	04. hero css
	05. about css
	06. service css
	07. work CSS
	08. testimonial css
	09. brand css
	10. blog css
	11. contact css
	12. breadcrumb css
	13. cta css
	14. contact-page css
	15. blog-page css
	16. footer css

-----------------------------------------------------------------------------------*/
/* reset css start */
@import url("644b614f82934cd2a7833c108ceb941b.css");
@import url("a0020bf6401d4e99884e2be5f5402f24.css");
html {
  scroll-behavior: smooth;
}

body {
  font-family: "Microsoft YaHei", "微软雅黑", "Josefin Sans", sans-serif;
  font-size: 18px;
  padding: 0;
  margin: 0;
  font-weight: 400;
  position: relative;
  line-height: 26px;
  background: #f5feff;
}

img {
  max-width: 100%;
  height: auto;
}

ul, ol {
  padding: 0;
  margin: 0;
  list-style: none;
}

button {
  cursor: pointer;
}

*:focus {
  outline: none;
}

button {
  border: none;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

button:focus {
  outline: none;
}

a {
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
a:hover {
  text-decoration: none;
  color: #242B58;
}

table {
  width: 100%;
}

p, li, span {
  color: #242B58;
  margin-bottom: 0;
}

/* reset css end */
/* global css start */

/* global css end */

.height-50 {
  height: 40px;
  display: block;
}

.pt-232 {
  padding-top: 232px;
}

.section-heading {
  position: relative;
}
.section-heading h2 {
  font-size: 42px;
  line-height: 51px;
  display: inline-block;
  position: relative;
  padding-right: 15px;
  color: rgb(255 115 0 / 25%);
  text-transform: uppercase;
}
@media (max-width: 767px) {
  .section-heading h2 {
    font-size: 36px;
    line-height: 45px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .section-heading h2 {
    font-size: 42px;
    line-height: 51px;
  }
}
.section-heading h2::after {
  width: 160px;
  height: 100px;
  right: 0px;
  content: "";
  position: absolute;
  bottom: 0px;
  background: #b8dee094;
  z-index: -1;
}

/*--
    - Margin & Padding
-----------------------------------------*/
/*-- Margin Top --*/

/*-- Margin Top --*/

.mt-175 {
  margin-top: 175px;
}

/*-- Margin Bottom --*/

/*-- Margin Left --*/

/*-- Margin Right --*/

/*-- Padding Top --*/

/*-- Padding Bottom --*/

/*-- Padding Left --*/

/*-- Padding Right --*/

/* typography css start */
h1, h2, h3, h4, h5, h6 {
  font-weight: 700;
  color: #242B58;
  margin: 0;
  line-height: 1.4;
  font-family: "Microsoft YaHei", "微软雅黑", "Josefin Sans", sans-serif;
}

h2 {
  font-size: 32px;
}

h3 {
  font-size: 22px;
}

h4 {
  font-size: 20px;
}

h5 {
  font-size: 18px;
}

h6 {
  font-size: 16px;
}

/* typography css end */
/*--
    - Overlay
------------------------------------------*/

/*-- Overlay Color --*/

/*-- Overlay Opacity --*/

/* Heder css start*/
.site-header {
  margin-top: 15px;
  padding: 25px 0px;
  position: absolute;
  width: 100%;
  z-index: 2;
}

/* Navigation css */

/* form css start */
label {
  font-size: fsize("14px");
}

input:not([type=radio]),
textarea {
  padding: 10px 20px;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  background-color: transparent;
  font-size: fsize("14px") !important;
}
input:not([type=radio])::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
  color: #c9c9c9 !important;
  opacity: 1;
}
input:not([type=radio])::-moz-placeholder,
textarea::-moz-placeholder {
  color: #c9c9c9 !important;
  opacity: 1;
}
input:not([type=radio]):-ms-input-placeholder,
textarea:-ms-input-placeholder {
  color: #c9c9c9 !important;
  opacity: 1;
}
input:not([type=radio]):-moz-placeholder,
textarea:-moz-placeholder {
  color: #c9c9c9 !important;
  opacity: 1;
}

select {
  padding: 8px 10px;
  cursor: pointer;
  color: #242B58;
  background-color: transparent;
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
}

textarea {
  min-height: 100px;
  width: 100%;
}

input[type=radio],
input[type=range],
input[type=checkbox] {
  height: auto !important;
  padding: 0;
}

/* form css end */
/* hero area css*/

.hero-content {
  position: relative;
  margin-top: 30px;
  margin-bottom: 25px;
}
.hero-content h4 {
  position: relative;
  font-size: 24px;
  font-weight: 600;
  color: #12152f;
  padding-left: 65px;
  line-height: 29px;
}
@media (max-width: 1199px) {
  .hero-content h4 {
    font-size: 18px;
    line-height: 23px;
  }
}
@media (max-width: 767px) {
  .hero-content h4 {
    font-size: 16px;
    line-height: 21px;
  }
}
.hero-content h4::after {
  width: 50px;
  height: 2px;
  background: #5beeb1;
  left: 0px;
  top: 50%;
  -webkit-transition: translateY(-50%);
  -o-transition: translateY(-50%);
  transition: translateY(-50%);
  content: "";
  position: absolute;
}
.hero-content h1 {
  margin-top: 20px;
  font-size: 82px;
  line-height: 99px;
  font-weight: 700;
  color: #ffffff;
  margin-bottom: 30px;
  position: relative;
  z-index: 2;
}
@media (max-width: 1650px) {
  .hero-content h1 {
    font-size: 70px;
    line-height: 87px;
  }
}
@media (max-width: 1199px) {
  .hero-content h1 {
    font-size: 45px;
    line-height: 62px;
  }
}
@media (max-width: 767px) {
  .hero-content h1 {
    font-size: 30px;
    line-height: 47px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .hero-content h1 {
    font-size: 45px;
    line-height: 62px;
  }
}
.hero-content h1 span {
  font-weight: 300;
  display: block;
  color: #ffffff;
}
.hero-content p {
  color: #B0B0B2;
  line-height: 24px;
}

/* About css */
.about-area {
  position: relative;
  padding-top: 40px;
}

.about-content h6 {
  color: #12152f;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  margin-bottom: 10px;
}
.about-content h2 {
  color: #12152f;
  font-size: 28px;
}
.about-content p {
  color: #12152f;
  line-height: 24px;
}

/* skill cass */

/* service css*/

/* work css */

/* testimonial css */

/* brand css */

/* blog css */

/* contact css */

/* breadcrumb css */

/* cta css */

/* contact page css */

/* blog page css */

/* single blog page css */

/* comment css */

/*Footer css*/
.site-footer {
  border-top: 1px solid #00ff8c;
  padding: 30px 0px;
}

@media (max-width: 767px) {
  .copyright-text {
    text-align: center;
    margin-top: 20px;
  }
}
.copyright-text p {
  color: #17b874;
}
