/*
Template: BABYSELFY
Author: Olufy house
Version: 2.0
Designed by: Rukkrjbh
*/
body{
    font-family: 'Poppins',Kanit,Roboto sans-serif;
    font-size: 14px;
    line-height: 30px;
    font-weight: 400;
    color: #666666;
    background-color: #0b0b0b;
    overflow-x: hidden;
    -webkit-text-size-adjust: 100%;
    -webkit-overflow-scrolling: touch;
    -webkit-font-smoothing: antialiased !important;
}


html,
body {
    width: 100%;
    height: 100%;
}


/* Link style
/* ------------------------------ */
a {
    color: #ff2a40;
}
a,
a > * {
    outline: none;
    cursor: pointer;
    text-decoration: none;
}
a:focus,
a:hover {
    color: #C02232;
    outline: none;
    text-decoration: none;
}

a div {
	outline: none;
}


/* Transition elements
/* ------------------------------ */
.navbar a,
.form-control {
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease; 
}

a,
.btn {
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

/* Reset box-shadow
/* ------------------------------ */

.btn,
.form-control,
.form-control:hover,
.form-control:focus,
.navbar-custom .dropdown-menu {
    -webkit-box-shadow: none;
    box-shadow: none;
}


button:focus {
    outline: 0 !important;
}


/* =-=-=-=-=-=-= Typography =-=-=-=-=-=-= */

h1, h2, h3, h4, h5, h6{
    font-family: 'Poppins',Kanit,Roboto,sans-serif;
    font-weight: 400;
    margin: 0 0 15px;
    color: #202020;
}

h1 {
    font-size: 35px;
    line-height: 50px;
}

h2 {
    font-size: 25px;
}

h3 {
    font-size: 20px;
    line-height: 25px
}

h4 {
    font-size: 18px;
    line-height: 20px}

h5 {

}

h6 {

}

p img { 
    margin: 0; 
}

blockquote {
    padding: 20px 20px 20px 60px;
    font-size: 16px;
    color: #969595;
    border-left: 0;
    border: 1px solid #eee;
    position: relative;
    margin: 0;
}

blockquote::before {
    position: absolute;
    content: "\f10d";
    font-family: FontAwesome;
    font-size: 30px;
    color: #eee;
    left: 15px;
    top: 25px;
}


/* Button
/* ------------------------------ */
.btn {
	width:100%;
    padding: 14px 45px;
}

.btn-group-lg>.btn, 
.btn-lg {
    padding: 17px 35px;
}

.btn-primary {
background-image: -webkit-linear-gradient(top, #efd100 0, #e2a233 38%, #f0c328 60%, #fff1a3 86%, #ffe13e 100%);
    border:4px solid #111;
	border-radius:100px;
}
.btn-primary:hover {
	color:#000;
	filter:brightness(120%);filter:brightness(120%);
    border-color: #f0c328;
}

.btn-submit {
	color:#fff;
    background-color: #fff;
	border-radius:100px;
}
.btn-submit:hover {
	color:#fff;
    background-color: #111;
}

.btn-read {
	color:#111;
}

.learnmore-btn{
    font-size: 20px;
    line-height: 18px;
    font-weight: 300;
    color: #fff;
    background-color: transparent;
    border-color: #fff;
    border-radius: 30px;
    padding: 20px 57px;
}
.learnmore-btn:focus,
.learnmore-btn:hover {
    background: #fff;
    border-color: transparent;
    color: #ff2a40;
}


.btn:focus,
button:focus {
    outline: 0 !important;
}


/*alert*/
.tt-alert {
    background-color: transparent;
}
.alert-dismissible .close {
    top: 5px;
}



/* =-=-=-=-=-=-= List Style =-=-=-=-=-=-= */

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

.unorder-list {
    list-style: inherit;
}
/*check-circle-list*/
.check-circle-list li{
    line-height: 33px;
}
.check-circle-list li i{
    font-size: 16px;
    color: #cdcdcd;
    margin-right: 10px;
    -webkit-transition: all 0.4s ease-in-out 0s;
    -moz-transition: all 0.4s ease-in-out 0s;
    -ms-transition: all 0.4s ease-in-out 0s;
    -o-transition: all 0.4s ease-in-out 0s;
    transition: all 0.4s ease-in-out 0s;
}
.check-circle-list li:hover i{
    color: #ff2a40;
}



/* Form Style
/* ------------------------------ */
.form-group {
    margin-bottom: 30px;
}
.form-control {
    height: 60px;
    padding: 20px;
    font-size: 18px;
    line-height: 25px;
    font-weight: 300;
    color: #202020;
    border: 1px solid #eee;
    border-radius: 40px;
	text-align:center;
}
.form-control:focus {
    border-color: #111111;
}


/* =-=-=-=-=-=-= Global Style =-=-=-=-=-=-= */

.section-padding-cleint {
    padding: 80px 0;
	padding-bottom:50px;
}

.section-padding {
    padding: 100px 0;
}

.section-title {
	font-family: 'Poppins',Kanit,Roboto,sans-serif;
    font-size: 35px;
	font-weight:600;
    line-height: 30px;
    color: #111111;
    margin-bottom: 25px;
    text-transform: capitalize;
}
.sub-title {
    margin: 0;
    line-height: 25px;
}

.row-content{
    margin-top: 80px;
}

/*custom margin classes*/

/*margin top*/
.mt-30 {
    margin-top: 30px;
}
.mt-50 {
    margin-top: 50px;
}
.mt-80 {
    margin-top: 80px;
}
.mt-100 {
    margin-top: 100px;
}
.mt-230 {
    margin-top: 230px;
}

/*margin bottom*/
.mb-30 {
    margin-bottom: 30px;
}
.mb-80 {
    margin-bottom: 80px;
}

/*custom padding classes*/

.no-padding {
    padding: 0!important;
}

/*padding-bottom*/
.pb-20 {
    padding-bottom: 20px;
}
.pb-30 {
    padding-bottom: 30px;
}
.pb-50 {
    padding-bottom: 50px;
}
.pt-100 {
    padding-top: 100px;
}
.pb-100 {
    padding-bottom: 100px;
}

/*padding top bottom*/
.ptb-50 {
    padding: 50px 0;
}
.ptb-90 {
    padding: 90px 0;
}



.overlay-bg {
    background-color: rgba(0, 0, 0, 0.5);
}
.gray-bg {
    background-color: #fafafa;
}
.gutter {
    padding-left: 10px!important;
    padding-right: 10px!important;
}


/*vertical middle align*/
.vertical-middle {
    position: absolute;
    width: 100%;
    top: 50%;
    left: 0;
    -webkit-transform: translate(0%, -50%);
    -moz-transform: translate(0%, -50%);
    -ms-transform: translate(0%, -50%);
    -o-transform: translate(0%, -50%);
    transform: translate(0%, -50%);
    padding: 0 15px;
}


/* =-=-=-=-=-=-= Navigation =-=-=-=-=-=-= */

.navbar-custom {
    background-color: #fff7c7;
    border: 0;
    margin-bottom: 0;
    border-radius: 0;
	box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.05);
}

.navbar-custom .dropdown-menu {
    background: #fff7c7;
    border-radius: 0;
    border: 0;
    padding: 0;
    min-width: 180px;
    -webkit-box-shadow: none;
            box-shadow: none;
}

.navbar-custom .nav li > a {
    position: relative;
    color: #000;
	left:10em;
	font-size:16px;
	font-weight:500;
	z-index:99999;
}

.navbar-collapse {
    max-height: 340px;
}

/*for transparent menu and menu color*/

@media (min-width: 768px) {
    .transparent.white.navbar-custom .nav li > a {
        color: #fff;
    }
    .transparent.white.navbar-custom .nav li.dropdown li  a,
    .transparent.white.navbar-custom.sticky .nav li > a {
        color: #fff;
    }


    /*load alter logo in alter background-color*/
   .transparent .navbar-brand.alter-logo {
        display: none;
    }
    .transparent.sticky .navbar-brand {
        display: none;
    }
    .transparent.sticky .navbar-brand.alter-logo {
        display: block;
    }

}

@media (max-width: 767px) {
    .transparent .navbar-brand {
        display: none;
    }
   .transparent .navbar-brand.alter-logo {
        display: block;
    }
}

@media (min-width: 992px) {
    .transparent.navbar-custom .nav>li:last-child {
        margin-right: 30px;
    }
}

.navbar-custom .dropdown-menu > li > a {
    border-top: 1px solid rgba(0, 0, 0, 0.05) !important;
    padding: 11px 20px;
    font-size: 13px;
    color: #fff;
}
.navbar-custom .dropdown-menu > li:last-child > a {
    border-bottom: 1px solid rgba(0, 0, 0, 0.05) !important;
}

.navbar-custom .dropdown-menu .dropdown-menu {
    border-left: 1px solid rgba(0, 0, 0, 0.05);
    left: 100%;
    right: auto;
    top: 0;
    margin-top: 0;
}

.navbar-custom .dropdown-menu.left-side .dropdown-menu {
    border: 0;
    border-right: 1px solid rgba(0, 0, 0, 0.05);
    right: 100%;
    left: auto;
}


.navbar-custom .nav > li > a:focus,
.navbar-custom .nav > li > a:hover,
.navbar-custom .nav > li.active > a,
.navbar-custom .nav .open > a,
.navbar-custom .nav .open > a:focus,
.navbar-custom .nav .open > a:hover,
.navbar-custom .dropdown-menu > li > a:focus,
.navbar-custom .dropdown-menu > li > a:hover,
.navbar-custom .dropdown-menu>.active>a, 
.navbar-custom .dropdown-menu>.active>a:focus, 
.navbar-custom .dropdown-menu>.active>a:hover {
    background-color: transparent;
    color: #845b34;
}


.navbar-custom .dropdown-menu > li > a:hover {
    padding-left: 25px;
}

.navbar-custom .dropdown-toggle:after {
    position: absolute;
    display: block;
    right: 3px;
    top: 50%;
    margin-top: -6px;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 12px;
    content: "\f107";
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.navbar-custom .navbar-toggle .icon-bar {
    background: #fff;
}

@media (min-width: 768px) {

    .tt-default-nav {
		background-color:#fff7c7;
        width: 100%;
        height: 100px;
        z-index: 1000;
        -webkit-transition: height 0.4s ease;
        -moz-transition: height 0.4s ease;
        transition: height 0.4s ease;
    }
    .tt-default-nav.sticky {
        height: 60px;
        z-index: 1000;
        position: fixed;
        top: 0;
    }
    .tt-default-nav .navbar-brand {
        height: 100px;
        padding: 32px 15px;
        -webkit-transition: all 0.4s ease;
        -moz-transition: all 0.4s ease;
        transition: all 0.4s ease;
    }
    .tt-default-nav.sticky .navbar-brand {
        height: 60px;
        padding: 15px 15px;
    }
    .tt-default-nav.navbar-custom .nav>li>a {
        line-height: 100px;
        padding: 0 15px;
    }
    .tt-default-nav.sticky.navbar-custom .nav>li>a {
        line-height: 60px;
    }



    .navbar-fixed-top.transparent {
        background: transparent;
        box-shadow: none;
        -webkit-transition: background .4s ease;
        -moz-transition: background .4s ease;
        transition: background .4s ease;
    }
    .navbar-fixed-top.transparent.sticky {
        background: #111;
        box-shadow: 0 0 1px 0 #bbb;
    }
    .navbar-fixed-top .navbar-brand {
        padding: 38px 15px;
    }
    .navbar-fixed-top.sticky .navbar-brand {
        padding: 15px 15px;
    }
    .navbar-fixed-top .navbar-nav>li>a {
        padding: 40px 15px 40px 0;
        margin-right: 15px;
    }
    .navbar-fixed-top.sticky .navbar-nav>li>a {
        padding: 20px 15px 20px 0;
    }

    .navbar-custom .dropdown-menu {
        position: absolute;
        display: block;
        visibility: hidden;
        opacity: 0;
        -webkit-transition: opacity 0.3s ease 0s;
        -moz-transition: opacity 0.3s ease 0s;
        -o-transition: opacity 0.3s ease 0s;
        transition: opacity 0.3s ease 0s;
    }

    .navbar-custom .open > .dropdown-menu {
        visibility: visible;
        opacity: 1;
    }

    .navbar-custom .dropdown-menu .dropdown-toggle:after {
        position: absolute;
        display: block;
        right: 10px;
        top: 50%;
        margin-top: -6px;
        font: normal normal normal 14px/1 FontAwesome;
        font-size: 12px;
        content: "\f105";
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }

}

@media (min-width: 992px) {
    .tt-default-nav.navbar-custom .nav>li {
        margin-right: 15px;
    }
}


@media (max-width: 767px) {

    /* Navbar */
    .navbar-custom {
        background-color: #fff7c7;
    }

    .navbar-custom .navbar-nav {
        margin-top: 1px;
        margin-bottom: 0;
    }

    .tt-default-nav.sticky {
        width: 100%;
        z-index: 1000;
        position: fixed;
        top: 0;
    }


    .navbar-custom .navbar-nav .open .dropdown-menu .dropdown-header,
    .navbar-custom .navbar-nav .open .dropdown-menu > li > a {
        padding: 10px 25px;
    }

    .navbar-custom .navbar-nav .open .dropdown-menu .dropdown-menu .dropdown-header,
    .navbar-custom .navbar-nav .open .dropdown-menu .dropdown-menu > li > a {
        padding: 10px 35px;
    }

    .navbar-custom li a {
        border-top: 1px solid rgba(0, 0, 0, 0.05) !important;
    }

    .navbar-custom .dropdown-toggle:after,
    .navbar-custom .dropdown-menu .dropdown-toggle:after {
        font-size: 14px;
        right: 20px;
        content: "\f107";
    }

    .navbar-custom .nav > .open >.dropdown-toggle:after,
    .navbar-custom .dropdown-menu .dropdown.open .dropdown-toggle:after {
        content: "\f106";
    }
}



/*Fullscreen Navigation*/

#fullpage-nav.main-nav {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 200;
    width: 100%;
    background: transparent;
    padding: 10px 0;
    -webkit-transition: background .4s ease-in-out,padding .4s ease-in-out;
    -moz-transition: background .4s ease-in-out,padding .4s ease-in-out;
    transition: background .4s ease-in-out,padding .4s ease-in-out;
}
#fullpage-nav.main-nav.sticky {
    background: #2f2f2f;
    padding: 0 0;
}

#fullpage-nav .logo-wrapper {
  float: left;
  position: relative;
  z-index: 10;
}

#fullpage-nav .logo {
  display: table-cell;
  vertical-align: middle;
  height: 70px;
  -moz-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}


@media (min-width: 768px) {
    #fullpage-nav .navbar-toggle {
      display: block;
    }
}

#fullpage-nav nav,
#fullpage-nav .navbar-toggle {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

#fullpage-nav nav {
  position: fixed;
  top: 0;
  z-index: 300;
  background-color: rgba(0, 0, 0, 0.9);
  width: 100%;
  height: 100%;
  text-align: center;
}

#fullpage-nav .nav-hide { 
    display: none; 
}

#fullpage-nav nav ul {
    position: absolute;
    width: 100%;
    top: 50%;
    left: 0;
    text-align: center;
    -webkit-transform: translate(0%, -50%);
    -moz-transform: translate(0%, -50%);
    -ms-transform: translate(0%, -50%);
    -o-transform: translate(0%, -50%);
    transform: translate(0%, -50%);
}

#fullpage-nav .nav>li>a {
    font-family: 'Poppins',Kanit,Roboto,sans-serif;
    display: block;
    padding: 20px 15px;
    font-size: 36px;
    color: #fff;
    font-weight: 300;
    text-decoration: none;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

#fullpage-nav .nav>li>a:focus, 
#fullpage-nav .nav>li>a:hover {
  text-decoration: none;
  background: #fff;
  color: #ff2a40;
}
#fullpage-nav .nav>li.active>a {
  color: #ff2a40;
  background: #fff;
}



#fullpage-nav .navbar-toggle {
  top: 10px;
  padding: 9px 10px;
  margin-right: 0;
  width: 47px;
  height: 45px;
  z-index: 300;
  cursor: pointer;
}

#fullpage-nav .bar1,
#fullpage-nav .bar2,
#fullpage-nav .bar3 {
  width: 100%;
  height: 2px;
  margin-bottom: 5px;
  background-color: #fff;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

#fullpage-nav .navbar-on .bar1,
#fullpage-nav .navbar-on .bar2,
#fullpage-nav .navbar-on .bar3 { 
    background-color: #ff2a40; 
}
#fullpage-nav .navbar-on .bar1 {
  transform-origin: 10% 40%;
  transform: rotate(45deg);
}
#fullpage-nav .navbar-on .bar3 {
  transform-origin: 10% 40%;
  transform: rotate(-45deg);
}
#fullpage-nav .navbar-on .bar2 { 
    background-color: transparent; 
}







/* =-=-=-=-=-=-= Search Box =-=-=-=-=-=-= */

.search-icon {
    position: relative;
    top:35px;
    left:0;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;

}
.search-icon:hover{
    cursor: pointer;
}

.sticky .search-icon {
    top:15px;
}

.search-icon:after,
.search-icon.active:after {
    position: absolute;
    top:0;
    right:0;
    font-family: fontawesome;
    z-index: 100;
}

.search-icon:after {
    content: "\f002";
}

.search-icon.active:after {
    content: "\f00d";
    color:#ff2a40;
}

#search-box {
    border: 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.15);
    color: #555;
    font-family: sans-serif;
    padding: 0 15px;
    outline: none;
    font-size: 20pt;
    text-align: center;
    background-color: #ccc;
    position: absolute;
    right: 0;
    display: none;
    width: 100%;
    top: 100px;
    z-index: 1;
    line-height: 70px;
    height: 70px;
    color: #fff;
}

.sticky #search-box{
    top:60px;
}


/*for transparent white menu*/
.transparent.white.navbar-custom .search-icon:after {
    color: #fff;
    -webkit-transition: color 0.3s ease;
    -moz-transition: color 0.3s ease;
    -o-transition: color 0.3s ease;
    transition: color 0.3s ease;
}
.transparent.white.navbar-custom.sticky .search-icon:after {
    color: #000;
}



/* =-=-=-=-=-=-= Page Title Section =-=-=-=-=-=-= */
.page-title-section {
    background: url(../../assets/images/page-header/cover-one.jpg) no-repeat center center  #000;
    background-size: cover;
    position: relative;
    min-height: 350px;
}
.page-title-section.about-us-one {
    background: url(../../assets/images/page-header/cover-two.jpg) no-repeat center center  #000;
    background-size: cover;
}
.page-title-section.about-us-two {
    background: url(../../assets/images/page-header/cover-three.jpg) no-repeat center center  #000;
    background-size: cover;
}
.page-title-section.blog-page-cover {
    background: url(../../assets/images/page-header/cover-four.jpg) no-repeat center center  #000;
    background-size: cover;
}
.page-title-section.portfolio-cover {
    background: url(../../assets/images/page-header/cover-one.jpg) no-repeat center center  #000;
    background-size: cover;
}
.page-title-section.shortcode-cover {
    background: url(../../assets/images/page-header/cover-six.jpg) no-repeat center center  #000;
    background-size: cover;
}

.page-title-section.homepage-blog {
    background: url(../../assets/images/slider/slide-1.jpg) no-repeat center center  #000;
    background-size: cover;
    min-height: 450px;
}

.page-title-section.case-study-page {
    background: url(../../assets/images/slider/slide-1.jpg) no-repeat center center #000;
    background-size: cover;
    min-height: 460px;
    overflow: hidden;
}
.page-title-section.case-study-page.gradient-bottom {
   min-height: 600px; 
}
.conector {
    display: block;
    width: 1px;
    height: 125px;
    background: #dedede;
    margin: 0 auto;
}


.page-title-section::before {
    content: "";
    background-color: rgba(0, 0, 0, 0.5);
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.page-header {
    padding: 0;
    margin: 0;
    border-bottom: 0;
    position: absolute;
    top: 50%;
    width: 100%;
    left: 0;
    text-align: center;
    z-index: 15;
    -webkit-transform: translate(0%, -50%);
    -moz-transform: translate(0%, -50%);
    -ms-transform: translate(0%, -50%);
    -o-transform: translate(0%, -50%);
    transform: translate(0%, -50%);
}
.case-study-page .page-header {
    padding: 120px 0 0;
}

.page-header h1 {
    font-size: 50px;
    line-height: 50px;
    font-weight: 700;
    color: #fff;
    text-transform: capitalize;
    margin: 0;
}
.case-study-page .page-header h1{
    margin-bottom: 15px;
}
.page-header p {
    font-size: 16px;
    line-height: 30px;
    font-weight: 600;
    color: #fff;
    margin-bottom: 60px;
}
.page-header a.btn {
    font-size: 20px;
    line-height: 18px;
    font-weight: 300;
    padding: 20px 57px;
    color: #fff;
    border-radius: 30px;
    background-color: transparent;
    border-color: #fff;
}
.page-header a.btn:hover {
    background-color: #fff;
    color: #ff2a40;
}






/* =-=-=-=-=-=-= Slider Section Home One =-=-=-=-=-=-= */

.olufy-slider {
    overflow: hidden;
    position: relative;
}
.olufy-slider img{
    width: 100%;
    background-size: cover;
}
.carousel-fade .carousel-inner .item {
    max-height: 800px;
    opacity:.8;
    -webkit-transition-property:opacity;
    -moz-transition-property:opacity;
    -o-transition-property:opacity;
    transition-property:opacity
}
.carousel-fade .carousel-inner .active { 
    opacity: 1 
}
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
    left: 0;
    opacity: 0;
    z-index: 1;
}
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right { 
    opacity: 1 
}
.carousel-fade .carousel-inner .item:after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0,0,0,.7);
}
.carousel-fade .carousel-control {
    z-index: 20 
}

/* Caption style
/* ------------------------------ */
.carousel-caption {
    position: absolute;
    top: 53%;
    margin-top: -165px;
    left: 0;
    right: 0;
    text-align: center;
    /*text-transform: uppercase;*/
    z-index: 15;
    color: #fff;
    bottom: inherit;
}
.carousel-caption h1{
    color:#FFFFFF;
    font-size: 75px;
    line-height: 80px;
    font-weight: 300;
    /*text-transform: uppercase;*/
    letter-spacing: -5px;
    margin-bottom: 40px;
    font-family: 'Poppins',Kanit,Roboto,sans-serif;
}
.carousel-caption h1 span{
    font-weight: 900;
}
.carousel-caption p{
    color:#FFFFFF;
    font-size: 22px;
    /*text-transform: uppercase;*/
	margin-top:30px;
    margin-bottom: 30px;
}

.olufy-slider .carousel-caption span{
    color:#FFFFFF;
    font-size: 14px;
    /*text-transform: uppercase;*/
    margin-bottom: 70px;
}

.olufy-slider .carousel-caption img{
    width:247px;
	height:197px;
	margin:0 auto;
}


/* next and previous control button style
/* --------------------------------------------- */

/*control button style one*/
.control-one .carousel-control {
    width: 50px;
    height: 50px;
    line-height: 46px;
    font-size: 60px;
    top: 50%;
    margin-top: -25px;
    border-radius: 50%;
    color: #fff;
    background: transparent;
    text-shadow: none;
    opacity: 0;
    visibility: hidden;
}
.control-one:hover .carousel-control {
    opacity: 1;
    visibility: visible;
}
.control-one .carousel-control:hover {
    filter:brightness(120%);filter:brightness(120%);
    color: #fff;
}
.control-one .left.carousel-control {
    left: 30px;
}
.control-one .right.carousel-control {
    right: 30px;
}


/*control button style two*/
.control-two .carousel-control {
    width: 30px;
    height: 60px;
    line-height: 58px;
    font-size: 30px;
    top: 50%;
    margin-top: -25px;
    color: #202020;
    background-color: rgba(255, 255, 255, 0.4);
    background-image: none;
    text-shadow: none;
    opacity: 0;
    visibility: hidden;
}
.control-two:hover .carousel-control {
    opacity: 1;
    visibility: visible;
}
.control-two:hover .carousel-control:hover {
    color: #ff2a40;
    background-color: rgba(255, 255, 255, 0.9);
}

/* Text animation delay for first slider
/* ------------------------------------- */
.delay-1 {
    -webkit-animation-delay: 300ms;
    -moz-animation-delay: 300ms;
    animation-delay: 300ms;
}

.delay-2 {
    -webkit-animation-delay: 600ms;
    -moz-animation-delay: 600ms;
    animation-delay: 600ms;
}

.delay-3 {
    -webkit-animation-delay: 1200ms;
    -moz-animation-delay: 1200ms;
    animation-delay: 1200ms;
}

.delay-4 {
    -webkit-animation-delay: 1500ms;
    -moz-animation-delay: 1500ms;
    animation-delay: 1500ms;
}





/* =-=-=-=-=-=-= html video-slider section for video homepage =-=-=-=-=-=-= */
.video-slider {
    top: 0%;
    left: 0%;
    max-height: 700px;
    width: 100%;
    overflow: hidden;
    position: relative;
}
.video-slider::before{
    content: "";
    background-color: rgba(0, 0, 0, 0.3);
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.slider-caption {
    position: absolute;
    top: 50%;
    width: 100%;
    left: 0;
    text-align: center;
    text-transform: uppercase;
    z-index: 15;
    -webkit-transform: translate(0%, -50%);
    -moz-transform: translate(0%, -50%);
    -ms-transform: translate(0%, -50%);
    -o-transform: translate(0%, -50%);
    transform: translate(0%, -50%);
}
.slider-caption h1{
    color:#FFFFFF;
    font-size: 75px;
    line-height: 80px;
    font-weight: 300;
    text-transform: uppercase;
    letter-spacing: -5px;
    margin-bottom: 40px;
    font-family: 'Poppins',Kanit,Roboto,sans-serif;
}
.slider-caption h1 span{
    font-weight: 900;
}
.slider-caption p{
    color:#FFFFFF;
    font-size: 25px;
    text-transform: uppercase;
    margin-bottom: 70px;
}
.slider-caption .btn {
  font-size: 20px;
  line-height: 18px;
  font-weight: 300;
  color: #fff;
  background-color: transparent;
  border-color: #fff;
  border-radius: 30px;
  padding: 20px 58px;
}
.slider-caption .btn:hover {
    background: #fff;
    border-color: transparent;
    color: #ff2a40;
}

@media (max-width : 767px) {
    .video-slider{
        max-height: 400px;
    }
    .slider-caption h1 {
      font-size: 22px;
      line-height: 35px;
      letter-spacing: 0;
      margin-bottom: 0; 
    }
    .slider-caption p {
      font-size: 10px;
      margin-bottom: 15px;
    }
    .slider-caption .btn {
      font-size: 14px;
      padding: 10px 30px;
    }
}

@media only screen and (min-width : 480px) and (max-width : 767px) {
    .slider-caption h1 {
      font-size: 33px;
      line-height: 56px;
    }
    .slider-caption p {
      font-size: 14px;
      margin-bottom: 25px;
    }
}


/* =-=-=-=-=-=-= youtube video section for youtube homepage =-=-=-=-=-=-= */

.youtube-wrapper{
    min-width: 100%;
    min-height: 700px;
    top:0;
    left:0;
    background: url(../../assets/images/slider/video-falback.jpg) no-repeat center center #162E4A;
    background-size: cover;
    position: relative;
}

/*for background opacity*/
.youtube-wrapper::before{
    content: "";
    background-color: rgba(0, 0, 0, 0.3);
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
}

@media (max-width : 766px) {
    .youtube-wrapper{
        min-height: 400px;
    }
}


/* =-=-=-=-=-=-= Latest Section =-=-=-=-=-=-= */
.latest-section {
	padding-top:3em;
	padding-bottom:3em;
	background-color: #0b0b0b;
}

.mt-3 { margin-top:-3em;}

.latest-section h3::after{
	position:absolute;
	content:'';
	height:3px;
	background-color:transparent;
	width: 113px;
	left:50%;
	margin-left:-55px;
	top:43px;
	bottom:0;
	z-index:1;
	border-top: 1px solid #6c4c14;
    border-bottom: 1px solid #6c4c14;
}

.latest-section h3 {
 -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-image: -webkit-linear-gradient(top, #efd100 0, #e2a233 38%, #f0c328 60%, #fff1a3 86%, #ffe13e 100%);
  background-size: 1em 1em;
  color: #f8b700;
  display: inline-block;
  line-height: 1em;
  position: relative;
  z-index: auto
}

.latest-section .section-title {
	font-family: 'Poppins',Roboto sans-serif;
    font-size: 35px;
	font-weight:600;
    line-height: 30px;
    color: #fff;
    margin-bottom: 25px;
    text-transform: capitalize;
}
.latest-section .sub-title {
	color:#fff;
    margin: 0 auto;

    line-height: 25px;
}


/* =-=-=-=-=-=-= Creative Section =-=-=-=-=-=-= */

.creative-section {
	background:#fff7c7;
    padding: 40px 0 40px;
}

.creative-section h2 {
 -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-image: -webkit-linear-gradient(top, #efd100 0, #e2a233 38%, #f0c328 60%, #fff1a3 86%, #ffe13e 100%);
  background-size: 1em 1em;
  color: #f8b700;
  display: inline-block;
  line-height: 1em;
  position: relative;
  z-index: auto
}

.service-tab{
    position: relative;
}
.service-tab .nav-tabs{
    border-bottom: 0;
}
.service-tab li {
    position: relative;
    text-align: center;
    padding:0;
}
.service-tab li > a{
    padding:40px;
	opacity:0.3;
    color:#000000;
    border:0;
    width: 100%;
}

.service-tab .nav-tabs>li.active>a, 
.service-tab .nav-tabs>li.active>a:focus, 
.service-tab .nav-tabs>li.active>a:hover{
    border:0;
	opacity:1;
    background-color: #ffffff;
}
.service-tab .nav-tabs.nav-justified>li>a{
    border:0;
    border-radius: 0;
}
.service-tab .nav-tabs.nav-justified>.active>a, 
.service-tab .nav-tabs.nav-justified>.active>a:focus, 
.service-tab .nav-tabs.nav-justified>.active>a:hover{
    border:0;
}
.service-tab li:first-child {

}
.service-tab li i:before{
    font-size: 30px;
    color:#202020;
}
.service-tab li.active i:before,
.service-tab li:hover i:before{
    color:#ff2a40;
}
.service-tab li span{
    display:block;
	margin-top:10px;
    font-size: 12px;
    color:#202020;
    font-family: 'Poppins',Kanit,Roboto,sans-serif;
}
.service-tab li.active:after,
.service-tab li:hover:after {
    content:"";
    border-bottom:4px solid #111;
    position: absolute;
    bottom:0;
    left:0;
    width:100%;
}
.service-tab li:after {
    content:"";
    border-bottom:4px solid #d2d2d2;
    position: absolute;
    bottom:0;
    left:0;
    width:100%;
}
.service-tab .tab-content{
    margin-top:50px;
}

.creative-section h2 {
    text-transform: capitalize;
    font-weight: 700;
    margin-bottom: 45px;
    position: relative;
}
.creative-section h2::after {
    content: "";
	border-top: 1px solid #6c4c14;
    border-bottom: 1px solid #6c4c14;
    width: 121px;
    height: 2px;
    position: absolute;
    left: 0;
    bottom: -16px;
	
}

.creative-section p {
   color:#fff;
}

.creative-section .btn {
    margin-top: 42px;
}

.mac-screenshot {
    padding-top: 30px;
}
.mac-screenshot img{
    width: 100%;
}



/* =-=-=-=-=-=-= Recent Project Section =-=-=-=-=-=-= */

.recent-project-section {
    background-color: #fafafa;
    border-top: 1px solid #d2d2d2;
    border-bottom: 1px solid #d2d2d2;
}
.project-container {
    margin-top: 50px;
    position: relative;
}
.recent-project {
    position: relative;
    overflow: hidden;
}
.recent-project img {
    width: 100%;
}
.project-info {
    position: absolute;
    left: 0;
    top: 50%;
    color: #fff;
    width: 100%;
    text-align: center;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
.recent-project:hover .project-info {
    top: 30%; 
    opacity: 1;
    visibility: visible;
}
.project-info h3 {
    color: #fff;
    font-size: 18px;
    line-height: 18px;
}
ul.project-meta {
    margin-top: 15px;
}
ul.project-meta li{
    display: inline-block;
    padding: 0 10px;
    line-height: 15px;
    border-right: 1px solid #fff;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
}
ul.project-meta li:last-child{
    margin-right: 0;
    padding-right: 0;
    border-right: 0;
}
ul.project-meta li a{
    display: block;
    color: #fff;
}
ul.project-meta li a:hover{
    color: #ff2a40;
}

.project-link {
    position: absolute;
    left: 0;
    bottom: -50%;
    width: 100%;
    padding: 16px 30px;
    line-height: 18px;
    text-transform: capitalize;
    background: #ff2a40;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
}

.recent-project:hover .project-link {
    bottom: 0;
    opacity: 1;
    visibility: visible;
}
.project-link:hover {
    background: #C02232;
}
.project-link a {
    color: #fff;
}
.project-link a i{
    line-height: 20px;
}

/* Overlay and hover effect
/* ------------------------------ */
.recent-project .tt-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(44, 62, 80, 0.9);
    opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity 0.2s;
    -moz-transition: opacity 0.2s;
    -o-transition: opacity 0.2s;
    transition: opacity 0.2s;
}

.recent-project:hover .tt-overlay {
    opacity: 1;
    visibility: visible;
}


/* Carousel navigation
/* ------------------------------ */
.project-navigation .btn-prev{
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -40px;
    width: 20px;
    height: 80px;
    background-color: rgba(0, 0, 0, 0.5);
    color: #ffffff;
    line-height: 80px;
    text-align: center;
    font-size: 18px;
    opacity:0;
    z-index: 997;
}
.project-navigation .btn-next{
    position: absolute;
    right:0;
    top:50%;
    margin-top:-40px;
    width:20px;
    height:80px;
    background-color: rgba(0, 0, 0, 0.5);
    color:#ffffff;
    line-height: 80px;
    text-align: center;
    font-size: 18px;
    opacity:0;
    z-index: 997;
}
.project-navigation a:hover{
    width:30px;
}
.project-container:hover .project-navigation .btn-prev,
.project-container:hover .project-navigation .btn-next{
    opacity: 1;
}



/*project-container version-two*/
.project-container.version-two {}

.version-two ul.project-meta li a:hover {
    color: #000;
}
.version-two.border-style ul.project-meta li a:hover {
    color: #ff2a40;
}
.version-two .recent-project{
    width: 20%;
    float: left;
}


@media (max-width : 767px) {
    .version-two .recent-project {
        width: 50%;
        margin-bottom: 0;
    }
}

@media (max-width : 480px) {
    .version-two .recent-project {
        width: 100%;
        margin-bottom: 0;
    }
}

@media (min-width : 768px) and (max-width : 991px) {
    .version-two .recent-project {
        width: 33.33%;
    }
}
@media (min-width : 992px) and (max-width : 1199px) {
    .version-two .recent-project {
        width: 25%;
    }
}


.version-two .recent-project .btn {
    padding: 9px 28px;
    background-color: #fff;
    border-color: transparent;
    color: #ff2a40;
    border-radius: 30px;
}
.version-two .recent-project .btn:hover {
    background-color: rgba(255, 255, 255, 0.9);
}
.version-two .project-link {
    text-align: center;
    background-color: transparent;
}
.version-two .recent-project:hover .project-link {
    bottom: 15px;
}

.version-two .recent-project .tt-overlay {
    background-color: rgba(255, 42, 64, 0.7);
}



/*project-container version-two border-style*/
.version-two.border-style .project-info,
.version-two.border-style .project-link {
    z-index: 300;
}
.version-two.border-style .recent-project::before {
    content: "";
    position: absolute;
    top: 10px;
    right: 10px;
    bottom: 10px;
    left: 10px;
    border: 1px solid #fff;
    opacity: 0;
    z-index: 200;
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    -webkit-transition: opacity 0.5s, -webkit-transform 0.5s;
    transition: opacity 0.5s, transform 0.5s;
}
.version-two.border-style .recent-project:hover::before {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}
.version-two.border-style .recent-project .tt-overlay {
    background-color: rgba(0, 0, 0, 0.8);
    z-index: 100;
}





/*Version-Four*/
.version-four .recent-project .project-link{
    padding: 0;
    background-color: transparent;
    text-align: center;
}
.version-four .recent-project .project-link img{
    width: inherit!important;
}
.version-four .recent-project:hover .project-link {
    bottom: 20px;
}

@media (min-width : 768px) and (max-width : 991px) {
    .version-four .recent-project:hover .project-info {
        top: 15%;
    }
}

@media (max-width : 767px) {
    .version-four .recent-project {
        margin-bottom: 30px;
    }
}




/*Version-Five*/
.version-five .recent-project .project-link{
    padding: 0;
    background-color: transparent;
    top: 0;
    bottom: auto;
}
.version-five .recent-project:hover .project-link{
    top: 30%;
    bottom: auto;
}
.version-five .recent-project .project-link a{
    display: block;
    width: 45px;
    height: 45px;
    font-size: 20px;
    line-height: 41px;
    text-align: center;
    margin: 0 auto;
    border: 2px solid #fff;
    border-radius: 50%;
}
.version-five .recent-project .project-link a:hover {
    background-color: #fff;
    border-color: transparent;
    color: #ff2a40;
}
.version-five .recent-project .project-info {
    top: auto;
    bottom: 0;
}
.version-five .recent-project:hover .project-info {
    top: auto;
    bottom: 25%;
}
.version-five .recent-project .project-info a {
    color: #fff;
}
.version-five .recent-project .tt-overlay {
    background-color: rgba(255, 42, 64, 0.8);
}

@media (min-width : 768px) and (max-width : 991px) {
    .version-five .recent-project:hover .project-link {
        top: 15%;
    }
    .version-five .recent-project:hover .project-info {
        top: auto;
        bottom: 15%;
    }

}

@media (min-width : 992px) and (max-width : 1199px) {
    .version-five .recent-project:hover .project-link {
        top: 25%;
    }
}





/*Version Eight*/
.version-eight .recent-project .project-link{
    bottom: 30%;
    padding: 0;
    text-align: center;
    background-color: transparent;
}
.version-eight .recent-project:hover .project-link {
    bottom: 50%;
    margin-bottom: -32px;
}
.version-eight .project-link ul li{
    display: inline-block;
}
.version-eight .project-link ul li a{
    display: block;
    width: 45px;
    height: 45px;
    font-size: 20px;
    line-height: 41px;
    color: #ff2a40;
    margin: 0 5px;
    border: 2px solid #ff2a40;
    border-radius: 50%;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
}
.version-eight .project-link ul li a:hover {
    background-color: #ff2a40;
    border-color: transparent;
    color: #fff;
}

.info {
    margin-top: 10px;
    color: #616161;
}
.info span{
    font-weight: 600;
}
.info a.like {
    color: #616161;
}
.info a.like i,
.info a.like:hover {
    color: #ff2a40;
}

.version-eight.alter-bg .info span{
    display: block;
    font-size: 16px;
    line-height: 20px;
}

.version-eight .recent-project .tt-overlay {
    background-color: rgba(255, 255, 255, 0.8);
}

.version-eight.alter-bg .recent-project .tt-overlay {
    background-color: rgba(44, 62, 80, 0.8);
}
.version-eight.alter-bg .recent-project .project-link{
    padding: 10px 0;
    background-color: rgba(255, 255, 255, 0.9);
}

/*Magnific Popup CSS*/
.mfp-fade.mfp-bg {
    opacity: 0;
    -webkit-transition: all 0.4s ease-out;
    -moz-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
}
.mfp-fade.mfp-bg.mfp-ready {
    opacity: 0.75;
}
.mfp-bottom-bar {
    display: none;
}
.mfp-fade.mfp-bg.mfp-removing {
    opacity: 0;
}
.mfp-arrow-right::after,
.mfp-arrow-left::after {
    font-family: 'FontAwesome';
    border: none !important;
    color: #fff;
    font-size: 65px;
    -webkit-transition: .5s;
    transition: .5s;
}
.mfp-arrow-right::after {
    content: "\f105" !important;
}
.mfp-arrow-left::after {
    content: "\f104" !important;
}
.mfp-arrow-right::before ,
.mfp-arrow-left::before {
    border: none !important;
}
.mfp-arrow {
    height: 60px;
}
.mfp-arrow::before, 
.mfp-arrow::after, 
.mfp-arrow .mfp-b, 
.mfp-arrow .mfp-a {
    margin-top: 15px;
    top: -1px !important;
}
img.mfp-img {
    padding: 40px 0px 0;
}
.mfp-fade.mfp-wrap .mfp-content {
    opacity: 0;
    transform: scale(0.95);
    -webkit-transition: all 0.4s ease-out;
    -moz-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
}

.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
    transform: scale(1);
    opacity: 1;
    -webkit-transition: all 0.4s ease-out;
    -moz-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
}

.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
    opacity: 0;
    transform: scale(0.95);
    -webkit-transition: all 0.4s ease-out;
    -moz-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
}






/* =-=-=-=-=-=-= Feature Section =-=-=-=-=-=-= */

.features .media{
    margin-top: 40px;
}
.features .media:first-child {
    margin-top: 0;
}
.features .media a i::before {
    display: block;
    font-size: 28px;
    line-height: 50px;
    text-align: center;
    width: 50px;
    height: 50px;
    color: #ff2a40;
    border: 1px solid #ff2a40;
    border-radius: 4px;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}
.features .media:hover a i::before {
    background-color: #ff2a40;
    color: #fff;
    border: 1px solid transparent;
}
.features .media-left, 
.features .media>.pull-left {
    padding-right: 30px;
    float: left;
}

.features .media-heading {
    font-size: 18px;
    line-height: 25px;
    text-transform: capitalize;
}
.features .media-heading a{
    color: #202020;
}

.features .media-heading a:hover{
    color: #ff2a40;
}

.features .media-body p{
    color: #a7a7a7;
    line-height: 25px;
}




/* =-=-=-=-=-=-= About Section =-=-=-=-=-=-= */
.about-info h2 {
    margin-bottom: 36px;
    font-weight: 700;
}

.creative-skills h2,
.faq-section h2 {
    font-weight: 700;
    margin-bottom: 30px;
}

.video-wrap iframe{
  border: 0;
  width: 100%;
  height: 310px;
}


/* Progress Bar
/* ------------------------------ */
.skill-title {
    font-size: 16px;
    display: block;
    margin-bottom: 8px;
}

.progress {
    padding: 6px 8px;
    border-radius: 10px;
    box-shadow: none;
    margin-bottom: 14px;
}
.progress-bar {
    background-color: #ff2a40;
    box-shadow: none;
    border-radius: 10px;
}

.progress .progress-bar.six-sec-ease-in-out {
  -webkit-transition: width 2s ease-in-out;
  -moz-transition: width 2s ease-in-out;
  -o-transition: width 2s ease-in-out;
  transition:  width 2s ease-in-out;
}



/* ----------------------------------------
Accordion version One
-------------------------------------------*/
.accordion-v1 .panel {
    box-shadow: none;
    border:0;
    border-radius: 0;
}
.accordion-v1 .panel-default>.panel-heading h3{
    font-family: 'Poppins',Kanit,Roboto,sans-serif;
}
.accordion-v1 .panel .panel-heading {
    position: relative;
    padding: 0;
}
.accordion-v1 .panel-title a.collapsed{
    display: block;
    color: #fff;
    background-color: #666666;
    border-color: #666666;
    padding: 17px 15px;
    border-radius: 4px;
}
.accordion-v1 .panel-title a{
    display: block;
    color: #fff;
    border-color: #666666;
    padding: 17px 15px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    background-color: #FF2A40;
}
.accordion-v1 .panel-default>.panel-heading+.panel-collapse>.panel-body {
    border: 1px solid #EEEEEE;
}
.accordion-v1 .panel .panel-heading a:after {
    font-family: 'FontAwesome';
    content: "\f107";
    font-size: 24px;
    width: 50px;
    height: 60px;
    line-height: 58px;
    text-align: center;
    position: absolute;
    top: 0;
    right: 0;
}
.accordion-v1 .panel .panel-heading a.collapsed:after {
    content: "\f105";
}



/* ----------------------------------------
Accordion version two
-------------------------------------------*/
.accordion-v2 {}
.accordion-v2.panel-group {
    margin-bottom: 0;
}
.accordion-v2.panel-group .panel+.panel {
    margin-top: 0;
}
.accordion-v2.panel-group .panel {
    border-radius: 0;
}
.accordion-v2 .panel-default:nth-child(1) {
    background: url(../../assets/images/blog/collapse-bg-1.jpg);
}
.accordion-v2 .panel-default:nth-child(2) {
    background: url(../../assets/images/blog/collapse-bg-1.jpg);
}
.accordion-v2 .panel-default:nth-child(3) {
    background: url(../../assets/images/blog/collapse-bg-1.jpg);
}
.accordion-v2 .panel-default>.panel-heading {
    background-color: transparent;
    border-color: #f1f1f1;
    padding: 0;
}
.accordion-v2 .panel-title>a {
    padding: 20px 15px;
    color: #fff;
    display: block;
    background-color: rgba(255, 42, 64, 0.9);
}
.accordion-v2 .panel-title>a.collapsed {
    color: #fff;
    background-color: rgba(0, 0, 0, 0.7);
}
.accordion-v2 .panel-heading {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}
.accordion-v2 .panel-body {
    padding: 0 15px 15px;
    line-height: 20px;
}
.accordion-v2 .panel-default>.panel-heading+.panel-collapse>.panel-body {
    border-top-color: transparent;
    background-color: rgba(255, 42, 64, 0.9);
    color: #fff;
}



/* ----------------------------------------
Accordion version Three
-------------------------------------------*/
.accordion-v3 .panel {
    box-shadow: none;
    border:0;
    border-radius: 0;
}
.accordion-v3 .panel-default>.panel-heading h3{
    font-family: 'Poppins',Kanit,Roboto,sans-serif;
}
.accordion-v3 .panel .panel-heading {
    position: relative;
    padding: 0;
}
.accordion-v3 .panel-title a.collapsed{
    display: block;
    color: #fff;
    background-color: #999;
    border-color: #999;
    padding: 17px 15px;
    border-radius: 4px;
}
.accordion-v3 .panel-title a{
    display: block;
    color: #fff;
    border-color: #999;
    padding: 17px 15px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    background-color: #333;
}
.accordion-v3 .panel-default>.panel-heading+.panel-collapse>.panel-body {
    border: 1px solid #EEEEEE;
}
.accordion-v3 .panel .panel-heading a:after {
    font-family: 'FontAwesome';
    content: "\f068";
    font-size: 14px;
    width: 50px;
    height: 60px;
    line-height: 58px;
    text-align: center;
    position: absolute;
    top: 0;
    right: 0;
}
.accordion-v3 .panel .panel-heading a.collapsed:after {
    content: "\f067";
}



.mocup-bg img {
    margin: 60px auto 0;
    display: block;
}



/* ----------------------------------------
Mission Tab
-------------------------------------------*/
.mission-tab {}
.mission-tab .nav-tabs {
    border-top: 1px solid #f1f1f1;
    border-bottom: 0;
    margin-bottom: 5px;
}
.mission-tab .nav-tabs>li {
    margin-bottom: 0;
}

.mission-tab .nav-tabs>li>a {
    margin-right: 0;
    font-size: 18px;
    line-height: 25px;
    color: #a0a0a0;
    border: 0;
    border-radius: 0;
    font-family: 'Poppins',Kanit,Roboto,sans-serif;
    font-weight: 400;
}

.mission-tab .nav>li>a:focus, 
.mission-tab .nav>li>a:hover {
    background-color: transparent;
}

.mission-tab .nav-tabs>li.active>a, 
.mission-tab .nav-tabs>li.active>a:focus, 
.mission-tab .nav-tabs>li.active>a:hover {
    border: 0;
    color: #2f2f2f;
    position: relative;
}
.mission-tab .nav-tabs>li.active>a::before {
    content: "";
    background-color: #ff2a40;
    width: 100%;
    height: 2px;
    position: absolute;
    left: 0;
    top: -1px;
}


/* =-=-=-=-=-=-= Counter Section =-=-=-=-=-=-= */

.counter-section {
    background: url(../images/counter-bg.jpg) no-repeat center center;
    -webkit-background-size: cover;
    background-size: cover;
    font-family: 'Poppins',Kanit,Roboto,sans-serif;
}
.css-overlay {
    background-color: rgba(26, 1, 1, 0.6);
}

.counter-section strong {
    display: block;
    font-size: 60px;
    line-height: 48px;
    color: #fff;
}
span.count-description {
    display: block;
    color: #fff;
    font-size: 20px;
    line-height: 40px;
    text-transform: capitalize;
    padding-top: 10px;
}

.counter-wrap{
    padding:100px 0;
}
@media (max-width: 767px) {
    .counter-wrap{
        padding:40px 0;
    }
}

.counter-section .selected{
   background-color: rgba(255, 0, 0, 0.5);
}



/*factsTwo section*/
#factsTwo {
    font-family: 'Poppins',Kanit,Roboto,sans-serif;
    color: #1b2e40;
}
#factsTwo .selected{
    color: #ff2a40;
}
#factsTwo i{
    display: block;
    margin-bottom: 20px;
}
#factsTwo i::before {
    font-size: 50px;
    line-height: 60px;
}
#factsTwo strong {
    display: block;
    font-size: 60px;
    line-height: 40px;
}
#factsTwo span.count-description {
    color: #1b2e40;
}
#factsTwo .selected span.count-description {
    color: #ff2a40;
}

.pathner-section {
	padding-top:4em;
	padding-bottom:4em;
	position:relative;
    background:#111111;
}

.section-padding-pathner {
}

.pathner-section h2::after{
	position:absolute;
	content:'';
	height:3px;
	background-color:transparent;
	width: 100px;
	left:50%;
	margin-left:-45px;
	top:43px;
	bottom:0;
	z-index:1;
	border-top: 1px solid #6c4c14;
    border-bottom: 1px solid #6c4c14;
}

.pathner-section h2{
 -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-image: -webkit-linear-gradient(top, #efd100 0, #e2a233 38%, #f0c328 60%, #fff1a3 86%, #ffe13e 100%);
  background-size: 1em 1em;
  color: #f8b700;
  display: inline-block;
  line-height: 1em;
  position: relative;
  z-index: auto
}

.pathner-section .sub-title{
	color:#fff;
}

.pathner-section .sub-title a{
	color:#fff;
}

.pathner-section img{
	width:20%;
}

/* =-=-=-=-=-=-= contact Section =-=-=-=-=-=-= */

.contact-section {
	position:relative;
    background: url(../images/contact-bg.jpg) no-repeat #d2d2d2;
    -webkit-background-size: cover;
    background-size: cover;
}

.section-padding-contact {
    padding: 80px 0;
	padding-bottom:80px;
}

.contact-section h2::after{
	position:absolute;
	content:'';
	height:3px;
	background-color:transparent;
	width: 100px;
	left:50%;
	margin-left:-45px;
	top:43px;
	bottom:0;
	z-index:1;
	border-top: 1px solid #6c4c14;
    border-bottom: 1px solid #6c4c14;
}

.contact-section h2{
 -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-image: -webkit-linear-gradient(top, #efd100 0, #e2a233 38%, #f0c328 60%, #fff1a3 86%, #ffe13e 100%);
  background-size: 1em 1em;
  color: #f8b700;
  display: inline-block;
  line-height: 1em;
  position: relative;
  z-index: auto
}

.contact-section .sub-title{
	color:#fff;
}

.contact-section .sub-title a{
	color:#fff;
}

.contact-section img{
	width:20%;
}

#particles-js{position:absolute;width:100%;height:300px;background-image:url("");background-repeat:repeat;background-size:cover;background-position:50% 50%;z-index:1;pointer-events:none}

.contact-section .btn{
    font-weight: 600;
    min-width: 350px;
    border-radius: 30px;
    background-color: #111111;
}
.contact-section .btn:hover{
    background-color: #0b0b0b;
    border-color: #fff;
}

.slick-slide {
    margin: 0px 20px;
}

.slick-slide img {
    width: 100%;
}

.slick-slider
{
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
            user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;
    display: block;
}
.slick-track:before,
.slick-track:after
{
    display: table;
    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;
    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;
    height: auto;
    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}

/* =-=-=-=-=-=-= Footer Section =-=-=-=-=-=-= */

.footer-section {
    padding-top:38px;
	padding-bottom:30px;
    background-color: #fff7c7;
    position: relative;
	z-index:10;
}

.backToTop i{
    font-size: 70px;
    line-height: 85px;
    background: #191717;
    color: #fff;
    width: 100px;
    height: 100px;
    position: absolute;
    top: -50px;
    left: 50%;
    margin-left: -50px;
    border: 5px solid #fff;
    border-radius: 50%;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

.backToTop i:hover{
    background: #6a6a6a;
}

.footer-section p{
    font-size: 16px;
    color: #000;
}

.footer-logo p span{
    color: #ff2a40;
    font-weight: 600;
}

.footer-logo img{
    width: initial;
    margin-bottom: 30px;
}
.copyright {
    margin-top: -20px;
}
.copyright p {
    margin: 0;
}

.social-icon ul li a i{
    font-size: 24px;
    line-height: 50px;
    color: #fff;
    width: 50px;
    height: 50px;
    border: 1px solid #fff;
    border-radius: 50%;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}
.social-icon ul li a i:hover{
    color: #ff2a40;
    border: 1px solid #ff2a40;
}



/* =-=-=-=-=-=-= Preloader =-=-=-=-=-=-= */
#preloader {
    background: #FFF;
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 9999;
}

#status,
.status-mes {
    background-image: url(../images/preloder.gif);
    background-position: center;
    background-repeat: no-repeat;
    height: 200px;
    left: 50%;
    margin: -100px 0 0 -100px;
    position: absolute;
    top: 50%;
    width: 200px;
}

.status-mes {
    background: none;
    left: 0;
    margin: 0;
    text-align: center;
    top: 65%;
}

/* =-=-=-=-=-=-= Homepage Two =-=-=-=-=-=-= */

/*promo-section*/
.promo-section {
    background-color: #ff2a40;
    color: #fff;
}
.promo-section .section-title {
    color: #fff;
}
.promo-block {}
.promo-block i{
    display: block;
    margin: 0 auto 18px;
    width: 74px;
    height: 74px;
    font-size: 30px;
    line-height: 70px;
    color: #fff;
    border: 1px solid #fff;
    border-radius: 100%;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}
.promo-block:hover i{
    color: #ff2a40;
    background-color: #fff;
    border: 1px solid transparent;
}
.promo-block h3{
    color: #fff;
    font-size: 18px;
    line-height: 25px;
    font-weight: 400;
}

@media (max-width: 767px) {
    .promo-block {
        margin-bottom: 30px;
    }   
}



/*gallery-section*/
.gallery-section {}
#gallerySlider{
    margin-top: 55px;
    position: relative;
}
#gallerySlider img{
    width: 100%;
}
#gallerySlider .flex-control-thumbs li {
    width: auto;
    margin: 0 6px 0 0;
}
#gallerySlider .flex-control-thumbs li:last-child {
    margin: 0 0 0 0;
}
#gallerySlider .flex-control-thumbs img {
    width: 185px !important;
    opacity: .5;
}
#gallerySlider .flex-control-thumbs .flex-active {
    opacity: 1;
}
.flex-direction-nav a:before {
    font-size: 20px;
    color: #ff2a40;
    text-shadow: none;
}

@media (max-width : 767px) {
    .flex-control-thumbs {
        display: none;
    }
}
@media (min-width : 768px) and (max-width : 991px) {
    #gallerySlider .flex-control-thumbs img {
        width: 115px !important;
    } 
}
@media (min-width : 992px) and (max-width : 1199px) {
    #gallerySlider .flex-control-thumbs img {
        width: 151px !important;
    } 
}

/*work-showcase-section*/
.work-showcase-section {
    background-color: #fafafa;
    border-top: 1px solid #d2d2d2;
    border-bottom: 1px solid #d2d2d2;
    padding: 100px 0 70px;
}
#work-showcase {
    margin-top: 45px;
}
#work-showcase img{
    width: 100%;
}
#work-showcase .carousel-control {
    top: 50%;
    margin-top: -26px;
    width: 52px;
    height: 52px;
    font-size: 40px;
    line-height: 50px;
    color: #000;
    background-color: #fff;
    text-shadow: none;
    background-image: none !important;
    border-radius: 100%;
}
#work-showcase .carousel-control:focus, 
#work-showcase .carousel-control:hover {
    color: #000;
    background-color: #ff2a40;
    filter: alpha(opacity=100);
    opacity: 1;
}
#work-showcase .carousel-control.left {
    left: 5%;
}
#work-showcase .carousel-control.right {
    right: 5%;
}
#work-showcase .carousel-indicators li {
    width: 12px;
    height: 12px;
    margin: 0 0 0 5px;
    background-color: #c7c7c7;
    border: 1px solid transparent;
}
#work-showcase .carousel-indicators .active {
    background-color: #ff2a40;
}
@media screen and (min-width: 768px) {
    #work-showcase .carousel-indicators {
        bottom: -50px;
    }
}
.work-showcase-section .loadmore-btn {
    margin-top: 80px;
}






/* =-=-=-=-=-=-= Homepage Three =-=-=-=-=-=-= */

.work-together-wrapper {}
.work-together-thumb img{
    width: 100%;
}
@media (max-width : 991px) {
    .work-together-thumb img{
        margin-bottom: 30px;
    } 
}

.intro-block {
    width: 25%;
    min-height: 300px;
    float: left;
    color: #fff;
    background-color: #ccc;
    position: relative;
    overflow: hidden;
}

.intro-block:nth-child(odd){
    background: #ff2a40;
}
.intro-block:nth-child(even){
    background: #2a2425;
}

.intro-content {
    position: absolute;
    top: 50%;
    width: 100%;
    left: 0;
    padding: 0 50px;
    -webkit-transition: all 0.3s ease-in-out 0s;
    -moz-transition: all 0.3s ease-in-out 0s;
    -ms-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
    -webkit-transform: translate(0%, -50%);
    -moz-transform: translate(0%, -50%);
    -ms-transform: translate(0%, -50%);
    -o-transform: translate(0%, -50%);
    transform: translate(0%, -50%);
}
.intro-block:hover .intro-content {
    -webkit-transform: translate(0%, -65%);
    -moz-transform: translate(0%, -65%);
    -ms-transform: translate(0%, -65%);
    -o-transform: translate(0%, -65%);
    transform: translate(0%, -65%);
}
.intro-block h2 {
    color: #fff;
}
.intro-block p {
    line-height: 24px;
    margin: 0;
}
.intro-block a.learn-more{
    position: absolute;
    color: #ff2a40;
    background-color: rgba(255, 255, 255, 0.9);
    width: 100%;
    left: 0;
    bottom: -50px;
    padding: 10px 0;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.3s ease-in-out 0s;
    -moz-transition: all 0.3s ease-in-out 0s;
    -ms-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}
.intro-block:hover a.learn-more{
    bottom: 0;
    opacity: 1;
    visibility: visible;
}
.intro-block a.learn-more:hover{
    background: #fff;
}
.intro-block a.learn-more i {
    margin-left: 15px;
}

@media (min-width : 992px) and (max-width : 1199px) {
    .intro-content {
        padding: 0 30px;
    }
}


@media (max-width : 991px) {
    .intro-block {
        width: 50%;
        border-bottom: 1px solid #f1f1f1;
    } 
}

@media (max-width: 650px) {
    .intro-block {
        width: 100%;
        border-bottom: 0;
    }
}



.client-slider-v4-wrapper h2 {
    margin-bottom: 40px;
}






/* =-=-=-=-=-=-= About us Page =-=-=-=-=-=-= */

.about-intro .section-title{
    margin-bottom: 35px;
    text-align: center;
}
.about-intro p{
    margin-bottom: 25px;
}
.about-intro img{
    width: 100%;
}
.video-intro {
    position: relative;
}
.video-intro::before {
    content: "";
    background-color: rgba(0, 0, 0, 0.3);
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}
.video-intro .external-link{
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -37px;
    margin-left: -37px;
    width: 74px;
    height: 74px;
    font-size: 30px;
    line-height: 64px;
    text-align: center;
    color: #fff;
    border: 5px solid #fff;
    border-radius: 100%;
}
.video-intro .external-link i.fa-play {
    margin-left: 5px;
}



/*advantage-section*/
.advantage-section {
    padding: 100px 0;
    background-color: #fafafa;
    border-top: 1px solid #d2d2d2;
}

@media (max-width: 991px) {
    .advantage-section {
        padding: 100px 0;
    } 
}

.advantage-section .features .media-body p {
    color: #666;
}
.advantage-img-wrapper img {
    float: right;
}


@media (min-width : 992px) {
    .advantage-section.advantage-home {
        background: url(../../assets/images/feature-bg.png) no-repeat scroll 100% 80px;
        padding: 100px 0;
        border-top: 0;
    }
}



/*history-section*/
.history-section {}
.history-cover,
.history-wrapper {
    min-height: 550px;
}

@media (max-width: 991px) {
    .history-cover,
    .history-wrapper {
        min-height: 380px;
    }
}




.history-cover {
    background: url(../../assets/images/history-bg.jpg) center center no-repeat #5E5E5E;
    background-size: cover;
}

.history-wrapper {
    background-color: #2c3e50;
    color: #fff;
    padding: 70px 40% 70px 70px;
}

@media (max-width : 1199px){
    .history-wrapper {
        padding: 50px;
    }
}


@media (min-width : 1200px){
    .history-wrapper {
        padding: 70px 16% 70px 70px;
    }

}
@media (min-width : 1920px) {
    .history-wrapper {
        padding: 70px 40% 70px 70px;
    }
}


.history-wrapper h2 {
    font-size: 30px;
    color: #fff;
    margin-bottom: 30px;
}


#historyCarousel h3{
    color: #fff;
    font-size: 18px;
    line-height: 30px;
    font-weight: 700;
    font-family: 'Poppins',Kanit,Roboto,sans-serif;
}
#historyCarousel p{
    font-size: 14px;
    line-height: 30px;
    font-weight: 300;
    margin-bottom: 30px;
}

#historyCarousel .carousel-control {
    top: 6px;
    width: 20px;
    height: 20px;
    font-size: 15px;
    line-height: 16px;
    border: 1px solid #fff;
    text-align: center;
    text-shadow: none;
    filter: alpha(opacity=100);
    opacity: 1;
}
#historyCarousel .carousel-control.left {
    right: 25px;
    left: auto;
}
#historyCarousel .carousel-control.left,
#historyCarousel .carousel-control.right {
    background-image: none;
}

#historyCarousel .carousel-control:focus, 
#historyCarousel .carousel-control:hover {
    color: #2c3e50;
    background-color: #fff;
}



/*client section*/
.client section {}
.client {
    border-right: 1px solid #ededed;
    border-bottom: 1px solid #ededed;
}
.client:nth-child(4), 
.client:nth-child(8),
.client:nth-child(12) {
    border-right: 0;
}

.client:nth-child(9), 
.client:nth-child(10), 
.client:nth-child(11), 
.client:nth-child(12) {
    border-bottom: 0;
}
@media only screen and (max-width : 767px) {
    .client:nth-child(9), 
    .client:nth-child(10) {
        border-bottom: 1px solid #ededed;
    } 
}


.client {
    padding: 38px;
}

@media (max-width : 991px) {
    .client {
        padding: 30px 0;
    }  
}


/* =-=-=-=-=-=-= Blog Page =-=-=-=-=-=-= */
.post-wrapper {
    margin-bottom: 50px;
    border: 1px solid #eee;
}

.featured-wrapper img {
    width: 100%;
}
.blog-content {
    padding: 20px;
	background-color:#111;
}

.blog-content .entry-title {
 -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-image: -webkit-linear-gradient(top, #efd100 0, #e2a233 38%, #f0c328 60%, #fff1a3 86%, #ffe13e 100%);
  background-size: 1em 1em;
  color: #f8b700;
}
.blog-content .entry-content {
  color: #fff;
}
.entry-header {
	text-align:center;
    margin-bottom: 15px;
}
.entry-header .entry-meta {
    text-transform: capitalize;
}
.entry-header .entry-meta li{
    float: left;
    margin-right: 20px;
}
.entry-header .entry-meta li:last-child{
    margin-right: 0;
}
.entry-header .entry-meta li a{
    display: block;
    color: #a7a7a7;
    font-size: 13px;
    line-height: 24px;
}
.entry-header .entry-meta li a:hover{
    color: #ff2a40;
}
.entry-header h2 {
    font-size: 20px;
    line-height: 25px;
	font-family: 'Poppins',Kanit,Roboto,sans-serif;
    font-weight: 700;
    text-transform: capitalize;
    margin-bottom: 7px;
}
.entry-header h2 a{
    color: #111;
}
.entry-header h2 a:hover{
    color: #2b2828;
}

.entry-footer {
    font-size: 12px;
    padding: 13px;
    border-top: 1px solid #eee;
}

.entry-footer .entry-meta li {
    display: inline-block;
    margin-right: 7px;
}

.entry-footer a {
    display: block;
    padding: 0px 15px;
    font-size: 10px;
    line-height: 28px;
    color: #a7a7a7;
    background: #fff;
    text-transform: uppercase;
    border: 1px solid #eee;
    border-radius: 30px;
}
.entry-footer a:hover {
    color: #fff;
    background: #ff2a40;
    border: 1px solid transparent;
}

@media (max-width: 479px) {
    .entry-footer a {
        padding: 0px 8px;
        font-size: 8px;
        line-height: 24px;
    }
}


/*Gallery Post*/
.gallery-slider .carousel-control {
    top: 50%;
    margin-top: -18px;
    width: 34px;
    height: 34px;
    line-height: 34px;
    color: rgba(0, 0, 0, 0.7);
    background-color: rgba(255, 255, 255, 0.5);
    text-shadow: none;
    filter: alpha(opacity=100);
    opacity: 1;
    border-radius: 100%;
    z-index: 300;
    background-image: none;
}

.gallery-slider .carousel-control:focus, 
.gallery-slider .carousel-control:hover {
    color: #fff;
    background-color: #ff2a40;
}

.gallery-slider .carousel-control.left {
   left: 12px;
}
.gallery-slider .carousel-control.right {
   right: 12px;
}


/*Video Post*/
.post-wrapper.format-video iframe{
    width: 100%;
    min-height: 344px;
}



/*Audio Post*/
.post-wrapper.format-audio .featured-wrapper::before {
    top: auto;
    bottom: 0;
    height: 50px;
}
.post-wrapper.format-audio iframe {
    width: 100%;
    height: 203px;
}
@media (min-width : 992px) and (max-width : 1199px) {
    .post-wrapper.format-audio iframe {
        height: 165px;
    }
}




/* Quote Post
/* ------------------------------ */
.post-wrapper.format-quote {
    border: 0;
}
.format-quote .blog-content {
    padding: 0;
}

.post-wrapper blockquote {
    padding: 20px 20px 20px 60px;
    font-size: 16px;
    color: #969595;
    border-left: 0;
    border: 1px solid #eee;
    position: relative;
    margin: 0;
}
.post-wrapper blockquote::before {
    position: absolute;
    content: "\f10d";
    font-family: FontAwesome;
    font-size: 30px;
    color: #eee;
    left: 15px;
    top: 25px;
}

.blog-grid .post-wrapper blockquote {
    border: 0;
}


/*Link Post*/
.post-wrapper.format-link .entry-header {
    margin-bottom: 35px;
}
.post-wrapper .link-post {
    text-align: center;
}

.post-wrapper .link-post a {
    display: block;
    color: #ff2a40;
    font-size: 22px;
    font-weight: 600;
    padding: 35px 20px;
    background-color: #f1f1f1;
}
.post-wrapper .link-post:hover a{
    color: #fff;
    background-color: #ff2a40;
}

@media (max-width: 479px) {
    .post-wrapper .link-post a {
        font-size: 16px;
        font-weight: 600;
        padding: 20px 20px;
    }
}


/* PAGINATION
----------------------------------------------- */
.blog-pagination {}
@media (max-width: 767px) {
    .blog-pagination {
        margin-bottom: 40px;
    }
}

.pagination {
    margin: 0;
}
.pagination>li>a, 
.pagination>li>span {
    font-size: 13px;
    margin-left: 10px;
    color: #a7a7a7;
    border: 1px solid #eee;
    padding: 8px 12px;
}
.pagination>li:first-child>a, 
.pagination>li:first-child>span {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}
.pagination>li:last-child>a, 
.pagination>li:last-child>span {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
.pagination>li>a:hover, 
.pagination>li>span:hover, 
.pagination>li>a:focus, 
.pagination>li>span:focus {
    color: #fff;
    background-color: #ff2a40;
    border-color: transparent;
}
.pagination>.active>a, 
.pagination>.active>span, 
.pagination>.active>a:hover, 
.pagination>.active>span:hover, 
.pagination>.active>a:focus, 
.pagination>.active>span:focus {
    background-color: #ff2a40;
    border-color: #ff2a40;
}

.pagination>.disabled>a, 
.pagination>.disabled>a:focus, 
.pagination>.disabled>a:hover, 
.pagination>.disabled>span, 
.pagination>.disabled>span:focus, 
.pagination>.disabled>span:hover {
    border-color: #eee;
}

.page-count {
    font-size: 13px;
    border: 1px solid #eee;
    color: #a7a7a7;
    padding: 2px 12px;
}

@media (max-width: 479px) {
    .pagination>li>a, 
    .pagination>li>span {
        margin-bottom: 10px;
    }
}


/*
pager
------------------------------------*/
.pager {}
.pager li{
    float: left;
    width: 48%;
    margin-right: 2%;
}
.pager li:last-child{
    margin-right: 0;
}

.pager li>a, 
.pager li>span {
    display: block;
    background-color: #dadada;
    color: #fff;
    border: 1px solid #dadada;
    border-radius: 0;
}
.pager li>a:focus, 
.pager li>a:hover {
    background-color: #ff2a40;
    border: 1px solid transparent;
}

.pager li>a i {
    padding: 0;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s;
}
.pager li>a:hover i {
    opacity: 1;
    visibility: visible;
}
.pager li:first-child>a:hover i {
    padding-right: 10px;
}
.pager li:last-child>a:hover i {
    padding-left: 10px;
}

@media (max-width: 350px) {
    .pager li>a, 
    .pager li>span {
        padding: 5px 0;
    }
}

.error-wrapper {
    padding: 200px 0;
}
.error-wrapper i {
    font-size: 145px;
    line-height: 170px;
    text-align: center;
    display: block;
    color: #a7a7a7;
}

.error-info {
    padding-left: 60px;
    border-left: 1px solid #eee;
}
.error-info h1{
    color: #ff2a40;
    font-size: 90px;
    line-height: 90px;
    font-weight: 700;
}
.error-sub {
    display: block;
    font-size: 30px;
    font-weight: 700;
    text-transform: uppercase;
}
.error-info .btn {
    padding: 10px 30px;
}

@media (max-width: 767px) {
    .error-info {
        padding-left: 0;
        border-left: 0;
        text-align: center;
    }
}


/*404 alter*/
.error-wrapper-alt {
    background: url(../../assets/images/not-found-cover.jpg) 0 0 no-repeat;
    background-size: cover;
    position: relative;
}
.error-wrapper-alt::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6);
}
.error-info-alt {
    position: absolute;
    top: 50%;
    width: 100%;
    left: 0;
    text-align: center;
    text-transform: uppercase;
    z-index: 15;
    -webkit-transform: translate(0%, -50%);
    -moz-transform: translate(0%, -50%);
    -ms-transform: translate(0%, -50%);
    -o-transform: translate(0%, -50%);
    transform: translate(0%, -50%);
}

.error-info-alt h1 {
    color: #ff2a40;
    font-size: 150px;
    font-weight: 700;
    line-height: 150px;
}

.error-info-alt .error-sub {
    margin-bottom: 10px;
}
.error-info-alt .error-sub,
.error-info-alt p {
    color: #fff;
}
.error-info-alt .btn {
    background: #fff;
    color: #ff2a40;
    border-color: #fff;
}
.error-info-alt .btn:hover {
    background: #ff2a40;
    color: #fff;
    border-color: #ff2a40;
}


/* -----------------------------------------------
Typography Page
--------------------------------------------------*/
/*This css uses only typography page for showing all element in one page. If you wish you can remove this css.*/
.typography-btn-wrapp {}
.typography-btn-wrapp .btn{
    margin-bottom: 4px;
}



/*Revolution slider customization homepage creative*/
.tt-container {
    width:100%;
    position:relative;
    padding:0;
}
 
.tt-banner{
    width:100%;
    position:relative;
}

.tt-slider-title {
    font-family: 'Poppins',Kanit,Roboto,sans-serif;
    font-size: 76px;
    line-height: 90px;
    font-weight: 900;
    color: #fff;
    text-transform: uppercase;
}
.tt-slider-title span {
    font-weight: 300;
}
.tt-slider-title.dark {
    color: #202020;
}


.tt-slider-subtitle {
    font-family: 'Poppins',Kanit,Roboto,sans-serif;
    font-size: 25px;
    line-height: 40px;
    font-weight: 600;
    color: #fff;
    text-transform: uppercase;
}
.tt-slider-subtitle.dark {
    color: #202020;
}
.tt-btn {
    font-size: 16px;
    text-transform: uppercase;
    padding: 10px 35px;
    border-radius: 30px;
    display: block;
}

/*light btn*/
.btn-solid.light {
    color: #ff2a40;
    background-color: #fff;
}
.btn-solid.light:hover {
    color: #ff2a40;
}

.btn-bordered.light {
    color: #fff;
    border: 1px solid #fff;
}
.btn-bordered.light:hover {
    color: #ff2a40;
    background-color: #fff;
    border: 1px solid transparent;
}

/*dark btn*/
.btn-solid.dark {
    color: #fff;
    background-color: #202020;
}
.btn-solid.dark:hover {
    color: #fff;
}

.btn-bordered.dark {
    color: #202020;
    border: 1px solid #202020;
}
.btn-bordered.dark:hover {
    color: #fff;
    background-color: #202020;
    border: 1px solid transparent;
}



/*Revolution slider customization homepage gallery*/
.tt-container-gallery {
    width:100%;
    position:relative;
    padding:0;
}
 
.tt-banner-gallery{
    width:100%;
    position:relative;
}
.tt-banner-gallery .tt-slider-title {
    color: #ff2a40;
    font-size: 75px;
    line-height: 80px;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: -3px;
}
.tt-banner-gallery .tt-slider-title span{
    color: #fff;
    margin-left: 20px;
    font-weight: 700;
}
.tt-banner-gallery .tt-slider-subtitle{
    font-size: 50px;
    font-weight: 700;
    letter-spacing: -2px;
    text-transform: uppercase;
    margin-bottom: 30px;
}
.tt-banner-gallery .tt-slider-small-text{
    color: #fff;
    font-size: 18px;
    line-height: 30px;
    font-weight: 300;
}

.login-btn {
	width:100%;
	color:#1f1f1f;
	font-weight:500;
	background-image: -webkit-linear-gradient(top, #efd100 0, #e2a233 38%, #f0c328 60%, #fff1a3 86%, #ffe13e 100%);
	border-radius: 40px;
    text-align: center;
	padding:8px;
}

.login-btn:hover {
	filter:brightness(120%);filter:brightness(120%);
}

.scrolldown {
position: absolute;
bottom: 0;
top: auto;
right: auto;
margin-bottom: 32px;
left: 50%;
font-family: 'Poppins',Kanit,Roboto,sans-serif;
z-index: 2;
background: transparent; }
@media (max-width: 768px) {
.scrolldown {
display: none; } }
@media (max-height: 480px) {
.scrolldown {
display: none; } }
.scrolldown a {
margin-left: 0;
position: relative;
display: block;
font-size: 1rem;
font-family: 'Poppins',Kanit,Roboto,sans-serif;
line-height: 1;
padding: 8px 8px;
-webkit-transition: 0.3s;
transition: 0.3s;
color: #fff;
background: transparent;
border: none; }
.scrolldown a .txt {
position: absolute;
width: 200px;
text-align: center;
left: -100px;
top: 0; }
.scrolldown a:after {
position: absolute;
content: "";
bottom: 30px;
right: 0;
height: 34px;
width: 18px;
margin-right: 9px;
border-radius: 40px;
border: 1px solid #fff;
background: transparent;
-webkit-transition: 0.3s;
transition: 0.3s; }
.scrolldown a:before {
position: absolute;
content: "";
bottom: 54px;
right: 0;
height: 4px;
width: 4px;
margin-right: 16px;
border-radius: 40px;
background: white;
-webkit-transition: 0.3s;
transition: 0.3s; }
.scrolldown a:hover {
color: #ffffff; }
.scrolldown a:hover:before {
bottom: 38px;
background: #ffffff; }

#subscribeModal .modal-content{
	color:#fff;
	overflow:hidden;
}

#subscribeModal .modal-content h2{
	color:#fff;
}

#subscribeModal .top-strip{
	height: 155px;
    background: #e2a233;
    transform: rotate(141deg);
    margin-top: -94px;
    margin-right: 190px;
    margin-left: -130px;
    border-bottom: 65px solid #efd100;
    border-top: 10px solid #efd100;
}
#subscribeModal .bottom-strip{
	height: 155px;
    background: #e2a233;
    transform: rotate(112deg);
    margin-top: -110px;
    margin-right: -215px;
    margin-left: 300px;
    border-bottom: 65px solid #efd100;
    border-top: 10px solid #efd100;
}

#subscribeModal .modal-lg .top-strip {
    height: 155px;
    background: #e2a233;
    transform: rotate(141deg);
    margin-top: -106px;
    margin-right: 457px;
    margin-left: -130px;
    border-bottom: 65px solid #efd100;
    border-top: 10px solid #efd100;
}
#subscribeModal .modal-lg .bottom-strip {
    height: 155px;
    background: #e2a233;
    transform: rotate(135deg);
    margin-top: -115px;
    margin-right: -339px;
    margin-left: 421px;
    border-bottom: 65px solid #efd100;
    border-top: 10px solid #efd100;
}
.pad30 {
padding-top:0;
padding:30px;
}
.white {
color:#fff}

.thumb-overlay{background-color:rgba(44,62,80,.5);position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;visibility:hidden;-webkit-transition:opacity .2s ease-out;-moz-transition:opacity .2s ease-out;-o-transition:opacity .2s ease-out;transition:opacity .2s ease-out}
ul#filter{margin-bottom:50px}
ul#filter li{font-size:16px;line-height:25px;padding:7px 20px;border-radius:20px;cursor:pointer}
ul#filter li.active{background-color:#6c4f2f;color:#fff}
ul#filter.filter-square li{border:1px solid #ccc;border-radius:0;padding:5px 20px;margin:2px}
ul#filter.filter-square li.active{border:1px solid transparent}
ul#filter.filter-rounded li{border:0;border-radius:3px;background-color:#e0e0e0;padding:5px 20px;margin:2px}
ul#filter.filter-rounded li.active{background-color:#1b2e3f}
ul#filter.filter-transparent li{color:#a9a8a8;padding:5px 15px;font-size:14px;text-transform:uppercase}
ul#filter.filter-transparent li.active{background-color:transparent;color:#6c4f2f}
ul#portfolio-grid{overflow:hidden}
ul#portfolio-grid li img{width:100%}
ul#portfolio-grid>li{float:left;display:block;height:auto}
ul#portfolio-grid.five-column>li{width:20%}
ul#portfolio-grid.four-column>li{width:25%}
ul#portfolio-grid.three-column>li{width:33.33%}
ul#portfolio-grid.two-column>li{width:50%}
@media(max-width:1199px){ul#portfolio-grid.five-column>li{width:25%}
}
@media(max-width:991px){ul#portfolio-grid.five-column>li,ul#portfolio-grid.four-column>li{width:33.33%}
}
@media(max-width:767px){ul#portfolio-grid.five-column>li,ul#portfolio-grid.four-column>li,ul#portfolio-grid.three-column>li{width:50%}
}
@media(max-width:480px){ul#portfolio-grid.five-column>li,ul#portfolio-grid.four-column>li,ul#portfolio-grid.three-column>li,ul#portfolio-grid.two-column>li{width:100%}
}
.portfolio-item.gutter{margin-bottom:20px!important}
.portfolio{position:relative;overflow:hidden}
.portfolio .tt-overlay{background-color:rgba(255,247,199,.5);position:absolute;width:100%;height:100%;opacity:0;visibility:hidden;-webkit-transition:opacity .2s ease-out;-moz-transition:opacity .2s ease-out;-o-transition:opacity .2s ease-out;transition:opacity .2s ease-out}
.portfolio:hover .tt-overlay{opacity:1;visibility:visible}
.portfolio-info .project-title,.portfolio-info .links{position:absolute;left:0;color:#fff;width:100%;opacity:0;visibility:hidden}
.portfolio-info .project-title{top:60%;-webkit-transition:.3s;-moz-transition:.3s;-o-transition:.3s;transition:.3s}
.portfolio:hover .portfolio-info .project-title{top:35%;opacity:1;visibility:visible}
.portfolio-info .links{top:90%;-webkit-transition:.4s;-moz-transition:.4s;-o-transition:.4s;transition:.4s}
.portfolio:hover .portfolio-info .links{top:55%;opacity:1;visibility:visible}
.portfolio-info .btn{background-color:transparent;border-color:#fff;padding:12px 22px;border-radius:20px}
.portfolio-info .btn:hover{background-color:#fff;border-color:#fff;color:#6c4f2f}
.portfolio-container .btn.view-more{margin-top:40px}
.hover-two .portfolio:hover .portfolio-info .links{top:46%}
.hover-two .portfolio .tt-overlay{background-color:rgba(0,0,0,.7)}
.portfolio-details{position:absolute;left:0;bottom:0;width:100%}
.portfolio-details li{display:inline-block;position:relative;bottom:-40px;opacity:0;visibility:hidden;transform:translateZ(0)}
.portfolio:hover .portfolio-details li{bottom:0;opacity:1;visibility:visible}
.portfolio:hover .portfolio-details li:nth-child(1){-webkit-transition:.3s;-moz-transition:.3s;-o-transition:.3s;transition:.3s}
.portfolio:hover .portfolio-details li:nth-child(2){-webkit-transition:.5s;-moz-transition:.5s;-o-transition:.5s;transition:.5s}
.portfolio-details li a{display:block;width:40px;height:40px;line-height:40px;background-color:rgba(255,255,255,.9)}
.portfolio-nav{padding:40px 0}
.portfolio-nav a{margin-right:20px;color:#a7a7a7}
.portfolio-nav a:hover{color:#6c4f2f}
.project-overview{padding:90px 0}
.single-project-section.alter .project-overview{padding:0}
.project-overview h2{font-size:18px;line-height:22px;margin-bottom:20px}
.project-overview p{margin-bottom:25px}
.client-testimonial blockquote{font-size:17px;border-left:5px solid #6c4f2f;background:#fafafa;font-style:italic}
.portfolio-meta li{margin:15px 0;color:#666}
.portfolio-meta li{margin:15px 0}
.portfolio-meta li span{display:inline-block;width:130px;letter-spacing:1px;color:#202020;font-size:12px;text-transform:uppercase;font-weight:600}
.portfolio-meta li a{margin-right:10px;color:#a7a7a7}
.portfolio-meta li a:hover{color:#6c4f2f}
.quick-overview .btn{padding:9px 20px;text-transform:capitalize;margin-top:20px}
@media(max-width:991px){.project-overview{padding:60px 0}
.quick-overview{margin-top:30px}
.single-project-section.alter .project-overview{padding-bottom:90px}
.single-project-section.alter .pb-100{padding-bottom:60px}
}
.trendy-slider{}

.swiper-container{display:-ms-flexbox;display:-webkit-flex;display:flex;margin-left:auto;margin-right:auto;position:relative;overflow:hidden;min-height:200px;z-index:1;height:100vh}.swiper-container-vertical>.swiper-wrapper{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.swiper-vertcal{height:450px}@media(min-width:768px){.swiper-vertcal{min-height:650px}}@media(min-width:1200px){.swiper-vertcal{height:90vh}}.swiper-wrapper{position:relative;z-index:1;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-align-self:stretch;-ms-flex-item-align:stretch;align-self:stretch;-webkit-align-items:stretch;-ms-flex-align:stretch;align-items:stretch;width:100%;height:auto;min-height:inherit;transition-property:transform;box-sizing:content-box}.swiper-container-android .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0);will-change:transform}.swiper-container-multirow>.swiper-wrapper{-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.swiper-container-no-flexbox .swiper-slide{float:left}.swiper-container-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-container .swiper-notification{position:absolute;left:0;top:0;z-index:-1000;pointer-events:none;opacity:0}.swiper-wp8-horizontal{-ms-touch-action:pan-y;touch-action:pan-y}.swiper-wp8-vertical{-ms-touch-action:pan-x;touch-action:pan-x}.swiper-container .swiper-button-prev,.swiper-container .swiper-button-next{display:none;position:absolute;top:50%;width:50px;height:50px;font-size:0;line-height:0;vertical-align:middle;text-align:center;margin-top:-25px;z-index:10;cursor:pointer;color:#c7c7c7;background-color:#fff;fill:#fff;transition:.33s}.swiper-container .swiper-button-prev::before,.swiper-container .swiper-button-next::before{font-size:20px;line-height:50px}.swiper-container .swiper-button-prev:hover,.swiper-container .swiper-button-next:hover{fill:#2ed3ae;color:#2ed3ae}@media(min-width:992px){.swiper-container .swiper-button-prev,.swiper-container .swiper-button-next{display:block}}.swiper-button-prev.swiper-button-disabled,.swiper-button-next.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-prev{left:0;border-radius:0 4px 4px 0}.swiper-button-next{right:-1px;border-radius:4px 0 0 4px}.swiper-pagination{position:absolute;z-index:10;display:block;transition:300ms;text-align:center;transform:translate3d(0,0,0)}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-bullet{display:inline-block;width:14px;height:14px;border-radius:50%;background:rgba(0,0,0,.3);transition:.33s}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:hover,.swiper-pagination-bullet-active{background:#2ed3ae}.swiper-container-vertical>.swiper-pagination{right:10px;top:50%;transform:translate3d(0px,-50%,0)}.swiper-container-vertical>.swiper-pagination .swiper-pagination-bullet{margin:5px 0;display:block}.swiper-container-horizontal>.swiper-pagination{bottom:20px;left:0;width:100%}@media(min-width:992px){.swiper-container-horizontal>.swiper-pagination{bottom:70px}}.swiper-container-horizontal>.swiper-pagination .swiper-pagination-bullet{margin:0 10px}.swiper-container-3d{-webkit-perspective:1200px;perspective:1200px}.swiper-container-3d .swiper-wrapper,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-cube-shadow{-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-slide-shadow-bottom{position:absolute;left:0;top:0;z-index:10;width:100%;height:100%;pointer-events:none}.swiper-container-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,0.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,0.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,0.5),rgba(0,0,0,0))}.swiper-container-coverflow .swiper-wrapper{-ms-perspective:1200px}.swiper-container-fade.swiper-container-free-mode .swiper-slide{-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.swiper-container-fade .swiper-slide{pointer-events:none}.swiper-container-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube{overflow:visible}.swiper-container-cube .swiper-slide{pointer-events:none;visibility:hidden;transform-origin:0 0;-webkit-backface-visibility:hidden;backface-visibility:hidden;width:100%;height:100%;z-index:1}.swiper-container-cube.swiper-container-rtl .swiper-slide{transform-origin:100% 0}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-prev,.swiper-container-cube .swiper-slide-next+.swiper-slide{pointer-events:auto;visibility:visible}.swiper-container-cube .swiper-slide-shadow-top,.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0;width:100%;height:100%;background:#000;opacity:.6;-webkit-filter:blur(50px);filter:blur(50px);z-index:0}.swiper-scrollbar{position:relative;-ms-touch-action:none}.swiper-container-horizontal>.swiper-scrollbar{position:absolute;bottom:0;z-index:50;height:3px;width:100%}.swiper-container-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{position:relative;left:0;top:0;width:100%;height:100%;background:#2ed3ae}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;-webkit-transform-origin:50%;-moz-transform-origin:50%;transform-origin:50%;-webkit-animation:swiper-preloader-spin 1s steps(12,end) infinite;-moz-animation:swiper-preloader-spin 1s steps(12,end) infinite;animation:swiper-preloader-spin 1s steps(12,end) infinite}.swiper-lazy-preloader:after{content:"";display:block;width:100%;height:100%;background-image:url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB2aWV3Qm94PScwIDAgMTIwIDEyMCcgeG1sbnM9J2h0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnJyB4bWxuczp4bGluaz0naHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayc+PGRlZnM+PGxpbmUgaWQ9J2wnIHgxPSc2MCcgeDI9JzYwJyB5MT0nNycgeTI9JzI3JyBzdHJva2U9JyM2YzZjNmMnIHN0cm9rZS13aWR0aD0nMTEnIHN0cm9rZS1saW5lY2FwPSdyb3VuZCcvPjwvZGVmcz48Zz48dXNlIHhsaW5rOmhyZWY9JyNsJyBvcGFjaXR5PScuMjcnLz48dXNlIHhsaW5rOmhyZWY9JyNsJyBvcGFjaXR5PScuMjcnIHRyYW5zZm9ybT0ncm90YXRlKDMwIDYwLDYwKScvPjx1c2UgeGxpbms6aHJlZj0nI2wnIG9wYWNpdHk9Jy4yNycgdHJhbnNmb3JtPSdyb3RhdGUoNjAgNjAsNjApJy8+PHVzZSB4bGluazpocmVmPScjbCcgb3BhY2l0eT0nLjI3JyB0cmFuc2Zvcm09J3JvdGF0ZSg5MCA2MCw2MCknLz48dXNlIHhsaW5rOmhyZWY9JyNsJyBvcGFjaXR5PScuMjcnIHRyYW5zZm9ybT0ncm90YXRlKDEyMCA2MCw2MCknLz48dXNlIHhsaW5rOmhyZWY9JyNsJyBvcGFjaXR5PScuMjcnIHRyYW5zZm9ybT0ncm90YXRlKDE1MCA2MCw2MCknLz48dXNlIHhsaW5rOmhyZWY9JyNsJyBvcGFjaXR5PScuMzcnIHRyYW5zZm9ybT0ncm90YXRlKDE4MCA2MCw2MCknLz48dXNlIHhsaW5rOmhyZWY9JyNsJyBvcGFjaXR5PScuNDYnIHRyYW5zZm9ybT0ncm90YXRlKDIxMCA2MCw2MCknLz48dXNlIHhsaW5rOmhyZWY9JyNsJyBvcGFjaXR5PScuNTYnIHRyYW5zZm9ybT0ncm90YXRlKDI0MCA2MCw2MCknLz48dXNlIHhsaW5rOmhyZWY9JyNsJyBvcGFjaXR5PScuNjYnIHRyYW5zZm9ybT0ncm90YXRlKDI3MCA2MCw2MCknLz48dXNlIHhsaW5rOmhyZWY9JyNsJyBvcGFjaXR5PScuNzUnIHRyYW5zZm9ybT0ncm90YXRlKDMwMCA2MCw2MCknLz48dXNlIHhsaW5rOmhyZWY9JyNsJyBvcGFjaXR5PScuODUnIHRyYW5zZm9ybT0ncm90YXRlKDMzMCA2MCw2MCknLz48L2c+PC9zdmc+);background-position:50%;background-size:100%;background-repeat:no-repeat}.swiper-lazy-preloader-white:after{background-image:url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB2aWV3Qm94PScwIDAgMTIwIDEyMCcgeG1sbnM9J2h0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnJyB4bWxuczp4bGluaz0naHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayc+PGRlZnM+PGxpbmUgaWQ9J2wnIHgxPSc2MCcgeDI9JzYwJyB5MT0nNycgeTI9JzI3JyBzdHJva2U9JyNmZmYnIHN0cm9rZS13aWR0aD0nMTEnIHN0cm9rZS1saW5lY2FwPSdyb3VuZCcvPjwvZGVmcz48Zz48dXNlIHhsaW5rOmhyZWY9JyNsJyBvcGFjaXR5PScuMjcnLz48dXNlIHhsaW5rOmhyZWY9JyNsJyBvcGFjaXR5PScuMjcnIHRyYW5zZm9ybT0ncm90YXRlKDMwIDYwLDYwKScvPjx1c2UgeGxpbms6aHJlZj0nI2wnIG9wYWNpdHk9Jy4yNycgdHJhbnNmb3JtPSdyb3RhdGUoNjAgNjAsNjApJy8+PHVzZSB4bGluazpocmVmPScjbCcgb3BhY2l0eT0nLjI3JyB0cmFuc2Zvcm09J3JvdGF0ZSg5MCA2MCw2MCknLz48dXNlIHhsaW5rOmhyZWY9JyNsJyBvcGFjaXR5PScuMjcnIHRyYW5zZm9ybT0ncm90YXRlKDEyMCA2MCw2MCknLz48dXNlIHhsaW5rOmhyZWY9JyNsJyBvcGFjaXR5PScuMjcnIHRyYW5zZm9ybT0ncm90YXRlKDE1MCA2MCw2MCknLz48dXNlIHhsaW5rOmhyZWY9JyNsJyBvcGFjaXR5PScuMzcnIHRyYW5zZm9ybT0ncm90YXRlKDE4MCA2MCw2MCknLz48dXNlIHhsaW5rOmhyZWY9JyNsJyBvcGFjaXR5PScuNDYnIHRyYW5zZm9ybT0ncm90YXRlKDIxMCA2MCw2MCknLz48dXNlIHhsaW5rOmhyZWY9JyNsJyBvcGFjaXR5PScuNTYnIHRyYW5zZm9ybT0ncm90YXRlKDI0MCA2MCw2MCknLz48dXNlIHhsaW5rOmhyZWY9JyNsJyBvcGFjaXR5PScuNjYnIHRyYW5zZm9ybT0ncm90YXRlKDI3MCA2MCw2MCknLz48dXNlIHhsaW5rOmhyZWY9JyNsJyBvcGFjaXR5PScuNzUnIHRyYW5zZm9ybT0ncm90YXRlKDMwMCA2MCw2MCknLz48dXNlIHhsaW5rOmhyZWY9JyNsJyBvcGFjaXR5PScuODUnIHRyYW5zZm9ybT0ncm90YXRlKDMzMCA2MCw2MCknLz48L2c+PC9zdmc+)}.swiper-slide>.vide__body,.swiper-slide>.parallax_cnt{height:100%}.swiper-slide{position:relative;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;width:100%;background-position:center center}.swiper-slide.swiper-slide_top{-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start}.swiper-slide.swiper-slide_video{min-height:inherit;-webkit-align-items:stretch;-ms-flex-align:stretch;align-items:stretch;padding:0}.swiper-slide.swiper-slide_video .vide_bg{display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;width:100%}.swiper-slide-caption{position:relative;z-index:2;display:block;width:100%;padding:25px 0 60px;min-height:inherit}@media(min-width:768px){.swiper-slide-caption{padding:60px 0}}@media(min-width:992px){.swiper-slide-caption{padding:100px 0}}@media(min-width:1200px) and (min-height:800px){.swiper-slide-caption{padding:180px 0 140px}}.swiper-slider-custom.swiper-container{max-height:250px}@media(min-width:768px){.swiper-slider-custom.swiper-container{max-height:550px}}@media(min-width:1200px){.swiper-slider-custom.swiper-container{max-height:750px}}@media(min-width:992px){.desktop .swiper-slider .swiper-button-prev{transform:translateX(-100%)}.desktop .swiper-slider .swiper-button-next{transform:translateX(100%)}.desktop .swiper-slider:hover .swiper-button-prev,.desktop .swiper-slider:hover .swiper-button-next{transform:translateX(0)}}.swiper-slider_fullheight{min-height:calc(100vh - 56px);height:auto}.swiper-slider_fullheight .swiper-pagination{bottom:15px}@media(max-width:767px){.swiper-slider_fullheight .swiper-slide.bg-gray-dark{background-color:rgba(51,51,51,.2);background-blend-mode:multiply}.swiper-slider_fullheight .swiper-slide.bg-secondary-7{background-color:rgba(51,51,51,.12);background-blend-mode:multiply}}@media(min-width:768px) and (max-width:991px){.swiper-slider_fullheight{min-height:640px}}@media(min-width:768px){.swiper-slider_fullheight .swiper-slide-caption{padding-left:60px;padding-right:60px}.swiper-slider_fullheight .swiper-pagination{bottom:50px}}@media(min-width:1200px){.swiper-slider_fullheight .swiper-pagination{bottom:70px}}@media(min-width:1600px){.swiper-slider_fullheight .swiper-slide-caption{padding-left:0;padding-right:0}}@media(min-width:992px){.desktop .swiper-slider_fullheight{min-height:100vh}.desktop .rd-navbar-default-linked .swiper-slider_fullheight{min-height:calc(100vh - 164px)}.desktop .rd-navbar-corporate-linked .swiper-slider_fullheight{min-height:calc(100vh - 215px)}.desktop .rd-navbar-corporate-linked .swiper-slider_fullheight .swiper-slide-caption{padding-top:150px;padding-bottom:200px}.desktop .rd-navbar_transparent-linked .swiper-slider_fullheight .swiper-slide-caption{padding-top:200px;padding-bottom:150px}}@media(min-width:1200px){.desktop .rd-navbar-default-linked .swiper-slider_fullheight{min-height:calc(100vh - 100px)}.desktop .rd-navbar_transparent-linked .swiper-slider_fullheight .swiper-slide-caption{padding-top:300px;padding-bottom:150px}}.flickr-item{font-size:0;line-height:0}

.line-block{position:fixed;width:230px;right:10px;bottom:0;z-index:99}.line-block .btn-chat{background-color:#ea9696;text-align:left;color:#fff;position:relative;padding:13px;padding-left:60px;border:0;margin:0;border-radius:8px 8px 0 0;overflow:hidden}.line-block .btn-chat span{color:#fbac3b}.line-block .btn-chat span.chat-icon{background-color:#ea9696;position:absolute;left:0;top:0;padding:5px;font-size:24px;border-top-left-radius:0px}.line-block #contactgm{background:#FFF}.line-block #contactgm img{margin:0 auto}

.btn-chat i{ 
	text-align:right;
}
.ui-to-top i {
	position:absolute;
	left:0;
	right:0;
	top:2px;
}
.ui-to-top{position:fixed;left:15px;bottom:15px;width:34px;height:34px;border-radius:100%;font-size:24px;line-height:58px;overflow:hidden;text-align:center;text-decoration:none;z-index:20;transition:.3s all ease;transform:translateY(100px)}
.ui-to-top::before{font-family:linearicons}.ui-to-top,.ui-to-top:active,.ui-to-top:focus{color:#fff;background:#da9087}.ui-to-top:hover{color:#fff;background:#000}.ui-to-top:focus{outline:0}.ui-to-top.active{transform:translateY(0)}