/*=======================================================================
[Table of contents]
=========================================================================


background #002542
pink       #df05a1
bluepink   #5a4ea3

gradient
background-image: linear-gradient(
  45deg,
  hsl(317deg 96% 45%) 0%,
  hsl(317deg 78% 47%) 11%,
  hsl(315deg 69% 47%) 22%,
  hsl(312deg 61% 46%) 33%,
  hsl(307deg 54% 45%) 44%,
  hsl(301deg 47% 43%) 56%,
  hsl(291deg 44% 44%) 67%,
  hsl(280deg 41% 45%) 78%,
  hsl(266deg 38% 46%) 89%,
  hsl(248deg 35% 47%) 100%
);


1. Header 01
2. Revolution Slider
3. Services Section
4. About Agency
5. What We Do Section
6. Portfolio Section
7. Fun Fact Section
8. Trust Client Section
9. Team Section
10. Our Clients Section
11. Testimonail Section
12. Blog Section
13. Ready Section
14. Footer Section
15. Servieces 2 Section
16. Featured Section
17. Tesimonial 02 Section
18. Why Choose Us Section
19. What We Do 2 Section
20. Google Map Section
21. About Page
22. Service Page
23. Portfolio Page
24. Blog Page
25. Contct Page
26. Popup Search
27. Popup Menu
28. preloder
29. Bact To Top
30. Color Preset
*/
.node-webform .links {
    display: none;
}
.page-node-8 .popUp_social {
  position: relative;
  text-align: center;
  margin-top: 50px;
}
.page-node-8 .popUp_social ul{

}
.page-node-8 .popUp_social ul a{
  color: #222232;
}
.page-node-8 .popUp_social ul a:hover{
  color: #e62b4a;
}
.page-node-8 .popUp_social ul li a i {
  color: #222232;
}

.color_red {
	color:#e62b4a;
}

.color_blue {
	color:#43a1f6;
}

.color_black {
	color:#17212d;
}

.color_white {
	color:#fff;
}

.tac {
	text-align:center;
}

.p_w {
  display: block;
  background: url("../images/wdev_ico.svg") no-repeat scroll 7px center;
  background-size: 20px;
}

.p_a {
  display: block;
  background: url("../images/megaphone_ico.svg") no-repeat scroll 7px center;
  background-size: 20px;
}

.p_c {
  display: block;
  background: url("../images/calc_ico.svg") no-repeat scroll 7px center;
  background-size: 20px;
}

#block-block-4 {
  overflow: hidden;
}

.view-portfolio-prev {

}

.front .view-portfolio-prev ul{
  margin: 0;
  padding: 0;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-gap: 25px;
}

.not-front .view-portfolio-prev ul{
  grid-template-columns: 1fr 1fr;
  display: grid;
  grid-gap: 25px;
}

.not-front .view-portfolio-prev ul li {
  margin: 0;
  padding: 0;
}

.not-front .view-portfolio-prev ul li .views-field-field-preview img {
  margin-bottom: 0;
}

.page-node-7 .view-portfolio-prev {
  margin-top: 0px;
}

.not-front.page-node-7 .pageBanner:before {
  min-height: 500px;
}

.view-portfolio-prev ul li {
  background: #f4f4f4;
}

.view-portfolio-prev ul li .views-field-field-category{
  position: absolute;
  z-index: 1;
  background: #17212d;
  margin-top: 25px;
  width: 230px;
  color: #fff;
  height: 32px;
}

.view-portfolio-prev ul li .views-field-field-category:after {
  content: "";
  background: #e62b4a;
  width: 4px;
  height: 32px;
  position: absolute;
  right: -4px;
  top: 0px;
}

.view-portfolio-prev ul li .views-field-field-category p {
  margin: 0;
  text-indent: 40px;
}

.view-portfolio-prev ul li .views-field-field-preview{
  overflow: hidden;
  width: 100%;
  max-width: 730px;
}

.view-portfolio-prev ul li .views-field-field-preview img{
  max-width: 730px;
  width: 100%;
  height: auto;
  transition: all 0.4s;
}

.view-portfolio-prev ul li .views-field-field-preview img:hover {
  transform: scale(1.1);
}

.node-type-portfolio .page_title{
  font-size: 70px;
}

.node-type-portfolio .page_title .creafont{
  font-weight: 100;
}

.node-type-portfolio .field-name-field-preview img {
  margin-top: -350px;
  max-width: 730px;
  width: 100%;
}

.node-type-portfolio .field-name-field-images img {
  max-width: 730px;
  width: 100%;
}

.node-type-portfolio .field-name-body {
  margin-bottom: 60px;
}

.not-front .pageBanner {
  padding-bottom: 200px;
}

.not-front.page-node-8 .pageBanner:before,
.not-front.page-node-9 .pageBanner:before,
.not-front.page-node-15 .pageBanner:before,
.not-front.page-node-16 .pageBanner:before,
.not-front.page-node-17 .pageBanner:before,
.not-front.page-node-18 .pageBanner:before,
.not-front.page-node-19 .pageBanner:before,
.not-front.page-node-22 .pageBanner:before,
.not-front.page-node-23 .pageBanner:before {
  min-height: 450px;
}

.page-node-8 .commonSection,
.page-node-9 .commonSection,
.page-node-15 .commonSection,
.page-node-16 .commonSection,
.page-node-17 .commonSection,
.page-node-18 .commonSection,
.page-node-19 .commonSection,
.page-node-23 .commonSection {
  padding-top: 0px;
  background: url(../images/bg/bg1.svg) repeat center center / 125%;
}

.page-node-15 .page_title,
.page-node-16 .page_title,
.page-node-17 .page_title,
.page-node-18 .page_title,
.page-node-19 .page_title,
.page-node-23 .page_title {
  font-size: 70px;
}

.order_select_list {
  background: #e4f5fb;
}

.order_text {
  background: #e4f5fb;
}

.order_check_wrap {

}

.order_check_wrap .form-checkboxes{
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  align-items: center;
  grid-gap: 10px;
}

.order_check_wrap .form-checkboxes input,
.order_check_wrap .form-type-radio input {
  margin-top: -4px;
}

.order_check_wrap .form-checkboxes input:hover,
.order_check_wrap .form-checkboxes label:hover,
.order_check_wrap .form-type-radio label:hover,
.order_check_wrap .form-type-radio input {
  cursor:pointer;
}

.order_check_wrap .form-checkboxes label,
.order_check_wrap .form-type-radio label {
  font-size: 16px;
  margin-left: 10px;
}

.order_check {

}

.webform-client-form-15 label,
.webform-client-form-16 label,
.webform-client-form-17 label,
.webform-client-form-18 label,
.webform-client-form-19 label,
.webform-client-form-23 label {
  text-transform: uppercase;
  color: #222232;
  line-height: 1.2em;
  font-size: 40px;
  letter-spacing: 2px;
  margin-bottom: 15px;
  font-weight: 400;
}

.webform-client-form-15 .webform-component,
.webform-client-form-16 .webform-component,
.webform-client-form-17 .webform-component,
.webform-client-form-18 .webform-component,
.webform-client-form-19 .webform-component,
.webform-client-form-23 .webform-component {
  margin-bottom: 60px;
}

.services_links {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.services_links a{
  display: block;
  margin-bottom: 40px;
  max-width: 400px;
  width: 100%;
}

.not-front.page-node-20 .pageBanner:before,
.not-front.page-node-21 .pageBanner:before {
background: transparent;
}

.not-front.page-node-20 .pageBanner,
.not-front.page-node-21 .pageBanner {
  padding-top: 100px;
  padding-bottom: 0px;
  min-height: 200px;
}

.not-front.page-node-20,
.not-front.page-node-21 {
  background: url(../images/slider/1_1.jpg) no-repeat fixed center center / cover;
}

.image_404 {
  text-align: center;
}

.image_404 svg{
 height: calc(100vh - 345px);
}

.contact_item {
  display: block;
  margin-bottom: 20px;
  line-height: normal;
  text-align: center;
}

.contact_item i {
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  margin-right: 15px;
}

/*----------------------------------------------------
/ 1. Header 01
------------------------------------------------------*/
.price_item {
  width: 100%;
  margin-bottom: 25px;
  font-size: 25px;
  display: block;
}

.price_item p {
  color: #e62b4a;
  margin: 0!important;
  padding: 0;
  display: inline;
  font-weight: bold;
}

.price_item i {
  color: #e62b4a;
  font-size: 40px;
  font-weight: bold;
  transform: rotate(90deg);
  margin-right: 10px;
}

.creafont {
	font-family:Monoton;
	font-weight:400;
}

.node-type-blog .page_title {
    font-size: 90px;
}

.view-id-blog {
    margin-top: 0px;
}

.view-id-blog ul li {
    margin-bottom: 40px!important;
}

.view-id-blog ul li .views-field-field-blog-main-image img{
    margin-bottom: 5px;
}

.view-id-blog ul li .views-field-view-node a{
    border: none;
    font-size: 16px;
    font-weight: 400;
    background: #17212d;
    color: #fff;
    height: 70px;
    text-transform: uppercase;
    text-align: center;
    padding: 28px 45.5px;
    display: inline-block;
    line-height: .8;
    letter-spacing: 1.6px;
    position: relative;
    outline: none;
    transition: all 0.4s ease-out;
    -moz-transition: all 0.4s ease-out;
    -webkit-transition: all 0.4s ease-out;
    -ms-transition: all 0.4s ease-out;
    -o-transition: all 0.4s ease-out;
}

.view-id-blog ul li .views-field-view-node a:hover {
    background: #e62b4a;
}

.page_title {
  color: #fff;
  font-size: 110px;
  letter-spacing: 0.04em;
  word-spacing: 0.1em;
}

.fixedHeader .logo a{
	color:#17212d;
}

.fixedHeader .logo svg{
	fill:#17212d;
}

.black_color.fixedHeader .mainmenu ul li a {
	color:#17212d;
}

.black_color.fixedHeader .navigator a {
    color: #17212d;
}

.header_01 {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 5;
    background: transparent;
    padding: 39px 40px 0 45px;
}

.logo {
    text-align: left;
    padding: 0 0 39px;
	transition:all 0.2s;
}

.logo a{
    color: #fff;
    display: flex;
    font-size: 30px;
    align-items: center;
	/*background: linear-gradient(45deg, rgb(223, 5, 161), rgb(90, 78, 163));
	-webkit-background-clip: text;
    -webkit-text-fill-color: transparent;*/
	transition:all 0.2s;
}

.logo svg {
    max-width: 54px;
	width:100%;
    height: auto;
    margin-right: 15px;
	fill:#fff;
	transition:all 0.2s;
}

.logo:hover a {
	color:#e62b4a;
}

.logo:hover svg {
	fill:#e62b4a;
}

.mainmenu {
    position: relative;
}

.mainmenu ul {
    margin: 0;
    padding: 0;
}

.mainmenu ul li {
    list-style: none;
    display: inline-block;
    line-height: .8;
    padding: 0 20px 53px;
    position: relative;
}

.mainmenu ul li a {
    display: block;
    color: #fff;
    font-size: 16px;
    line-height: .8;
    text-transform: uppercase;
    position: relative;
}

.mainmenu ul li a:after {
    position: absolute;
    width: 0;
    height: 1px;
    content: '';
    background: #fff;
    left: 0;
    right: 0;
    bottom: -5px;
    -moz-transition: all 0.4s ease-out;
    -webkit-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
}

.mainmenu ul>li.active>a,
.mainmenu ul li a:hover {
    color: #e62b4a;
}

.mainmenu ul>li.active>a:after,
.mainmenu ul li a:hover:after {
    width: 100%;
}

.mainmenu ul ul.sub-menu {
    background: #000;
    width: 200px;
    z-index: 9;
    text-align: center;
    padding: 25px 30px 13px;
    transition: all ease 400ms;
    -webkit-transition: all ease 400ms;
    -moz-transition: all ease 400ms;
    visibility: hidden;
    opacity: 0;
    left: 50%;
    margin: auto;
    position: absolute;
    right: 0;
    text-align: center;
    top: 100px;
    transform: translateX(-50%);
    z-index: 2;
}

.mainmenu ul ul.sub-menu:before {
    content: '';
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: -5px;
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 5px solid #000;
    z-index: 10;
}

.mainmenu ul li:hover ul.sub-menu {
    visibility: visible;
    opacity: 1;
    top: 66px;
}

.mainmenu ul ul.sub-menu li {
    margin: 0;
    padding: 0 0 25px;
    display: block;
}

.mainmenu ul ul.sub-menu li a {
    font-size: 14px;
    line-height: 1.5;
    display: inline-block;
  color: #17212d;
}

.mainmenu ul ul.sub-menu li a:after {
    bottom: 0;
}

.navigator {
    position: relative;
    padding: 6px 0 37px;
}

.navigator a {
    display: inline-block;
    color: #fff;
    line-height: .8;
    font-size: 25px;
    margin: 0;
}

.navigator a.search {
    margin-right: 16px;
}

.navigator a.active,
.navigator a:hover {
    color: #e62b4a;
}

.black_color .mainmenu ul li a {
    color: #fff;
}

.black_color .mainmenu ul li a:hover {
    color: #e62b4a;
}

.black_color .mainmenu ul li a:after {
    background: #e62b4a;
}

.black_color .navigator a {
    color: #fff;
}

.black_color .navigator a.active,
.black_color .navigator a:hover {
    color: #e62b4a;
}

.fixedHeader {
    background: #17212d;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 999;
    border: none;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05);
    -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05);
}

.black_color.fixedHeader {
    background: #fff;
}

.black_color .mainmenu ul ul.sub-menu {
    background: #fff;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05);
    -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05);
}

.black_color .mainmenu ul ul.sub-menu:before {
    border-bottom: 5px solid #FFF;
}

.black_color .mainmenu ul li:hover ul.sub-menu {
    top: 66px;
}

/*----------------------------------------------------
/ 2. Revolution Slider
------------------------------------------------------*/
.rev_slider {
    position: relative;
}

.rev_slider .tp-leftarrow.me_arrows,
.rev_slider .tp-rightarrow.me_arrows {
    width: 74px;
    height: 72px;
    border-radius: 0;
    background: rgba(255, 255, 255, .35);
    color: #000;
    text-align: center;
    padding: 25px 0;
    transition: all ease 400ms;
    -webkit-transition: all ease 400ms;
    -moz-transition: all ease 400ms;
}

.rev_slider .tparrows.tp-rightarrow:before {
    content: "\f105";
    font-size: 24px;
    line-height: .8;
    color: #17212d;
    font-family: "fontAwesome";
}

.rev_slider .tparrows.tp-leftarrow:before {
    content: "\f104";
    font-size: 24px;
    line-height: .8;
    color: #17212d;
    font-family: "fontAwesome";
}

.rev_slider .tp-leftarrow.me_arrows:hover,
.rev_slider .tp-rightarrow.me_arrows:hover {
    background: rgba(255, 255, 255, 1);
}

.rev_slider .common_btn {
    padding: 28px 45.5px !important;
}

.rev_slider.slider_2 .tp-leftarrow.me_arrows,
.rev_slider.slider_2 .tp-rightarrow.me_arrows {
    background: rgba(0, 0, 0, .35);
    color: #FFF;
}

.rev_slider.slider_2 .tparrows.tp-leftarrow:before,
.rev_slider.slider_2 .tparrows.tp-rightarrow:before {
    color: #FFF;
}

.rev_slider.slider_2 .tp-leftarrow.me_arrows:hover,
.rev_slider.slider_2 .tp-rightarrow.me_arrows:hover {
    background: rgba(0, 0, 0, 1);
}

.tp-bannertimer {
    display: none;
}

/*----------------------------------------------------
/ 3. Services Section
------------------------------------------------------*/

.benef_list {
	display:grid;
	grid-template-columns:1fr 1fr;
	grid-gap:25px;
}

.benef_item {
	
}

.benef_item span{
	color:#43a1f6;
	font-size:25px;
	display:block;
    text-indent:35px;
    background: url(../images/lamp.svg) no-repeat scroll center left;
    background-size: 30px;
}

.benef_item p{
    text-align: justify;
}

@media (min-width: 280px) and (max-width: 1280px) {
    .benef_list {
	grid-template-columns:1fr;
    }
    .benef_item span {
        background-position:top left;
    }
}

.service_section {
    background: url(../images/bg/bg1.svg) no-repeat center center / 125%;
}

.icon_box_1 {
    display: inline-block;
    position: relative;
    width: 100%;
    background: transparent;
}

.icon_box_1 .back i,
.icon_box_1 .front i {
    font-size: 64px;
    line-height: 1;
    color: #43a1f6;
    display: block;
    margin-bottom: 17px;
    transition: all ease 400ms;
    -moz-transition: all ease 400ms;
    -webkit-transition: all ease 400ms;
}

.icon_box_1 .back h3,
.icon_box_1 .front h3 {
    font-size: 16px;
    line-height: 20px;
    font-weight: 400;
    text-transform: uppercase;
    color: #e62b4a;
    margin: 0;
    margin-bottom: -75px;
}

.icon_box_1 .flipper {

}

.flipper {
    position: relative;
}

.flipper .front,
.flipper .back {
    position: relative;
    top: 0;
    left: 0;
}

.flipper .front {
    background: transparent;
    z-index: 2;
    border: 2px solid #aaa;
    /*padding: 48px 45px 45px;*/
    width: 100%;
	height:250px;
	display:flex;
	flex-direction:column;
	align-items:center;
	justify-content:center;
    border-bottom: medium none;
}

.flipper img {
  max-width: 70%;
  margin-bottom: 15px;
}

.vertical .back {

}

.flipper .back {
	background:#fff;
    position: relative;
    padding: 15px;
    border: 2px solid #aaa;
    width: 100%;
	height:250px;
	display:flex;
	flex-direction:column;
	align-items:center;
	justify-content:space-evenly;
    border-top: medium none;
}

.flipper .back .back_text {
	color:#17212d;
	line-height:normal;
}



.flipper .back .back_price {
    text-align: center;
    color: #43a1f6;
    text-transform: uppercase;
}

.flipper .back .back_price span{
    display: block;
    color: #e62b4a;
    font-size: 25px;
    font-weight: bold;
}

.flipper .back .lm_btn {
    border: none;
    font-size: 16px;
    font-weight: 400;
    background: #e62b4a;
    color: #fff;
    text-align: center;
    padding: 10px 35px;
    display: inline-block;
    line-height: .8;
    letter-spacing: 1.6px;
    position: relative;
    outline: none;
}

.icon_box_1:hover .front,
.icon_box_1.hover .front {

}

.icon_box_1:hover .back,
.icon_box_1.hover .back {

}

.custom_column .col-lg-3 {
    width: 20%;
}

.icon_box_1 .back h3,
.icon_box_1 .back i {
    color: #ffffff;
}

/*----------------------------------------------------
/ 4. About Agency
------------------------------------------------------*/
.ab_agency:before {
    background: url(../images/slider/1_1.jpg) no-repeat center top / cover;
    width: 100%;
    height: 530px;
    content: "";
    position: absolute;
    margin-top: -120px;
}

.ab_agency {
    padding-bottom: 147px;
	background: url(../images/bg/bg1.svg) no-repeat center center / 125%;
}

.ab_agency .sec_title {
	color:#fff;
}

.PR_79 {
    padding-right: 79px;
}

.MB_45 {
    margin-bottom: 45px;
}

.ab_img1 {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1;
}

.ab_img1 img {
    max-width: 100%;
    height: auto;
    -webkit-box-shadow: -2px 4px 30px 0px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: -2px 4px 30px 0px rgba(0, 0, 0, 0.3);
    box-shadow: -2px 4px 30px 0px rgba(0, 0, 0, 0.3);
}

.ab_img2 {
    position: absolute;
    left: 0;
    top: 90px;
    z-index: 2;
}

/*
.ab_img2:after {
    position: absolute;
    top: -40px;
    left: 40px;
    content: '';
    border: 10px solid #e62b4a;
    width: 470px;
    height: 458px;
}*/

.ab_img2 img {
    width: 650px;
    height: auto;
    /*-webkit-box-shadow: -2px 4px 35px 0px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: -2px 4px 35px 0px rgba(0, 0, 0, 0.3);
    box-shadow: -2px 4px 35px 0px rgba(0, 0, 0, 0.3);*/
}

/*----------------------------------------------------
/ 5. What We Do Section
------------------------------------------------------*/
.what_wedo {
    position: relative;
    border-bottom: 1px solid #e7e7e7;
    padding-bottom: 72px;
}

.what_wedo:after {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 50%;
    content: '';
    background: #f4f4f4;
}

.videoWrap {
    position: relative;
    margin-bottom: 100px;
}

.videoWrap img {
    width: 100%;
    height: auto;
}

.play_video {
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    text-align: center;
    top: 50%;
    transform: translateY(-50%);
    z-index: 2;
}

.play_video a.video_popup {
    display: inline-block;
    width: 115px;
    height: 115px;
    border-radius: 0;
    position: relative;
    background: #e62b4a;
    color: #fff;
    font-size: 30px;
    line-height: .8;
    padding: 42px 0;
    margin-bottom: 31px;
}

.play_video a.video_popup:hover {
    background: #000;
    color: #fff;
}

.play_video h2 {
    font-size: 50px;
    line-height: 1;
    letter-spacing: 2px;
    color: #000;
    text-transform: uppercase;
    margin: 0;
}

.subscribefrom {
    position: relative;
    text-align: right;
}

.subscribefrom input[type="email"] {
    width: 470px;
    height: 70px;
    background: #f4f4f4;
    color: #818181;
    line-height: 70px;
    font-weight: 400;
    letter-spacing: 0.56px;
    padding-left: 30px;
    border: none;
    outline: none;
}

.subscribefrom .common_btn.red_bg {
    padding: 28px 42.5px;
    margin-left: 5px;
}

.subscribefrom input[type="email"]::-moz-placeholder {
    color: #818181 !important;
    opacity: 1 !important;
}

.subscribefrom input[type="email"]::-ms-input-placeholder {
    color: #818181 !important;
    opacity: 1 !important;
}

.subscribefrom input[type="email"]::-webkit-input-placeholder {
    color: #818181 !important;
    opacity: 1 !important;
}

/*----------------------------------------------------
/ 6. Portfolio Section
------------------------------------------------------*/
.porfolio {
    padding-bottom: 90px;
}

.singlefolio {
    position: relative;
    overflow: hidden;
    margin: 0 0 30px;
}

.singlefolio img {
    display: block;
    width: 100%;
    height: auto;
    -webkit-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
}

.folioHover {
    visibility: hidden;
    opacity: 0;
    position: absolute;
    left: 20px;
    bottom: 50px;
    z-index: 3;
    transition: all ease 900ms;
    -moz-transition: all ease 900ms;
    -webkit-transition: all ease 900ms;
    -o-transition: all ease 900ms;
}

.singlefolio:after {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(230, 43, 74, .8);
    overflow: hidden;
    width: 0;
    height: 100%;
    content: '';
    transition: all 0.4s ease-out;
    -moz-transition: all 0.4s ease-out;
    -webkit-transition: all 0.4s ease-out;
    -o-transition: all 0.4s ease-out;
}

.singlefolio .folioHover a.cate {
    font-size: 12px;
    line-height: 32px;
    color: #fff;
    display: block;
    letter-spacing: 1.2px;
    margin: 0 0 3px;
    text-transform: uppercase;
    transition: all ease 400ms;
    -webkit-transition: all ease 400ms;
    -moz-transition: all ease 400ms;
}

.singlefolio .folioHover h4 {
    font-size: 20px;
    line-height: .8;
    color: #fff;
    letter-spacing: .80px;
    margin: 0;
    text-transform: uppercase;
}

.singlefolio .folioHover h4 a {
    color: #fff;
    transition: all ease 400ms;
    -webkit-transition: all ease 400ms;
    -moz-transition: all ease 400ms;
}

.singlefolio:hover img {
    transform: scale(1.1) rotate(2deg);
    -moz-transform: scale(1.1) rotate(2deg);
    -webkit-transform: scale(1.1) rotate(2deg);
    -ms-transform: scale(1.1) rotate(2deg);
    -o-transform: scale(1.1) rotate(2deg);
    -webkit-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
}

.singlefolio:hover .folioHover {
    visibility: visible;
    opacity: 1;
    left: 50px;
}

.singlefolio:hover:after {
    width: 100%;
}

.singlefolio .folioHover a.cate:hover,
.singlefolio .folioHover h4 a:hover {
    color: #000;
}


/*----------------------------------------------------
/ 7. Fun Fact Section
------------------------------------------------------*/
.funfact {
    background: url(../images/slider/1_1.jpg) no-repeat center top / cover;
    padding: 0 0 330px
}

.BR {
    border-right: 1px solid #1a1a1a;
}

.singlefunfact {
    position: relative;
    padding-top: 113px;
}

.singlefunfact p {
    font-size: 60px;
    line-height: 1;
    letter-spacing: 2.4px;
    font-weight: 300;
    color: #fff;
    margin: 0 0 25px;
}

.singlefunfact h3 {
    text-transform: uppercase;
    font-size: 16px;
    line-height: .8;
    color: #1df8fe;
    letter-spacing: 1.6px;
    margin: 0;
}

/*----------------------------------------------------
/ 8. Trust Client Section
------------------------------------------------------*/
.trustClient {
	padding: 0 0 0;
	margin-top: -210px;
	z-index: 5;
	padding-bottom: 70px;
}

.pb_120 {
    padding-bottom: 120px;
}

.CL_content {
    position: relative;
}

.CL_content img {
    max-width: 560px;
	width:100%;
    height: auto;
}

.abc_inner {
    position: relative;
    margin-top: -477px;
    z-index: 2;
}

.abci_content {
    position: relative;
    background: transparent;
    padding: 87px 0 37px 150px;
    margin-left: -17px;
}

.abci_content h2 {
    font-size: 50px;
    letter-spacing: 2px;
    color: #fff;
    line-height: 63px;
    text-transform: uppercase;
    margin: 110px 0 50px;
}

.abci_content p {
    margin-bottom: 55px;
}

/*----------------------------------------------------
/ 9. FAQ Section
------------------------------------------------------*/

.faq_sec {
	/*background: url(../images/bg/bg2.svg) no-repeat center center / cover;*/
	padding-top:0px;
}

.faq_sec .faq_item {
	margin-bottom:50px;
}

.faq_sec .faq_item:last-child {
	margin-bottom:0px;
}

.faq_item .f_count {
    position: absolute;
    color: #fff;
    text-align: center;
    padding: 18px 0;
    width: 50px;
    height: 48px;
    line-height: .8;
    background: #17212d;
	margin-top:5px;
}

.faq_item .faq_q, .faq_item .faq_a {
	padding-left:75px;
}


/*----------------------------------------------------
/ 9. Team Section
------------------------------------------------------*/
.team {
    padding-bottom: 172px;
}

.slick-list {
    -moz-user-select: none;
    box-sizing: border-box;
    display: block;
    position: relative;
}

.singleTM {
    width: 100%;
    height: auto;
    position: relative;
    overflow: hidden;
    transition: all ease 400ms;
    -webkit-transition: all ease 400ms;
    -moz-transition: all ease 400ms;
}

.team_slider .slick-slide {
    margin: 0 15px;
    outline: none;
}

.tm_img {
    position: relative;
}

.tm_img img {
    width: 100%;
    height: auto;
    max-width: none;
    width: calc(100% + 20px);
    -webkit-transition: opacity .35s, -webkit-transform .35s;
    transition: opacity .35s, transform .35s;
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.singleTM:hover .tm_img img {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.singleTM .tm_overlay {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transition: all ease 900ms;
    -moz-transition: all ease 900ms;
    -webkit-transition: all ease 900ms;
    -o-transition: all ease 900ms;
}

.singleTM .tm_overlay:after {
    position: absolute;
    bottom: 0;
    right: 0;
    background: rgba(230, 43, 74, .7);
    overflow: hidden;
    width: 0;
    height: 100%;
    content: '';
    transition: all ease 400ms;
    -webkit-transition: all ease 400ms;
    -moz-transition: all ease 400ms;
}

.singleTM .team_social {
    position: absolute;
    left: 20px;
    top: 49px;
    visibility: hidden;
    opacity: 0;
    z-index: 9;
    transition: all ease 900ms;
    -moz-transition: all ease 900ms;
    -webkit-transition: all ease 900ms;
    -o-transition: all ease 900ms;
}

.singleTM .team_social a {
    display: block;
    font-size: 12px;
    line-height: .8;
    letter-spacing: 1.2px;
    color: #fff;
    margin: 0 0 19px;
    position: relative;
    text-transform: uppercase;
}

.singleTM .team_social a span {
    position: relative;
}

.singleTM .team_social a span:after {
    width: 0;
    height: 1px;
    content: '';
    background: #fff;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    bottom: -0px;
    -webkit-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
}

.singleTM .team_social a span:hover:after {
    width: 100%;
}

.tm_overlay a.common_btn {
    position: absolute;
    left: 20px;
    bottom: 50px;
    visibility: hidden;
    opacity: 0;
    padding: 24px 30.5px;
    height: 60px;
    font-size: 14px;
    letter-spacing: 1.4px;
    transition: all ease 900ms;
    -moz-transition: all ease 900ms;
    -webkit-transition: all ease 900ms;
    -o-transition: all ease 900ms;
}

.singleTM:hover .tm_overlay a.common_btn {
    visibility: visible;
    opacity: 1;
    left: 50px;
    z-index: 9;
}

.singleTM:hover .team_social {
    visibility: visible;
    opacity: 1;
    left: 50px;
}

.singleTM:hover .tm_overlay:after {
    width: 100%;
}

.detail_TM {
    position: relative;
    text-align: center;
    padding: 30px 15px 0;
}

.detail_TM h5 {
    font-size: 20px;
    line-height: .8;
    letter-spacing: 0.80px;
    text-transform: uppercase;
    color: #000;
    display: block;
    margin: 0 0 3px;
    -webkit-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
}

.detail_TM h6 {
    font-size: 12px;
    letter-spacing: 1.2px;
    color: #818181;
    text-transform: uppercase;
    position: relative;
    line-height: .8;
    display: inline-block;
}

.detail_TM h6:after {
    width: 0;
    height: 1px;
    content: '';
    background: #818181;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    bottom: -4px;
    -webkit-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
    -webkit-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
}

.singleTM:hover .detail_TM h5 {
    color: #e62b4a;
}

.singleTM:hover .detail_TM h6:after {
    width: 100%;
}

.slick-dots {
    padding: 0;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    bottom: -74px;
    float: none;
    text-align: center;
}

.slick-dots li {
    list-style: none;
    display: inline-block;
    height: 10px;
    width: 10px;
    background: #dbdbdb;
    border: none;
    margin: 0 3px;
    cursor: pointer;
    padding: 0;
    transition: all ease 400ms;
    -webkit-transition: all ease 400ms;
    -moz-transition: all ease 400ms;
}

.slick-dots li button[type="button"] {
    border: none;
    border-radius: 0;
    display: inline-block;
    padding: 0;
    text-indent: -9999px;
    z-index: 10;
    outline: none;
}

.slick-dots li.slick-active,
.slick-dots li:hover {
    background: #000;
}

/*----------------------------------------------------
/ 10. Our Clients Section
------------------------------------------------------*/
.client {
    background: #f4f4f4;
}

.singleClient {
    position: relative;
    width: 100%;
    height: 208px;
    margin-bottom: 30px;
    background: #fff;
    text-align: center;
    transition: all ease 500ms;
    -moz-transition: all ease 500ms;
    -webkit-transition: all ease 500ms;
}

.singleClient a {
    width: 100%;
    height: 100%;
    text-align: center;
    display: inline-block;
}

.singleClient a img {
    max-width: 119px;
    height: auto;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    opacity: .4;
    display: inline-block !important;
    transition: all ease 500ms;
    -moz-transition: all ease 500ms;
    -webkit-transition: all ease 500ms;
}

.singleClient:after {
    width: 4px;
    height: 0;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto 0;
    content: '';
    background: #e62b4a;
    visibility: hidden;
    opacity: 0;
    transition: all ease 500ms;
    -moz-transition: all ease 500ms;
    -webkit-transition: all ease 500ms;
}

.singleClient:hover:after {
    visibility: visible;
    opacity: 1;
    height: 100%;
}

.singleClient:hover a img {
    opacity: 1;
}

.singleClient:hover {
    -webkit-box-shadow: 0px 10px 35px 0px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: 0px 10px 35px 0px rgba(0, 0, 0, 0.05);
    box-shadow: 0px 10px 35px 0px rgba(0, 0, 0, 0.05);
}

.client_slider .owl-controls .owl-nav {
    display: none;
}

.client_slider .owl-controls .owl-dots {
    line-height: .8;
    text-align: center;
    margin-top: 27px;
}

.client_slider .owl-controls .owl-dots .owl-dot span {
    line-height: .8;
    width: 10px;
    height: 10px;
    border-radius: 0;
    margin: 0 3px;
    padding: 0;
    background: #dbdbdb;
    -webkit-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
}

.client_slider .owl-controls .owl-dots .owl-dot.active span,
.client_slider .owl-controls .owl-dots .owl-dot:hover span {
    background: #17212d;
}

.singleClient_2 {
    position: relative;
    overflow: hidden;
    background: #fff;
    border: none;
    padding: 40px 15px 46px 50px;
    width: 100%;
    transition: all ease 500ms;
    -moz-transition: all ease 500ms;
    -webkit-transition: all ease 500ms;
}

.singleClient_2:after {
    width: 4px;
    height: 0;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto 0;
    content: '';
    background: #e62b4a;
    visibility: hidden;
    opacity: 0;
    transition: all ease 500ms;
    -moz-transition: all ease 500ms;
    -webkit-transition: all ease 500ms;
}

.singleClient_2:hover:after {
    visibility: visible;
    opacity: 1;
    height: 100%;
}

.singleClient_2:hover {
    -webkit-box-shadow: 0px 10px 35px 0px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: 0px 10px 35px 0px rgba(0, 0, 0, 0.05);
    box-shadow: 0px 10px 35px 0px rgba(0, 0, 0, 0.05);
}

.singleClient_2 h3 {
    text-transform: uppercase;
    color: #000;
    font-size: 20px;
    line-height: 36px;
    letter-spacing: 0.80px;
    margin: 0 0 30px;
}

.singleClient_2 p {
    line-height: 30px;
    margin: 0;
}

/*----------------------------------------------------
/ 11. Testimonail Section
------------------------------------------------------*/
.testimonial {
    background: url(https://creatopus.com.au/sites/all/themes/creatopus/images/bg/3.jpg) no-repeat fixed center / cover;
    padding-bottom: 113px;
}

.testimonial_content {
    position: relative;
    text-align: center;
    padding: 0 65px;
}

.testimonial_content .testi_icon {
    width: 115px;
    height: 115px;
    background: #e62b4a;
    text-align: center;
    display: inline-block;
    font-size: 64px;
    line-height: .8;
    color: #fff;
    padding: 25px 0;
    margin: 0 0 49px;
}

.testimonial_content h2 {
    font-size: 50px;
    line-height: 62px;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: #fff;
    margin: 0 0 44px;
}

.testimonial_content h2 span {
    color: #e62b4a;
}

.testimonial_content p {
    font-size: 20px;
    color: #fff;
    letter-spacing: 0.80px;
    margin: 0;
}

/*----------------------------------------------------
/ 12. Blog Section
------------------------------------------------------*/
.blog {
    padding-bottom: 60px;
}

.latestBlogItem {
    position: relative;
    background: #fff;
    margin: 0 0 51px;
}

.lbi_thumb {
    overflow: hidden;
    position: relative;
}

.lbi_thumb img {
    width: 100%;
    height: auto;
}

.lbi_details {
    text-align: left;
    margin: 0 10px;
    position: relative;
    margin-top: -20px;
    padding: 30px 30px 0;
    background: #fff;
    z-index: 3;
}

.lbi_details .lbid_date {
    font-size: 10px;
    line-height: .8;
    letter-spacing: 1px;
    font-weight: 700;
    display: block;
    height: 31px;
    width: 65px;
    background: #002542;
    color: #fff;
    padding: 11px 0;
    text-align: center;
    text-transform: uppercase;
    margin: 0 0 15px;
}

.lbi_details .lbid_date:hover {
    color: #fff;
    background: #e62b4a;
}

.lbi_details h2 {
    font-size: 26px;
    line-height: 32px;
    letter-spacing: 1.04px;
    text-transform: uppercase;
    color: #000;
    margin: 0 0 13px;
}

.lbi_details h2 a {
    color: #000;
}

.lbi_details h2 a:hover {
    color: #e62b4a;
}

.lbi_details .learnM {
    display: inline-block;
    font-size: 12px;
    line-height: .8;
    letter-spacing: 1.12px;
    text-transform: uppercase;
    color: #000;
    position: relative;
}

.lbi_details .learnM:after {
    width: 0;
    height: 1px;
    content: '';
    background: #e62b4a;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    bottom: -4px;
    -webkit-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
}

.lbi_details .learnM:hover:after {
    width: 100%;
}

.lbi_details .learnM:hover {
    color: #e62b4a;
}

/*----------------------------------------------------
/ 13. Ready Section
------------------------------------------------------*/
.ready {
    background: url(../images/bg/footerbg_rocket.svg) no-repeat 63% 5px/ 50%;
}

.ready .sec_title {
    margin: 0;
}

.ready .common_btn {
    padding: 28px 42.5px;
}

.ready_2 {
    background: url(https://creatopus.com.au/sites/all/themes/creatopus/images/bg/6.jpg) no-repeat center center / cover;
}

.ready_2 .sec_title {
    margin: 0;
}

.ready_2 .common_btn {
    padding: 28px 42.5px;
    background: #fff;
    color: #000;
}

/*----------------------------------------------------
/ 14. Footer Section
------------------------------------------------------*/
.footer_1 {
    position: relative;
    padding: 10px 0 0;
    background: #17212d;
}

.footer_1 .widget {
    position: relative;
    padding: 0 0 112px;
}

.footer_1 .widget .widget_title {
    font-size: 18px;
    letter-spacing: .72px;
    color: #FFF;
    line-height: .8;
    margin: 0 0 43px;
    position: relative;
    text-transform: uppercase;
}

.footer_1 .aboutwidget {
    padding-right: 110px;
    margin-top: -8px;
}

.footer_1 .aboutwidget img {
    max-width: 100%;
    height: auto;
    margin-bottom: 34px;
}

.footer_1 .aboutwidget p {
    font-size: 14px;
    letter-spacing: 0.56px;
    color: #aaaaaa;
    margin: 0;
}

.footer_1 .contact_widgets {
    padding-left: 60px;
}

.footer_1 .contact_widgets p {
    font-size: 14px;
    letter-spacing: 0.56px;
    color: #aaaaaa;
    margin: 0;
}

.footer_1 h2 {
	font-size: 14px;
}

.footer_1 .copyright a:hover,
.footer_1 .contact_widgets p a:hover {
    color: #e62b4a;
}

.footer_1 .contact_widgets p:first-of-type {
    margin-bottom: 32px;
}

.footer_1 .social_widget ul {
    margin: 0;
    padding: 0;
}

.footer_1 .social_widget ul li {
    padding: 0;
    margin: 0 0 0;
    list-style: none;
    display: block;
}

.footer_1 .social_widget ul li a {
    font-size: 14px;
    letter-spacing: 0.56px;
    color: #aaaaaa;
    margin: 0;
    display: block;
    text-align: left;
}

.footer_1 .social_widget ul li a i {
    font-size: 16px;
    color: #fff;
    margin-right: 12px;
}

.footer_1 .social_widget ul li a:hover {
    color: #fff;
}

.footer_1 .copyright {
    font-size: 14px;
    line-height: .8;
    color: #aaaaaa;
    text-transform: uppercase;
    padding: 41px 0;
}

/*----------------------------------------------------
/ 15. Servieces 2 Section
------------------------------------------------------*/
.service_section_2 {}

.icon_box_2 {
    position: relative;
    width: 100%;
    background: #fff;
    border: 2px solid #f4f4f4;
    padding: 50px 65px 50px;
    transition: all ease 500ms;
    -moz-transition: all ease 500ms;
    -webkit-transition: all ease 500ms;
}

.icon_box_2:after {
    width: 4px;
    height: 0;
    position: absolute;
    content: '';
    right: -1px;
    top: 0;
    bottom: 0;
    margin: auto 0;
    content: '';
    background: #e62b4a;
    visibility: hidden;
    opacity: 0;
    z-index: 3;
    transition: all ease 500ms;
    -moz-transition: all ease 500ms;
    -webkit-transition: all ease 500ms;
}

.icon_box_2 h3 {
    font-size: 20px;
    letter-spacing: .80px;
    color: #000;
    line-height: 32px;
    text-transform: uppercase;
    margin: 0 0 35px;
}

.icon_box_2 p {
    margin: 0 0 31px;
}

.icon_box_2 .iconWrap {
    position: relative;
    margin: 0 0 44px;
}

.icon_box_2 .iconWrap:after {
    background: url(../images/shadow.png) no-repeat center center / cover;
    height: 7px;
    width: 75px;
    position: absolute;
    content: '';
    left: 0;
    right: 0;
    bottom: -17px;
    margin: 0 auto;
    z-index: 2;
}

.icon_box_2 .iconWrap i {
    font-size: 64px;
    font-style: normal;
    color: #000;
    display: inline-block;
    margin: 0 0 0;
}

.icon_box_2 a {
    display: inline-block;
    font-size: 12px;
    letter-spacing: 1.2px;
    color: #000;
    line-height: .8;
    text-transform: uppercase;
    margin: 0;
}

.icon_box_2 a:hover {
    color: #e62b4a;
}

.icon_box_2:hover {
    -webkit-box-shadow: 0px 10px 35px 0px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: 0px 10px 35px 0px rgba(0, 0, 0, 0.05);
    box-shadow: 0px 10px 35px 0px rgba(0, 0, 0, 0.05);
    border-color: transparent;
}

.icon_box_2:hover:after {
    visibility: visible;
    opacity: 1;
    height: 101%;
}

/*----------------------------------------------------
/ 16. Featured Section
------------------------------------------------------*/
.featured {
    background: #f4f4f4;
    overflow: hidden;
}

.features_content {
    padding-right: 30px;
}

.singleFeature {
    position: relative;
    padding-left: 70px;
    margin-bottom: 56px;
}

.singleFeature:last-child {
    margin-bottom: 0;
}

.singleFeature:after {
    position: absolute;
    left: 24px;
    top: 58px;
    content: '';
    width: 2px;
    height: 95px;
    background: #17212d;
}

.singleFeature:last-child:after {
    display: none;
}

.singleFeature .f_count {
    position: absolute;
    left: 0;
    top: 0;
    color: #fff;
    text-align: center;
    padding: 18px 0;
    width: 50px;
    height: 48px;
    line-height: .8;
    background: #43a1f6;
}

.singleFeature h3 {
    font-size: 18px;
    line-height: .8;
    letter-spacing: 0.72px;
    color: #17212d;
    text-transform: uppercase;
    margin: 0 0 29px;
}

.singleFeature p {
    margin: 0;
}

.features_img {
    position: relative;
}

.features_img img{
	width:1032px;
	height:auto;
}

.img_details {
    background: #e62b4a;
    display: inline-block;
    padding: 43px 103px 45px 50px;
    position: absolute;
    left: 0;
    bottom: 0;
}

.img_details h4 {
    margin: 0;
    color: #fff;
    font-size: 20px;
    line-height: 30px;
    letter-spacing: 2px;
    text-transform: uppercase;
}

/*----------------------------------------------------
/ 17. Tesimonial 02 Section
------------------------------------------------------*/
.testimonial_2 {
    background: url(https://creatopus.com.au/sites/all/themes/creatopus/images/bg/7.jpg) no-repeat center center / cover;
}

.testimoniTab {
    position: relative;
}

.testimoniTab ul {
    margin: 53px 0 0;
    padding: 0;
}

.testimoniTab ul li {
    list-style: none;
    display: inline-block;
    opacity: .60;
    margin-right: 42px;
}

.testimoniTab ul li.active {
    opacity: 1;
}

.testimoniTab ul li:last-child {
    margin-right: 0;
}

.testimoniTab ul li a {
    display: block;
}

.testimoniTab ul li a span {
    width: 79px;
    height: 79px;
    display: block;
    margin-bottom: 21px;
    position: relative;
}

.testimoniTab ul li a span img {
    width: 100%;
    height: 100%;
}

.testimoniTab ul li a span:after {
    width: 29px;
    height: 29px;
    position: absolute;
    right: 0;
    bottom: 0;
    content: '“';
    background: #e62b4a;
    font-size: 30px;
    line-height: .8;
    padding: 11px 0;
    z-index: 9;
    color: #fff;
    text-align: center;
}

.testimoniTab ul li a .author_detail {
    position: relative;
}

.testimoniTab ul li a .author_detail h5 {
    font-size: 16px;
    line-height: .8;
    color: #fff;
    margin: 0 0 16px;
    text-transform: uppercase;
}

.testimoniTab ul li a .author_detail h6 {
    font-size: 12px;
    line-height: .8;
    color: #aaaaaa;
    letter-spacing: 1.2px;
    margin: 0;
    text-transform: uppercase;
}

.testi_con {
    position: relative;
    text-align: left;
    padding-top: 120px;
}

.testi_con p {
    font-size: 24px;
    line-height: 42px;
    letter-spacing: 0.96px;
    color: #fff;
    font-weight: 300;
    margin: 0 0 21px;
}

.testi_con span {
    text-transform: uppercase;
    color: #aaaaaa;
    font-size: 12px;
    letter-spacing: 1.2px;
    line-height: .9;
    display: block;
    margin: 0;
}

.dots_owl {
    position: absolute;
    right: 15px;
    top: 0;
    z-index: 9;
}

.dots_owl .owl-dot {
    width: 10px;
    height: 10px;
    border: none;
    border-radius: 0;
    background: #1a1a1a;
    display: inline-block;
    cursor: pointer;
    margin-left: 5px;
    transition: all ease 500ms;
    -moz-transition: all ease 500ms;
    -webkit-transition: all ease 500ms;
}

.dots_owl .owl-dot.active,
.dots_owl .owl-dot:hover {
    background: #fff;
}

/*----------------------------------------------------
/ 18. Why Choose Us Section
------------------------------------------------------*/
.chooseUs {}

.chooseUs_title {
    margin: 0;
    padding: 0;
}

.chooseUs_title li {
    list-style: none;
    margin: 0;
    padding: 0;
    width: 33.33333333%;
    display: inline-block;
    position: relative;
    float: left;
}

.chooseUs_title li a {
    display: block;
    font-size: 20px;
    line-height: .8;
    color: #17212d;
    letter-spacing: 0.80px;
    background: #f4f4f4;
    padding: 49px 0;
    width: 100%;
    text-align: center;
    text-transform: uppercase;
}

.chooseUs_title li:hover a,
.chooseUs_title li.active a {
    background: #000;
    color: #fff;
}

.chose_img {
    position: relative;
    margin: 60px 0 0;
}

.chose_img img {
    width: 100%;
    height: auto;
}

.wh_choose {
    position: relative;
    margin: 51px 0 0;
}

.wh_choose p {
    margin: 0 0 25px;
}

.wh_choose ul {
    margin: 0;
    padding: 0;
}

.wh_choose ul li {
    display: block;
    line-height: 36px;
}

.wh_choose ul li i {
    font-size: 14px;
    color: #e62b4a;
    line-height: 32px;
    margin-right: 15px;
}

/*----------------------------------------------------
/ 19. What We Do 2 Section
------------------------------------------------------*/
.what_wedo_2 {
    background: #f4f4f4;
}

.single_wedo {
    position: relative;
    overflow: hidden;
    -moz-transition: all 0.4s ease-out;
    -webkit-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
}

.single_wedo img {
    width: 100%;
    height: auto;
}

.single_wedo .overlay_wedo {
    width: 100%;
    height: 100%;
    position: absolute;
    bottom: 0;
    right: 0;
    top: 0;
    left: 0;
    margin: auto;
    -moz-transition: all 0.4s ease-out;
    -webkit-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
}

.single_wedo .overlay_wedo:after {
    position: absolute;
    bottom: 0;
    right: 0;
    top: 0;
    left: 0;
    margin: auto;
    background: rgba(230, 43, 74, .7);
    overflow: hidden;
    width: 0;
    height: 100%;
    content: '';
    visibility: hidden;
    opacity: 0;
    -moz-transition: all 0.4s ease-out;
    -webkit-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
}

.single_wedo:hover .overlay_wedo:after {
    width: 100%;
    opacity: 1;
    visibility: visible;
}

.single_wedo .overlay_wedo a {
    height: 68px;
    color: #17212d;
    line-height: .8;
    font-size: 18px;
    letter-spacing: 0.72px;
    text-transform: uppercase;
    display: inline-block;
    background: #fff;
    text-align: center;
    padding: 26px 0;
    width: 240px;
    z-index: 9;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    margin: auto;
}

.single_wedo .overlay_wedo a:hover {
    color: #fff;
    background: #000;
}

/*----------------------------------------------------
/ 20. Google Map Section
------------------------------------------------------*/
.gmapsection {
    position: relative;
}

.gmap {
    width: 100%;
    height: 609px;
}

.btn_link {
    position: relative;
    width: 100%;
    line-height: .8;
}

.btn_link a {
    display: inline-block;
    width: 100%;
    height: 143px;
    line-height: .8;
    text-transform: uppercase;
    text-align: center;
    font-size: 24px;
    color: #fff;
    letter-spacing: 0.96px;
    background: #e62b4a;
    padding: 61px 0;
}

.btn_link a:hover {
    background: #000;
    color: #fff;
}

.btn_link.bg_black a {
    background: #000;
}

.btn_link.bg_black a:hover {
    background: #e62b4a;
}

/*----------------------------------------------------
/ 21. About Page
------------------------------------------------------*/
.not-front .pageBanner:before {
  position: absolute;
  min-height: 750px;
  width: 100%;
  content: "";
  top: -90px;
  background: url(../images/slider/1_1.jpg) no-repeat center center / cover;
  transform: skewY(-5deg);
}

.not-front .pageBanner {
  padding-top: 150px;
  padding-bottom: 150px;
}

.content_main_img {
  margin-top: -240px;
}

.pageBanner {
    position: relative;
    min-height: 465px;
    padding-top: 224px;
}

.banner_content {
    position: relative;
}

.banner_content h4 {
    color: #fff;
    font-size: 18px;
    line-height: 36px;
    letter-spacing: 1.8px;
    text-transform: uppercase;
    margin: 0 0 12px;
}

.banner_content h4 a {
    color: #fff;
    display: inline-block;
}

.banner_content h4 a:hover {
    color: #000;
}

.banner_content h2 {
    font-size: 70px;
    line-height: 1;
    font-weight: 700;
    letter-spacing: 2.8px;
    margin: 0;
    color: #FFF;
    text-transform: uppercase;
}

.agency_img1 {
    position: relative;
    text-align: right;
}

.agency_img1:after {
    position: absolute;
    right: 60px;
    top: 60px;
    border: 10px solid #e62b4a;
    height: 464px;
    width: 530px;
    content: '';
    z-index: 6;
}

.agency_img2 {
    position: relative;
    text-align: left;
    z-index: 4;
    margin-top: -184px;
}

.agency_img2 img,
.agency_img1 img {
    max-width: 100%;
    height: auto;
    -webkit-box-shadow: -2px 4px 35px 0px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: -2px 4px 35px 0px rgba(0, 0, 0, 0.3);
    box-shadow: -2px 4px 35px 0px rgba(0, 0, 0, 0.3);
}

.compay_date {
    position: absolute;
    right: 60px;
    bottom: 3px;
    z-index: 4;
}

.compay_date h5 {
    text-transform: uppercase;
    font-size: 12px;
    letter-spacing: 1.2px;
    line-height: .8;
    color: #000;
    margin: 0 0 3px;
}

.compay_date h2 {
    font-size: 110px;
    line-height: .9;
    letter-spacing: 4.4px;
    color: #000;
    margin: 0;
}

.subscribe {
    padding: 100px 0 72px;
    border-bottom: 1px solid #e7e7e7;
}

.our_work {
    background: #f4f4f4;
    overflow: hidden;
    padding-bottom: 59px;
    position: relative;
}

.videoWrap_2 {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto 0;
    width: 50%;
    z-index: 10;
}

.videoWrap_2 .play_video h2 {
    color: #fff;
}

.videoWrap_2 img {
    width: 100%;
    height: 100%;
}

.ab_detail_wrap {
    padding-left: 90px;
}

.ab_detail_wrap .sec_title {
    margin-bottom: 46px;
}

.ab_detail_wrap .sec_desc {
    line-height: 36px;
}

/*----------------------------------------------------
/ 22. Service Page
------------------------------------------------------*/
.service_detail {
    padding-bottom: 82px;
}

.contentbar {
  border-right: 1px solid #eee;
}

.serviceArea {
    position: relative;
}

.serviceArea img {
    width: 100%;
    height: auto;
    margin-bottom: 57px;
}

.serviceArea h2 {
    text-transform: uppercase;
    color: #222232;
    line-height: 1.2em;
    font-size: 50px;
    letter-spacing: 2px;
    margin-bottom: 34px;
}

.serviceArea p {
    margin: 0 0 31px;
}

.serviceArea h3 {
    line-height: .8;
    text-transform: uppercase;
    letter-spacing: 1.2px;
    color: #17212d;
    font-size: 30px;
    margin-bottom: 50px;
}

.serviceArea .gaping {
    padding: 24px 0 0;
}

.serviceArea .gaping img {
    margin-bottom: 52px;
}

.serviceArea ul {
    margin: 0;
    padding: 0;
}

.serviceArea ul li {
    list-style: none;
    display: block;
    line-height: 32px;
    font-size: 16px;
  margin-left: 15px;
}

.serviceArea ul li i {
    color: #e62b4a;
    margin-right: 10px;
    line-height: 36px;
}

.sidebar {
  position: sticky;
  top:135px;
  height: calc(100vh - 115px);
}

.creatopus_services_help {
  position: relative;
  background: url(../images/slider/1_1.jpg) no-repeat 95% center / cover;
  padding: 15px 25px 15px;
  border-radius: 5px;
  height: calc(100vh - 150px);
  display: flex;
  flex-flow: column;
  justify-content: space-evenly;
}

.creatopus_services_help h4 {
    font-size: 18px;
    color: #ffffff;
    letter-spacing: 0.72px;
    text-transform: uppercase;
    margin: 0 0 40px;
}

.creatopus_services_help p {
    color: #ffffff;
    margin: 0 0 25px;
    padding-right: 5px;
}

.creatopus_services_help h2 {
    font-size: 30px;
    color: #ffffff;
    letter-spacing: 1.2px;
    text-transform: uppercase;
    margin: 0 0 0;
}

.webform-component-textfield {

}

.webform-component-textfield input {
  width: 100%;
  border: medium none;
  padding: 2px 15px;
  border-radius: 5px;
  color: #777;
}

.webform-component-select select {
  width: 100%;
  border: medium none;
  padding: 5px 15px;
  border-radius: 5px;
  color: #777;
}

.webform-component-textarea textarea {
  resize: none;
  border: medium none;
  border-radius: 5px;
  padding: 2px 15px;
}

.webform-client-form .form-actions input {
  border: none;
  font-size: 16px;
  width: 100%;
  font-weight: 400;
  background: #17212d;
  color: #fff;
  height: 40px;
  border-radius: 5px;
  text-transform: uppercase;
  text-align: center;
  padding: 0;
  display: inline-block;
  line-height: 0px;
  letter-spacing: 1.6px;
  position: relative;
  outline: none;
  transition:all 0.4s ease-out;
}

.webform-client-form .form-actions {
  position: relative;
}

.webform-client-form .form-actions:after {
  content: "";
  width: 4px;
  height: 40px;
  position: absolute;
  right: 0;
  top: 0;
  background: #fff;
  transition: all 0.4s ease-out;
  -moz-transition: all 0.4s ease-out;
  -webkit-transition: all 0.4s ease-out;
  -ms-transition: all 0.4s ease-out;
  -o-transition: all 0.4s ease-out;
  background: #e62b4a;
}

.webform-client-form .form-actions input:hover {
  background: #e62b4a;
}

.webform-client-form .form-actions input:hover:after {
  background: #e62b4a;
}

.block-webform .links {
  display:none;
}

.wd_package {
  border: 1px solid #ddd;
  border-radius: 5px;
}

.widget_href {
  border-radius: 5px;
  height: 40px;
  line-height: 40px;
  width: 100%;
  padding: 0!important;
}

.package_title {
  color: #fff;
  text-align: center;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  padding-bottom: 90px;
  padding-top: 15px;
  font-size: 50px;
  line-height: 50px;
  text-shadow: 1px 1px 1px #000;
}

.wd_start {
  background: url(../images/basic_head.svg) no-repeat center center / cover;
}

.wd_middle {
  background: url(../images/standart_head.svg) no-repeat center center / cover;
}

.wd_premium {
  background: url(../images/premium_head.svg) no-repeat center center / cover;
}

.wd_sprice {
  color: #2497f2;
}

.wd_mprice {
  color: #f92d92;
}

.wd_pprice {
color: #a55375;
}

.wd_slink a{
  color:#fff;
  background: #2497f2;
  border: 1px solid #2497f2;
  transition: all 0.2s;
}

.wd_slink a:hover {
  color: #2497f2;
  background: transparent;
}

.wd_mlink a{
  color:#fff;
  background: #f92d92;
  border: 1px solid #f92d92;
  transition: all 0.2s;
}

.wd_mlink a:hover {
  color: #f92d92;
  background: transparent;
}

.wd_plink a{
  color:#fff;
  background: #a55375;
  border:1px solid #a55375;
  transition: all 0.2s;
}

.wd_plink a:hover {
  color: #a55375;
  background: transparent;
}

.package_price {
  padding: 15px 15px 40px 15px;
  text-align: center;
  font-size: 50px;
  text-shadow: 1px 1px 1px #000;
}

.package_decription {
  padding: 10px 15px 10px 45px;
  border-bottom: 1px solid #ddd;
  line-height: normal;
  background: url(../images/check.svg) no-repeat 15px center / 15px;
}

.wd_check {
  background: url(../images/check.svg) no-repeat 15px center / 15px;
}

.wd_uncheck {
  background: url(../images/uncheck.svg) no-repeat 15px center / 15px;
}

.wd_link {
  text-align: center;
  padding-bottom: 15px;
  padding-top: 20px;
}

.wd_link a{
  padding: 7px 30px;
  display: block;
  margin: 0 15px;
  border-radius: 5px;
  text-transform: uppercase;
}

.wd_link a:hover{

}

.wd_oun {
  background: url(../images/standart_head.svg) no-repeat center center / cover;
  margin: 60px 0 -170px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}

.wd_oun h2{
  color: #ffffff;
  text-shadow: 1px 1px 1px #000;
  padding: 40px 30px 90px 30px;
  text-align: center;
}

/*----------------------------------------------------
/ 23. Portfolio Page
------------------------------------------------------*/
.porfolioPage {}

.folio_mixing {
    position: relative;
    text-align: center;
    margin: 0 0 65px;
}

.folio_mixing ul {
    margin: 0;
    padding: 0;
    line-height: .8;
}

.folio_mixing ul li {
    display: inline-block;
    list-style: none;
    margin: 0 17px 0;
    padding: 0;
    text-transform: uppercase;
    font-size: 16px;
    line-height: .8;
    color: #818181;
    cursor: pointer;
    position: relative;
    -webkit-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
}

.folio_mixing ul li:after {
    width: 0;
    height: 1px;
    content: '';
    background: #17212d;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    bottom: -5px;
    -webkit-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
}

.folio_mixing ul li.active,
.folio_mixing ul li:hover {
    color: #17212d;
}

.folio_mixing ul li.active:after,
.folio_mixing ul li:hover:after {
    width: 100%;
}

.custom {
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;
}

.custom .mix {
    display: none;
}

.mt_30 {
    margin-top: 30px;
}

.porfolioDetail {
    padding-bottom: 0;
}

.portDetailThumb {
    position: relative;
    margin-bottom: 30px;
}

.portDetailThumb img {
    width: 100%;
    height: auto;
}

.nextprevPagination {
    position: relative;
    border-top: 1px solid #e7e7e7;
    border-bottom: 1px solid #e7e7e7;
    padding: 51px 0 51px;
    margin-top: 30px;
}

.nextprevPagination a {
    text-transform: uppercase;
    color: #17212d;
    line-height: .8;
    font-size: 16px;
    letter-spacing: 1.6px;
    margin: 0;
    display: inline-block;
}

.nextprevPagination a.prevFolio i {
    line-height: .8;
    margin-right: 8px;
    position: relative;
    top: -1px;
}

.nextprevPagination a.nextFolio i {
    line-height: .8;
    margin-left: 8px;
    position: relative;
    top: -1px;
}

.nextprevPagination a:hover {
    color: #e62b4a;
}

.singlePortfoio_content {
    position: relative;
    margin: 0 0 35px;
}

.singlePortfoio_content h3 {
    font-size: 30px;
    line-height: .8;
    color: #000;
    text-transform: uppercase;
    letter-spacing: 1.04px;
    margin: 0 0 39px;
}

.singlePortfoio_content h4 {
    font-size: 18px;
    line-height: .8;
    color: #000;
    text-transform: uppercase;
    letter-spacing: .72px;
    margin: 0 0 9px;
}

.singlePortfoio_content p {
    line-height: 30px;
    margin: 0;
}

.singlePortfoio_content p a {
    display: inline-block;
    color: #818181;
}

.singlePortfoio_content p a:hover {
    color: #e62b4a;
}

.singlePortfoio_content ul {
    margin: 17px 0 0;
    padding: 0;
}

.singlePortfoio_content ul li {
    list-style: none;
    display: block;
    line-height: .8;
    margin: 0 0 17px;
}

.singlePortfoio_content ul li a {
    color: #818181;
    font-size: 12px;
    text-transform: uppercase;
    line-height: .8;
    letter-spacing: 1.2px;
    display: inline-block;
    position: relative;
}

.singlePortfoio_content ul li a:after {
    width: 0;
    height: 1px;
    content: '';
    background: #e62b4a;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    bottom: -4px;
    -webkit-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
}

.singlePortfoio_content ul li a:hover {
    color: #e62b4a;
}

.singlePortfoio_content ul li a:hover:after {
    width: 100%;
}

.relatedPortfolio {
    padding-bottom: 90px;
}

/*----------------------------------------------------
/ 24. Blog Page
------------------------------------------------------*/
.meipaly_paginations a,
.meipaly_paginations span {
    position: relative;
    display: inline-block;
    height: 46px;
    width: 45px;
    background: #f4f4f4;
    color: #818181;
    font-size: 14px;
    letter-spacing: .56px;
    text-align: center;
    padding: 17px 0;
    line-height: .8;
    margin: 0 3px;
    -webkit-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
}

.meipaly_paginations a.next,
.meipaly_paginations a.prev {
    font-size: 20px;
    padding: 12px 0;
    margin: 0 2px;
}

.meipaly_paginations a:after,
.meipaly_paginations span:after {
    width: 4px;
    height: 0;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto 0;
    content: '';
    background: #e62b4a;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
}

.meipaly_paginations a.prev:after {
    right: auto;
    left: 0;
}

.meipaly_paginations a:hover:after,
.meipaly_paginations span.current:after {
    height: 100%;
    visibility: visible;
    opacity: 1;
}

.meipaly_paginations a:hover,
.meipaly_paginations span.current {
    color: #fff;
    background: #000;
}

.single_blog {
    position: relative;
}

.blog_thumb {
    position: relative;
    margin: 0 0 0;
}

.blog_thumb img {
    width: 100%;
    height: auto;
}

.blog_headings {
    position: relative;
    margin: -20px 10px 29px;
    background: #fff;
    z-index: 3;
    padding: 30px 30px 0;
}

.blog_headings span.blog_date {
    font-size: 10px;
    line-height: .8;
    letter-spacing: 1px;
    font-weight: 700;
    display: block;
    height: 31px;
    width: 65px;
    background: #e62b4a;
    color: #ffffff;
    padding: 11px 0;
    text-align: center;
    text-transform: uppercase;
    margin: 0 0 20px;
}

.blog_headings h2 {
    text-transform: uppercase;
    font-size: 40px;
    color: #17212d;
    line-height: 40px;
    letter-spacing: 1.6px;
    margin: 0 0 7px;
}

.blog_headings .blog_metas {
    font-size: 12px;
    line-height: 30px;
    letter-spacing: 1.2px;
    color: #818181;
    text-transform: uppercase;
    margin: 0;
}

.blog_headings .blog_metas a {
    display: inline-block;
    color: #818181;
    margin: 0 10px;
}

.blog_headings .blog_metas a:first-of-type {
    margin-left: 0;
}

.blog_headings .blog_metas a:hover {
    color: #e62b4a;
}

.blog_details {
    padding: 0px 40px 22px;
}

.blog_details p {
    line-height: 30px;
    margin: 0 0 30px;
}

.blog_tagitems {
    position: relative;
    border-top: 1px solid #e7e7e7;
    padding: 34px 0 35px;
}

.blog_tagitems span {
    font-size: 20px;
    line-height: 30px;
    color: #17212d;
    display: inline-block;
    letter-spacing: 0.80px;
    margin-right: 3px;
}

.blog_tagitems a {
    display: inline-block;
    color: #818181;
    line-height: 30px;
    font-size: 16px;
}

.blog_tagitems a:hover {
    color: #000;
}

.post_author {
    position: relative;
    background: #f4f4f4;
    padding: 57px 70px 60px 270px;
    margin-bottom: 60px;
}

.post_author img {
    width: 170px;
    height: 190px;
    position: absolute;
    left: 60px;
    top: 0;
    bottom: 0;
    margin: auto 0;
}

.post_author h3 {
    font-size: 20px;
    line-height: .8;
    color: #17212d;
    letter-spacing: 0.80px;
    margin: 0 0 39px;
}

.post_author h3 a {
    color: #000;
}

.post_author h3 a:hover {
    color: #e62b4a;
}

.post_author p {
    line-height: 30px;
    margin: 0 0 16px;
}

.post_author>a {
    color: #e62b4a;
    line-height: .8;
    display: inline-block;
    position: relative;
    letter-spacing: 1.2px;
    text-transform: uppercase;
    font-size: 12px;
}

.post_author>a:after {
    width: 100%;
    height: 1px;
    content: '';
    background: #e62b4a;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    bottom: -5px;
    -webkit-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
}

.post_author>a:hover {
    color: #000;
}

.post_author>a:hover:after {
    background: #000;
}

.comment_area {
    position: relative;
}

.comment_area h3 {
    font-size: 30px;
    line-height: .8;
    letter-spacing: 1.2px;
    color: #17212d;
    text-transform: uppercase;
    margin: 0 0 61px;
}

.comment_area ol {
    margin: 0;
    padding: 0;
}

.comment_area ol li {
    list-style: none;
    display: block;
    margin: 0;
}

.single-comment {
    position: relative;
    padding-left: 143px;
    padding-right: 100px;
    border-bottom: 1px solid #e7e7e7;
    padding-bottom: 55px;
    margin-bottom: 60px;
}

.single-comment img {
    width: 110px;
    height: 110px;
    position: absolute;
    left: 0;
    top: 0;
}

.single-comment .authorDetails {
    position: relative;
}

.single-comment .authorDetails h5 {
    font-size: 20px;
    line-height: .8;
    color: #17212d;
    letter-spacing: 0.80px;
    text-transform: uppercase;
    margin: 0 0 10px;
}

.single-comment .authorDetails h5 a {
    color: #000;
}

.single-comment .authorDetails h5 a:hover {
    color: #e62b4a;
}

.single-comment .authorDetails span {
    display: block;
    font-size: 12px;
    line-height: 30px;
    color: #e62b4a;
    text-transform: uppercase;
    letter-spacing: 1.2px;
    margin: 0 0 27px;
}

.single-comment .comment {
    position: relative;
    margin: 0 0 0;
}

.single-comment .comment p {
    line-height: 30px;
    margin: 0;
}

.single-comment .common_btn.red_bg {
    position: absolute;
    right: 0;
    top: 0;
    height: 50px;
    font-size: 14px;
    letter-spacing: 1.4px;
    padding: 19px 21px;
}

.commentForm {
    position: relative;
}

.commentForm h3 {
    font-size: 30px;
    line-height: .8;
    letter-spacing: 1.2px;
    color: #17212d;
    text-transform: uppercase;
    margin: 0 0 61px;
}

.input-form {
    width: 100%;
    height: 70px;
    background: #f4f4f4;
    border: none;
    text-align: left;
    padding: 0 30px;
    font-size: 14px;
    letter-spacing: 0.56px;
    line-height: 70px;
    color: #818181;
    margin: 0 0 30px;
    outline: none;
    border-radius: 0;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.input-form.reqError {
    border: 1px solid #e62b4a;
}

textarea.input-form {
    height: 190px;
    resize: none;
    line-height: 30px;
    padding: 21px 30px;
    margin-bottom: 21px;
}

input.input-form[type="text"]::-moz-placeholder,
input.input-form[type="email"]::-moz-placeholder,
textarea.input-form::-moz-placeholder {
    color: #818181 !important;
    opacity: 1 !important;
}

input.input-form[type="text"]::-ms-input-placeholder,
input.input-form[type="email"]::-ms-input-placeholder,
textarea.input-form::-ms-input-placeholder {
    color: #818181 !important;
    opacity: 1 !important;
}

input.input-form[type="text"]::-webkit-input-placeholder,
input.input-form[type="email"]::-webkit-input-placeholder,
textarea.input-form::-webkit-input-placeholder {
    color: #818181 !important;
    opacity: 1 !important;
}

.commentForm .common_btn.red_bg {
    padding: 28px 42.5px;
}

input.input-form:focus,
textarea.input-form:focus {
    -webkit-box-shadow: 0px 10px 35px 0px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: 0px 10px 35px 0px rgba(0, 0, 0, 0.05);
    box-shadow: 0px 10px 35px 0px rgba(0, 0, 0, 0.05);
    border-right: 4px solid #e62b4a;
    background: #fff;
}

.sidebar .widget {
    position: relative;
    margin-bottom: 30px;
}

.sidebar .widget.search-widget {
    padding: 0;
}

.sidebar .widget form.searchform {
    margin: 0;
    padding: 0;
}

.sidebar .widget form.searchform input {
    width: 100%;
    height: 91px;
    border: none;
    border-radius: 0;
    background: #000;
    font-size: 14px;
    letter-spacing: 1.4px;
    line-height: 30px;
    color: #ffffff;
    padding: 0 50px;
    text-transform: uppercase;
    outline: none;
}

.sidebar .widget form.searchform input::-moz-placeholder {
    color: #ffffff !important;
    opacity: 1 !important;
}

.sidebar .widget form.searchform input::-ms-input-placeholder {
    color: #ffffff !important;
    opacity: 1 !important;
}

.sidebar .widget form.searchform input::-webkit-input-placeholder {
    color: #ffffff !important;
    opacity: 1 !important;
}

.sidebar .widget_title {
  font-size: 18px;
  text-transform: uppercase;
  line-height: .8;
  letter-spacing: 0.72px;
  margin: 0 0 -2px;
  padding: 23px 48px 24px;
  border: 2px solid #f4f4f4;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}

.meipaly_post_widget {
    position: relative;
    background: #f4f4f4;
    padding: 50px;
}

.mpw_item {
    position: relative;
    padding-left: 80px;
    border-bottom: 1px solid #e7e7e7;
    margin-bottom: 20px;
    padding-bottom: 21px;
}

.mpw_item:last-of-type {
    border-bottom: none;
    margin-bottom: 0;
    padding-bottom: 0;
}

.mpw_item img {
    width: 60px;
    height: 56px;
    position: absolute;
    top: 0;
    left: 0;
}

.mpw_item a {
    text-transform: uppercase;
    font-size: 16px;
    line-height: 24px;
    color: #818181;
    display: inline-block;
    margin: 3px 0 0;
}

.mpw_item a:hover {
    color: #000;
}

.creatopus_categorie_widget {
  position: relative;
  background: #f4f4f4;
  padding: 43px 50px 44px;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}

.creatopus_categorie_widget ul {
    margin: 0;
    padding: 0;
}

.creatopus_categorie_widget ul li {
    list-style: none;
    display: block;
    margin: 0 0 12px;
}

.creatopus_categorie_widget ul li:last-of-type {
    margin-bottom: 0
}

.creatopus_categorie_widget ul li a {
    display: inline-block;
    font-size: 16px;
    line-height: 22px;
    color: #818181;
}

.creatopus_categorie_widget ul li a:hover {
    color: #000;
}

.meipaly_tagcloude_widget {
    position: relative;
    background: #f4f4f4;
    padding: 43px 50px 44px;
}

.meipaly_tagcloude_widget a {
    display: inline-block;
    font-size: 16px;
    line-height: 30px;
    color: #818181;
}

.meipaly_tagcloude_widget a:hover {
    color: #000;
}

/*----------------------------------------------------
/ 25. Contct Page
------------------------------------------------------*/
.contactFrom {
    position: relative;
    text-align: center;
}

.contactFrom textarea.input-form {
    height: 190px;
    resize: none;
    line-height: 30px;
    padding: 21px 30px;
    margin-bottom: 21px;
}

.contactFrom .common_btn.red_bg {
    padding: 28px 42.5px;
}

/*------------------------------------------------------------------------------
/ 26. Popup Search
------------------------------------------------------------------------------*/
.searchFixed {
    position: fixed;
    width: 100%;
    height: 100%;
    background: rgba(17, 17, 17, 0.98);
    left: 0;
    top: 0;
    z-index: 9999;
    display: none;
}

.popupBG {
    background-image: url(../images/line-maker.svg);
    background-repeat: repeat;
    background-position: center center;
    padding: 0;
}

.searchForms {
    position: absolute;
    width: 100%;
    height: 100px;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    margin: auto;
}

.searchForms button[type="submit"] {
    padding: 0 0;
    outline: none;
    border: none;
    background: transparent;
    font-size: 24px;
    line-height: .9;
    color: #fff;
    position: absolute;
    height: 100%;
    width: 60px;
    text-transform: uppercase;
    right: 15px;
    top: -2px;
    text-align: center;
    transition: all ease 400ms;
    -webkit-transition: all ease 400ms;
    -moz-transition: all ease 400ms;
}

.searchForms button[type="submit"]:hover {
    color: #e62b4a;
}

.searchForms input {
    width: 100%;
    height: 91px;
    border: none;
    border-bottom: 1px solid rgba(255, 255, 255, .5);
    background: none;
    font-size: 24px;
    color: #fff;
    text-transform: uppercase;
    padding-left: 10px;
    font-weight: 300;
}

.searchForms input:focus {
    outline: none;
    box-shadow: none;
}

.searchForms input::-webkit-input-placeholder {
    color: #fff;
    opacity: 1;
}

.searchForms input:-moz-placeholder {
    color: #fff;
    opacity: 1;
}

.searchForms input::-moz-placeholder {
    color: #fff;
    opacity: 1;
}

.searchForms input:-ms-input-placeholder {
    color: #fff;
    opacity: 1;
}

.sfCloser {
    background-color: #fff;
    border-radius: 50%;
    box-shadow: 0 0 0 0px #fff;
    font-weight: 600;
    height: 50px;
    width: 50px;
    position: absolute;
    right: 0;
    left: 0;
    margin: 0 auto;
    top: 30px;
    text-transform: uppercase;
    transition: all 0.5s cubic-bezier(0.7, 0, 0.3, 1);
    -moz-transition: all 0.5s cubic-bezier(0.7, 0, 0.3, 1);
    z-index: 99;
}

.sfCloser:after {
    width: 15px;
    height: 1px;
    background: #000;
    position: absolute;
    right: 17.5px;
    top: 24px;
    content: '';
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    transition: all ease 400ms;
    -webkit-transition: all ease 400ms;
    -moz-transition: all ease 400ms;
}

.sfCloser:before {
    width: 15px;
    height: 1px;
    background: #000;
    position: absolute;
    right: 17.5px;
    top: 24px;
    content: '';
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    transition: all ease 400ms;
    -webkit-transition: all ease 400ms;
    -moz-transition: all ease 400ms;
}

.sfCloser:hover {
    box-shadow: 0 0 0 10px rgba(255, 255, 255, .2);
    box-shadow: 0 0 0 10px rgba(255, 255, 255, .2);
    -moz-box-shadow: 0 0 0 10px rgba(255, 255, 255, .2);
}

.sfCloser:hover:after,
.sfCloser:hover:before {
    background: #e62b4a;
}

/*------------------------------------------------------------------------------
/ 27. Popup Menu
------------------------------------------------------------------------------*/
.popup {
    background: rgba(17, 17, 17, 0.98);
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -moz-box;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    justify-content: center;
    height: 100vh;
    opacity: 0;
    padding-top: 30px;
    padding-bottom: 30px;
    position: fixed;
    top: 0;
    left: 0;
    visibility: hidden;
    transform: translateY(-100%);
    transition: all 0.6s 0s cubic-bezier(0.7, 0, 0.3, 1);
    width: 100%;
    z-index: 1000;
}

.close-popup {
    background-color: #fff;
    border-radius: 50%;
    box-shadow: 0 0 0 0px #fff;
    font-weight: 600;
    height: 50px;
    width: 50px;
    position: absolute;
    right: 30px;
    top: 30px;
    text-transform: uppercase;
    transition: all 0.5s cubic-bezier(0.7, 0, 0.3, 1);
    -moz-transition: all 0.5s cubic-bezier(0.7, 0, 0.3, 1);
    z-index: 99;
}

.close-popup:after {
    width: 15px;
    height: 1px;
    background: #000;
    position: absolute;
    right: 17.5px;
    top: 24px;
    content: '';
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    transition: all ease 400ms;
    -webkit-transition: all ease 400ms;
    -moz-transition: all ease 400ms;
}

.close-popup:before {
    width: 15px;
    height: 1px;
    background: #000;
    position: absolute;
    right: 17.5px;
    top: 24px;
    content: '';
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    transition: all ease 400ms;
    -webkit-transition: all ease 400ms;
    -moz-transition: all ease 400ms;
}

.close-popup:hover {
    box-shadow: 0 0 0 10px rgba(255, 255, 255, .2);
    box-shadow: 0 0 0 10px rgba(255, 255, 255, .2);
    -moz-box-shadow: 0 0 0 10px rgba(255, 255, 255, .2);
}

.close-popup:hover:after,
.close-popup:hover:before {
    background: #e62b4a;
}

.logo2 {
    z-index: 99;
    position: absolute;
    left: 0;
    top: 30px;
}

.logo2 a{
    color: #fff;
    display: flex;
    font-size: 30px;
    align-items: center;
}

.logo2 svg {
    max-width: 54px;
    height: auto;
    margin-right: 15px;
	width:100%;
}

.footer__contacts {
    position: absolute;
    left: 0;
    bottom: 40px;
    margin: 0;
    padding-left: 0;
}

.popup__menu .footer__contacts li{

}

.popup__menu .footer__contacts a{
  color: #ffffff;
}

.popup__menu .footer__contacts a:hover{
  color: #2497f2;
}

.popUp_social {
    position: absolute;
    right: 0;
    bottom: 34px;
    padding: 0;
}

.popUp_social ul {
    margin: 0;
    padding: 0;
}

.popUp_social ul li {
    padding: 0;
    margin: 0 20px 0 0;
    list-style: none;
    display: inline-block;
}

.popUp_social ul li:last-of-type {
    margin-right: 0;
}

.popUp_social ul li a {
    font-size: 14px;
    letter-spacing: 0.56px;
    color: #aaaaaa;
    margin: 0;
    display: block;
    text-align: left;
}

.popUp_social ul li a i {
    font-size: 16px;
    color: #fff;
    margin-right: 10px;
}

.popUp_social ul li a:hover {
    color: #fff;
}

.footer__contacts li {
    list-style: none;
    display: block;
    font-size: 16px;
    color: #818181;
    line-height: 22px;
    margin: 0 0 7px;
}

.footer__contacts li:last-child {
    margin-bottom: 0;
}

.popup__btn-close {
    background-color: transparent;
    border: 0;
    letter-spacing: .3rem;
    opacity: 1;
    position: absolute;
    right: 30px;
    top: 30px;
    font-weight: 700;
    text-transform: uppercase;
    transition: all 0.6s 0s cubic-bezier(0.7, 0, 0.3, 1);
    z-index: 1;
}

.popup__btn-close:hover {
    opacity: .5;
}

.popup-inner {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -moz-box;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    justify-content: center;
    height: 100vh;
    transform: translateY(-100%);
    transition: all 0.6s 1000ms cubic-bezier(0.7, 0, 0.3, 1);
    width: 100%;
}

.show-popup .popup-inner,
.show-overlay-nav .popup-inner {
    transform: translateY(0);
}

.show-popup .popup.popup-overlay,
.show-overlay-nav .popup.popup__menu {
    opacity: 1;
    overflow-x: hidden;
    overflow-y: auto;
    visibility: visible;
    transform: translateY(0);
}

.show-popup,
.show-overlay-nav {
    overflow: hidden;
}

.popup.popup__menu {
    background-image: url(../images/line-maker.svg);
    background-repeat: repeat;
    background-position: center center;
    padding: 0;
}

.popup.popup__menu .popup-inner {
    display: flex;
}

.show-overlay-nav .popup.popup__menu.popup__menu {
    box-shadow: none;
    overflow: hidden;
}

.show-overlay-nav .top {
    background-color: transparent;
    box-shadow: none;
}

.dl-menu__wrap {
    height: auto;
    position: relative;
    perspective: 600px;
    perspective-origin: 50% -200%;
    text-align: center;
    transition: all 0.6s 0s cubic-bezier(0.7, 0, 0.3, 1);
    width: 100%;
}

.dl-menu__wrap ul {
    list-style: none;
    padding: 0;
    transform-style: preserve-3d;
}

.dl-menu__wrap ul li {
    margin: 13px 0;
    position: relative;
    display: block;
}

.dl-menu__wrap ul li a {
    color: #FFF;
    text-transform: uppercase;
    font-size: 16px;
    line-height: .8;
    letter-spacing: 1px;
    font-weight: 400;
    position: relative;
    display: inline-block;
    text-decoration: none;
    -webkit-text-decoration-skip: objects;
    transition: all 0.6s cubic-bezier(0.7, 0, 0.3, 1);
}

.dl-menu__wrap ul li a::after {
    position: absolute;
    width: 0;
    height: 1px;
    content: '';
    background: #fff;
    left: 0;
    right: 0;
    bottom: -5px;
    -webkit-transition: all 0.6s 0s cubic-bezier(0.7, 0, 0.3, 1);
    -moz-transition: all 0.6s 0s cubic-bezier(0.7, 0, 0.3, 1);
    transition: all 0.6s 0s cubic-bezier(0.7, 0, 0.3, 1);
    z-index: -1;
}

.dl-menu__wrap ul li.menu-item-has-children>a {
    position: relative;
}

.dl-menu__wrap ul li.menu-item-has-children>a:before {
    position: absolute;
    right: -18px;
    top: 2px;
    content: "\f107";
    transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1);
    font-family: 'fontAwesome';
    font-size: 12px;
    color: #fff;
    line-height: .8;
}

.dl-menu__wrap ul li.menu-item-has-children>a:hover:before {
    transform: rotate(-180deg);
}

.dl-menu__wrap ul li.active>a::after,
.dl-menu__wrap ul li a:hover::after {
    width: 100%;
}

.dl-menu__wrap ul li .dl-submenu {
    display: none;
}

.dl-menu__wrap .dl-menu {
    margin: 0;
    pointer-events: none;
    transform: translateY(10px);
    backface-visibility: hidden;
    width: 100%;
}

.dl-menu__wrap .dl-menu.dl-menu-toggle {
    transition: all 0.3s ease;
}

.dl-menu__wrap .dl-menu.dl-menuopen {
    opacity: 1;
    pointer-events: auto;
    transform: translateY(0px);
}

.dl-menu__wrap .dl-menu.dl-subview li,
.dl-menu__wrap .dl-menu.dl-subview li.dl-subviewopen>a,
.dl-menu__wrap .dl-menu.dl-subview li.dl-subview>a {
    display: none;
}

.dl-menu__wrap .dl-menu.dl-subview li.dl-subview,
.dl-menu__wrap .dl-menu.dl-subview li.dl-subview .dl-submenu,
.dl-menu__wrap .dl-menu.dl-subview li.dl-subviewopen,
.dl-menu__wrap .dl-menu.dl-subview li.dl-subviewopen>.dl-submenu,
.dl-menu__wrap .dl-menu.dl-subview li.dl-subviewopen>.dl-submenu>li {
    display: block;
}

.dl-menu__wrap .dl-menu.dl-animate-out-3 {
    -webkit-animation: MenuAnimOut3 0.4s ease;
    animation: MenuAnimOut3 0.4s ease;
}

.dl-menu__wrap .dl-menu.dl-animate-in-3 {
    -webkit-animation: MenuAnimIn3 0.4s ease;
    animation: MenuAnimIn3 0.4s ease;
}

.dl-menu__wrap .dl-menu .dl-back a {
    position: relative;
    width: 26px;
    padding-top: 12px;
    padding-bottom: 12px;
}

.dl-menu__wrap .dl-menu .dl-back a:before {
    content: '';
    background-color: transparent;
    background-image: url(../images/arrow-back.svg);
    background-repeat: no-repeat;
    background-position: center center;
    height: 26px;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    text-align: center;
    width: 26px;
}

.dl-menu__wrap .dl-menu .dl-back a:after {
    display: none;
}

.dl-menu__wrap .dl-menu.dl-subview .dl-back {
    -webkit-animation: SubMenuAnimIn3 0.4s ease;
    animation: SubMenuAnimIn3 0.4s ease;
}

.dl-menu__wrap>.dl-submenu {
    margin: 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}

.dl-menu__wrap>.dl-submenu.dl-animate-in-3 {
    -webkit-animation: SubMenuAnimIn3 0.4s ease;
    animation: SubMenuAnimIn3 0.4s ease;
}

.dl-menu__wrap>.dl-submenu.dl-animate-out-3 {
    -webkit-animation: SubMenuAnimOut3 0.4s ease;
    animation: SubMenuAnimOut3 0.4s ease;
}

@keyframes MenuAnimOut3 {
    100% {
        transform: translateZ(300px);
        opacity: 0;
    }
}

@keyframes MenuAnimIn3 {
    0% {
        transform: translateZ(300px);
        opacity: 0;
    }

    100% {
        transform: translateZ(0px);
        opacity: 1;
    }
}

@keyframes SubMenuAnimIn3 {
    0% {
        transform: translateZ(-300px);
        opacity: 0;
    }

    100% {
        transform: translateZ(0px);
        opacity: 1;
    }
}

@keyframes SubMenuAnimOut3 {
    0% {
        transform: translateZ(0px);
        opacity: 1;
    }

    100% {
        transform: translateZ(-300px);
        opacity: 0;
    }
}

/*----------------------------------------------------
/ 28. preloder
------------------------------------------------------*/
.preloader {
    background: #17212d;
    bottom: 0;
    height: 100%;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 99999;
}

.la-ball-circus,
.la-ball-circus>div {
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.la-ball-circus {
    display: block;
    font-size: 0;
    color: #fff
}

.la-ball-circus.la-dark {
    color: #FFF
}

.la-ball-circus>div {
    display: inline-block;
    float: none;
    background-color: currentColor;
    border: 0 solid currentColor
}

.la-ball-circus {
    width: 16px;
    height: 16px
}

.la-ball-circus>div {
    display: block;
    width: 150px;
    height: 150px;
    /*-webkit-animation: ball-circus-position 2.5s infinite cubic-bezier(0.25, 0, 0.75, 1), ball-circus-size 2.5s infinite cubic-bezier(0.25, 0, 0.75, 1);
    -moz-animation: ball-circus-position 2.5s infinite cubic-bezier(0.25, 0, 0.75, 1), ball-circus-size 2.5s infinite cubic-bezier(0.25, 0, 0.75, 1);
    -o-animation: ball-circus-position 2.5s infinite cubic-bezier(0.25, 0, 0.75, 1), ball-circus-size 2.5s infinite cubic-bezier(0.25, 0, 0.75, 1);
    animation: ball-circus-position 2.5s infinite cubic-bezier(0.25, 0, 0.75, 1), ball-circus-size 2.5s infinite cubic-bezier(0.25, 0, 0.75, 1)*/
}

.la-ball-circus>div:nth-child(1) {
    /*-webkit-animation-delay: 0s, -0.5s;
    -moz-animation-delay: 0s, -0.5s;
    -o-animation-delay: 0s, -0.5s;
    animation-delay: 0s, -0.5s*/
}

.la-ball-circus>div:nth-child(2) {
    -webkit-animation-delay: -0.5s, -1s;
    -moz-animation-delay: -0.5s, -1s;
    -o-animation-delay: -0.5s, -1s;
    animation-delay: -0.5s, -1s
}

.la-ball-circus>div:nth-child(3) {
    -webkit-animation-delay: -1s, -1.5s;
    -moz-animation-delay: -1s, -1.5s;
    -o-animation-delay: -1s, -1.5s;
    animation-delay: -1s, -1.5s
}

.la-ball-circus>div:nth-child(4) {
    -webkit-animation-delay: -1.5s, -2s;
    -moz-animation-delay: -1.5s, -2s;
    -o-animation-delay: -1.5s, -2s;
    animation-delay: -1.5s, -2s
}

.la-ball-circus>div:nth-child(5) {
    -webkit-animation-delay: -2s, -2.5s;
    -moz-animation-delay: -2s, -2.5s;
    -o-animation-delay: -2s, -2.5s;
    animation-delay: -2s, -2.5s
}

.la-ball-circus.la-sm {
    width: 8px;
    height: 8px
}

.la-ball-circus.la-sm>div {
    width: 8px;
    height: 8px
}

.la-ball-circus.la-2x {
    width: 250px;
    height: 250px;
    left: 0;
    top: 0;
    right: 0;
    margin: auto;
    bottom: 0;
    position: absolute;
}

.la-ball-circus.la-2x>div {
    width: 250px;
    height: 250px;
    background: url(../../../../../favicon_white.png) no-repeat center center;
    background-color: transparent;
    background-size: 100%;
    -webkit-animation: pulses 3s infinite ease-in-out;
    -o-animation: pulses 3s infinite ease-in-out;
    -ms-animation: pulses 3s infinite ease-in-out; 
    -moz-animation: pulses 3s infinite ease-in-out; 
    animation: pulses 3s infinite ease-in-out;
}
@-webkit-keyframes pulses {
    0% { -webkit-transform: scale(0.7); opacity: 0.7; }
    50% { -webkit-transform: scale(1); opacity: 1; }
    100% { -webkit-transform: scale(0.7); opacity: 0.7; }
}

@keyframes pulses {
    0% { transform: scale(0.7); opacity: 0.7; }
    50% { transform: scale(1); opacity: 1; }
    100% { transform: scale(0.7); opacity: 0.7; }
}

.la-ball-circus.la-3x {
    width: 48px;
    height: 48px
}

.la-ball-circus.la-3x>div {
    width: 48px;
    height: 48px
}

@-webkit-keyframes ball-circus-position {
    50% {
        left: 100%
    }
}

@-moz-keyframes ball-circus-position {
    50% {
        left: 100%
    }
}

@-o-keyframes ball-circus-position {
    50% {
        left: 100%
    }
}

@keyframes ball-circus-position {
    50% {
        left: 100%
    }
}

@-webkit-keyframes ball-circus-size {
    50% {
        -webkit-transform: scale(0.3, 0.3);
        transform: scale(0.3, 0.3)
    }
}

@-moz-keyframes ball-circus-size {
    50% {
        -moz-transform: scale(0.3, 0.3);
        transform: scale(0.3, 0.3)
    }
}

@-o-keyframes ball-circus-size {
    50% {
        -o-transform: scale(0.3, 0.3);
        transform: scale(0.3, 0.3)
    }
}

@keyframes ball-circus-size {
    50% {
        -webkit-transform: scale(0.3, 0.3);
        -moz-transform: scale(0.3, 0.3);
        -o-transform: scale(0.3, 0.3);
        transform: scale(0.3, 0.3)
    }
}


/*----------------------------------------------------
/ 29. Bact To Top
------------------------------------------------------*/
.showit {
	background:#e62b4a;
    bottom: 60px;
    color: #ffffff;
    font-size: 20px;
    height: 40px;
    line-height: 0.8;
    padding: 10px 12px;
    position: fixed;
    right: 60px;
    text-align: center;
    width: 40px;
    z-index: 99;
}

.showit:hover {
    background: #000;
    color: #fff;
}

/*----------------------------------------------------
/ 30. Color Preset
------------------------------------------------------*/
.color_settings {
    position: fixed;
    backface-visibility: hidden;
    left: -240px;
    top: 25%;
    width: 240px;
    box-sizing: border-box;
    padding: 25px 20px 20px;
    z-index: 1000;
    background: #fff;
    box-shadow: 1px 0 3px rgba(0, 0, 0, 0.1);
    -webkit-transition: left 0.3s ease-in-out;
    -moz-transition: left 0.3s ease-in-out;
    -ms-transition: left 0.3s ease-in-out;
    -o-transition: left 0.3s ease-in-out;
    transition: left 0.3s ease-in-out;
}

.color_settings .switch-btn {
    width: 40px;
    height: 40px;
    background: #fff;
    font-size: 18px;
    color: #000;
    border: none;
    position: absolute;
    line-height: .8;
    padding: 11px 0;
    top: 20px;
    right: -40px;
    box-shadow: -1px 0 2px rgba(0, 0, 0, 0.1) inset;
    text-align: center;
}

.color_settings .color_preset button {
    background: #fff;
    border: none;
    border-radius: 0;
    height: 30px;
    width: 50px;
    display: block;
    float: left;
    margin: 5px;
    outline: none;
}

.color_settings .color_preset button.active {
    opacity: .2;
}

.color_settings .color_preset h4 {
    text-align: center;
    font-size: 14px;
    color: #000;
    line-height: .8;
    font-weight: 500;
    text-transform: uppercase;
    padding: 9px 0;
    margin: 0 0 7px;
    border: 2px solid #f5f6fa;
}

.color_settings .switch-btn.active,
.color_settings .switch-btn:hover {
    color: #e62b4a;
}



/* update 20-03-2022 */

.main-slider-one {
    overflow: hidden;
    position: relative;
}

.main-slider-one .owl-nav {
    margin: 0 !important;
}

.main-slider-one .owl-carousel .owl-nav [class*=owl-] {
    display: none !important;
    position: absolute;
    top: calc(50% - 35px + 58.5px);
    width: 70px;
    height: 70px;
    background-color: #fff;
    opacity: 0.2;
    font-size: 24px;
    color: #17212d;
    margin: 0;
    transition: all 500ms ease;
}

.main-slider-one .owl-carousel .owl-nav [class*=owl-]:hover {
    opacity: 1;
}

.main-slider-one .owl-carousel .owl-nav [class*=owl-next] {
    right: 60px;
}

.main-slider-one .owl-carousel .owl-nav [class*=owl-prev] {
    left: 60px;
}

@media (min-width: 1200px) {
    .main-slider-one .owl-carousel .owl-nav [class*=owl-] {
        display: flex !important;
        justify-content: center;
        align-items: center;
    }
}

.main-slider-one__item {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    padding-top: 213px;
    padding-bottom: 100px;
    background-color: #000;
}

@media(min-width: 1200px) {
    .main-slider-one__item {
      min-height: 100vh;
      padding-top: 0;
      padding-bottom: 0;
    }
}


.main-slider-one__bg {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    transform: scale(1);
}

.active .main-slider-one__item .main-slider-one__bg {
    transform: scale(1.1);
    transition: opacity 500ms ease, transform 2000ms ease;
}

.main-slider-one__tagline {
    font-size: 18px;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    font-weight: 400;
    color: #fff;
    margin: 0;
    margin-bottom: 5px;
    opacity: 0;
    visibility: hidden;
    transform: translateY(-120px);
    transition-delay: 2000ms;
    transition: transform 2000ms ease, opacity 2000ms ease;
	/*background: linear-gradient(45deg, rgb(223, 5, 161), rgb(90, 78, 163));
	-webkit-background-clip: text;
    -webkit-text-fill-color: transparent;*/
}

.active .main-slider-one__tagline {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
  margin-top: 60px;
}

.main-slider-one__title {
    font-size: 100px;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: #fff;
    font-weight: bold;
    margin: 0;
    margin-bottom: 30px;
    opacity: 0;
    visibility: hidden;
    transform: translateY(-80px);
    transition-delay: 2500ms;
    transition: transform 2000ms ease, opacity 2000ms ease;
	/*background: linear-gradient(45deg, rgb(223, 5, 161), rgb(90, 78, 163));
	-webkit-background-clip: text;
    -webkit-text-fill-color: transparent;*/
}

.active .main-slider-one__title {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}


.main-slider-one .common_btn.red_bg {
    font-size: 16px;
    opacity: 0;
    visibility: hidden;
    transform: translateY(-120px);
    transition-delay: 3000ms;
    transition: transform 2000ms ease, opacity 2000ms ease, background 500ms ease, color 500ms ease;
}

.main-slider-one .active .common_btn.red_bg {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

.main-slider-one .common_btn.red_bg:after {
    background-color: #e62b4a;
}

.main-slider-one .common_btn.red_bg:hover {
    color: #fff;
}


.main-slider-two .main-slider-one__tagline {
    color: #17212d;
}

.main-slider-two .main-slider-one__title {
    color: #17212d;
    text-transform: capitalize;
    line-height: .95em;
}

.main-slider-two .common_btn.red_bg:after {
    background-color: #e62b4a;
}

.main-slider-two .common_btn.red_bg:hover {
    color: #fff;
}

.main-slider-two .main-slider-one__item {
    text-align: left;
}

.main-slider-two .owl-carousel .owl-nav [class*=owl-] {
    background-color: #17212d;
    color: #fff;
}