/* Start:/local/components/portfolio/css/plugins-css.css?1764256394836*/
/*

Template: Webster - Responsive Multi-purpose HTML5 Template
Author: potenzaglobalsolutions.com
Design and Developed by: potenzaglobalsolutions.com

NOTE:  This file includes all plugins. If you don't want to use any plugins from below. You can simply remove that line from this file.

*/
 
/*plugins*/
@import url("/local/components/portfolio/css/plugins/bootstrap.min.css");
@import url("/local/components/portfolio/css/plugins/mega_menu.css");
@import url("/local/components/portfolio/css/plugins/animate.css");
@import url("/local/components/portfolio/css/plugins/font-awesome.min.css");
@import url("/local/components/portfolio/css/plugins/bootstrap-datetimepicker.min.css");
@import url("/local/components/portfolio/css/plugins/dataTables.bootstrap4.min.css");
@import url("/local/components/portfolio/css/plugins/magnific-popup.css");
@import url("/local/components/portfolio/css/plugins/mediaelementplayer.css");
@import url("/local/components/portfolio/css/plugins/owl.carousel.min.css");
@import url("/local/components/portfolio/css/plugins/slick-theme.css");
@import url("/local/components/portfolio/css/plugins/themify-icons.css");
@import url("/local/components/portfolio/css/plugins/fullcalendar.css");

/* End */


/* Start:/local/components/portfolio/css/typography.css?176425639413208*/
/*

Template: Webster - Responsive Multi-purpose HTML5 Template
Author: potenzaglobalsolutions.com
Design and Developed by: potenzaglobalsolutions.com

NOTE: This is typography stylesheet of template, This file contains typography of the Template.

*/


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

:: General
:: Page section margin padding
:: Text color
:: Row eq height And No Gutter
:: Extra class
:: Loading
:: Back to top
:: Basic margin padding

======================================
[ End table content ]
======================================*/


/*************************
    General
*************************/
body { font-family: 'Poppins', sans-serif; font-weight: normal; font-style: normal; font-size: 14px; color: #626262; }
a, .btn  { -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; text-decoration: none; }
a:focus { text-decoration: none !important; }
a:focus, a:hover { color: #84ba3f; text-decoration: none !important; }
a, button, input { outline: medium none !important; color: #84ba3f; }
.uppercase { text-transform: uppercase; }
h1, h2, h3, h4, h5, h6 { font-family: 'Montserrat', sans-serif; font-weight: normal; color: #363636; margin-top: 0px; }
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color: inherit; }
label { font-weight: normal; }

h1 { font-size: 36px; font-style: normal; font-weight: 700; line-height: 40px; }
h2 { font-size: 32px; font-style: normal; font-weight: 600; line-height: 38px; }
h3 { font-size: 28px; font-style: normal; font-weight: 600; line-height: 32px; }
h4 { font-size: 22px; font-style: normal; font-weight: 500; line-height: 26px; }
h5 { font-size: 18px; font-style: normal; font-weight: 600; line-height: 18px; }
h6 { font-size: 16px; font-style: normal; font-weight: 600; line-height: 18px; }

.fw-1 { font-weight: 100; }
.fw-2 { font-weight: 200; }
.fw-3 { font-weight: 300; }
.fw-4 { font-weight: 400; }
.fw-5 { font-weight: 500; }
.fw-6 { font-weight: 600; }
.fw-7 { font-weight: 700; }
.fw-8 { font-weight: 800; }
.fw-9 { font-weight: 900; }

.l-height-24 { line-height: 24px; }
.l-height-26 { line-height: 26px; }
.l-height-28 { line-height: 28px; }
.l-height-30 { line-height: 30px; }
.l-height-32 { line-height: 32px; }
.l-height-34 { line-height: 34px; }
.l-height-36 { line-height: 36px; }
.l-height-38 { line-height: 38px; }
.l-height-40 { line-height: 40px; }

ul { margin: 0px; padding: 0px; }
p { font-weight: normal; line-height: 1.5; color: #626262; }
hr { margin: 0; padding: 0px; border-bottom:1px dashed #eceff8; border-top: 0px; }
hr.light { margin: 0; padding: 0px; border-bottom:1px solid rgba(255,255,255,0.1); border-top: 0px; opacity: 1; background: inherit; }

*::-moz-selection { background: #84ba3f; color: #fff; text-shadow: none; }
::-moz-selection { background: #84ba3f; color: #fff; text-shadow: none; }
::selection { background: #84ba3f; color: #fff; text-shadow: none; }

/***************************
Page section margin padding
****************************/
.page-section-ptb { padding: 80px 0; }
.page-section-pt { padding: 80px 0 0; }
.page-section-pb { padding: 0 0 80px; }

.page-section-1-ptb { padding: 120px 0; }
.page-section-1-pt { padding: 120px 0 0; }
.page-section-1-pb { padding: 0 0 120px; }

/*************************
    Text color
*************************/
.theme-color { color: #84ba3f; }
.text-white { color: #fff; }
.text-black { color: #363636; }
.text-gray { color: #999999; }


img.bottom-img { position: absolute; bottom: 0; left: 0; right: 0;  }

/********************************************
  Row-eq-height And No Gutter
/*********************************************/
.no-gutter{  margin-right:0; margin-left:0;}
.no-gutter > [class*='col-'] { padding-right:0; padding-left:0;}
.row-eq-height{ display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex;}
.row-eq-height.full-height > [class*='col-'] > div{height: 100%;}

/* Vertical Align */
.valign{display: table;}
.valign > [class*='col-']{display:table-cell; float:none;}
[data-valign-overlay="top"]{vertical-align:top;}
[data-valign-overlay="middle"]{vertical-align:middle;}
[data-valign-overlay="bottom"]{vertical-align:bottom;}


 /*************************
    Extra class
*************************/
.o-hidden { overflow: hidden; }
.position-re { position: relative; }
.full-width{width: 100% !important;}
section { background: #ffffff; }
.shadow { box-shadow: none !important; }

/*******************************************
             Loading
*******************************************/
#pre-loader { background-color: #FFFFFF; height: 100%; width: 100%; position: fixed; z-index: 1; margin-top: 0px; top: 0px; left: 0px; bottom: 0px; overflow: hidden !important; right: 0px; z-index: 999999; }
#pre-loader img { text-align: center; left: 0; position: absolute; right: 0; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); z-index: 99; margin: 0 auto !important; }

/*************************
    back to top
*************************/
#back-to-top .top { z-index: 999; position: fixed; margin: 0px; color: #fff; transition:all .5s ease-in-out; position:fixed; bottom:105px; right:15px; border-radius: 3px; z-index: 999; background: transparent; font-size: 14px; background: #84ba3f; width: 40px; height: 40px; text-align: center; }
#back-to-top i { padding-top: 2px; font-size: 20px; }
#back-to-top span { display: block; line-height: 8px; font-size: 11px; }

 /*************************
  Basic margin padding
*************************/
.m-0 { margin-top: 0 !important; margin-right: 0 !important; margin-bottom: 0 !important; margin-left: 0 !important; }
.p-0 { padding-top: 0 !important; padding-right: 0 !important; padding-bottom: 0 !important; padding-left: 0 !important; }

/*************************
     Margin top
*************************/
/*.mt-0 { margin-top: 0 !important; }*/
.mt-10 { margin-top: 10px !important; }
.mt-15 { margin-top: 15px !important; }
.mt-20 { margin-top: 20px !important; }
.mt-30 { margin-top: 30px !important; }
.mt-40 { margin-top: 40px !important; }
.mt-50 { margin-top: 50px !important; }
.mt-60 { margin-top: 60px !important; }
.mt-70 { margin-top: 70px !important; }
.mt-80 { margin-top: 80px !important; }
.mt-90 { margin-top: 90px !important; }
.mt-100 { margin-top: 100px !important; }
.mt-110 { margin-top: 110px !important; }
.mt-120 { margin-top: 120px !important; }
.mt-130 { margin-top: 130px !important; }
.mt-140 { margin-top: 140px !important; }
.mt-150 { margin-top: 150px !important;}

 /*************************
    Margin right
*************************/
/*.mr-0 { margin-right: 0!important }*/
.mr-10 { margin-right: 10px !important; }
.mr-15 { margin-right: 15px !important; }
.mr-20 { margin-right: 20px !important; }
.mr-30 { margin-right: 30px !important; }
.mr-40 { margin-right: 40px !important; }
.mr-50 { margin-right: 50px !important; }
.mr-60 { margin-right: 60px !important; }
.mr-70 { margin-right: 70px !important; }
.mr-80 { margin-right: 80px !important; }
.mr-90 { margin-right: 90px !important; }
.mr-100 { margin-right: 100px !important; }
.mr-110 { margin-right: 110px !important; }
.mr-120 { margin-right: 120px !important; }
.mr-130 { margin-right: 130px !important; }
.mr-140 { margin-right: 140px !important; }
.mr-150 { margin-right: 150px !important; }

 /*************************
    Margin bottom
*************************/
/*.mb-0 { margin-bottom: 0!important }*/
.mb-10 { margin-bottom: 10px !important; }
.mb-15 { margin-bottom: 15px !important; }
.mb-20 { margin-bottom: 20px !important; }
.mb-30 { margin-bottom: 30px !important; }
.mb-40 { margin-bottom: 40px !important; }
.mb-50 { margin-bottom: 50px !important; }
.mb-60 { margin-bottom: 60px !important; }
.mb-70 { margin-bottom: 70px !important; }
.mb-80 { margin-bottom: 80px !important; }
.mb-90 { margin-bottom: 90px !important; }
.mb-100 { margin-bottom: 100px !important; }
.mb-110 { margin-bottom: 110px !important; }
.mb-120 { margin-bottom: 120px !important; }
.mb-130 { margin-bottom: 130px !important; }
.mb-140 { margin-bottom: 140px !important; }
.mb-150 { margin-bottom: 150px !important; }

/*************************
    Margin left
*************************/
/*.ml-0 { margin-left: 0!important }*/
.ml-10 { margin-left: 10px !important; }
.ml-15 { margin-left: 15px !important; }
.ml-20 { margin-left: 20px !important; }
.ml-30 { margin-left: 30px !important; }
.ml-40 { margin-left: 40px !important; }
.ml-50 { margin-left: 50px !important; }
.ml-60 { margin-left: 60px !important; }
.ml-70 { margin-left: 70px !important; }
.ml-80 { margin-left: 80px !important; }
.ml-90 { margin-left: 90px !important; }
.ml-100 { margin-left: 100px !important; }
.ml-110 { margin-left: 110px !important; }
.ml-120 { margin-left: 120px !important; }
.ml-130 { margin-left: 130px !important; }
.ml-140 { margin-left: 140px !important; }
.ml-150 { margin-left: 150px !important; }

 /*************************
    Padding top
*************************/
/*.pt-0 { padding-top: 0!important }*/
.pt-10 { padding-top: 10px !important; }
.pt-15 { padding-top: 15px !important; }
.pt-20 { padding-top: 20px !important; }
.pt-30 { padding-top: 30px !important; }
.pt-40 { padding-top: 40px !important; }
.pt-50 { padding-top: 50px !important; }
.pt-60 { padding-top: 60px !important; }
.pt-70 { padding-top: 70px !important; }
.pt-80 { padding-top: 80px !important; }
.pt-90 { padding-top: 90px !important; }
.pt-100 { padding-top: 100px !important; }
.pt-110 { padding-top: 110px !important; }
.pt-120 { padding-top: 120px !important; }
.pt-130 { padding-top: 130px !important; }
.pt-140 { padding-top: 140px !important; }
.pt-150 { padding-top: 150px !important; }

 /*************************
    Padding right
*************************/
/*.pr-0 { padding-right: 0!important }*/
.pr-10 { padding-right: 10px !important; }
.pr-15 { padding-right: 15px !important; }
.pr-20 { padding-right: 20px !important; }
.pr-30 { padding-right: 30px !important; }
.pr-40 { padding-right: 40px !important; }
.pr-50 { padding-right: 50px !important; }
.pr-60 { padding-right: 60px !important; }
.pr-70 { padding-right: 70px !important; }
.pr-80 { padding-right: 80px !important; }
.pr-90 { padding-right: 90px !important; }
.pr-100 { padding-right: 100px !important; }
.pr-110 { padding-right: 110px !important; }
.pr-120 { padding-right: 120px !important; }
.pr-130 { padding-right: 130px !important; }
.pr-140 { padding-right: 140px !important; }

 /*************************
    Padding bottom
*************************/
/*.pb-0 { padding-bottom: 0!important }*/
.pb-10 { padding-bottom: 10px !important; }
.pb-15 { padding-bottom: 15px !important; }
.pb-20 { padding-bottom: 20px !important; }
.pb-30 { padding-bottom: 30px !important; }
.pb-40 { padding-bottom: 40px !important; }
.pb-50 { padding-bottom: 50px !important; }
.pb-60 { padding-bottom: 60px !important; }
.pb-70 { padding-bottom: 70px !important; }
.pb-80 { padding-bottom: 80px !important; }
.pb-90 { padding-bottom: 90px !important; }
.pb-100 { padding-bottom: 100px !important; }
.pb-110 { padding-bottom: 110px !important; }
.pb-120 { padding-bottom: 120px !important; }
.pb-130 { padding-bottom: 130px !important; }
.pb-140 { padding-bottom: 140px !important; }
.pb-150 { padding-bottom: 150px !important; }

 /*************************
    Padding left
*************************/
/*.pl-0 { padding-left: 0!important }*/
.pl-10 { padding-left: 10px !important; }
.pl-15 { padding-left: 15px !important; }
.pl-20 { padding-left: 20px !important; }
.pl-30 { padding-left: 30px !important; }
.pl-40 { padding-left: 40px !important; }
.pl-50 { padding-left: 50px !important; }
.pl-60 { padding-left: 60px !important; }
.pl-70 { padding-left: 70px !important; }
.pl-80 { padding-left: 80px !important; }
.pl-90 { padding-left: 90px !important; }
.pl-100 { padding-left: 100px !important; }
.pl-110 { padding-left: 110px !important; }
.pl-120 { padding-left: 120px !important; }
.pl-130 { padding-left: 130px !important; }
.pl-140 { padding-left: 140px !important; }
.pl-150 { padding-left: 150px !important; }

/*min height*/

.min-h-200 { min-height: 200px; }
.min-h-230 { min-height: 230px; }
.min-h-260 { min-height: 260px; }
.min-h-290 { min-height: 290px; }
.min-h-320 { min-height: 320px; }
.min-h-350 { min-height: 350px; }
.min-h-380 { min-height: 380px; }
.min-h-410 { min-height: 410px; }
.min-h-440 { min-height: 440px; }
.min-h-470 { min-height: 470px; }
.min-h-500 { min-height: 500px; }
.min-h-550 { min-height: 550px; }

/*max height*/
.max-h-200 { max-height: 200px; }
.max-h-230 { max-height: 230px; }
.max-h-260 { max-height: 260px; }
.max-h-290 { max-height: 290px; }
.max-h-320 { max-height: 320px; }
.max-h-350 { max-height: 350px; }
.max-h-380 { max-height: 380px; }
.max-h-410 { max-height: 410px; }
.max-h-440 { max-height: 440px; }
.max-h-470 { max-height: 470px; }
.max-h-500 { max-height: 500px; }
.max-h-550 { max-height: 550px; }


/* End */


/* Start:/local/components/portfolio/css/style.css?176425639421090*/
 /*************************************
         portfolio
 *************************************/
.isotope-filters { display: table; margin:0 auto 50px; text-align: center; }
.isotope-filters.text-start { display: block; margin: 30px 0; text-align: left; }
.isotope-filters button { margin: 4px; cursor: pointer;  padding: 6.5px 25px; font-size: 15px; border-radius: 3px; background: transparent; color: #363636; font-weight: 500; border: 1px solid #ccc;text-transform: capitalize; transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; -ms-transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out; }
.isotope-filters  button:focus { outline: none;  outline-style: none; outline-offset:0; }
.isotope-filters  button.active, .isotope-filters  button:hover { background: #84ba3f; color: #fff; border-color: #84ba3f; }
.isotope-filters  button+button { margin-left: 10px; }
.isotope, .masonry { margin: 0 -15px 0 0; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center;}
.isotope.full-screen, 
.masonry.full-screen { margin: 0; }
.isotope.full-screen.columns-2 .grid-item,
.isotope.full-screen.columns-3 .grid-item,
.isotope.full-screen.columns-4 .grid-item,
.isotope.full-screen.columns-5 .grid-item { padding: 7.5px; }
.isotope .grid-item img { width: 100%; }
.isotope.columns-1 .grid-item { width: 100%; padding: 0 15px 15px 0; }
.isotope.columns-2 .grid-item { width: 50%; padding: 0 15px 15px 0; }
.isotope.columns-3 .grid-item { width: 33.33333333%; padding: 0 15px 15px 0; }
.isotope.columns-4 .grid-item { width: 25%; padding: 0 15px 15px 0; }
.isotope.columns-5 .grid-item { width: 20%; padding: 0 15px 15px 0; }
.isotope.no-padding .grid-item { padding: 0 !important; }
.masonry.no-padding .masonry-item { padding: 0 !important; }
.masonry .masonry-item img { width: 100%; }
.masonry.columns-2 .masonry-item { width: 50%; padding: 0 15px 15px 0; }
.masonry.columns-3 .masonry-item { width: 33.33333333%; padding: 0 15px 15px 0; }
.masonry.columns-4 .masonry-item { width: 25%; padding: 0 15px 15px 0; }
.masonry.columns-5 .masonry-item { width: 20%; padding: 0 15px 15px 0; }
.isotope.columns-4 .portfolio-item .portfolio-overlay h4 { font-size: 16px; }
.isotope.columns-4 .portfolio-item .portfolio-overlay h6 { display: none; }
.isotope.columns-5 .portfolio-item .portfolio-overlay h4 { font-size: 16px; }
.isotope.columns-5 .portfolio-item .portfolio-overlay h6 { display: none; }
.masonry.columns-4 .portfolio-item .portfolio-overlay h4 { font-size: 16px; }
.masonry.columns-4 .portfolio-item .portfolio-overlay h6 { display: none; }
.masonry.columns-5 .portfolio-item .portfolio-overlay h4 { font-size: 16px; }
.masonry.columns-5 .portfolio-item .portfolio-overlay h6 { display: none; }
/*filters-vertical*/
.filters-vertical { margin: 0; }
.filters-vertical button{ display: block; margin: 0; border: none; padding: 6.5px 0px; text-align: left;}
.filters-vertical.isotope-filters button+button{ margin: 0; }
.isotope-filters.filters-vertical button.active,  .isotope-filters.filters-vertical button:hover{ color: #84ba3f; background: transparent;}
.portfolio-item.rs-hero:before{content: none; }
.portfolio-item.rs-hero{ box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.07); }
 /*************************************
         portfolio  item
 **************************************/
.portfolio-title { padding: 100px 60px 30px; }
.portfolio-title span { display: block; }
.portfolio-item { width: 100%; height: 100%; position: relative;  overflow: hidden; color: #fff; width: 100%; border: 0; position: relative; }
.portfolio-item img { width: 100%; -webkit-transition: transform 0.35s; -o-transition: transform 0.35s; -ms-transition: transform 0.35s; -moz-transition: transform 0.35s; transition: transform 0.35s; -webkit-backface-visibility: hidden; -o-backface-visibility: hidden; -ms-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden;}
.portfolio-item .portfolio-overlay  { width: 100%; background: #84ba3f; padding: 10px; position: absolute;  bottom:-80px; display: block;  margin-top: 0; float: left; z-index: 9; text-align: left; left: 0;  transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out;  -ms-transition: all 0.5s ease-in-out;  -o-transition: all 0.5s ease-in-out; }
.portfolio-item .portfolio-overlay h4 { font-weight: 600; margin-bottom: 5px; }
.portfolio-item .portfolio-overlay a:hover { color: #323232; }
.portfolio-item .portfolio-overlay span { font-weight: 400; font-size: 14px; }
.portfolio-item .portfolio-overlay span a { color: #323232; }
.portfolio-item .portfolio-overlay span a:hover { color: #323232; }
.portfolio-item a.popup{position: absolute; right: 20px; top: -20px; color: #fff; z-index: 9; display: inline-block; width: 40px; height: 40px; background: #fff; color: #626262; border-radius: 50%; margin-right: 10px; padding-left: 0px; text-align: center; line-height: 40px;  opacity: 0;  transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out;  -ms-transition: all 0.5s ease-in-out;  -o-transition: all 0.5s ease-in-out;}
.portfolio-item a.popup:hover { background: #84ba3f; color: #ffffff; }
.portfolio-item:hover a img { -webkit-transform:scale(1.20);  -moz-transform:scale(1.20); -ms-transform:scale(1.20);  -o-transform:scale(1.20);  transform:scale(1.20); }
.portfolio-item:hover a.popup{ opacity: 1; top: 20px; }
/*.portfolio-item:before { content: ''; display: inline-block; width: 100%; height: 100%;  position: absolute; top: 0; left: 0; z-index: 1; background-size: 115%;
    -webkit-transition: all 0.7s cubic-bezier(.68,.11,.13,.98);  -moz-transition: all 0.7s cubic-bezier(.68,.11,.13,.98); transition: all 0.7s cubic-bezier(.68,.11,.13,.98);
    -webkit-box-sizing: border-box; -moz-box-sizing: border-box;  box-sizing: border-box; }*/
.owl-carousel .owl-item .portfolio-item img { width: 100%; }
 .portfolio-item.only-popup { width: 100%; text-align: center; }
 .portfolio-item.only-popup a.popup { display: inline-block; left: 50%; margin-left: -20px;  position: absolute; text-align: center; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); }
.portfolio-item:hover .portfolio-overlay { bottom: 0; }
/* no-title */
.no-title .portfolio-item .portfolio-overlay { position: inherit; bottom: inherit; background: #88c532; height: 100%; }
.no-title .portfolio-item .portfolio-overlay h4 a { color: #f6f7f8; }
.no-title .portfolio-item .portfolio-overlay span a { color: #f9cc44; }
.no-title .portfolio-item .portfolio-overlay h4 a:hover { color: #f9cc44; }
.no-title .portfolio-item .portfolio-overlay span a:hover { color: #f6f7f8; }
 /*portfolio pupup*/
 .mfp-bottom-bar { display: block; }
 .mfp-title { font-size: 1rem; font-weight: 800; text-align: center; }
 .mfp-counter {display: none; }
.portfolio-home .isotope { margin-bottom: 0; }
.corporate-02-portfolio .portfolio-item .portfolio-overlay a:hover { color: rgba(255,255,255,.7); }
.corporate-02-portfolio .portfolio-item .portfolio-overlay span a:hover { color: rgba(255,255,255,.7); }

/*************************************
             portfolio-item-2
**************************************/
.portfolio-item-2 { width: 100%; overflow: hidden; position: relative; }
.portfolio-item-2:before { background: transparent; }
.portfolio-item-2 .portfolio-hover { padding: 20px; position: absolute; z-index: 99; bottom: 0px; left: 0; right: 0; bottom: 0; height: 100%; width: 100%; opacity: 0; transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out;  -ms-transition: all 0.5s ease-in-out;  -o-transition: all 0.5s ease-in-out; }
.portfolio-item-2 .portfolio-hover .hover-name {  position: absolute; bottom: -10px; transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out;  -ms-transition: all 0.5s ease-in-out;  -o-transition: all 0.5s ease-in-out; }
.portfolio-item-2 .portfolio-hover .hover-name span { font-size: 14px; color: #fff; display: block; }
.portfolio-item-2 .portfolio-hover .hover-name a { font-size: 22px; text-transform: uppercase; color: #fff; display: block; margin-top: 5px; }
.portfolio-item-2 .portfolio-hover .hover-name a:hover { color: #84ba3f; }
.portfolio-item-2 .portfolio-hover .hover-icon { position: absolute; bottom: -10px; right: 30px; transition: all 0.8s ease-in-out; -webkit-transition: all 0.8s ease-in-out; -moz-transition: all 0.8s ease-in-out;  -ms-transition: all 0.8s ease-in-out; -o-transition: all 0.8s ease-in-out; }
.portfolio-item-2 .portfolio-hover .hover-icon a { color: #fff; }
.portfolio-item-2 .portfolio-hover .hover-icon a:hover { color: #84ba3f; }
.portfolio-item-2:hover .portfolio-hover { opacity: 1; background: rgba(0, 0, 0, 0.9); }
.portfolio-item-2 img { opacity: 1; -webkit-transition: all 1s ease; -moz-transition: all 1s ease;  -o-transition: all 1s ease;  -ms-transition: all 1s ease; transition: all 1s ease; }
.portfolio-item-2:hover img { opacity: 0.1; -webkit-transform:scale(1.10);  -moz-transform:scale(1.10); -ms-transform:scale(1.10);  -o-transform:scale(1.10);  transform:scale(1.10); }
.portfolio-item-2:hover .portfolio-hover .hover-name { bottom: 30px; }
.portfolio-item-2:hover .portfolio-hover .hover-icon { bottom: 40px; }
.no-title .portfolio-item-2 { overflow: visible; }
.no-title .portfolio-item-2 .portfolio-hover { position: inherit; border: inherit; opacity: 1; background: #f6f7f8; clear: both; }
.no-title .portfolio-item-2:hover .portfolio-hover { bottom: inherit; background: inherit; background: #f6f7f8; }
.no-title .portfolio-item-2 .portfolio-hover .hover-name { bottom: inherit; position: inherit; display: inline-block; clear: both; }
.no-title .portfolio-item-2 .portfolio-hover .hover-icon { bottom: inherit; position: inherit; display: inline-block; float: right; padding-top: 20px; text-align: right;}
.no-title .portfolio-item-2:hover .portfolio-hover .hover-name { bottom: inherit; }
.no-title .portfolio-item-2:hover .portfolio-hover .hover-icon { bottom: inherit; }
.no-title .portfolio-item-2:hover img { opacity: 1;  -webkit-transform:inherit;  -moz-transform:inherit; -ms-transform:inherit;  -o-transform:inherit;  transform:inherit; }
.no-title .portfolio-item-2 .portfolio-hover .hover-icon a, .no-title .portfolio-item-2 .portfolio-hover .hover-name span, .no-title .portfolio-item-2 .portfolio-hover .hover-name a { color: #323232; }
.no-title .portfolio-item-2 .portfolio-hover .hover-icon a:hover, .no-title .portfolio-item-2 .portfolio-hover .hover-name a:hover { color: #84ba3f; }

 /*************************************
	    	   Portfolio single page
**************************************/
  /*tags*/
.tags h5 { display: inline-block; padding-right: 20px; }
.tags ul { display: inline-block; }
.tags li { display: inline-block; }
.tags li a { background: #f6f7f8; color: #323232; border-radius: 3px; padding: 8px 16px; line-height: 40px; font-size: 14px; margin-right: 2px; }
.tags li a:hover { box-shadow: 	0px 3px 10px rgba(0, 0, 0, 0.1); background: #ffffff; }

/*share*/
.share .social ul { display: inline-block; }
.share .social ul li { display: inline-block; padding: 0px 6px; }
.share .social ul li a:hover { color: #353535; }

/*port-meta*/
.port-meta ul { margin-bottom: 30px; }
.port-meta li { margin-bottom: 20px; font-size: 16px; }
.port-meta li b {  color: #84ba3f; width: 200px; font-weight: 400; width: 100px; display: inline-block; }
.port-meta li span { font-weight: normal; }
.port-info p { margin-bottom: 0px; }

/*port-navigation*/
.port-navigation { padding: 20px 0; border-bottom:1px dashed #d0d0d0; border-top: 1px dashed #d0d0d0;}
.port-navigation a { color: #626262; }
.port-arrow { height: 74px; width: 40px; text-align: center; background: #f7f7f7; display: inline-block;}
.port-arrow i {  text-align: center; font-size: 25px; line-height: 75px;}
.port-photo { width: 124px; height: 77px; display: inline-block; }
.port-photo img { width: 100%; }

/*port-post*/
.port-post { background: #f7f7f7; padding: 15px; }
.port-post-photo { width: 170px; display: inline-block; float: left; margin-right: 20px; }
.port-post-photo img { width: 100%;  }

/*port-post-info*/
.port-post-info { padding-left: 190px;}
.port-post-info h3 { display: inline-block; font-size: 24px;  }
.port-post-info span { color: #626262; }
.port-post-social strong { font-size: 14px; }
.port-post-social a { color: #626262; margin-left: 8px; font-size: 14px; }
.port-post-social a:hover { color: #84ba3f; }
.port-post-info p { margin-top: 10px; }
.port-singal .owl-carousel .owl-item img { width: 100%; }


/*video vimeo and youtube*/
.js-video { height: 0; padding-top: 25px; padding-bottom: 54%; position: relative; overflow: hidden; }
.js-video.widescreen { padding-bottom: 34.34%; }
.js-video embed, .js-video iframe, .js-video object, .js-video video { top: 0; left: 0; width: 100%; height: 100%; position: absolute; border: none; }
.js-video.big { padding-top: 30px; }

.blog-entry .grid-post li { float: left; width: 50%; border-right: 4px solid #fff; border-bottom: 4px solid #fff; list-style: none; }
.blog-entry .grid-post li img { width: 100%;  }
.blog-entry .grid-post li .portfolio-item { width: 100%; }

 /*blog-entry-audio*/
 .blog-entry .blog-entry-audio { padding: 136px 20px; background: url(/local/components/portfolio/css/../images/blog/04.jpg) no-repeat; background-position: center center; background-size: cover; }

/*************************************
         index portfolio 4
**************************************/
.portfolio-item.simple-effect .portfolio-overlay span { color: #363636; }
.portfolio-item.simple-effect .portfolio-overlay span a { color: #363636; }
.portfolio-item.simple-effect .portfolio-overlay a:hover { color: #84ba3f; }
.portfolio-item.simple-effect .portfolio-overlay span a:hover { color: #84ba3f; }
.portfolio-item.simple-effect .portfolio-overlay { z-index: 9; opacity: 0; bottom: inherit; background: transparent; top: 60%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); text-align: center;  }
.portfolio-item.simple-effect:hover:before { position: absolute; width: 100%; height: 100%; content: ""; background: rgba(255, 255, 255, 1); z-index: 1;  background-size: 115%;
    -webkit-transition: all 0.7s cubic-bezier(.68,.11,.13,.98); -moz-transition: all 0.7s cubic-bezier(.68,.11,.13,.98);  transition: all 0.6s cubic-bezier(.68,.11,.13,.98);    -webkit-box-sizing: border-box; -moz-box-sizing: border-box;  box-sizing: border-box; }
.portfolio-item.simple-effect:hover .portfolio-overlay { top: 50%; opacity: 1; }

/*footer*/
.footer .container-fluid { padding: 0 60px; }
#footer-fixed { position: fixed; bottom: 0px; width: 100%; z-index: -1; box-shadow: inset 0 27px 60px -25px rgba(0,0,0,0.3); }
.footer.footer-simple ul li a, .footer.footer-simple p, .footer.footer-simple .addresss-info i, .footer.footer-simple li { color: #ffffff; font-weight: bold; font-size: 16px; }
.footer.footer-simple ul li a:hover { color: rgba(255, 255, 255, 0.6); }
.footer.footer-simple .social-icons li a {  color: #ffffff; width: 100%; }
.footer.footer-simple .social-icons li a:hover { color: rgba(255, 255, 255, 0.6); }

/*elements*/
.full-width { width: 100%; }
.height-100vh { height: 100vh; }
.pos-bot { position: absolute; bottom: 0; /*width: 100%; */}
.vertical-align { position: absolute; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); }

/*************************************
       index portfolio  04 about
**************************************/
.portfolio-03-about { padding: 0 50px; }
.portfolio-03-about p { font-size: 16px; font-weight: 600; }

/*************************************
       index portfolio  single
**************************************/
/*popup-video*/
.popup-video-image { position: relative; }
.popup-video-image:before { background: rgba(37, 41, 51, 0.4); content: ""; height: 100%; left: 0;  position: absolute; top: 0; width: 100%; z-index: 0; }
.popup-video-image a i { color: #ffffff; text-align: center; line-height: 60px; width: 60px; height: 60px; background: #84ba3f; display: inline-block; margin: 0 auto;
    border-radius: 50%; left: 0; position: absolute; right: 0; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); z-index: 99; font-size: 20px; -webkit-transition: all 0.5s ease-out 0s; -moz-transition: all 0.5s ease-out 0s; -ms-transition: all 0.5s ease-out 0s; -o-transition: all 0.5s ease-out 0s; transition: all 0.5s ease-out 0s; }
.popup-video-image a i:hover { background: #323232; }

/*************************************
           portfolio
**************************************/
.portfolio-item.image-text { position: relative; }
.portfolio-item.image-text .portfolio-overlay { bottom: 30px; background: transparent; }
.portfolio-item.image-text .portfolio-overlay span { display: block; }
.portfolio-item.image-text:before { position: absolute; width: 100%; bottom: 0; content: ""; ackground: -moz-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,0.9) 100%); background: -webkit-gradient(linear,left top,left bottom,color-stop(0,rgba(0,0,0,0)),color-stop(100%,rgba(0,0,0,0.9))); background: -webkit-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,0.9) 100%); background: -o-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,0.9) 100%); background: -ms-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,0.9) 100%);  background: linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(0,0,0,0.9) 100%); top: auto; height: 75%; transition: all .35s; }
.portfolio-item.image-text .portfolio-overlay a.button { padding: 6px 16px; }
.portfolio-item.image-text .portfolio-overlay a.button span { font-size: 12px; }
.portfolio-item.image-text .portfolio-overlay a.button:hover { color: #ffffff;  }
/*************************************
           restyle
*************************************/
.isotop{
	display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    align-content: stretch;
}
.grid-item{
	width: 33%;
}
/*************************************
            boxed
**************************************/
@media (min-width: 1220px) {
body.boxed-layout .wrapper { float: none; width: 1220px; margin: 0 auto; position:relative; background-color: #FFF; box-shadow: 0 0 60px rgba(0,0,0,.1); -moz-box-shadow: 0 0 60px rgba(0,0,0,.1);
    -webkit-box-shadow: 0 0 60px rgba(0,0,0,.1); }
/*index 01*/
body.boxed-layout .wrapper .portfolio-title.section-title p { display: none; }
body.boxed-layout .wrapper .portfolio-title.section-title span { display: none; }

/*index 02*/
body.boxed-layout .wrapper .contact-3 .g-map { padding-top: 140%; }
body.boxed-layout .wrapper .contact-2 .g-map { padding-top: 90% }
body.boxed-layout .wrapper.vertical-header { width: auto; box-shadow: none; }
body.boxed-layout #footer-fixed { position: inherit !important; width: inherit; bottom: inherit !important; z-index: inherit; }
body.boxed-layout .wrapper { margin-bottom: 0 !important; }
body.boxed-layout .christmas-coming-soon { position: absolute; }
body.boxed-layout .container { width: 1170px; }

body.frame-layout .wrapper { margin: 0 auto; margin-top: 1.5%; margin-bottom: 1.5%; width: 97%; position: relative;  box-shadow: 0 0 60px rgba(0,0,0,.1); }
body.frame-layout .header.default, body.frame-layout .header.transparent, body.frame-layout header.one-page { left: 0; right: 0; }
body.frame-layout .navbar.affix { top: 0; }
body.frame-layout header.one-page.light .navbar { min-height: 10px !important; }
body.frame-layout #footer-fixed { position: inherit !important; bottom: inherit !important; z-index: inherit; }
body.frame-layout .wrapper { margin-bottom:1.5% !important; }
body.frame-layout .christmas-coming-soon { position: absolute; }

}

@media print {
 .sidebar, footer, .admin-header, header, .page-title, #back-to-top, .action-box { display: none !important; }
 .content-wrapper{ width: 100% !important; margin-left:0;  }
}


@media all and (-ms-high-contrast:none) {
.st-menu { position: absolute; }
img.bottom-img { top: 0; }
.search-cart { display: table; }
.search { display: table-cell !important; }
.shpping-cart { display: table-cell !important; }
.search-cart .shpping-cart { float: none !important; }
.mega-menu > section.menu-list-items .search-cart .search { float: none !important; }
.search-cart .shpping-cart { vertical-align: middle; }
.logo-center.header .search .search-btn { line-height: 0px; }
.newsletter.fancy button { padding: 14px 20px; }
}

@media not all and (min-resolution:.001dpcm) { @media
    {
     .newsletter.fancy button { padding: 14px 20px;  }
    }
}

/* End */


/* Start:/local/components/portfolio/css/responsive.css?176425639466590*/
 /*****************
================================================
 (  Media Queries  )
================================================
 *******************/


/*************************
       1700px
*************************/
@media (max-width: 1700px) {

.portfolio-title { padding: 60px 60px 30px; }


@media (max-width: 1500px) {

.portfolio-home .section-title p { font-size: 16px; }

}

@media (max-width: 1400px) {

.portfolio-title { padding:40px 40px 0px; }
.portfolio-home .portfolio-title.section-title { margin-bottom: 20px !important; }
.portfolio-home .portfolio-title.section-title .button.mt-30 { margin-top: 10px !important; }
.awesome-features .img-side img { top: 20px; }
.slider-parallax.banner-personal .slider-content h1 { font-size: 110px; line-height: 120px; }
.slider-parallax.banner-personal .slider-content h1 strong { font-size: 132px; }
.movie-banner .slider-content .banner-popup { width: 72%; }

}

@media (max-width: 1272px) {

}

@media (min-width: 1200px) {
/*.container { max-width: 1170px; }*/
}

@media (max-width: 1200px) {
.awesome-features .img-side img { top: 10%; }
.isotope.columns-4 .grid-item { width: 33.333%; }
.portfolio-parallax-banner p { padding-right: 400px; }
.portfolio-parallax-banner h2 { font-size: 90px; line-height: 90px; }
 .portfolio-home .isotope.columns-3 .grid-item { width: 50%;}

}
/**/
@media screen and (max-width: 1006px) {
	#b-main, #b-main div {
    	max-width: none !important;
	}
}

@media only screen and (min-width: 992px) and (max-width: 1500px) {
/*.vertical-header .container { max-width: auto; }*/
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
/*.container { max-width: 94%; }*/
}

@media (max-width: 1025px) {
.portfolio-title { padding:30px 30px 30px; }
}

@media only screen and (min-width: 768px) and (max-width: 999px) {
 /*.container{ max-width:96%; }*/
}

@media(max-width:991px) {

/*************************
     Margin top
*************************/
.sm-mt-0 { margin-top: 0 !important; }
.sm-mt-10 { margin-top: 10px !important; }
.sm-mt-15 { margin-top: 15px !important; }
.sm-mt-20 { margin-top: 20px !important; }
.sm-mt-30 { margin-top: 30px !important; }
.sm-mt-40 { margin-top: 40px !important; }
.sm-mt-50 { margin-top: 50px !important; }
 /*************************
    Margin right
*************************/
.sm-mr-0 { margin-right: 0!important }
.sm-mr-10 { margin-right: 10px !important; }
.sm-mr-15 { margin-right: 15px !important; }
.sm-mr-20 { margin-right: 20px !important; }
.sm-mr-30 { margin-right: 30px !important; }
.sm-mr-40 { margin-right: 40px !important; }
.sm-mr-50 { margin-right: 50px !important; }
 /*************************
    Margin bottom
*************************/
.sm-mb-0 { margin-bottom: 0!important }
.sm-mb-10 { margin-bottom: 10px !important; }
.sm-mb-15 { margin-bottom: 15px !important; }
.sm-mb-20 { margin-bottom: 20px !important; }
.sm-mb-30 { margin-bottom: 30px !important; }
.sm-mb-40 { margin-bottom: 40px !important; }
.sm-mb-50 { margin-bottom: 50px !important; }
/*************************
    Margin left
*************************/
.sm-ml-0 { margin-left: 0!important }
.sm-ml-10 { margin-left: 10px !important; }
.sm-ml-15 { margin-left: 15px !important; }
.sm-ml-20 { margin-left: 20px !important; }
.sm-ml-30 { margin-left: 30px !important; }
.sm-ml-40 { margin-left: 40px !important; }
.sm-ml-50 { margin-left: 50px !important; }
  /*************************
    Padding top
*************************/
.sm-pt-0 { padding-top: 0!important }
.sm-pt-10 { padding-top: 10px !important; }
.sm-pt-15 { padding-top: 15px !important; }
.sm-pt-20 { padding-top: 20px !important; }
.sm-pt-30 { padding-top: 30px !important; }
.sm-pt-40 { padding-top: 40px !important; }
.sm-pt-50 { padding-top: 50px !important; }
 /*************************
    Padding right
*************************/
.sm-pr-0 { padding-right: 0!important }
.sm-pr-10 { padding-right: 10px !important; }
.sm-pr-15 { padding-right: 15px !important; }
.sm-pr-20 { padding-right: 20px !important; }
.sm-pr-30 { padding-right: 30px !important; }
.sm-pr-40 { padding-right: 40px !important; }
.sm-pr-50 { padding-right: 50px !important; }
 /*************************
    Padding bottom
*************************/
.sm-pb-0 { padding-bottom: 0!important }
.sm-pb-10 { padding-bottom: 10px !important; }
.sm-pb-15 { padding-bottom: 15px !important; }
.sm-pb-20 { padding-bottom: 20px !important; }
.sm-pb-30 { padding-bottom: 30px !important; }
.sm-pb-40 { padding-bottom: 40px !important; }
.sm-pb-50 { padding-bottom: 50px !important; }
 /*************************
    Padding left
*************************/
.sm-pl-0 { padding-left: 0!important }
.sm-pl-10 { padding-left: 10px !important; }
.sm-pl-15 { padding-left: 15px !important; }
.sm-pl-20 { padding-left: 20px !important; }
.sm-pl-30 { padding-left: 30px !important; }
.sm-pl-40 { padding-left: 40px !important; }
.sm-pl-50 { padding-left: 50px !important; }
.row-eq-height {  display: block;}
h2 {font-size: 25px; line-height: 35px;}
h3 { font-size: 20px; }
h4 {font-size: 17px;}
h5 {font-size: 15px;}
.section-title { margin-bottom: 30px; }
/*fancy*/
/*
.header.fancy .menu { position: relative; top: 0; }
.header.fancy .topbar + .menu {  top: 0px; }
.header.fancy .mega-menu .menu-mobile-collapse-trigger:before, .header.fancy .mega-menu .menu-mobile-collapse-trigger:after, .header.fancy .mega-menu .menu-mobile-collapse-trigger span { background: #323232; }
.header.fancy .mega-menu > section.menu-list-items { padding: 0; }
.header.fancy .mega-menu .menu-logo { padding: 16px 0px; }
.header.fancy .search-cart span.icon, .search-cart i.icon { line-height: 60px; }
.header.fancy .mega-menu .menu-links > li > a { line-height: 20px; }
.header.fancy .topbar { padding: 10px 0px 10px; }
.header.fancy .search-cart i.icon { line-height: 74px; }
.header.left-menu .menu-links {  padding-left: 0; }
.header.logo-center .menu-bar { border:0px; }
.header.transparent { position: relative; background: #323232; }
*/
/*portfolio*/
.isotope.columns-3 .grid-item { width: 50%; }
.isotope.columns-4 .grid-item { width: 50%; }
.isotope.columns-5 .grid-item { width: 50%; }

.header.fancy .search-cart .search { padding-right: 0; }
.header.fancy .search .search-btn { margin-top: 23px; }
.search .search-btn { margin-top: 16px; }
.search-cart .shpping-cart { vertical-align: top; }
.search-cart .search + .shpping-cart { padding-left: 5px; }


/*************************************
             v1.3
**************************************/
.book-banner .row.row-eq-height { display: flex; width: 100%; }
.plumber-banner .row.row-eq-height { display: flex; width: 100%; }
.plumber-banner .row.row-eq-height .col-sm-12 {position: inherit;}
.plumber-banner .slider-content-text { left: 0; }
.product-feature img, .toch-future img { display: none; }
.toch-future { text-align: center; }
.fish-about:before { background: #ffffff; }
.fish-gallery p.text-white { color: #323232; margin-top: 10px !important; }
.fish-banner .slider-content .fish-banner-image img { height: inherit; }
.fish-banner .fish-banner-image { margin-right: 0; }
.fish-banner .slider-content h1 { font-size: 38px; line-height:  38px; }
.fish-banner .slider-content { margin: 0 30px; }
.fish-banner .slider-content a.button { padding: 0 15px; }
.hotel-banner .slider-content h1 { font-size: 50px; line-height: 50px; }
.hotel-banner .slider-content p { font-size: 20px; line-height: 30px; }
.hotel-banner-checkout .checkout { margin-top: 0; background: #050801; border-top: 0px; padding: 20px; }
.hotel-banner-checkout .checkout .checkout-name { padding: 0; }
.hotel-banner-checkout .checkout .checkout-name h3 { font-size: 24px; }
.hotel-banner-checkout .checkout .checkout-date { margin-top: 20px; }
.hotel-banner-checkout .checkout .checkout-date .button span { line-height: 33px; }
.pizza-about .pos-bot img { display: none; }
#header.pizza-menu .container-fluid { padding: 0 15px; }
#header.pizza-menu .mega-menu .menu-logo img {  height: 40px; }
#header.pizza-menu .mega-menu .menu-logo { padding: 5px 0; }
.rev-slider { margin: 0; }
header.one-page.light .navbar-inverse .navbar-collapse, header.one-page.light .navbar-inverse .navbar-form { background: #323232; }
.pizza-about .pizza-about-content { padding-bottom: 50px; }
.menu-body .menu-thumbnail { width: 100px; margin-bottom: 20px; }
.pizza-about h2 { font-size: 30px; }
.search-cart .side-menu-icon { vertical-align: top; padding-top: 20px; }

/*************************************
             v3.0
**************************************/
.make-call h2:before { display: none; }
.burger-welcome-content { padding-left: 0; padding-top: 30px; }
.burger-about.page-section-ptb  { padding-top: 0; }
.burger-about-content-right { margin-left: 0; }
.burger-custom-content h2 { font-size: 60px; line-height: 60px; }
.burger-contact .burger-contact-bg { left: 50px; height: 50px; }
.skateboard-box { margin-bottom: 150px; }
.skateboard-box .skateboard-box-content { padding-left: 200px; }
.skateboard-video .js-video { margin-bottom: 70px; }
.bitcoin-banner .button { font-size: 14px; padding: 7px 15px; margin: 14px 0 !important; }
.chart-bitcoin .chart-bitcoin-content { margin-top: 0; margin-bottom: 40px; }
.bitcoin-custom-content-02 .button {margin-top: 30px;}

.skateboard-banner .row.row-eq-height { display: flex; width: 100%; }
.skateboard-banner .row.row-eq-height .col-sm-12 {position: inherit;}
.skateboard-banner .slider-content-text { left: 20px; }
.skateboard-banner h1 { font-size: 80px; line-height: 80px; }
.skateboard-about .about-image { height: 460px; }
.st-menu.right-side .pos-bot { bottom: inherit; }
.pricing-content .pricing-table-list ul li { font-size: 12px; }
.header.burger { position: relative; background: #ffffff; }
.header.burger span.text-white { color: #323232 !important; }
.skateboard-product { padding-top: 70px; }
.christmas-event .blog-image { width: 100px; }
.book-counter .counter { margin-top: 30px; }
.fish-gallery .fish-gallery-top { margin-top: 0; }
.fish-company { padding-bottom: 40px; }
.fish-gallery .section-title h2 { color: #ffffff; padding-top: 40px; }
.onepage-hover-01 .mega-menu .menu-mobile-collapse-trigger:before, .onepage-hover-01 .mega-menu .menu-mobile-collapse-trigger:after, .onepage-hover-01 .mega-menu .menu-mobile-collapse-trigger span { background: #323232; }
.process .border-area.left-bottom { width: 60px; }
.blog-box.blog-2 .blog-info { padding: 10px; }
.plumber-banner .slider-content-image { left: 20%; }

/*************************************
             v3.2
**************************************/
 .service-04-video { padding: 0 !important; }
 .service-07 .agency-02-about-content-right { margin-left: 0;}
 .search-no-result .bg-title h2 { font-size: 270px; }

/*************************************
             v3.3
**************************************/
.barber-header .mega-menu .topbar-social {display: none; }
.barber-header .mega-menu .topbar-telephone { display: none; }
.barber-header .mega-menu .menu-logo > li > a img { height: 30px; }
.barber-header.logo-center .mega-menu .menu-logo { padding: 12px 0; }
.barber-title span { top: -45px; font-size: 100px; }
.barber .about-history { margin: 40px 0px; }
.choose-us { background: #323232 !important; }
.choose-us-bg { padding: 40px 0px; }
.choose-us .section-title { margin-bottom: 80px; }
.choose-us-after:after { position: absolute; width: 100%; height: 100%; content: ""; background: #f7f7f7; right: -100%; top: 0; }
.header.text-dark .mega-menu.desktopTopFixed .menu-list-items { background: #323232; }
.promo-text { margin-bottom: 50px; }
.feature-step{padding: 0 30px;}
.tattoo-banner h1 { font-size: 54px; line-height: 76px; }
.price-tattoo { padding: 0; }
.burger-dark { background: #000 !important; }
.burger-dark span.text-white { color: #ffffff !important; }
.team .barber-section-title .w-50 { width: 100%!important; }


/*************************************
           jobs
**************************************/
.job-testimonial .testimonial-info { font-size: 18px; line-height: 28px; }
.job-testimonial .testimonial-info:before { font-size: 120px; }
.jobs-banner h1 { font-size: 60px; }
.jobs-banner span { font-size: 20px; }
.jobs-banner .mt-50 { margin-top: 20px !important; }
.listing-banner h1 { font-size: 40px; line-height: 40px; }
.listing-banner p { font-size: 20px; line-height: 20px; margin-bottom: 20px !important; }

/*************************************
         marketing-tab
**************************************/
.marketing-tab .tab-vertical .tab-content { margin-left: 0; }
.tab-vertical .nav-tabs { width: 100%; float: none; }
.marketing-tab .tab { margin-top: 40px; }
.marketing-banner .slider-content h1 { font-size: 32px; line-height: 50px; }
.marketing-action-box .popup-video-image a i { position: relative; top: 20px; transform: inherit; }
.marketing-action-box .popup-video-image:before  { background: transparent; }

/*************************************
            index 12
**************************************/
.business-banner-02 .box-newsletter { display: none; }

/*************************************
            index 13
**************************************/
.business-13-about-content { margin-top: 40px; padding: 30px; }
.business-13-about-content .pl-130.pr-130 { padding: 0px !important; }
.business-date-box-text h2 { font-size: 140px; }
.business-date-box .business-date-box-text span { letter-spacing: 7px; right: -60px; }
.business-banner h1 { font-size: 60px; line-height: 50px; line-height: 20px; }
.business-banner span { font-size: 24px; }
.business-banner p { padding: 0; }
.business-banner-03 h1 { font-size: 50px; line-height: 50px; }
.business-video .business-video-box .vertical-align { padding: 50px; }
.business-banner-03 span { font-size: 16px; letter-spacing: 6px; }
.business-feature-top { padding: 30px; }
.business-banner-04 p { padding: 0; }

/*************************************
            Marketing
**************************************/
.marketing-tab ul.nav.nav-tabs:before{ width: 100%; }
.marketing-tab .tab-vertical .nav.nav-tabs li a{ margin-right: 0; }

}

@media(max-width:767px) {
/*************************
     Margin top
*************************/
.xs-mt-0 { margin-top: 0 !important; }
.xs-mt-10 { margin-top: 10px !important; }
.xs-mt-15 { margin-top: 15px !important; }
.xs-mt-20 { margin-top: 20px !important; }
.xs-mt-30 { margin-top: 30px !important; }
.xs-mt-40 { margin-top: 40px !important; }
 /*************************
    Margin right
*************************/
.xs-mr-0 { margin-right: 0!important }
.xs-mr-10 { margin-right: 10px !important; }
.xs-mr-15 { margin-right: 15px !important; }
.xs-mr-20 { margin-right: 20px !important; }
.xs-mr-30 { margin-right: 30px !important; }
.xs-mr-40 { margin-right: 40px !important; }
 /*************************
    Margin bottom
*************************/
.xs-mb-0 { margin-bottom: 0!important }
.xs-mb-10 { margin-bottom: 10px !important; }
.xs-mb-15 { margin-bottom: 15px !important; }
.xs-mb-20 { margin-bottom: 20px !important; }
.xs-mb-30 { margin-bottom: 30px !important; }
.xs-mb-40 { margin-bottom: 40px !important; }
/*************************
    Margin left
*************************/
.xs-ml-0 { margin-left: 0!important }
.xs-ml-10 { margin-left: 10px !important; }
.xs-ml-15 { margin-left: 15px !important; }
.xs-ml-20 { margin-left: 20px !important; }
.xs-ml-30 { margin-left: 30px !important; }
.xs-ml-40 { margin-left: 40px !important; }
 /*************************
    Padding top
*************************/
.xs-pt-0 { padding-top: 0!important }
.xs-pt-10 { padding-top: 10px !important; }
.xs-pt-15 { padding-top: 15px !important; }
.xs-pt-20 { padding-top: 20px !important; }
.xs-pt-30 { padding-top: 30px !important; }
.xs-pt-40 { padding-top: 40px !important; }
 /*************************
    Padding right
*************************/
.xs-pr-0 { padding-right: 0!important }
.xs-pr-10 { padding-right: 10px !important; }
.xs-pr-15 { padding-right: 15px !important; }
.xs-pr-20 { padding-right: 20px !important; }
.xs-pr-30 { padding-right: 30px !important; }
.xs-pr-40 { padding-right: 40px !important; }
 /*************************
    Padding bottom
*************************/
.xs-pb-0 { padding-bottom: 0!important }
.xs-pb-10 { padding-bottom: 10px !important; }
.xs-pb-15 { padding-bottom: 15px !important; }
.xs-pb-20 { padding-bottom: 20px !important; }
.xs-pb-30 { padding-bottom: 30px !important; }
.xs-pb-40 { padding-bottom: 40px !important; }
 /*************************
    Padding left
*************************/
.xs-pl-0 { padding-left: 0!important }
.xs-pl-10 { padding-left: 10px !important; }
.xs-pl-15 { padding-left: 15px !important; }
.xs-pl-20 { padding-left: 20px !important; }
.xs-pl-30 { padding-left: 30px !important; }
.xs-pl-40 { padding-left: 40px !important; }
h1 { font-size: 30px; }
h2 { font-size: 26px; }
.page-section-ptb { padding: 50px 0; }
.page-section-pt { padding: 50px 0 0; }
.page-section-pb { padding: 0 0 50px; }
.page-section-1-ptb { padding: 60px 0; }
.header.fullWidth .container-fluid { padding: 0 20px; }
/*header topbar*/
.topbar-call.text-left { text-align: center; margin-bottom: 10px; }
.topbar-social.text-right { text-align: center; }
.custom-content { margin-top: 0px; }
/*testimonial*/
.testimonial-2 { padding-bottom: 80px; }
/*team*/
.team-3-box img { width: 100%; }
/*accordian*/
.accordion.accordion-2 .acd-group .acd-heading { padding-left: 0px; padding-right: 0px;  }
/*footer*/
.footer-logo img { height: 60px; width: inherit; }
img#logo-footer { height: 40px; }
.footer .footer-nav.text-right { text-align: left; margin-top: 20px; }
.social.text-right { text-align: left; margin-top: 20px; }
.footer-contact { margin-top: 0; box-shadow: 0px 5px 30px rgba(0, 0, 0, 0.1); }
.our-clients.theme-bg { padding-bottom: 60px; }
.footer-contact .contact-box  { margin-bottom: 20px; }
.copyright.mt-50 { margin-top: 10px !important; }
.copyright .text-right { text-align: left; margin-top: 15px; }
footer .social-icons.float-end { float: left !important; width: 100%; }
.footer-widget.mt-60 { margin-top: 0 !important; }
.footer-box { margin-bottom: 20px; margin-top: 30px; }
/* Coming soon page */
.coming-soon-main { overflow: hidden; }
.coming-soon-main i { font-size: 70px; }
.coming-soon-countdown ul.countdown li span { font-size: 60px; }
.coming-soon-countdown ul.countdown li p { font-size: 16px; }
.coming-soon-main p { font-size: 18px; line-height: 26px; }
.coming-soon-main h1 { font-size: 42px; margin-bottom: 20px; }
/*error*/
.error-search-box input { width: 73%;  }
.error-block p { font-size: 20px; }
.error-block h1 { font-size: 80px; }
.error-404-2 .error-block h1 { font-size: 290px; }
.maintenance-progress-bar .progress-bar { display: block; margin: 0 auto 90px; }
.maintenance-progress-bar { margin: 30px 0 60px; }
.maintenance-main p { margin-bottom: 10px; }
/*portfolio*/
.isotope.columns-3 .grid-item { width: 50%; }
.isotope.columns-4 .grid-item { width: 50%; }
/*about-1 page*/
.about .feature-3 { margin-bottom: 30px; }
.feature-text.box, .feature-text.fill-box{ padding: 30px;}
.footer-widget { text-align: left; }
.xs-text-left{text-align: left;}
.xs-text-center{text-align: center;}
.xs-text-right{text-align: right;}
.pricing-table{margin: 0 0 30px;}
.team-3-box, .team{margin-bottom: 30px;}
.lead {font-size: 14px;}
.inner-intro { text-align: center;}
ul.page-breadcrumb { padding-top: 30px;}
.feature-step-2-box {padding: 20px;}
.feature-step-2 .feature-step-2-title-left h1 {font-size: 50px;}
.our-app{background-image: none !important;}
.valign > [class*="col-"] {display: block;}
.highlights-phone {margin: 30px 0;}
/*blog pages*/
.masonry.columns-2 .masonry-item { width: 100%; }
.masonry.columns-3 .masonry-item { width: 100%; }
/* blog timeline */
.blog ul.timeline:before { left: 40px; }
.blog ul.timeline > li { margin-bottom: 20px; position: relative; width:100%; float: left; clear: left; }
.blog ul.timeline > li > .timeline-panel { width: calc(100% - 90px); width: -moz-calc(100% - 90px); width: -webkit-calc(100% - 90px); }
.blog ul.timeline > li > .timeline-badge { left: 12px; margin-left: 0; top: 16px; }
.blog ul.timeline > li > .timeline-panel { float: right; }
.blog ul.timeline > li > .timeline-panel:before { border-left-width: 0; border-right-width: 15px; left: -15px; right: auto; }
.blog ul.timeline > li > .timeline-panel:after { border-left-width: 0; border-right-width: 14px; left: -14px; right: auto;  }
.blog .timeline > li.timeline-inverted { float: left; clear: left; margin-top: 30px; margin-bottom: 30px; }
.blog .timeline > li.timeline-inverted > .timeline-badge { left: 12px; }
.blog .timeline-panel img { width: 100%; }
.blog .timeline li.entry-date-bottom { text-align: left; }
.blog .timeline li.entry-date-bottom a { font-size: 13px; padding: 8px 10px; }
.blog .timeline li.entry-date { text-align: left; }
.blog .timeline li.entry-date span {  font-size: 13px; padding: 8px 10px;  }
.blog.timeline-sidebar .timeline li.timeline-inverted .timeline-badge { left: 23px; }
.blog .timeline > li:nth-child(2) { margin-top: 0; }
.blog .timeline > li.timeline-inverted { margin-top: 10px; }
.blog.timeline-sidebar .timeline > li.timeline-inverted { margin-bottom: 20px; }
.blog.timeline-sidebar .timeline > li.timeline-inverted:nth-child(2) { margin-bottom: 0px; }
.blog.timeline-sidebar .timeline li .blog-entry-grid .grid-post li { width: 100%; }
/*login 2*/
.login-2-social li { margin-bottom: 10px; }
/*maintenance*/
.progress-new { width: 100%; }
.maintenance-form input { width: 100%; }
/*portfolio*/
.isotope.columns-2 .grid-item { width: 100%; }
.isotope.columns-3 .grid-item { width: 100%; }
.isotope.columns-4 .grid-item { width: 100%; }
.isotope.columns-5 .grid-item { width: 100%; }
.masonry.columns-3 .masonry-item { width:100%; }
.masonry.columns-4 .masonry-item { width:100%; }
.masonry.columns-5 .masonry-item { width:100%; }
/*shop*/
.deal-banner img { width: 100%; }
/*process*/
.process.left .process-content .process-icon { display: block; margin-bottom: 20px; }
.process.left .process-content { padding-left: 40px; }
.process.right .process-content { padding-right: 40px; }
.process.right .process-content .process-icon { float: none; margin-bottom: 20px; }
.process.left .process-step { top: 30px; }
.process .process-step strong { width: 40px; height: 40px; line-height: 40px; }
.process.left .process-step { left: -20px; }
.process.right .process-step { right: -20px; }
/*resume*/
.resume-page .container-fluid { padding: 0 15px; }
/*shortcode*/
.clients-list ul li, .clients-list.column-4 ul li, .clients-list.column-3 ul li { width: 50%; }
/*countdown*/
.countdown.round { width: 100px; height: 100px; }
.countdown.round span { font-size: 30px; line-height: 30px; }
.countdown.round { padding: 16px; }
.countdown.round.medium { width: 100px; height: 100px; }
.countdown.round.medium span { font-size: 30px; line-height: 30px; }
.countdown.round.medium p { font-size: 14px; }
.countdown.round.large { width: 100px; height: 100px; }
.countdown.round.large span { font-size: 30px; }
.countdown.round.large span { line-height: 30px; }
.countdown.round.large p { font-size: 14px; }
/*datatables*/
.dataTables_paginate .pagination>li  { display: inline-block; text-align: center; }
.datatable-base .table-responsive { border: 0;  }

/*tab*/
.tab-vertical .nav-tabs { width: 100%; }
.tab-vertical .tab-content { width: 100%; margin-left: 0; }
.feature-text .feature-icon span, .feature-text .feature-icon i { padding-left: 0; }
.bg-top-before  { padding-top: 40px !important; }
.bg-top-before:before { display: none; }
.bg-top-before.pb-150 { padding-bottom: 40px !important; }
 /*gym*/
.course { margin-bottom: 20px; }
.medical-tab .tab .nav.nav-tabs li.active a:before { display: none; }
/*one page*/
/*mobile app*/
.mobile-app-about h2 { font-size: 40px; line-height: 40px; }
/*product*/
.product .product-image img { width: 100%; }
/*portfolio-banner*/
.portfolio-banner .slider-content h1 { font-size: 20px; line-height: 20px; }
.portfolio-banner .slider-content span { font-size: 12px; line-height: 18px; }
/*404 error*/
.error-block  { padding: 0; }
.error-block .error-text { padding: 0; display: none; }
.error-block h1 { padding: 0; }
.error-text-02 { display: none; }
.interior-action-box { margin-top: 30px; }
/*slider */
#rev_slider_11_1_wrapper strong { font-size: 20px !important; }
#rev_slider_13_1_wrapper i { font-size: 20px !important; }
.process-list { padding-left: 30px; padding-right: 30px;  }
.isotope, .masonry { margin: 0; }
.app-home { padding-bottom: 40px; }
 .services-text-box-green { padding: 50px 15px !important; }
.services-text-box-blue, .services-text-box-black { padding: 50px 15px !important; }
.bottom-nav .owl-nav { bottom: 20px; }
.blog-box.blog-2 .button.icon-color { margin-top: 0px; float: right !important; }
.team.team-hover.team-border .team-photo img { width: 100%; }
.owl-carousel .owl-dots { bottom: -15px; }
.special-feature .row-eq-height { display: block; }
.course img { width: 100%; }
.footer .footer-social ul.text-right { text-align: left; }
.cafe-counter.mt-60 { margin-top: 0px !important; }
.blog .timeline li.entry-date { top: -20px; }
.blog.timeline-sidebar .timeline li.entry-date { top: -20px; }
.footer .footer-widget .footer-widget-social.text-right { text-align: left; }
.footer.footer-one-page .footer-widget  { text-align: center; }
.footer.footer-one-page .footer-widget .footer-widget-social.text-right { text-align: center; }

/*************************************
             v1.0.2
**************************************/
.footer .container-fluid { padding: 0 15px; }
.text-left.mt-100 { margin-top: 40px !important; }

/*************************************
             v1.0.3
**************************************/
.slider-parallax.typer-banner.business h1 { line-height: 30px; font-size: 40px; }
.play-video-section .content { padding: 0; }
.slider-parallax.banner-personal .slider-content span { font-size: 70px; line-height: 70px; }
.slider-parallax.banner-personal .slider-content h1 { font-size: 60px; line-height: 60px; margin-top: -20px; }
.slider-parallax.banner-personal .slider-content h1 strong { font-size: 72px; line-height: 60px; }

/*************************************
             v1.0.4
**************************************/
.countdown p { font-size: 13px; }
.christmas-about .feature-text { margin-bottom: 50px; }
.christmas-form-content h2 { font-size: 40px; line-height: 40px; }
.happy-clients .mb-40 { margin-bottom: 0 !important; }
.christmas-form-content.mt-100 { margin-top: 60px !important; }
.christmas-team .team .team-photo img { width: 100%; }
.timer-banner .slider-content h1 { font-size: 30px; line-height: 30px; }

/*************************************
             v1.0.6
**************************************/
.movie-banner .slider-content-middle { padding: 0; }

/*************************************
             v1.0.7
**************************************/
.law-banner .slider-content h1 { line-height: 30px; font-size: 30px; }

/*************************************
             v1.0.8
**************************************/
.banner-agency-02 h1 { font-size: 30px; line-height: 30px; }
.agency-02-contact .footer-contact { margin-top: -50px; }
.agency-02-contact-title .mb-50 { margin-bottom: 0 !important; }
.agency-02-contact .footer-contact { margin-bottom: 30px; }
.portfolio-parallax-banner h2 { font-size: 50px; line-height: 50px; }

/*************************************
             v1.0.9
**************************************/
.coming-soon-big .countdown.medium span { font-size: 40px; line-height: 40px; }
.coming-soon-big .countdown.medium p { font-size: 16px; line-height: 16px; }
.error-05 h1 { font-size: 80px; line-height: 80px; }
.list-unstyled.pl-60 { padding-left: 0 !important;}
.page-title.light-overlay { padding-top: 200px; }
.divider.pt-70, .divider.pt-50 { padding-top: 30px !important; }
.page-title.light-overlay { padding-top: 200px; }
.faq-box { margin-top: 30px; }
 .faq-page-title .mt-50 { margin-top: 10px !important; }
 #main-slider.shop-05-banner .slider-content h1 { font-size: 40px; line-height: 40px; }
#main-slider.shop-06-banner .slider-content h1 { font-size: 30px; line-height: 30px; margin-bottom: 10px !important; }
#main-slider.shop-06-banner .slider-content p { font-size: 14px; line-height: 20px; margin: 10px 0 !important; }
#main-slider.shop-06-banner .slider-content a.button { font-size: 10px; padding: 6px 10px; }
.shop-07-product .product.mt-80 { margin-top: 0 !important; }
.banner-shop-07 h1 { font-size: 50px; line-height: 50px; }

/*************************************
             v2.5
**************************************/
.book-counter .counter { margin-top: 30px; }
.book-custom-block h2 { font-size: 40px; line-height: 40px; }
.book-banner .row.row-eq-height { display: block; }
.book-banner .row.row-eq-height .col-sm-12 {position: inherit !important;}
.book-banner .slider-content-text { top: 100px; text-align: center; width: 100%; }
.book-banner .slider-content-image { bottom: 50px; left: -100px; display: block; text-align: center; width: 100%; }
.book-banner .slider-content-image .book { height: 230px; }
.book-banner .slider-content-image .text { height: 180px; }
.book-banner .slider-content-text h2, .book-banner .slider-content-text p { display: none; }
.book-banner .slider-content-image .text { display: none; }
.plumber-banner .slider-content-image img { height: 500px; }
.plumber-contact-bg { margin-top: 60px; }
.product-banner .slider-content h1 { font-size: 50px; line-height: 50px; }
.product-video .product-video-box .vertical-align { padding: 30px; }
.product-video .product-video-box { min-height: 400px; }
.fish-banner { height: inherit; padding: 230px 0  }
.fish-banner .slider-content .fish-banner-image img { height: 230px; margin-top: 30px; margin-bottom: 30px; }
.fish-banner .slider-content { text-align: center; }
.fish-banner { background: #e6ebf0 !important; }
.fish-gallery .fish-gallery-top { margin-top: 40px; padding-bottom: 60px; }
.fish-gallery .section-title h2 { color: #ffffff; }
.fish-footer .fish-image { margin-top: -60px; }
.one-page.light .container-fluid { padding: 0 15px; }
.hotel-banner-checkout .checkout-date .form-control { margin-bottom: 0; }
.hotel-banner-checkout .checkout .checkout-date { padding-top: 0; }
.team .team-photo img { width: 100%; }


/*************************************
             v3.0.
**************************************/
.make-call h2, .make-call strong { font-size: 30px; }
.make-call span { font-size: 26px; margin-bottom: 0; }
.burger-custom-content h2 { font-size: 40px; line-height: 40px; }
.burger-banner .slider-content-middle { top: 140px; }
.skateboard-banner h1 { font-size: 70px; line-height: 70px; }
.bitcoin-about-bg { margin-top: 40px; padding: 50px 30px; }
.currency-calculator .feature-text .feature-arrow { display: none; }
.bitcoin-custom-conten-box { padding: 50px 20px; }
.bitcoin-custom-content-02 .counter span { font-size: 70px; line-height: 70px; }
.bitcoin-custom-content-02 p { font-size: 14px; }
.bitcoin-custom-content-02 .counter label { margin-bottom: 20px; }
.skateboard-about { padding-top: 100px; }
.medical-tab .tab .nav.nav-tabs li a.active:before { border:none; }
.hotel-banner-checkout .checkout .checkout-date { height: inherit; }
.process .border-area.left-bottom { width: 30px; }
.blog-box.blog-2 .blog-info { padding: 20px; }
.plumber-banner .slider-content-image { left: 10%; }

/*************************************
             v3.2
**************************************/
 .secrvice-blog { margin-top:-30px; }
 .search-no-result { padding: 40px 0px; }
 .search-no-result .bg-title h2 { font-size: 170px; }

/*************************************
             v3.3
**************************************/
.barber-title span { top: -57px; font-size: 80px; }
.barber .about-history { margin: 40px 30px 30px 30px; }
.choose-us-bg { padding: 40px; }
.barber-team { background-size: 100%; }
.pricing-image img { width: 100%; }
.team.team-list .team-description { text-align: center; }
.tattoo-section-title, .tattoo-section-title-02 { display: none; }
.barber-section-title .w-50, .barber-section-title .w-25 { width: 100%!important; }
.team .barber-section-title { bottom: 30px; }

/*************************************
             jobs
**************************************/
.jobs-banner h1 { font-size: 40px; line-height: 30px; }
.job-list { text-align: center; }
.job-list h5 { margin: 15px 0; }
.listing-banner-categorie { display: none; }
.listing-search { margin-top: 60px; padding: 20px; }

/*************************************
             marketing
**************************************/
.marketing-banner  p { display: none; }
.marketing-service  .feature-text.left-icon .feature-icon { padding-left: 0; }
.our-history.timeline-left .timeline > li > .timeline-badge { left: 3%; }
.our-history.timeline-left .timeline:before { left: 3%; }
.our-history.timeline-left .timeline > li > .timeline-panel { width: 100%; padding: 40px 20px 20px 45px; }
.our-history.timeline-left .timeline > li.timeline-inverted > .timeline-panel::before, .our-history.timeline-left > li > .timeline-panel::before { display: none; }

/*************************************
             index 12
**************************************/
.business-banner-02 p { display: none; }
.business-date-box-text h2 { margin-bottom: 50px; }
.business-banner-05 h1 { font-size: 30px; line-height: 34px; }
.business-banner-05 p { padding: 0; }

/*index-listing*/
.listing-how-work { margin-top: 50px; padding: 40px; }

}

@media(max-width:600px) {
h3 { font-size: 22px; }
.search-box { width: 210px; }
.section-title p { font-size: 16px; }
/*cart*/
.shpping-cart .cart { width: 290px; }
.shpping-cart .cart-total a { margin-bottom: 10px; }
.portfolio-home .isotope.columns-3 .grid-item { width: 100%; }
.portfolio-title { padding: 40px 30px; }
.main-counter .counter-info span.counter { font-size: 40px; }
/*action-box*/
.action-box { text-align: center; }
.action-box .action-box-button { text-align: center; }
  /*skills*/
.skills-2.col-2 li { width: 100%; margin-bottom: 0; margin-right: 0; float: none; }
.skills-2.col-2.mr-60 { margin-right: 0 !important; }
/*error*/
.error-block { padding: 30px 0px; }
.error-block h1 { font-size: 70px; }
.error-404-2 .error-block h1 { font-size: 200px; line-height: 200px; }
.error-404-2 .error-block p { font-size: 16px; }
/*maintenance*/
.maintenance-main h1.mb-50 { font-size: 28px; }
.maintenance-2 .maintenance-main h1 { font-size: 32px; }
 /*portfolio*/
.isotope.columns-3 .grid-item { width: 100%; }
.isotope.columns-4 .grid-item { width: 100%; }
/*============== New ==============*/
/*about-1 page*/
.clients-logo.line img{height:65px;}
/*contact us*/
.contact-form .section-field { width: 100%; }
.touch-in .contact-box { margin: 20px 0; }
/*our-history .timeline*/
.our-history .timeline > li.timeline-inverted > .timeline-panel::before,
.our-history .timeline > li > .timeline-panel::before {  left: 40px;}
.our-history .timeline > li > .timeline-panel {  padding: 40px 20px 20px 75px;  text-align: left;  width: 100%;}
.our-history .timeline > li > .timeline-badge {  left: 41px;}
.our-history .timeline > li > .timeline-badge p {  margin-left: 40px;}
.our-history .timeline > li.timeline-inverted .timeline-badge p {  float: left;  margin-right: 0;  text-align: left;}
.feature-text .feature-icon {font-size: 38px;}
.skill {margin: 60px 0 20px;}
.feature-text.box {padding: 30px;}
.happy-clients .nav-tabs li img {height: 50px; width: 50px;}
.testimonial-info p {font-size: 15px; margin: 25px 0 0; padding: 0 0 20px;}
.testimonial-2 .testimonial-info p::before {font-size: 100px;}
/*blog pages*/
.social.float-end { float: none; margin-top: 10px; display: block; width: 100%; }
.port-post-social.float-end { float: none !important; }
.port-post-photo { display: block; float: none; }
.port-post-info { padding-left: 0; margin-top: 20px; display: block; }
.comments-1.comments-2 { padding-left: 40px; }
.comments-1 .comments-photo { float: none; }
.comments-1.comments-2 .comments-info { padding: 20px 0px 10px; }

/*team single*/
.our-team .team-details .social { float: none !important; width: 100%; margin-bottom: 20px; }
/*shortcode*/
.countdown.small span { font-size: 30px; }
.countdown span { font-size: 30px; }
.countdown.medium span { font-size: 30px; }
.countdown.medium p { font-size: 14px; }
.countdown.medium { margin: 0 10px; }
.countdown.large span  { font-size: 30px; }
.countdown.large p { font-size: 14px; }
.countdown.large { margin: 0 6px; }
.countdown.gray-bg { margin: 0 1px; padding: 8px; }
.countdown.countdown-border { padding: 8px; margin: 0 0px; }
.countdown.round { margin-bottom: 10px; }
.countdown.round.small { padding: 16px; }
/*testimonial*/
.testimonial.bottom_pos .author-info { margin-left: 0; margin-bottom: 30px; }
/*shortcode*/
.pagination>li { display: inline-block; margin-bottom: 3px; }
/*shortcode*/
.owl-carousel .owl-dots { bottom: 20px; }
.resume-contact .footer-widget-social a i { margin-bottom: 4px; }
/*popup-video-banner*/
.popup-video-banner h1 { font-size: 36px; line-height: 40px; }
.kety-perry-list { padding-right: 20px; }
.kety-play-icon { float: none; }
.kety-name { padding-left: 0; }
.kety-play-icon { margin-top: 0; }
/*gym*/
.team.team-list .team-photo { float: none; width: 100%; margin-bottom: 30px; }
.team.team-list .team-description { padding-left: 0; padding-bottom: 0; }
.tab .nav.nav-tabs li { margin-bottom: 0px; }
/*testimonial*/
.testimonial.clean { padding: 0 10px 25px 40px; }
.typer-banner h1 { font-size: 50px; line-height: 100px; }
.portfolio-banner .slider-content { width: 100%; }
.personal-typer-banner h1 { font-size: 50px; line-height: 50px; }
.personal-typer-banner h1 span { font-size: 25px; }
.services-text-box-green { padding: 60px 15px !important; }
.services-text-box-black { padding: 60px 15px !important; }
 .team.team-list .team-photo img { width: 100%; }
 .isotope.columns-3 .grid-item { padding: 0 0px 15px 0; }
 .bottom-nav .owl-nav .owl-next { right: 42%; }
 .bottom-nav .owl-nav .owl-prev { left: 42%; }
 .testimonial.light { padding: 85px 20px 45px 50px; }
.our-history .timeline:before { left: 40px; }
.our-team .team-details .title.float-start { float: none !important; display: block; }
.our-team .team-details .social-icons.social-border.float-end { float: none !important; display: inline-block; margin-bottom: 10px; }
.row.mt-80 { margin-top: 30px !important; }
.happy-clients .tab .nav.nav-tabs { margin-bottom: 0; }
.our-service-home .row.mb-60 { margin-bottom: 10px !important; }
.contact-3 .g-map { padding-top: 40%; }
.accordion.animated .acd-group.acd-active .acd-heading { font-size: 22px; }
.our-history .timeline .timeline-arrow { left: 34px; text-align: left; }
.our-history { overflow: hidden; }
.progress-new { margin-bottom: 0; }
.comments-1 .comments-photo { margin-bottom: 20px; }
.comments-1.comments-2 .comments-photo { margin-bottom: 0px; }
.isotope.columns-4 .grid-item, .isotope.columns-5 .grid-item { padding-right: 0; }
.rev-slider #rev_slider_20_1_forcefullwidth .rev-btn { padding: 6px 10px !important; line-height: 0 !important; font-size: 8px !important; }
.shop-single .tab .nav.nav-tabs li a { padding: 12px 20px; }
.shop-single .tab .nav.nav-tabs li { margin-bottom: 0; }

/*************************************
             v1.0.2
**************************************/
.st-menu.big-side { width: 270px;  }
.st-menu.big-side .pos-bot { position: relative; }
.st-menu.big-side .slide-footer-content { padding: 0 10px 0px 0; }
.st-menu.big-side .social-icons.width-half ul li { width: inherit; display: block; float: none; }
.st-menu.big-side  .copy-right .mb-70 { margin-bottom: 0 !important; }

/*************************************
             v1.0.3
**************************************/
.blockquote-section blockquote { font-size: 30px; line-height: 34px; }
.custom-content-03 h2 { font-size: 30px; line-height: 34px; }
 .mt-100.mb-100  { margin: 0px 0 !important; }
 .slider-parallax.banner-personal .slider-content { width: 100%; }


/*************************************
             v1.0.4
**************************************/
.christmas-clients .mt-80 { margin-top: 0 !important; }
.countdown.round { display: block; margin: 5px auto; }
.timer-banner .slider-content h1 { font-size: 21px; line-height: 28px; margin-bottom: 10px; }
.conference-video h3 { line-height: 30px; }

/*************************************
             v1.0.5
**************************************/
.architecture-about h2 { font-size: 24px; line-height: 30px; }

/*************************************
             v1.0.6
**************************************/
.agency-banner .slider-content .agency-banner-right { display: block; }
.agency-banner .slider-content .agency-banner-left { display: block; }
.agency-banner .slider-content span { padding-top: 0; font-size: 30px; line-height: 20px; }
.agency-banner .slider-content h1 { font-size: 30px; padding: 0; border:none; line-height: 20px; }
.slider-parallax.agency-banner { height: 80vh; }
.movie-banner .countdown.round.small { display: inline-block; }

/*************************************
             v1.0.7
**************************************/
.law-timeline .timeline-centered .timeline-entry .timeline-entry-inner .timeline-year { left: -45px; }
.testimonial.left_pos { padding: 20px 10px 20px 50px; }
.testimonial.left_pos .testimonial-avatar { position: inherit; left: inherit; top: inherit; margin-top: 0 ; margin-bottom: 60px; margin-left: 0px; }


/*************************************
             v1.0.8
**************************************/
.agency-02-contact .pl-50.pr-50 { padding: 15px !important; }
.agency-02-history-who { padding: 30px; }
.banner-agency-02 h1 { font-size: 24px; }
.portfolio-parallax-banner h2 { font-size: 40px; line-height: 40px; }

/*************************************
             v1.0.9
**************************************/
.coming-soon-big .countdown.medium span { font-size: 30px; line-height: 30px; }
.coming-soon-big .countdown.medium p { font-size: 16px; line-height: 16px; }
.error-05 h1 { font-size: 60px; line-height: 60px; }
.error-05 h3, .error-05 span { font-size: 40px; }
.error-03 .content h2 { font-size: 32px; line-height: 32px; }
.error-03 .content h1 { font-size: 40px; line-height: 40px; }
.error-03 .error-404 h1 { font-size: 70px; line-height: 70px; }
.error-03 .error-404 h2 { font-size: 50px; line-height: 50px; }
.error-04 h1 { font-size: 160px; line-height: 160px; }
.coming-soon-effects .coming-soon h1 { font-size: 30px; line-height: 30px; }
.coming-soon h1, .coming-soon-effects .coming-soon h1 { font-size: 30px; line-height: 30px; }

/*************************************
             v1.2
**************************************/
.login-fancy h2 { font-size: 40px; line-height: 40px; }
.login-box h2 { font-size: 30px; line-height: 30px; }
.login-box-02 { padding: 20px; }
.login-signup .tab .nav.nav-tabs li { margin-bottom: 0; }
.login-signup .login-box-02 { padding: 30px; }
.about-mission .popup-content { padding-right: 20px; width: 100%; }
.about-mission .popup-content br  { display: none; }

/*************************************
             v1.3
**************************************/
.blog.blog-simple.blog-left .blog-image { width: 100%; margin: 0; float: none; }
.blog.blog-simple.blog-left .blog-name { width: 100%; float: none; }
#main-slider .slider-content a { font-size: 14px; }
#main-slider .slider-content h1 { font-size: 20px; line-height: 30px; margin-bottom: 10px; }
#main-slider .carousel-indicators { bottom: 0; }
#main-slider .carousel-control.left, #main-slider .carousel-control.right { display: none; }
.blog-boxed-banner .blog-overlay .blog-name h4 { margin: 0 !important; }
#main-slider.shop-04-banner .slider-content a.button { font-size: 10px; }
#main-slider.shop-04-banner .slider-content span { display: none; }
#main-slider.shop-04-banner .slider-content h1 { font-size: 24px; line-height: 28px; }
 #main-slider.shop-05-banner .slider-content h1 { font-size: 30px; line-height: 30px; }
 .shop-05-deal h2 { font-size: 50px; line-height: 50px; }
 #main-slider.shop-06-banner .slider-content .slider { width: 100%; }
 #main-slider.shop-06-banner .slider-content .slider h1 { font-size: 20px; }
 .shop-block h2 { font-size: 30px; line-height: 30px; }
 .shop-block p { font-size: 16px; }

/*************************************
             v1.3
**************************************/
.book-banner .slider-content-text .button.white { display: none; }
.book-banner .slider-content-image .book { height: 200px; }
.book-banner .slider-content-text { width: inherit; left: 0; }
.plumber-banner h1 { font-size: 60px; line-height: 60px; }
.plumber-banner { overflow: hidden; }
.section-title h2 { font-size: 34px; line-height: 34px; }
.about-plumber-box .about-plumber-box-content { padding: 20px; }
.about-plumber .pl-30 { padding-left: 0 !important; }
.book-now .book-now-box { width: 70%; }
.pizza-contact { padding: 0; }

/*************************************
             v1.3
**************************************/
.burger-banner h1 { font-size: 40px; line-height: 50px; }
.skateboard-banner h1 { font-size: 50px; line-height: 60px; }
.skateboard-banner .slider-content-image img  { height: 500px; }
.slider-parallax.skateboard-banner { height: 60vh }
.coming-soon-birds .countdown { margin: 0px 6px; }
.pizza-menu .pr-60 { padding-right: 0 !important; }
.masonry.columns-1 .masonry-item, .masonry.columns-2 .masonry-item, .masonry.columns-3 .masonry-item, .masonry.columns-4 .masonry-item, .masonry.columns-5 .masonry-item { padding-right: 0; }
.isotope.columns-1 .grid-item, .isotope.columns-2 .grid-item, .isotope.columns-3 .grid-item, .isotope.columns-4 .grid-item, .masonry.columns-5 .masonry-item { padding-right: 0; }
 .conference-split.split-section .img-side { display: none; }
 .plumber-banner .slider-content-image { left: 0; }

/*************************************
             v3.3
**************************************/
.barber-section-title h2 { font-size: 20px; line-height: 24px; }
.barber-team { display: inline-block; background-position: center top; background-repeat: no-repeat; }
.spa-border:before { display: none; }
 .barber-team { padding: 190px 0; }
 .emergency-cases-info i { float: none; margin-bottom: 20px; }
 .emergency-cases-info h1 { font-size: 20px; }

 /*************************************
             index-13
**************************************/
.business-banner h1 { font-size: 40px; letter-spacing: 10px; }
.business-date-box-text h2 { margin-bottom: 200px; }
.business-feature-top .border-right { border-right: 0 !important; }
.business-banner-04 h1 { font-size: 40px; }
.business-banner-06 { text-align: center; }
.business-banner-06 p { padding: 0; }
.business-banner-06 .play-video.border-video { margin-top: 30px; }
.business-banner-06 h1 { font-size: 30px; line-height: 30px; }
.business-banner-06 p { font-size: 14px; }

}

@media(max-width: 767px) {
 .container { max-width: 100%; }
}



@media(max-width:479px) {

/*************************
     Margin top
*************************/
.xx-mt-0 { margin-top: 0 !important; }
.xx-mt-10 { margin-top: 10px !important; }
.xx-mt-15 { margin-top: 15px !important; }
.xx-mt-20 { margin-top: 20px !important; }
.xx-mt-30 { margin-top: 30px !important; }
.xx-mt-40 { margin-top: 40px !important; }
/*************************
    Margin right
*************************/
.xx-mr-0 { margin-right: 0!important }
.xx-mr-10 { margin-right: 10px !important; }
.xx-mr-15 { margin-right: 15px !important; }
.xx-mr-20 { margin-right: 20px !important; }
.xx-mr-30 { margin-right: 30px !important; }
.xx-mr-40 { margin-right: 40px !important; }
 /*************************
    Margin bottom
*************************/
.xx-mb-0 { margin-bottom: 0!important }
.xx-mb-10 { margin-bottom: 10px !important; }
.xx-mb-15 { margin-bottom: 15px !important; }
.xx-mb-20 { margin-bottom: 20px !important; }
.xx-mb-30 { margin-bottom: 30px !important; }
.xx-mb-40 { margin-bottom: 40px !important; }
/*************************
    Margin left
*************************/
.xx-ml-0 { margin-left: 0!important }
.xx-ml-10 { margin-left: 10px !important; }
.xx-ml-15 { margin-left: 15px !important; }
.xx-ml-20 { margin-left: 20px !important; }
.xx-ml-30 { margin-left: 30px !important; }
.xx-ml-40 { margin-left: 40px !important; }
 /*************************
    Padding top
*************************/
.xx-pt-0 { padding-top: 0!important }
.xx-pt-10 { padding-top: 10px !important; }
.xx-pt-15 { padding-top: 15px !important; }
.xx-pt-20 { padding-top: 20px !important; }
.xx-pt-30 { padding-top: 30px !important; }
.xx-pt-40 { padding-top: 40px !important; }
 /*************************
    Padding right
*************************/
.xx-pr-0 { padding-right: 0!important }
.xx-pr-10 { padding-right: 10px !important; }
.xx-pr-15 { padding-right: 15px !important; }
.xx-pr-20 { padding-right: 20px !important; }
.xx-pr-30 { padding-right: 30px !important; }
.xx-pr-40 { padding-right: 40px !important; }
 /*************************
    Padding bottom
*************************/
.xx-pb-0 { padding-bottom: 0!important }
.xx-pb-10 { padding-bottom: 10px !important; }
.xx-pb-15 { padding-bottom: 15px !important; }
.xx-pb-20 { padding-bottom: 20px !important; }
.xx-pb-30 { padding-bottom: 30px !important; }
.xx-pb-40 { padding-bottom: 40px !important; }
 /*************************
    Padding left
*************************/
.xx-pl-0 { padding-left: 0!important }
.xx-pl-10 { padding-left: 10px !important; }
.xx-pl-15 { padding-left: 15px !important; }
.xx-pl-20 { padding-left: 20px !important; }
.xx-pl-30 { padding-left: 30px !important; }
.xx-pl-40 { padding-left: 40px !important; }
.col-xx-12{width:100% !important;}
.col-xx-6{width:50% !important;}
h2 {font-size: 22px; line-height: 30px;}
.topbar .topbar-call.text-left li { margin-bottom: 5px; }
.clients-logo.line img { width: initial; }
.shpping-cart .cart { width: 240px; }
.cart-item .cart-name a { font-size: 12px; }
.cart-price del { font-size: 12px; }
.cart-price ins { font-size: 14px; }
.cart-item .cart-close { top: 17px; }
/*index*/
.round .nav.nav-tabs li a { margin-right: 1px; padding: 8px 15px; }
/* header */
.st-effect-3 .header.default.fullWidth .search-cart { right: 45px; top: 3px; }
.st-effect-3 .header.default.fullWidth .search-cart .search { padding-right: 0px; }
.search-cart .search + .shpping-cart { padding-left: 5px; }
.st-effect-3 .search-box { width: 190px; }

/*action box*/
.action-box-button .button.border-white { margin-top: 10px; }
.action-box-button .button.border.icon { margin-left: 0; margin-top: 15px; }
.action-box-button .button.border { margin-left: 0; margin-top: 15px; }
/*coming soon*/
.coming-soon-main h1 { font-size: 34px; }
.coming-soon-countdown ul.countdown li span { font-size: 32px; }
.coming-soon-countdown ul.countdown li { width: 20%; }
.coming-soon-countdown ul.countdown li p { font-size: 13px; }
.coming-soon-countdown ul.countdown { margin: 20px 0; }
.coming-soon-main p { margin-bottom: 45px; font-size: 16px; }
.coming-soon-form { width: 100%; }
.coming-soon-form input { width: 90%; margin-bottom: 0; }
.coming-soon-form a.button-border span { padding: 11px 8px; }
 /*error*/
.error-block h1 { font-size: 50px; }
.error-block p { font-size: 18px; }
.error-block h1.mb-40 { margin-bottom: 10px !important; }
.error-search-box p { font-size: 16px; line-height: 32px; }
.error-search-box input { width: 60%; }
/*maintenance*/
.maintenance-2 .maintenance-main h1 { font-size: 22px; margin-bottom: 10px; }
.maintenance-contant.mt-150 { margin-top: 30px !important; }
.maintenance-form.mt-100 { margin-top: 30px !important; }
.clients-logo.line{width:100%; border-left:none;}
 .clients-logo.line img{height:auto;}
.clients-logo.line:nth-last-child(-n+3) {  border-bottom: 1px solid #dddddd;}
.our-history .timeline > li > .timeline-panel::before { width: 22px; left: 25px; }
.our-history .timeline > li.timeline-inverted > .timeline-panel::before { left: 25px; }
.happy-clients .nav.nav-tabs li { display: inline-block; }
.nav.nav-tabs li {  display: block;  float: none;  margin-bottom: 10px;  text-align: center;}
.tab-2 .nav-tabs {float: none; width: 100%;}
.tab-2 .nav-tabs li{margin-bottom: 0;}
.tab-2 .tab-content {margin-left: 0; padding: 30px 20px;}
/*testimonial page*/
.testimonial-3 .owl-carousel .owl-nav {  bottom: -20px; }
.testimonial-3 .owl-carousel .owl-nav .owl-prev {left: 50%; margin-left: -45px;}
.testimonial-3 .owl-carousel .owl-nav .owl-next {right: 50%; margin-right: -45px;}
.testimonial-info p {padding: 0 10px 20px;}
.testimonial.boxed {padding: 30px 30px 75px;}
 .feature-step-2-title-2-right {width: 100%;}
.feature-step-2-box {padding:20px 10px;}
.feature-step-2-box p{font-size: 13px;}
.service-blog b {font-size: 220px;}
/*blog*/
.blog .timeline > li > .timeline-badge { font-size: 15px; height: 44px; line-height: 12px; width: 44px; }
.blog ul.timeline:before { left: 27px; }
.blog ul.timeline > li > .timeline-badge { left: 5px; }
.blog ul.timeline > li > .timeline-panel { width: 100%; }
.blog .timeline li.entry-date span { display: none;}
.blog ul.timeline::before { display: none; }
.blog ul.timeline > li > .timeline-badge { display: none; }
.blog ul.timeline > li > .timeline-panel::before { display: none; }
.blog ul.timeline > li > .timeline-panel::after { display: none; }
.blog .timeline li.timeline-inverted .timeline-panel::after { display: none; }
.blog .timeline li.timeline-inverted .timeline-panel::before { display: none; }
.blog.timeline-sidebar .timeline > li { width: 100%; }
/*shop*/
.offer-banner-1 h1 { font-size: 20px; }
.deal-banner .counter-deal ul li { padding: 7px 10px; margin-right: 2px; }
.deal-banner .caption h2 { font-size: 32px; }
.deal-banner.maintenance-progress-bar { margin: 0; }
.bottom-nav .owl-nav .owl-next { right: 36%; }
.bottom-nav .owl-nav .owl-prev { left: 36%; }
.action-box.pattern { padding: 70px 15px; }
.action-box { padding: 30px 15px; }
.appointment-bg { padding: 40px 15px; }
.appointment a.float-start { display: block; }
/*mobile app*/
.mobile-app-about a img { margin-bottom: 10px; }
.mobile-app-about h2 { font-size: 30px; line-height: 30px; }
.phone-holder { width: 260px; }
.highlights-phone.wht .phone-holder #fon { background:transparent;  }
.highlights-phone.wht .hgi { top: 0; }
.highlights-phone { height: 550px; }
/*one page*/
.typer-banner h1 { font-size: 30px; line-height: 30px; }
.popup-video-banner h1 { font-size: 30px; line-height: 40px; }
.video-background-banner h1 { font-size: 30px; line-height: 30px; }
.video-background-banner .slider-content { padding: 30px 15px; }
/*side panel*/
.slide-footer .social ul li a { padding-right: 15px; }
.st-menu { width: 280px; }
.st-effect-2.st-menu-open .st-pusher { -webkit-transform: translate3d(280px, 0, 0);  transform: translate3d(280px, 0, 0); }
.st-effect-3.st-menu-open .st-pusher { -webkit-transform: translate3d(280px, 0, 0);  transform: translate3d(280px, 0, 0); }
.st-effect-4.st-menu-open .st-pusher { -webkit-transform: translate3d(280px, 0, 0); transform: translate3d(280px, 0, 0); }
.st-effect-5.st-menu-open .st-pusher { -webkit-transform: translate3d(280px, 0, 0); transform: translate3d(280px, 0, 0); }
.st-effect-6.st-menu-open .st-pusher { -webkit-transform: translate3d(280px, 0, 0) rotateY(-15deg); transform: translate3d(280px, 0, 0) rotateY(-15deg); }
.st-effect-7.st-menu-open .st-pusher { -webkit-transform: translate3d(280px, 0, 0); transform: translate3d(280px, 0, 0); }
.st-effect-8.st-menu-open .st-pusher { -webkit-transform: translate3d(280px, 0, 0); transform: translate3d(280px, 0, 0); }
.st-effect-9.st-menu-open .st-pusher { -webkit-transform: translate3d(0, 0, -280px); transform: translate3d(0, 0, -280px); }
.st-effect-10.st-menu-open .st-pusher { -webkit-transform: translate3d(280px, 0, 0); transform: translate3d(280px, 0, 0); }
.st-effect-10.st-menu { -webkit-transform: translate3d(0, 0, -280px); transform: translate3d(0, 0, -280px); }
.st-effect-13.st-menu-open .st-pusher { -webkit-transform: translate3d(280px, 0, 0); transform: translate3d(280px, 0, 0); }
.st-effect-14.st-menu-open .st-pusher { -webkit-transform: translate3d(280px, 0, 0); transform: translate3d(280px, 0, 0); }
/* Fallback example for browsers that don't support 3D transforms (and no JS fallback) */
.no-csstransforms3d .st-pusher,
.no-js .st-pusher { padding-left: 280px; }
.personal-typer-banner h1 { font-size: 30px; line-height: 30px; margin-bottom: 0px; }
.personal-typer-banner h1 span { font-size: 20px; left: -10px; top: 0; }
.image-content { width: 100%; margin-right: 0; }
.testimonial.bottom_pos { padding: 60px 20px 40px 46px; }
 .owl-carousel .owl-dots  { bottom:  0px; }
.kety-name a { font-size: 14px; }
.kety-link a { margin-bottom: 5px; }
.blog.blog-single .port-navigation .port-photo { width: 104px; }
.blog.blog-single .port-navigation .port-arrow { height: 62px; width: 30px; }
.blog.blog-single .port-navigation .port-arrow i { line-height: 62px; }
.single-portfolio-post .port-navigation .port-photo { width: 104px; }
.single-portfolio-post .port-navigation .port-arrow { height: 62px; width: 30px; }
.single-portfolio-post .port-navigation .port-arrow i { line-height: 62px; }
.happy-clients .nav-tabs li { padding: 0; }
.accordion.animated .acd-group.acd-active .acd-heading { font-size: 20px; }
.our-service .section-title { margin-bottom: 10px; }
.team.team-list h5 { font-size: 18px; }
.contact-2 .g-map { padding-top: 50%; }
.clients-box .clients-photo { margin-bottom: 20px; width: 100%; }
.countdown.round { display: block; margin: 0 auto 20px; }
.coming-soon-form.contact-form input { width: 100%; }
.add-banner-2 .add-banner-content h2 { font-size: 24px; }
.add-banner-2 .add-banner-content h3 { font-size: 20px; line-height: 20px; }
.add-banner-2 .add-banner-content .button.small { padding: 5px 18px; }

/*************************************
             v1.0.3
**************************************/
 .slider-parallax.typer-banner.business h1 { font-size: 24px; line-height: 28px; }
 .slider-parallax.typer-banner.business p { font-size: 18px; line-height: 28px; margin-top: 10px !important; }
 .counter.big-counter .timer { font-size: 40px; line-height: 40px; }
.action-box.theme-bg { padding: 30px 0; }
 .slider-parallax.banner-personal .slider-content span { font-size: 50px; line-height: 50px; }
.slider-parallax.banner-personal .slider-content h1 { font-size: 40px; line-height: 40px; margin-top: -20px; }
.slider-parallax.banner-personal .slider-content h1 strong { font-size: 48px; line-height: 50px; }

/*************************************
             v1.0.4
**************************************/
.christmas-form-content h2 { font-size: 24px; line-height: 24px }
.christmas-event .tab .nav.nav-tabs li a{ font-size: 14px; }
.christmas-event .blog-date span { font-size: 28px; display: inline-block; }
.portfolio-home .portfolio-title.section-title .button.mt-30 { margin-top: 20px !important;  }
.countdown.small  { margin: 10px 4px 0; }

/*************************************
             v1.0.4
**************************************/
.section-title-movie h2 { padding: 10px 30px; }
.movie-story b { font-size: 26px; }
.movie-banner .countdown.round.small { margin-bottom: 5px; }

/*************************************
             v1.0.7
**************************************/
.law-banner .slider-content h1 { font-size: 22px; line-height: 22px; }
.law-banner .slider-content p { font-size: 16px; }
.law-timeline .timeline-centered .timeline-entry .timeline-entry-inner .timeline-year { left: 0; top: 25px; }

/*************************************
             v1.0.7
**************************************/
.portfolio-parallax-banner h2 { font-size: 30px; line-height: 30px; }

/*************************************
             v1.0.9
**************************************/
.coming-soon-big .countdown.medium span { font-size: 24px; line-height: 24px; }
.coming-soon-big .countdown.medium p { font-size: 14px; line-height: 14px; }
.error-05 h1 { font-size: 50px; line-height: 50px; }
.error-03 .content h2 { font-size: 28px; line-height: 28px; }
.error-03 .content h1 { font-size: 32px; line-height: 32px; }
.error-03 .content p { font-size: 22px; }
.error-03 .error-404 h1 { font-size: 70px; line-height: 70px; }
.error-03 .error-404 h2 { font-size: 50px; line-height: 50px; }
.error-04 h1, .error-06 h1, .error-07 h1 { font-size: 100px; line-height: 100px; }
.error-04 h2 { font-size: 40px; line-height: 40px; }
.error-04 p { font-size: 18px; }
.error-06 h2 .error-07 h2, .error-09 h2 { font-size: 30px; line-height: 30px; }

/*************************************
             v1.2
**************************************/
.login.height-100vh { overflow: hidden; }
.login .remember-checkbox a { display: block; float: inherit !important; margin-top: 10px; }
.about-mission .popup-content { padding: 30px 30px 10px 30px; }
.about-mission .popup-content h2 { font-size: 14px; line-height: 20px; }
.about-mission .popup-video-image a i { width: 40px; height: 40px; top: 10px; line-height: 40px; }
 .checkout-page .pl-50.pr-50.pt-50.pb-50 { padding: 20px !important; }
 .checkout-page .pl-40 { padding: 0 !important;  }
 #main-slider .slider-content a { font-size: 12px; }
#main-slider .slider-content h1 { font-size: 16px; line-height: 24px; margin-bottom: 10px; }
#main-slider .slider-content p { display: none; }
#main-slider .slider-content .slider-right .play-video.border-video { margin-top: 0 !important; }
#main-slider.shop-04-banner .slider-content h1 { font-size: 20px; line-height: 28px; }
 #main-slider.shop-05-banner .slider-content h1 { font-size: 24px; }
 .shop-05-deal h2 { font-size: 30px; line-height: 30px; }

/*************************************
             v1.2
**************************************/
.book-counter .counter {  margin-top: 0; }
.book-order .googleplay img { height: inherit; }
.plumber-banner .slider-content-image img { display: none; }
.plumber-banner h1 { font-size: 40px; line-height: 40px; }
.product-banner .slider-content h1 { font-size: 30px; line-height: 30px; }
.product-about h4, .product-about p { font-size: 18px; line-height: 30px; }
.product-video .product-video-box { min-height: 500px; }
.fish-banner .slider-content .fish-banner-image img { height: 170px; }
.fish-gallery .section-title h2 { font-size: 30px; }
.fish-footer .fish-image { margin-top: 90px; }
.fish-gallery-testimonial { padding-bottom: 0; }
.book-now .book-now-box { width: 90%; }
.hotel-banner .slider-content h1 { font-size: 30px; line-height: 30px; }
.hotel-banner .slider-content p, .hotel-banner .slider-content span { font-size: 16px; line-height: 24px; }
.hotel-countdown-main { padding: 80px 20px; }
.section-title h2 { font-size: 24px; }
.hotel-banner-checkout .checkout .checkout-name h3 { font-size: 20px; }

/*************************************
             v1.2
**************************************/
.burger-contact .burger-contact-bg { left: 20px; top:100px; }
.burger-contact-box { padding: 30px; }
.burger-custom-content h2 { font-size: 30px; }
.burger-banner-ani { width: 300px; }
.burger-item-06 { top: 220px; }
.burger-item-05 { top: 180px; }
.burger-item-04 { top: 165px; }
.burger-item-03 { top: 120px; }
.burger-item-02 { top: 105px; }
.burger-banner:hover .burger-banner-ani .burger-item-01 { top :10px; }
.burger-banner:hover .burger-banner-ani .burger-item-04 { top: 160px; }
.burger-banner:hover .burger-banner-ani .burger-item-05 { top: 165px; }
.skateboard-box .skateboard-box-content { padding-left: 109px; }
.skateboard-about h2 { font-size: 40px; line-height: 40px; }
.bitcoin-banner h1 { font-size: 50px; line-height: 50px; }
.bitcoin-banner h3 { font-size: 14px; }
.bitcoin-banner h3 span { font-size: 16px; }
.skateboard-banner .slider-content-image img { height: 450px; }
.footer-box .box-link { display: block; padding-left: 0; }
.testimonial.left_pos { margin-left: 0; }
.counter-law { padding: 20px 20px 20px 20px }
.tab .nav.nav-tabs li a { margin-bottom: 5px; }
.rc-anchor-normal { width: 290px !important; }
.portfolio-03-about { margin-top: 90px; }
.maintenance-main h1 { font-size: 30px; }
.modal-shop { padding: 50px 20px; }
.plumber-banner .slider-content-text { right: 0 }
.plumber-banner .slider-content-image img { height: 250px; }
.plumber-banner .slider-content-image { left: 10%; }
.plumber-contact-bg { padding: 0px; }
.search-no-result { padding-top: 0px; }
.search-no-result i { font-size: 60px; }
.search-no-result .bg-title h2 { font-size: 110px; }

/*************************************
             v3.3
**************************************/
.barber-banner .slider-content h1 { font-size: 18px; line-height: 24px; }
.barber-banner .slider-content p { font-size: 14px; line-height: 20px; letter-spacing: 3px; }
.barber .about-history { margin: 40px 0px 30px 0px; }
.choose-us-bg { padding: 40px 15px; }
.listing ul li { font-size: 14px; }
.promo-text h2 { font-size: 22px; line-height: 26px; }
.spa-meet .team .team-description .team-info h3 { font-size: 28px; }
.spa-promotion .promo h2 { font-size: 16px; line-height: 20px; }
.tattoo-banner h1 { font-size: 34px; line-height: 50px; }
.jobs-banner .button { display: none; }

/*************************************
             v3.6
**************************************/
.marketing-tab .tab .nav.nav-tabs li a { margin-bottom: 0; }
.marketing-banner .slider-content h1 { font-size: 28px; line-height: 36px; }
.marketing-testimonial .p-5 { padding: 15px !important; }
.marketing-testimonial .testimonial.clean  { padding-left: 10px; }
.location h2 { margin-bottom: 0 !important; }
.location .button { padding: 6px 20px; }
.office-1.p-5 { padding: 30px !important; }
.media .media-icon span { font-size: 28px; }
.portfolio-creative h1 { font-size: 30px; }

.skill-counter { padding: 20px; }
.business-banner-02 h1 { font-size: 32px; line-height: 30px; }
.business-banner-03 h1 { font-size: 30px; line-height: 30px; }
.business-banner-03 span { margin-bottom: 20px !important; }
.business-video .business-video-box .vertical-align { padding: 20px; }
.business-feature.feature-text { margin: 10px 0px !important; }
.business-banner-03 .button.large { padding: 7px 10px;  font-size: 12px; }
.business-banner-04 p { display: none; }
.business-banner-04 h1 { font-size: 30px; }
.business-feature-top { padding: 0; }
.business-banner-05 h1 { font-size: 22px; }
.business-banner-05 p { font-size: 14px; }
.business-banner-06 p { display: none; }
.business-banner-06 h1 { margin-bottom: 0; font-size: 24px; }

}




/* End */
/* /local/components/portfolio/css/plugins-css.css?1764256394836 */
/* /local/components/portfolio/css/typography.css?176425639413208 */
/* /local/components/portfolio/css/style.css?176425639421090 */
/* /local/components/portfolio/css/responsive.css?176425639466590 */