/*

Template Name: CTM - Creative Multipurpose HTML Template

Template URI: http://stepuproom.com/template/ctm

Version: 1.0

Author: Stepuptheme

Author URI: http://stepuproom.com/

Last Update: 4/17/2017

*/

/*--------------------------------------------------------------

[TABLE OF CONTENTS]

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

1.0 Google Fonts Face

2.0 Typography

3.0 Button style

4.0 Preloader

5.0 Header

  5.1 Navigation

  5.1.1 Search Icon Effect

  5.2 Header Banner 

6.0 Slider

7.0 Common

8.0 Portfolio

  8.1 Portfolio filter

  8.2 Portfolio item

  8.3 Portfolio content

  8.4 Portfolio hover state

9.0 Testimonial

10.0 Partner

11.0 Service

12.0 Team

  12.1 Hover State

13.0 Skillbars

14.0 Status

15.0 Price Table

16.0 Shop

  16.1 Single Product Page

  16.2 Product Page Review

  16.3 Shop Cart

  16.4 Shop Checkout

17.0 Blog

  17.1 Journal

  17.2 Share

  17.3 Pagination

18.0 Sidebar

19.0 Contact

20.0 Comment

21.0 Footer

22.0 Responsive Media Query

--------------------------------------------------------------*/

/*------------------------

1.0 Google Fonts Face

Google font face add css add here to minimize http request

--------------------------*/

/* latin-ext */

@font-face

{

    font-family: 'Lato';

    font-weight: 400;

    font-style: normal;

    src: local('Lato Regular'), local('Lato-Regular'), url(https://fonts.gstatic.com/s/lato/v13/UyBMtLsHKBKXelqf4x7VRQ.woff2) format('woff2');

    unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;

}

/* latin */

@font-face

{

    font-family: 'Lato';

    font-weight: 400;

    font-style: normal;

    src: local('Lato Regular'), local('Lato-Regular'), url(https://fonts.gstatic.com/s/lato/v13/1YwB1sO8YE1Lyjf12WNiUA.woff2) format('woff2');

    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;

}

/* latin-ext */

@font-face

{

    font-family: 'Lato';

    font-weight: 700;

    font-style: normal;

    src: local('Lato Bold'), local('Lato-Bold'), url(https://fonts.gstatic.com/s/lato/v13/ObQr5XYcoH0WBoUxiaYK3_Y6323mHUZFJMgTvxaG2iE.woff2) format('woff2');

    unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;

}

/* latin */

@font-face

{

    font-family: 'Lato';

    font-weight: 700;

    font-style: normal;

    src: local('Lato Bold'), local('Lato-Bold'), url(https://fonts.gstatic.com/s/lato/v13/H2DMvhDLycM56KNuAtbJYA.woff2) format('woff2');

    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;

}

/* latin-ext */

@font-face

{

    font-family: 'Raleway';

    font-weight: 400;

    font-style: normal;

    src: local('Raleway'), local('Raleway-Regular'), url(https://fonts.gstatic.com/s/raleway/v11/yQiAaD56cjx1AooMTSghGfY6323mHUZFJMgTvxaG2iE.woff2) format('woff2');

    unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;

}

/* latin */

@font-face

{

    font-family: 'Raleway';

    font-weight: 400;

    font-style: normal;

    src: local('Raleway'), local('Raleway-Regular'), url(https://fonts.gstatic.com/s/raleway/v11/0dTEPzkLWceF7z0koJaX1A.woff2) format('woff2');

    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;

}

/* latin-ext */

@font-face

{

    font-family: 'Raleway';

    font-weight: 700;

    font-style: normal;

    src: local('Raleway Bold'), local('Raleway-Bold'), url(https://fonts.gstatic.com/s/raleway/v11/WmVKXVcOuffP_qmCpFuyzSEAvth_LlrfE80CYdSH47w.woff2) format('woff2');

    unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;

}

/* latin */

@font-face

{

    font-family: 'Raleway';

    font-weight: 700;

    font-style: normal;

    src: local('Raleway Bold'), local('Raleway-Bold'), url(https://fonts.gstatic.com/s/raleway/v11/JbtMzqLaYbbbCL9X6EvaI_k_vArhqVIZ0nv9q090hN8.woff2) format('woff2');

    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;

}

/*----------------------

2.0 Typography

------------------------*/

html

{

    font-size: 10px;

}

body,

button,

input,

.contact-form textarea,

.comment-box .comment-form textarea,

select,

textarea

{

    font-family: 'Lato', sans-serif;

    font-size: 14px;

    font-size: 1.4rem;

    line-height: 24px;

    overflow-x: hidden; 

    word-wrap: break-word;

    color: #a4a4a4;

}

h1,

h2,

h3,

h4,

h5,

h6

{

    /*font-weight: bold; */

    clear: both;

	/*font-family: 'tex_gyre_adventorbold';*/

    color: #191b1f;

    letter-spacing: 2px;

	    font-weight: 100 !important;

}

h1

{

    font-size: 48px;

    font-size: 4.8rem;

}

h2

{

    font-size: 36px;

    font-size: 3.6rem;

}

h3

{

    font-size: 20px;

        font-size: 4rem;

}

h4

{

    font-size: 16px;

    font-size: 2.6rem;

    margin-bottom: 30px;

}

h5

{

    font-size: 14px;

    font-size: 1.4rem;

}

p

{

    font-size: 1.4rem;

    margin-bottom: 1.7em;

}

dfn,

cite,

em,

i

{

    font-style: italic;

}

blockquote

{

    margin: 0 1.5em;

}

address

{

    margin: 0 0 1.5em;

}

pre

{

    font-family: 'Courier 10 Pitch', Courier, monospace;

    font-size: 13px;

    font-size: 1.3rem;

    line-height: 1.6;

    overflow: auto;

    max-width: 100%;

    margin-bottom: 1.6em;

    padding: 1.6em; 

    background: #eee;

}

code,

kbd,

tt,

var

{

    font-family: 'Raleway', sans-serif;

    font-size: 13px;

    font-size: 1.3rem;

}

abbr,

acronym

{

    cursor: help; 

    border-bottom: 1px dotted #ccc;

}

mark,

ins

{

    text-decoration: none; 

    background: #fff9c0;

}

big,

.big

{

    font-size: 125%;

}

:focus,

a:focus

{

    outline: none;

}

a:hover,

a:active

{

    text-decoration: none; 

    color: #f2d7ce;

}

/*----------------------

3.0 Button style

---------------------- */

.btn

{

    font-size: 12px;

    font-weight: bold;

    position: relative;

    display: inline-block;

    width: auto;

    margin-top: 25px;

    padding: 8px 25px;

    cursor: pointer;

    -webkit-transition: all .3s;

       -moz-transition: all .3s;

        -ms-transition: all .3s;

         -o-transition: all .3s;

            transition: all .3s;

    text-align: center;

    text-decoration: none; 

    letter-spacing: .10em;

    text-transform: uppercase;

    border: 0;

    border-radius: 4px;

}

.section .btn

{

    margin-top: 15px;

}

.btn-primary

{

    padding-top: 10px;

    padding-bottom: 10px; 

    border-radius: 25px;

    background: #f2d7ce;

}

.bg-1 .button {

    color: #000;

    border-color: #37474f;

}

.bg-2 .button {

    color: #fff;

    border-color: #fff;

}

.butn-info .button  , .button {

    min-width: 150px;

    max-width: 250px;

    margin: 1em;

    padding: 1em 2em;

    border: none;

    background: none;

    vertical-align: middle;

    position: relative;

    z-index: 1;

    -webkit-backface-visibility: hidden;

    -moz-osx-font-smoothing: grayscale;

	background-image: linear-gradient(to right, #DF7D65 0%, #DDBEE3 100%);

}

.services-text p {

	color: #8d8d8d;

}

.button--border-thick {

    border: 1px solid;

}

.button--text-upper {

    letter-spacing: 2px;

    text-transform: uppercase;

}

.button--wayra{overflow:hidden;-webkit-transition:border-color 0.3s, color 0.3s;transition:border-color 0.3s, color 0.3s;-webkit-transition-timing-function:cubic-bezier(0.2, 1, 0.3, 1);transition-timing-function:cubic-bezier(0.2, 1, 0.3, 1);/*font-family:'museo_sans300';*/}

.button--wayra::before{

	content:'';

	position:absolute;

	top:0;

	left:0;

	width:150%;

	height:100%;    

	/*background: #f2d7ce;*/z-index:-1;-webkit-transform:rotate3d(0, 0, 1, -45deg) translate3d(0, -3em, 0);

transform:rotate3d(0, 0, 1, -45deg) translate3d(0, -3em, 0);-webkit-transform-origin:0% 100%;transform-origin:0% 100%;-webkit-transition:-webkit-transform 0.3s, opacity 0.3s,

background-color 0.3s;transition:transform 0.3s, opacity 0.3s, background-color 0.3s;}

.button--wayra:hover{color:#fff;border:1px solid #fff;background: #f2d7ce;}

.button--wayra.button--inverted:hover{color:#3f51b5;border-color:#fff;}

.button--wayra:hover::before{opacity:1;-webkit-transform:rotate3d(0, 0, 1, 0deg);transform:rotate3d(0, 0, 1, 0deg);-webkit-transition-timing-function:cubic-bezier(0.2, 1, 0.3, 1);transition-timing-function:cubic-bezier(0.2, 1, 0.3, 1);}

.button--wayra.button--inverted:hover::before{background-color:#fff;}

.button--tamaya{overflow:hidden;color:#7986cb;min-width:180px;}

.button--tamaya.button--inverted{color:#37474f;border-color:#37474f;}

.button--size-s {

    font-size: 14px;

}

/*-----------------------------------

4.0 Preloader

------------------------------------*/

.preloader

{

    position: fixed;

    z-index: 1032;

    top: 0;

    right: 0;

    bottom: 0;

    left: 0;

    display: none;

    margin-top: 0;

    background-color: #fff;

}

.preloader.is-loading

{

    display: block;

}

.preloader .ani-container

{

    position: absolute;

    top: 50%;

    left: 50%;

    width: 80px;

    -webkit-transform: translate(-50%, -50%);

            transform: translate(-50%, -50%);

}

.preloader .block

{

    position: relative;

    float: left;

    box-sizing: border-box;

    width: 12px;

    height: 12px;

    margin: 0 10px 10px 0;

    border-radius: 3px;

    background: #191b1f;

}

.preloader .block:nth-child(4n+1)

{

    -webkit-animation: wave 2s ease .0s infinite;

            animation: wave 2s ease .0s infinite;

}

.preloader .block:nth-child(4n+2)

{

    -webkit-animation: wave 2s ease .2s infinite;

            animation: wave 2s ease .2s infinite;

}

.preloader .block:nth-child(4n+3)

{

    -webkit-animation: wave 2s ease .4s infinite;

            animation: wave 2s ease .4s infinite;

}

.preloader .block:nth-child(4n+4)

{

    margin-right: 0; 

    -webkit-animation: wave 2s ease .6s infinite;

            animation: wave 2s ease .6s infinite;

}

@-webkit-keyframes wave

{

    0%

    {

        top: 0;

        opacity: 1;

    }

    50%

    {

        top: 30px;

        opacity: .2;

    }

    100%

    {

        top: 0;

        opacity: 1;

    }

}

@keyframes wave

{

    0%

    {

        top: 0;

        opacity: 1;

    }

    50%

    {

        top: 30px;

        opacity: .2;

    }

    100%

    {

        top: 0;

        opacity: 1;

    }

}

/*----------------------

5.0 Header

-----------------------*/

.site-header

{

    z-index: 999; 

    display: block;

    width: 100%;

}

.site-header.is-sticky

{

    position: fixed !important;

    top: 0 !important;

    background: rgba(25, 27, 31, 1) none repeat scroll 0 0;

    box-shadow: none;

    /*background: #191b1f none repeat scroll 0 0;*/

}



.site-header,.site-header.is-sticky {

    background: #f2ede7 none repeat scroll 0 0;

    box-shadow: 0 1px 5px 0 rgb(0 0 0 / 30%);

}





@media (max-width: 768px) {

	.site-header.is-sticky {

		background: rgba(242, 215, 206, 1) none repeat scroll 0 0;

	}

}











/*----------------------

5.1 Navigation

-----------------------*/

.mainmenu

{

    display: block;

    padding-top: 20px;

    padding-bottom: 20px;

    -webkit-transition: all .5s;

    -moz-transition: all .5s;

    -ms-transition: all .5s;

    -o-transition: all .5s;

    transition: all .5s;

    /*padding-top: 45px;*/

}

.sticky_logo

{

    display: none;

}

.is-sticky .mainmenu

{

    padding-top: 10px;

    padding-bottom: 10px;

}

.mainmenu ul.nav.navbar-nav > li > a

{

    font-family: 'tex_gyre_adventorregular';

    font-size: 14px;

    font-weight: 500;

    -webkit-transition: all 1s;

       -moz-transition: all 1s;

        -ms-transition: all 1s;

         -o-transition: all 1s;

            transition: all 1s; 

    color: #fff;

}

.mainmenu ul.nav.navbar-nav li.active > a,

.mainmenu ul.nav.navbar-nav li:hover > a

{

    color: #f2d7ce;

}

.nav > li > a:hover,

.nav > li > a:focus

{

    text-decoration: none;

    background-color: transparent;

}

.logo

{

    /*float: left;    width: 35%;*/

}

.logo img

{

    width:198px;

    /*width:100%;*/

}

.nav .open > a,

.nav .open > a:hover,

.nav .open > a:focus

{

    border-color: transparent; 

    background-color: transparent;

}

.dropdown-menu > li > a:hover,

.dropdown-menu > li > a:focus

{

    background: transparent;

}

.main-menu li > a > .fa

{

    margin-left: 5px;

}

span.cart-count

{

    font-size: 10px;

    font-size: 1rem;

    position: absolute;

    top: 8px;

    left: 6px;

    width: 20px; 

    height: 20px;

    text-align: center;

    border-radius: 50px;

    background: #f2d7ce;

}

.main-menu li:hover span.cart-count

{

    color: #f2d7ce; 

    background: #fff;

}

.navbar-toggle

{

    position: relative;

}

.navbar-toggle > .icon-bar

{

    width: 16px; 

    height: 2px;

    -webkit-transition: transform .3s ease 0s;

       -moz-transition: transform .3s ease 0s;

        -ms-transition: transform .3s ease 0s;

         -o-transition: transform .3s ease 0s;

            transition: transform .3s ease 0s;

    -webkit-transform: rotate(-45deg);

            transform: rotate(-45deg);

    background: #fff;

}

.navbar-toggle > .icon-bar:first-child

{

    position: absolute;

    top: 18px;

    -webkit-transform: rotate(45deg);

            transform: rotate(45deg);

}

.navbar-toggle.collapsed > .icon-bar:first-child

{

    position: static;

    top: 0;

    -webkit-transform: rotate(0deg);

            transform: rotate(0deg);

}

.navbar-toggle > .icon-bar:last-child

{

    visibility: hidden;

}

.navbar-toggle.collapsed > .icon-bar

{

    -webkit-transform: rotate(0deg);

            transform: rotate(0deg);

}

.navbar-toggle.collapsed > .icon-bar:last-child

{

    visibility: visible;

}













@media (max-width: 768px) {

	.navbar-toggle > .icon-bar {

		background: #000;

	}

}











/* ==========================

5.1.1 Search Icon Effect 

==============================*/

.icon-menu

{

    height: 40px;

}

.st-navsearch .st-textinput

{

    position: relative;

    z-index: 1032;

    top: -48px;

    right: 15px;

    width: 0;

    padding: 0;

    -webkit-transition: all 300ms;

       -moz-transition: all 300ms;

        -ms-transition: all 300ms;

         -o-transition: all 300ms;

            transition: all 300ms; 

    opacity: 0;

    border: none;

    border-radius: 30px;

    background: rgba(255, 255, 255, .9);

}

.st-navsearch .st-textinput.visible

{

    right: 0;

    width: 300px;

    padding: 10px 45px 10px 20px; 

    opacity: 1;

}

.st-navsearch .st-submit

{

    position: absolute;

    z-index: 1032;

    top: 10px;

    right: 10px;

    display: none;

    border: none;

    background: transparent;

}

.st-navsearch .st-submit:hover

{

    color: #000;

}

.close-overlay

{

    position: fixed;

    z-index: 103;

    top: 0;

    right: 0;

    bottom: 0;

    left: 0;

    display: none;

    opacity: .8;

    background: #000;

}

/*---------------------- 

5.2 Header Banner 

-----------------------*/

.header-banner

{

    position: relative;

    top: 0;

    width: 100%; 

    height: 400px;

}

.header-banner .fcenter

{

    top: 60%;

}

.header-banner p

{

    font-weight: bold;

}

/*----------------------

6.0 Slider

Slick slider customization css

-----------------------*/

.st-slider

{

    overflow: hidden; 

    width: 100%;

    height: 100%;

}

.slide.slick-slide

{

    position: relative; 

    width: 100%;

    height: 100vh;

}

.slide.slick-active .slide-bg

{

    position: relative; 

    display: block;

    overflow: hidden;

    width: 100%;

    height: 100%;

    min-height: 700px;

    background-position: center top;

    background-size: cover;

}

.slide:nth-child(1) .slide-bg

{

    animation-duration: 10s; 

    background-image: url('../img/slide-1.jpg');

}

.slide:nth-child(2) .slide-bg

{

    animation-duration: 10s; 

    background-image: url('../img/slide-2.jpg');

}

.slide:nth-child(3) .slide-bg

{

    animation-duration: 10s; 

    background-image: url('../img/slide-1.jpg');

}

.st-slider .caption

{

    position: absolute;

    z-index: 99;

    top: 30%;

    left: 20%;

    width: 100%; 

    padding: 15px;

}

.st-slider .caption.block-center

{

    top: 50%;

    left: 50%;

    -webkit-transform: translate(-50%, -50%);

        -ms-transform: translate(-50%, -50%);

         -o-transform: translate(-50%, -50%);

            transform: translate(-50%, -50%);

}

.st-slider-navigation

{

    position: absolute;

    z-index: 9;

    top: 50%;

    left: 0;

    width: 100%;

    margin: 0 auto;

    -webkit-transition: all .2s;

       -moz-transition: all .2s;

        -ms-transition: all .2s;

         -o-transition: all .2s;

            transition: all .2s;

}

.st-slider-navigation

{

    visibility: hidden;

}

.slider-container:hover .st-slider-navigation

{

    visibility: visible;

}

.st-slider-navigation a

{

    font-size: 48px;

    font-weight: 200;

    position: absolute;

    left: 30px;

    display: block;

    width: 15%;

    margin-top: -25px;

    -webkit-transition: all 300ms;

       -moz-transition: all 300ms;

        -ms-transition: all 300ms;

         -o-transition: all 300ms;

            transition: all 300ms; 

    text-align: center;

    text-decoration: none;

    opacity: .7;

    color: #fff;

}

.st-slider-navigation a.next

{

    right: 30px; 

    left: auto;

}

.st-slider-navigation a:hover

{

    opacity: 1;

}

.st-slider-subtitle

{

    font-size: 12px;

    font-size: 1.2rem;

    font-weight: bold;

    text-transform: uppercase; 

    color: #f2d7ce;

}

 #team

{

    padding-bottom: 0px;    padding-top: 23px;

}

.st-slider-title

{

    margin-top: 35px;

    margin-bottom: 35px; 

    /*font-family: 'tex_gyre_adventorbold';*/

	font-weight: 100 !important;

    text-transform: capitalize;

    letter-spacing: 2px;

}

.st-slider-teaser

{

    font-size: 14px;

    font-size: 1.4rem;

    font-weight: bold;

    line-height: 24px;

}

.st-slider .scroll-icon

{

    font-size: 48px;

    font-size: 4.8rem;

    position: relative;

    position: absolute;

    top: 30px;

    top: auto;

    bottom: 50px;

    left: 50%;

    -webkit-transform: translate(-50%);

            transform: translate(-50%); 

    color: #fff;

}

.animated.kenburns-1

{

    -webkit-animation-name: kenburns-1;

            animation-name: kenburns-1;

}

.animated.kenburns-2

{

    -webkit-animation-name: kenburns-2;

            animation-name: kenburns-2;

}

/*Slider background animation keyframe */

@-webkit-keyframes kenburns-1

{

    from

    {

        -webkit-transform: scale(1, 1);

        -webkit-transform-origin: 50% 50%;

    }

    to

    {

        -webkit-transform: scale(1.2, 1.2);

        -webkit-transform-origin: 50% 0;

    }

}

@keyframes kenburns-1

{

    from

    {

        -webkit-transform: scale(1, 1);

        -webkit-transform-origin: 50% 50%;

    }

    to

    {

        -webkit-transform: scale(1.2, 1.2);

        -webkit-transform-origin: 50% 0;

    }

}

@-webkit-keyframes kenburns-2

{

    from

    {

        -webkit-transform: scale(1.2, 1.2);

        -webkit-transform-origin: 50% 0;

    }

    to

    {

        -webkit-transform: scale(1, 1);

        -webkit-transform-origin: 50% 50%;

    }

}

@keyframes kenburns-2

{

    from

    {

        -webkit-transform: scale(1.2, 1.2);

        -webkit-transform-origin: 50% 0;

    }

    to

    {

        -webkit-transform: scale(1, 1);

        -webkit-transform-origin: 50% 50%;

    }

}

/* Slider Text content animation */

.smallMaskZoomout

{

    -webkit-animation-name: smallmaskzoomout;

            animation-name: smallmaskzoomout;

}

@-webkit-keyframes smallmaskzoomout

{

    0%

    {

        -webkit-transform: scale(1.5);

    }

    100%

    {

        -webkit-transform: scale(1);

    }

}

@keyframes smallmaskzoomout

{

    0%

    {

        -webkit-transform: scale(1.5);

    }

    100%

    {

        -webkit-transform: scale(1);

    }

}

/*----------------------

7.0 Common

-----------------------*/

.fcenter

{

    position: absolute;

    top: 50%;

    left: 50%;

    -webkit-transition: translate(-50%, -50%);

       -moz-transition: translate(-50%, -50%);

        -ms-transition: translate(-50%, -50%);

         -o-transition: translate(-50%, -50%);

    transform: translate(-50%, -50%);

}

.content-area

{

    position: relative;

    z-index: 99; 

    background: transparent;

}

.section

{

    padding-top: 60px;

    padding-bottom: 60px;

}

.section-title

{

    line-height: 1.5;

    margin-top: 0;

    margin-bottom: 30px;

    text-transform: uppercase;

}

.title-para

{

    margin-top: 23px;

    margin-bottom: 40px;

}

.section-subtitle

{

    font-weight: bold;

    margin-bottom: 30px; 

        color: #f2d7ce;

}

.squire-divider

{

    width: 10px; 

    height: 10px;

    margin: 0 auto;

    background: #000;

}

.dp-top .squire-divider

{

    margin-bottom: 30px;

}

.dp-top .section-subtitle

{

    margin: 0;

}

.plx

{

    background-attachment: fixed;

}

hr

{

    margin: 0;

}

.nomargin

{

    margin: 0 !important;

}

.mtop

{

    margin-top: 30px !important;

}

.nomtop

{

    margin-top: 0 !important;

}

.mbottom

{

    margin-bottom: 30px !important;

}

.dark h1,

.dark h2,

.dark h3,

.dark h4,

.dark h5,

.dark h6,

.dark p

{

    color: #fff;

}

.dark .slider-btn

{

    color: #fff; 

    background: #f2d7ce;

}

.alert-dismissible .close

{

    font-size: 20px; 

    font-weight: bold;

    float: right;

}

/*----------------

Hide arrow from number input field

------------------*/

input[type='number']::-webkit-outer-spin-button,

.contact-form textarea[type='number']::-webkit-outer-spin-button,

.comment-box .comment-form textarea[type='number']::-webkit-outer-spin-button,

input[type='number']::-webkit-inner-spin-button,

.contact-form textarea[type='number']::-webkit-inner-spin-button,

.comment-box .comment-form textarea[type='number']::-webkit-inner-spin-button

{

    margin: 0; 

    -webkit-appearance: none;

}

input[type='number'],

.contact-form textarea[type='number'],

.comment-box .comment-form textarea[type='number']

{

    -moz-appearance: textfield;

}

/*----------------------

8.0 Portfolio

-----------------------*/

.portfolio

{

    /*margin-top: 60px;

    margin-bottom: 45px;*/

}

#project-meta p

{

    margin-bottom: 5px;

}

/*---------------------

8.1 Portfolio filter

-----------------------*/

.potf-filter-group

{

    margin-top: 15px;

    margin-bottom: 0;

    margin-left: 0;

    padding: 0; 

    list-style: none;

}

.potf-filter-group > li

{

    font-family: 'Lato', sans-serif;

    font-size: 14px;

    font-size: 1.4rem;

    position: relative; 

    display: inline-block;

    margin: 0 15px;

    cursor: pointer;

    color: #b1b1b1;

}

.potf-filter-group > li.is-checked,

.potf-filter-group > li:hover

{

    color: #000;

}

.potf-filter-group > li:after

{

    position: absolute;

    bottom: -2px;

    left: 0;

    width: 100%; 

    height: 2px;

    content: '';

    transition: all .5s ease 0s;

    -webkit-transform: scale(0);

            transform: scale(0);

    background: #000 none repeat scroll 0 0;

}

.potf-filter-group > li.is-checked:after,

.potf-filter-group > li:hover:after

{

    -webkit-transform: scale(1);

            transform: scale(1);

}

/*---------------------

8.2 Portfolio item

-----------------------*/

.portfolio-item

{

    padding-top: 15px; 

    padding-bottom: 15px;

}

.portfolio-item img

{

    margin: 0 auto;

}

.portfolio-item.nopadding

{

    padding: 0;

}

.portfolio-item.height2

{

    overflow: hidden; 

    max-height: 600px;

}

.portfolio-item.height2.nopadding

{

    height: 600px;

}

/*---------------------

8.3 Portfolio content

-----------------------*/

.portfolio-body

{

    opacity: 1;

}

.portfolio-content

{

    position: relative;

    overflow: hidden;

}

.portfolio-item .portfolio-img

{

    position: relative;

    overflow: hidden;

    width: 100%;

    max-height: 100%;

}

.portfolio-item .portfolio-img img

{

    width: 100%;

    min-height: 200px;

}

.portfolio-item .portfolio-img .img-overlay

{

    position: absolute;

    bottom: 0;

    left: 0;

    width: 100%;

    height: 100%;

    -webkit-transition: all .9s;

       -moz-transition: all .9s;

        -ms-transition: all .9s;

         -o-transition: all .9s;

            transition: all .9s; 

    opacity: .5;

    background-color: #000;

}

.portfolio-body .portfolio-text

{

    position: absolute;

    bottom: 50%;

    width: 100%;

    -webkit-transition: all .5s;

       -moz-transition: all .5s;

        -ms-transition: all .5s;

         -o-transition: all .5s;

            transition: all .5s; 

    vertical-align: middle;

}

.portfolio-body .portfolio-text h3

{

    margin-bottom: 15px;

    text-transform: capitalize;

    color: #fcfcfc;

}

.portfolio-body .portfolio-text p

{

    font-weight: bold; 

    text-transform: capitalize;

    color: #fcfcfc;

}

.portfolio-body .portfolio-icon a .fa

{

    font-size: 16px;

    width: 35px;

    height: 35px;

    padding: 10px;

    -webkit-transition: all .4s;

       -moz-transition: all .4s;

        -ms-transition: all .4s;

         -o-transition: all .4s;

            transition: all .4s; 

    color: #f2d7ce;

    border-radius: 20px;

    background: #fff;

}

/*---------------------

8.4 Portfolio hover state

-----------------------*/

.portfolio-item:hover .portfolio-body

{

    opacity: 1;

}

.portfolio-item .portfolio-content:hover .portfolio-img .img-overlay

{

    left: 0;

}

.portfolio-content:hover .portfolio-body .portfolio-text

{

    bottom: 50%;

}

.portfolio-body .portfolio-icon

{

    position: absolute;

    top: 50%;

    width: 100%;

    -webkit-transition: all .5s;

       -moz-transition: all .5s;

        -ms-transition: all .5s;

         -o-transition: all .5s;

            transition: all .5s; 

    vertical-align: middle;

}

.portfolio-content:hover .portfolio-body .portfolio-icon

{

    top: 50%;

}

.portfolio-body .portfolio-icon a .fa:hover

{

    color: #fff; 

    background: #f2d7ce;

}

/*------------------

9.0 Testimonial

--------------------*/

#testimonial

{

    font-weight: bold;

    display: block;

}

.testimonial

{

    position: relative;

    padding-top: 20px;

    padding-bottom: 20px;

}

.testimonial .quote-symbol

{

    font-size: 30px;

    font-size: 3rem;

    margin-top: 10px; 

    color: #fff;

}

.testimonial .testi-body

{

    padding-top: 15px;

}

.testimonial .testi-body .author

{

    font-size: 15px;

    font-size: 1.5rem;

    margin-bottom: 15px;

}

.testimonial .testi-body .degignation

{

    font-size: 13px;

    font-size: 1.3rem;

    margin-bottom: 20px; 

    color: #b1b1b1;

}

.testimonial .owl-nav

{

    position: absolute;

    top: 50%;

    width: 100%; 

    -webkit-transition: translateY(-50%);

       -moz-transition: translateY(-50%);

        -ms-transition: translateY(-50%);

         -o-transition: translateY(-50%);

    -webkit-transform: translateY(-50%);

            transform: translateY(-50%);

}

.testimonial .owl-nav .fa

{

    font-size: 30px;

    color: #fff;

}

.testimonial .owl-prev

{

    float: left;

    padding-left: 35px;

}

.testimonial .owl-next

{

    float: right;

    padding-right: 35px;

}

/*------------------

10.0 Partner

--------------------*/

.partner

{

    padding-top: 30px;

    padding-bottom: 30px; 

    background: #f2d7ce;

}

.partner .owl-stage

{

    display: table !important;

}

.partner .owl-item

{

    display: table-cell;

    float: none !important;

    vertical-align: middle;

}

.partner .owl-item div

{

    text-align: center;

}

.partner .partner-list

{

    display: block;

    margin: 0 auto;

}

.partner .part-logo

{

    display: inline-block;

}

.partner .part-logo img

{

    margin: 0 auto;

}

.parallax-window

{

    min-height: 400px;

    background: transparent;

}

/*----------------------

11.0 Service

-----------------------*/

.service-group

{

    margin-top: 30px;

}

.service-item

{

    margin-top: 30px;

}

.service-item h4

{

    line-height: 1.5; 

    position: relative;

    margin-bottom: 25px;

    padding-left: 50px;

}

.service-item span

{

    font-size: 24px;

    position: absolute;

    left: 0; 

    color: #f2d7ce;

}

/*----------------------

12.0 Team

-----------------------*/

.team-members

{

   /* margin-top: 45px;*/

	margin: auto;

}

.team-members img

{    width: 100%;

    height: 100%;

}

.team-members .tm-wrap

{

   	position: relative;

    overflow: hidden;

    margin-top: 15px;

    margin-bottom: 15px;

    padding: 0 15px;

}

.team-members .tm-wrap .fa

{

    font-size: 20px;

    font-size: 2rem;

}

.team-members .tm-wrap .hover-overlay

{

    position: absolute;

    top: 0;

    right: 0;

    bottom: 0;

    left: 0;

    -webkit-transition: all 300ms;

       -moz-transition: all 300ms;

        -ms-transition: all 300ms;

         -o-transition: all 300ms;

            transition: all 300ms; 

    -webkit-transform: scale(.5);

            transform: scale(.5);

    opacity: 0;

    background: rgba(0, 0, 0, .5);

}

/*----------------------

12.1 Hover State

-----------------------*/

.team-hover

{

    position: absolute;

    z-index: 9;

    top: -55px;

    right: 15px;

    bottom: 0;

    left: 15px;

    padding: 15px;

    -webkit-transition: all 300ms;

       -moz-transition: all 300ms;

        -ms-transition: all 300ms;

         -o-transition: all 300ms;

            transition: all 300ms; 

    text-align: center;

    opacity: 0;

}

.team-hover:hover

{

    opacity: 1;

}

.team-hover:hover .hover-overlay

{

    -webkit-transform: scale(1);

            transform: scale(1); 

    opacity: 1;

}

.team-hover > .name,

.team-hover > .degignation,

.team-hover > .connecting

{

    position: relative;

    z-index: 9;

    -webkit-transition: all 300ms;

       -moz-transition: all 300ms;

        -ms-transition: all 300ms;

         -o-transition: all 300ms;

            transition: all 300ms;

    -webkit-animation-duration: 1s;

            animation-duration: 1s;

    color: #fff;

    -webkit-animation-fill-mode: both;

            animation-fill-mode: both;

}

.team-hover > .degignation

{

    margin-bottom: 20px; 

    color: #9d9d9d;

}

.team-hover:hover > .name,

.team-hover:hover > .degignation,

.team-hover:hover > .connecting

{

    top: 20%;

    -webkit-animation-name: fadeInDown;

            animation-name: fadeInDown;

}

.team-hover:hover > .degignation

{

    animation-delay: 300ms; 

    -webkit-delay: 300ms;

}

.team-hover:hover > .connecting

{

    animation-delay: 500ms; 

    -webkit-delay: 500ms;

}

.team-hover a

{

    color: #fff;

}

.team-hover a:hover

{

    color: #f2d7ce;

}

/*----------------------

13.0 Skillbars

-----------------------*/

.skillbar-group

{

    margin-top: 30px;

}

.skillbar

{

    position: relative;

    display: inline-block;

    width: 100%;

    width: 100%; 

    height: 7px;

    margin: 20px 0;

    border-radius: 3px;

    background: #eee;

}

.skillbar-title

{

    font-size: 13px;

    font-size: 1.3rem;

    font-weight: bold;

    line-height: 1; 

    position: absolute;

    top: -30px;

    left: 0;

    text-transform: capitalize;

    color: #000;

    border-top-left-radius: 3px;

    border-bottom-left-radius: 3px;

}

.skillbar-bar

{

    position: absolute; 

    display: inline-block;

    width: 0;

    height: 8px;

    border-radius: 10px;

    background: #f2d7ce;

}

.skill-bar-percent

{

    font-size: 14px;

    font-size: 1.4rem;

    font-weight: bold;

    line-height: 1;

    position: absolute;

    top: -25px;

    right: 10px;

    height: 6px;

    color: rgba(0, 0, 0, .9);

}

/*----------------------

14.0 Status

-----------------------*/

.status

{

    padding-top: 30px; 

    background: #191b1f;

}

.status .ctm-counting

{

    font-family: 'Montserrat', sans-serif; 

    font-size: 30px;

    font-size: 3rem;

    color: #fff;

}

.status p

{

    font-size: 16px;

    font-size: 1.6rem;

    font-weight: bold;

    margin-bottom: 30px; 

    color: #a4a4a4;

}

/*----------------------

15.0 Price Table

-----------------------*/

.price-item

{

    position: relative;

}

.price-item .border

{

    position: absolute;

    top: 0; 

    right: 0;

    left: 0;

    height: 5px;

    border-top-left-radius: 3px;

    border-top-right-radius: 3px;

    background: #f2d7ce;

}

.price-item .header

{

    padding-top: 15px; 

    border: 3px solid #e7e7e7;

    border-top: none;

}

.price-item .highlight,

.price-item.promoting p

{

    color: #f2d7ce;

}

.price-item .price

{

    margin: 0;

}

.price-item .body

{

    padding-top: 30px;

    padding-bottom: 30px; 

    border: 3px solid #e7e7e7;

    border-top: none;

}

.price-item .btn

{

    font-weight: normal; 

    margin-top: 30px;

}

.price-item ul

{

    margin: 0; 

    padding: 0;

    list-style: none;

}

.price-item ul li

{

    font-size: 13px;

    font-size: 1.3rem;

    font-weight: bold;

    display: block;

    width: 80%; 

    margin: 0 auto;

    padding: 15px;

    border-bottom: 1px solid #e7e7e7;

}

.price-item ul li:first-child

{

    padding-top: 0;

}

.price-item p

{

    font-size: 12px;

    font-size: 1.2rem;

    font-weight: bold;

    text-transform: uppercase;

}

.price-item.promoting > .header

{

    border-color: #f2d7ce; 

    background: #f2d7ce;

}

.price-item.promoting .highlight,

.price-item.promoting p

{

    color: #fff;

}

/*----------------------

16.0 Shop

-----------------------*/

.shop-header

{

    padding-top: 60px;

}

.shop-header p

{

    margin: 0;

    padding-top: 10px;

}

.shop-header .result-count,

.shop-header .ordering

{

    float: left;

    padding-right: 15px; 

    padding-left: 15px;

}

.shop-header .result-count span,

.shop-header .ordering span

{

    font-weight: bold; 

    color: #000;

}

.shop-header .ordering

{

    float: right;

}

.shop-header .orderby

{

    font-size: 12px;

    font-size: 1.2rem;

    height: 40px;

    padding-right: 15px; 

    padding-left: 15px;

    border-color: #dedede;

}

.single-product

{

    position: relative;

    overflow: hidden;

    margin-bottom: 30px;

    text-align: center;

}

.single-product img

{

    width: 100%;

}

.single-product .show-on-hover

{

    position: absolute;

    z-index: 9; 

    top: 0;

    right: 15px;

    bottom: 0;

    left: 15px;

}

.single-product .show-on-hover .text-box

{

    position: absolute;

    z-index: 99;

    top: -80px;

    width: 100%;

    -webkit-transition: all 300ms;

       -moz-transition: all 300ms;

        -ms-transition: all 300ms;

         -o-transition: all 300ms;

            transition: all 300ms;

}

.single-product .show-on-hover .text-box .cat

{

    font-weight: bold;

    text-transform: uppercase; 

    color: #e7e7e7;

}

.single-product .show-on-hover .text-box .title

{

    color: #fff;

}

.single-product .show-on-hover:hover .text-box

{

    top: 80px;

}

.single-product .show-on-hover .tools-box

{

    position: absolute;

    z-index: 99; 

    bottom: -80px;

    width: 100%;

    -webkit-transition: all 300ms;

       -moz-transition: all 300ms;

        -ms-transition: all 300ms;

         -o-transition: all 300ms;

            transition: all 300ms;

}

.single-product .show-on-hover .tools-box a

{

    font-size: 20px;

    font-size: 2rem;

}

.single-product .show-on-hover .tools-box a:hover

{

    color: #fff;

}

.single-product .show-on-hover:hover .tools-box

{

    bottom: 20px;

}

.single-product .show-on-hover .overlay

{

    position: absolute;

    z-index: 2;

    top: 0;

    right: 0;

    bottom: 0;

    left: 0;

    -webkit-transition: all 300ms;

       -moz-transition: all 300ms;

        -ms-transition: all 300ms;

         -o-transition: all 300ms;

            transition: all 300ms; 

    -webkit-transform: scale(.55);

            transform: scale(.55);

    opacity: 0;

    background: #191b1f;

}

.single-product .show-on-hover:hover .overlay

{

    -webkit-transform: scale(1);

            transform: scale(1); 

    opacity: .8;

}

#product-list .pagination-area

{

    margin-top: 15px;

}

/*----------------------

16.1 Single Product Page

-----------------------*/

.owl-thumbs

{

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex; 

    margin-top: 30px;

    -webkit-box-pack: justify;

    -ms-flex-pack: justify;

    justify-content: space-between;

}

.owl-thumb-item

{

    overflow: hidden;

    max-width: 130px; 

    max-height: 130px;

    border: 0;

    background: transparent;

}

.owl-thumb-item img

{

    width: 130px; 

    max-width: 100%;

    height: auto;

}

.product-summary .share

{

    font-size: 14px;

    font-size: 1.4rem;

    margin-top: 30px;

}

.short-description

{

    margin-top: 40px; 

    margin-bottom: 40px;

}

.short-description h5

{

    margin-bottom: 20px;

}

.short-description p

{

    text-align: justify;

}

.product-tools

{

    display: inline-block;

    margin-bottom: 30px;

    padding-left: 0; 

    list-style: none;

}

.product-tools li

{

    display: inline-block;

}

.quantity

{

    position: relative; 

    display: inline-block;

}

.quantity .input-text

{

    width: 50px; 

    height: 40px;

    text-align: center;

    border: 1px solid #efefef;

}

.quantity .buttons_added

{

    position: relative;

}

.quantity .is-form

{

    position: absolute;

    left: 100%;

    overflow: hidden;

    width: 20px; 

    height: 22px;

    padding: 0;

    color: #fff;

    border: 0;

    background: #000;

}

.quantity .plus.button.is-form

{

    z-index: 2; 

    top: 0;

}

.quantity .minus.button.is-form

{

    z-index: 1; 

    bottom: 0;

}

.btn.btn-addtocart

{

    height: 40px;

    margin-top: -2px;

    margin-left: 50px;

    padding-top: 12px;

    padding-bottom: 12px;

    color: #fff; 

    border: 0;

    border-radius: 0;

    background: #191b1f;

}

.product_meta

{

    margin-top: 30px;

    margin-bottom: 30px;

}

.product_meta p

{

    margin-bottom: 10px;

}

.product_meta span

{

    color: #000;

}

.wc-tabs-wrapper

{

    display: table;

    margin: 40px auto 30px;

}

.wc-tabs-wrapper ul

{

    min-width: 420px;

    padding: 0;

    list-style: none;

    text-align: center; 

    border-bottom: 1px solid #e3e3e3;

}

.wc-tabs-wrapper ul li

{

    display: inline-block;

    padding-right: 30px;

    padding-left: 30px;

    -webkit-transition: all 300ms;

       -moz-transition: all 300ms;

        -ms-transition: all 300ms;

         -o-transition: all 300ms;

            transition: all 300ms;

}

.wc-tabs-wrapper ul li a

{

    display: block; 

    height: 40px;

    text-decoration: none;

    color: #a4a4a4;

}

.wc-tabs-wrapper ul li.active a

{

    font-weight: bold;

    position: relative; 

    color: #f2d7ce;

}

.wc-tabs-wrapper ul li.active a:after

{

    position: absolute;

    bottom: -2px;

    left: 0; 

    display: block;

    width: 100%;

    height: 3px;

    content: '';

    background: #f2d7ce;

}

.tab-content

{

    margin-bottom: 40px;

}

/*----------------------

16.2 Product Page Review

-----------------------*/

.commentlist

{

    margin-top: 50px;

    padding-left: 0; 

    list-style: none;

}

.commentlist .comment

{

    margin-bottom: 30px;

}

.commentlist li .avatar

{

    float: left;

    width: 50px;

    height: 50px;

    margin-right: 1em;

}

.commentlist .meta

{

    margin-bottom: 10px;

}

.commentlist .comment-text .description

{

    font-family: 'Kalam'; 

    padding: 1em;

    border: 0;

    border-top: 1.618em solid rgba(0, 0, 0, .025);

    background: #f9f9f9;

    box-shadow: 0 1px 2px rgba(0, 0, 0, .2);

}

.commentlist .star-rating

{

    color: #f2d7ce;

}

/*----------------------

16.3 Shop Cart

-----------------------*/

.shop_table_responsive

{

    width: 100%; 

    margin-bottom: 20px;

    color: #000;

}

.shop_table_responsive thead,

.shop_table_responsive tfoot

{

    border-bottom: 1px solid #efefef;

}

.shop_table_responsive th,

.shop_table_responsive td

{

    padding-top: 20px;

    padding-bottom: 20px;

}

.shop_table_responsive tfoot td

{

    padding-top: 30px;

    padding-bottom: 30px;

}

.shop_table_responsive tbody

{

    position: relative; 

    border-bottom: 1px solid #efefef;

}

.shop_table_responsive tbody td:first-child

{

    width: 120px;

}

.shop_table_responsive .remove

{

    font-size: 15px;

    font-size: 1.5rem;

    font-weight: bold; 

    color: #000;

}

.shop_table_responsive .cart-footer div

{

    padding-top: 20px;

    padding-bottom: 30px;

}

.shop_table_responsive .cuppon-fields

{

    position: relative;

}

.shop_table_responsive .cuppon_text_input

{

    width: 210px; 

    height: 40px;

    padding-left: 20px;

    border: 1px solid #efefef;

}

.shop_table_responsive .btn

{

    margin: 0;

}

.shop_table_responsive .black-arrow

{

    position: absolute; 

    height: 40px;

    color: #fff;

    border: none;

    border-radius: 0;

    background: #000;

}

.shop_table_responsive .continue-shoping

{

    text-align: center;

}

.shop_table_responsive .border-no-bg

{

    width: 270px; 

    height: 40px;

    text-align: left;

    text-transform: capitalize;

    color: #000;

    border: 2px solid #000;

    border-radius: 0;

    background: transparent;

}

.shop_table_responsive .border-no-bg span

{

    float: right;

    margin-top: 5px;

}

/*----------------------

16.4 Shop Checkout

-----------------------*/

.input-text-field

{

    width: 100%;

    margin-top: 15px;

    padding: 15px 0;

    -webkit-transition: all .3s;

       -moz-transition: all .3s;

        -ms-transition: all .3s;

         -o-transition: all .3s;

            transition: all .3s; 

    border-width: 0 0 1px 0;

    border-color: #e7e7e7;

}

.input-text-field::-webkit-input-placeholder

{

    font-size: 11px;

    font-size: 1.1rem;

    font-weight: bold; 

    /* Chrome/Opera/Safari */

    text-transform: uppercase;

}

.input-text-field::-moz-placeholder

{

    font-size: 11px;

    font-size: 1.1rem;

    font-weight: bold; 

    /* Firefox 19+ */

    text-transform: uppercase;

}

.input-text-field:-ms-input-placeholder

{

    font-size: 11px;

    font-size: 1.1rem;

    font-weight: bold; 

    /* IE 10+ */

    text-transform: uppercase;

}

.input-text-field:-moz-placeholder

{

    font-size: 11px;

    font-size: 1.1rem;

    font-weight: bold; 

    /* Firefox 18- */

    text-transform: uppercase;

}

.input-text-field:focus

{

    border-color: #4a4a4a; 

    outline: 0;

}

#checkout .heading

{

    clear: both; 

    padding: 20px 0;

    border: 1px solid #191b1f;

    background: #191b1f;

}

#checkout .fields-group

{

    padding-top: 20px; 

    padding-bottom: 60px;

    border: 1px solid #e7e7e7;

}

#checkout .btn

{

    font-size: 12px;

    font-size: 1.2rem;

    font-weight: normal;

    height: 40px;

    margin-top: 60px;

}

.billing-address

{

    padding: 0;

}

.billing-address .row

{

    margin-right: 30px; 

    margin-left: 30px;

}

.product-info

{

    margin-top: 60px; 

    padding: 0;

}

.product-info .fields-group .item

{

    font-size: 11px;

    font-size: 1.1rem;

    font-weight: bold;

    margin-top: 14px;

    padding: 15px 0;

    text-transform: uppercase; 

    border-bottom: 1px solid #e7e7e7;

}

.product-info .fields-group .subtotal

{

    color: #000;

}

#product-info .row

{

    margin-right: 45px; 

    margin-left: 45px;

}

#product-info .wide-collum,

#product-info .small-collum

{

    float: left;

}

#product-info .wide-collum

{

    width: 66.66666667%;

}

#product-info .small-collum

{

    width: 33.33333333%;

}

.payment-option

{

    margin-top: 60px;

    padding: 0;

}

.payment-option span

{

    font-size: 11px;

    font-size: 1.1rem;

    font-weight: bold;

    margin-left: 20px;

    text-transform: uppercase;

}

.payment-option input[type='radio'],

.payment-option .contact-form textarea[type='radio'],

.contact-form .payment-option textarea[type='radio'],

.payment-option .comment-box .comment-form textarea[type='radio'],

.comment-box .comment-form .payment-option textarea[type='radio']

{

    margin-top: 30px;

    margin-left: 45px;

    vertical-align: sub;

}

/*----------------------

17.1 Journal

-----------------------*/

.blog-post .feature-image

{

    overflow: hidden; 

    margin-bottom: 30px;

}

.blog-post .single-post

{

    margin-bottom: 40px;

}

.blog-post .single-post .blockquote

{

    font-weight: bold;

    line-height: 1.8; 

    color: #f2d7ce;

}

.blog-post .post-meta

{

    font-size: 10px;

    font-size: 1rem;

    font-weight: bold;

    text-transform: uppercase; 

    color: #f2d7ce;

}

/*----------------------

17.2 Share

-----------------------*/

.share

{

    font-size: 12px;

    font-size: 1.2rem;

    font-weight: bold;

    display: table;

    margin-right: auto; 

    margin-left: auto;

    color: #000;

}

.share p

{

    margin-top: -2px;

}

.share span

{

    position: absolute;

    left: 15px;

    cursor: pointer;

    -webkit-transition: all 300ms cubic-bezier(.685, .01, .355, .995);

       -moz-transition: all 300ms cubic-bezier(.685, .01, .355, .995);

        -ms-transition: all 300ms cubic-bezier(.685, .01, .355, .995);

         -o-transition: all 300ms cubic-bezier(.685, .01, .355, .995);

            transition: all 300ms cubic-bezier(.685, .01, .355, .995);

    opacity: 1;

}

.share span.nomargin

{

    font-size: 20px;

    font-size: 2rem; 

    left: 50%;

    margin-left: -2px;

    -webkit-transform: translate(-50%);

            transform: translate(-50%);

}

.share .share-icon

{

    position: relative;

    display: table;

    margin: 0 auto;

}

.share .share-icon > ul

{

    position: relative;

    left: 10px;

    visibility: hidden;

    -webkit-transition: all 300ms cubic-bezier(.685, .01, .355, .995);

       -moz-transition: all 300ms cubic-bezier(.685, .01, .355, .995);

        -ms-transition: all 300ms cubic-bezier(.685, .01, .355, .995);

         -o-transition: all 300ms cubic-bezier(.685, .01, .355, .995);

            transition: all 300ms cubic-bezier(.685, .01, .355, .995); 

    opacity: 0;

}

.share .share-icon.pull-left > ul

{

    left: 20px;

}

.share .share-icon a

{

    color: #000;

}

.share .share-icon a:hover

{

    color: #f2d7ce;

}

.share .share-icon:hover span

{

    left: 100%;

    -webkit-transform: translate(0);

            transform: translate(0);

    opacity: 0;

}

.share .share-icon:hover > ul

{

    visibility: visible;

    -webkit-transform: translate(-10px);

            transform: translate(-10px);

    opacity: 1;

}

/*----------------------

17.3 Pagination

-----------------------*/

.post-pagination

{

    width: 100%; 

    margin: 0;

    padding-top: 20px;

    padding-bottom: 20px;

    border-bottom: 1px solid #242d2d;

}

.post-pagination .viewall

{

    font-size: 20px;

    font-size: 2rem;

    padding-top: 30px;

}

.post-pagination p

{

    font-weight: bold;

}

.post-pagination h3

{

    margin-bottom: 0;

}

.post-pagination a

{

    -webkit-transition: all 1s;

       -moz-transition: all 1s;

        -ms-transition: all 1s;

         -o-transition: all 1s;

            transition: all 1s; 

    text-decoration: none;

    color: #fff;

}

.post-pagination .previous

{

    float: left;

}

.post-pagination .previous .arrow

{

    font-size: 48px;

    position: absolute;

    z-index: 1;

    top: 15px;

    left: 45px;

    -webkit-transition: all 300ms;

       -moz-transition: all 300ms;

        -ms-transition: all 300ms;

         -o-transition: all 300ms;

            transition: all 300ms;

}

.post-pagination .previous:hover .arrow

{

    left: 15px;

}

.post-pagination .previous .text

{

    position: absolute;

    z-index: 2;

    left: 15px;

    -webkit-transition: all 300ms;

       -moz-transition: all 300ms;

        -ms-transition: all 300ms;

         -o-transition: all 300ms;

            transition: all 300ms; 

    background: #191b1f;

}

.post-pagination .previous:hover .text

{

    left: 45px;

}

.post-pagination .next

{

    float: right;

}

.post-pagination .next .arrow

{

    font-size: 48px;

    position: absolute;

    z-index: 1;

    top: 15px;

    right: 45px;

    -webkit-transition: all 300ms;

       -moz-transition: all 300ms;

        -ms-transition: all 300ms;

         -o-transition: all 300ms;

            transition: all 300ms;

}

.post-pagination .next:hover .arrow

{

    right: 15px;

}

.post-pagination .next .text

{

    position: absolute;

    z-index: 2;

    right: 15px;

    -webkit-transition: all 300ms;

       -moz-transition: all 300ms;

        -ms-transition: all 300ms;

         -o-transition: all 300ms;

            transition: all 300ms; 

    background: #191b1f;

}

.post-pagination .next:hover .text

{

    right: 45px;

}

/*----------------------

17.0 Blog

-----------------------*/

.recent-post

{

    margin-top: 60px;

}

.recent-post .single-post

{

    margin-bottom: 30px;

}

.recent-post .single-post .img

{

    overflow: hidden; 

    max-height: 200px;

    margin-bottom: 40px;

}

.recent-post .single-post .img img

{

    width: 100%;

}

.recent-post .single-post .post-meta

{

    font-size: 10px;

    font-size: 1rem;

    font-weight: bold;

    text-transform: uppercase; 

    color: #f2d7ce;

}

.readmore-link

{

    font-size: 13px;

    font-size: 1.3rem;

    font-weight: bold;

    position: relative; 

    text-decoration: none;

    text-transform: capitalize;

    color: #191b1f;

}

.readmore-link:after

{

    font: normal normal normal 14px/1 FontAwesome;

    position: relative;

    top: 1px;

    left: 7px;

    content: '\f178';

    -webkit-transition: all 300ms;

       -moz-transition: all 300ms;

        -ms-transition: all 300ms;

         -o-transition: all 300ms;

            transition: all 300ms;

}

.readmore-link:hover:after

{

    animation: moveRightDisappear;

    -webkit-animation-name: moveRightDisappear;

    -webkit-animation-duration: 2s;

            animation-duration: 2s;

    -webkit-animation-iteration-count: infinite;

            animation-iteration-count: infinite;

}

@-webkit-keyframes moveRightDisappear

{

    0%

    {

        left: 7px; 

        opacity: 1;

    }

    50%

    {

        left: 25px;

    }

    100%

    {

        left: 25px; 

        opacity: 0;

    }

}

@keyframes moveRightDisappear

{

    0%

    {

        left: 7px; 

        opacity: 1;

    }

    50%

    {

        left: 25px;

    }

    100%

    {

        left: 25px; 

        opacity: 0;

    }

}

/*----------------------

18.0 Sidebar

-----------------------*/

#sidebar .box

{

    width: 100%; 

    max-width: 300px;

    margin: 0 auto 40px;

}

#sidebar h4

{

    margin-top: 0;

}

#sidebar .search-box

{

    position: relative; 

    width: 100%;

    max-width: 300px;

    height: 50px;

    vertical-align: middle;

    white-space: nowrap;

}

#sidebar .search-box input#search,

#sidebar .search-box .contact-form textarea#search,

.contact-form #sidebar .search-box textarea#search,

#sidebar .search-box .comment-box .comment-form textarea#search,

.comment-box .comment-form #sidebar .search-box textarea#search

{

    font-size: 12px;

    font-size: 1.2rem;

    float: left;

    width: 100%;

    max-width: 300px;

    margin-bottom: 15px;

    padding: 10px 45px 10px 20px; 

    color: #dedede;

    border: 1px solid #dedede;

    background: transparent;

}

#sidebar .search-box input#search::-webkit-input-placeholder,

#sidebar .search-box .contact-form textarea#search::-webkit-input-placeholder,

.contact-form #sidebar .search-box textarea#search::-webkit-input-placeholder,

#sidebar .search-box .comment-box .comment-form textarea#search::-webkit-input-placeholder,

.comment-box .comment-form #sidebar .search-box textarea#search::-webkit-input-placeholder

{

    color: #dedede;

}

#sidebar .search-box input#search:-moz-placeholder,

#sidebar .search-box .contact-form textarea#search:-moz-placeholder,

.contact-form #sidebar .search-box textarea#search:-moz-placeholder,

#sidebar .search-box .comment-box .comment-form textarea#search:-moz-placeholder,

.comment-box .comment-form #sidebar .search-box textarea#search:-moz-placeholder

{

    /* Firefox 18- */

    color: #dedede;

}

#sidebar .search-box input#search::-moz-placeholder,

#sidebar .search-box .contact-form textarea#search::-moz-placeholder,

.contact-form #sidebar .search-box textarea#search::-moz-placeholder,

#sidebar .search-box .comment-box .comment-form textarea#search::-moz-placeholder,

.comment-box .comment-form #sidebar .search-box textarea#search::-moz-placeholder

{

    /* Firefox 19+ */

    color: #dedede;

}

#sidebar .search-box input#search:-ms-input-placeholder,

#sidebar .search-box .contact-form textarea#search:-ms-input-placeholder,

.contact-form #sidebar .search-box textarea#search:-ms-input-placeholder,

#sidebar .search-box .comment-box .comment-form textarea#search:-ms-input-placeholder,

.comment-box .comment-form #sidebar .search-box textarea#search:-ms-input-placeholder

{

    color: #dedede;

}

#sidebar .search-box .icon

{

    position: absolute;

    z-index: 1;

    top: 10px;

    right: 20px;

    color: #dedede;

}

#sidebar .single-post p

{

    font-size: 13px;

    font-size: 1.3rem;

}

#sidebar p.post-meta

{

    font-size: 10px;

    font-size: 1rem;

    font-weight: bold;

    text-transform: uppercase; 

    color: #191b1f;

}

#sidebar .taglist

{

    font-size: 13px;

    font-size: 1.3rem;

}

#sidebar .categories

{

    padding-left: 0;

}

#sidebar .categories li

{

    font-size: 13px;

    font-size: 1.3rem;

    margin-bottom: 15px; 

    list-style: none;

}

#sidebar .categories li span

{

    font-weight: bold;

    color: #191b1f;

}

#sidebar .recent-product .row

{

    margin-bottom: 30px;

}

#sidebar .recent-product .pull-left

{

    padding-right: 15px; 

    padding-left: 15px;

}

#sidebar .recent-product h5,

#sidebar .recent-product p

{

    margin-top: 5px;

    margin-bottom: 0;

}

#sidebar .recent-product .price

{

    font-weight: bold;

    text-transform: uppercase; 

    color: #000;

}

.review

{

    font-size: 12px;

    font-size: 1.2rem; 

    color: #f2d7ce;

}

.review span

{

    margin-left: 15px;

}

/*------------------------

Widget Price Range Filter

-------------------------*/

.spf-wrap

{

    position: relative;

}

.spf-wrap p

{

    font-size: 12px;

    font-size: 1.2rem;

    margin-top: 15px;

    margin-bottom: 0;

}

.ui-slider-horizontal

{

    position: relative; 

    height: 5px;

    cursor: w-resize;

    border-radius: 3px;

    background: #f6f6f6;

}

.ui-slider-range

{

    position: absolute; 

    height: 5px;

    border-radius: 3px;

    background: #f2d7ce;

}

a.ui-slider-handle

{

    position: absolute;

    top: -6px;

    width: 15px; 

    height: 15px;

    margin-left: -2px;

    cursor: w-resize;

    border-radius: 100%;

    outline: none;

    background: #f2d7ce;

}

.input-prange

{

    font-size: 12px;

    font-size: 1.2rem;

    font-weight: normal;

    position: absolute;

    right: 0; 

    color: #a4a4a4;

    border: 0;

}

.input-prange:focus

{

    outline: none;

}

/*----------------------

19.0 Contact

-----------------------*/

#contact-info .icon

{

    font-size: 36px;

    font-size: 3.6rem;

    color: #f2d7ce;

}

#contact-info .connecting

{

    margin-top: 20px;

}

#contact-info .connecting a

{

    font-size: 20px;

    font-size: 2rem;

    color: #a4a4a4;

}

#contact-info .connecting a:hover

{

    color: #f2d7ce;

}

#map

{

    width: 100%; 

    height: 400px;

}

#contact-box h3

{

    margin-bottom: 50px;

}

#contact-box .btn

{

    margin-top: 45px;

}

.contact-form label

{

    font-size: 12px;

    font-weight: normal;

    margin-bottom: 10px;

    color: #959393;

}

.contact-form label span

{

    color: #dedede;

}

.contact-form input,

.contact-form textarea,

.contact-form .comment-box .comment-form textarea,

.comment-box .comment-form .contact-form textarea

{

    height: 40px; 

    margin-bottom: 15px;

    border-color: #ddd;

    border-radius: 0;

}

.contact-form textarea

{

    height: 180px;

}

/*----------------------

20.0 Comment

-----------------------*/

.single-comment

{

    margin-top: 30px;

}

.comment-body .author

{

    font-weight: bold;

    margin-bottom: 0; 

    color: #000;

}

.comment-body .replay-link

{

    margin-bottom: 15px;

}

.comment-body .replay-link a

{

    font-size: 12px;

    font-size: 1.2rem;

    color: #000;

}

.comment-body .replay-link a span

{

    margin-right: 15px;

}

.cmt-rdvider

{

    margin-left: 30px;

}

.comment-box

{

    margin-top: 50px;

}

.comment-box .comment-form label

{

    font-size: 12px;

    font-weight: normal;

    margin-bottom: 10px;

    color: #959393;

}

.comment-box .comment-form label span

{

    color: #dedede;

}

.comment-box .comment-form input,

.comment-box .comment-form textarea

{

    height: 40px; 

    margin-bottom: 15px;

    border-color: #ddd;

    border-radius: 0;

}

.comment-box .comment-form textarea

{

    height: 180px;

}

.comment-box .comment-form .btn

{

    margin-top: 45px;

}

/*----------------------

21.0 Footer

-----------------------*/

.site-footer,

.post-pagination

{

    position: relative; 

    background: #f2d7ce;

}

.site-footer .footer-top,

.post-pagination .footer-top

{

    padding-top: 60px;

    padding-bottom: 50px;

}

.site-footer .footer-logo,

.post-pagination .footer-logo

{

   /* margin-bottom: 35px;*/    width: 50%;

}

.site-footer .address,

.post-pagination .address

{

    font-size: 13px;

    font-size: 1.5rem;

    font-weight: 100;

    line-height: 24px;

    letter-spacing: .5px; 

    color: #000;

}

.site-footer .single-post a,

.post-pagination .single-post a

{

    font-size: 13px;

    font-size: 1.3rem;

    font-weight: bold; 

    color: #a4a4a4;

}

.site-footer .single-post a:hover,

.post-pagination .single-post a:hover

{

    color: #fff;

}

.site-footer .single-post p,

.post-pagination .single-post p

{

    margin-bottom: 17px;

}

.site-footer .single-post .post-meta,

.post-pagination .single-post .post-meta

{

    font-size: 10px;

    font-size: 1rem;

    font-weight: bold;

    text-transform: uppercase; 

    color: #fff;

}

.site-footer .single-feed,

.post-pagination .single-feed

{

    position: relative;

    margin-left: 30px;

}

.site-footer .single-feed .icon-container,

.post-pagination .single-feed .icon-container

{

    font-size: 20px;

    font-size: 2rem;

    position: absolute;

    top: 0; 

    left: -30px;

    color: #f2d7ce;

}

.site-footer .single-feed p,

.post-pagination .single-feed p

{

    color: #a4a4a4;

}

.site-footer .row.feed-image,

.post-pagination .row.feed-image

{

    margin: 0 -5px;

}

.site-footer .feed-image > div,

.post-pagination .feed-image > div

{

    padding: 5px;

}

.site-footer .feed-image img,

.post-pagination .feed-image img

{

    width: 100%;

    max-width: 120px; 

    height: 65px;

}

.site-footer a,

.post-pagination a

{

    /*font-weight: bold; */

    color: #000;

}

.site-footer .footer-bottom,

.post-pagination .footer-bottom

{

    background: #151619;

}

.site-footer .footer-bottom .totop,

.post-pagination .footer-bottom .totop

{

    font-size: 10px;

    font-size: 1rem;

    font-weight: bold;

    display: inline-block;

    padding: 15px 25px;

    cursor: pointer;

    -webkit-transition: all 1s;

       -moz-transition: all 1s;

        -ms-transition: all 1s;

         -o-transition: all 1s;

            transition: all 1s; 

    text-decoration: none;

    text-transform: uppercase;

    color: #fff;

    background: #191b1f;

}

.site-footer .footer-bottom .totop:hover,

.post-pagination .footer-bottom .totop:hover

{

    background: #151619;

}

.site-header .container{ max-width: 1280px;width: 100%; }

.navbar-header , .navbar-collapse.collapse{ /*display:inline-block;*/ }

.navbar-collapse.collapse{ margin-top: 10px; } 

#feature-work.about-frame { padding-top:0; padding-bottom: 0; }

#feature-work.about-frame .portfolio { height:auto; margin-top:0 ;}

.about-frame{width:100%;height:auto;}

.about-frame .container{ background-color: #f7f7f7; }

.about-img{

    float:left;width: 45%;/* height:60vh; */background-color:#cccccc; position: relative;

    background-position: bottom center; background-size: cover;

}

.about-img img{

    /*float: right; margin-right:-130px;

    position: absolute;right: -17%;height: 110%;bottom: 0;*/

}

.about-content{

    float:left;/*width: 50%;*/position: relative;

    background-repeat: no-repeat;

    background-position: right bottom;

}

.about-content p{ }

.about-sign{ position: absolute; bottom: 30px; }

.about-sign img{ width:250px; }







.portfolio-item a.button , .book-appoinment a.button

{

    max-width:170px;

    position: relative;

    display: block;

    margin: 0 auto;

    color: #ffffff;

    border: solid 1px #ffffff;

	border: none;

	    padding: 8px;

}







.about-content-text{ padding-left: 60px; padding-top:60px !important;padding-right:75px !important; padding-bottom:75px !important }

.about-content-bg img{ visibility: hidden; }

.about-content-bg{ }

.social-icons{ }

.social-icons ul{ list-style-type: none; padding-left: 0; margin: 0;}

.social-icons ul li{ display: inline-block;padding: 0 10px; }

.social-icons ul li a{ font-size: 20px; }

nav .main-menu , .header-right{ float: none; display: inline-block;vertical-align: middle;}

.header-right a{ color: #ffffff; }

.book-appoinment a.button{ letter-spacing: normal;max-width: 200px;font-size: 12px;padding: 0.5em 1em; text-align: center; }

.header-right .fight-for-natural img{ float: left;width:134px; }

.social-icons , .fight-for-natural , .book-appoinment{ display: inline-block;vertical-align: middle; margin: 0 10px; }

@media (min-width: 768px) {

    .mainmenu ul.nav.navbar-nav > li > a,.header-right a{

        color: #000;

    }

}

.vc_custom_1456309691235 {

    padding-top: 68px !important;

    padding-bottom: 100px !important;

    background-color: #f7f7f7 !important;

}

.vc_custom_1456325547879 {

    padding-top: 68px !important;

    padding-bottom: 83px !important;

    background-color: #f7f7f7 !important;

}

/*----------------------

22.0 Responsive Media Query

------------------------*/

@media (max-width: 1280px)

{

    .navbar-header , .navbar-right{

	float: none !important;

	margin: 0 auto;

	text-align: center;

    }

    .navbar-collapse.collapse{ margin-top: 0px; } 

}

@media (min-width: 992px)

{

    /* Media Query For Portfolio Item */

    .portfolio-item.width2

    {

        width: 66.6667%;

    }

}

@media (max-width: 992px)

{

    /*  Navbar search icon effect style */

    .st-navsearch

    {

        position: fixed;

        z-index: 1032;

        top: 50%;

        left: 50%;

        -webkit-transform: translate(-50%, -50%);

                transform: translate(-50%, -50%);

    }

    .st-navsearch .st-textinput

    {

        top: 0;

    }

}

@media (max-width: 991px) and (min-width: 768px)

{

    /*  Team hover state positioning */

    .team-hover:hover > .name,

    .team-hover:hover > .degignation,

    .team-hover:hover > .connecting

    {

        top: 15%;

    }

}

@media (min-width: 768px)

{

    /*  Navbar navigation */

    .is-sticky span.cart-count

    {

        color: #fff; 

        background: #f2d7ce;

    }

    .navbar-nav li ul.dropdown-menu

    {

        position: absolute;

        z-index: 999; 

        top: 140%;

        left: 15px;

        display: block;

        visibility: hidden;

        width: 190px;

        padding: 0;

        -webkit-transition: all .3s ease 0s;

           -moz-transition: all .3s ease 0s;

            -ms-transition: all .3s ease 0s;

             -o-transition: all .3s ease 0s;

                transition: all .3s ease 0s;

        text-align: left;

        opacity: 0;

        border-radius: 0;

        background: #191b1f none repeat scroll 0 0;

        box-shadow: none;

    }

    .navbar-nav li ul.dropdown-menu li

    {

        position: relative;

        display: block;

        margin: 0;

        padding: 0;

        transition: all .3s ease 0s; 

        border-top: 1px solid rgba(255, 255, 255, .03);

    }

    .navbar-nav li ul.dropdown-menu li ul.dropdown-menu

    {

        position: absolute;

        top: 45%;

        left: 100%;

        visibility: hidden; 

        margin-top: -1px;

        opacity: 0;

    }

    .navbar-nav li ul.dropdown-menu li:hover > ul.dropdown-menu

    {

        top: 0; 

        visibility: visible;

        opacity: 1;

    }

    .navbar-nav li ul.dropdown-menu li a

    {

        font-size: 13px;

        font-size: 1.3rem;

        /*font-weight: bold;*/

        display: block;

        padding: 10px 10px;

        -webkit-transition: all .3s ease 0s;

           -moz-transition: all .3s ease 0s;

            -ms-transition: all .3s ease 0s;

             -o-transition: all .3s ease 0s;

                transition: all .3s ease 0s;

        white-space: initial; 

        text-transform: capitalize;

        color: #fff !important;

    }

    .navbar-nav li ul.dropdown-menu li a span

    {

        position: absolute;

        right: 15px;

    }

    .navbar-nav li ul.dropdown-menu li a:hover

    {

        color: #000;

    }

    .navbar-nav li ul.dropdown-menu li:hover > a

    {

        padding-left: 15px; 

        color: #fff !important;

        background: #151619;

    }

    .navbar-nav li ul.dropdown-menu li:first-child

    {

        border-top: none;

    }

    .navbar-nav li:hover ul.dropdown-menu

    {

        top: 100%;

    }

    .navbar-nav li:last-child ul.dropdown-menu

    {

        right: 15px; 

        left: auto;

    }

    .navbar-nav li:hover .dropdown-menu

    {

        visibility: visible;

        opacity: 1;

    }

    /*  Contact page divider */

    .divider

    {

        position: absolute;

        top: 40px;

        right: 0; 

        display: block;

        width: 1px;

        height: 150px;

        background: #dfdfdf;

    }

}

@media (max-width: 767px)

{

    .rmbottom

    {

        margin-bottom: 30px !important;

    }

    /*  Header Section */

    .header-area

    {

        background: #191b1f none repeat scroll 0 0;

        box-shadow: 0 1px 5px 0 rgba(0, 0, 0, .3);

    }

    .header-banner

    {

        height: 360px;

    }

    .header-banner h1

    {

        font-size: 200%;

    }

    .header-banner .fcenter

    {

        width: 60%;

    }

    /* Navigation Section */

    .mainmenu

    {

        padding-top: 10px;

        padding-bottom: 10px;

    }

    .mainmenu .nav.navbar-nav a

    {

        color: #c5c5c5;

    }

    .navbar-toggle

    {

        position: relative; 

		float: right;

        margin-top: 3px;

        margin-right: 0;

        margin-bottom: 0;

        padding: 10px 10px;

			/*

        border-color: #fff;*/

    }

    nav.navbar-right

    {

        position: relative; 

        bottom: -10px;

        margin-right: -15px;

        margin-left: -15px;

        padding: 0;

    }

    .main-menu

    {

        overflow: scroll;

        padding: 0 15px; 

        background: #191b1f none repeat scroll 0 0;

    }

    .main-menu .nav.navbar-nav

    {

        margin: 0;

    }

    .main-menu .nav.navbar-nav li

    {

        border-top: 1px solid rgba(255, 255, 255, .03);

    }

    .main-menu .nav.navbar-nav li a

    {

        font-weight: bold;

        padding-top: 15px;

        padding-bottom: 15px;

    }

    .main-menu .dropdown::after

    {

        font-family: 'Fontawesome';

        font-size: 12px;

        position: absolute;

        top: 3px; 

        right: 0;

        padding: 10px 18px;

        content: '\f067';

        cursor: pointer;

        background: rgba(255, 255, 255, .1) none repeat scroll 0 0;

    }

    .main-menu .dropdown.open::after

    {

        content: '\f068';

    }

    .main-menu .dropdown-menu

    {

        padding-top: 0;

    }

    .main-menu li.dropdown > a > span

    {

        display: none;

    }

    .mainmenu ul.nav.navbar-nav > li > a

    {

        padding-right: 0; 

        padding-left: 0;

        color: #c5c5c5;

    }

    .nav.navbar-nav.icon-menu

    {

        text-align: center;

    }

    .nav.navbar-nav.icon-menu > li

    {

        display: inline-block;

        margin: 0 15px; 

        border: none !important;

    }

    span.cart-count

    {

        top: 10px; 

        left: -10px;

    }

    .navbar-collapse .nav.navbar-nav.icon-menu

    {

        position: absolute;

        right: 0; 

        bottom: 0;

        left: 0;

        background: #151619;

    }

    .navbar-collapse.collapse .nav.navbar-nav.icon-menu

    {

        position: fixed;

    }

    /*  Media query for Header */

    .site-header

    {

        background: #f2ede7 none repeat scroll 0 0;

        box-shadow: 0 1px 5px 0 rgba(0, 0, 0, .3);

    }

    /*  Media query for slider */

    .slider-container

    {

        position: relative;

        overflow: hidden; 

        height: 620px;

    }

    .slide.slick-active .slide-bg

    {

        min-height: 620px;

    }

    .slider_area,

    .slide.slick-slide

    {

        height: 620px;

    }

    .st-slider-title

    {

        font-size: 24px;

        font-size: 2.4rem;

    }

    .st-slider .scroll-icon

    {

        bottom: 10%;

    }

    .status p

    {

        margin-bottom: 25px;

    }

    /*  Cart table media query */

    .shop_table_responsive th,

    .shop_table_responsive td:last-child

    {

        padding-right: 20px; 

        padding-left: 20px;

    }

    /* Media query for team  */

    .tm-wrap

    {

        float: none;

        width: 50%;

        min-width: 300px; 

        margin-right: auto;

        margin-left: auto;

    }

    /*  Fixed blog post feature image size */

    .feature-image > img

    {

        width: 100%;

    }

}

@media (max-width: 580px)

{

    .shop_table_responsive .product-price

    {

        display: none;

    }

    .shop_table_responsive .cart-footer

    {

        text-align: center;

    }

    .shop_table_responsive .cart-footer .col-xs-6

    {

        width: 100%;

    }

    .shop_table_responsive .cart-footer .cuppon_text_input

    {

        margin-left: -60px;

    }

    /*  Isotope filter */

    .potf-filter-group > li

    {

        display: table;

        margin-right: auto; 

        margin-bottom: 10px;

        margin-left: auto;

    }

    .potf-filter-group > li:last-child

    {

        margin-bottom: 0;

    }

}

@media (max-width: 480px)

{

    /*  Media query for slider */

    .slider-container

    {

        height: 480px;

    }

    .slider_area,

    .slide.slick-slide

    {

        height: 480px;

    }

    .slide.slick-active .slide-bg

    {

        min-height: 480px;

    }

    /*  Media Query For Portfolio Item */

    .portfolio-item

    {

        width: 100%;

    }

    /*  Cart table media query */

    .shop_table_responsive .product-remove

    {

        position: absolute;

        left: 0;

    }

    .shop_table_responsive .remove

    {

        position: absolute;

        top: 20px;

        left: 55px;

        width: 25px; 

        height: 25px;

        text-align: center;

        border-radius: 100%;

        background: #fff;

    }

    .shop_table_responsive tbody td:first-child

    {

        width: 80px;

    }

    /*  Blog post pagination */

    .post-pagination .col-xs-5

    {

        background: rgba(0, 0, 0, .1);

    }

    .post-pagination [class*=' col-']

    {

        width: 100%; 

        text-align: center;

    }

    /* Pagination */

    .post-pagination

    {

        padding: 0;

    }

    .post-pagination .previous,

    .post-pagination .next

    {

        float: none;

    }

    .post-pagination .previous .text,

    .post-pagination .next .text

    {

        position: relative;

    }

    .post-pagination .previous .arrow,

    .post-pagination .next .arrow

    {

        display: none;

    }

    .post-pagination .previous .text,

    .post-pagination .previous:hover .text

    {

        left: 0;

    }

    .post-pagination .next .text,

    .post-pagination .next:hover .text

    {

        right: 0;

    }

}

.header-right2 {

	position:absolute;

	right:32px; 

	width: 328px; 

	margin-top: 47px;

}

.book-two {

	visibility: hidden;

	position: absolute;

	z-index: -10;

}

.book-two a {

	font-size: 10px;

	width: 172px;

	padding: .7em 1em;

	float:right;

	margin:0px;

	color:#ffffff;

}

.50col {width:50%;}

@media (max-width: 768px) {

	

	

	.50col {width:100%;}

	

	.edgtf-title.edgtf-has-background {
        height: 160px !important;
        min-height: 33vh;
	}

	

	.edgtf-title.edgtf-has-responsive-background .edgtf-title-holder .edgtf-container-inner {

    height: 100%;

    width: 100%;

    background-image: url(http://devweb1.com/thebayspa/application/views/themes/theme-1/assets/img/banner-img.jpg) !important;

    background-size: cover;

    background-position: revert;

}

	

	.edgtf-title .edgtf-title-holder .edgtf-title-subtitle-holder-inner {

    margin-top: 90px !important;

    margin-bottom: 27px;

}

	

	.edgtf-title.edgtf-title-size-large .edgtf-title-holder h1 span {

    font-size: 25px;

}

	

	

	.main-menu {

		padding-right: 0px;

	}

	

	.mainmenu ul.nav.navbar-nav > li > a {

		text-align: left;

	}

	

	.main-menu {

		width: 100%;

	}

	

	.about-content {

		width: 100%;

		height: auto;

		text-align: center;

	}

	

	.about-content-text {

		padding-left: 20px;

		padding-top: 30px !important;

		padding-right: 20px !important;

		padding-bottom: 30px !important;

	}

	

	.about-img {

		width: 100%;

		height: 230px;

	}

	

	.logo {

		float: left;

		max-width: 143px;

	}

	

	.book-one {

		display: none;

	}

	

	.book-two {

		visibility: visible;

		position: relative;

		z-index: 1;

	}

	

	.book-two a {

	    margin-right: 10px;

	}

	

	.header-right2 {

		margin-top: 13px;

		position: relative;

		float: right;

		width: auto;

	}

	

	.navbar-header {

		padding: 0px;

	}

}