/*
Theme Name:   Avik
Theme URI:   	https://www.denisfranchi.com/demo-wp-avik/
Description:  Avik Portfolio is perfect for anyone who wants an easy theme to use and with a clean code. You can use this portfolio theme for: freelancer, photography studios, sound and music, musican, agency, architect agency, painter portfolio, artworks, art, trainer, projects, artist portfolio,personal portfolio, web design works, illustrators, freelance designer.
Version:     	10.1.2
Author:     	Denis Franchi
Author URI:   https://www.denisfranchi.com/
Site:         https://www.denisfranchi.com
Tags:        	custom-menu, featured-images, full-width-template, one-column,rtl-language-support,translation-ready,custom-logo, editor-style,two-columns, right-sidebar, theme-options,flexible-header, custom-colors, custom-header
Text Domain:   avik
License:    	GNU General Public License v3.0
License URI:	http://www.gnu.org/licenses/gpl-3.0.html
*/

/* TABLE OF CONTENT

1 - Base Styles
  1.1 General
  1.2 Scroll angle down
  1.3 Base effect
  1.4 Element animation effect Bounce
  1.5 Element animation effect Elongation
  1.6 Element animation effect Fedeinright
  1.7 Element animation effect Zoom-in-out
  1.8 Element animation effect Right
  1.9 Icon effect Video
  1.10 Scrol To Top
  1.11 Preloader
  1-12 Widget Search
  1.13 Comments
  1.14 Input & textarea
  1.15 General Widget
  1.16 Breadcrumbs
  1.17 Alignments
  1.18 Galleries
  1.19 Custom Editor
  1.20 Accessibility
  1.21 Infinite scroll
  1.22 Media
2 - Navbar
  2.1 - Menu
  2.2 - Social Icons menu
  2.3 - Logo
3 - Header Home
  3.1 Slider
  3.2 Video
  3.3 Static
4 - Who we are
5 - Services
6 - Portfolio
  6.1 Page-Portfolio
7 - Avik Blog
  7.1 Breadcrums
  7.2 Search
  7.3 Comments
  7.4 Page
  7.5 Archive
  7.6 Tags
  7.7 Pagination
  7.8 Article
8 - Contact
  8.1 Widget Contact Form
  8.2 Social Icons Contact
  8.3 Map
9 - Footer
  9.1 Social Icons Footer
10 - Single Page
11 - Carousel featured image
12 - Page 404
13 - Responsive
  13.1 Element
  13.2 Menu
  13.3 Logo
  13.4 Slider
  13.5 Who we are
  13.6 Services
  13.7 Portfolio
  13.8 Avik Blog
  13.9 Contact
  13.10 Page 404
  13.11 Video
  13.12 Static
  13.13 Footer
14 - Pro Version style
*/

/* ------------------------------------------------------------------------- *
##  1 Base Styles */
/* ------------------------------------------------------------------------- */

/*-------------------------------
## Captions
---------------------------------*/
.wp-caption {
	margin-bottom: 1.5em;
	max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
}

.wp-caption-text {
	text-align: center;
}

/*-----------------------
## 1.1 General
-----------------------*/

body{
  min-height: 100vh;
}

.widget ul{
  list-style: none;
}

a{
  margin: 0!important;
  text-decoration: none!important;
}

/*-----------------------
## 1.2 Scroll angle down
-----------------------*/

.c-header-home_footer {
  z-index: 3;
  right: 0;
  bottom: 0;
  left: 0;
  padding-top:4em;
}

.angle-scroll{
  padding-bottom: 12%;
  padding-left: 25%;
  font-size: 32px;
}

.angle-scroll a{
  text-decoration: none;
}

/*-----------------------
## 1.3 Base effect
-----------------------*/

.animate{
  -webkit-transition: all 1s ease-in-out;
  -moz-transition: all 1s ease-in-out;
  -o-transition: all 1s ease-in-out;
  transition: all 1s ease-in-out;
}

/*-----------------------
## 1.4 Element animation effect Bounce
-----------------------*/


*:focus {
  outline: none;
}

.avik-animation-bounce{
  animation: animationFrames linear 2s;
  animation-iteration-count: infinite;
  transform-origin: 50% 50%;
  -webkit-animation: animationFrames linear 2s;
  -webkit-animation-iteration-count: infinite;
  -webkit-transform-origin: 50% 50%;
  -moz-animation: animationFrames linear 2s;
  -moz-animation-iteration-count: infinite;
  -moz-transform-origin: 50% 50%;
  -o-animation: animationFrames linear 2s;
  -o-animation-iteration-count: infinite;
  -o-transform-origin: 50% 50%;
  -ms-animation: animationFrames linear 2s;
  -ms-animation-iteration-count: infinite;
  -ms-transform-origin: 50% 50%;
}

@keyframes animationFrames{
  0% {
    transform:  translate(0px,-3px)  ;
  }
  21% {
    transform:  translate(0px,-25px)  ;
  }
  30% {
    transform:  translate(0px,0px)  ;
  }
  45% {
    transform:  translate(0px,-15px)  ;
  }
  60% {
    transform:  translate(0px,0px)  ;
  }
  75% {
    transform:  translate(0px,-5px)  ;
  }
  100% {
    transform:  translate(0px,0px)  ;
  }
}

@-moz-keyframes animationFrames{
  0% {
    -moz-transform:  translate(0px,-3px)  ;
  }
  21% {
    -moz-transform:  translate(0px,-25px)  ;
  }
  30% {
    -moz-transform:  translate(0px,0px)  ;
  }
  45% {
    -moz-transform:  translate(0px,-15px)  ;
  }
  60% {
    -moz-transform:  translate(0px,0px)  ;
  }
  75% {
    -moz-transform:  translate(0px,-5px)  ;
  }
  100% {
    -moz-transform:  translate(0px,0px)  ;
  }
}

@-webkit-keyframes animationFrames {
  0% {
    -webkit-transform:  translate(0px,-3px)  ;
  }
  21% {
    -webkit-transform:  translate(0px,-25px)  ;
  }
  30% {
    -webkit-transform:  translate(0px,0px)  ;
  }
  45% {
    -webkit-transform:  translate(0px,-15px)  ;
  }
  60% {
    -webkit-transform:  translate(0px,0px)  ;
  }
  75% {
    -webkit-transform:  translate(0px,-5px)  ;
  }
  100% {
    -webkit-transform:  translate(0px,0px)  ;
  }
}

@-o-keyframes animationFrames {
  0% {
    -o-transform:  translate(0px,-3px)  ;
  }
  21% {
    -o-transform:  translate(0px,-25px)  ;
  }
  30% {
    -o-transform:  translate(0px,0px)  ;
  }
  45% {
    -o-transform:  translate(0px,-15px)  ;
  }
  60% {
    -o-transform:  translate(0px,0px)  ;
  }
  75% {
    -o-transform:  translate(0px,-5px)  ;
  }
  100% {
    -o-transform:  translate(0px,0px)  ;
  }
}

@-ms-keyframes animationFrames {
  0% {
    -ms-transform:  translate(0px,-3px)  ;
  }
  21% {
    -ms-transform:  translate(0px,-25px)  ;
  }
  30% {
    -ms-transform:  translate(0px,0px)  ;
  }
  45% {
    -ms-transform:  translate(0px,-15px)  ;
  }
  60% {
    -ms-transform:  translate(0px,0px)  ;
  }
  75% {
    -ms-transform:  translate(0px,-5px)  ;
  }
  100% {
    -ms-transform:  translate(0px,0px)  ;
  }
}

/*-----------------------
## 1.5 Element animation effect Elongation
-----------------------*/

.title-menu-animation{
  animation: animationElongation linear 3s;
  animation-iteration-count: infinite;
  transform-origin: 50% 50%;
  -webkit-animation: animationElongation linear 3s;
  -webkit-animation-iteration-count: infinite;
  -webkit-transform-origin: 50% 50%;
  -moz-animation: animationElongation linear 3s;
  -moz-animation-iteration-count: infinite;
  -moz-transform-origin: 50% 50%;
  -o-animation: animationElongation linear 3s;
  -o-animation-iteration-count: infinite;
  -o-transform-origin: 50% 50%;
  -ms-animation: animationElongation linear 3s;
  -ms-animation-iteration-count: infinite;
  -ms-transform-origin: 50% 50%;
}

@keyframes animationElongation{
  0% {
    transform:  scaleX(1.00) ;
  }
  5% {
    transform:  scaleX(1.10) ;
  }
  10% {
    transform:  scaleX(1.36) ;
  }
  15% {
    transform:  scaleX(1.05) ;
  }
  20% {
    transform:  scaleX(1.01) ;
  }
  100% {
    transform:  scaleX(1.01) ;
  }
}

@-moz-keyframes animationElongation{
  0% {
    -moz-transform:  scaleX(1.00) ;
  }
  5% {
    -moz-transform:  scaleX(1.10) ;
  }
  10% {
    -moz-transform:  scaleX(1.36) ;
  }
  15% {
    -moz-transform:  scaleX(1.05) ;
  }
  20% {
    -moz-transform:  scaleX(1.01) ;
  }
  100% {
    -moz-transform:  scaleX(1.01) ;
  }
}

@-webkit-keyframes animationElongation{
  0% {
    -webkit-transform:  scaleX(1.00) ;
  }
  5% {
    -webkit-transform:  scaleX(1.10) ;
  }
  10% {
    -webkit-transform:  scaleX(1.36) ;
  }
  15% {
    -webkit-transform:  scaleX(1.05) ;
  }
  20% {
    -webkit-transform:  scaleX(1.01) ;
  }
  100% {
    -webkit-transform:  scaleX(1.01) ;
  }
}

@-o-keyframes animationElongation{
  0% {
    -o-transform:  scaleX(1.00) ;
  }
  5% {
    -o-transform:  scaleX(1.10) ;
  }
  10% {
    -o-transform:  scaleX(1.36) ;
  }
  15% {
    -o-transform:  scaleX(1.05) ;
  }
  20% {
    -o-transform:  scaleX(1.01) ;
  }
  100% {
    -o-transform:  scaleX(1.01) ;
  }
}

@-ms-keyframes animationElongation{
  0% {
    -ms-transform:  scaleX(1.00) ;
  }
  5% {
    -ms-transform:  scaleX(1.10) ;
  }
  10% {
    -ms-transform:  scaleX(1.36) ;
  }
  15% {
    -ms-transform:  scaleX(1.05) ;
  }
  20% {
    -ms-transform:  scaleX(1.01) ;
  }
  100% {
    -ms-transform:  scaleX(1.01) ;
  }
}

/*-----------------------
## 1.6 Element animation effect Fedeinright
-----------------------*/

@-webkit-keyframes fadeInRight {
  0% {
    opacity: 0;
    left: 20%;
  }
  100% {
    opacity: 1;
    left: 0;
  }
}

@keyframes fadeInRight {
  0% {
    opacity: 0;
    left: 20%;
  }
  100% {
    opacity: 1;
    left: 0;
  }
}

/*-----------------------
## 1.7 Element animation effect Zoom-in-out
-----------------------*/

@-webkit-keyframes zoom-in-out {
  0%{ -webkit-transform: scale(1); transform: scale(1); }
  50%{ -webkit-transform: scale(1.01); transform: scale(1.01); }
  100%{ -webkit-transform: scale(1); transform: scale(1); }
}

  @keyframes zoom-in-out {
  0%{ -ms-transform: scale(1); transform: scale(1); }
  50%{ -ms-transform: scale(1.01); transform: scale(1.01); }
  100%{ -ms-transform: scale(1); transform: scale(1); }
}

/*-----------------------
## 1.8 Element animation effect Right
-----------------------*/

.arrow-price-animation{
  animation: animationAvikPrice linear 2s;
  animation-iteration-count: infinite;
  transform-origin: 50% 50%;
  -webkit-animation: animationAvikPrice linear 2s;
  -webkit-animation-iteration-count: infinite;
  -webkit-transform-origin: 50% 50%;
  -moz-animation: animationAvikPrice linear 2s;
  -moz-animation-iteration-count: infinite;
  -moz-transform-origin: 50% 50%;
  -o-animation: animationAvikPrice linear 2s;
  -o-animation-iteration-count: infinite;
  -o-transform-origin: 50% 50%;
  -ms-animation: animationAvikPrice linear 2s;
  -ms-animation-iteration-count: infinite;
  -ms-transform-origin: 50% 50%;
}

@keyframes animationAvikPrice{
  0% {
    transform:  translate(0px,0px)  ;
  }
  3% {
    transform:  translate(11px,-1px)  ;
  }
  6% {
    transform:  translate(21px,-1px)  ;
  }
  9% {
    transform:  translate(29px,-1px)  ;
  }
  9% {
    transform:  translate(29px,-1px)  ;
  }
  10% {
    transform:  translate(42px,-1px)  ;
  }
  12% {
    transform:  translate(55px,-1px)  ;
  }
  14% {
    transform:  translate(44px,-1px)  ;
  }
  17% {
    transform:  translate(28px,-2px)  ;
  }
  19% {
    transform:  translate(12px,-1px)  ;
  }
  23% {
    transform:  translate(0px,0px)  ;
  }
  100% {
    transform:  translate(0px,0px)  ;
  }
}

@-moz-keyframes animationAvikPrice{
  0% {
    -moz-transform:  translate(0px,0px)  ;
  }
  3% {
    -moz-transform:  translate(11px,-1px)  ;
  }
  6% {
    -moz-transform:  translate(21px,-1px)  ;
  }
  9% {
    -moz-transform:  translate(29px,-1px)  ;
  }
  9% {
    -moz-transform:  translate(29px,-1px)  ;
  }
  10% {
    -moz-transform:  translate(42px,-1px)  ;
  }
  12% {
    -moz-transform:  translate(55px,-1px)  ;
  }
  14% {
    -moz-transform:  translate(44px,-1px)  ;
  }
  17% {
    -moz-transform:  translate(28px,-2px)  ;
  }
  19% {
    -moz-transform:  translate(12px,-1px)  ;
  }
  23% {
    -moz-transform:  translate(0px,0px)  ;
  }
  100% {
    -moz-transform:  translate(0px,0px)  ;
  }
}

@-webkit-keyframes animationAvikPrice {
  0% {
    -webkit-transform:  translate(0px,0px)  ;
  }
  3% {
    -webkit-transform:  translate(11px,-1px)  ;
  }
  6% {
    -webkit-transform:  translate(21px,-1px)  ;
  }
  9% {
    -webkit-transform:  translate(29px,-1px)  ;
  }
  9% {
    -webkit-transform:  translate(29px,-1px)  ;
  }
  10% {
    -webkit-transform:  translate(42px,-1px)  ;
  }
  12% {
    -webkit-transform:  translate(55px,-1px)  ;
  }
  14% {
    -webkit-transform:  translate(44px,-1px)  ;
  }
  17% {
    -webkit-transform:  translate(28px,-2px)  ;
  }
  19% {
    -webkit-transform:  translate(12px,-1px)  ;
  }
  23% {
    -webkit-transform:  translate(0px,0px)  ;
  }
  100% {
    -webkit-transform:  translate(0px,0px)  ;
  }
}

@-o-keyframes animationAvikPrice {
  0% {
    -o-transform:  translate(0px,0px)  ;
  }
  3% {
    -o-transform:  translate(11px,-1px)  ;
  }
  6% {
    -o-transform:  translate(21px,-1px)  ;
  }
  9% {
    -o-transform:  translate(29px,-1px)  ;
  }
  9% {
    -o-transform:  translate(29px,-1px)  ;
  }
  10% {
    -o-transform:  translate(42px,-1px)  ;
  }
  12% {
    -o-transform:  translate(55px,-1px)  ;
  }
  14% {
    -o-transform:  translate(44px,-1px)  ;
  }
  17% {
    -o-transform:  translate(28px,-2px)  ;
  }
  19% {
    -o-transform:  translate(12px,-1px)  ;
  }
  23% {
    -o-transform:  translate(0px,0px)  ;
  }
  100% {
    -o-transform:  translate(0px,0px)  ;
  }
}

@-ms-keyframes animationAvikPrice {
  0% {
    -ms-transform:  translate(0px,0px)  ;
  }
  3% {
    -ms-transform:  translate(11px,-1px)  ;
  }
  6% {
    -ms-transform:  translate(21px,-1px)  ;
  }
  9% {
    -ms-transform:  translate(29px,-1px)  ;
  }
  9% {
    -ms-transform:  translate(29px,-1px)  ;
  }
  10% {
    -ms-transform:  translate(42px,-1px)  ;
  }
  12% {
    -ms-transform:  translate(55px,-1px)  ;
  }
  14% {
    -ms-transform:  translate(44px,-1px)  ;
  }
  17% {
    -ms-transform:  translate(28px,-2px)  ;
  }
  19% {
    -ms-transform:  translate(12px,-1px)  ;
  }
  23% {
    -ms-transform:  translate(0px,0px)  ;
  }
  100% {
    -ms-transform:  translate(0px,0px)  ;
  }
}

/*-----------------------
## 1.9 Icon effect Video
-----------------------*/

.avik-portfolio i{
  position: absolute;
  text-align: center;
  top: 50%;
  left: 50%;
  padding: 28px 29px;
  z-index: 9;
  margin: -31px;
  border-radius: 50px;
  -webkit-border-radius: 50px;
}

.fluid-width-video-wrapper{
  height: 200px;
}

/*-----------------------
## 1.10 Scrol To Top
-----------------------*/

#avik-scrol-to-top{
  display: inline-block;
  width: 50px;
  height: 50px;
  text-align: center;
  border-radius: 4px;
  position: fixed;
  bottom: 0px;
  transition: background-color .3s, opacity .5s, visibility .5s;
  opacity: 0;
  visibility: hidden;
  z-index: 1000;
  padding: 15px;
  border-radius: 10px 10px 0 0;
  height: 44px;
  letter-spacing:4px;
  width: 156px;
  border-color: transparent;
  cursor: pointer;
  transform: translateY(100%);
  transition: all .3s ease-out;
}

#avik-scrol-to-top p{
  font-size: 10px;
}

#avik-scrol-to-top::after {
  font-weight: normal;
  font-style: normal;
  font-size: 2em;
  line-height: 50px;
}

#avik-scrol-to-top:hover {
  border-color:transparent;
}

#avik-scrol-to-top.show {
  opacity: 1;
  visibility: visible;
  transform: translateY(0%);
}

/*-----------------------
## 1.11 Preloader
-----------------------*/

.avik-loader {
  position: fixed;
  width: 100%;
  height: 100%;
  z-index: 999999999999999999;
  top:0;
}

.loader-avik {
  height: 3px;
  position: absolute;
  z-index: 9999999999999999999;
}


/*-----------------------
## 1.12 Widget Search
-----------------------*/

.search-field{
  float: left;
  position: relative;
}

.search-submit{
  float: right;
  border-color: transparent;
  cursor: pointer;
  font-size: 10px;
  width: 30%;
  height: 28px;
  padding-left: 2px;
}

@media (max-width: 690px) {
  .search-submit{
  top:2px;
  }
}

input#s{
  font-size: 13px;
  width: 70%;
}

/*-----------------------
## 1.13 Comments
-----------------------*/

.comment-content a {
	word-wrap: break-word;
}

.bypostauthor {
	display: block;
}

#comments{
  margin-bottom: 40px;
}

.comments{
  padding-top: 40px;
}

.comments textarea{
  width: 100%;
}

.comments label{
  min-width: 80px;
}

.comments ul,
.comments ol{
  list-style-type: none;
}

.comment-author img{
  border-radius: 999px;
  width: 50px;
  height: 50px;
  margin: 10px;
}

.comment .reply{
  margin-bottom: 30px;
  padding-bottom: 10px;
}

.comments h2{
  font-size: 24px;
  font-weight: 600;
  line-height: 1;
  margin: 0;
  text-transform: capitalize;
  margin-bottom: 20px;
  letter-spacing: 3px;
}

h3.comment-reply-title{
  font-size: 24px!important;
  font-weight: 600!important;
  line-height: 1!important;
  margin: 0!important;
  text-transform: capitalize!important;
  margin-bottom: 20px!important;
  letter-spacing: 3px;
}

input#author{
  border-top: none;
  border-left: none;
  border-right: none;
  width: 100%;
}

input#email{
  border-top: none;
  border-left: none;
  border-right: none;
  width: 100%;
}

textarea#comment{
  border-top: none;
  border-left: none;
  border-right: none;
  height: 80px;
  width: 100%;
}

input#url{
  border-top: none;
  border-left: none;
  border-right: none;
  width: 100%;
}

p.comment-form-comment{
  padding-top: 5em;
}

#respond .submit{
 cursor: pointer;
 float: right;
 margin-top: 2em;
 margin-bottom: 5em;
}

#respond .submit:hover{
  border-color: transparent;
}

.comment-notes{
  font-size:10px;
}

h2.comments-title{
  font-size: 24px;
  border-bottom-style: dotted;
}

/*-----------------------
## 1.14 Input & textarea
-----------------------*/

input,
textarea{
  padding: 5px 10px;
  line-height: normal!important;
}

input:focus{
  outline: none!important;
}

textarea:focus{
  outline: none!important;
}

/*-----------------------
## 1.15 General Widget
-----------------------*/

h2.widget-title{
  font-size: 15px;
  font-weight: 600;
  margin: 0 0 20px;
  border-left: 3px solid;
  padding-left: 10px;
  padding-top: 3px;
}

.widget li a {
  padding: 2px 0;
  line-height: 30px;
  font-size: 14px;
}

aside .widget{
  padding-bottom: 45px;
  float: left;
  width: 100%;
  margin-bottom: 50px;
}

/*-----------------------
## 1.16 Breadcrumbs
-----------------------*/

.breadcrumbs {
 height: auto;
 margin-top: 3em;
 padding-top: 30px;
 padding-bottom: 30px;
}

.menu-breadcrumbs{
  text-align: right;
}

.text-breadcrumbs{
  font-size: 16px;
  text-transform: uppercase;
  line-height: 1;
  font-weight: 600;
  letter-spacing: 3px;
}

@media (max-width: 690px) {
   .menu-breadcrumbs,.text-breadcrumbs{
    text-align: center!important;
  }
  .menu-breadcrumbs{
    margin-top: 15px;
  }
}

/*-----------------------
## 1.17 Alignments
-----------------------*/
.alignleft {
  display: inline;
  margin-right: 1.5em;
}

.alignright {
  display: inline;
  margin-left: 1.5em;
}

.aligncenter {
  clear: both;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.entry-footer{
  margin-top: 5em;
}

/*-----------------------
  ## 1.18 Galleries
-----------------------*/

.gallery {
  margin-bottom: 1.5em;
}

.gallery-item {
  display: inline-block;
  text-align: center;
  vertical-align: top;
  width: 100%;
}

.gallery-columns-2 .gallery-item {
  max-width: 50%;
}

.gallery-columns-3 .gallery-item {
  max-width: 33.33%;
}

.gallery-columns-4 .gallery-item {
  max-width: 25%;
}

.gallery-columns-5 .gallery-item {
  max-width: 20%;
}

.gallery-columns-6 .gallery-item {
  max-width: 16.66%;
}

.gallery-columns-7 .gallery-item {
  max-width: 14.28%;
}

.gallery-columns-8 .gallery-item {
  max-width: 12.5%;
}

.gallery-columns-9 .gallery-item {
  max-width: 11.11%;
}

.gallery-caption {
  display: block;
}

/*-----------------------
  ## 1.19 Custom Editor
-----------------------*/

/* Avik Allert */
.alert{
  border-radius: 0!important;
}

/* Avik Success */
.alert-success a{
  font-weight: bold;
  color:#00b92a;
}

/* Avik Secondary */
.alert-secondary a{
  font-weight: bold;
  color:#0079b5;
}

.alert-secondary {
  border-left:3px solid #0079b5!important;
}

.alert-secondary p{
  color: #464a4e!important;
}

.alert-success {
  border-left:3px solid #00b92a!important;
}

.alert-success p{
  color: #155724!important;
}

/* Avik Danger */
.alert-danger a{
  font-weight: bold;
  color:#ff0018;
}

.alert-danger {
  border-left:3px solid #ff0018!important;
}

.alert-danger p{
  color: #721c24!important;
}

/* Avik Warning */
.alert-warning a{
  color:#fdbe00;
  font-weight: bold;
}

.alert-warning {
  border-left:3px solid #fdbe00!important;
}

.alert-warning p{
  color: #856404!important;
}

/* Avik Info */
.alert-info a{
  color:#00dbff;
  font-weight: bold;
}

.alert-info {
  border-left:3px solid #00dbff!important;
}

.alert-info p{
  color: #0c5460!important;
}

/* Avik Button */
.avik-button-editor{
  background-color: #ffffff;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 0;
  display: inline-block;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 20px;
  padding-right: 20px;
  margin-top: 30px;
  text-decoration: none;
  margin-bottom: 30px;
  cursor: pointer;
  border: 0.003em solid #c2c2c2;
  color:#464a4e!important;
}

.avik-button-editor:hover{
  background-color: #000;
  color: #d5f83e!important;
}

/*----------------------
# 1.20 Accessibility
------------------------*/

/* Text meant only for screen readers. */
.screen-reader-text {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute !important;
	width: 1px;
	word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	clip-path: none;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000;
	/* Above WP toolbar. */
}

/* Do not show the outline on the skip link target. */
#content[tabindex="-1"]:focus {
	outline: 0;
}

/*------------------------
# 1.21 Infinite scroll
--------------------------*/

/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
	/* Theme Footer (when set to scrolling) */
	display: none;
}

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */
.infinity-end.neverending .site-footer {
	display: block;
}

/*----------------------
# 1.22 Media
------------------------*/
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}

.gallery-icon{
  padding: 15px;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
	max-width: 100%;
}

/* Make sure logo link wraps around logo image. */
.custom-logo-link {
	display: inline-block;
}

/* ------------------------------------------------------------------------- *
##  2 Navbar */
/* ------------------------------------------------------------------------- */

/*-----------------------
## 2.1 Menu
-----------------------*/
button:focus{
  outline: none!important;
}

.navbar a{
	margin-bottom: 10px;
	padding-right: 8px;
}

.dropdown-menu{
  border: none!important;
}

.fixed-top{
  padding:15px;
  padding-left: 5em;
  padding-right: 5em;
}

.navbar-toggler-icon{
  width: 1.5em!important;
  height: 1.5em!important;
}

.nav-link{
  padding: .1rem .1rem!important;
}

.navbar-collapse li{
    padding: 0 19px;
}

/*-----------------------
## 2.2 Social Icon menu
-----------------------*/

.avik-social-icons-header{
  position: absolute;
  z-index: 9999;
  padding-top: 20em;
}

.avik-social-icons{
  list-style: none;
}

.avik-social-icons-header i{
  font-size: 18px;
  padding-bottom: 1.2em;
}

.avik-social-icons-header i:hover{
  transition: all .4s ease-in-out;
}

/*-----------------------
## 2.3 Logo
-----------------------*/

.avik-logo{
  z-index: 9999;
  left:5em;
  top:1em;
}

.avik-logo img{
  height: auto;
  transition: all .5s ease-in-out;
}

.rotate img:hover{
  transform: rotate(180deg);
}

.avik-logo h1{
 padding-top: 10px;
}

.avik-logo a{
  text-decoration: none;
}

.avik-custom-logo-header{
  z-index: 9999;
  position: fixed;
}

h1.site-title{
  padding-bottom: 0!important;
}

/* ------------------------------------------------------------------------- *
##  3 Header Home */
/* ------------------------------------------------------------------------- */

.filter-header{
  width: 100%;
  height: 85vh;
  position: absolute;
}

.filter-header.avik-static-filter {
    height: 85vh!important;
}

/*-----------------------
## 3.1 Slider
-----------------------*/

.pagination__item {
  cursor: pointer;
  display: inline-block;
  white-space: nowrap;
  font-size: 0;
  width: 10px;
  height: 10px;
  margin: 0 5px;
  transition: .2s ease-in-out;
  display: none;
}

.container {
  position: relative;
  margin: 0 auto;
}

.background-absolute {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-position: center;
  background-size: cover;
}

.slideshow{
  position: relative;
  overflow: hidden;
  min-height: 625px;
  height: 85vh;
  margin-bottom: 8em;
}

.page .slideshow h3,
.page .slideshow h1,
.page .slideshow h2 {
  text-transform: uppercase;
  letter-spacing: 0.5em;
  line-height: 2em;
}

.page .slideshow h1 {
  font-size: 64px;
  font-weight: 800;
  padding-bottom: 0;
}

.slideshow__slide {
  visibility: hidden;
  transition: visibility 0s 1.7s;
}

.slideshow__slide.is-current {
  visibility: visible;
  transition-delay: 0s;
  }

.slideshow__slide-background-load-wrap {
  transition: transform 0.9s cubic-bezier(0.4, 0, 0.2, 1);
  transform: translate3d(0, 100%, 0);
  overflow: hidden;
}

.is-animated .slideshow__slide-background-load-wrap {
  transform: translate3d(0, 0, 0);
  transition-delay: 0s;
}

.slideshow__slide.is-prev .slideshow__slide-background-parallax, .slideshow__slide.is-next .slideshow__slide-background-parallax, .slideshow__slide.is-prev-section .slideshow__slide-background-parallax, .slideshow__slide.is-next-section .slideshow__slide-background-parallax {
  transform: none !important;
}

.slideshow__slide-background-load {
  transition: transform 0.9s cubic-bezier(0.4, 0, 0.2, 1);
  transform: translate3d(0, -50%, 0);
}

.is-animated .slideshow__slide-background-load {
  transform: translate3d(0, 0, 0);
}

.slideshow__slide-background-wrap {
  transition: transform 1.2s cubic-bezier(0.4, 0, 0.2, 1) 0.5s;
  transform: translate3d(0, 0, 0);
}

.slideshow__slide.is-prev .slideshow__slide-background-wrap {
  transform: translate3d(0, -100%, 0);
}

.slideshow__slide.is-next .slideshow__slide-background-wrap {
  transform: translate3d(0, 100%, 0);
}

.slideshow__slide.is-prev-section .slideshow__slide-background-wrap {
  transform: translate3d(0, -100%, 0);
  transition: none;
}

.slideshow__slide.is-next-section .slideshow__slide-background-wrap {
  transform: translate3d(0, 100%, 0);
  transition: none;
}

.slideshow__slide-background {
  transition: transform 0.6s cubic-bezier(0.4, 0, 0.2, 1) 1.5s;
  transform: scale(1);
  overflow: hidden;
}

.slideshow__slide.is-prev .slideshow__slide-background, .slideshow__slide.is-next .slideshow__slide-background {
  transform: scale(0.5);
  transition-delay: 0s;
}

.slideshow__slide.is-prev-section .slideshow__slide-background, .slideshow__slide.is-next-section .slideshow__slide-background {
  transform: scale(0.5);
  transition-delay: 0s;
  transition: none;
}

.slideshow__slide-image-wrap {
  transition: transform 1.2s cubic-bezier(0.4, 0, 0.2, 1) 0.6s;
  transform: translate3d(0, 0, 0);
}

.slideshow__slide.is-prev .slideshow__slide-image-wrap {
  transform: translate3d(0, 50%, 0);
}

.slideshow__slide-image {
  transition: transform 0.6s cubic-bezier(0.4, 0, 0.2, 1) 1.5s;
  transform: scale(1);
}

.slideshow__slide.is-prev .slideshow__slide-image, .slideshow__slide.is-next .slideshow__slide-image {
  transform: scale(1.25);
  transition-delay: 0s;
}

.slideshow__slide.is-prev-section .slideshow__slide-image, .slideshow__slide.is-next-section .slideshow__slide-image {
  transform: scale(1.25);
  transition-delay: 0s;
  transition: none;
}

.slideshow__slide-image::before, .slideshow__slide-image::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  opacity: 0;
}

.slideshow__slide.is-prev .slideshow_container, .slideshow__slide.is-next .slideshow_container, .slideshow__slide.is-prev-section .slideshow_container, .slideshow__slide.is-next-section .slideshow_container {
  transform: none !important;
}

.slideshow__slide-caption-text {
  position: relative;
  height: 100%;
  padding-top: 10%;
  transition: transform 1.2s cubic-bezier(0.4, 0, 0.2, 1) 0.4s;
  transform: translate3d(0, 0, 0);
}

.slideshow__slide.is-prev .slideshow__slide-caption-text {
  transform: translate3d(-100%, -50%, 0);
}

.slideshow__slide.is-next .slideshow__slide-caption-text {
  transform: translate3d(-100%, 10%, 0);
}

.slideshow__slide.is-prev-section .slideshow__slide-caption-text {
  transform: translate3d(-100%, -50%, 0);
  transition: none;
}

.slideshow__slide.is-next-section .slideshow__slide-caption-text {
  transform: translate3d(-100%, 10%, 0);
  transition: none;
}

.slideshow__slide-caption {
  position: relative;
  height: 100%;
  transform: translate3d(-100%, 10%, 0);
  transition: transform 1s cubic-bezier(0.4, 0, 0.2, 1) 0.1s;
}

.is-animated .slideshow__slide-caption {
  transform: translate3d(0, 0, 0);
}

.container-avik-portfolio h1.slideshow__slide-caption-title{
  font-size: 60px;
}

@media (max-width: 690px) {

  .container-avik-portfolio h1.slideshow__slide-caption-title{
    font-size: 30px;
  }
  
  span.slideshow__slide-caption-subtitle-label{
    font-size: 25px;
  }
}

.slideshow__slide-caption-subtitle{
  width: 100%;
}

.slideshow__slide-caption-title {
  line-height: 1;
}

.slideshow__slide-caption-title.-full {
  width: 100%;
}

.slideshow__slide-caption-subtitle {
  display: inline-block;
  padding: 1.875rem 0;
}

.slideshow__slide-caption-subtitle.-load {
  transition: transform 0.9s cubic-bezier(0.4, 0, 0.2, 1) 0.4s;
  transform: translate3d(0, 3.75rem, 0);
}

.is-animated .slideshow__slide-caption-subtitle.-load {
  transform: translate3d(0, 0, 0);
}

.slideshow__slide-caption-subtitle-label {
  transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  transform: translateZ(0);
  display: inline-block;
}

.o-hsub.-link:hover .slideshow__slide-caption-subtitle-label,
  .o-hsub-wrap:hover .slideshow__slide-caption-subtitle-label {
  transform: translateX(20px);
}

.c-header-home_heading {
  line-height: 1;
}

.c-header-home_heading.-full {
  width: 100%;
}

.c-header-home_subheading {
  display: inline-block;
  padding: 1.875rem 0;
}

.c-header-home_subheading.-load {
  transition: transform 0.9s cubic-bezier(0.4, 0, 0.2, 1) 0.4s;
  transform: translate3d(0, 3.75rem, 0);
}

.is-loaded .c-header-home_subheading.-load {
  transform: translate3d(0, 0, 0);
}

.o-wrap {
  overflow: hidden;
}

.o-page.-anim {
  transform: translate3d(0, 9.375rem, 0);
  transition: transform 0.6s cubic-bezier(0.4, 0, 0.2, 1);
}

.is-loaded .o-page.-anim {
  transform: translate3d(0, 0, 0);
}

.js-parallax {
  transform: translateZ(0);
  will-change: transform;
}

.scroll-content {
  overflow: hidden;
}

.o-blockquote.-nomargin {
  margin: 0;
}

.o-action-link {
  display: block;
  padding-top: 12.8125rem;
  padding-bottom: 7.5rem;
  text-align: center;
  text-decoration: none;
  font-weight: 700;
}

.o-action-link_label {
  display: inline-block;
  position: relative;
}

.o-action-link_label::after {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  border-bottom: 0.1875rem solid;
  transform: scaleX(0);
  transform-origin: center left;
  transition: transform 0.6s cubic-bezier(0.4, 0, 0.2, 1);
}

.o-action-link:hover .o-action-link_label::after {
  transform: scaleX(1);
}

.o-hsub {
  font-size: 12px;
  padding: 1.25rem 0;
  display: inline-block;
  text-transform: uppercase;
  letter-spacing: 0.12em;
  font-weight: 500;
}

.o-hsub::before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  border-bottom: 1px solid;
  width: 1.5rem;
  margin-right: 1.125rem;
  transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  transform-origin: center left;
}

.o-hsub.-link {
  text-decoration: none;
}

.o-hsub.-link:hover::before {
  transform: scaleX(1.5);
}

.o-hsub-wrap:hover .o-hsub.-link::before {
  transform: scaleX(1.5);
}

.o-hsub.-h {
  vertical-align: middle;
}

.o-hsub_label {
  transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  transform: translateZ(0);
  display: inline-block;
}

.o-hsub.-link:hover .o-hsub_label,
.o-hsub-wrap:hover .o-hsub_label {
  transform: translateX(20px);
}

.is-loaded .o-loader {
  visibility: hidden;
  transition-delay: 0.6s;
}

.o-container {
  position: relative;
  margin: 0 auto;
}

.slideshow__slide-image.background-absolute {
  width: 60%;
  left: 40%;
}

h1.slideshow__slide-caption-title {
  padding-left: 98px;
  padding-right: 98px;
  padding-top: 50px;
}

.o-hsub.-link {
  padding-left: 98px;
  padding-right: 98px;
  text-decoration: none;
}

.is-animated .slider-more-button {
  transform: rotateZ(0deg) translate3d(0, 0, 0);
}

.slideshow__slide-caption-content p{
  padding-left: 98px;
  padding-right: 98px;
  box-sizing: border-box;
  cursor: pointer;
  display: block;
  font-size: 14px;
  font-weight: 200;
  max-height: 218px;
  letter-spacing: 0.28px;
  line-height: 28px;
  margin-top: 20px;
  opacity: 0;
  transition: opacity 700ms cubic-bezier(0.8, 0, 0.55, 0.94), transform 700ms cubic-bezier(0.8, 0, 0.55, 0.94);
  transform: translate3d(-100px, 0, 0);
  max-width: 40%;
  width: 40%;
}

.slideshow__slide.is-current .slideshow__slide-caption-content p {
  opacity: 1;
  transition: opacity 700ms cubic-bezier(0.8, 0, 0.55, 0.94) 1470ms, transform 700ms cubic-bezier(0.8, 0, 0.55, 0.94) 1470ms;
  transform: translate3d(0, 0, 0);
}

/*-----------------------
## 3.2 Video
-----------------------*/

.text-image-video{
  position: absolute;
  padding-top: 5em;
  padding-left: 5em;
  max-width: 100%;
  font-size: 22px;
  z-index: 99;
}

.down-video {
  position: absolute;
  padding-top: 9em;
  padding-left: 2.8em;
  font-size: 40px;
  z-index: 1;
}

.avik-social-icons-video{
  position: absolute;
  z-index: 11;
  padding-top: 25%;
}

.avik-social-icons-video i{
  font-size: 18px;
  padding-bottom: 1.2em;
}

.avik-social-icons-video i:hover{
  transition: all .4s ease-in-out;
}

.avik-social-icons-video ul{
  padding-left: 20px;
}

.video-container {
  height: 85vh;
  min-height: 625px;
  position: relative;
  overflow: hidden;
}

video {
  -o-object-fit: cover;
  object-fit: cover;
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
}

.video-container:after {
  content: '';
  display: block;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}

.content-video-home {
  position: relative;
  display: flex;
  justify-content: center;
  flex-direction: column;
  height: 100%;
  text-align: center;
  position: relative;
  z-index: 10;
}

/*-----------------------
## 3.3 Static
-----------------------*/

.header-static{
  background-position: 30% 50%;
  background-size: cover;
  height: 85vh;
  overflow: hidden;
  padding: 0;
  max-width: 100%;
}

.header-static img{
  position: relative;
  width: 100%;
}

.text-image-static{
  padding-top: 5em;
  padding-left: 5em;

}

/*--------------------------------------------------------------
	## 4 Who we are
--------------------------------------------------------------*/

@media (max-width: 420px) {
  .first-image-who-we-are img{
    width: 100%!important;
    object-fit: cover;
    margin-left: 1.7em!important;
  }
  
  img.img-who-we-are{
    width: 100%!important;
    object-fit: cover;
    margin-left: 1.7em!important;
  }
}

.avik-who-we-are h3{
  padding-bottom:10px;
  font-weight: bold;
}

.who-we-are-image-frame{
  padding-top:4em;
  padding-right:4em;
  padding-bottom:4em;
}

.img-whoweare-header{
  width: 100%;
}

img.img-about-header{
  width: 100%;
}

.second-image-who-we-are{
  margin-top: 5em;
}

.btn.btn-avik{
	border-radius: 0px;
  margin-top: 2em;
  margin-bottom: 2em;
}

.btn.btn-avik:hover{
  border: none;
}

.avik-who-we-are a{
  text-decoration: none;
}

.header-image-whoweare img{
	background-position: center center;
	overflow: hidden;
	padding: 0;
}

.header-image-whoweare img{
  position: relative;
}

.text-image-whoweare{
  position: absolute;
  padding-top: 5em;
  padding-left: 5em;
  max-width: 100%;
  z-index: 999;
}

.text-image-whoweare.about-us{
	padding-top: 10em;
}

.title-whoweare{
  padding-top: 2em;
}

.title-whoweare h3{
  font-weight: bold;
  letter-spacing: 3px;
  margin-bottom: 90px;
  text-transform: uppercase;
}

.image-enter-whoweare{
  padding-top: 0;
}

.image-thumbnail-portfolio p{
  text-align: justify;
}

/* Statistics */
.statistics-box{
  float: left;
  padding: 80px 30px;
  text-align: center;
}

.statistics{
  margin-top: 5em;
  margin-bottom: 5em;
}

.statistics-icon span{
  font-size: 30px;
}

.statistics-number{
  font-size: 30px;
  font-weight: 200;
  margin: 15px 0;
}

.statistics-text h4{
  font-size: 16px;
  font-weight: 400;
  letter-spacing: 3px;
  margin-bottom: 0;
}

/* Writing text Who we are*/
#typed {
  font-size: 2em;
  text-transform: capitalize;
  line-height: 1.5em;
  letter-spacing: 7px;
  margin: 0.5em 0 0.5em;
  display: inline-block;
  background-color: transparent;
}

#typed i{
  font-style: normal;
}

.typed-cursor {
  opacity: 1;
  font-weight: bold;
  -webkit-animation: blink 0.7s infinite;
  -moz-animation: blink 0.7s infinite;
  -ms-animation: blink 0.7s infinite;
  -o-animation: blink 0.7s infinite;
  animation: blink 0.7s infinite;
  font-size: 5em;
}

/* Team */
.team{
  margin-bottom: 6em;
}

.team img{
  background-size: cover;
  background-position: center center;
}

.social-team i{
  font-size: 18px;
}

.social-team i:hover{
 transition: all .4s ease-in-out;
}

.frame {
  text-align: center;
  position: relative;
  cursor: pointer;
  perspective: 500px;
}

.frame img{
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out;
}

.frame img:hover{
  -webkit-filter: grayscale(0);
  filter: grayscale(0);
}

.frame .details {
  position: absolute;
  top: 7em;
  left: 2em;
  transform: translate(-50%, -50%) rotateY(90deg);
  transform-origin: 50%;
  opacity: 0;
  transition: all 0.4s ease-in;
}

.frame:hover .details {
  transform: translate(-50%, -50%) rotateY(0deg);
  opacity: 1;
}

.frame#wth-1 {
  perspective: none;
  padding: 1em;
}

.frame#wth-2 {
  perspective: none;
  padding: 1em;
}

.frame#wth-3 {
  perspective: none;
  padding: 1em;
}

.title-team h3{
  font-weight: bold;
  letter-spacing: 3px;
  margin-bottom: 90px;
  text-transform: uppercase;
}

.name-title h4{
  font-size: 18px;
  font-weight: 500;
  letter-spacing: 3px;
  text-transform: uppercase;
  padding-top: 1em;
}

.name-title h5{
  text-transform: capitalize;
  font-size: 13px;
  letter-spacing: 1px;
}

ul.social-team{
  list-style: none;
}

/* Carousel brands */
.slick-slide {
   margin: 0px 20px;
}

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

.slick-list{
  position: relative;
  display: block;
  overflow: hidden;
  margin: 0;
  padding: 0;
}

.slick-list:focus{
  outline: none;
}

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

.slick-track{
  position: relative;
  top: 0;
  left: 0;
  display: block;
}

.slick-track:before,
.slick-track:after{
  display: table;
  content: '';
}

.slick-track:after{
  clear: both;
}

.slick-loading .slick-track{
  visibility: hidden;
}

.slick-slide{
  display: none;
  float: left;
  height: 100%;
  min-height: 1px;
}

[dir='rtl'] .slick-slide{
  float: right;
}

.slick-slide img{
  display: block;
}

.slick-slide.slick-loading img{
  display: none;
}

.slick-slide.dragging img{
  pointer-events: none;
}

.slick-initialized .slick-slide{
  display: block;
}

.slick-loading .slick-slide{
  visibility: hidden;
}

.slick-vertical .slick-slide{
  display: block;
  height: auto;
  border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
  display: none;
}

.brands h3{
  font-weight: bold;
  letter-spacing: 3px;
}

.brands{
  padding-top: 4em;
}

.brands h4{
  text-transform: uppercase;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 3px;
  font-weight: 300;
}

.brands{
  padding-bottom: 5em;
  margin-top: 5em;
  margin-bottom: 5em;
}

.title-brands{
  margin-bottom: 5em;
}

.avik-brands img{
  max-height: 100px;
}

/*--------------------------------------------------------------
	## 5 Services
--------------------------------------------------------------*/

.tabs {
  padding: 100px 0 10px;
}

.tab {
  display: none;
}

.tab.is-visible {
  display: block;
}

.tab .btn {
  margin: 0 auto 30px;
}

.page h1.tab__title{
  font-weight: bold;
  padding-bottom: 0.5em;
}

.tabs__list {
  margin: 20px 0 20px;
  padding: 0;
  list-style-type: none;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}

.tabs__list-item {
  display: block;
  position: relative;
  min-height: 120px;
  margin-bottom: 60px;
}

.tabs__list-item--fourth {
  width: 24.9%;
}

.tabs__list-item--fourth .tabs__list-content {
  max-width: 210px;
}

.tabs__list-item--third .tabs__list-content {
  max-width: 350px;
}

.tab__subheading h2 {
  text-transform: uppercase;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 3px;
  font-weight: 300;
}

.tab__development {
  text-align: center;
  padding: 50px 0 40px;
  overflow: hidden;
  position: relative;
}

.tab__development:hover img {
  -webkit-filter: grayscale(0%);
  filter: grayscale(0%);
  opacity: 1;
}

.tab__development::after {
  content: '';
  width: 3px;
  height: 75%;
  position: absolute;
  right: 0;
  bottom: 0;
}

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

.tab__development .full-link {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

.tab__development .btn {
  z-index: 1;
  position: relative;
}

.tab__development-img img{
  transition: all 0.3s ease-in-out;
  display: block;
  max-width: 100%;
  height: auto;
  margin: auto;
}

.tab__development-title {
  text-align: center;
  font-size: 18px;
  margin-top: 18px;
  margin-bottom: 18px;
}

.tab__development a{
  text-decoration: none;
}

h3.p-enter-services {
  text-align: justify;
  font-size: 18px;
  line-height: 1.5;
  padding-left: 8px;
}

h2.enter-title-services{
  font-weight: bold;
}

.tab__development.border-enter-services{
  padding-top:0;
}

/* Services enter */
.partners{
  padding-top: 5em;
  padding-bottom: 5em;
}

.gray-effect-partenrs img{
  transition: all 0.3s ease-in-out;
}

.gray-effect-partenrs img:hover{
  -webkit-filter: grayscale(0%);
  filter: grayscale(0%);
  opacity: 1;
}

.title-partenrs h2{
  font-weight: bold;
  letter-spacing: 2px;
}

.title-partenrs h3{
  text-transform: uppercase;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 3px;
  font-weight: 300;
}

.gray-effect-partenrs img{
  padding-bottom: 1em;
  padding-top: 1em;
}

.wpcf7-form-control.wpcf7-select{
  text-transform: none;
  margin-top: 15px;
}

.content-price{
  margin-bottom: 5em;
  margin-top: 2em;
}

.price-quotation{
  margin-top: 4em;
  margin-left: 2em;
}

.widget-contact-services{
  margin-top: 5em;
}

.title-price{
  height: 300px;
  width: 500px;
}

.separator-price::after{
  content: '';
  width: 4px;
  height: 150px;
  position: absolute;
  top:21em;
}

.title-price h2{
  padding-top: 140px;
  letter-spacing: 4px;
  font-size: 22px;
}

.subtitle-price{
  height: 300px;
  width: 500px;
}

.subtitle-price h3{
  padding-top: 130px;
  letter-spacing: 4px;
  font-size: 22px;
}

.subtitle-price h4{
  letter-spacing: 4px;
  font-size: 22px;
}

.subtitle-price i{
  font-size: 42px;
  padding-top: 15px;
  transition: all 0.3s ease-in-out;
}

/* Writing text Services */
#avikservices {
  font-size: 2em;
  text-transform: capitalize;
  line-height: 1.5em;
  letter-spacing: 7px;
  font-weight: 300;
  margin: 0.5em 0 0.5em;
  display: inline-block;
  background-color: transparent;
}

#avikservices i{
  font-style: normal;
}

.avikservices-cursor {
  opacity: 1;
  font-weight: bold;
  -webkit-animation: blink 0.7s infinite;
  -moz-animation: blink 0.7s infinite;
  -ms-animation: blink 0.7s infinite;
  -o-animation: blink 0.7s infinite;
  animation: blink 0.7s infinite;
  font-size: 5em;
}

.text-image-services{
  position: absolute;
  padding-top: 5em;
  padding-left: 5em;
  max-width: 100%;
}

/*--------------------------------------------------------------
	6 ## Portfolio
--------------------------------------------------------------*/

.portfolio{
  width: 100%;
  display: inline-block;
}

.column {
  display: none;
}

.show {
  display: block;
}

.avik-portfolio{
  position: relative;
  padding-top: 15px!important;
  padding-bottom: 15px!important;
}

.portfolio h3{
  font-weight: bold;
  padding-bottom: 5px;
  padding-left: 20px;
}

ul.list-portfolio{
  padding-left: 20px;
  padding-bottom: 20px;
}

.list-portfolio li{
  display: inline-block;
  cursor: pointer;
  margin-right: 15px;
  font-size: 14px;
}

.portfolio img{
  width: 100%;
  height: 300px;
}

.portfolio img:hover{
  -webkit-animation:zoom-in-out 0.7s linear 0s 1 normal;
  -moz-animation:zoom-in-out 0.7s linear 0s 1 normal;
  -ms-animation:zoom-in-out 0.7s linear 0s 1 normal;
  animation:zoom-in-out 0.7s linear 0s 1 normal;
}

.tabcontent {
  -webkit-animation: fadeEffect 2s;
  animation: fadeEffect 2s;
}

/* Fade in tabs */
@-webkit-keyframes fadeEffect {
  from {opacity: 0;}
  to {opacity: 1;}
}

@keyframes fadeEffect {
  from {opacity: 0;}
  to {opacity: 1;}
}

/*-----------------------
## 6.1 Page-Portfolio
-----------------------*/

.details-portfolio{
  padding-left: 1em;
  margin-bottom: 3em;
}

.details-portfolio h3{
  font-size: 14px;
  letter-spacing: 3px;
  font-weight: bold;
}

.details-portfolio p{
  font-size: 14px;
}

.details-portfolio i{
  padding-right: 5px;
}

.btn{
  display: inline!important;
  font-size: 12px!important;
}

/*--------------------------------------------------------------
	7 ## Avik-Blog
--------------------------------------------------------------*/

#avik-blog{
  padding-top: 2em;
}

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

.avik-blog h2{
  font-weight: bold;
}

a.link-blog{
  text-decoration: none;
  padding-bottom: 1em;
}

h2.blog-title{
  font-size: 22px;
  letter-spacing: 0;
  line-height: 27px;
  padding: 30px 0 15px;
}

.blog-subtitle p{
  font-size: 15px;
  line-height: 28px;
}

.blog-image img{
  -webkit-filter: grayscale(0%);
  filter: grayscale(0%);
  opacity: 1;
  width: 100%;
}

.blog-image img:hover{
  /* Firefox 10+ */
  filter: gray;
  -webkit-filter: grayscale(35%);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  opacity: .5;
  transition: all .4s ease-in-out;
}

.blog-info i{
  padding-right: 8px;
}

span.blog-info{
  padding-right: 8px;
  font-size: 12px;
}

/*-----------------------
## 7.1 Breadcrums
-----------------------*/

.avikSearch i{
  font-size: 22px;
  padding-right: 5px;
}

.avikArchive i{
  font-size: 22px;
  padding-right: 5px;
}

.avikArticle i{
  font-size: 22px;
  padding-right: 5px;
}

/*-----------------------
## 7.2 Search
-----------------------*/

.cat-links a{
  padding-right: 10px;
}

.comments-link a{
  padding-right: 10px;
}

.avik-img-search img{
  width: 100%;
  max-height: 450px;
}

/*-----------------------
## 7.4 Page
-----------------------*/

.page h1{
  font-size: 30px;
  font-weight: bold;
  letter-spacing: 2px;
  padding-bottom: 2em;
  text-align: center;
}

.title-page{
  height: 60px;
}

/*-----------------------
## 7.5 Archive
-----------------------*/

.avik-article{
  padding-bottom: 3em;
}

.avik-article img{
  width: 100%;
  max-height: 450px;
}

/*-----------------------
## 7.6 Tags
-----------------------*/

.tags-links a{
  padding-right: 10px;
}

/*-----------------------
## 7.7 Pagination
-----------------------*/

.page-numbers{
  padding: 5px 12px;
}

/*--------------------------------------------------------------
	8 ## Contact
--------------------------------------------------------------*/

.address h3{
  font-weight: bold;
  padding-bottom: 1em;
}

.widget-contact h3{
  font-weight: 200;
  letter-spacing: 4px;
  padding-bottom: 1em;
}

.paddong-contact{
  padding-bottom: 1em;
}

/*-----------------------
## 8.1 Widget Contact Form
-----------------------*/

.wpcf7-text{
  border-left:none;
  border-right:none;
  border-top:none;
  font-size: 13px;
  width: 100%;
}

.wpcf7-textarea{
  border-left:none;
  border-right:none;
  border-top:none;
  height: 50px;
  font-size: 13px;
  width: 100%;
}

.wpcf7-text:focus{
  border-color:#777777!important;
  outline: none!important;
}

.wpcf7-textarea:focus{
  outline: none!important;
  border-color:#777777!important;
}

.wpcf7-submit{
  padding-left: 3em;
  padding-top: 0.5em;
  padding-right: 3em;
  padding-bottom: 0.5em;
  font-size: 13px;
  cursor: pointer;
}

.wpcf7-submit:focus{
  outline: none!important;
}

/*-----------------------
## 8.2 Social Icons Contact
-----------------------*/

.avik-social-icons-contact{
  padding-left: 1.7em;
  list-style: none;
  max-width: 100%;
  height: auto;
}

ul.avik-social-icons-contact-ul{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  list-style: none;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.avik-social-icons-contact li{
  padding: 8px;
}

.avik-social-icons-contact i{
  font-size: 18px;
}

.avik-social-icons-contact i:hover{
  transition: all .4s ease-in-out;
}

.avik-social-icons-contact a{
  text-decoration: none!important;
}

/*-----------------------
## 8.3 Map
-----------------------*/

.contact img{
  width: 100%;
  -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  max-height:600px;
}

.avik-map{
  position: relative;
  overflow: hidden;
  display: block;
}

/*-----------------------
## 9 Footer Pro Version
-----------------------*/

.jumbotron{
  border-radius: 0%!important;
  padding-bottom: 0;
}

.jumbotron p,.jumbotron a{
  font-size: 15px;
  letter-spacing: 2px;
  font-weight: 200;
}

/* Menu Footer */
ul.nav-footer {
  flex-direction: row;
  display: -moz-inline-box;
  display: -webkit-inline-box;
}

.nav-footer li{
  padding-left: 10px;
  padding-right: 10px;
}

/*-----------------------
## 9.1 Social Icons Footer
-----------------------*/

.avik-social-icons-footer{
  list-style: none;
}

.avik-social-icons-footer li{
  padding: 7px;
  display:inline;
}

.avik-social-icons-footer i{
  font-size: 18px;
}

.avik-social-icons-footer i:hover{
  transition: all .4s ease-in-out;
}

.avik-social-icons-footer a{
  text-decoration: none!important;
}

/* ------------------------------------------------------------------------- *
##  10 Single Page */
/* ------------------------------------------------------------------------- */

.info-post h1{
  font-size: 24px;
  font-weight: 600;
  line-height: 1;
  margin: 0;
  text-transform: capitalize;
}

.info-ul-blog li{
  display: inline-block;
  font-size: 12px;
  font-style: normal;
  line-height: 12px;
  margin: 0;
  padding: 0 8px 0 0;
  text-transform: uppercase;
  position: static;
}
ul.info-ul-blog{
  margin-top: 7px;
  padding: 0;
}

.info-post i{
  margin-right: 5px;
}

.icon-post-title{
  float: left;
  border-left: 4px solid #000;
  height: 48px;
  top: 0;
  margin-right: 20px;
}

.content-post p{
  font-size: 16px;
  margin-top: 4em;
  line-height: 24px;
}

/* ------------------------------------------------------------------------- *
##  11 Carousel featured image */
/* ------------------------------------------------------------------------- */

.owl-theme .owl-controls{
	margin-top: 10px;
	text-align: center;
}

/* Styling Next and Prev buttons */
.owl-theme .owl-controls .owl-buttons div{
	display: inline-block;
	zoom: 1;
	*display: inline;/*IE7 life-saver */
	margin: 5px;
	padding: 3px 10px;
	font-size: 12px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
	filter: Alpha(Opacity=50);/*IE7 fix*/
	opacity: 0.5;
}

/* Use it for non-touch hover action */
.owl-theme .owl-controls.clickable .owl-buttons div:hover{
	filter: Alpha(Opacity=100);/*IE7 fix*/
	opacity: 1;
	text-decoration: none;
}

/* Styling Pagination*/
.owl-theme .owl-controls .owl-page{
	display: inline-block;
	zoom: 1;
	*display: inline;/*IE7 life-saver */
}
.owl-theme .owl-controls .owl-page span{
	display: block;
	width: 12px;
	height: 12px;
	margin: 5px 7px;
	filter: Alpha(Opacity=50);/*IE7 fix*/
	opacity: 0.5;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
}

.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span{
	filter: Alpha(Opacity=100);/*IE7 fix*/
	opacity: 1;
}

/* If PaginationNumbers is true */
.owl-theme .owl-controls .owl-page span.owl-numbers{
	height: auto;
	width: auto;
	padding: 2px 10px;
	font-size: 12px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
}

#avik-slider .item{
  margin: 20px;
}
#avik-slider .item img{
	display: block;
}
#avik-slider .item h3{
	text-align: center;
	font-size: 16px;
}

/* clearfix */
.owl-carousel .owl-wrapper:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
/* display none until init */
.owl-carousel{
	display: none;
	position: relative;
	width: 100%;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
}
.owl-carousel .owl-wrapper{
	display: none;
	position: relative;
  -webkit-transform: translate3d(0px, 0px, 0px);
  transform: translate3d(0px, 0px, 0px);
}
.owl-carousel .owl-wrapper-outer{
	overflow: hidden;
	position: relative;
	width: 100%;
}
.owl-carousel .owl-wrapper-outer.autoHeight{
	-webkit-transition: height 500ms ease-in-out;
	-moz-transition: height 500ms ease-in-out;
	-ms-transition: height 500ms ease-in-out;
	-o-transition: height 500ms ease-in-out;
	transition: height 500ms ease-in-out;
}

.owl-carousel .owl-item{
	float: left;
}
.owl-controls .owl-page,
.owl-controls .owl-buttons div{
	cursor: pointer;
}
.owl-controls {
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

/* fix */
.owl-carousel  .owl-wrapper,
.owl-carousel  .owl-item{
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility:    hidden;
  -ms-backface-visibility:     hidden;
  backface-visibility: hidden;
  -webkit-transform: translate3d(0,0,0);
  -moz-transform: translate3d(0,0,0);
  -ms-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0);
}

/* ------------------------------------------------------------------------- *
##  12 Page 404 */
/* ------------------------------------------------------------------------- */

.button-404 button{
  letter-spacing: 2px;
}

h1.bold-number-404{
  font-weight: bold;
  letter-spacing: 3px;
}

h2.bold-text-404{
  font-weight: bold;
  letter-spacing: 3px;
}

.image-404 img{
  background-position: center center;
  background-repeat: no-repeat;
  width: 100%;
}

/* ------------------------------------------------------------------------- *
##  13 Responsive */
/* ------------------------------------------------------------------------- */

/* ------------------------- *
##  13.1  Element */
/* ------------------------- */

@media (min-width: 768px) and (max-width: 1024px) {
  .btn.btn-avik{
    margin-top: 0;
  }
}

@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
  .btn.btn-avik{
      margin-top: 0;
  }
}

@media (min-width: 320px) and (max-width: 480px) {
  .btn.btn-avik{
    margin-top: 0;
  }
}

/* ------------------------- *
##  13.2  Menu */
/* ------------------------- */


/* Menu Footer */

@media (max-width:985px) {

ul.nav-footer {
  display: inline!important;
  text-align: left!important;
}

ul.nav-footer li{
  border: none!important;
  padding: 5px!important;
}

}


@media (max-width: 597px) {
  .avik-custom-logo-body{
     max-width: 200px!important;
  }
 }

@media (max-width: 699px) {
    .navbar-nav{
      margin-top: 40px;
    }
    .fixed-top{
      padding-left: 10px!important;
      padding-right: 10px!important;
    }
    .navbar-nav li{
      width: 100%;
      font-size: 24px;
      padding: 10px;
    }
}
  
@media (max-width: 768px) {
      .navbar-nav{
        margin-top: 40px;
      }
      .navbar-nav li{
        width: 100%;
        font-size: 16px;
        padding-top: 10px!important;
        padding-bottom: 10px!important;
      }
}
  
@media (max-width: 985px){
   .navbar-nav li{
        width: 100%;
        font-size: 16px;
        padding-top: 12px!important;
        padding-bottom: 12px!important;
      }
}
  
/* Menu Responsive */
.navbar-toggler>.close {
  display:inline;
}
.navbar-toggler.collapsed>.close, .navbar-toggler:not(.collapsed)>.navbar-toggler-icon {
  display:none;
}

.navbar-toggler-icon i{
  font-size: 30px;
}

span.close.denis-x{
  opacity: 0.8;
}

.denis-x i{
  font-size: 32px;
}

/* ------------------------- *
##  13.3  Logo */
/* ------------------------- */

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

.avik-logo{
  left:1em!important;
  top:10px!important;
}
}

@media (max-width: 699px) {

.avik-logo{
  left:1em!important;
  top:10px!important;
  }
}

/* ------------------------- *
##  13.4  Slider */
/* ------------------------- */

@media (max-width: 699px) {
    .c-header-home_footer {
      padding-top:28em;
    }
    .slideshow .slideshow__slide {
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
    }
    .slideshow h1{
      font-size: 24px;
      font-weight: 400;
      padding-top:60px;
      padding-left: 28px;
    }
    .slideshow__slide-caption-content p{
      display: none;
    }
    .o-hsub.-link{
      padding-left: 28px;
    }
}

@media (max-width: 768px) {
  .avik-social-icons-header{
    padding-top: 25em;
  }
  .slideshow h1{
    font-size: 24px;
    font-weight: 400;
    padding-top:60px;
    padding-left: 28px;
  }
  .slideshow__slide-caption-content p{
    max-width: 100%;
    width: 100%;
    padding-left: 28px;
  }
  .o-hsub.-link{
    padding-left: 28px;
  }
}

@media (min-width: 700px) {
    .slideshow .slideshow__slide {
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
    }
}

@media (max-height: 500px) {
    .slideshow__slide-caption-title {
      margin-bottom: 0 !important;
    }
}

@media (max-width: 699px) {
    .slideshow__slide-caption-title {
      font-size: 40px;
    }
    .slideshow.-full .slideshow__slide-caption-title {
      margin-bottom: 30px;
    }
}

@media (min-width: 700px) {
   .slideshow__slide-caption-title {
      font-size: 5.625rem;
      margin-bottom: 1.25rem;
    }
}

@media (min-width: 700px) and (max-width: 749px) {
    .slideshow__slide-caption-title {
      font-size: 4.375rem;
    }
}

@media (min-width: 1600px) {
    .slideshow__slide-caption-title {
      font-size: 6.25rem;
    }
}

@media (max-height: 500px) {
    .c-header-home_heading {
      margin-bottom: 0 !important;
    }
}

@media (max-width: 699px) {
    .c-header-home_heading {
      font-size: 40px;
      margin-bottom: 150px;
    }
    .c-header-home.-full .c-header-home_heading {
      margin-bottom: 30px;
    }
}

@media (min-width: 700px) {
    .c-header-home_heading {
      font-size: 5.625rem;
      margin-bottom: 1.25rem;
    }
}

@media (min-width: 700px) and (max-width: 749px) {
    .c-header-home_heading {
      font-size: 4.375rem;
    }
}

@media (min-width: 1600px) {
    .c-header-home_heading {
      font-size: 6.25rem;
    }
}

@media (max-width: 699px) {
    .c-header-home_button {
      width: 50% !important;
    }
}

@media (min-width: 700px) {
    .c-header-home_button {
      width: 15.625rem;
    }
}

@media (min-width: 1200px) {
    body {
      height: 100%;
    }
}

@media (min-width: 1200px) {
    .o-scroll {
      height: 100%;
    }
}

@media (max-width: 699px) {
    .o-action-link {
      font-size: 40px;
      padding-top: 120px;
    }
}

@media (min-width: 700px) {
    .o-action-link {
      font-size: 5.625rem;
    }
}

@media (max-width: 699px) {
    .o-hsub.-h {
      display: block;
      margin-top: 20px;
    }
}

@media (min-width: 700px) {
    .o-hsub.-h {
      margin-left: 2.5rem;
    }
}

@media (max-height: 500px) {
    .c-header-home_heading {
      margin-bottom: 0 !important;
    }
}

@media (max-width: 699px) {
    .c-header-home_heading {
      font-size: 40px;
      margin-bottom: 150px;
    }
		.text-image-whoweare.about-us{
			padding-top: 5em;
		}
    .c-header-home.-full .c-header-home_heading {
      margin-bottom: 30px;
    }
}

@media (min-width: 700px) {
    .c-header-home_heading {
      font-size: 5.625rem;
      margin-bottom: 1.25rem;
    }
}

@media (min-width: 700px) and (max-width: 749px) {
    .c-header-home_heading {
      font-size: 4.375rem;
    }
}

@media (min-width: 1600px) {
    .c-header-home_heading {
      font-size: 6.25rem;
    }
}

/* ------------------------- *
##  13.5 Who we are */
/* ------------------------- */

@media (min-width: 320px) and (max-width: 480px) {
  .img-who-we-are.two{
    max-width: 260px;
  }
  .img-who-we-are{
    max-width: 220px;
  }
  .avik-who-we-are h3{
    text-align: center;
    padding-left: 0.2em;
  }
  .avik-who-we-are p{
    text-align: center;
    padding-left: 0.2em;
  }
  .avik-who-we-are{
    margin-top: 5em;
  }
}

@media screen and (max-width: 768px) {
  .avik-who-we-are h3{
    text-align: center;
  }
  .avik-who-we-are p{
    text-align: left;
    padding-left: 2em;
  }
  .avik-who-we-are{
    margin-top: 5em;
  }
  .avik-btn-who-we-are{
    margin-left: 2em;
    margin-bottom: 2em;
  }
}

/* text writer Who we are  */
@media (max-width: 699px) {
  #typed{
    font-size:14px;
    letter-spacing: 3px;
  }
  .typed-cursor{
    font-size: 2em;
  }
  .text-image-whoweare{
   padding-left: 2em;
  }
  .avik-who-we-are h3{
    padding-bottom: 1em!important;
  }
  .title-whoweare h3{
    margin-bottom: 45px!important;
  }
  .image-enter-whoweare{
    padding-left: 0!important;
  }
}

/* Patner */
  @media (max-width: 699px) {
  .avik-brands img{
    max-height: 70px!important;
  }
}

/* ------------------------- *
##  13.6 Services */
/* ------------------------- */

@media screen and (max-width: 1370px) {
    .tabs {
      padding: 70px 0 0;
    }
    .tabs__list {
      margin: 20px 0 40px;
    }
    .tabs__list-item--third {
      padding-right: 20px;
    }
}

@media screen and (max-width: 1200px) {
    .tab__development-full {
      padding: 0 20px 20px;
    }
    .team__list-item--back__inner {
      bottom: 15px;
    }
    .team__list-item--back {
      padding: 0;
    }
    .team__list-item-name {
      line-height: 20px;
    }
    .team__list-item-job {
      margin-bottom: 15px;
    }
}

@media screen and (max-width: 1024px) {
    .tab__development-img img{
      opacity: 1;
      -webkit-filter: grayscale(0%);
      filter: grayscale(0%);
    }
  }

@media screen and (max-width: 1000px) {
    .tabs {
      background-size: cover;
    }
    .tabs__list-item--fourth {
      width: 49.9%;
    }
    .tabs__list-item--third {
      width: 49.9%;
    }
    .tab__development:nth-child(2n)::after {
      display: none;
    }
    .team__list-item {
      width: 33.333%;
    }
}

@media screen and (max-width: 768px) {
  .tab__development-img img{
    opacity: 1;
    -webkit-filter: grayscale(0%);
    filter: grayscale(0%);
  }
}

@media screen and (max-width: 670px) {
    .tab__development-img img{
      opacity: 1;
      -webkit-filter: grayscale(0%);
      filter: grayscale(0%);
    }
    .tabs{
    margin-top:4em;
    }
    .tab__development{
      padding: 10px;
    }
    .tab__subheading h2{
      text-align: center!important;
      padding-left: 0;
    }
    .tab__title {
      font-size: 25px;
      text-align: center!important;
      padding-left: 0;
      margin-left: 0!important;
    }
    .tabs__list-item {
      width: 100%;
      margin-bottom: 20px;
      float: none;
    }
    .tabs__list-item--third {
      padding-right: 0;
    }
    .tabs__list-item--third .tabs__list-content {
      max-width: 100%;
    }
    .tab__development::after {
      display: none;
    }
    .tab__development-img{
      text-align: center;
    }
}

@media screen and (max-width: 470px) {
    .tabs__list {
      margin-top: 50px;
    }
    .tabs__list-item--fourth{
      max-width: 100%;
    }
}

@media (max-width: 699px) {
    .title-price{
      width: 100%!important;
  }
    .subtitle-price{
      width: 100%!important;
  }
  .tabs p{
    text-align: center;
  }
  .price-quotation{
    margin-left: 0!important;
  }
  .content-price{
    margin-top: 2px!important;
  }
  .partenrs-services {
    text-align: center;
  }
}

@media (max-width: 699px) {
    .gray-effect-partenrs img{
      opacity: 1!important;
      -webkit-filter: grayscale(0%)!important;
      filter: grayscale(0%)!important;
  }
}

@media screen and (max-width: 768px) {
    .gray-effect-partenrs img{
      opacity: 1!important;
      -webkit-filter: grayscale(0%)!important;
      filter: grayscale(0%)!important;
  }
}

/* text writer Services  */
@media (max-width: 699px) {
  #avikservices{
    font-size:14px;
    letter-spacing: 3px;
  }
  .avikservices-cursor{
    font-size: 2em;
  }
  .text-image-services{
   padding-left: 2em;
  }
}

/* ------------------------- *
##  13.7 Portfolio */
/* ------------------------- */

@media (max-width: 699px) {
  .portfolio{
    margin-top: 15px!important;
  }
}

/* ------------------------- *
##  13.8 Avik Blog */
/* ------------------------- */

@media (max-width: 699px) {
  .blog-image img{
    max-height: 250px;
  }
  h2.blog{
    padding-right: 18px!important;
  }
  textarea{
    font-size: 10px!important;
  }
  input{
    font-size: 10px!important;
  }
}

@media (max-width: 568px) {
    textarea{
      font-size: 7px!important;
    }
    input{
      font-size: 10px!important;
    }
}

@media (max-width: 667px) {
    textarea{
      font-size: 9px!important;
    }
}

/* ------------------------- *
##  13.9 Contact */
/* ------------------------- */

@media (max-width: 699px) {

  .wpcf7-text{
    width: 100%;
  }
  .wpcf7-textarea{
    width: 100%;
  }
  .contact{
    margin-top:3em!important;
  }
  .avik-social-icons-contact li{
    padding: 6px!important;
  }
  ul.avik-social-icons-contact-ul{
    padding-left: 0!important;
  }
  .widget-contact{
    padding: 5px!important;
  }
  .contact-info li{
    padding-left: 3px!important;
  }
  .wpcf7-submit{
    margin-right: 3em!important;
  }
  .address{
    padding-left: 0!important;
  }
  .address h3{
    padding-left: 1.5em!important;
  }
}

/* ------------------------- *
##  13.10 Page 404 */
/* ------------------------- */

@media (max-width: 699px) {
  .image-404 img{
    height: auto;
  }
}

/* ------------------------- *
##  13.11 Video */
/* ------------------------- */

@media (max-width: 699px) {
  .text-image-video{
    padding-left: 2.5em!important;
  }
  .down-video {
    padding-left: 1.7em!important;
    font-size: 30px!important;
  }
}

@media (min-width: 600px) {
  .video-container {
    height: 85vh;
    min-height: 625px;
  }
}

/* ------------------------- *
##  13.13 Footer */
/* ------------------------- */

@media (max-width: 699px) {

  .avik-social-icons-footer{
  padding-top: 2em;
  }

  .avik-social-icons-footer li{
  padding-right: 8px;
  }
}

/* Video Header */
.wp-custom-header iframe,
.wp-custom-header img,
.wp-custom-header video {
	display: block;
	height: 85vh!important;
  width: 100%;
  object-fit: cover;
}

.wp-custom-header-video-play,
.wp-custom-header-video-pause{
  position: absolute;
  z-index: 9999999;
  bottom: 1em;
  left: 1em;
  cursor: pointer;
}

.wp-custom-header{
  position: absolute;
  height: 85vh;
  overflow: hidden;
  padding: 0;
  margin-bottom: 4em;
  width: 100%;
}

#wp-custom-header-video{
  position: relative;
}

@media (max-width: 699px) {
  .wp-custom-header-video-play, .wp-custom-header-video-pause{
    left: 80%!important;
  }
}

.tab__development-img img{
  font-size: 48px;
}

.header-image-services img{
  background-position: center center;
  background-size: cover;
  height: 650px;
  width: 100%;
  overflow: hidden;
  padding: 0;
  margin-bottom: 5em;
}

/* Slider Slice Home Pro Version */
.slides-nav {
  z-index: 99;
  position: absolute;
  right: -5%;
  display: flex;
  align-items: center;
  height: 100%;
}
@media (min-width: 54em) {
  .slides-nav {
    right: 2%;
  }
}
.slides-nav__nav {
  position: relative;
  right: 0;
  display: block;
  font-size: 1em;
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  -webkit-transform-origin: center;
  transform-origin: center;
}

.slides-nav button {
  position: relative;
  display: inline-block;
  padding: 0.35em;
  margin: 0;
  font-family: "Space Mono", monospace;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: transparent;
  border: 0;
  overflow-x: hidden;
  transition: color 0.5s ease;
}

.slides-nav button:after {
  content: '';
  position: absolute;
  top: 50%;
  left: 0;
  height: 1px;
  width: 0;
  transition: width 0.4s ease;
}

.slides-nav button:hover {
  cursor: pointer;
  transition: color 0.5s ease;
}
.slides-nav button:hover:after {
  width: 100%;
  transition: width 0.4s ease;
}

.slides-nav button:focus {
  outline: 0;
}
.is-sliding .slides-nav {
  pointer-events: none;
}

.slides {
  position: relative;
  display: block;
  height: 80vh;
  width: 100%;
  transition: background 1s cubic-bezier(0.99, 1, 0.92, 1);
}

.is-sliding .slides {
  transition: background 0.3s cubic-bezier(0.99, 1, 0.92, 1);
}

.slide.avik-slider-pro{
  z-index: -1;
  padding: 0;
  position: absolute;
  width: 100%;
  height: 80vh;
  transition: z-index 1s ease;
}

.slide.avik-slider-pro.is-active {
  z-index: 19;
  transition: z-index 1s ease;
}

.slide__content {
  position: relative;
  margin: 0 auto;
  height: 95%;
  width: 95%;
  top: 2.5%;
}

@media (min-width: 54em) {
  .slide__content {
    height: 80%;
    width: 80%;
    top: 10%;
  }
}

.slide__header {
  z-index: 9;
  position: relative;
  height: 100%;
  display: flex;
  align-items: center;
  overflow-y: hidden;
  -webkit-transform: translateX(5%);
  transform: translateX(5%);
}

@media (min-width: 54em) {
  .slide__header {
    -webkit-transform: translateX(-5%);
    transform: translateX(-5%);
  }
}

.slide__title {
  font-size: 2.5em;
  font-weight: 700;
  overflow-y: hidden;
}

@media (min-width: 54em) {
  .slide__title {
    font-size: 5em;
  }
}

.slide__title .title-line {
  display: block;
  overflow-y: hidden;
}

.slide__title{
  margin-left: 1em;
}

.slide__title .title-line span {
  display: inline-block;
  -webkit-transform: translate3d(0, 140%, 0);
  transform: translate3d(0, 140%, 0);
  opacity: 0;
  transition: opacity 0.8s ease, -webkit-transform 0.4s ease;
  transition: transform 0.4s ease, opacity 0.8s ease;
  transition: transform 0.4s ease, opacity 0.8s ease, -webkit-transform 0.4s ease;
}

.slide__title .title-line span:nth-child(1) {
  transition-delay: 0.15s;
}

.slide__title .title-line span:nth-child(2) {
  transition-delay: 0.3s;
}

.is-active .slide__title .title-line span {
  -webkit-transform: translate3d(0, 0%, 0);
  transform: translate3d(0, 0%, 0);
  opacity: 1;
  transition: opacity 0.1s ease, -webkit-transform 0.6s cubic-bezier(0.77, 0, 0.175, 1);
  transition: transform 0.6s cubic-bezier(0.77, 0, 0.175, 1), opacity 0.1s ease;
  transition: transform 0.6s cubic-bezier(0.77, 0, 0.175, 1), opacity 0.1s ease, -webkit-transform 0.6s cubic-bezier(0.77, 0, 0.175, 1);
}

.is-active .slide__title .title-line:nth-of-type(2n) span {
  transition-delay: 0.2s;
}

.slide__figure {
  z-index: 7;
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  height: 100%;
  width: 100%;
  transition: -webkit-transform 0.5s cubic-bezier(0.19, 1, 0.22, 1);
  transition: transform 0.5s cubic-bezier(0.19, 1, 0.22, 1);
  transition: transform 0.5s cubic-bezier(0.19, 1, 0.22, 1), -webkit-transform 0.5s cubic-bezier(0.19, 1, 0.22, 1);
}

.is-sliding .slide__figure {
  -webkit-transform: scale(0.8);
  transform: scale(0.8);
  transition: -webkit-transform 0.5s cubic-bezier(0.19, 1, 0.22, 1);
  transition: transform 0.5s cubic-bezier(0.19, 1, 0.22, 1);
  transition: transform 0.5s cubic-bezier(0.19, 1, 0.22, 1), -webkit-transform 0.5s cubic-bezier(0.19, 1, 0.22, 1);
}

.slide__img {
  position: relative;
  display: block;
  background-size: cover;
  background-attachment: fixed;
  background-position: 50%;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  height: 0%;
  width: 100%;
  -webkit-filter: grayscale(0%);
  filter: grayscale(0%);
  transition: height 1s 1.4s cubic-bezier(0.19, 1, 0.22, 1), -webkit-filter 0.4s 0.1s ease;
  transition: height 1s 1.4s cubic-bezier(0.19, 1, 0.22, 1), filter 0.4s 0.1s ease;
  transition: height 1s 1.4s cubic-bezier(0.19, 1, 0.22, 1), filter 0.4s 0.1s ease, -webkit-filter 0.4s 0.1s ease;
}

.is-active .slide__img {
  height: 100%;
  opacity: 1;
  transition: height 0.5s 0.3s cubic-bezier(0.77, 0, 0.175, 1), -webkit-filter 0.4s 0.1s ease;
  transition: height 0.5s 0.3s cubic-bezier(0.77, 0, 0.175, 1), filter 0.4s 0.1s ease;
  transition: height 0.5s 0.3s cubic-bezier(0.77, 0, 0.175, 1), filter 0.4s 0.1s ease, -webkit-filter 0.4s 0.1s ease;
}

.is-sliding .slide__img {
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
}

.avik-slider-home-link{
	font-size: 22px;
	padding-left: 8px;
}

/* Header Spider  */
.large-header {
  position: relative;
  width: 100%;
  overflow: hidden;
  background-size: cover;
  background-position: center center;
  z-index: 1;
  margin-bottom: 5em;
}

h1.main-title {
  padding: 0;
}

.demo-1 .main-title {
  text-transform: uppercase;
  font-size: 4.2em;
  letter-spacing: 0.1em;
}

.main-title .thin {
  font-weight: 200;
}

@media only screen and (max-width: 768px) {
  .demo-1 .main-title {
    font-size: 3em;
  }
}

.avik-content-glass-header-spider{
	padding: 1em;
	position: absolute;
	text-align: center;
	width: 100%;
}

/*Mouse Scroll */
.mouse-wrap {
  position: absolute;
  top: 78%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.mouse {
  position: absolute;
  top: 0;
  left: 50%;
  width: 48px;
  transform: translateX(-50%);
  animation: nudgeMouse 5.5s ease-out infinite;
}
.mouse:after {
  content: '';
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -3px;
  width: 6px;
  height: 8px;
  border-radius: 3px;
  transform: translateY(20px);
  animation: trackBallSlide 5.5s linear infinite;
}

.mouse .frame {
  position: absolute;
  z-index: 1;
  width: 100%;
}

.mouse .frame path {
  fill: none;
  stroke-width: 3;
  opacity: 0.5;
}

.mouse .Animate-Draw {
  fill: none;
  stroke-width: 3;
  fill-opacity: 1;
}

.mouse .mouse-left,
.mouse .mouse-right {
  position: absolute;
  z-index: 2;
  width: 50%;
}

.mouse .mouse-left .Animate-Draw {
  animation: DrawLine 5.5s ease-out infinite;
}

.mouse .mouse-right {
  right: 0;
}

.mouse .mouse-right .Animate-Draw {
  animation: DrawLineBack 5.5s ease-out infinite;
}

/*Mouse wheel*/
@-moz-keyframes DrawLine {
  0% {
    stroke-dashoffset: 0;
    stroke-dasharray: 120;
    stroke-opacity: 1;
  }
  22% {
    stroke-dashoffset: 0;
    stroke-dasharray: 120;
    stroke-opacity: 1;
  }
  38% {
    stroke-dashoffset: 125;
    stroke-dasharray: 120;
    stroke-opacity: 1;
  }
  38.1% {
    stroke-dashoffset: 0;
    stroke-dasharray: 120;
    stroke-opacity: 0;
  }
  48% {
    stroke-dashoffset: 0;
    stroke-dasharray: 120;
    stroke-opacity: 1;
  }
  64% {
    stroke-dashoffset: 125;
    stroke-dasharray: 120;
    stroke-opacity: 1;
  }
  64.1% {
    stroke-dashoffset: 0;
    stroke-dasharray: 120;
    stroke-opacity: 0;
  }
  74% {
    stroke-dashoffset: 0;
    stroke-dasharray: 120;
    stroke-opacity: 1;
  }
  90% {
    stroke-opacity: 1;
    stroke-dashoffset: 125;
    stroke-dasharray: 120;
  }
  90.1% {
    stroke-dashoffset: 0;
    stroke-dasharray: 120;
    stroke-opacity: 0;
  }
}
@-webkit-keyframes DrawLine {
  0% {
    stroke-dashoffset: 0;
    stroke-dasharray: 120;
    stroke-opacity: 1;
  }
  22% {
    stroke-dashoffset: 0;
    stroke-dasharray: 120;
    stroke-opacity: 1;
  }
  38% {
    stroke-dashoffset: 125;
    stroke-dasharray: 120;
    stroke-opacity: 1;
  }
  38.1% {
    stroke-dashoffset: 0;
    stroke-dasharray: 120;
    stroke-opacity: 0;
  }
  48% {
    stroke-dashoffset: 0;
    stroke-dasharray: 120;
    stroke-opacity: 1;
  }
  64% {
    stroke-dashoffset: 125;
    stroke-dasharray: 120;
    stroke-opacity: 1;
  }
  64.1% {
    stroke-dashoffset: 0;
    stroke-dasharray: 120;
    stroke-opacity: 0;
  }
  74% {
    stroke-dashoffset: 0;
    stroke-dasharray: 120;
    stroke-opacity: 1;
  }
  90% {
    stroke-opacity: 1;
    stroke-dashoffset: 125;
    stroke-dasharray: 120;
  }
  90.1% {
    stroke-dashoffset: 0;
    stroke-dasharray: 120;
    stroke-opacity: 0;
  }
}
@-o-keyframes DrawLine {
  0% {
    stroke-dashoffset: 0;
    stroke-dasharray: 120;
    stroke-opacity: 1;
  }
  22% {
    stroke-dashoffset: 0;
    stroke-dasharray: 120;
    stroke-opacity: 1;
  }
  38% {
    stroke-dashoffset: 125;
    stroke-dasharray: 120;
    stroke-opacity: 1;
  }
  38.1% {
    stroke-dashoffset: 0;
    stroke-dasharray: 120;
    stroke-opacity: 0;
  }
  48% {
    stroke-dashoffset: 0;
    stroke-dasharray: 120;
    stroke-opacity: 1;
  }
  64% {
    stroke-dashoffset: 125;
    stroke-dasharray: 120;
    stroke-opacity: 1;
  }
  64.1% {
    stroke-dashoffset: 0;
    stroke-dasharray: 120;
    stroke-opacity: 0;
  }
  74% {
    stroke-dashoffset: 0;
    stroke-dasharray: 120;
    stroke-opacity: 1;
  }
  90% {
    stroke-opacity: 1;
    stroke-dashoffset: 125;
    stroke-dasharray: 120;
  }
  90.1% {
    stroke-dashoffset: 0;
    stroke-dasharray: 120;
    stroke-opacity: 0;
  }
}
@keyframes DrawLine {
  0% {
    stroke-dashoffset: 0;
    stroke-dasharray: 120;
    stroke-opacity: 1;
  }
  22% {
    stroke-dashoffset: 0;
    stroke-dasharray: 120;
    stroke-opacity: 1;
  }
  38% {
    stroke-dashoffset: 125;
    stroke-dasharray: 120;
    stroke-opacity: 1;
  }
  38.1% {
    stroke-dashoffset: 0;
    stroke-dasharray: 120;
    stroke-opacity: 0;
  }
  48% {
    stroke-dashoffset: 0;
    stroke-dasharray: 120;
    stroke-opacity: 1;
  }
  64% {
    stroke-dashoffset: 125;
    stroke-dasharray: 120;
    stroke-opacity: 1;
  }
  64.1% {
    stroke-dashoffset: 0;
    stroke-dasharray: 120;
    stroke-opacity: 0;
  }
  74% {
    stroke-dashoffset: 0;
    stroke-dasharray: 120;
    stroke-opacity: 1;
  }
  90% {
    stroke-opacity: 1;
    stroke-dashoffset: 125;
    stroke-dasharray: 120;
  }
  90.1% {
    stroke-dashoffset: 0;
    stroke-dasharray: 120;
    stroke-opacity: 0;
  }
}
@-moz-keyframes DrawLineBack {
  0% {
    stroke-dashoffset: 0;
    stroke-dasharray: 120;
    stroke-opacity: 1;
  }
  22% {
    stroke-dashoffset: 0;
    stroke-dasharray: 120;
    stroke-opacity: 1;
  }
  38% {
    stroke-dashoffset: -114;
    stroke-dasharray: 120;
    stroke-opacity: 1;
  }
  38.1% {
    stroke-dashoffset: 0;
    stroke-dasharray: 120;
    stroke-opacity: 0;
  }
  48% {
    stroke-dashoffset: 0;
    stroke-dasharray: 120;
    stroke-opacity: 1;
  }
  64% {
    stroke-dashoffset: -114;
    stroke-dasharray: 120;
    stroke-opacity: 1;
  }
  64.1% {
    stroke-dashoffset: 0;
    stroke-dasharray: 120;
    stroke-opacity: 0;
  }
  74% {
    stroke-dashoffset: 0;
    stroke-dasharray: 120;
    stroke-opacity: 1;
  }
  90% {
    stroke-opacity: 1;
    stroke-dashoffset: -114;
    stroke-dasharray: 120;
  }
  90.1% {
    stroke-dashoffset: 0;
    stroke-dasharray: 120;
    stroke-opacity: 0;
  }
}
@-webkit-keyframes DrawLineBack {
  0% {
    stroke-dashoffset: 0;
    stroke-dasharray: 120;
    stroke-opacity: 1;
  }
  22% {
    stroke-dashoffset: 0;
    stroke-dasharray: 120;
    stroke-opacity: 1;
  }
  38% {
    stroke-dashoffset: -114;
    stroke-dasharray: 120;
    stroke-opacity: 1;
  }
  38.1% {
    stroke-dashoffset: 0;
    stroke-dasharray: 120;
    stroke-opacity: 0;
  }
  48% {
    stroke-dashoffset: 0;
    stroke-dasharray: 120;
    stroke-opacity: 1;
  }
  64% {
    stroke-dashoffset: -114;
    stroke-dasharray: 120;
    stroke-opacity: 1;
  }
  64.1% {
    stroke-dashoffset: 0;
    stroke-dasharray: 120;
    stroke-opacity: 0;
  }
  74% {
    stroke-dashoffset: 0;
    stroke-dasharray: 120;
    stroke-opacity: 1;
  }
  90% {
    stroke-opacity: 1;
    stroke-dashoffset: -114;
    stroke-dasharray: 120;
  }
  90.1% {
    stroke-dashoffset: 0;
    stroke-dasharray: 120;
    stroke-opacity: 0;
  }
}
@-o-keyframes DrawLineBack {
  0% {
    stroke-dashoffset: 0;
    stroke-dasharray: 120;
    stroke-opacity: 1;
  }
  22% {
    stroke-dashoffset: 0;
    stroke-dasharray: 120;
    stroke-opacity: 1;
  }
  38% {
    stroke-dashoffset: -114;
    stroke-dasharray: 120;
    stroke-opacity: 1;
  }
  38.1% {
    stroke-dashoffset: 0;
    stroke-dasharray: 120;
    stroke-opacity: 0;
  }
  48% {
    stroke-dashoffset: 0;
    stroke-dasharray: 120;
    stroke-opacity: 1;
  }
  64% {
    stroke-dashoffset: -114;
    stroke-dasharray: 120;
    stroke-opacity: 1;
  }
  64.1% {
    stroke-dashoffset: 0;
    stroke-dasharray: 120;
    stroke-opacity: 0;
  }
  74% {
    stroke-dashoffset: 0;
    stroke-dasharray: 120;
    stroke-opacity: 1;
  }
  90% {
    stroke-opacity: 1;
    stroke-dashoffset: -114;
    stroke-dasharray: 120;
  }
  90.1% {
    stroke-dashoffset: 0;
    stroke-dasharray: 120;
    stroke-opacity: 0;
  }
}
@keyframes DrawLineBack {
  0% {
    stroke-dashoffset: 0;
    stroke-dasharray: 120;
    stroke-opacity: 1;
  }
  22% {
    stroke-dashoffset: 0;
    stroke-dasharray: 120;
    stroke-opacity: 1;
  }
  38% {
    stroke-dashoffset: -114;
    stroke-dasharray: 120;
    stroke-opacity: 1;
  }
  38.1% {
    stroke-dashoffset: 0;
    stroke-dasharray: 120;
    stroke-opacity: 0;
  }
  48% {
    stroke-dashoffset: 0;
    stroke-dasharray: 120;
    stroke-opacity: 1;
  }
  64% {
    stroke-dashoffset: -114;
    stroke-dasharray: 120;
    stroke-opacity: 1;
  }
  64.1% {
    stroke-dashoffset: 0;
    stroke-dasharray: 120;
    stroke-opacity: 0;
  }
  74% {
    stroke-dashoffset: 0;
    stroke-dasharray: 120;
    stroke-opacity: 1;
  }
  90% {
    stroke-opacity: 1;
    stroke-dashoffset: -114;
    stroke-dasharray: 120;
  }
  90.1% {
    stroke-dashoffset: 0;
    stroke-dasharray: 120;
    stroke-opacity: 0;
  }
}
@-moz-keyframes nudgeMouse {
  0% {
    transform: translate(-50%, 0);
  }
  22% {
    transform: translate(-50%, 0);
  }
  38% {
    transform: translate(-50%, 9px);
  }
  48% {
    transform: translate(-50%, 0);
  }
  64% {
    transform: translate(-50%, 9px);
  }
  74% {
    transform: translate(-50%, 0);
  }
  90% {
    transform: translate(-50%, 9px);
  }
}
@-webkit-keyframes nudgeMouse {
  0% {
    transform: translate(-50%, 0);
  }
  22% {
    transform: translate(-50%, 0);
  }
  38% {
    transform: translate(-50%, 9px);
  }
  48% {
    transform: translate(-50%, 0);
  }
  64% {
    transform: translate(-50%, 9px);
  }
  74% {
    transform: translate(-50%, 0);
  }
  90% {
    transform: translate(-50%, 9px);
  }
}
@-o-keyframes nudgeMouse {
  0% {
    transform: translate(-50%, 0);
  }
  22% {
    transform: translate(-50%, 0);
  }
  38% {
    transform: translate(-50%, 9px);
  }
  48% {
    transform: translate(-50%, 0);
  }
  64% {
    transform: translate(-50%, 9px);
  }
  74% {
    transform: translate(-50%, 0);
  }
  90% {
    transform: translate(-50%, 9px);
  }
}
@keyframes nudgeMouse {
  0% {
    transform: translate(-50%, 0);
  }
  22% {
    transform: translate(-50%, 0);
  }
  38% {
    transform: translate(-50%, 9px);
  }
  48% {
    transform: translate(-50%, 0);
  }
  64% {
    transform: translate(-50%, 9px);
  }
  74% {
    transform: translate(-50%, 0);
  }
  90% {
    transform: translate(-50%, 9px);
  }
}
@-moz-keyframes trackBallSlide {
  0% {
    transform: translateY(20px) scale(1);
    opacity: 1;
  }
  22% {
    transform: translateY(20px) scale(1);
    opacity: 1;
  }
  26% {
    transform: translateY(30px) scale(0.9);
    opacity: 1;
  }
  34% {
    transform: translateY(55px) scale(0.1);
    opacity: 0;
  }
  41% {
    transform: translateY(30px) scale(0);
    opacity: 0.3;
  }
  48% {
    transform: translateY(20px) scale(1);
    opacity: 1;
  }
  52% {
    transform: translateY(30px) scale(0.9);
    opacity: 1;
  }
  60% {
    transform: translateY(55px) scale(0.1);
    opacity: 0;
  }
  67% {
    transform: translateY(30px) scale(0);
    opacity: 0.3;
  }
  74% {
    transform: translateY(20px) scale(1);
    opacity: 1;
  }
  78% {
    transform: translateY(30px) scale(0.9);
    opacity: 1;
  }
  86% {
    transform: translateY(55px) scale(0.1);
    opacity: 0;
  }
  93% {
    transform: translateY(30px) scale(0);
    opacity: 0.3;
  }
  100% {
    transform: translateY(20px) scale(1);
    opacity: 1;
  }
}
@-webkit-keyframes trackBallSlide {
  0% {
    transform: translateY(20px) scale(1);
    opacity: 1;
  }
  22% {
    transform: translateY(20px) scale(1);
    opacity: 1;
  }
  26% {
    transform: translateY(30px) scale(0.9);
    opacity: 1;
  }
  34% {
    transform: translateY(55px) scale(0.1);
    opacity: 0;
  }
  41% {
    transform: translateY(30px) scale(0);
    opacity: 0.3;
  }
  48% {
    transform: translateY(20px) scale(1);
    opacity: 1;
  }
  52% {
    transform: translateY(30px) scale(0.9);
    opacity: 1;
  }
  60% {
    transform: translateY(55px) scale(0.1);
    opacity: 0;
  }
  67% {
    transform: translateY(30px) scale(0);
    opacity: 0.3;
  }
  74% {
    transform: translateY(20px) scale(1);
    opacity: 1;
  }
  78% {
    transform: translateY(30px) scale(0.9);
    opacity: 1;
  }
  86% {
    transform: translateY(55px) scale(0.1);
    opacity: 0;
  }
  93% {
    transform: translateY(30px) scale(0);
    opacity: 0.3;
  }
  100% {
    transform: translateY(20px) scale(1);
    opacity: 1;
  }
}
@-o-keyframes trackBallSlide {
  0% {
    transform: translateY(20px) scale(1);
    opacity: 1;
  }
  22% {
    transform: translateY(20px) scale(1);
    opacity: 1;
  }
  26% {
    transform: translateY(30px) scale(0.9);
    opacity: 1;
  }
  34% {
    transform: translateY(55px) scale(0.1);
    opacity: 0;
  }
  41% {
    transform: translateY(30px) scale(0);
    opacity: 0.3;
  }
  48% {
    transform: translateY(20px) scale(1);
    opacity: 1;
  }
  52% {
    transform: translateY(30px) scale(0.9);
    opacity: 1;
  }
  60% {
    transform: translateY(55px) scale(0.1);
    opacity: 0;
  }
  67% {
    transform: translateY(30px) scale(0);
    opacity: 0.3;
  }
  74% {
    transform: translateY(20px) scale(1);
    opacity: 1;
  }
  78% {
    transform: translateY(30px) scale(0.9);
    opacity: 1;
  }
  86% {
    transform: translateY(55px) scale(0.1);
    opacity: 0;
  }
  93% {
    transform: translateY(30px) scale(0);
    opacity: 0.3;
  }
  100% {
    transform: translateY(20px) scale(1);
    opacity: 1;
  }
}
@keyframes trackBallSlide {
  0% {
    transform: translateY(20px) scale(1);
    opacity: 1;
  }
  22% {
    transform: translateY(20px) scale(1);
    opacity: 1;
  }
  26% {
    transform: translateY(30px) scale(0.9);
    opacity: 1;
  }
  34% {
    transform: translateY(55px) scale(0.1);
    opacity: 0;
  }
  41% {
    transform: translateY(30px) scale(0);
    opacity: 0.3;
  }
  48% {
    transform: translateY(20px) scale(1);
    opacity: 1;
  }
  52% {
    transform: translateY(30px) scale(0.9);
    opacity: 1;
  }
  60% {
    transform: translateY(55px) scale(0.1);
    opacity: 0;
  }
  67% {
    transform: translateY(30px) scale(0);
    opacity: 0.3;
  }
  74% {
    transform: translateY(20px) scale(1);
    opacity: 1;
  }
  78% {
    transform: translateY(30px) scale(0.9);
    opacity: 1;
  }
  86% {
    transform: translateY(55px) scale(0.1);
    opacity: 0;
  }
  93% {
    transform: translateY(30px) scale(0);
    opacity: 0.3;
  }
  100% {
    transform: translateY(20px) scale(1);
    opacity: 1;
  }
}

/*Index */
.avik-post-content-area-index{
	margin-top: 5em;
}

.avik-sidebar-area{
	margin-top: 5em;
}

.avik-load-more-posts{
	text-align: center;
	margin-bottom: 3em;
}

.avik-load-more-posts a{
	padding: 5px;
	font-size: 14px;
	transition-duration: 0.3s;
	transition-timing-function: ease;
}

.avik-load-more-posts a:hover{
	-webkit-transition:  0.3s ease-in;
	-moz-transition:  0.3s ease-in;
	transition:  0.3s ease-in ;
}

.avik-btn-more-post{
	background-color: transparent;
	transition-duration: 0.3s;
	transition-timing-function: ease;
}

.avik-btn-more-post:hover{
	-webkit-transition:  0.3s ease-in;
	-moz-transition:  0.3s ease-in;
	transition:  0.3s ease-in ;
}

/*blog sidebar left */
.avik-image-blog-avik,.avik-image-blog-avik-no-sidebar,.avik-image-blog-avik-sid-left{
	width:100%;
}

.avik-title-page-blog-avik{
	position:relative;
    text-align: left;
    padding-top: 12em;
    padding-left: 5em;
}

.avik-title-page-blog-avik h2{
    text-transform: uppercase;
    letter-spacing: 3px;
    font-weight: 900;
}

.avik-title-page-blog-avik-no-sidebar{
	position:relative;
    text-align: left;
    padding-top: 12em;
    padding-left: 5em;
}

.avik-title-page-blog-avik-no-sidebar h2{
    text-transform: uppercase;
    letter-spacing: 3px;
    font-weight: 900;
}

.avik-title-page-blog-avik-sid-right{
	position:relative;
    text-align: left;
    padding-top: 12em;
    padding-left: 5em;
}

.avik-title-page-blog-avik-sid-right h2{
    text-transform: uppercase;
    letter-spacing: 3px;
    font-weight: 900;
}

.avik-title-page-blog-avik-sid-left{
	position:relative;
    text-align: left;
    padding-top: 12em;
    padding-left: 5em;
}

.avik-title-page-blog-avik-sid-left h2{
    text-transform: uppercase;
    letter-spacing: 3px;
    font-weight: 900;
}

/* Blog Sidebar Left */
.container-fluid.avik-container-fluid-blog-sidebar-left{
  padding-left: 3em;
  padding-right: 3em;
}

.avik-container-fluid-blog-sidebar-left{
  margin-top: 4em;
  margin-bottom: 8em;
}


/* --------------------------- *
##  10.1 Post Content Area */
/* ---------------------------*/

.entry-header h2{
	padding-top: 1em;
}

.avik-post-content-area{
    padding-top: 4em;
}

h1.entry-title{
    padding-top: 1em;
}

.entry-content p{
	padding-top: 1em;
}

.entry-meta i{
    padding-right: 13px;
}

span.posted-on{
	padding-right: 13px;
}

.entry-meta a{
    font-size: 11px;
    line-height: 20px;
    letter-spacing: 2px;
    font-weight: 300;
    text-transform: uppercase;
    transition-duration: 0.3s;
    transition-timing-function: ease;
}

i.avik-tags-post{
    padding-left: 30px;
    padding-right: 8px;
}

i.avik-user-post{
    padding-right: 8px;
}

p.avik-separate-tags-post{
    padding-left: 5px;
    padding-right: 5px;
    display: inline;
}

.avik-separate-tags-post::after{
    content: ',';
}

.entry-meta a:hover{
    -webkit-transition:  0.3s ease-in;
    -moz-transition:  0.3s ease-in;
    transition:  037s ease-in ;
}

.avik-entry-footer{
    height: 70px;
    line-height: 70px;
		padding-bottom: 10em;
}

i.avik-category-post{
    padding-right: 8px;
}

.avik-entry-footer a{
    font-size: 11px;
    line-height: 20px;
    letter-spacing: 2px;
    font-weight: 300;
    text-transform: uppercase;
    transition-duration: 0.3s;
    transition-timing-function: ease;
}

.avik-entry-footer a:hover{
    -webkit-transition:  0.3s ease-in;
    -moz-transition:  0.3s ease-in;
    transition:  0.3s ease-in ;
}

.avik-comments-post-footer{
    display: inline;
}

.avik-comments-post-footer a{
    font-size: 11px;
    line-height: 20px;
    letter-spacing: 2px;
    font-weight: 300;
    text-transform: uppercase;
    transition-duration: 0.3s;
    transition-timing-function: ease;
    display: inline;
}

.avik-comments-post-footer i{
    padding-left: 30px;
    padding-right: 10px;
}

/* Blog Metro */
.container-fluid.avik-metro{
  padding-left: 3em;
  padding-right: 3em;
}

.avik-metro{
    margin-top: 5em;
}

.avik-blog-sidebar-metro{
    margin-top: 1em;
    margin-bottom: 1em;
}

.avik-blog-sidebar-metro .even{
    margin-top:5em;
    margin-bottom: 5em;
}

.even .avik-class-blog-avik{
  flex-direction: row-reverse;
}

.avik-img-portfolio-avik .even{
	margin-top: 7em;
}

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

/*Portfolio Standard */
.avik-portfolio-page-about{
    padding-top: 4em;
}

#avik-filters-portfolio {
    margin: 1%;
    padding: 0;
    list-style: none;
    overflow: hidden;
}

#avik-filters-portfolio li {
    float: left;
}

#avik-filters-portfolio li span {
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 3px;
    font-weight: 300;
    display: block;
    padding: 5px 20px;
    text-decoration: none;
    cursor: pointer;
    text-transform: uppercase;
    transition: all ease-in-out 0.25s;
}

.container-fluid.avik-container-fluid-portfolio-standard{
  padding-left: 3em;
  padding-right: 3em;
}

/* Portfolio all standar page*/
.avik-img-portfolio-all-standar{
  padding: 15px;
}

.avik-img-portfolio-all-standar:hover .details,
.avik-img-portfolio-all-standar:hover .overlay {
    opacity: 1;
}

.avik-img-portfolio-all-standar img{
   min-height: 300px;
}

/* Page Portfolio Standard Page */
.container-fluid.avik-container-fluid-portfolio-standard-page{
  padding-left: 3em;
  padding-right: 3em;
}

@media (max-width: 399px) {
  .sidebar-left-responsive-blog{
  display: none;
  }
}

/* Page Portfolio Avik */
.container-avik-portfolio {
  position: relative;
  margin: 0 auto;
}

@media (max-width: 699px) {
  .container-avik-portfolio {
    padding-right: 40px;
    padding-left: 40px;
  }
}
@media (min-width: 700px) and (max-width: 1599px) {
  .container-avik-portfolio {
    padding-right: 7.5rem;
    padding-left: 7.5rem;
    max-width: 140rem;
  }
}
@media (min-width: 1600px) {
  .container-avik-portfolio {
    padding-right: 9.5625rem;
    padding-left: 9.5625rem;
    max-width: 144.125rem;
  }
}

.slideshow__slide-caption-text .container-avik-portfolio{
  font-size: 60px;
}

.slideshow.avik-portfolio-avik{
	margin-top: 4em;
}

.c-header-home_footer i{
  font-size: 32px;
  margin: 5px;
  cursor: pointer;
	margin-left: 1em;
}

.c-header-home_footer {
  z-index: 3;
  right: 5em;
  bottom: 0;
  padding-top: 46em;
}

.c-header-home_controls,
.c-header-home_buttons {
  margin-left: 0;
  letter-spacing: normal;
  font-size: 0;
  transition: transform 0.6s cubic-bezier(0.4, 0, 0.2, 1);
  transform: translate3d(0, 100%, 0);
}

@media (max-width: 699px) {
  .c-header-home_controls,
  .c-header-home_buttons {
    padding-bottom: 40px;
  }
}

@media (min-width: 700px) {
  .c-header-home_controls,
  .c-header-home_buttons {
    padding-bottom: 5.625rem;
  }
}

@media (min-width: 700px) and (max-width: 749px) {
  .c-header-home_controls,
  .c-header-home_buttons {
    padding-bottom: 3.75rem;
  }
}

.is-loaded .c-header-home_controls,
.is-loaded .c-header-home_buttons {
  transform: translate3d(0, 0, 0);
}

body[data-route-option="prev-section"] .c-header-home_controls,
body[data-route-option="prev-section"] .c-header-home_buttons {
  transform: translate3d(0, 0, 0);
}

body[data-route-option="next-section"] .c-header-home_controls,
body[data-route-option="next-section"] .c-header-home_buttons {
  transform: translate3d(0, 0, 0);
}

.c-header-home_controls {
  transition-delay: 0.65s;
}

@media (min-width: 700px) {
  .c-header-home_controls {
    float: left;
  }
}

.o-button-group .o-button + .o-button {
  border-left: none;
}

/* ---------------------------- *
##  8.1 Page about */
/* -----------------------------*/

.avik-img-page-about {
    top: 0;
    left: 0;
    height: 600px;
    width: 100%;
    overflow: hidden;
  }

.avik-mask-img-page-about {
    transform-style: preserve-3d;
    backface-visibility: hidden;
    position: relative;
    display: block;
    left: 0px;
    top: 0px;
    height: 100%;
    width: 100%;
    transform: translate3d(15px, 13px, 0px);
}

.avik-effect-img-page-about {
    background-size: cover;
    position: absolute;
    width: 108%;
    top: 38%;
    left: 47%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    transition: all 1s linear;
    background-position: center;
}

.avik-info-img-page-about{
    position: absolute;
    top: 280px;
    left: 2em;
    width: 30%;;
}

.avik-info-img-page-about h2{
    font-size: 35px;
    line-height: 1.14em;
    text-transform: uppercase;
}

.avik-info-img-page-about p{
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 3px;
    font-weight: 300;
    padding-bottom: 3em;
    text-transform: uppercase;
    padding-top:1em;
}

.avik-divide-info-img-page-about{
    width: 0px;
    height: 3px;
    text-align: inherit;
    line-height: 0px;
    border-width: 0px;
    font-weight: 400;
    font-size: 16px;
    letter-spacing: 0px;
    transition-duration: 0.7s;
    transition-timing-function: ease;
}

.avik-img-page-about:hover .avik-divide-info-img-page-about{
    width: 90px;
    -webkit-transition:  0.7s ease-in;
    -moz-transition:  0.7s ease-in;
    transition:  0.7s ease-in ;
}

.avik-info-page-about{
    padding-top: 4em;
}

.avik-divide-title-about-page{
    width: 0px;
    height: 3px;
    text-align: inherit;
    line-height: 0px;
    border-width: 0px;
    font-weight: 400;
    font-size: 16px;
    letter-spacing: 0px;
    transition-duration: 0.7s;
    transition-timing-function: ease;
}

.avik-info-page-about:hover .avik-divide-title-about-page{
    width: 90px;
    -webkit-transition:  0.7s ease-in;
    -moz-transition:  0.7s ease-in;
    transition:  0.7s ease-in ;
}

.avik-title-about-page p{
    font-weight: 300;
    font-size: 16px;
    line-height: 28px;
    letter-spacing: .2px;
}

/* Social about */
.avik-social-page-about{
    position: absolute;
    top: 40%;
    right: -40px;
    display: block!important;
}

.avik-social-page-about ul{
    list-style: none;
}

.avik-social-page-about i{
    margin: 7px;
}

/* Statistic about */
.avik-content-stats{
    width: 100px;
    height: 100px;
    border-radius: 50px;
    padding-top: 32px;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    transition-duration: 0.7s;
    transition-timing-function: ease;
}

.avik-content-stats p{
    font-size: 14px;
    letter-spacing: 3px;
    font-weight: 300;
    text-transform: uppercase;
    transition-duration: 0.7s;
    transition-timing-function: ease;
}

.avik-info-page-about:hover .avik-content-stats p{
    -webkit-transition:  0.7s ease-in;
    -moz-transition:  0.7s ease-in;
    transition:  0.7s ease-in ; 
}

.avik-info-page-about:hover .avik-content-stats{
    -webkit-transition:  0.7s ease-in;
    -moz-transition:  0.7s ease-in;
    transition:  0.7s ease-in ;
}

.progress-bar {
    position: relative;
    height: 100px;
    width: 100px;
    padding-left: 1.5em!important;
    padding-top: 2em!important;
}

.progress-bar div {
    position: absolute;
    height: 75px;
    width: 75px;
    border-radius: 50%;
}

.progress-bar div span {
    position: absolute;
    font-size: 15px;
    line-height: 50px;
    height: 50px;
    width: 50px;
    left: 12.5px;
    top: 12.5px;
    text-align: center;
    border-radius: 50%;
}

.progress-bar .rotate {
    clip: rect(0 30px 80px 0);
}

.progress-bar .left {
    clip: rect(0 30px 80px 0);
    opacity: 1;
}

.progress-bar .right {
    clip: rect(0 30px 80px 0);
    transform: rotate(180deg);
    opacity: 0;
}

@keyframes
  toggle {  0% {
   opacity: 0;
}
   100% {
   opacity: 1;
}
}

.avik-stat-page-about{
    text-align: center;
}

.avik-stat-page-about h3{
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 3px;
    font-weight: 300;
    text-transform: uppercase;
    padding-bottom: 1em;
}

.avik-info-page-about img{
    width: 100%;
    height: 100%;
    transition-duration: 0.7s;
    transition-timing-function: ease;
}

.avik-page-about:hover .avik-info-page-about img{
    padding: 1em;
    -webkit-transition:  0.7s ease-in;
    -moz-transition:  0.7s ease-in;
    transition:  0.7s ease-in ;
}


/* Testimonial about */
.avik-testimonials-page-about{
    padding-top: 8em;
}

.avik-details-testimonials-page-about{
    text-align: center;
    padding: 1em;
}

.avik-details-testimonials-page-about p{
    font-size: 13px;
    padding-top: 10px;
}

.avik-item-testimonials-page-about{
    opacity: 1!important;
    margin: 10% 5%!important;
}

img.avik-img-testimonials-page-about{
    padding: 2em;
}

.avik-details-testimonials-page-about h4{
    font-size: 18px;
    line-height: 1.14em;
    text-transform: uppercase;
}

.avik-details-testimonials-page-about h5{
   font-size: 11px;
   line-height: 20px;
   letter-spacing: 3px;
   font-weight: 300;
   padding-bottom: 3em;
   text-transform: uppercase;
   padding-top:1em;
   transition-duration: 0.7s;
   transition-timing-function: ease;
}

.avik-testimonials-page-about:hover .avik-details-testimonials-page-about h5{
   -webkit-transition:  0.7s ease-in;
   -moz-transition:  0.7s ease-in;
   transition:  0.7s ease-in ;
}

.owl-prev {
   width: 15px;
   height: 100px;
   position: absolute;
   top: 40%;
   margin-left: -65px;
   display: block!important;
}

.owl-next {
   width: 15px;
   height: 100px;
   position: absolute;
   top: 40%;
   right: -70px;
   display: block!important;
}

.owl-prev i{
   font-size: 22px;
   opacity: 0.4;
   transition-duration: 0.7s;
   transition-timing-function: ease;
}

.owl-next i{
   font-size: 22px;
   opacity: 0.4;
   transition-duration: 0.7s;
   transition-timing-function: ease;
}

.avik-testimonials-page-about:hover .owl-next i{
    opacity: 1;
    -webkit-transition:  0.7s ease-in;
    -moz-transition:  0.7s ease-in;
    transition:  0.7s ease-in ;
}

.avik-testimonials-page-about:hover .owl-prev i{
    opacity: 1;
    -webkit-transition:  0.7s ease-in;
    -moz-transition:  0.7s ease-in;
    transition:  0.7s ease-in ;
}

.avik-title-testimonials-page-about h2{
    font-size: 35px;
    line-height: 1.14em;
    text-transform: uppercase;
}

.avik-title-testimonials-page-about h3{
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 3px;
    font-weight: 300;
    padding-bottom: 3em;
    text-transform: uppercase;
    padding-top:1em;
}

.wiler-divide-testimonials-page-about{
    width: 0px;
    height: 3px;
    text-align: inherit;
    line-height: 0px;
    border-width: 0px;
    font-weight: 400;
    font-size: 16px;
    letter-spacing: 0px;
    transition-duration: 0.7s;
    transition-timing-function: ease;
}

.avik-testimonials-page-about:hover .wiler-divide-testimonials-page-about{
    width: 90px;
    -webkit-transition:  0.7s ease-in;
    -moz-transition:  0.7s ease-in;
    transition:  0.7s ease-in ;
}

/* Portfolio About */
.avik-title-portfolio-page-about h2{
    font-size: 35px;
    line-height: 1.14em;
    letter-spacing: 3px;
    text-transform: uppercase;
}

.avik-title-portfolio-page-about h3{
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 3px;
    font-weight: 300;
    padding-bottom: 3em;
    text-transform: uppercase;
    padding-top:1em;
}

.avik-gallery-portfolio-page-about,
    #avik-section-gallery {
    overflow: hidden;
}

#avik-filters-portfolio {
    margin: 1%;
    padding: 0;
    list-style: none;
    overflow: hidden;
}

#avik-filters-portfolio li {
    float: left;
}

#avik-filters-portfolio li span {
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 3px;
    font-weight: 300;
    display: block;
    padding: 5px 20px;
    text-decoration: none;
    cursor: pointer;
    text-transform: uppercase;
    transition: all ease-in-out 0.25s;
}

.avik-gallery-item {
    float: left;
    width: 33.333%;
    padding: 10px;
    position: relative;
    z-index: 10;
    display: none;
}

.text h2{
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 3px;
    font-weight: 300;
    text-transform: uppercase;

}

.wiler-divide-portfolio-page-text-about{
    width: 0px;
    height: 3px;
    text-align: inherit;
    line-height: 0px;
    border-width: 0px;
    font-weight: 400;
    font-size: 16px;
    letter-spacing: 0px;
    margin-bottom: 1em;
    transition-duration: 0.7s;
    transition-timing-function: ease;
}

.avik-gallery-item :hover .wiler-divide-portfolio-page-text-about{
    width: 100%;
    -webkit-transition:  0.7s ease-in;
    -moz-transition:  0.7s ease-in;
    transition:  0.7s ease-in ;
}

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

.details,
.overlay {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    opacity: 0;
}

.details {
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 2;
    transition: all 0.3s ease-in-out;
}

.inside img {
    float: left;
    width: 100%;
    max-height: 330px;
    min-height: 330px;
}

.overlay {
    z-index: 1;
    transition: all 0.7s ease-in-out;
}

.avik-gallery-item:hover .details,
.avik-gallery-item:hover .overlay {
    opacity: 1;
}

/* Circle Progress Bar styles */
.progress-circle__svg {
  display: block;
  margin: 10px auto;
  max-width: 80%;
  max-height: 250px;
}

.progress-circle__bg {
  fill: none;
  stroke-width: 1.2;
}

.progress-circle__inner {
  fill: none;
  stroke-width: 1.2;
  stroke-linecap: round;
  animation: animate-round 1.5s ease-out forwards 1;
  animation-play-state: paused;
}
.progress-circle.animate .progress-circle__inner{
  animation-play-state: running;
}
.progress-circle__percentage {
  font-family: sans-serif;
  font-size: 0.5em;
  text-anchor: middle;
}

@keyframes animate-round {
  0% {
    stroke-dasharray: 0 100;
  }
}

/*Page Contact */
.avik-info-img-page-contact{
  padding-top: 3em;
}

.avik-info-img-page-contact h1{
  letter-spacing: 3px;
  font-weight: 600;
}

.avik-widget-content-contact{
  padding-top: 0.7em;
}

.avik-social-page-contact{
  padding-top: 5em;
}

.avik-social-page-contact ul{
  list-style: none;
  display: inline-flex;
}

.avik-social-page-contact li{
  padding-right: 1em;
}

.container-fluid.avik-container-fluid-contact{
  padding-left: 3em;
  padding-right: 3em;
}

/* General option for image in page */
.avik-img-page-general {
  left: 0;
  height: 600px;
  width: 100%;
  overflow: hidden;
}

.avik-info-img-page-general{
  position: absolute;
  top: 280px;
  left: 2em;
}

.avik-info-img-page-general h2{
  font-size: 35px;
  line-height: 1.14em;
  text-transform: uppercase;
}

.avik-info-img-page-general p{
  font-size: 14px;
  letter-spacing: 3px;
  font-weight: 300;
  padding-bottom: 3em;
  text-transform: uppercase;
  padding-top:1em;
}

/* Page faq */
.avik-page-faq-content h2{
  font-size: 22px;
  letter-spacing: 3px;
  font-weight: 600;
  text-transform: uppercase;
  padding-bottom: 1em;
  opacity: 0.8;
  transition-duration: 0.7s;
  transition-timing-function: ease;
}

.container-fluid.avik-container-fluid-faq{
  padding-left: 3em;
  padding-right: 3em;
}

.avik-questions:hover .avik-page-faq-content h2{
  opacity: 1;
  -webkit-transition:  0.7s ease-in;
  -moz-transition:  0.7s ease-in;
  transition:  0.7s ease-in ;
}

.title-avik-page-services-faq{
    margin-bottom: 2em;
    margin-top: 2em;
}

.title-avik-page-services-faq h2{
    font-size: 35px;
    line-height: 1.14em;
    text-transform: uppercase;
}

.title-avik-page-services-faq h3{
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 3px;
    font-weight: 300;
    padding-bottom: 3em;
    text-transform: uppercase;
    padding-top:1em;
}

.avik-questions{
	margin-bottom: 3em;
}

.avik-load-more-posts-faq{
  margin-bottom: 2em;
  margin-top: 2em;
  margin-left: 1.2em;
}

/* --- Start progress bar --- */
.process-wrapper {
	margin:auto;
	max-width:1080px;
	margin-top:2em;
}

#progress-bar-container {
	position:relative;
	width:100%;
	margin:auto;
	height:100px;
	margin-top:65px;
  margin-bottom: 5em;
}

#progress-bar-container ul {
	padding:0;
	margin:0;
	padding-top:15px;
	z-index:9999;
	position:absolute;
	width:100%;
	margin-top:-40px
}

#progress-bar-container li:before {
	content:" ";
	display:block;
	margin:auto;
	width:30px;
	height:30px;
	border-radius:50%;
	transition:all ease 0.3s;
}


#progress-bar-container li {
	list-style:none;
	float:left;
	width:20%;
	text-align:center;
	text-transform:uppercase;
	font-size:11px;
	cursor:pointer;
	font-weight:700;
	transition:all ease 0.2s;
	vertical-align:bottom;
	height:60px;
	position:relative;
}

@media (max-width: 399px) {
  #progress-bar-container li .step-inner {
    font-size: 8px;
  }
}

#progress-bar-container li .step-inner {
	position:absolute;
	width:100%;
	bottom:0;
}

#progress-bar-container li:after {
	content:" ";
	display:block;
	width:6px;
	height:6px;
	margin:auto;
	border-radius:50%;
	margin-top:40px;
	transition:all ease 0.2s;
}

#progress-bar-container #line {
	width:80%;
	margin:auto;
	height:6px;
	position:absolute;
	left:10%;
	top:57px;
	z-index:1;
	transition:all ease 0.9s;
}

#progress-bar-container #line-progress {
	content:" ";
	width:3%;
	height:100%;
	position:absolute;
	z-index:2;
	transition:all ease 0.9s;
}

#progress-content-section {
  width: 100%;
  margin: auto;
  margin-bottom: 3em;
}

#progress-content-section .section-content {
	padding:30px 40px;
}

#progress-content-section .section-content h2 {
  font-size: 30px;
  letter-spacing: 3px;
}

#progress-content-section .section-content p {
  font-size: 15px;
  line-height: 1.8em;
}

#progress-content-section .section-content {
	display:none;
	animation: FadeInUp 700ms ease 1;
	animation-fill-mode:forwards;
	transform:translateY(15px);
	opacity:0;
}

#progress-content-section .section-content.active {
	display:block;
}

@keyframes FadeInUp {
	0% {
		transform:translateY(15px);
		opacity:0;
	}

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

/* --- SOURCE --- */
#inspiration {
	position:fixed;
	bottom:0;
	width:100%;
	text-align:center;
	padding:15px;
	font-size:11px;
}

.avik-divide-footer-process{
  position: relative;
  width: 100%;
  height: 250px;
  margin-bottom: 100px;
  padding: 50px 0;
  z-index: 2;
}

/*Woocommerce*/
.avik-woocommerce-breadcrumb{
  font-size: 15px;
  letter-spacing: 1px;
  padding-top: 3px;
  padding-right: 13px;
}

h1.avik-woocommerce-title-product{
  letter-spacing: 3px;
  font-weight: 600!important;
  font-size: 20px!important;
  padding-left: 13px;
}


.avik-woocommerce-product{
  padding-bottom: 5em;
}

/*Sidebar Woocommerce*/
.avik-widget-area-woocommerce{
  padding: 1.5em;
}


/* Widegt woocommerce*/
.woocommerce .widget_price_filter .ui-slider .ui-slider-range{
  height: 4px;
}

.woocommerce .widget_price_filter .price_slider_wrapper .ui-widget-content{
  height: 4px;
  margin-bottom: 2em;
}

.price_label{
  font-size: 15px;
}

 .woocommerce button.button{
   letter-spacing: 1px;
   border-radius: 0;
   transition-duration: 0.7s;
   transition-timing-function: ease;
 }

.woocommerce button.button:hover{
  -webkit-transition:  0.7s ease-in;
  -moz-transition:  0.7s ease-in;
  transition:  0.7s ease-in ;
}

/* Cart Woocommerce */
a.cart-contents{
  line-height: 44px;
}

.cart-contents::before {
    font-family: WooCommerce;
    content: "\e01d";
    font-size:28px;
    margin-top:10px;
    font-style:normal;
    font-weight:400;
    padding-right:5px;
    vertical-align: bottom;
}

.cart-contents:hover {
    text-decoration: none;
}

.cart-contents-count {
  padding: 1px 5px;
     border-radius: 10px;
     line-height: 1;
     vertical-align: top;
     font-weight: bold;
     font-size: 12px;
}

.caption-style-4{
  list-style-type: none;
  margin: 0px;
  padding: 0px;
}

.caption-style-4 div{
  padding: 0px;
  position: relative;
  overflow: hidden;
  margin-bottom: 10px;
}

.caption-style-4 div:hover .caption{
  opacity: 1;
}

.caption-style-4 div:hover img{
  opacity: 1;
  transform: scale(1.15,1.15);
  -webkit-transform:scale(1.15,1.15);
  -moz-transform:scale(1.15,1.15);
  -ms-transform:scale(1.15,1.15);
  -o-transform:scale(1.15,1.15);
}

.caption-style-4 img{
  margin: 0px;
  padding: 0px;
  float: left;
  z-index: 0;
}

.caption-style-4 .caption{
  cursor: pointer;
  position: absolute;
  opacity: 0;
  -webkit-transition:all 0.45s ease-in-out;
  -moz-transition:all 0.45s ease-in-out;
  -o-transition:all 0.45s ease-in-out;
  -ms-transition:all 0.45s ease-in-out;
  transition:all 0.45s ease-in-out;
}

.caption-style-4 img{
  -webkit-transition:all 0.25s ease-in-out;
  -moz-transition:all 0.25s ease-in-out;
  -o-transition:all 0.25s ease-in-out;
  -ms-transition:all 0.25s ease-in-out;
  transition:all 0.25s ease-in-out;
}

.caption-style-4 .blur{
  background-color: rgba(0,0,0,0.65);
  height: 100%;
  width: 100%;
  z-index: 5;
  position: absolute;
}

.caption-style-4 .caption-text h1{
  text-transform: uppercase;
  font-size: 24px;
}
.caption-style-4 .caption-text{
  z-index: 10;
  color: #fff;
  position: absolute;
  width: 100%;
  height: 100%;
  text-align: center;
  top:100px;
}

.caption-style-4 .caption-text i{
  font-size: 18px;
  color: #fff;
  transition-duration: 0.3s;
  transition-timing-function: ease;
}

.caption-style-4 .caption-text i:hover{
  color: #636161;;
  -webkit-transition:  0.3s ease-in;
  -moz-transition:  0.3s ease-in;
  transition:  0.3s ease-in ;
}

.woocommerce a.button{
  background-color: transparent;
  font-size: 22px;
  transition-duration: 0.3s;
  transition-timing-function: ease;
}

.woocommerce a.button:hover{
  background-color: transparent;
  -webkit-transition:  0.3s ease-in;
  -moz-transition:  0.3s ease-in;
  transition:  0.3s ease-in ;
}

a.button.yith-wcqv-button::before {
    font-family: "Font Awesome 5 Free";
    content: "\f06e";
}

.woocommerce a.added_to_cart{
  display: none;
}

.woocommerce #respond input#submit.added::after, .woocommerce a.button.added::after, .woocommerce button.button.added::after, .woocommerce input.button.added::after{
	position: absolute;
	top: 11px;
	left: 8px;
	font-family: WooCommerce;
	content: '\e017';
	font-size: 26px;
}

.avik-woocommerce-title{
  text-align: center;
  padding-bottom: 1em;
  transition-duration: 0.3s;
  transition-timing-function: ease;
}

.avik-woocommerce-title:hover{
  -webkit-transition:  0.3s ease-in;
  -moz-transition:  0.3s ease-in;
  transition:  0.3s ease-in ;
}

.avik-woocommerce-price{
  text-align: center;
}

.woocommerce ul.products li.product .price{
  padding-top: 1em;
  transition-duration: 0.3s;
  transition-timing-function: ease;
}

.woocommerce ul.products li.product .price:hover{
  -webkit-transition:  0.3s ease-in;
  -moz-transition:  0.3s ease-in;
  transition:  0.3s ease-in ;
}

a.button.ajax_add_to_cart:after{
  display:block;
}

.avik-woocommerce-icon-cart{
  position: absolute;
  top: -7em;
  left: 8px;
  opacity: 0;
  transition-duration: 0.5s;
  transition-timing-function: ease;
}

.avik-woocommerce-effect-image-cart:hover .avik-woocommerce-icon-cart{
  opacity: 1;
  -webkit-transition:  0.5s ease-in;
  -moz-transition:  0.5s ease-in;
  transition:  0.5s ease-in ;
}

.woocommerce ul.products li.product a img{
  transition-duration: 0.5s;
  transition-timing-function: ease;
}

.woocommerce ul.products li.product a img:hover{
opacity: 0.8;
-webkit-transition:  0.5s ease-in;
-moz-transition:  0.5s ease-in;
transition:  0.5s ease-in ;
}

.woocommerce-shipping-calculator a{
  transition-duration: 0.5s;
  transition-timing-function: ease;
}

.woocommerce-shipping-calculator a:hover{
  -webkit-transition:  0.5s ease-in;
  -moz-transition:  0.5s ease-in;
  transition:  0.5s ease-in ;
}

.woocommerce ul.products{
   text-align: center;
}

.widget_shopping_cart_content a::before{
   content: ''!important;
   padding-right: 0!important;
}

.woocommerce .widget_shopping_cart .cart_list li a.remove, .woocommerce.widget_shopping_cart .cart_list li a.remove{
   top: 19px;
   background-color: transparent;
}

h2.woocommerce-loop-product__title{
   transition-duration: 0.3s;
   transition-timing-function: ease;
}

h2.woocommerce-loop-product__title:hover{
   -webkit-transition:  0.3s ease-in;
   -moz-transition:  0.3s ease-in;
   transition:  0.3s ease-in ;
}

.woocommerce .woocommerce-breadcrumb{
   position: relative;
   z-index: 99;
}

.widget.woocommerce a{
   font-size: 12px;
    line-height: 20px;
    letter-spacing: 3px;
    font-weight: 300;
    text-transform: uppercase;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
    transition-duration: 0.7s;
    transition-timing-function: ease;
}

.woocommerce .widget_shopping_cart .total, .woocommerce.widget_shopping_cart .total{
  letter-spacing: 2px;
}

.woocommerce a.button.alt{
  transition-duration: 0.5s;
  transition-timing-function: ease;
}

.woocommerce a.button.alt:hover{
  -webkit-transition:  0.5s ease-in;
  -moz-transition:  0.5s ease-in;
  transition:  0.5s ease-in ;
}

 .woocommerce input[type=number]::-webkit-inner-spin-button,
 .woocommerce input[type=number]::-webkit-outer-spin-button {
     -webkit-appearance: none;
     appearance: none;
     margin: 0;
 }

 .woocommerce input[type=number].qty {
     -moz-appearance: textfield;
 }

 .woocommerce-page div.product form.cart div.quantity {
     border-radius: 0px!important;
 }

 .woocommerce .quantity input.qty, .woocommerce .quantity .minus, .woocommerce .quantity .plus {
     line-height: 16px;
     height: 40px!important;
     color: inherit!important;
     padding:0!important;
     float:left;
     border-radius: 0px!important;
 }

 .woocommerce .quantity .minus, .woocommerce .quantity .plus {
     cursor: pointer;
     width: 40px!important;
 }

 .woocommerce .quantity input.qty {
     width: 44px!important;
 }

 div.quantity.hidden {
   border:none!important;
 }

 .product_meta a{
   transition-duration: 0.3s;
   transition-timing-function: ease;
 }

 .product_meta a:hover{
   opacity: 0.7;
   -webkit-transition:  0.3s ease-in;
   -moz-transition:  0.3s ease-in;
   transition:  0.3s ease-in ;
 }


.woocommerce button.button.alt{
  letter-spacing: 2px;
  padding-bottom: 12px;
}

.woocommerce span.onsale{
   border-radius: 0;
}

.woocommerce ul.products li.product .button{
  margin-top: 1px;
}

.woocommerce-Tabs-panel.woocommerce-Tabs-panel--description.panel.entry-content.wc-tab,.woocommerce-Reviews{
  padding: 2em;
  margin-top: -2em;
}

 /* Nav Woocommerce */
 .woocommerce nav.woocommerce-pagination ul li span.current{
   background-color: transparent;
 }

/*Single product */
.woocommerce div.product div.images div.thumbnails{
  padding-bottom: 2em;
}

.yith_magnifier_gallery li{
  padding: 1em;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li{
  background-color: transparent;
  border-radius: 0;
  margin: 5px;
  margin-bottom: 1em;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li a{
  letter-spacing: 2px;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li::after, .woocommerce div.product .woocommerce-tabs ul.tabs li::before{
  border: none;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li::after{
  box-shadow: none;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li::before{
  box-shadow: none;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li.active::after{
  box-shadow: none;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li.active::before{
  box-shadow: none;
}

.woocommerce div.product .woocommerce-tabs .panel h2{
  letter-spacing: 3px;
  font-size: 22px;
}

.related.products h2{
  font-size: 24px;
  letter-spacing: 3px;
}

/* Votazione prodotto */
.woocommerce div.product .woocommerce-product-rating a{
  transition-duration: 0.3s;
  transition-timing-function: ease;
}

.woocommerce div.product .woocommerce-product-rating a:hover{
  -webkit-transition:  0.3s ease-in;
  -moz-transition:  0.3s ease-in;
  transition:  0.3s ease-in ;
}

/* Slider zoom product */
.avik-slider-product .item{
  height:600px;
  padding-top: 6em;
}

/* Single product */
.woocommerce-tabs.wc-tabs-wrapper{
  padding-bottom: 5em;
  margin-bottom: 5em;
}

.woocommerce #reviews #comments ol.commentlist li .comment-text{
    margin: 30px 0 30px 100px;
    border-radius: 0;
}

.woocommerce #reviews #comments ol.commentlist li img.avatar{
  width: 48px;
  background: transparent;
}

.woocommerce #review_form #respond{
  letter-spacing: 3px;
}

.woocommerce #respond input#submit{
  transition-duration: 0.5s;
  transition-timing-function: ease;
}

.woocommerce #respond input#submit:hover{
  -webkit-transition:  0.5s ease-in;
  -moz-transition:  0.5s ease-in;
  transition:  0.5s ease-in ;
}

/* Cart */
.woocommerce table.cart td.actions .coupon, .woocommerce-page #content table.cart td.actions .coupon, .woocommerce-page table.cart td.actions .coupon {
  display: inline;
}

.woocommerce .cart-collaterals .cart_totals, .woocommerce-page .cart-collaterals .cart_totals{
  float: none;
  margin-top: 3em;
  width: 50%;
}

.woocommerce form .form-row{
  margin-bottom: 2em;
}

.select2-container--default .select2-selection--single .select2-selection__rendered{
  width: 100%;
  min-width: 150px;
}

.select2-container--default .select2-selection--single{
  border: none;
}

.woocommerce-cart-form a{
  color:#636161;
  transition-duration: 0.3s;
  transition-timing-function: ease;
}

.woocommerce-cart-form a:hover{
  -webkit-transition:  0.3s ease-in;
  -moz-transition:  0.3s ease-in;
  transition:  0.3s ease-in ;
}

.woocommerce table.cart td.actions .input-text, .woocommerce-page #content table.cart td.actions .input-text, .woocommerce-page table.cart td.actions .input-text{
  min-width: 220px;
  border: none;
  margin-right: 1em;
}

.entry-content{
  width: 100%;
}

.woocommerce-cart table.cart img{
  width: 64px;
}

/* Edit page */
.edit-link a{
  transition-duration: 0.3s;
  transition-timing-function: ease;
}

.edit-link a:hover{
  -webkit-transition:  0.3s ease-in;
  -moz-transition:  0.3s ease-in;
  transition:  0.3s ease-in ;
}

/* Check out */
.woocommerce-info{
  letter-spacing: 2px;
}

.woocommerce-info a{
  transition-duration: 0.3s;
  transition-timing-function: ease;
}

.woocommerce-info a:hover{
  -webkit-transition:  0.3s ease-in;
  -moz-transition:  0.3s ease-in;
  transition:  0.3s ease-in ;
}

.woocommerce form .form-row input.input-text{
  border: none;
}

.woocommerce-input-wrapper{
  width: 100%;
}

.woocommerce-input-wrapper textarea{
  border: none;
}

.woocommerce-shipping-fields h3{
  letter-spacing: 3px;
}

.woocommerce-billing-fields h3{
  letter-spacing: 3px;
}

.woocommerce table.shop_table td{
	letter-spacing: 2px;
}

.woocommerce-checkout #payment{
  border-radius: 0;
}

.woocommerce-checkout #payment a{
  transition-duration: 0.3s;
  transition-timing-function: ease;
}

.woocommerce-checkout #payment a:hover{
  -webkit-transition:  0.3s ease-in;
  -moz-transition:  0.3s ease-in;
  transition:  0.3s ease-in ;
}

.woocommerce-order a{
  transition-duration: 0.3s;
  transition-timing-function: ease;
}

.woocommerce-order a:hover{
  -webkit-transition:  0.3s ease-in;
  -moz-transition:  0.3s ease-in;
  transition:  0.3s ease-in ;
}

/* My accaunt */
.woocommerce form.login button.button{
  margin-right: 1em;
}

.woocommerce form.login a{
  transition-duration: 0.3s;
  transition-timing-function: ease;
}

.woocommerce form.login a:hover{
  -webkit-transition:  0.3s ease-in;
  -moz-transition:  0.3s ease-in;
  transition:  0.3s ease-in ;
}

.woocommerce-MyAccount-navigation-link a{
  transition-duration: 0.3s;
  transition-timing-function: ease;
}

.woocommerce-MyAccount-navigation-link a:hover{
  -webkit-transition:  0.3s ease-in;
  -moz-transition:  0.3s ease-in;
  transition:  0.3s ease-in ;
}

.woocommerce-account .woocommerce-MyAccount-content a{
  transition-duration: 0.3s;
  transition-timing-function: ease;
}

.woocommerce-account .woocommerce-MyAccount-content a:hover{
  -webkit-transition:  0.3s ease-in;
  -moz-transition:  0.3s ease-in;
  transition:  0.3s ease-in ;
}

/* Wishlist */
.woocommerce .wishlist-title h2{
  letter-spacing: 3px;
  font-weight: 600;
}

.woocommerce div.product div.summary a{
  transition-duration: 0.3s;
  transition-timing-function: ease;
}

.woocommerce div.product div.summary a:hover{
  -webkit-transition:  0.3s ease-in;
  -moz-transition:  0.3s ease-in;
  transition:  0.3s ease-in ;
}

.avik-woocomerce-label-wish{
  float: left;
  font-size: 16px;
  letter-spacing: 2px;
}

.yith-wcwl-add-button.show a{
  padding: 0;
  padding-bottom: 10px;
}

/* Menu shop */
.navbar-collapse.avik-shop li{
	padding-top: 8px;
}

/* Button filter product */
.woocommerce .widget_price_filter .price_slider_amount .button{
	font-size: 13px;
}

/* Form search woocommerce fr product */
.woocommerce-product-search input{
	font-size: 12px;
  width: 150px;
  height: 24px;
}

.woocommerce-product-search button{
	float: right;
  position: absolute;
  border-color: transparent;
  cursor: pointer;
  font-size: 13px;
}

/*Login icon */
.avik-icon-login{
	font-size: 24px;
}

/* Slider Product */
.avik-slider-pro.product{
	height: 65vh;
}

.slides-nav.product{
	height: 65vh;
}

.slides.product{
	height: 65vh;
}

/* Filter Slider Portfolio Avik */
.filter-header-avik-portfolio{
	width: 60%;
	height: 85vh;
	position: absolute;
	left: 40%;
}

img{
	max-width:100%!important;
	height:auto!important;
	background-size:cover!important;
}

/* Area Footer */

/* In Responsive Widget Footer */
@media (max-width: 769px) {
  .widget-row-1{
    overflow-x: auto;
    white-space: nowrap;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    transform: translate3d(0, 0, 0);
  }
  .row.avik-row-widget-responsive{
    display: inline-block;
  }
  .avik-widget-col-responsive{
    padding-bottom: 15px!important;
    display: inline-block;
    white-space: normal;
    float: none;
    vertical-align: top;
    width: 80%!important;
    margin-right: -10px!important;
  }  
}

.widget-area-footer-pro-version i.icon-row{
  font-size: 30px;
  position: absolute;
  bottom: 10px;
  right: 45%;
}

@media (min-width: 769px) {
  .widget-area-footer-pro-version i.icon-row{
    display: none;
  }
}

/* Widegt Calendar */
#wp-calendar {
  width: 100%; 
}

#wp-calendar caption { 
  text-align: right; 
  font-size: 12px; 
  margin-top: -12px; 
  caption-side: top;
  text-transform: uppercase;
}

#wp-calendar thead { 
  font-size: 12px; 
  text-align: center;
}

#wp-calendar thead th { 
  padding-bottom: 10px; 
}

#wp-calendar tbody td { 
  text-align: center; 
  padding:8px;
  font-size: 12px;
}

#wp-calendar tbody .pad { 
  background: none; 
}

#wp-calendar tfoot #next { 
  font-size: 12px; 
  text-transform: uppercase; 
  text-align: right; 
}

#wp-calendar tfoot #prev { 
  font-size: 12px; 
  text-transform: uppercase; 
  padding-top: 10px; 
}

#wp-calendar tfoot #next a:hover,#wp-calendar tfoot #prev a:hover{
  text-decoration: none;
}

#wp-calendar tbody td a:hover{
  text-decoration: none;
}

/* In Responsive */
@media (max-width: 1196px) {
  #wp-calendar tbody td { 
    padding: 7px;
  }
}

@media (max-width: 989px) {
  #wp-calendar tbody td { 
    padding: 2px;
  }
}
@media (max-width: 760px) {
  #wp-calendar tbody td { 
    padding: 8px;
  } 
}

/* Widget Tags */
.widget_tag_cloud .tagcloud a:hover{
  text-decoration: none;
}

.widget_tag_cloud a{
  font-size: 8pt!important;
  padding: 4px 6px!important;
}

/* Blog Sidebar Right */
.avik-container-fluid-blog-sidebar-right{
  margin-top: 4em;
  margin-bottom: 4em;
}

/* Portfolio post */
h1.title-portfolio-post{
  font-size: 2rem;
}

/* Scroll To Top */
@media (max-width: 399px) {
  #avik-scrol-to-top{
    height: 28px;
  }
  #avik-scrol-to-top p{
    font-size: 5px;
  }
}

@media (max-width: 699px) {
  #avik-scrol-to-top{
    width: 100px;
    padding: 10px;
    height: 28px;
  }
  #avik-scrol-to-top p{
    font-size: 5px;
}
}

.row{
  margin-left: 0!important;
  margin-right: 0!important;
}

/* Popup image */

.mfp-content{
  margin-top: 2em;
}

/* Blog */

.avik-blog-sidebar-right{
  margin-bottom: 4em;
  border-bottom: 1px solid #ccc;
  border-bottom-style: dotted;
}

/* Footer Menu */

.container-menu-footer a{
  font-size: 11px;
}

/* Title Section */
.font-tit-blog{
  padding-right: 15px;
}

/* Woocommerce page number */
.woocommerce .woocommerce-pagination ul.page-numbers li, .woocommerce-page .woocommerce-pagination ul.page-numbers li{
  background-color: #504e4e;
}

/* Responsive for Page */
@media (max-width: 699px) {
.text-image-services{
  display:none;
}
  .text-image-whoweare,.text-image-whoweare{
    display: none;
  }
}

@media (max-width: 699px) {
.header-image-services img,.header-image-whoweare img{
  padding-top: 2em;
}
  .slides-nav__nav{
    display: none;
  }
}

@media (max-width: 699px) {
 .avik-content-glass-header-spider h1.main-title.resp{
   font-size: 30px!important;
   margin-left: 1em!important;
 }
 .avik-content-glass-header-spider h4.avik-main-title-excpert-spider{
   display: none;
 }
}