/*
Theme Name: CW-Institute
Theme URI: https://wordpress.org/themes/customapps/
Author: Nizam Uddin
Author URI: https://facebook.com/nizamt2
Description: Custom Apps brings your site to life with header video and immersive featured images. With a focus on business sites, it features multiple sections on the front page as well as widgets, navigation and social menus, a logo, and more. Personalize its asymmetrical grid with a custom color scheme and showcase your multimedia content with post formats. Our default theme for 2017 works great in many languages, for any abilities, and on any device.
Version: 2.3
Requires at least: 4.7
Requires PHP: 5.2.4
License: GNU General Public License v2 or later
License URI: 
Text Domain: nabannamart
Tags: one-column, two-columns, right-sidebar, flexible-header, accessibility-ready, custom-colors, custom-header, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, post-formats, rtl-language-support, sticky-post, theme-options, 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 with others.
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
1.0 Normalize
2.0 Accessibility
3.0 Alignments
4.0 Clearings
5.0 Typography
6.0 Forms
7.0 Formatting
8.0 Lists
9.0 Tables
10.0 Links
11.0 Featured Image Hover
12.0 Navigation
13.0 Layout
   13.1 Header
   13.2 Front Page
   13.3 Regular Content
   13.4 Posts
   13.5 Pages
   13.6 Footer
14.0 Comments
15.0 Widgets
16.0 Media
   16.1 Galleries
17.0 Customizer
18.0 SVGs Fallbacks
19.0 Media Queries
20.0 Print
--------------------------------------------------------------*/

/*--------------------------------------------------------------
1.0 Normalize
Styles based on Normalize v5.0.0 @link https://github.com/necolas/normalize.css
--------------------------------------------------------------*/

html {
    font-family: sans-serif;
    line-height: 1.15;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
}

:root {}

body {
    margin: 0;
    padding: 0;
    outline: 0;
}

ul,
ol,
li {
    list-style: none;
    list-style-type: none;
    padding: 0;
    margin: 0;
}

.single-page-section ul,
.single-page-section ol,
.single-page-section li,
.archive-page ul,
.archive-page ol,
.archive-page li,
.page-section ul,
.page-section ul ol,
.page-section ul li,
.entry-content ul,
.entry-content ul ol,
.entry-content ul li {
    list-style: auto;
    list-style-type: disc;
    margin: 0;
}

.archive-page ul,
.single-page-section ul,
.entry-content ul,
.page-section ul {
    padding-left: 40px;
}

img {
    max-width: 100%;
    border: 0;
    vertical-align: middle;
    text-align: center;
}

a {
    text-decoration: none;
}

a:hover {
    /* color: #0056b3; */
    text-decoration: none;
}

.section-box {
    background-color: #fff;
    max-width: 1225px;
    box-shadow: 0 0 12px #dedede;
    margin: auto;
}

.main-section {
    background: #f6f6f6;
}

.cw-flex {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    align-items: center;
}

.cw-flex-lr {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.cw-flex-c {
    display: flex;
    align-items: center;
    justify-content: center;
}

.cw-flex-end {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.cw-flex-start {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

a,
button {
    transition: all ease-in-out 0.4s;
    -webkit-transition: all ease-in-out 0.4s;
    -moz-transition: all ease-in-out 0.4s;
    -ms-transition: all ease-in-out 0.4s;
    -o-transition: all ease-in-out 0.4s;
}

.ahk_btn {
    padding: 8px 25px;
    border-radius: 30px;
    background: #ed2728;
    color: #fff;
    min-width: 250px;
    font-size: 18px;
    text-align: center;
}
span.required {
    color: red;
    font-weight: 600;
}
/*-----------------------------------------------------------------------------
13.2 site menu
------------------------------------------------------------------------------*/
.site-menu {
    background: #fff;
    box-shadow: 0 0 20px rgb(221 221 221 / 59%);
    transition: all linear .4s;
    margin: 10px 0;
}

#site-navigation {
    width: 100%;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.main-navigation>ul>li {
    float: left;
    position: relative;
    list-style: none;
}

.main-navigation>ul>li>a:hover,
.main-navigation>ul>li>a:focus {
    color: var(--ah-1st-color) !important;
    /*background-color: #000;*/
}

.main-navigation ul li {
    transition: 0.4s;
    position: relative;
}

/* .main-navigation > ul > li:first-child {border-left:1px solid #d8190a;;} */
.main-navigation>ul>li {
    text-transform: uppercase;
}

.main-navigation ul li a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: #333;
}

/*.main-navigation > ul > li > a {*/
/*    font-size: 15px;*/
/*    padding-top: 10px;*/
/*    padding-bottom: 10px;*/
/*    padding-left: 8px;*/
/*    padding-right: 8px;*/
/*    line-height: 1.3;*/
/*    background-image: none;*/
/*    background-color: transparent;*/
/*    font-family: roboto;*/
/*}*/

.main-navigation>ul>li>a {
    color: #000;
    text-transform: capitalize;
    font-size: 19px;
    font-weight: 400;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -o-transition: all linear .3s;
    position: relative;
    line-height: 60px;
    padding: 0.5rem 1rem;
    border-top: 3px solid transparent;
    border-bottom: 3px solid transparent;

}

/* .main-navigation ul .menu-item-has-children:hover > .sub-menu{
   display: block;
} */
.main-navigation ul li.menu-item-has-children:hover>ul.sub-menu {
    display: block;
    transition: 0.3s;
    -webkit-animation-name: slideInUp;
    animation-name: slideInUp;
    -webkit-animation-duration: 0.3s;
    animation-duration: 0.3s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

/* .main-navigation ul li:hover>.sub-menu {
    display: block;
    top: 100%;
} */
/* .main-navigation ul li:hover,  */
.main-navigation ul>.current-menu-item {
    /*background-color: var(--ah-2nd-color);*/
}

.main-navigation ul li a:hover .sub-menu>li>a:before {
    background-color: var(--ah-1st-color);
}

.main-navigation ul li a:hover,
.main-navigation ul>.current-menu-item>a {
    /*background-color: var(--ah-2nd-color);*/
    color: var(--ah-1st-color) !important;
}

.main-navigation>ul>li>a:hover,
.main-navigation ul>.current-menu-item>a {
    color: var(--ah-1st-color);
    border-top: 3px solid var(--ah-3rd-color);
}

.main-navigation ul.sub-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 250px;
    padding: 15px;
    font-size: 14px;
    text-align: left;
    list-style: none;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
}

.main-navigation ul ul ul,
.main-navigation ul ul ul ul {
    position: absolute;
    top: 0 !important;
    left: 100% !important;
}

.main-navigation .sub-menu>li>a {
    display: block;
    color: #444;
    font-size: 18px;
    font-weight: 400;
    position: relative;
    text-transform: capitalize;
    position: relative;
    padding-left: 25px;
}

.main-navigation .sub-menu>li>a:before {
    position: absolute;
    content: '';
    width: 10px;
    height: 10px;
    background: #ddd;
    border-radius: 50%;
    left: 0;
    top: 8px;
    -webkit-transition: all linear .4s;
    -moz-transition: all linear .4s;
    -ms-transition: all linear .4s;
    -o-transition: all linear .4s;
    transition: all linear .4s;

}

.main-navigation .sub-menu li .ah-icon i {
    transform: rotate(90deg);
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
}

span.screen-reader-text {
    display: none;
}

.dropdown-toggle::after {
    display: none;

}

#site-navigation span.ah-icon i {
    padding-left: 4px;
    font-size: inherit;
    color: inherit;
}

/*-----------------------------------------------------------------------------
 page-common css
------------------------------------------------------------------------------*/
.post-info {
    padding: 10px;
    text-align: left;
}

.entry-title {
    color: #000;
    margin-top: 5px;
    margin-bottom: 5px;
    text-align: left;
}

.entry-title a {
    color: #000;
}

.summery {
    color: #333;
    word-wrap: break-word;
    font-size: 16px;
    text-align: left;
}

.entry-content img,
.entry-content p img {
    margin-bottom: 15px;
}
.section-header,
.page-sub-title {
    text-align:center;
    background-image: url(assets/images/fancy_heading_hr.png);
    background-position: bottom center;
    background-repeat: no-repeat;
    padding-bottom: 15px;
}
.page-sub-title h1 {
    font-size: 32px;
    margin-bottom: 20px;
}
/*-----------------------------------------------------------------------------
archive
------------------------------------------------------------------------------*/
.single-page-section,
.page-section,
.main-section,
.archive-page {
    padding: 40px 0;
}

.archive-page-item {
    height: 100%;
    background: #fff;
    border: 1px solid #dedede;
    transition: 0.4s;
}

.archive-page-item .entry-title {
    font-size: 22px;
    line-height: 28px;
}
.single-page-section .well,
.archive-page .well {
    background-color: #fff;
    padding: 30px;
    border: 1px solid #DADADA;
    overflow: hidden;
    clear: both;
}
.single-page-section .comments-area,
.single-page-section .post-navigation{
    padding: 20px 20px;
    background-color: #fff;
    border: 1px solid #dadada;
	border-top:none;
}
.single-page-section .post-article ,
.archive-page .post-article {
    padding: 10px 10px;
    background-color: #fff;
    border: 1px solid #dadada;
}

.p
/*-----------------------------------------------------------------------------
13.2 single-page
------------------------------------------------------------------------------*/
.single-page-item .entry-content p,
.single-page-item .summery p {
    color: #333;
    text-align: left;
    font-size: 18px;
    line-height: 30px;
}

.single-page-section #comments textarea,
.single-page-section #comments input {
    display: block;
    min-width: 400px;
}
.page-section .column_attr ul li,
.service-container ul li,
.service-container ul.list_check li,
.service-container li.list_check {
    background: url(assets/images/ii_03.png) no-repeat 20px 0px;
    line-height:29px;
}
.page-section .column_attr ul li,
.service-container ul li,
.service-container ul.list_check li, 
.service-container ul.list_star li,
.service-container ul.list_idea li {
    margin-bottom: 13px;
     position: relative; 
    list-style: none;
    padding-left: 50px;
    margin-left: 0;
    line-height:1.2;
}
.page-section .column_attr ul, 
.service-container ul, 
.service-container ul.list_check {
  padding-left:0px;
}
/*-----------------------------------------------------------------------------
13.2 widget
------------------------------------------------------------------------------*/
.widget-container {
    background: #f5f5f5;
    padding: 15px;
    height: 100%;
}

.widget-container .cw-shop-menu,
.widget-container .widget {
    background: #fff;
    margin-top: 10px;
    box-shadow: 0 1px 4px rgba(0, 0, 0, .1);
    border-radius: 4px;
}

.widget-container .widget ul,
.widget-container .widget form,
.widget-container .widget img {
    padding: 8px;
}

.widget-container .widget ul {}

.widget-container .widget h2,
.widget-container .widget .widgettitle,
.widget-container .widget .widget-title {
    padding: 10px;
    margin: 0;
    font-size: 16px;
    color: #333;
    font-weight: 600;
    text-transform: uppercase;
    border-bottom: 1px solid #e8e8e8;
}

/*-----------------------------------------------------------------------------
13.2 site-footer
------------------------------------------------------------------------------*/
.site-footer h2,
.site-footer .widgettitle,
.site-footer .widget-title {
    color: #222;
    font-size: 23px;
    margin-bottom: 25px !important;
    font-weight: 700;
    text-transform: uppercase;
    position: relative;
}

.site-footer .widget ul li {
    display: block;
    margin: 0;
    line-height: 1;
    border: 0;
    padding: 0;
    font-weight: 400;
    margin-bottom: 12px;
    font-size: 14px;
}

.site-footer .widget ul li a {
     font-size: 15px;
    line-height: 24px;
    padding: 0;
    text-transform: capitalize;
    color: #212121;
    margin-bottom: 0;
    display: flex;
    width: 100%;
    position: relative;
}

.site-footer .widget ul li a:hover {
    padding-left: 6px;
    color: var(--ah-2nd-color);
}

.site-footer {
    background: #7ba541;
    padding: 45px 0;
    padding-bottom:0px;
}

.footer-left-block {
    padding: 15px;
    background: #f6f6f6;
    height: 100%;
}

.footer-right-block {
    padding: 15px;
    /* background: #efefef; */
    height: 100%;
}



.footer-address ul li {
    font-size: 14px;
    line-height: 26px !important;
    list-style: outside none none;
    padding: 0;
    margin-bottom: 4px !important;
    display: block !important;
    color: #000;
    line-height: 23px;
    
}
.footer-address ul li a {
    width: unset !important;
    text-transform: none !important;
    line-height: 21px !important;
}
.footer-address ul li h1,
.footer-address ul li h2,
.footer-address ul li h3,
.footer-address ul li h4,
.footer-address ul li h5,
.footer-address ul li p {
    margin: 0;
}

.footer-address ul li span {
    font-weight: 600;
    margin-right: 5px;
    color: #000;
    float: left;
}


.footer-address ul li span i {
    font-size: 18px;
    padding-right: 10px;
}

.widget .menu li a::before {
    /*content: " \f058 ";*/
    content:url(assets/images/footer-icon.png);
    /*font-family: FontAwesome;*/
    margin-right: 6px;
    position: relative;
}


.footer-widget-container {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.footer-widget-item {
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
    padding: 0 12px;
    margin-bottom:20px;
}

.footer-widget-area .social-media-container .social-media a {
    position: relative;
    background: url(assets/images/stripes.png) repeat center;
    background-color: #fff;
}
.footer-widget-area .social-media-container .social-media a:hover{
     background-color: #000;
    color:#fff;
}
/*-----------------------------------------------------------------------------
footer-temp-section
------------------------------------------------------------------------------*/
.footer-temp-section {
    background: url(assets/images/ft-bg.jpg) repeat center top;
    padding: 30px 0px;
    text-align: center;
}
.buttonft-quote,
.buttonft-contact,
.buttonft-trial {
    border: 0.16em solid rgba(255,255,255,0);
    border-radius: 5px;
    color: white;
    padding: 10px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    margin: 4px 2px;
    cursor: pointer;
}
.buttonft-trial {
    background-color: var(--ah-3rd-color);
}
.buttonft-contact {
    background-color: #ff8a00;
}
.buttonft-quote {
    background-color: var(--ah-1st-color);
}
.buttonft-quote:hover,
.buttonft-contact:hover,
.buttonft-trial:hover {
  text-decoration: underline;
  color:#fff;
}


.rowbutn {
    margin-left: auto;
    margin-right: auto;
    padding-top: 20px;
}

/*-----------------------------------------------------------------------------
calendar widget
------------------------------------------------------------------------------*/
#wp-calendar {
    width: 100%;
    max-width: 37.5rem;
    background: #ccc;
    margin-left: auto;
    margin-right: auto;
}

#wp-calendar caption {
    background: #3299bb;
    color: #fff;
    padding: 0.25rem;
    text-align: center;
}

#wp-calendar thead tr {
    border-right: 1px solid #ccc;
}

#wp-calendar thead th {
    font-size: 90%;
    font-weight: bold;
    padding: 0.25rem;
    background: #ccc;
    text-transform: uppercase;
    text-align: center;
}

#wp-calendar tbody td {
    position: relative;
    padding: 0.125rem;
    text-align: center;
    border: 1px solid #ccc;
    background: #fff;
}

#wp-calendar tbody td.pad {
    opacity: 0.7;
}

#wp-calendar tbody td#today {
    font-weight: bold;
}

#wp-calendar tbody td#today:after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 0;
    height: 0;
    border-top: 10px solid #999;
    border-left: 10px solid transparent;
}

#wp-calendar tbody td a {
    display: block;
    background: rgba(50, 153, 187, 0.2);
}

#wp-calendar tbody td a:hover {
    background: #3299bb;
    color: #fff;
}

#wp-calendar tfoot tr {
    background: rgba(255, 255, 255, 0.7);
    border: 1px solid #ccc;
}

#wp-calendar tfoot tr td {
    border: 0;
    padding: 0;
}

#wp-calendar tfoot tr a {
    display: block;
    padding: 0.25rem 0.75rem;
}

#wp-calendar tfoot tr a:hover {
    background: #fff;
}

#wp-calendar tfoot tr #prev {
    text-align: left;
}

#wp-calendar tfoot tr #next {
    text-align: right;
}

/*-----------------------------------------------------------------------------
13.2 breadcrumbs
------------------------------------------------------------------------------*/
.cw_breadcrumbs {
    padding: 15px 0;
   
}

/*.cw_breadcrumbs:after {*/
/*    content: "";*/
/*    position: absolute;*/
/*    top: 0;*/
/*    left: 0;*/
/*    right: 0;*/
/*    bottom: 0;*/
/*    -webkit-backdrop-filter: blur(15px);*/
/*    backdrop-filter: blur(1px);*/
/*    background-color: hsl(0deg 1% 16% / 50%);*/
/*    z-index: 1;*/
/*}*/

.cw_breadcrumbs .woocommerce-breadcrumb,
.cw_breadcrumbs .breadcrumbs-container {
    padding: 4px 15px;
    text-align: center;
    font-size: 18px;
    margin: 0;
}

.cw_breadcrumbs .woocommerce-breadcrumb,
.cw_breadcrumbs .breadcrumbs-container {
    -webkit-animation-name: slideInUp;
    animation-name: slideInUp;
    -webkit-animation-duration: 0.9s;
    animation-duration: 0.9s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    z-index: 5;
    position: relative;
}

.cw_breadcrumbs .woocommerce-breadcrumb a,
.breadcrumbs-item {
    margin: 3px;
    font-weight: 500;
}
.cw_breadcrumbs .breadcrumbs-container,
.cw_breadcrumbs .woocommerce-breadcrumb a,
.cw_breadcrumbs .breadcrumbs-item a {
   color: rgba(255, 255, 255, 1);
}
.cw_breadcrumbs h2 {
   color:#fff;
}

/*-----------------------------------------------------------------------------
13.2 svg icon
------------------------------------------------------------------------------*/
svg.icon {
    height: 1em;
    width: 1em;
}

/*-----------------------------------------------------------------------------
 common post item home page
------------------------------------------------------------------------------*/
.post-item-container {
    position: relative;
    max-width: 100%;
    overflow: auto;
    /*    background: #fff;*/
}

.post-item {
    margin: 0;
    padding: 8px;
    display: block;
    width: 100%;
    overflow: auto;
    background: #fff;
}

.item-box {
    position: relative;
}

.post-image {
    position: relative;
    width: 21%;
    float: left;
    margin-right: 10px;
    overflow: hidden;
}

.post-image img {
    transform: scale(1);
    transition: 0.4s;
}

.caption p {
    margin: 0;
    line-height: 24px;
    font-size: 16px;
    color: #000;
}

h2.post-title-header {
    font-size: 25px;
    padding: 5px;
    line-height: 24px;
    color: #000;
}

.post-title {
    font-size: 18px;
    line-height: 24px;
    color: #000;
    /* font-weight: bold;
    word-wrap: break-word; */
    margin: 0;
    /* display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    min-height: 48px; */
    padding: 0 2px;
}

.post-title a {
    display: block;
    font-weight: 600;
}

.post-title i {
    color: var(--bg-color);
}

.caption a {
    color: #000;
    word-wrap: break-word;
}

.post-item .content {
    font-size: 17px;
    margin: 0;
}

.post-item:hover img {
    transform: scale(1.1);
}

.post-category {
    position: absolute;
    top: 10px;
    left: 0;
    z-index: 2;
    background: rgba(0, 0, 0, 0.6);
    padding: 4px 8px;
    line-height: 1;
    color: #fff;
}

.more-btn {
    text-align: right;
    padding: 5px 10px;
}

.more-btn a {
    color: var(--bg-color);
}

/*
.post-item-container:hover .post-image img {
    transform: scale(1.2);
}
*/

/*-----------------------------------------------------------------------------
    copyright section
------------------------------------------------------------------------------*/
.copyright-section {
    width: 100%;
    float: left;
    background: #101010;
    padding: 15px 0;
 border-top: 1px solid rgba(255,255,255,.1)
}

.copyright-text {
    width: 100%;
    margin-top: 10px;
    margin-bottom: 5px;
    color: #000000;
    font-size: 14px;
    line-height: 16px;
    padding: 0;
    text-transform: none;
    text-align: center;
    font-family: sans-serif;
}

.copyright-text a {
    font-family: inherit;
    /*color:#fff;*/
}

.section-404 {
    padding-top: 80px;
    padding-bottom: 80px;
    background-attachment: fixed;
    background-image: url(assets/images/404.jpg);
    background-position: center top;
    background-repeat: no-repeat;
    background-size: cover;
}

.container-404 {
    padding: 20px;
    background-color: rgba(0, 0, 0, 0.5);
    color: #fff;
}

/*==================================================
   .gallery images-hover function css
==================================================*/
.gallery-item{
   transition:0.4s;
   cursor: pointer;
}
.gallery-item-inner{
    position:relative;
}
.gallery-item:hover .images-hover{
    opacity:1;
}
.images-hover {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    opacity: 0;
    z-index: 10;
    transition:0.4s;
}


/*==================================================
    Contactus section
==================================================*/
.contactus-section {
    padding-top: 20px;
    padding-bottom: 20px;
    /*background-attachment: fixed;*/
    /*background-image: url(assets/images/map.jpg);*/
    /*background-position: center top;*/
    /*background-repeat: no-repeat;*/
    /*background-size: cover;*/
}

.contact-form-address,
.contact-form-container {
    padding: 20px;
}

.contactus-section .contact-form-container textarea,
.contactus-section .contact-form-container input {
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    width: 100% !important;
}

.contactus-container {
    /*-webkit-backdrop-filter: blur(15px);*/
    /*backdrop-filter: blur(15px);*/
    /*background-color: hsl(0deg 0% 0% / 0%);*/
    /*z-index: 1;*/
}

.ah-pa-logo {
    display: flex;
    align-items: flex-end;

}

.ah-pa-title {}

/* ubermenu custom css */
/* 
.ubermenu-main .ubermenu-submenu .ubermenu-item-layout-image_left > .ubermenu-target-text {
    line-height: 30px;
    padding-top: 0px !important;
}
.ubermenu-main .ubermenu-submenu li a{
   font-size:15px !important;
}
.ubermenu .ubermenu-divider {
    padding: 2px 0;
} 
*/