/*!
Theme Name: younoia-design
Theme URI: http://underscores.me/
Author: Underscores.me
Author URI: http://underscores.me/
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: younoia-design
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

younoia-design is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Generic
	- Normalize
	- Box sizing
# Base
	- Typography
	- Elements
	- Links
	- Forms
## Layouts
# Components
	- Navigation
	- Posts and pages
	- Comments
	- Widgets
	- Media
	- Captions
	- Galleries
# plugins
	- Jetpack infinite scroll
# Utilities
	- Accessibility
	- Alignments

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

/*--------------------------------------------------------------
# Generic
--------------------------------------------------------------*/

/* Normalize
--------------------------------------------- */

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* Document
	 ========================================================================== */


body{
	padding: 0;
	margin: 0; 
}
*{
	padding: 0;
	margin: 0  
}
main{
    padding: 27px 0px;
}
.green-color{
    color: #06b36b;
}
.bg-dark {
    background-color: #121213!important;
}
.f-right{
	float: right;
}
.btn-web {
    border: 1px solid #1f1f1e;
    color: #000000;
    font-weight: 600;
}
.btn-web1 {
    border: 1px solid #fff;
    color: #fff;
    font-weight: 600;
}
.btn-web1:hover {
    color: #ccc;
}
.title:after {
	content: '';
    border-top: 2px solid #f7e672;
    width: 18%;
    position: absolute;
    top: 46px;
    left: 263px;
}
/*header top*/
.site-branding img {
    width: 44%;
    height: auto;
}
.animation_area .panel-grid-cell{
    width: calc(50% - ( 0.5 * -30px ) ) !important;
}
.header-top{
	width: 100%;
	height: auto;
	padding: 4px 15px;
    background: #e4e1e1;
}
/*end of header top*/

.txt-dark{
    color: #000;
}
.popup-model-body{
    background-color: #adadad;
    border-radius: 8px;
}
div#navbarText ul li {
    display: inline;
    padding-left: 17px;
}

div#navbarText li a {
    color: #ccc;
}
ul#menu-menu-main {
    float: right;
}

li.current_page_item a {
    color: #f9c634 !important;
}
/*menubar*/
nav{
    z-index: 999;
}
.navbar-dark .navbar-nav .nav-link.active, .navbar-dark .navbar-nav .show>.nav-link {
    color: #f7e672;
}
@media (min-width: 992px){
    .navbar-expand-lg .navbar-collapse {
        display: contents !important;
        flex-basis: auto;
    }

}
/*end of menubar*/

/*slider*/
.carousel-caption {
    margin: auto 83px;
    position: absolute;
    right: 15%;
    bottom: -74px !important;
    left: 15%;
    line-height: 29px;
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
    color: #fff;
    /* padding-left: 148px; */
    text-align: center;
    background: rgba(0, 0, 0, .8);
    border-radius: 8px;
    padding-right: 20px !important;
    padding-left: 20px !important;
}
/*end of slider*/
/*box*/
.box{
    width: 100%;
    height: auto;
    text-align: center;
    padding: 23px 0; 
}
.box h3{
    font-size: 32px;
}
.box .fa{
    font-size: 34px;
    margin-bottom: 2px;
}
.box-bg-color{
    background-color: #fff;
}
/*end of box*/

/*home tab*/
.home-tab{
    background: url("../img/tab-bg.jpg");
    background-size: cover;
    margin-top: 40px;
    padding: 13px 0; 
}
.home-tab .home-tab-title{
    text-align: center;
    color: #fff;
}
.home-tab nav > .nav.nav-tabs{
 margin-top: 15px;
 border: none;
 color:#fff;
 background:#121213!important;
 border-radius:0;

}
.home-tab nav > div a.nav-item.nav-link,
.home-tab nav > div a.nav-item.nav-link.active
{
  border: none;
  padding: 18px 25px;
  color:#f7e672;
  font-weight: bold;
  background:#121213!important;
  border-radius:0;
}

.home-tab nav > div a.nav-item.nav-link.active:after
{
  content: "";
  position: relative;
  bottom: -60px;
  left: -29%;
  border: 15px solid transparent;
  border-top-color: #d4c141 ;
}
.tab-content{
  background: #fdfdfd;
  line-height: 25px;
  border: 1px solid #ddd;
  border-top: 5px solid #f7e672;
  border-bottom: 5px solid #f7e672;
  padding:22px 25px !important;
}

.home-tab nav > div a.nav-item.nav-link:hover,
.home-tab nav > div a.nav-item.nav-link:focus
{
  border: none;
  background: #e74c3c;
  color:#fff;
  border-radius:0;
  transition:background 0.20s linear;
}
/*end of home tab*/

/*home blog*/
.home-blog{
    margin-top: 40px;
}
.single-blog-img {
    overflow: hidden;
}

.single-blog-img a img {
    width: 100%;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}

.single-blog:hover .single-blog-img a img {
    -webkit-transform: scale(1.09);
    -moz-transform: scale(1.09);
    -ms-transform: scale(1.09);
    -o-transform: scale(1.09);
    transform: scale(1.09);
}
.single-blog-img img {
    width: 100%;
}

.blog-content-box {
    padding-left: 25px;
    padding-top: 27px;
    /*margin-left: 34px;*/
    -webkit-transform: translateY(-30px);
    -moz-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    -o-transform: translateY(-30px);
    transform: translateY(-30px);
    background: #fff;
    padding-bottom: 30px;
}
.blog-post-date {
    display: table;
    float: left;
    margin-right: 30px;
}
.blog-post-date span:first-child {
    color: #ffca00;
    display: block;
    font-size: 48px;
    font-weight: 700;
    line-height: 1;
    margin-top: -11px;
    margin-bottom: -4px;
    text-align: center;
}
.blog-post-date span:last-child {
    font-size: 14px;
    color: #212121;
    font-weight: 600;
}
.blog-content {
    display: table;
}
.blog-content h4 {
    color: #212121;
}
.blog-content h4 a {
    color: #212121;
    text-decoration: none;
    -webkit-transition: .2s;
    transition: .2s;
}
.blog-content h4 a:hover {
    color: #FFCA00;
}
.meta-post {
    margin: 10px 0 13px;
}
.meta-post span {
    color: #696969;
    font-size: 15px;
    position: relative;
    padding-right: 23px;
}
.author {
    margin-bottom: 60px;
}
.meta-post span a {
    color: #696969;
    -webkit-transition: .2s;
    transition: .2s;
}

.meta-post span:after {
    position: absolute;
    content: "-";
    right: 4px;
}
:after, :before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.meta-post span:last-child {
    padding-right: 0;
}

.exerpt {
    /*line-height: 28px;*/
    color: #696969;
    margin-bottom: 10px;
}
/*end of home blog*/
/*values*/
.values-bg{
    background-color: #f9f9f9;
    padding: 12px 0px;
}
.values{
    background: #f9f9f9;
    min-height: 125px;
    /*margin: 7px 0;*/
    padding: 12px;
    border-radius: 5px;
    transition: 0.5s;
    /*-moz-box-shadow:    inset 0 0 10px #ccc;
   -webkit-box-shadow: inset 0 0 10px #ccc;
   box-shadow:         inset 0 0 10px #ccc;*/
}
.values:hover{
    /*border: 1px solid #ccc;*/
}
.values img{
    margin-bottom: 0;
    width: 15%;

}
.values .fa {
    font-size: 37px;
}
/*end of values*/
/*inner-banner*/
.inner-banner{
    background: url(https://images.pexels.com/photos/1546166/pexels-photo-1546166.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=750&w=1260);
    padding: 120px;
    background-size: cover !important;
}
/*end of inner-banner*/
/*popup form*/
.popup-form{
    background-color: #424343 !important;
    padding: 50px 0px;
}
.popup-form  label{
    color: #fff !important;
}

.popup-form h4{
    color: #fff;
}
/*end of popup form*/
/*partner*/
.home-partner{
    margin-top: 40px;
}
.slick-slide {
    margin: 0px 20px;
}

.slick-slide img {
    width: 100%;
}

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

.slick-list
{
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

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

.slick-track
{
    position: relative;
    top: 0;
    left: 0;
    display: block;
}
.slick-track:before,
.slick-track:after
{
    display: table;
    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;
    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;
    height: auto;
    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}
/*end of partner*/

/*sticky button*/
button.popup-btn {
    top: 259px;
    position: fixed;
    right: -99px;
    z-index: 1000;
    transform: rotate( 
90deg
 );
    background-color: red;
    padding: 10px 20px 35px;
    height: 0px;
    background-color: #000;
    color: #fff;
}
button.popup-btn:hover{
    text-decoration: none;
    color:#fff;
}
button.popup-btn{
    top: 272px;
    position: fixed;
    right: -99px;
    z-index: 1000;
    transform: rotate(
-90deg
);
    background-color: red;
    padding: 10px 20px 35px;
    height: 0px;
    background-color: #000;
    color: #fff;
}
.popup-btn a:hover{
    text-decoration: none;
    color:#fff;
}
.form-part{
    padding: 20px 0px;
}
.modal-header{
    padding:10px 0px !important;
}
.modal {
    display: none; 
    position: fixed;
    z-index: 1 !important; 
    left: 0;
    top: 0;
    width: 100%; 
    height: 100%;
    overflow: auto;
    background-color: rgb(0,0,0);
    background-color: rgba(0,0,0,0.4);
    padding-top: 60px;
}
.modal-content {
    background-color: #fefefe;
    margin: 5% auto 15% auto;
    width: 80%;
    padding: 20px;
    border:3px solid #000 !important;
}
.close {
    position: absolute;
    right:10px;
    top:8px;
    font-size: 35px;
    font-weight: bold;
    border-radius: 50%;
    height: 30px;
    width: 30px;
    text-align: center;
}
.close:hover,
.close:focus {
    cursor: pointer;
}
#id01{
    z-index: 99999 !important;
}
.animate {
    -webkit-animation: animatezoom 0.6s;
    animation: animatezoom 0.6s
}
@-webkit-keyframes animatezoom {
    from {-webkit-transform: scale(0)} 
    to {-webkit-transform: scale(1)}
}
@keyframes animatezoom {
    from {transform: scale(0)} 
    to {transform: scale(1)}
}


.icon-bar {
  position: fixed;
  top: 47%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: 99;
}

.icon-bar a {
  display: block;
  text-align: center;
  padding: 16px;
  transition: all 0.3s ease;
  color: white;
  font-size: 20px;
}

.icon-bar a:hover {
  background-color: #000;
}

.facebook {
  background: #3B5998;
  color: white;
}

.twitter {
  background: #55ACEE;
  color: white;
}


.linkedin {
  background: #007bb5;
  color: white;
}

.youtube {
  background: #bb0000;
  color: white;
}
.chat{
    position: fixed;
    z-index: 99;
    right: 9px;
    bottom: 11px;
}
.chat img{
    width: 81px;
}

/*end of sticky button*/
/*about Note*/
.about-quote{
    padding: 33px 15px;
}
.color-box {
    /*margin: 15px 0;*/
    padding-left: 20px;
}
.shadow {
    background: #F7F8F9;
    padding: 3px;
    margin: 10px 0;
}
.tip-icon {
    background: #92CD59;
}
.info-tab {
    display: inline-block;
    position: relative;
    top: 8px;
    padding: 7px 14px;
    color: #fff;
}
.info-tab {
    float: left;
    margin-left: -23px;
}
.tip-box {
    color: #121312;
    background: #d5efc2;
}
.note-box, .warning-box, .tip-box {
    padding: 20px 8px 21px 26px;
    margin-bottom: -14px;
}

/*end of about Note*/
/*timeline*/
.timeline {
  list-style: none;
  padding: 20px 0 20px;
  position: relative;
}

.timeline:before {
  top: 0;
  bottom: 0;
  position: absolute;
  content: " ";
  width: 3px;
  background-color: #eeeeee;
  left: 50%;
  margin-left: -1.5px;
}

.timeline > li {
  margin-bottom: 20px;
  position: relative;
}

.timeline > li:before,
.timeline > li:after {
  content: " ";
  display: table;
}

.timeline > li:after {
  clear: both;
}

.timeline > li:before,
.timeline > li:after {
  content: " ";
  display: table;
}

.timeline > li:after {
  clear: both;
}

.timeline > li > .timeline-panel {
  width: 46%;
  float: left;
  border: 1px solid #d4d4d4;
  border-radius: 2px;
  padding: 20px;
  position: relative;
  -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175);
  box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175);
}

.timeline > li > .timeline-panel:before {
  position: absolute;
  top: 26px;
  right: -15px;
  display: inline-block;
  border-top: 15px solid transparent;
  border-left: 15px solid #ccc;
  border-right: 0 solid #ccc;
  border-bottom: 15px solid transparent;
  content: " ";
}

.timeline > li > .timeline-panel:after {
  position: absolute;
  top: 27px;
  right: -14px;
  display: inline-block;
  border-top: 14px solid transparent;
  border-left: 14px solid #fff;
  border-right: 0 solid #fff;
  border-bottom: 14px solid transparent;
  content: " ";
}

.timeline > li > .timeline-badge {
  color: #fff;
  width: 50px;
  height: 50px;
  line-height: 50px;
  font-size: 1.4em;
  text-align: center;
  position: absolute;
  top: 16px;
  left: 50%;
  margin-left: -25px;
  background-color: #999999;
  z-index: 100;
  border-top-right-radius: 50%;
  border-top-left-radius: 50%;
  border-bottom-right-radius: 50%;
  border-bottom-left-radius: 50%;
}

.timeline > li.timeline-inverted > .timeline-panel {
  float: right;
}

.timeline > li.timeline-inverted > .timeline-panel:before {
  border-left-width: 0;
  border-right-width: 15px;
  left: -15px;
  right: auto;
}

.timeline > li.timeline-inverted > .timeline-panel:after {
  border-left-width: 0;
  border-right-width: 14px;
  left: -14px;
  right: auto;
}

.timeline-badge.primary {
  background-color: #2e6da4 !important;
}

.timeline-badge.success {
  background-color: #3f903f !important;
}

.timeline-badge.warning {
  background-color: #f0ad4e !important;
}

.timeline-badge.danger {
  background-color: #d9534f !important;
}

.timeline-badge.info {
  background-color: #5bc0de !important;
}

.timeline-title {
  margin-top: 0;
  color: inherit;
}

.timeline-body > p,
.timeline-body > ul {
  margin-bottom: 0;
}

.timeline-body > p + p {
  margin-top: 5px;
}
/*end of timeline*/

/*start Form*/
.md-form input.wpcf7-form-control {
    width: 100%;
    padding: 7px;
    border-radius: 3px;
    border: none;
}

.md-form textarea.wpcf7-form-control.wpcf7-textarea {
    width: 100%;
    padding: 7px;
    height: 150px;
    border: none;
    border-radius: 3px;
}
label.ns {
    margin-top: 20px;
}
.morebtn {
    text-align: center;
}

a.btn.btn-web {
    color: #212529;
    text-decoration: none;
    border: 1px solid #212529;
    font-weight: bold;
}

input.wpcf7-form-control.wpcf7-submit {
    border: 1px solid #fff;
    color: #fff;
    font-weight: 600;
    background: transparent;
    padding: 8px;
    border-radius: 6px;
}
/*end of form*/
/*footer*/
footer{
    padding: 15px 0px 0px;
    /*margin-top: 12px;*/
    background: #e4e1e1;
}
footer ul li a{
    color: #000;
}
dl{
    margin-bottom: 0 !important;
} 
/*end footer*/

/* end custom css*/

.bar {
    background: #f7e672;
    height: 2px;
    width: 20%;
    text-align: center;
    margin: 0 auto;
    margin-top: 10px;
    margin-bottom:10px;
}
h5.title {
    font-size: 20px !important;
}
.contactPagee input.wpcf7-form-control.wpcf7-text {
    width: 100%;
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}


.contactPagee textarea.wpcf7-form-control.wpcf7-textarea {
    width: 100%;
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da !important;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    height: 147px !important;
}

.contactPagee select.wpcf7-form-control.wpcf7-select {
    width: 100%;
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da !important;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.contactPagee input.wpcf7-form-control.wpcf7-submit {
    border: 1px solid #1f1f1e;
    color: #000000;
    font-weight: 600;
}
.inner-banner h1 {
    color: #fff;
    font-weight: bold;
}
ul#menu-footer-menu {
    list-style: none;
}

ul#menu-footer-menu li {
    line-height: 30px;
}
.CM .modal-body {
    margin-top: -4px;
    padding-top: 0px;
    padding: 0px;
}

.CM button.close {
    padding-left: -3px !important;
}

.CM button.close {
    margin-left: 4px !important;
    font-size: 32px;
    position: absolute;
    right: 24px;
    top: -2px;
    /* background: red; */
}
.CM .modal-dialog {
    max-width: 80% !important;
}

.modal.fade.bs-example-modal-new.CM.show {
    z-index: 9999 !important;
}

.CM .modal-header {
    margin-bottom: -9px !important;
}

@media (max-width: 768px){
    .header-top {
    font-size: 14px;
}
    
}
@media (max-width: 468px){
    .dsd{
    display: contents;
}
    .animation_area .panel-grid-cell{
    width: 100%!important;
}
.CM .modal-dialog {
    max-width: 100% !important;
}
div#navbarText ul li {
    padding-left: 0px;
    padding-top: 13px;
}
ul#menu-menu-main {
    float: left;
}
.inner-banner {
    padding-left: 10px;
    padding-right: 10px;
}
}