@charset "utf-8";
/* CSS Document */

@import url('https://fonts.googleapis.com/css?family=Unica+One');

*{margin:0px; padding:0px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
html{ width:100%; height:100%; margin:0px; padding:0px;}
body{ margin:0px; padding:0px; font-family: 'Open Sans', sans-serif; font-size:15px; color:#5a5a5a; line-height:24px; background:#fff; min-height:100%; overflow-x: hidden;}
p{ margin:0px; padding:0px 0 20px 0; font-family: 'Open Sans', sans-serif; font-size:15px; color:#5a5a5a; line-height:24px; }
h1{ margin: 0px; padding: 0px;  }
h2{ margin: 0px; padding: 0px;  }
h3{ margin: 0px; padding: 0px;  }
h4{ margin: 0px; padding: 0px;  }
h5{ margin: 0px; padding: 0px;  }
h6{ margin: 0px; padding: 0px;  }

ol, ul{
    margin-left:0;

}
.grey-bg ul{
    margin-left:15px;
}
address, blockquote, dd, div, dl, dt, fieldset, form, frame, frameset{ margin:0; padding:0; border: 0px; outline: none; }
label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin:0px; padding:0; outline:none; border:0;}
a{ text-decoration:none; border: 0px; outline: none; transition: all .5s; color:inherit;}
a:hover, a:focus, a:active{ text-decoration:none; border: 0px; outline: none; transition: all .5s; color:#cfdd45;}

a img{ border:none; outline: none;}
a:focus {outline:none; }
border{ border-collapse:collapse;}
hr{ height:1px; background:#333333; border:none;}
.clear{ clear:both;}
.left{ float:left;}
.right{ float:right;}
.clearfix:before,
.clearfix:after { content: " "; display: table;}
.clearfix:after { clear: both;}
.clearfix { *zoom: 1;}
img { max-width: 100%; height: auto;}
@media \0screen {img { width: auto }}

::-moz-selection { color: #fff; background: #00b374;}
::selection {  color: #fff; background: #00b374;}


#preloader { position: fixed; width:100%; top: 0; left: 0; right: 0; bottom: 0; background-color: #fff; z-index: 99999999 !important;}
#status {width: 240px; height: 240px;position: absolute; left: 50%; top: 50%; background-image: url(../images/loading.gif); background-repeat: no-repeat;  background-position: center;  margin: -100px 0 0 -150px;}

.navigation{ background-color: #cfdd45;}
.navigation ul{ margin:0px; padding: 0px; list-style: none; text-align:center; position: relative;z-index: 9999; display: inline-block; float: right;}
.navigation ul li{ float: none; display: inline-block; vertical-align: top; margin-right: 0px; }
.navigation ul li a{ font-family: 'Unica One', cursive;font-weight: 400;color: #fff; padding: 0 12px 0px 12px; line-height: 42px; display: block;font-size: 17px; color:#393939; }
.navigation ul li:last-child a{padding-right: 15px;}
.navigation ul li:hover a{  color: #fff; background-position:0 0%; }
.navigation ul li { position: relative; }
.navigation ul li ul {  visibility: hidden; opacity: 0; position: absolute; top: 100%; left: 0; width: 100%; transform: translateY(-20%);z-index: -1; transition: all 0.3s ease-in-out 0s, visibility 0s linear 0.3s, z-index 0s linear 0.01s; min-width: 200px; background-color: #cfdd45; ;text-align:left; }
.navigation ul li:hover ul {visibility: visible; opacity: 1; z-index: 1; transform: translateY(0%);transition-delay: 0s, 0s, 0.3s; }
.navigation ul li ul li{ display: block; margin-right: 0px;}
.navigation ul li ul li a{padding:0px 14px;}
.navigation ul li ul li:hover{ background-color: black;}
nav.navigation ul.sub-menu li a {
    color: black;
}

nav.navigation ul.sub-menu li:hover a {
    color: white;
}

a.meanmenu-reveal{display:none}
.mean-container .mean-bar{float:left;width:42px; padding:4px 0;min-height:42px;z-index:999999}
.mean-container a.meanmenu-reveal{width:22px;height:22px;padding:13px 13px 11px 13px;position:absolute;top:0;right:0;cursor:pointer;color:#fff;text-decoration:none;font-size:16px;text-indent:-9999em;line-height:22px;font-size:1px;display:block;font-family:Arial,Helvetica,sans-serif;font-weight:700 ; background-color: #696a6d;}
.mean-container a.meanmenu-reveal span{display:block;background:#fff;height:3px;margin-top:3px}
.mean-container .mean-nav{float:left;width:100%;background:#0c1923;margin-top:44px; position: absolute;}
.mean-container .mean-nav ul{padding:0;margin:0;width:100%;list-style-type:none}
.mean-container .mean-nav ul li{position:relative;float:left;width:100%}
.mean-container .mean-nav ul li a{display:block;float:left;width:90%;padding:10px 5%; font-size:16px;margin:0;text-align:left;color:#fff;border-top:1px solid #383838;border-top:1px solid rgba(255,255,255,0.5);text-decoration:none;text-transform:uppercase}
.mean-container .mean-nav ul li li a{width:80%;padding:1em 10%;border-top:1px solid #f1f1f1;border-top:1px solid rgba(255,255,255,0.25);opacity:.75;filter:alpha(opacity=75);text-shadow:none!important;visibility:visible}
.mean-container .mean-nav ul li.mean-last a{border-bottom:0;margin-bottom:0}
.mean-container .mean-nav ul li li li a{width:70%;padding:1em 15%}
.mean-container .mean-nav ul li li li li a{width:60%;padding:1em 20%}
.mean-container .mean-nav ul li li li li li a{width:50%;padding:1em 25%}
.mean-container .mean-nav ul li a:hover{background:#252525;background:rgba(255,255,255,0.1)}
.mean-container .mean-nav ul li a.mean-expand{margin-top:1px;width:26px;height:20px;padding:12px!important;text-align:center;position:absolute;right:0;top:0;z-index:2;font-weight:700;background:rgba(255,255,255,0.1);border:none!important;border-left:1px solid rgba(255,255,255,0.4)!important;border-bottom:1px solid rgba(255,255,255,0.2)!important}
.mean-container .mean-nav ul li a.mean-expand:hover{background:rgba(0,0,0,0.9)}
.mean-container .mean-push{float:left;width:100%;padding:0;margin:0;clear:both}
.mean-nav .wrapper{width:100%;padding:0;margin:0}
.mean-container .mean-bar,.mean-container .mean-bar *{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}
.mean-remove{display:none!important}
.small_nav{ position: relative; }
/*header{position: absolute; width:100%;top:0;left:0;}*/
header{background:  url(../images/head_bg.png) 0 0  no-repeat; width:100%; background-size:cover;}
.banner{ width:100%;position: relative; }
.banner img{width:100%;}
.lower_header{background:#cfdd45;position: relative;margin-top:-42px;}


.logo{position: relative;z-index:99;}
ul.phn_area {
    list-style: none;
    display: block;
    float: right;
    margin: 0;
    padding: 34px 0px 26px;
    width: 100%;
    text-align: right;
}ul.phn_area li{display:inline-block; color:#fff;text-transform: uppercase;padding:0px 10px 0px 0px; font-size: 17px; line-height: 27px; font-family: 'Unica One', cursive;transition:1s;}
ul.phn_area li.social {color:#e9ef5b}
ul.phn_area li:last-child{padding-right: 0px;}
ul.phn_area li:nth-child(3){border-left:1px solid #cfdd45; padding-left:10px;line-height: 18px;}
ul.phn_area li.phone {background:url(../images/phone.png) no-repeat 0 3px;padding-left:28px;}
ul.phn_area li.mail {background:url(../images/msg.png) no-repeat 0 6px;padding-left:30px;}
ul.phn_area li a{margin-left:2px;}
ul.phn_area li:nth-child(4){ padding-right:6px;}
ul.phn_area li:nth-child(4)a{margin-left:0px; padding-right:6px;}
ul.phn_area li:nth-child(5)a{margin-left:0px;}
ul.phn_area li a .fa {background: #fff;color: #000;padding: 7px 0px;text-align: center;border-radius: 100%;width: 30px;height: 30px;vertical-align: middle;transition:0.5s;font-size: 15px;}
ul.phn_area li:hover a .fa{color:#fff; background: #cfdd45;}

ul.scnd_menu{float:right;list-style:none;}
ul.scnd_menu li{display:inline-block; color:#fff;font-size: 17px; text-transform: uppercase; font-family: 'Unica One', cursive; padding: 10px 10px 10px 10px; }
ul.scnd_menu li:nth-child(4){padding-right: 6px;}
ul.scnd_menu li:last-child{padding-right: 0px;}
ul.scnd_menu li:nth-child(4) a{background: #cfdd45; color:#151515; padding:5px 30px; border-radius:24px; display:inline-block;}
ul.scnd_menu li:nth-child(4) a:hover{background:#fff;}
ul.scnd_menu li:nth-child(5) a{background: #cfdd45; color:#151515; padding:5px 30px; border-radius:24px; display:inline-block;}
ul.scnd_menu li:nth-child(5) a:hover{background:#fff; }
.logo_area{text-align: center;
    text-align: center;
    background-color: #F2F2F2;
}
.logo_area ul{list-style:none;}
.logo_area ul li{display: inline-block; padding:0px 14px;}
.logo_area ul li a{display:flex;}
.logo_area ul li a img{margin:auto;vertical-align: middle;}

/**	serviceBox
****************************/
.padtb{padding:50px 0}
.titleBox{margin-bottom:40px;text-align:center;background:url(../images/titleBg.png) no-repeat center top;height:174px; padding-top: 58px;}
.titleBox h1,.titleBox h2{color:#5f5f5f;font-size:61px;font-weight:600;font-family:'Raleway',sans-serif;text-transform:uppercase;line-height:60px}
.serviceCell{position:relative;margin-bottom:30px}
.servicePic img{object-fit:cover}
.serviceCaption{position:absolute;left:0;right:0;bottom:0;background:rgba(165,205,57,0.8);padding:18px 15px}
.serviceCaption span{font-size:18px;font-weight:600;color:#fff;font-family:'Raleway',sans-serif}
.serviceCaption a{color:#fff}
/**		aboutBox
************************************/
.btn{height:38px;background:#90ba2f;font-size:14px;font-weight:600;padding:0 48px;line-height:38px;border-radius:30px;color:#fff;border:0}
.btn:hover{color:#000}
.aboutPic{border:20px solid #ebebeb;margin-left:35px}
.aboutPic img{object-fit:cover}
.aboutCont{margin-right:35px;margin-left:50px;padding-top:15px}
.aboutCont h2{position:relative;left:-100px;font-size:150px;color:#ebebeb;font-weight:600;text-transform:uppercase;margin:0 0 10px}
.aboutCont p{font-size:14px;line-height:28px;color:#666;padding:0 0 30px}

/**		portfolio
***********************/
.portfolio_section{ padding: 65px 0; background: #fff url(../images/latterBg.png) no-repeat left bottom; }
.menu_mob{ display: none; }
#div{ display: none; }
#div ul li{ display: block; border:1px solid #ccc; margin-bottom: 1px; }
#div ul li:after{ display: none; }
.menu_mob button{ background: #90ba2f; border: none; outline: none; padding: 10px 30px; color: #fff; text-transform: uppercase; margin-bottom: 12px; border-radius:30px;}


/**		newsBox
**************************/
.newsBox{background:#fff url(../images/latterBg.png) no-repeat left top}
.newsCell{padding-bottom:30px;padding-left:30px}
.newsDate{width:105px;float:left;margin-top:8px}
.newsDate strong{display:block;width:105px;height:113px;background:#90ba2f;font-size:80px;font-weight:600;font-family:'Raleway',sans-serif;color:#fff;line-height:113px;text-align:right;text-indent:25px;margin-bottom:8px}
.newsDate span{font-size:29px;color:#8fb92f;font-weight:600;text-transform:uppercase;display:block;text-align:center}
.newsCont{max-width:295px;width:100%;float:left;margin:0 0 0 20px}
.newsCont p{font-size:14px;line-height:28px;color:#666;font-weight:300}
.newsCont span{font-size:17px;color:#8fb92f;font-weight:600;font-style:italic}

#newsSlider .owl-buttons{position:absolute;left:0;top:50%;right:0;margin-top:-16px;}
#newsSlider .owl-prev, #newsSlider .owl-next{width:32px;height:22px;top:0;position:absolute;opacity: 1;padding:0;margin:0;text-indent: -9999px;}
#newsSlider .owl-prev{left:-20px;background:url(../images/leftArrow.png) no-repeat 0 0}
#newsSlider .owl-next{background:url(../images/rightArrow.png) no-repeat right 0;right:-20px}

/**		testinomialBox
**************************/
.tesCont{text-align:right;margin-right:15px}
.texPara{background:url(../images/blockquote.png) no-repeat left 24px;padding:60px 0 0 50px;text-align: right;}
.tesCont h2{font-size:96px;color:#ebebeb;font-weight:600;font-family:'Raleway',sans-serif;text-indent:13px;margin:10px 0}
.tesCont p{font-size:14px;line-height:28px;color:#666;font-weight:300}
.tesCont strong{font-size:17px;line-height:22px;color:#8fb92f;font-weight:600;font-style:italic}
.tesPic{border:20px solid #ebebeb}
.testinomialBox .container{position:relative}
.testinomialBox .controls{position:absolute;bottom:60px;right:33.33333333%}
.testinomialBox .controls a{width:16px;height:19px;top:60px;position:absolute}
.testinomialBox .prevBtn{right:70px;background:url(../images/leftGreen.png) no-repeat 0 0}
.testinomialBox .nextBtn{background:url(../images/rightGrenn.png) no-repeat 0 0;right:40px}

/**		footer
****************************************/
.footer{background:#696a6d;padding:70px 0 82px}
.footer ul{list-style:none}
.footer ul li{position:relative;padding:0 20px 13px;color:#fff;font-weight:300;font-family:'Raleway',sans-serif;display:inline-block;width:48.8%}
.footer ul li:before{content:"\f061";font-family:FontAwesome;left:0;position:absolute;top:0}
.footer h2{font-family:'Raleway',sans-serif;font-weight:600;font-size:16px;line-height:35px;color:#fff;margin-bottom:56px}
.footer p{color:#fff;font-size:15px;padding-bottom:13px}
.footer p span{text-transform:uppercase}
.follow ul li{padding:0 8px 0 0;width:auto;display:inline-block}
.follow ul li:before{display:none}
.follow ul li a .fa{background:#fff;color:#696a6d;padding:7px 0;text-align:center;border-radius:100%;width:30px;height:30px;vertical-align:middle;transition:.5s;font-size:15px}
.follow ul li:hover a .fa{color:#000;background:#cfdd45}
.follow p{font-family:'Raleway',sans-serif;font-weight:600;margin-top:30px}
.footer_scnd{position:relative}
a.foot_logo{position:absolute;right:0;top:0}
.footer_bottom{text-align:center;padding:30px 0}
.footer_bottom p{padding:0;color:#000;font-size:13px}
.footer_bottom p span,.footer_bottom p a{color:#a5cd37}
.footer_bottom p a:hover{color:#000}
.footer ul li a:visited{
    color:#fff;
}

/**		Responsive Style Start
*************************************************************------------------------------***********************************/
@media only screen and (max-width: 1199px) {
.navigation ul li a{padding:0 5px}
.footer ul li{padding:0 0 13px 20px;width:49%}
a.foot_logo{top:20%}
.follow ul li{width:auto!important;padding:0 8px 0 0 !important}
ul.phn_area {padding-bottom:15px}
.testinomialBox .controls {bottom:40px}
}
/*	------------------ end 1199	*/

@media only screen and (max-width: 1169px) {
ul.phn_area{padding:30px 0 15px}
.navigation ul li a{padding:0 14px 0 0;font-size:16px}
.navigation ul li:first-child a{padding-right:0}
.logo_area ul li{padding:0 5px}
.newsBox .nextBtn{right:0}
.newsBox .prevBtn{left:0}
.newsCell{padding:0 0 20px}
#news{padding:0 20px}
.testinomialBox .controls{bottom:40px}
#newsSlider .owl-next {right:-5px}
#newsSlider .owl-prev {left:-5px}
#newsSlider .item {margin:0 30px}


}
/*	------------------ end 1169	*/


@media only screen and (max-width: 991px) {
.lower_header{margin-top:0}
ul.phn_area li{font-size:16px}
ul.phn_area li.phone,ul.phn_area li.mail{padding-left:22px}
.navigation ul{float:none;text-align:center}
.navigation ul li a{padding:0 7px;font-size:15px}
ul.phn_area li:nth-child(4){padding-right:0}
ul.phn_area{padding:25px 0 10px}
.logo_area ul li{padding:12px 10px}
.logo_area{padding:2px 0}
.padtb{padding:30px 0 10px}
.aboutCont h2{left:0;font-size:80px;line-height:90px;word-wrap:break-word;margin:0 0 5px}
.aboutCont{padding:0;margin:0}
.aboutPic{margin:0}
.tesCont h2{font-size:55px;text-indent:0;margin:0;word-wrap:break-word}
.aboutCont p{padding:0 0 20px}
.texPara{padding:30px 0 0 20px}
.newsDate{float:none;margin:0 auto 10px}
.newsCont{max-width:100%;margin:0;text-align:center}
.testinomialBox{padding-bottom:40px}
.newsDate strong{text-align:center;text-indent:0}
.newsCont p{line-height:24px}
.footer ul li{padding:0 0 10px 20px;width:57%;font-size:13px}
a.foot_logo{position:static}
.follow{margin-bottom:20px}
.footer{padding:50px 0 42px}
.footer_bottom{padding:20px 0}
#status{left:0;right:0;margin:0 auto;top:50%;transform:translatey(-50%)}

}
/*	------------------ end 991	*/


@media only screen and (max-width: 767px) {
a:hover, a:focus, a:active{ text-decoration:none; border: 0px; outline: none; -webkit-transition-property: none;
-moz-transition-property: none;
-o-transition-property: none;
transition-property: none;}
.menu_mob{display:block}
.menu_desk{display:none}
.logo{text-align:center;max-width:180px;margin:0 auto}
ul.phn_area{float:none;text-align:center;padding:10px 0}
ul.phn_area li{display:block}
ul.phn_area li.social{border:0;padding-bottom:5px}
ul.phn_area li.fb,ul.phn_area li.tw{display:inline-block}
.lower_header{margin:0}
ul.phn_area li.mail,ul.phn_area li.phone{background:none;padding:0}
ul.scnd_menu{float:none;text-align:center}
ul.scnd_menu li, ul.scnd_menu li:nth-child(4), ul.scnd_menu li:last-child{padding:0 5px 5px}
ul.scnd_menu li:nth-child(4), ul.scnd_menu li:last-child{display:block;}
.mean-container a.meanmenu-reveal{top:2px}
.mean-container .mean-nav{float:none;z-index:99}
.mean-container .mean-nav ul li .fa{display:none}
.logo_area ul{margin:0}
.logo_area ul li{padding:0;display:block;margin-bottom:10px}
.padtb{padding:25px 0 0px}
.titleBox{height:150px;background-size:142px;padding:50px 0 30px;margin-bottom:20px;}
.titleBox h1,.titleBox h2{font-size:32px;line-height:50px}
.aboutPic{margin:0 0 20px}
.aboutCont h2{left:0;font-size:50px; line-height:56px;}
.aboutCont{margin:0;padding:0}
#newsSlider .owl-next {right:10px}
#newsSlider .owl-prev {left:10px}
.newsCont p {line-height:22px}
.newsCont {padding:0 5px}
.footer .col-sm-6{text-align:center;margin-bottom: 20px;}
.footer  ul li{text-align: left; width:35%;}
.footer h2{margin-bottom:14px}
.footer{padding:30px 0 8px}
.servicePic img{width:100%}
.aboutPic img{width:100%}
.fullwRes{width:100%;float:none}
#div ul li{border-color:#90ba2f}
#filters li span{border:0}
#filters li span.active{color:#fff;border:0;background:#a5cd39}
.tesPic{border-width:10px}
.tesCont{margin:0}
.tesCont h2{font-size:50px;text-align:center}
.portfolio_section{padding:30px 0}
.texPara{padding:30px 0 0}
.testinomialBox{padding-bottom:40px}
.tesCont p{padding-bottom:10px}
.testinomialBox .nextBtn{right:25px}
.testinomialBox .prevBtn{right:55px}
.aboutPic{border-width:10px}
}
/*	--------------------	end 767	*/


@media only screen and (max-width: 639px) {
.footer ul li{text-align:center;width:100%;padding:0 0 4px}
.footer ul li::before{content:"\f061";font-family:FontAwesome;left:auto;position:relative;top:0;right:5px}
.footer_bottom{padding:13px 0}
.footer_bottom p{font-size:11px}
#portfoliolist .portfolio{width:100%;margin:0 0 20px}
.portfolio img{width:100%}
.tesCont p{text-align:center}
.tesCont strong{display:block;margin-bottom:10px;text-align:center}
.testinomialBox .controls{bottom:0;display:block;width:100%;right:inherit;left:0}
.testinomialBox .controls a{top:20px}
.testinomialBox .nextBtn{right:50%;margin-right:-22px}
.testinomialBox .prevBtn{right:inherit;left:50%;margin-left:-22px}
.fullwResM{width:100%;float:none}
.tesPic img{width:100%}
.texPara{background-size:60px;background-position:0 10px;padding-top:15px}
.portfolio_section{padding:30px 0 0}
.tesCont h2{font-size:34px}
.testinomialBox .fullwResM{padding:0}
.aboutPic{margin-bottom:10px}
}
/*	------------------ end 639	*/



/* ------ Tweaks & Styling -------*/


a#back-to-top {
    float: right;
    margin-top: -50px;
    margin-right: 50px;
}
h1.page-title {
    color: #fff;
    padding: 20px;
}
.scnd_menu a{
    color: #fff;
}
ul.scnd_menu li:nth-child(4) button{
    background: #cfdd45;
    color:#151515;
    padding:5px 30px;
    border-radius:24px;
    display:inline-block;
}
ul.scnd_menu li button {
    display: inline-block;
    color: #fff;
    font-size: 17px;
    text-transform: uppercase;
    font-family: 'Unica One', cursive;
    padding: 0px 16px 0px 0px;
    transition: 0.2s all ease-in-out;
}
button.modal-btn {
    border: none;
}
ul.scnd_menu li:nth-child(5) button.modal-btn:hover {
    background: #ffffff;
}
.modal {
    z-index: 999999;
}
.modal-content {
    background-color: #2a2b2c;
}
.modal-title {
    color: #fff;
}
.close, .close:hover {
    color: #fff;
}
h4.test-name {
    text-align: right;
}
.texPara strong {
    font-size: 17px;
    line-height: 22px;
    color: #8fb92f;
    font-weight: 600;
    font-style: italic;
}
[data-featherlight] img {
    cursor: -webkit-pointer !important;
    cursor: -moz-pointer !important;
    cursor: pointer !important;
}
a.hvr-lnk::before {
    opacity: 1;
    content: '';
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    background-color: rgba(160,186,62,0.9);
    transition: all 0.4s ease-in-out;
    z-index: 1;
}
.portfolio-wrapper:hover a.hvr-lnk::before {
    opacity: 0;
}
.hvr-title {
    color: #fff;
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    top: 50%;
    opacity: 1;
    transition: all 0.7s ease-in-out;
    z-index: 3;
}
.portfolio-wrapper:hover .hvr-title {
    opacity: 0;
}
.portfolio-wrapper {
    background: transparent;
}
img.hvr-icon {
    position: absolute;
    display: block;
    width: 64px;
    height: 64px;
    top: 20%;
    opacity: 1;
    transition: all 0.7s ease-in-out;
    z-index: 3;
    border: none;
    left: 40%;
}
.portfolio-wrapper:hover img.hvr-icon {
    opacity: 0;
    border: none;
}
.hvr-btn {
    opacity: 0;
    display: block;
    position: absolute;
    top: 40%;
    left: 21%;
    transition: all 0.7s ease-in-out;
    z-index: 3;
    border: none;
    height: 50px;
    width: 200px;
    background-color: #a0ba3e;
    border: 1px solid #fff;
    color: #fff;
    font-size: 20px;
    text-transform: uppercase;
    border-radius: 5px;
}
.hvr-btn2 {
    display: block;
    transition: all 0.3s ease-in-out;
    z-index: 3;
    border: none;
    height: 50px;
    width: 200px;
    background-color: #fff;
    border: 1px solid #a0ba3e;
    color: #a0ba3e;
    font-size: 20px;
    text-transform: uppercase;
    border-radius: 5px;
}
.hvr-btn:hover {
    background-color: #fff;
    color: #a0ba3e;
    border: 1px solid #a0ba3e;
}
.hvr-btn2:hover {
    background-color: #2a2b2c;;
    color: #fff
    border: 1px solid #2a2b2c;
}
.hvr-btn.blacker {
    background-color: #2a2b2c;
}
.portfolio-wrapper:hover .hvr-btn {
    opacity: 1;
}
.no-padding {
    padding-left: 0;
    padding-right: 0;
}
.navigation ul li:hover, ul.scnd_menu li:hover{
    background-color: #000;
}
ul.scnd_menu li:nth-child(4):hover {
    background-color: transparent;
}
ul.scnd_menu li:nth-child(4) button:hover {
    background: #c3031e;
    color: #fff;
}
.grey-bg.col-md-12.no-padding {
    background-color: #efefef;
    padding-bottom: 25px;
}
.hover-grow {
    transition: all 0.2s ease-in-out;
}
.hover-grow:hover {
    transform: scale(1.1);
}

/*
Blog
*/

.blog-post {
    margin-bottom: 30px;
}


/* ---------------------------------
5. SINGLE POST
--------------------------------- */

.blog-area .row div[class^="col"] {
    margin-bottom: 30px;
}

.blog-area {
    text-align: center;
}

.blog-area ul {
    margin: 0;
}

.blog-area .single-post {
    position: relative;
    padding-bottom: 0px;
    overflow: hidden;
    background: #fff;
}

.blog-area .single-post .title {
    min-height: 70px;
    padding: 20px 15px;
}

body.single .avatar {
    margin-top: 0;
}

.single-post .avatar {
    margin: 0 auto;
    margin-top: -40px;
    overflow: hidden;
    z-index: 10;
    border-radius: 100px;
    position: relative;
    border: 7px solid #fff;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, .2);
}

.single-post .post-footer {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    text-align: center;
}

.single-post .post-footer>li {
    width: 33.33%;
    display: inline-block;
    border-right: 1px solid #fff;
    background: #EDF3F3;
}

.single-post .post-footer>li:first-child {
    float: left;
}

.single-post .post-footer>li:last-child {
    border: 0px;
    float: right;
}

.single-post .post-footer>li>a {
    line-height: 45px;
    width: 100%;
}

.single-post .post-footer i {
    display: inline-block;
    margin-right: 10px;
    opacity: .6;
    font-size: 1.1em;
}


/* ---------------------------------
6. NORMAL BLOG
--------------------------------- */

.post-style-1 .blog-image {
    max-height: 200px;
    overflow: hidden;
}


/* ---------------------------------
7. EXTRA BIG BLOG
--------------------------------- */

.blog-area .post-style-2 {
    padding-bottom: 0;
    text-align: left;
}

.blog-area .post-style-2 .title {
    padding: 15px 0px 20px;
}

.post-style-2 .avatar-area {
    padding: 25px 0 15px;
    position: relative;
}

.post-style-2 .avatar {
    margin: 0px;
}

.post-style-2 .avatar-area .right-area {
    margin-left: 90px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

.post-style-2 .blog-image {
    width: 50%;
    float: left;
    height: 100%;
}

.post-style-2 .blog-image img {
    height: 100%;
    width: 100%;
}

.post-style-2 .blog-info {
    width: 50%;
    float: left;
    height: 100%;
    position: relative;
    padding: 30px;
    padding-bottom: 45px;
}


/* ---------------------------------
8. EXTRA MEDIUM BLOG
--------------------------------- */

.post-style-2.post-style-3 .blog-info {
    width: 100%;
    float: none;
}


/* ---------------------------------
9. EXTRA SMALL BLOG
--------------------------------- */

.blog-area .post-style-4 {
    margin-bottom: 30px;
}

.display-table .display-table-cell.title {
    padding: 30px;
}

.load-more-btn {
    padding: 15px 40px;
    margin: 10px 0 30px;
    transition: all .3s;
    box-shadow: 0px 0px 2px rgba(0, 0, 0, .4);
    background: #C3D8F5;
}

.load-more-btn:hover {
    transform: translateY(-2px);
    box-shadow: 5px 10px 20px rgba(0, 0, 0, .3);
}


/* ---------------------------------
5. BLOG POST
--------------------------------- */

.post-area .post-info {
    position: relative;
    padding: 30px 0;
}

.post-area .post-info .left-area {
    height: 70px;
    width: 70px;
    border-radius: 100px;
    overflow: hidden;
    position: absolute;
    top: 50%;
    margin-top: -35px;
    border: 6px solid #fff;
    box-shadow: 0px 0px 5px rgba(0, 0, 0, .3);
}

.post-area .post-info .middle-area {
    padding-left: 90px;
    display: inline-block;
}

.post-area .post-info .date {
    display: inline-block;
    color: #999;
}

.post-area .post-info .right-area {
    float: right;
}


/* ---------------------------------
6. MAIN POST ( LEF AREA )
--------------------------------- */

.main-post {
    border-right: 1px solid #ddd;
}

.main-post .blog-post-inner {
    padding-right: 30px;
}

.main-post .title {
    margin-bottom: 30px;
}

.main-post .para {
    margin: 30px 0;
}

.main-post ul.tags {
    margin: 30px 0;
    list-style: none;
}

.main-post ul.tags>li>a {
    padding: 7px 10px;
    margin-bottom: 10px;
    margin-right: 10px;
    float: left;
    border: 1px solid #ddd;
    background: #ddd;
}

.main-post ul.tags>li>a:hover {
    background: none;
}


/* ICONS */

.main-post .post-icons-area {
    margin: 30px 0;
    padding: 30px 30px 30px 0;
    overflow: hidden;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}

.main-post ul.post-icons {
    float: left;
    margin-left: 0
}

.main-post ul.post-icons>li {
    display: inline;
}

.main-post ul.post-icons>li>a {
    padding-right: 15px;
}

.main-post ul.post-icons>li>a>i {
    padding-right: 10px;
    font-size: 1.1em;
    opacity: .5;
}

.main-post ul.icons {
    float: right;
    list-style: none;
}

.main-post ul.icons>li {
    display: inline;
}

.main-post ul.icons>li>a>i {
    padding-left: 15px;
    font-size: 1.1em;
    opacity: .5;
}


/* POST FOOTER */

.main-post .post-footer.post-info {
    margin-top: 30px;
    padding-right: 30px;
}

.main-post .post-footer {
    margin-bottom: 30px;
}


/* ---------------------------------
7. SIDEBAR AREA
--------------------------------- */

.info-area .sidebar-area {
    padding: 0 30px 30px;
    margin: 0 0 30px;
    border-bottom: 1px solid #eee;
}


/* ABOUT AREA */

.info-area .title {
    padding: 0;
    margin-bottom: 20px;
}


/* SUBSCRIBE AREA */

.info-area .input-area {
    position: relative;
    height: 50px;
    width: 100%;
    box-shadow: 0px 0px 1px #bbb;
    background: #F5F7F6;
}

.info-area .input-area .email-input {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    padding: 0 70px 0 20px;
    background: transparent;
    border: 0;
    outline: 0;
}

.info-area .input-area .email-input:focus {
    box-shadow: 0px 0px 1px #aaa;
}

.info-area .input-area .submit-btn {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    width: 50px;
    background: none;
    border: 0;
    outline: 0;
    margin-right: 10px;
    opacity: .8;
    cursor: pointer;
    transition: all .2s;
}


/* TAG AREA */

.info-area .tag-area {
    padding: 0 30px;
}

.tag-area>ul>li>a {
    padding: 7px 12px;
    float: left;
    margin: 0 5px 5px 0;
    border: 1px solid #eee;
    background: #F5F6F8;
}

.tag-area>ul>li>a:hover {
    background: none;
}

.page-item.active .page-link {
    z-index: 2;
    color: #fff;
    background-color: #d2dc60;
    border-color: #d2dc60;
}


/*
Widgets
*/

h2.widget-title {
    text-transform: uppercase;
    font-size: 1.6em;
}

.tagcloud {
    margin-top: 15px;
    list-style: none;
}

.tagcloud a {
    padding: 7px 10px;
    margin-bottom: 10px;
    margin-right: 10px;
    float: left;
    border: 1px solid #ddd;
    background: #ddd;
}

.tagcloud a:hover {
    background: none;
    color: #000;
}

.widget {
    border-bottom: 1px solid #ddd;
    padding-bottom: 30px;
}

.card {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid rgba(0, 0, 0, 0.125);
    border-radius: 0.25rem;
}

.card>hr {
    margin-right: 0;
    margin-left: 0;
}

.card>.list-group:first-child .list-group-item:first-child {
    border-top-left-radius: 0.25rem;
    border-top-right-radius: 0.25rem;
}

.card>.list-group:last-child .list-group-item:last-child {
    border-bottom-right-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem;
}

.card-body {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 1.25rem;
}

.card-title {
    margin-bottom: 0.75rem;
}

.card-subtitle {
    margin-top: -0.375rem;
    margin-bottom: 0;
}

.card-text:last-child {
    margin-bottom: 0;
}

.card-link:hover {
    text-decoration: none;
}

.card-link+.card-link {
    margin-left: 1.25rem;
}

.card-header {
    padding: 0.75rem 1.25rem;
    margin-bottom: 0;
    background-color: rgba(0, 0, 0, 0.03);
    border-bottom: 1px solid rgba(0, 0, 0, 0.125);
}

.card-header:first-child {
    border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0;
}

.card-header+.list-group .list-group-item:first-child {
    border-top: 0;
}

.card-footer {
    padding: 0.75rem 1.25rem;
    background-color: rgba(0, 0, 0, 0.03);
    border-top: 1px solid rgba(0, 0, 0, 0.125);
}

.card-footer:last-child {
    border-radius: 0 0 calc(0.25rem - 1px) calc(0.25rem - 1px);
}

.card-header-tabs {
    margin-right: -0.625rem;
    margin-bottom: -0.75rem;
    margin-left: -0.625rem;
    border-bottom: 0;
}

.card-header-pills {
    margin-right: -0.625rem;
    margin-left: -0.625rem;
}

.card-img-overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 1.25rem;
}

.card-img {
    width: 100%;
    border-radius: calc(0.25rem - 1px);
}

.card-img-top {
    width: 100%;
    border-top-left-radius: calc(0.25rem - 1px);
    border-top-right-radius: calc(0.25rem - 1px);
}

.card-img-bottom {
    width: 100%;
    border-bottom-right-radius: calc(0.25rem - 1px);
    border-bottom-left-radius: calc(0.25rem - 1px);
}

.card-deck {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
}

.card-deck .card {
    margin-bottom: 15px;
}

@media (min-width: 576px) {
    .card-deck {
        -ms-flex-flow: row wrap;
        flex-flow: row wrap;
        margin-right: -15px;
        margin-left: -15px;
    }
    .card-deck .card {
        display: -ms-flexbox;
        display: flex;
        -ms-flex: 1 0 0%;
        flex: 1 0 0%;
        -ms-flex-direction: column;
        flex-direction: column;
        margin-right: 15px;
        margin-bottom: 0;
        margin-left: 15px;
    }
}

.card-group {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
}

.card-group .card {
    margin-bottom: 15px;
}

@media (min-width: 576px) {
    .card-group {
        -ms-flex-flow: row wrap;
        flex-flow: row wrap;
    }
    .card-group .card {
        -ms-flex: 1 0 0%;
        flex: 1 0 0%;
        margin-bottom: 0;
    }
    .card-group .card+.card {
        margin-left: 0;
        border-left: 0;
    }
    .card-group .card:first-child {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
    }
    .card-group .card:first-child .card-img-top {
        border-top-right-radius: 0;
    }
    .card-group .card:first-child .card-img-bottom {
        border-bottom-right-radius: 0;
    }
    .card-group .card:last-child {
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
    }
    .card-group .card:last-child .card-img-top {
        border-top-left-radius: 0;
    }
    .card-group .card:last-child .card-img-bottom {
        border-bottom-left-radius: 0;
    }
    .card-group .card:only-child {
        border-radius: 0.25rem;
    }
    .card-group .card:only-child .card-img-top {
        border-top-left-radius: 0.25rem;
        border-top-right-radius: 0.25rem;
    }
    .card-group .card:only-child .card-img-bottom {
        border-bottom-right-radius: 0.25rem;
        border-bottom-left-radius: 0.25rem;
    }
    .card-group .card:not(:first-child):not(:last-child):not(:only-child) {
        border-radius: 0;
    }
    .card-group .card:not(:first-child):not(:last-child):not(:only-child) .card-img-top,
    .card-group .card:not(:first-child):not(:last-child):not(:only-child) .card-img-bottom {
        border-radius: 0;
    }
}

.card-columns .card {
    margin-bottom: 0.75rem;
}

@media (min-width: 576px) {
    .card-columns {
        -webkit-column-count: 3;
        column-count: 3;
        -webkit-column-gap: 1.25rem;
        column-gap: 1.25rem;
    }
    .card-columns .card {
        display: inline-block;
        width: 100%;
    }
}

.h-100 {
    height: 100% !important;
}

.bx-wrapper {
    padding: 0px;
}

body.archive h2 {
    margin: 20px 0px;
}

.container {
	position:relative;
}

@media (min-width:769px) {
	.header_info_box {
        width: 200px;
    text-align: center;
    position: absolute;
    z-index: 999;
    border-radius: 30px;
    top: 140px;
    left: 205px;
    padding: 10px;
    font-size: 16px;
    background: #7f44de;
	border-bottom: 5px solid #a626bd;
    font-family: 'Unica One', cursive;
	color:white;
	animation: colorchange 1s infinite; /* animation-name followed by duration in seconds*/
	/* you could also use milliseconds (ms) or something like 2.5s */
	-webkit-animation: colorchange 1s infinite; /* Chrome and Safari */
}
.header_about_box {
    width: auto;
    text-align: center;
    position: absolute;
    z-index: 999;
    border-radius: 30px;
    top: 73px;
    left: 300px;
    padding: 10px;
    font-size: 18px;
    color: white;
    font-family: 'Unica One', cursive;
	background: rgba(53, 53, 54, 0.87);
    background: rgba(53, 53, 54, 0.87);border-bottom: 5px solid #1f1f20;
}
}
@media (max-width:768px) {
	.header_info_box {
    width: 100px;
    text-align: center;
    position: absolute;
    z-index: 999;
    border-radius: 30px;
    top: 0;
    left: 0;
    padding: 5px;
    font-size: 12px;
    font-family: 'Unica One', cursive;
		color:white;
		animation: colorchange 1s infinite; /* animation-name followed by duration in seconds*/
	/* you could also use milliseconds (ms) or something like 2.5s */
	-webkit-animation: colorchange 1s infinite; /* Chrome and Safari */
	}
	.header_about_box {
    width: auto;
    text-align: center;
    position: absolute;
    background: rgba(53, 53, 54, 0.87);
    background: rgba(53, 53, 54, 0.87);border-bottom: 5px solid #1f1f20;
    z-index: 999;
    border-radius: 30px;
    top: 123px;
    left: 0;
    right: 0;
    display: block;
    margin: 0 auto;
    padding: 3px 10px;
    font-size: 12px;
    border-bottom: 5px solid #1f1f20;
    color: white;
    font-family: 'Unica One', cursive;
}
}

    @keyframes colorchange
    {
      0%   {background: #7f44de;border-bottom: 5px solid #a626bd;}
      100%  {background: #de44af;border-bottom: 5px solid #bd2688;}

    }

    @-webkit-keyframes colorchange /* Safari and Chrome - necessary duplicate */
    {
      0%   {background: #7f44de;border-bottom: 5px solid #a626bd;}
      100%  {background: #de44af;border-bottom: 5px solid #bd2688;}

    }

    /*** WOOCOMMERCE ***/

    .woocommerce.single-product .site-main.shop {
      margin-top: 30px;
    }

    .woocommerce.single-product h1.product_title.entry-title {
      margin-bottom: 20px;
    }

    .woocommerce div.product form.cart .variations label {
      font-size: 16px;
      font-weight: 600;
      color: #494949;
    }

    #tab-description h2:first-child {
    display: none;
    }

    #tab-additional_information h2:first-child {
    display: none;
    }

    .archive.woocommerce div.product span.price {
      padding-bottom: 20px;
    }

    .woocommerce.single-product .woocommerce-variation-price {
      margin-bottom: 20px;
    }

    .woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
      text-align: center;
    }

    .woocommerce ul.products li.product .woocommerce-loop-product__title {
      font-size: 1.3em;
      line-height: 1.4em;
    }

    .woocommerce ul.products li.product .price {
      font-size: 1.2em;
    }

    .woocommerce .related.products h2{
      margin-bottom: 20px;
    }

    .woocommerce a.added_to_cart {
      padding: 0px 15px;
      color: #494949;
      font-weight: 600;
    }

    .woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover {
    background-color: #DBDF66;
    color: #333;
    transition: all 0.3s;
    }

    .woocommerce .product_meta a {
      color: #494949;
    }

    .woocommerce .product_meta a:hover {
      color: #CFDD45;
    }

    .woocommerce button.button.alt.disabled {
      background-color: #d8dbb8;
    }

    .woocommerce button.button.alt.disabled:hover {
      background-color: #d8dbb8;
    }

/*** Revolut ***/

#payment > ul > li > label {
	display: initial;
}

.bx-controls {
	display: none !important;
}