@import url('https://fonts.googleapis.com/css?family=Roboto:300,300i,500&display=swap');

@import url('https://fonts.googleapis.com/css?family=Oswald:300,500,700&display=swap');



::-webkit-scrollbar {

    width: 8px;

}

::-webkit-scrollbar-track {

    width: 12px;

    background:#fdf9ef;

    border-left: 0 solid #fdf9ef;

    border-right: 0 solid #fdf9ef;

}

::-webkit-scrollbar-thumb {

    background: #CDBDA2;

    width: 0;

    height: 25%;

    transition: .5s ease;

    cursor: pointer;

}



body{

    position: relative;

}



body {font-family: 'Roboto', sans-serif; font-size: 16px;color: #682730;font-weight:300;line-height:25px;width: 100%; overflow-x: hidden}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {line-height: 1.2; font-weight: 500; font-family: 'Roboto', sans-serif;margin-bottom: 0}

a, *::before, *::after, img, span, input, button, .navbar, .fixedmenu, .tp-bullet, .owl-dot, .owl-prev, .owl-next {transition: ease-in-out 0.2s;-webkit-transition: ease-in-out 0.2s;-moz-transition: ease-in-out 0.2s;-ms-transition: ease-in-out 0.2s;-o-transition: ease-in-out 0.2s;}

section,.section-padding {position: relative;overflow: hidden;}

a {color:inherit;text-decoration: none;}

.btn.focus, .btn:focus{-webkit-box-shadow: none;box-shadow: none;}

p:last-child{margin-bottom: 0 !important;}

.fa, .far, .fas{display: inline;}

a:active, a:hover{color: #CDBDA2;}

.hidden{display: none;}

ul{margin-bottom: 0;}

ul{margin-bottom: 0;}



.no-transition *{transition-timing-function:initial; -moz-transition-timing-function:initial; -webkit-transition-timing-function:initial; -o-transition-timing-function:initial; -ms-transition-timing-function:initial; transition-duration: 0s; -moz-transition-duration: 0s; -webkit-transition-duration: 0s; -o-transition-duration: 0s; -ms-transition-duration: 0s;}



.bg-overlay{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}



.opacity-3{opacity: .3;}

.opacity-4{opacity: .4;}

.opacity-5{opacity: .5;}

.opacity-6{opacity: .6;}

.opacity-7{opacity: .7;}

.opacity-8{opacity: .8;}

.opacity-9{opacity: .9;}



.btn {-webkit-appearance: initial; overflow: hidden;position: -webkit-sticky;position: sticky; z-index: 2; display:inline-block; font-size: 17px; border:2px solid transparent; letter-spacing: .5px; line-height: inherit; border-radius: 0; text-transform:capitalize; width: auto;font-family: 'Roboto', sans-serif; font-weight: 500; -webkit-transition: all .5s ease;-o-transition: all .5s ease !important;transition: all .5s ease !important;}





.parallax-disable{

    background-repeat: no-repeat !important;

    background-size: cover !important;

    background-position: center center !important;

}

.position-relative{

    position: relative;

}

.left-overlay{

    position: absolute;

    left: 0;

    right: 60%;

    top: 0;

    bottom: 0;

}

.right-overlay{

    position: absolute;

    left: 50%;

    right: 0;

    top: 0;

    bottom: 0;

}

.facebook-text-hvr:hover{color:#4267B2 !important;}

.twitter-text-hvr:hover{color:#1DA1F2 !important;}

.instagram-text-hvr:hover{color: #fc9c2c !important;}

.linkedin-text-hvr:hover{color:#0077B5 !important;}

.pinterest-text-hvr:hover{color:#BD081C !important;}

.google-text-hvr:hover{color:#DB4437 !important;}

.youtube-text-hvr:hover{color: #e30f0f !important;}



.no-transition *{transition-timing-function:initial; -moz-transition-timing-function:initial; -webkit-transition-timing-function:initial; -o-transition-timing-function:initial; -ms-transition-timing-function:initial; transition-duration: 0s; -moz-transition-duration: 0s; -webkit-transition-duration: 0s; -o-transition-duration: 0s; -ms-transition-duration: 0s;}



.color-lines .row{

    height: 25px;

}

.color-line-overlay{

    position: absolute;

    right: 0;

    top:0;

    height: 25px;

    left: 50%;

    background-color: #CDBDA2;

}

.bg-color{

    background-color: #CDBDA2;

}

.padding-top{

    padding-top: 120px;

}

.padding-bottom{

    padding-bottom: 120px;

 }

.form-control:focus {

    box-shadow: none;

}

.heading{

    color: #FFFFFF;

    font-family: Oswald, sans-serif;

    font-size: 60px;

    font-weight: 700;

    margin-bottom: 50px;

}



.text{

    color: #FFFFFF;

    font-family: Roboto, sans-serif;

    font-size: 16px;

    font-weight: 300;

}

.text-black{

    color: #682730;

}

.text-yellow{

    color: #682730 !important;

}

.heading span{

    display: block;

}

.white-trans-btn{

    border: solid 1px #FFFFFF;

    color: #682730;

    font-weight: 400;

    padding: 8px 35px;

    background-color: transparent;

    transition: .5s ease;

    font-size: 14px;

    font-family: Roboto, sans-serif;

}

.white-trans-btn:hover{

    background-color: #FFFFFF;

    color: #202020;

}



.yellow-btn{

    border: solid 1px #682730;

    color: #CDBDA2;

    font-weight: 400;

    padding: 8px 35px;

    background-color: #682730;

    font-size: 14px;

    font-family: Roboto, sans-serif;



    border-radius: 0.5em;

    text-transform: uppercase;

    letter-spacing: 0.1em;

    text-align: center;

    position: relative;

    overflow: hidden;

    z-index: 1;

    transition: .8s ease;

    text-decoration: none;

    cursor: pointer;

}

.yellow-btn:hover{

    border:solid 1px #CDBDA2;

    color: #682730;

}

.yellow-btn:active{
    color: #CDBDA2;
}

.yellow-btn span {

    cursor: pointer;

    position: absolute;

    width: 25%;

    height: 100%;

    background-color: #CDBDA2;

    transform: translateY(150%);

    border-radius: 50%;

    transition: 0.5s;

    z-index: -1;

}



.white-trans-btn{

    border: solid 1px #ffffff;

    color: #ffffff;

    font-weight: 400;

    padding: 8px 35px;

    background-color: transparent;

    font-size: 14px;

    font-family: Roboto, sans-serif;



    border-radius: 0.5em;

    text-transform: uppercase;

    letter-spacing: 0.1em;

    text-align: center;

    position: relative;

    overflow: hidden;

    z-index: 1;

    transition: .8s ease;

    text-decoration: none;

    cursor: pointer;

}

.white-trans-btn:hover{

    border:solid 1px #FFFFFF;

    background-color: transparent;

    color: #682730;

}

.white-trans-btn span {

    cursor: pointer;

    position: absolute;

    width: 25%;

    height: 100%;

    background-color: #FFFFFF;

    transform: translateY(150%);

    border-radius: 50%;

    transition: 0.5s;

    z-index: -1;

}



.black-btn{

    border: solid 1px #202020;

    color: #FFFFFF;

    font-weight: 400;

    padding: 8px 35px;

    background-color: #202020;

    font-size: 14px;

    font-family: Roboto, sans-serif;



    border-radius: 0.5em;

    letter-spacing: 0.1em;

    text-align: center;

    position: relative;

    overflow: hidden;

    z-index: 1;

    transition: .8s ease;

    text-decoration: none;

    cursor: pointer;

}

.black-btn:hover{

    border:solid 1px #CDBDA2;

    color: #FFFFFF;

}

.black-btn span {

    position: absolute;

    width: 25%;

    height: 100%;

    background-color: #CDBDA2;

    transform: translateY(150%);

    border-radius: 50%;

    transition: 0.5s;

    z-index: -1;

}



.anim-btn {

    border: 1px solid #FFFFFF;

    border-radius: 0.5em;

    text-transform: uppercase;

    letter-spacing: 0.1em;

    text-align: center;

    position: relative;

    overflow: hidden;

    z-index: 1;

    background-color: transparent;

    color: #FFFFFF;

    font-size: 13px;

    padding: 10px 30px 10px 30px;

    transition: .8s ease;

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

    font-weight: 500;

    text-decoration: none;

}



.anim-btn span {

    position: absolute;

    width: 25%;

    height: 100%;

    background-color: #FFFFFF;

    transform: translateY(150%);

    border-radius: 50%;

    transition: 0.5s;

    z-index: -1;

}



.anim-btn:hover {

    border: 1px solid #ffffff;

}



.anim-btn:hover span ,.black-btn:hover span,.yellow-btn:hover span,.white-trans-btn:hover span{

    transform: translateY(0) scale(3.12);

}



.anim-btn span:nth-child(1) ,.black-btn span:nth-child(1) ,.yellow-btn span:nth-child(1),.white-trans-btn:hover span:nth-child(1) {

    left: calc((1 - 1) * 25%);

    transition-delay: calc((1 - 1) * 0.1s);

}



.anim-btn span:nth-child(2)  ,.black-btn span:nth-child(2) ,.yellow-btn span:nth-child(2),.white-trans-btn:hover span:nth-child(2){

    left: calc((2 - 1) * 25%);

    transition-delay: calc((2 - 1) * 0.1s);

}



.anim-btn span:nth-child(3) ,.black-btn span:nth-child(3),.yellow-btn span:nth-child(3),.white-trans-btn:hover span:nth-child(3){

    left: calc((3 - 1) * 25%);

    transition-delay: calc((3 - 1) * 0.1s);

}



.anim-btn span:nth-child(4) ,.black-btn span:nth-child(4) ,.yellow-btn span:nth-child(4),.white-trans-btn:hover span:nth-child(4) {

    left: calc((4 - 1) * 25%);

    transition-delay: calc((4 - 1) * 0.1s);

}

.anim-btn span:nth-child(5) ,.black-btn span:nth-child(5) ,.yellow-btn span:nth-child(5),.white-trans-btn:hover span:nth-child(5){

    left: calc((5 - 1) * 25%);

    transition-delay: calc((5 - 1) * 0.1s);

}





.magic{

    display: none !important;

}

.aimated-cursor {

    position: absolute;

    left: 0;

    display: none;

    top: 0;

    width: 30px;

    height: 30px;

    pointer-events: none;

    z-index: 10000;

    -webkit-transition: opacity 0.2s ease-in-out 0.5s;

    -o-transition: opacity 0.2s ease-in-out 0.5s;

    transition: opacity 0.2s ease-in-out 0.5s;

}



.cursor-light:hover ~ .aimated-cursor{

    display: inline-block;

    z-index: 9999999;

}

.cursor {

    position: fixed;

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

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

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

    width: 30px;

    height: 30px;

    border: 2px solid rgb(32, 32, 32);

    border-radius: 50%;

    pointer-events: none;

    opacity: 1;

    -webkit-box-sizing: border-box;

    box-sizing: border-box;

    z-index: 999999999;

}











.slider-social{

    position: absolute;

    left: 6%;

    top: 50%;

    transform: translateY(-50%);

    z-index: 11;

}

.side-nav-menu .slider-social {

    right: auto;

}

.slider-social li{



    list-style: none;

}



.slider-social a {

    color: #3D003D;

    width: 40px;

    height: 40px;

    text-align: center;

    display: flex;

    justify-content: center;

    align-items: center;

    line-height: 30px;

    border-radius: 50px;

    font-size: 18px;

    margin-bottom: 5px;

    border: 1px solid transparent;

    -webkit-transition: background-color .2s ease-in-out;

    -moz-transition: background-color .2s ease-in-out;

    -o-transition: background-color .2s ease-in-out;

    transition: background-color .2s ease-in-out;

}





header .simple-nav-logo{

    margin-right: 0;

    text-align: center;

}

header .fixed-nav-logo{

    display: none;

}

header .navbar-brand img{

    max-width: 80%;

}

header .main-navigation{

    padding-top: 30px;

    padding-bottom: 30px;

}

header .main-navigation .navbar{

    padding: 0;

}

header .main-navigation nav .navbar-nav .nav-item{

    display: inline-block;

    margin-left: 20px;

}

header .main-navigation nav .navbar-nav .nav-item .nav-link{

    padding-top: 0;

    color: #202020;

    font-family: Oswald, sans-serif;

    font-size: 16px;

    font-weight: 500;

    transition: .5s ease;

}

header .main-navigation nav .navbar-nav .nav-item .nav-link span{

    font-weight: 300;

    font-size: 36px;

    display: inline-block;

    color: #202020;

    opacity: .3;

}

header .main-navigation nav .navbar-nav .nav-item .nav-link span.num-nav{

    min-width: 20px;

}

header .main-navigation nav .navbar-nav .nav-item .nav-link span:last-child{

    margin-right: 5px;

}

header .main-navigation nav .navbar-nav .nav-item .nav-link.active span{

    color: #CDBDA2;

    opacity: 1;

}



.header-appear{

    position: fixed;

    left: 0;

    right: 0;

    top:0;

    z-index: 1111;

    background-color: #FFFFFF;

    -webkit-animation-name: animationFade;

    animation-name: animationFade;

    -webkit-animation-duration: 1s;

    animation-duration: 1s;

    -webkit-animation-fill-mode: both;

    animation-fill-mode: both;

    -webkit-box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.35);

    box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.35);

}

.header-appear .upper-nav{

    display: none;

}

.header-appear .color-lines .color-line-overlay{

    left: 0;

    background-color: #CDBDA2;

}

.header-appear .color-lines .bg-color{

    background-color: #CDBDA2;

}

.header-appear .main-navigation{

    padding-top: 20px;

    padding-bottom: 10px;

}

.header-appear .simple-nav-logo{

    display: none;

}

.header-appear .fixed-nav-logo{

    display: block;

    transform: translateY(-3px);

}

.header-appear .fixed-nav-logo img{

    width: 50%;

}

.header-appear .main-navigation .simple-navbar{

    display: flex;

    justify-content: flex-end;

    align-items: center;

}

.header-appear .fixed-nav-links{

    display: block;

}

.header-appear .fixed-nav-links{

    display: inline-block;

    transform: translateY(-5px);

    margin-left: 25px;

}

.header-appear .sidemenu_btn{

    top:55px

}



@-webkit-keyframes animationFade {

    from {

        opacity: 0;

        -webkit-transform: translate3d(0, -100%, 0);

        transform: translate3d(0, -100%, 0);

    }

    to {

        opacity: 1;

        -webkit-transform: none;

        transform: none;

    }

}

@keyframes animationFade {

    from {

        opacity: 0;

        -webkit-transform: translate3d(0, -100%, 0);

        transform: translate3d(0, -100%, 0);

    }

    to {

        opacity: 1;

        -webkit-transform: none;

        transform: none;

    }

}



.side-menu .bg-overlay{

    background: rgba(32, 32, 32, 0.9);

}

.side-menu {

    width: 100%;

    position: fixed;

    right: 0;

    top: 0;

    bottom: 0;

    background-image: url("../img/side-menu.png");

    background-size: cover;

    background-position: center;

    z-index: 2032;

    height: 100%;

    -webkit-transform: translate3d(0, 100%, 0);

    transform: translate3d(0, 100%, 0);

    -webkit-transition: -webkit-transform .5s ease;

    transition: -webkit-transform .5s ease;

    -o-transition: -o-transform .5s ease;

    -o-transition: transform .5s ease;

    transition: transform .5s ease;

    -webkit-transition:transform .5s ease;

    overflow: hidden;

}

.side-menu-opacity{

    opacity:0;

}

.side-menu.left {

    left: 0; right: auto;

    -webkit-transform: translate3d(-100%, 0, 0);

    transform: translate3d(-100%, 0, 0);

}

.side-menu.before-side {

    width: 280px;

}

.side-menu.side-menu-active,

.side-menu.before-side{

    -webkit-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0);

}

.pul-menu .side-menu.side-menu-active {

    visibility: visible; opacity: 1;

}

.side-menu .navbar-brand {

    margin: 0 0 2.5rem 0;

}





#close_side_menu {

    position: fixed;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    background-color: #202020;

    -webkit-transition: opacity 300ms cubic-bezier(0.895, 0.03, 0.685, 0.22);

    -o-transition: opacity 300ms cubic-bezier(0.895, 0.03, 0.685, 0.22);

    transition: opacity 300ms cubic-bezier(0.895, 0.03, 0.685, 0.22);

    display: none;

    z-index: 1031;

    opacity: 0.4;

}



 .side-menu .btn-close {

    height: 33px;

    width: 33px;

    display: inline-block;

    text-align: center;

    position: absolute;

    top: 73px;

    right: 50px;

    cursor: pointer;

}

.header-appear ~ .side-menu .btn-close {

    top:55px;

}

.side-menu.before-side .btn-close{

    display: none;

}

.side-menu .btn-close::before, .side-menu .btn-close::after {

    position: absolute;

    left: 16px;

    content: ' ';

    height: 24px;

    width: 2px;

    background: #fff;

    top: 5px;

}

.side-menu .btn-close:before {

    -webkit-transform: rotate(45deg);

    -ms-transform: rotate(45deg);

    transform: rotate(45deg);

}

.side-menu .btn-close:after {

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

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

    transform: rotate(-45deg);

}





.sidemenu_btn {

    border: none;
    background: transparent;

    -webkit-transition: all .3s linear;

    -o-transition: all .3s linear;

    transition: all .3s linear;

    width: 36px;

    padding: 6px;

    margin-right: 1rem;

    margin-top: .4rem;

    position: absolute;

    right: 30px;

    top: 73px;

    display: inline-block;

}

.sidemenu_btn span {

    height: 2px;

    width: 100%;

    background: #202020;

    display: block;

    margin: auto;

    transition: .5s ease;

}

.sidemenu_btn:hover span{

    background: #CDBDA2;

}

.sidemenu_btn:hover span:first-child,.sidemenu_btn:hover span:last-child{

    width: 70%;

}



.sidemenu_btn span:nth-child(2) {

    margin: 4px 0;

}



.side-menu .inner-wrapper {

    padding: 3.5rem 5rem;

    height: 100%;

    position: relative;

    overflow-y: auto;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    text-align: left;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap;

}

.pul-menu.pushwrap .side-menu .inner-wrapper{

    padding: 3.5rem 2.5rem;

}

.side-menu .side-nav {

    margin-bottom: 30px;

    display: block;

}

.side-nav .navbar-nav .nav-item{

    display: block;

    margin: 3px 0;

    padding: 0 !important;

    opacity: 0;

    -webkit-transition: all 0.8s ease 500ms;

    -o-transition: all 0.8s ease 500ms;

    transition: all 0.8s ease 500ms;



    -webkit-transform: translateY(30px);

    -ms-transform: translateY(30px);

    transform: translateY(30px);

}

.side-nav .navbar-nav .nav-item:first-child {

    -webkit-transition-delay: .1s;

    -o-transition-delay: .1s;

    transition-delay: .1s;

}

.side-nav .navbar-nav .nav-item:nth-child(2){

    -webkit-transition-delay: .2s;

    -o-transition-delay: .2s;

    transition-delay: .2s;

}

.side-nav .navbar-nav .nav-item:nth-child(3) {

    -webkit-transition-delay: .3s;

    -o-transition-delay: .3s;

    transition-delay: .3s;

}

.side-nav .navbar-nav .nav-item:nth-child(4) {

    -webkit-transition-delay: .4s;

    -o-transition-delay: .4s;

    transition-delay: .4s;

}

.side-nav .navbar-nav .nav-item:nth-child(5) {

    -webkit-transition-delay: .5s;

    -o-transition-delay: .5s;

    transition-delay: .5s;

}

.side-nav .navbar-nav .nav-item:nth-child(6) {

    -webkit-transition-delay: .6s;

    -o-transition-delay: .6s;

    transition-delay: .6s;

}

.side-nav .navbar-nav .nav-item:nth-child(7) {

    -webkit-transition-delay: .7s;

    -o-transition-delay: .7s;

    transition-delay: .7s;

}

.side-nav .navbar-nav .nav-item:nth-child(8) {

    -webkit-transition-delay: .8s;

    -o-transition-delay: .8s;

    transition-delay: .8s;

}

.side-nav .navbar-nav .nav-item:nth-child(9) {

    -webkit-transition-delay: .9s;

    -o-transition-delay: .9s;

    transition-delay: .9s;

}

.side-menu.side-menu-active .side-nav .navbar-nav .nav-item {

    -webkit-transform: translateY(0);

    -ms-transform: translateY(0);

    transform: translateY(0);

    opacity: 1;

}

.side-nav .navbar-nav .nav-link {

    display: inline-table;

    color: #FFFFFF;

    padding: 2px 0 3px 0 !important;

    font-size: 36px;

    font-weight: 700;

    line-height: normal;

    position: relative;

    border-radius: 0;

    font-family: Oswald, sans-serif;

}

.side-nav .navbar-nav .nav-link::after{

    content: "";

    position: absolute;

    background: #CDBDA2;

    display: inline-block;

    width: 0;

    height: 3px;

    bottom: 0; left: 0;

    overflow: hidden;

    -webkit-transition: all 0.5s cubic-bezier(0, 0, 0.2, 1);

    -o-transition: all 0.5s cubic-bezier(0, 0, 0.2, 1);

    transition: all 0.5s cubic-bezier(0, 0, 0.2, 1);

}



.side-nav .navbar-nav .nav-link:hover::after,

.side-nav .navbar-nav .nav-link:focus::after,

.side-nav .navbar-nav .nav-link.active::after {

    width: 100%;

}

.side-nav .navbar-nav .nav-link:hover {

    color: #CDBDA2;

}

.side-nav .navbar-nav .nav-link.active {

    background: transparent;

}

.side-menu-inner-content{

    border-bottom: solid 1px rgba(255, 255, 255, 0.5);

    padding-bottom: 30px;

}

.side-menu p{

    margin-bottom: 0;

}

.menu-company-details{

    margin-bottom: 25px;

    margin-top: -15px;

}

.menu-company-details span{

    display: block;

    color: #FFFFFF;

    font-size:16px;

    font-family: Roboto, sans-serif;

    font-weight: 300;

    margin-bottom: 5px;

}

.social-icons-simple{

    margin-bottom: 0;

    margin-left: -10px;

}



.social-icons-simple li{

    display: inline-block;

    padding-left: 8px;

}

.social-icons-simple li:first-child{

    padding-left: 0;

}

.social-icons-simple li a {

    display: block;

    font-size: 16px;

    height: 40px;

    line-height: 42px;

    border: 1px solid transparent;

    text-align: center;

    width: 40px;

    border-radius: 50%;

    position: relative;

    z-index: 1;

    overflow: hidden;

    -webkit-transition: background-color .5s ease;

    -o-transition: background-color .5s ease;

    transition: background-color .5s ease;

}

.social-icons-simple li a:hover{

    background-color:#FFFFFF;

}



.social-icons-simple li.animated-wrap a:hover{

    background-color: transparent;

    color: #ffffff;

}

@-webkit-keyframes animationFade {

    from {

        opacity: 0;

        -webkit-transform: translate3d(0, -100%, 0);

        transform: translate3d(0, -100%, 0);

    }

    to {

        opacity: 1;

        -webkit-transform: none;

        transform: none;

    }

}

@keyframes animationFade {

    from {

        opacity: 0;

        -webkit-transform: translate3d(0, -100%, 0);

        transform: translate3d(0, -100%, 0);

    }

    to {

        opacity: 1;

        -webkit-transform: none;

        transform: none;

    }

}



.slider-area{

    position: relative;

}



.slider-area .bg-overlay{

    background-color:#CDBDA2;

    width: 50%;

    left: 0;

}



.slider-area .container{

    padding-top: 100px;

    padding-bottom: 100px;

}

.slider-area .container .inner-bg-overlay{

    background-color:#CDBDA2;

    position: absolute;

    left: 0;

    right: 12%;

    bottom: 0;

    top: 0;

}



.slider-area .slider-detail{

    display: flex;

    align-items: center;

}

.slider-area .slider-detail .slider-slide .slider-inner-content{

    width: 90%;

    overflow: hidden;

}

.slider-area .slider-detail .slider-slide .slider-inner-content .slide-heading{

    color: #682730;

    font-family: Oswald, sans-serif;

    font-size: 60px;

    font-weight: 700;

    margin-bottom: 30px;

}

.slider-area .slider-detail .slider-slide .slider-inner-content .slide-heading span{

    display: block;

}

.slider-area .slider-detail .slider-slide .slider-inner-content .slide-text{

    color: #FFFFFF;

    font-weight: 300;

    font-family: Roboto, sans-serif;

    font-size: 16px;

    margin-bottom: 30px;

}

.slider-area .slider-arrows{

    position: absolute;

    right: -7%;

    top: 50%;

    transform: translateY(-50%);

}

.slider-area .slider-arrows .slider-arr{

    height: 35px;

    width: 35px;

    border-radius: 50%;

    background-color: #682730;

    display: flex;

    justify-content: center;

    align-items: center;

    transition: .5s ease;

    border: none;
}

.slider-area .slider-arrows .slider-arr:hover{

    background-color:#CDBDA2;

}

.slider-area .slider-arrows .slider-arr-up{

    margin-bottom: 15px;

    padding-bottom: 1px;

}

.slider-area .slider-arrows .slider-arr-down{

    padding-top: 1px;

}

.slider-area .slider-arrows .slider-arr i{

    color: #FFFFFF;

    font-size: 16px;

}

.slider-area img{

    width: 100%;

}

.about-sec{

    padding-top: 10px;

}

.about-sec .about-overlay{

    position: absolute;

    display: block;

    top: 10px;

    right: 0;

    bottom: 0;

    left: 60%;

    background-color:#CDBDA2;

}

.about-sec .services-area{

    display: flex;

    justify-content: center;

    align-items: center;

    position: relative;

}

.about-sec .services-area .purple-overlay{

    position: absolute;

    display: block;

    top: 0;

    right: 10px;

    bottom: 0;

    left: 0;

    background-color:#682730;

}

.about-sec .services-area .services{

    display: flex;

    justify-content: center;

    align-items: center;

    cursor: pointer;

}

.about-sec .services-area .services .service-card{

    margin-bottom: 100px;

}

.about-sec .services-area .services:last-child .service-card,.about-sec .services-area .services:nth-child(3) .service-card{

    margin-bottom: 0;

}

.about-sec .services-area .services .service-card .icon-holder{

    margin-bottom: 12px;

    transition: .5s ease;

}

.about-sec .services-area .services .service-card .icon-holder i{

    color: #ffffff;

    font-size: 100px;

}

.about-sec .services-area .services:hover .service-card .icon-holder{

    animation: .8s pulse infinite;

}



.about-sec .services-area .services .service-card .card-heading{

    color: #FFFFFF;

    font-size: 28px;

    font-family: Oswald, sans-serif;

    font-weight: 300;

    transition: .5s ease;

}





.about-sec .about-area{

    background-color: #CDBDA2;

    padding-left: 50px;

}

.about-sec .about-area .about-inner-content .anim-btn{

    margin-top: 30px;

}



.stats-sec .stats-heading-area .sub-heading{

    font-family: Roboto, sans-serif;

    font-size:18px;

    color: #682730;

    font-weight: 400;

    margin-bottom: 20px;

}

.stats-sec .stats-heading-area .heading{

    color: #682730;

    margin-bottom: 30px;

}

.stats-sec .stats-heading-area .text{

    color: #202020;

    opacity: .7;

    width: 55%;

    margin: 0 auto;

}



.stats-sec .circular-wrap{

    padding-top: 100px;

}

.stats-sec .circular-wrap .circle{

    position: relative;

    max-width: 210px;

    display: inline-block;

}



.stats-sec .circular-wrap .circle .counter-num {

    position: absolute;

    top: 50%;

    left: 50%;

    line-height: normal;

    font-weight: normal;

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

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

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

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

}

.stats-sec .circular-wrap .circle .counter-num {

    color: #202020;

    font-size: 1.875rem;

    font-family: Roboto, sans-serif;

    font-weight: 300;

}



.stats-sec .circular-wrap h4.darkcolor{

    max-width: 184px;

    margin-left: auto;

    margin-right: auto;

    font-weight: 500;

    font-family: Roboto, sans-serif;

    color: #202020;

    font-size: 20px;

    opacity: .7;

    margin-top: 30px;

}



.team-sec{}

.team-sec .left-overlay{

    background-color: #CDBDA2;

}

.team-sec .inner-team-sec{

    background-color: #CDBDA2;

}

.team-sec .heading{

    margin-bottom: 30px;

    color: #682730;

}

.team-sec .text{

    color: #FFFFFF;

}

.team-sec .inner-team-sec .team-area{

    width: 80%;

    margin: 0 auto;

}

.team-sec .inner-team-sec .team-area .team-nav{

    position: absolute;

    top: 40%;

    transform: translateY(-50%);

    height: 35px;

    width: 35px;

    text-align: center;

    display: flex;

    justify-content: center;

    align-items: center;

    background-color: #682730;

    color: #ffffff;

    z-index: 11;

    border-radius: 50%;

    transition: .5s ease;

}

.team-sec .inner-team-sec .team-area .team-nav:hover{

    background-color: #ffffff;

}

.team-sec .inner-team-sec .team-area .team-nav:hover i{

    color: #202020;

}

.team-sec .inner-team-sec .team-area .team-nav.team-prev{

    left: 25px;

}

.team-sec .inner-team-sec .team-area .team-nav.team-next{

    right: 30px;

}

.team-sec .inner-team-sec .team-area .team-nav i{

    font-size: 14px;

}

.team-sec .team-detail{

    margin-top: 20px;

}

.team-sec .inner-team-sec .team-carousel .team-box .team-info{

    color: #682730;

    font-family: Roboto, sans-serif;

    margin-top: 30px;

}

.team-sec .inner-team-sec .team-carousel .team-box .team-info .team-name{

    font-size: 22px;

    font-weight: 400;

    margin-bottom: 8px;

}

.team-sec .inner-team-sec .team-carousel .team-box .team-info .team-designation{

    font-size: 16px;

    font-weight: 300;

}



.team-box .overlay{

    position: absolute;

    top: 5%;

    left: 5%;

    right: 5%;

    bottom: 5%;

    background: #682730b0;

    opacity: 0;

    transition: .8s ease;

}

.team-sec .item:hover .team-box{

    cursor: pointer;

}

.team-sec .item:hover .team-box .overlay{

    opacity: 1;

}

.team-box .team-social li {

    opacity: 0;

    visibility: hidden;

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

    -ms-transform: translateY(-100%);

    -o-transform: translateY(-100%);

    transform: translateY(-100%);

}



.team-box:hover .team-social li {

    opacity: 1;

    visibility: visible;

    -webkit-transform: translateY(0);

    -ms-transform: translateY(0);

    -o-transform: translateY(0);

    transform: translateY(0);

}



.team-box .team-social li {

    display: inline-block;

    -webkit-transition: all .5s ease;

    -o-transition: all .5s ease;

    transition: all .5s ease;

}

.team-box .team-social li:first-child {

    -webkit-transition-delay: .1s;

    -o-transition-delay: .1s;

    transition-delay: .1s;

}

.team-box .team-social li:nth-child(2) {

    -webkit-transition-delay: .2s;

    -o-transition-delay: .2s;

    transition-delay: .2s;

}

.team-box .team-social li:nth-child(3) {

    -webkit-transition-delay: .3s;

    -o-transition-delay: .3s;

    transition-delay: .3s;

}

.team-box .team-social li:nth-child(4) {

    -webkit-transition-delay: .4s;

    -o-transition-delay: .4s;

    transition-delay: .4s;

}

.team-box .team-social li:nth-child(5) {

    -webkit-transition-delay: .5s;

    -o-transition-delay: .5s;

    transition-delay: .5s;

}

.team-box .team-social li:nth-child(6) {

    -webkit-transition-delay: .6s;

    -o-transition-delay: .6s;

    transition-delay: .6s;

}

.team-box .team-social li:nth-child(7) {

    -webkit-transition-delay: .7s;

    -o-transition-delay: .7s;

    transition-delay: .7s;

}



.team-box .team-social li a {

    display: block;

    font-size: 18px;

    height: 36px;

    line-height: 36px;

    text-align: center;

    border: 1px solid;

    width: 36px;

    -webkit-border-radius: 50%;

    border-radius: 50%;

    position: relative;

    z-index: 1;

    overflow: hidden;

    background: transparent;

    border-color: transparent;

    color: #FFFFFF;

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

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

    -webkit-transition: all .1s ease;

    -o-transition: all .1s ease;

    transition: all .1s ease;

}

.team-box .team-social li a:hover {

    background-color: #FFFFFF;

    border-color: #FFFFFF;

}



.portfolio-sec{

    margin-bottom: 30px;

}

.portfolio-sec .container {

    max-width: 1140px;

}

.portfolio-sec .heading{

    color: #682730;

    margin-bottom: 0;

    font-size: 50px;

}

.cbp-wrapper-outer {

    overflow: visible;

}

.cbp-l-loadMore-button .cbp-l-loadMore-link,

.cbp-l-loadMore-button .cbp-l-loadMore-button-link {

    padding: 12px 32px;

}

.cbp-l-loadMore-button .cbp-l-loadMore-link,

.cbp-l-loadMore-button .cbp-l-loadMore-button-link,

.cbp-l-loadMore-button .cbp-l-loadMore-link:hover,

.cbp-l-loadMore-button .cbp-l-loadMore-button-link:hover,

.cbp-l-loadMore-button .cbp-l-loadMore-link:focus,

.cbp-l-loadMore-button .cbp-l-loadMore-button-link:focus{

    color: #fff;

}



.cbp-l-filters-button .cbp-filter-item {

    background: transparent;

    padding: 0;

    margin: 0;

    border: none;

    font-size: 13px;

    font-weight: 600;

    color: #CDBDA2;

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

    margin-right: 15px;

    border-bottom: solid 2px transparent ;

    margin-right: 0.5rem;

}



.cbp-l-filters-button .cbp-filter-item.cbp-filter-item-active {

    color: #682730;

    background: transparent;

    border-bottom: solid 3px #682730;



}

.cbp-l-filters-button .cbp-filter-item,

.cbp-item.even{

    -webkit-transition: 300ms all ease;

    -o-transition: 300ms all ease;

    transition: 300ms all ease;

}

.cbp-item.even {

    margin-top: -190px;

}

.cbp-l-grid-mosaic .cbp-caption-activeWrap {

    background: rgba(254, 213, 27, 0.9);



}

.cbp-l-caption-title {

    color: #ffffff !important;

    font-family: 'Roboto', sans-serif !important;

    font-weight: 400 !important;

    font-size: 15px !important;

}

.portfolio-detail-text {

    color: #FFFFFF;

    font-style: italic;

}

.portfolio-hover-effect .hover-text{

    padding-left: 3%;

    padding-bottom: 2%;

}

.portfolio-hover-effect .portfolio-inner-content{

    position: absolute;

    left: 50%;

    top: 50%;

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

}

.portfolio-hover-effect .portfolio-inner-content span{

    background-color: #FFFFFF;

    height: 3px;

    width: 70px;

    display: block;

}

.portfolio-hover-effect .portfolio-inner-content span:nth-child(2){

    transform: rotate(90deg);

}

.portfolio-hover-effect .hover-text .p-hover-title{

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

    font-size: 20px;

    color: #FFFFFF;

    font-weight: 500;

    margin-bottom: 0;

}

.portfolio-hover-effect .hover-text .p-hover-des{

    font-family: 'Open Sans', sans-serif;

    font-size: 14px;

    color: #FFFFFF;

}

#js-loadMore-lightbox-gallery {

    margin-top: 45px;

}

#js-loadMore-lightbox-gallery.active {

    margin-top: -150px;

    position: relative;

}

#js-loadMore-lightbox-gallery.active-outer {

    margin-top: -250px;

}

.cbp-caption-active .cbp-caption-activeWrap {

    width: 94%;

    position: absolute;

    z-index: 2;

    height: 94%;

}

.cbp-caption-active .cbp-caption-activeWrap:hover .text-data{

    z-index: -1 !important;

}



.cbp-caption-zoom .cbp-caption-activeWrap {

    opacity: 0;

    top: 3%;

    left: 3%;

}



.portfolio-foot-detail{

    padding-bottom: 3%;

}

.portfolio-foot-detail .p-text{

    color: #202020;

    font-size: 13px;

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

    font-weight: 400;

    display: inline-block;

    margin-bottom: 8px;

    opacity: 0.7;

}

.portfolio-foot-detail .p-text:last-child{

    margin-bottom: 0;

}

.portfolio-foot-detail .p-num{

    color: #202020;

    font-size: 50px;

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

    font-weight: bold;

}



.testimonial-sec .right-overlay{

    background-color: #682730;

    top:120px;

}

.testimonial-sec .testimonial-area{

    background-color: #682730;

}

.testimonial-sec .testimonial-area .container{

    max-width: 1140px;

}

.testimonial-sec .testimonial-area .testimonial-details{

    padding-right: 10px;

}

.testimonial-sec .testimonial-area .testimonial-carousel{

    width: 98%;

    margin: 0 auto;

}

.testimonial-sec .testimonial-area .testimonial-carousel .testimonial-box .icon-holder{

    display: block;

    margin-bottom: 30px;

}

.testimonial-sec .testimonial-area .testimonial-carousel .testimonial-box .icon-holder i{

    color: #FFFFFF;

    font-size: 32px;

    display: inline-block;

    font-style: italic;

}

.testimonial-sec .testimonial-area .testimonial-carousel .testimonial-box .img-holder{

    height: 100px;

    width: 100px;

    border-radius: 50%;

    display: inline-block;

    margin-bottom: 20px;

    margin-top: 10px;

}

.testimonial-sec .testimonial-area .testimonial-carousel .testimonial-box .img-holder img{

    border-radius: 50%;

    width: 100%;

}

.testimonial-sec .testimonial-area .testimonial-carousel .testimonial-box .user-name{

    color: #FFFFFF;

    font-size: 24px;

    font-weight: 400;

    font-family: Roboto, sans-serif;

}

.sponser-tags .item{

    display: flex;

    justify-content: center;

    align-items: center;

    cursor: pointer;

}

.sponser-tags .item img{

    width: 80%;

    display: inline-block;

}



.blog-sec{

    padding-top: 120px;

}

.blog-sec .left-overlay{

    background-color: #CDBDA2;

    top:120px;

}



.blog-sec .blog-area{

    padding-top: 50px;

    padding-bottom: 50px;

}

.blog-sec .blog-inner-overlay{

    position: absolute;

    left: 0;

    bottom: 0;

    top: 0;

    right: 34%;

    background-color: #CDBDA2;

}

.blog-sec .blog-area .blog-detail .heading{

    margin-bottom: 40px;

}

.blog-sec .blog-area .blog-detail .white-trans-btn{

    margin-top: 10px;

}





.contact-sec .heading{

    color: #682730;

    font-size: 40px;

    margin-bottom: 40px;

}

.contact-sec .contact-form{

    width: 95%;

}

.contact-sec .contact-form input{

    color: #8799a3;

    font-size: 16px;

    height: 50px;

    padding: 25px;

}

.contact-sec .contact-form .form-control{

    border-radius: 0;

    border:solid 2px #eceef2;

}

.contact-sec .contact-form input::placeholder{

    color: #8799a3;

    font-size: 16px;

}

.contact-sec .contact-form textarea{

    padding: 13px;

    padding-left: 25px;

    height: 202px;

    color: #8799a3;

    font-size: 16px;

}

.contact-sec .contact-form .black-btn{

    margin-top: 15px;

}



.contact-sec .contact-background{

    position: absolute;

    right: 0;

    top: -35px;

    z-index: -1;

}

.contact-sec .contact-details{

    font-family: Roboto, sans-serif;

    width: 90%;

    margin-left: 20px;

}

.contact-sec .contact-details .heading{

    margin-bottom: 50px;

}

.contact-sec .contact-details .text{

    color: #202020;

    opacity: .8;

}

.contact-sec .contact-details ul{

    padding-left: 0;

    margin-bottom: 0;

    margin-top: 50px;

    padding: 2rem;

    border: 1px solid #20202071;

}

.contact-sec .contact-details ul li{

    color: #202020;

    opacity: .8;

    list-style: none;

    margin-bottom: 22px;

    font-size: 16px;

    display: flex;

    align-items: center;

}

.contact-sec .contact-details ul li:first-child{

    width: 60%;

}

.contact-sec .contact-details ul li span{

    display: inline-block;

    padding-right: 30px;

}

.contact-sec .contact-details ul li span:last-child{

    padding-right: 0;

}

.contact-sec .contact-details ul li i{

    font-size: 38px;

    margin-right: 20px;

    margin-bottom: 8px;

    color: #202020;

}

.contact-sec .contact-details ul li i.email{

    transform: rotate(-30deg);

}



.footer-style-1{

    background-color: #CDBDA2;

    padding: 5rem 0;

}



.footer-social ul{

    margin: 0;

    padding: 0;

}



.footer-social li{

    display: inline-block;

}



.footer-social a {

    color: #682730;

    display: block;

    width: 45px;

    height: 45px;

    text-align: center;

    line-height: 45px;

    border-radius: 50px;

    font-size: 17px;

    margin: 0 10px 0 0;

    border: 1px solid transparent;

    -webkit-transition: background-color .3s ease-in-out;

    -o-transition: background-color .3s ease-in-out;

    transition: background-color .3s ease-in-out;

}



.footer-social li:nth-last-child(1) a{

    margin-right: 0;

}



.footer-social li a:hover{

    background-color:#202020;

    color: #CDBDA2;

}



.company-about{

    font-size: 14px;

    color: #682730;

    font-weight: 400;

}



.company-about a:hover {

    color: #202020;

}



.scroll-top-arrow, .scroll-top-arrow:focus {

    font-size: 23px;

    line-height: 47px;

    color: #682730;

    background-color: #CDBDA2;

    display: none;

    height: 45px;

    width: 45px;

    cursor: pointer;

    padding: 0;

    position: fixed;

    bottom: 20px;

    right: 20px;

    text-align: center;

    text-decoration: none;

    z-index: 80;

    border-radius: 50px;

    -webkit-transition: all .3s ease-in-out;

    -o-transition: all .3s ease-in-out;

    transition: all .3s ease-in-out;

}



.scroll-top-arrow:hover {

    background-color: #ffffff;

}







[class*=bg-img]{

    position: relative;

    background-size: cover;

    width: 100%;

    height: 100%;

    background-position: center center;

    background-repeat: no-repeat;

    overflow: hidden;

}







.preloader {

    position: fixed;
    display: flex;
    justify-content: center;
    align-items: center;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    text-align: center;

    background: #CDBDA2;

    z-index: 999;

}

.logo-container {
    position: relative;
    width: 150px;
    -webkit-animation: fadeOut 6s ease-out infinite;
    animation: fadeOut 6s ease-out infinite;
    will-change: opacity, transform;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

@-webkit-font-face {
    font-family: 'SkemaProLivro' serif;
    src: url('https://vittemimarlik.com/vendor/fonts/SkemaProLivro-Medium.ttf') format('ttf'),
         url('https://vittemimarlik.com/vendor/fonts/SkemaProLivro-Medium.otf') format('otf');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'SkemaProLivro' serif;
    src: url('https://vittemimarlik.com/vendor/fonts/SkemaProLivro-Medium.ttf') format('ttf'),
         url('https://vittemimarlik.com/vendor/fonts/SkemaProLivro-Medium.otf') format('otf');
    font-weight: normal;
    font-style: normal;
}

.logo-line {
    font-family: 'SkemaProLivro', serif;
    font-size: 32px;
    stroke: #682730;
    stroke-width: 2;
    fill: none;
    stroke-dasharray: 400;
    stroke-dashoffset: 400;
    -webkit-animation: draw 2s ease-out infinite;
    animation: draw 2s ease-out infinite;
    will-change: stroke-dashoffset;
}

@-webkit-keyframes draw {
    to {
        stroke-dashoffset: 0;
    }
}

@keyframes draw {
    to {
        stroke-dashoffset: 0;
    }
}

@-webkit-keyframes fadeOut {
    0% {
        opacity: 1;
        transform: scale(0.95);}
50% {
        opacity: 0.5;
        transform: scale(0.8);}
100% {
    opacity: 1;
    transform: scale(0.95);}
}



@keyframes fadeOut {
    0% {
        opacity: 1;
        transform: scale(0.95);}
50% {
        opacity: 0.5;
        transform: scale(0.8);}
100% {
    opacity: 1;
    transform: scale(0.95);}
}

.center {

    display: flex;

    text-align: center;

    justify-content: center;

    align-items: center;

    min-height: 100vh;

}


.slider-sec {

    min-height:300px;

    position: relative;

}

.slider-sec .slider-row{

    padding-top: 50px;

    padding-bottom: 50px;

}

.slider-sec .overlay{

    position: absolute;

    top:0;

    bottom: 0;

    left: 0;

    right: 50%;

    background-color:#CDBDA2;

}

.slider-sec .inner-overlay{

    position: absolute;

    top:0;

    bottom: 0;

    left: 0;

    right: 20%;

    background-color:#CDBDA2;

}

.slider-sec .inner-slider-content h4{

    font-family:Oswald, sans-serif;

    font-weight: bold;

    font-size: 60px;

    color: #202020;

    margin-bottom: 20px;

}

.crumbs{

    position: relative;

}

.crumbs .breadcrumb-items{

    display: inline-block;

}

.crumbs .breadcrumb{

    margin-bottom: 0;

    border-radius: 0;

    padding:0;

    background-color: transparent;

}

.breadcrumb-item+.breadcrumb-item::before {

    color: #202020;

}



.crumbs .breadcrumb li a{

    color: #202020;

    font-size: 16px;

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

    text-decoration: none;

    border-bottom: solid 1px transparent;

    transition: .5s ease;

    padding-bottom: 5px;

}

.crumbs .breadcrumb li a:hover{

    border-bottom: solid 1px #202020;

}



.standalone-row .stand-img-des{

    padding-left: 30px;

    text-align: center;

}

.standalone-row:nth-child(2) .stand-img-des{

    padding-left: 0;

    padding-right: 30px;

}

.standalone-detail .sub-heading{

    color: #CDBDA2;

    margin-bottom: 20px;

}

.standalone-area .sub-heading{

    color: #CDBDA2;

    margin-bottom: 8px;

}

.standalone-detail .heading{

    margin-bottom: 20px;

    font-size: 40px;

    color: #CDBDA2;

    font-weight: 500;

    font-family: Roboto , sans-serif;

}



.standalone-detail .para_text{

    color: #202020;

    font-weight: 500;

    font-family: Roboto , sans-serif;

    text-align: center;

    font-size: 15px;

    margin: 0 auto;

    opacity: .8;

    line-height: 2.1;

}



.standalone-detail{

    padding-bottom: 100px;

}

.standalone-area .gradient-text1{

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

    font-weight: 500;

    margin-bottom: 12px;

}

.standalone-area .stand-img-des .para_text{

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

    color: #202020;

    font-weight: 300;

    opacity: .8;

}





@media (min-width:1200px) and (max-width: 1250px){

    .header-appear .sidemenu_btn {

        top: 38px !important;

    }

}

@media (min-width:1000px) {

    header .main-navigation nav .navbar-nav .nav-item .nav-link span {

        font-size: 32px;

    }

    .slider-social {

        left: 2%;

    }

}

@media (min-width:992px) and (max-width: 1250px){

    header .top-social-links li a {

        height: 30px;

        width: 30px;

    }

    header .top-social-links li a i {

        font-size: 15px;

    }



    .header-appear .fixed-nav-links {

        margin-left: 10px;

    }

    .header-appear .sidemenu_btn {

        top: 33px;

        right: 0;

    }

}

@media (min-width:992px) and (max-width: 1070px){

    header .upper-nav .top-social-links{

        margin-right: 50px;

    }

    .sidemenu_btn {
        border: none;
        right: 15px;

    }

}

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

    .slider-social{

        display: none;

    }

    header .upper-nav{

        display: none;

    }

    .portfolio-foot-detail>div:last-child{

        margin-top: 30px;

    }

    .slider-area .slider-arrows{

        display: none;

    }

    header .side-menu .navbar-brand img {

        max-width: 80%;

        margin: auto;

        display: block;

    }

    .side-nav .navbar-nav{

        text-align: center;

    }

    .menu-company-details {

        margin-bottom: 25px;

        text-align: center;

    }

    .social-icons-simple ,.side-menu p {

        text-align: center;

    }

    .side-nav .navbar-nav .nav-link {

        font-size: 26px;

    }

    .header-appear .fixed-nav-links {

        margin-right: 25px;

        margin-left: 0;

    }

    .sidemenu_btn {
        border: none;

        top: 75px;

        transform: scale(1.3);

    }

    .header-appear .sidemenu_btn {

        top: 60px;

        right: 17px;

        transform: scale(1.3);

    }

    .header-appear ~ .side-menu .btn-close {

        top: 30px;

        right: 23px;

    }

    .header-appear .fixed-nav-logo{

        margin-right: 0;

        transform: translateY(-3px);

    }

    .header-appear .fixed-nav-logo img {

        width: 50%;

    }

    .side-menu {

        width: 100%;

    }

    .slider-area .slider-detail .slider-slide .slider-inner-content {

        width: 100%;

    }

    .slider-area .container .inner-bg-overlay {

        right: 0;

    }

    .slider-area .slider-detail {

        margin-bottom: 50px;

    }

    .slider-area .bg-overlay {

        width: 100%;

        left: 0;

        right: 0;

    }

    .slider-area .slider-detail .slider-slide .slider-inner-content .slide-text {

        width: 100%;

    }

    .slider-area .slider-arrows {

        display: none;

    }

    .about-sec .services-area .services:nth-child(3) .service-card {

        margin-bottom: 60px;

    }

    .about-sec .services-area .services .service-card {

        margin-bottom: 60px;

    }

    .about-sec .about-overlay {

        background-color: #CDBDA2;

        left: 0;

    }

    .about-sec .about-area {

        padding-left: 20px;

        padding-right: 20px;

    }



    .stats-sec .stats-heading-area .text {

        width: 95%;

    }

    .stats-sec .circular-wrap {

        padding-top: 80px;

    }

    .stats-sec .circular-wrap>div {

        padding-bottom: 80px;

    }

    .stats-sec .circular-wrap>div:last-child {

        padding-bottom: 0;

    }

    .team-sec .team-detail {

        margin-bottom: 80px;

    }

    .team-sec .inner-team-sec .team-area {

        width: 70%;

    }

    .team-sec .inner-team-sec .team-area .team-nav.team-next {

        right: 20px;

    }

    .team-sec .inner-team-sec .team-area .team-nav.team-prev {

        left: 20px;

    }



    .portfolio-sec{

        margin-bottom: 0;

    }

    .portfolio-sec .heading {

        font-size: 38px;

    }

    .portfolio-foot-detail {

        padding-top: 30%;

        padding-bottom: 0;

    }

    .portfolio-sec .green-btn {

        padding: 8px 35px;

    }

    .portfolio-foot-detail .p-text {

        font-size: 16px;

    }

    .testimonial-sec .testimonial-area .testimonial-details {

        padding-right: 0;

        margin-bottom: 80px;

    }

    .right-overlay{

        left: 0;

    }

    .left-overlay{

        right: 0;

    }

    .blog-sec .blog-area .blog-detail{

        margin-bottom: 80px;

    }

    .contact-sec .contact-form {

        width: 100%;

    }

    .contact-sec .contact-details {

        width: 100%;

        margin-left: 0;

        margin-top: 80px;

    }

    .contact-sec .contact-details ul li:first-child {

        width:auto;

    }

    .contact-sec .contact-details ul li {

        display: block;

    }

    .contact-sec .contact-details ul li i {

        display: block;

        margin-bottom: 15px;

    }

    .contact-sec .contact-details ul li {

        margin-bottom: 50px;

    }

    .contact-sec .contact-details ul li:last-child{

        margin-bottom: 0;

    }

    .contact-sec .contact-form {

        margin-right: 0;

        margin-left: 0;

    }

    .contact-sec .contact-form textarea {

        height: 200px;

    }

    .contact-sec .contact-background {

        top: 70px;

    }

    .company-about {

        margin-top: 10px;

    }



    .standalone-row:not(:last-child) {

        margin-bottom: 8rem;

    }



    .standalone-area .sub-heading {

        margin-top: 20px;

    }



    .standalone-row:nth-child(2) .stand-img-des {

        padding-left: 18px;

        padding-right: 18px;

    }



    .standalone-row .stand-img-des {

        padding-left: 18px;

        padding-right: 18px;

    }

    .slider-sec .overlay {

        position: absolute;

        top: 0;

        bottom: 0;

        left: 0;

        right: 0;

        background-color: #CDBDA2;

    }

    .slider-sec .inner-slider-content{

        margin-bottom: 50px;

        width: 100%;

    }

    .social .tags{

        text-align: left;

    }

}







@media screen and (max-width:767px){

    .slider-social{

        display: none;

    }

    .portfolio-foot-detail>div:last-child{

        margin-top: 30px;

    }

    header .upper-nav{

        display: none;

    }

    .heading {

        font-size: 44px;

    }

    .slider-area .slider-arrows{

        display: none;

    }

    header .side-menu .navbar-brand img {

        max-width: 80%;

        margin: auto;

        display: block;

    }

    .slider-sec .slider-row {

        padding-top: 70px;

    }



    .side-nav .navbar-nav{

        text-align: center;

    }

    .menu-company-details {

        margin-bottom: 25px;

        text-align: center;

    }

    .social-icons-simple ,.side-menu p {

        text-align: center;

    }

    .side-nav .navbar-nav .nav-link {

        font-size: 24px;

    }

    .header-appear .fixed-nav-links {

         margin-right: 40px;

        margin-left: 0;

        display: none;

    }

    .sidemenu_btn {
        border: none;
        top: 65px;

    }

    .side-menu .inner-wrapper {

        padding: 3.5rem 3rem;

    }

    .side-menu .inner-wrapper .row{

        margin-left: 0;

    }

    .social-icons-simple, .side-menu p {

        font-size: 13px;

    }

    .header-appear .sidemenu_btn {

        top: 45px;

        right: 0;

    }

    .header-appear ~ .side-menu .btn-close {

        top: 30px;

        right: 23px;

    }

    .header-appear .fixed-nav-logo{

        margin-right: 0;

        transform: translateY(-3px);

    }

    .header-appear .fixed-nav-logo img {

        width: 60%;

    }

    .side-menu {

        width: 100%;

    }

    .slider-area .slider-detail .slider-slide .slider-inner-content {

        width: 100%;

    }

    .slider-area .container .inner-bg-overlay {

        right: 0;

    }

    .slider-area .slider-detail {

        margin-bottom: 50px;

    }

    .slider-area .slider-detail .slider-slide .slider-inner-content .slide-heading {

        font-size: 40px;

    }

    .slider-area .slider-detail .slider-slide .slider-inner-content .slide-text {

        width: 100%;

    }

    .slider-area .slider-arrows {

        display: none;

    }

    .slider-area .bg-overlay {

        width: 100%;

    }

    .about-sec .services-area .services:nth-child(3) .service-card {

        margin-bottom: 60px;

    }

    .about-sec .services-area .services .service-card {

        margin-bottom: 60px;

    }

    .about-sec .about-overlay {

        background-color: #CDBDA2;

        left: 0;

    }

    .about-sec .about-area {

        padding-left: 20px;

        padding-right: 20px;

    }

    .stats-sec .stats-heading-area .text {

        width: 95%;

    }

    .stats-sec .circular-wrap {

        padding-top: 80px;

    }

    .stats-sec .circular-wrap>div {

        padding-bottom: 80px;

    }

    .stats-sec .circular-wrap>div:last-child {

        padding-bottom: 0;

    }

    .team-sec .team-detail {

        margin-bottom: 80px;

    }

    .team-sec .inner-team-sec .team-area {

        width: 70%;

    }

    .team-sec .inner-team-sec .team-area .team-nav.team-next {

        right: 20px;

    }

    .team-sec .inner-team-sec .team-area .team-nav.team-prev {

        left: 20px;

    }

    .portfolio-sec{

        margin-bottom: 0;

    }

    .portfolio-sec .heading {

        font-size: 38px;

    }

    .portfolio-foot-detail {

        padding-top: 50%;

        padding-bottom: 0;

    }

    .portfolio-sec .green-btn {

        padding: 8px 25px;

    }

    .portfolio-foot-detail .p-text {

        font-size: 11px;

    }

    .testimonial-sec .testimonial-area .testimonial-details {

        padding-right: 0;

        margin-bottom: 80px;

    }

    .right-overlay{

        left: 0;

    }

    .left-overlay{

        right: 0;

    }

    .blog-sec .blog-area .blog-detail{

        margin-bottom: 80px;

    }

    .contact-sec .contact-form {

        width: 100%;

    }

    .contact-sec .contact-details {

        width: 100%;

        margin-left: 0;

        margin-top: 80px;

    }

    .contact-sec .contact-details ul li:first-child {

        width:auto;

    }

    .contact-sec .contact-details ul li {

        display: block;

    }

    .contact-sec .contact-details ul li i {

        display: block;

        margin-bottom: 15px;

    }

    .contact-sec .contact-details ul li {

        margin-bottom: 50px;

    }

    .contact-sec .contact-details ul li:last-child{

        margin-bottom: 0;

    }

    .contact-sec .contact-form {

        margin-right: 0;

        margin-left: 0;

    }

    .contact-sec .contact-form textarea {

        height: 200px;

    }

    .contact-sec .contact-background {

        top: 70px;

    }

    .company-about {

        margin-top: 10px;

    }



    .slider-sec .inner-slider-content h4{

        font-size: 45px;

    }

    .standalone-row:not(:last-child) {

        margin-bottom: 8rem;

    }

    .standalone-area .sub-heading{

        margin-top: 20px;

    }

    .standalone-row:nth-child(2) .stand-img-des {

        padding-left: 18px;

        padding-right: 18px;

    }

    .standalone-row .stand-img-des {

        padding-left: 18px;

        padding-right: 18px;

    }

    .slider-sec .overlay {

        position: absolute;

        top: 0;

        bottom: 0;

        left: 0;

        right: 0;

        background-color: #CDBDA2;

    }

    .slider-sec .inner-slider-content{

        margin-bottom: 50px;

        width: 100%;

    }

    header .side-menu .navbar-brand img {

        max-width: 60%;

    }



}



@media (min-width: 1200px) {

    .slider-area .slider-arrows {

        right: -4%;

    }

    .slider-area .slider-detail .slider-slide .slider-inner-content .slide-text {

        font-size: 14px;

    }

    .testimonial-sec .testimonial-area .container {

        max-width: 1040px;

    }

    .side-nav .navbar-nav .nav-link {

        font-size: 30px;

    }

}

@media (min-width: 1600px) {

    .container {

        max-width: 1340px;

    }

    .side-nav .navbar-nav .nav-link {

        font-size: 36px;

    }

    header .main-navigation nav .navbar-nav .nav-item .nav-link {

        font-size: 18px;

    }

    .testimonial-sec .testimonial-area .container {

        max-width: 1140px;

    }

    .slider-area .slider-arrows {

        right: -7%;

    }

    .slider-area .slider-detail .slider-slide .slider-inner-content .slide-heading {

        margin-bottom: 40px;

    }

    .slider-area .slider-detail .slider-slide .slider-inner-content .slide-text {

        margin-bottom: 40px;

        font-size: 16px;

    }

    .slider-area .slider-arrows .slider-arr {

        height: 45px;

        width: 45px;

    }

}

@media (min-width: 1800px) {

    .slider-area .slider-arrows {

        right: -11%;

    }

}