/*
    Template Name: Handing
*/

/*
Table Of Content

1. header top area
2. main menu area
3. slider area
4. video slider area  
5. breadcum area
6. feature area
7. about area
8. service area
9. brand area
10. img area
11. pricing area
12. counter area
13. video area
14. team area
15. home 1 contact form
16. call to action area
17. testimonial area 
18. title area
19. blog area
20. contact area
21. map area
22. faq area 
23. portfolio area 
24. project information area 
25. footer area

*/

/* ======= site font family ==========*/
@import url('css2.css');

:root{
    --blackc: #000000;
    --whitec: #fff;
    --bgcolor: #143d8f;
    --brcolor: #ffb900;
    --paracolor: #000000;
    --titlecolor: #000000;
}
html,body{
    overflow-x: hidden;
}
/* defult css */
body{
    font-size: 16px;
    font-weight: 400;
    line-height: 1.6;
    font-family: "Barlow Condensed", sans-serif;
    color: var(--paracolor);
    margin: 0;
}
h1,h2,h3,h4,h5,h6,h1 a,h2 a,h3 a,h4 a,h5 a,h6 a{
    font-size: 24px;
    font-weight: 600;
    color: var(--paracolor);
    font-family: "Barlow Condensed", sans-serif;
}
h1{
    font-size: 30px;
}
h2{
    font-size: 24px;
}
h3{
    font-size: 18px;
}
h4{
    font-size: 16px;
}
h5{
    font-size: 16px;
}
h6{
    font-size: 15px;
}
img {
    max-width: 100%;
    height: auto;
}
.btn-primary:focus,
select:focus,
textarea:focus,
input:focus{
   box-shadow: none !important;
	border: none;
}
textarea,
input{
	outline:none;
}
.btn:focus {
    text-decoration: none;
    outline: none;
	box-shadow: none;
}
input:focus,
button:focus{
	border-color:transparent;
	outline-color:transparent;
}
textarea:focus{
	border-color:transparent;
	outline-color:transparent;	
}
::-moz-placeholder {
    font-size: 16px;
}
::-webkit-input-placeholder {
    font-size: 16px;
}
:-ms-input-placeholder {
    font-size: 16px;
}
::placeholder {
    font-size: 16px;
}
a{
    font-family: "Barlow Condensed", sans-serif;
    transition: .5s;
	text-decoration:none;
	color:var(--linkcolor);
}
a:focus, 
a:hover {
    text-decoration: none;
	outline: none;
} 
a:hover:hover{
    color: var(--brcolor);
}
input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus,
input:-webkit-autofill:active,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
textarea:-webkit-autofill:active,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus,
select:-webkit-autofill:active{
  transition: background-color 50000s ease-in-out 0s, color 5000s ease-in-out 0s;	
}
p.form-messege{
    margin-top: 8px;
}
.witr_all_pd0{
    padding: 0;
}
/* highlight color css */
.highlight{
    color: var(--brcolor);
}
/*======= header top area start =====*/
.header_top_area {
    background-color: var(--bgcolor);
    padding: 10px 10px 10px 10px;
}
/* header left */
.header_left span, .header_right span, .header_left a {
    font-size: 15px;
    font-weight: 500;
    color: var(--whitec);
}
.header_left span, .header_left a {
    margin: 0 60px  0  0;
    color: var(--whitec);
}
.header_left span i,
.header_left a i{
    margin-right: 6px;
}
/* header right */
.header_right a{
    margin-left: 12px;
    color: var(--whitec);
}
/*=========== header top area end =============*/

/*======== main menu area start ==========*/
.main_menu_area {
    padding: 0 10px 0 0px;
}
/* site logo area css */
.site_logo_area {
    background: var(--brcolor);
    text-align: center;
    height: 133px;
}
/* mobile menu */
.mobile_menu{
    display: none;
}
.mobile_logo_area{
    display: none;
}
.main_menu_area.sticky {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 999999;
    background: var(--whitec);
}
.main_menu_area .sticky_logo{
    display: none;
}
.main_menu_area.sticky .main_logo{
    display: none;
}
.main_menu_area.sticky .sticky_logo{
    display: block;
}
.main_menu_area.sticky .inner_main_nav_area >ul >li >a:hover{
    color: var(--linkcolor);
}
/* main nav area css */
.main_nav_area{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
/* landing menu area css */
.landing_menu{
    justify-content: end;
}
/* inner main nav area css */
.inner_main_nav_area ul{
    list-style: none;
    margin: 0;
    padding: 0;
}
.inner_main_nav_area >ul >li {
    display: inline-block;
    position: relative;
}
.inner_main_nav_area >ul >li >a {
    display: inline-block;
    margin: 30px 20px 30px;
    text-transform: uppercase;
    font-size: 18px;
    font-weight: 600;
    color: var(--blackc);
}
.inner_main_nav_area >ul >li >a>i{
    font-weight: 700;
}
.inner_main_nav_area >ul> li> a:hover{
    color: var(--brcolor);
}
.absolute_menu .inner_main_nav_area >ul >li >a{
    color: var(--whitec);
}
.absolute_menu .inner_main_nav_area >ul >li >a:hover{
    color: var(--linkcolor);
}
/* main nav icons together */
.advola_right_area {
    display: flex;
    align-items: center;
}
.main_nav_icons_together {
    display: flex;
    align-items: center;
}
/* main nav icons */
.main_nav_icons {
    margin-left: 7px;
}
.main_nav_icons >i {
    display: inline-block;
    width: 36px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    border-radius: 100%;
    cursor: pointer;
    transition: .5s;
    font-size: 19px;
}
.main_nav_icons >i:hover{
    background-color: var(--brcolor);
    color: var(--whitec);
}
/* main nav btn css */
.main_nav_btn {
    margin-left: 25px;
}
.main_nav_btn a {
    display: inline-block;
    font-size: 18px;
    font-weight: 600;
    padding: 8px 35px;
    background-color: var(--brcolor);
    color: var(--whitec);
}
.main_nav_btn a:hover{
    background-color: var(--bgcolor);
    color: var(--whitec);
}
/* nav icon popup css */
.nav_icon_popup {
    position: fixed;
    top: -110%;
    left: 0%;
    background: #000000f0;
    display: flex;
    align-items: center;
    width: 100%;
    height: 100%;
    z-index: 999;
    opacity: 0;
    visibility: hidden;
    transition: 1s;
}
.nav_icon_popup.icon_popup {
    opacity: 1;
    visibility: visible;
    top: 0;
}
/* inner nav icon popup */
.inner_nav_icon_popup {
    width: 47%;
    margin: 0 auto;
    position: relative;
}
.inner_nav_icon_popup input{
    font-size: 30px;
    font-weight: 500;
    padding: 17px 40px 15px 15px;
    width: 100%;
    border: none;
    box-shadow: 0px 0px 30px 0px #dddddd45;
    background: var(--whitec);
    border-radius: 10px;
}
.inner_nav_icon_popup input::placeholder{
    font-size: 30px;
}
/* inner nav popup form icons css */
.inner_nav_popup_form_icons {
    position: absolute;
    top: 35%;
    right: 10px;
    transform: translateY(-50%);
}
.inner_nav_popup_btnicon{
    font-size: 40px;
    border: none;
    outline: none;
    background: none;
}
.inner_nav_icon_popup i{
    display: inline-block;
    margin-top: 10px;
    width: 36px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    border-radius: 100%;
    background-color: var(--whitec);
    color: var(--blackc);
    font-size: 25px;
    cursor: pointer;
    transition: 1s;
}
/* main nav icons middle css */
.main_nav_icons_middle {
    margin-left: 15px;
    position: relative;
}
.main_nav_icons_middle a {
    position: relative;
    font-size: 18px;
    cursor: pointer;
    padding: 8px;
    display: inline-flex;
    background: #fff;
    border-radius: 100%;
}
.main_nav_icons_middle a span {
    position: absolute;
    top: 0;
    right: -5px;
    width: 18px;
    height: 20px;
    font-size: 12px;
    line-height: 20px;
    text-align: center;
    background-color: var(--brcolor);
    border-radius: 100%;
    color: var(--whitec);
}
.main_nav_middle_box_item {
    overflow: scroll;
    position: absolute;
    right: 0;
    top: 130%;
    width: 300px;
    height: 300px;
    z-index: 999;
    opacity: 0;
    visibility: hidden;
    background-color: var(--whitec);
    transition: .5s;
}
.main_nav_icons_middle:hover .main_nav_middle_box_item{
    top: 180%;
    opacity: 1;
    visibility: visible;
}
.main_nav_middle_box_item p{
    padding: 20px;
}
/* main nav icon right */
.main_nav_icon_right {
    margin-left: 18px;
}
.main_nav_icon_right> i {
    display: inline-block;
    font-size: 35px;
    border-radius: 10px;
    cursor: pointer;
}
/* main nav icon right popup */
.main_nav_icon_right_popup {
    position: fixed;
    top: 0;
    right: -110%;
    width: 400px;
    height: 100%;
    background: #fff;
    z-index: 999;
    padding: 100px 20px 30px;
    overflow: scroll;
    opacity: 0;
    visibility: hidden;
    transition: 1s;
}
.main_nav_icon_right_popup.site_popup {
    right: 0;
    opacity: 1;
    visibility: visible;
}
.main_nav_icon_right_popup h2 {
    font-size: 22px;
    font-weight: 600;
    padding-bottom: 5px;
}
/* main nav right popup close */
.m_nav_rpi_close {
    text-align: end;
    margin: -57px 0 20px;
}
.m_nav_rpi_close >i{
    display: inline-block;
    color: var(--blackc);
    font-size: 40px;
    font-weight: 400;
    cursor: pointer;
}
.m_nav_right_pp_form{
    position: relative;
}
.m_nav_right_pp_form input{
    height: 54px;
    width: 100%;
    border: 1px solid #efefef;
    padding: 0 20px;
}
.m_nav_right_pp_form button{
    position: absolute;
    top: 0;
    right: 0;
    font-size: 18px;
    padding: 13px 20px;
    outline: none;
    border: none;
    background: #ddd;
    color: var(--blackc);
}
/* right popup nav */
.right_popup_nav {
    padding: 65px 0 0 0;
}
.right_popup_nav ul {
    list-style: none;
    padding-left: 0;
}
.right_popup_nav ul li {
    padding: 12px 0;
    border-bottom: 1px solid #dddddd;
}
.right_popup_nav ul li.r_nav_child_border{
    border-bottom: none;
}
/* right popup address */
.right_popup_address {
    padding: 40px 0 14px;
}
.right_popup_address h2 {
    font-size: 24px;
    margin-bottom: 30px;
}
.right_popup_address p{
    width: 85%;
}
.right_popup_inner_address p{
    color: var(--brcolor);
}
.right_popup_inner_address p i{
    margin-right: 6px;
}
.right_popup_address h5 {
    background-color: var(--brcolor);
    color: var(--whitec);
    padding: 15px 0 14px;
    font-size: 14px;
    font-weight: 500;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 2px;
    width: 100%;
    margin: 0;
    position: relative;
}
/* drop down menu css */
.inner_main_nav_area ul li .sub_menu{
    position: absolute;
    top: 130%;
    left: 0;
    width: max-content;
    min-width: 205px;
    max-width: 320px;
    text-align: left;
    margin: 0;
    padding: 15px 5px 14px;
    z-index: 9999;
    box-shadow: 0 0 30px rgb(0 0 0 / 9%);
    background-color: var(--whitec);
    opacity: 0;
    visibility: hidden;
    transition: .5s;
}
.inner_main_nav_area ul li .sub_menu li{
    position: relative;
}
.inner_main_nav_area ul li .sub_menu li a {
    display: inline-block;
    color: var(--blackc);
    padding: 6px 17px;
    font-size: 17px;
    font-weight: 600;
    text-transform: uppercase;
}
.inner_main_nav_area ul li .sub_menu li a:hover{
    color: var(--brcolor);
    margin-left: 5px;
}
.inner_main_nav_area >ul >li:hover .sub_menu{
    top: 100%;
    opacity: 1;
    visibility: visible;
}
.inner_main_nav_area .sub_menu >li > ul.sub_menu{
    top: 130%;
    left: 100%;
    opacity: 0;
    visibility: hidden;
    transition: .5s;
}
.inner_main_nav_area ul li .sub_menu li:hover  ul.sub_menu{
    top: 0;
    opacity: 1;
    visibility: visible;
}
/*======== main menu area end ==========*/

/*======== mobile menu area start ==========*/
.mobile_logo_area{
    display:none !important;
}
.mean-container a.meanmenu-reveal {
    display: none !important;
}
.mean-container .mean-nav > ul {
    padding: 0;
    margin: 0;
    width: 100%;
    list-style-type: none;
    display: block !important;
}
.mean-container .mean-bar {
    background: #fff;
    padding: 0;
}
.mean-container .mean-nav ul li {
    border-top: 0px solid #ddd;
}
.mean-container .mean-nav ul li li a,
.mean-container .mean-nav ul li a {
    color: #444;
}
.mean-container .mean-nav ul li li a {
    border-top: 1px solid #ddd;
}
.mean-container .mean-nav ul li a:hover {
    color: #ff4a17;
}
.mobile_p {
    position: fixed;
    right: 0;
    width: 300px;
    padding: 80px 20px 0px;
    overflow-y: scroll;
    top: 0;
    height: 100%;
    z-index: 9999;
    display: block;
    transition: 0.5s all;
    box-shadow: 0 0 30px rgb(0 0 0 / 7%);
    transform: translateX(100%);
    background: #ffffff;
}
.tx-s-open {
    transform: translateX(0);
}
.mobile_p .tuetion_theme_widget > div.widget_block {
    padding: 0;
}
.mobile_p .tuetion_theme_widget > div {
    padding: 20px 0px 20px;
    box-shadow: none;
}
.mean-container .mean-nav ul li a {
    border: 0;	
    width: 100%;
    border-top: 1px solid #ddd;	
    font-size: 14px;
    padding: 12px 5px;
    font-weight: 500;
    display: block;
}
.mean-container .mean-nav ul li a.mean-expand {
    width: auto;
}
.mobile_opicon {
    text-align: right;
    padding: 4px 0;
}
.mean-container .mean-nav > ul > li:first-child > a {
    border-top: 0;
}
.mobilemenu_con {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.mobile_menu_o  i {
    font-size: 26px;
}
.mobile_menu_content .mobile_menu_logo {
    margin-bottom: 20px;
}
.mobile_cicon {
    position: absolute;
    right: 30px;
    top: 50px;
}
.mobile_overlay {
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    opacity: 0;
    z-index: 999;
    width: 100vw;
    height: 100vh;
    visibility: hidden;
    position: fixed;
    background: rgba(0, 0, 0, 0.8);
    transition: all 0.3s ease-out 0s;
}
.mobile_overlay.mactive {
    opacity: 1;
    visibility: visible;
}
/*======== mobile menu area end ==========*/

/*======== slider area start  ==========*/
/* inner slider area */
.inner_slider_area {
    height: 810px;
    background-position: bottom center;
    background-size: cover;
    background-repeat: no-repeat;
    display: flex !important;
    align-items: center;
}
.inner_slider_content {
    width: 68%;
    border-left: 10px solid var(--whitec);
    padding-left: 20px;
    margin: 0 auto 0;
    text-align: left;
}
.inner_slider_content h1{
    font-size: 18px;
    color: var(--brcolor);
}
.inner_slider_content h2 {
    font-size: 80px;
    color: var(--whitec);
    margin: 0;
}
.inner_slider_content p {
    width: 45%;
    margin: 15px 0 10px;
    color: var(--whitec);
}
/* golobal btn css */
.h_btn {
    margin-top: 30px;
}
.h_btn a {
    display: inline-block;
    margin-right: 10px;
    padding: 15px 40px;
    background-color: var(--brcolor);
    color: var(--blackc);
    font-size: 14px;
    font-weight: 600;
}
.h_btn a:hover{
    background-color: var(--bgcolor);
    color: var(--whitec);
}
.h_btn a.active{
    border: 1px solid var(--whitec);
    background: transparent;
    color: var(--whitec);
}
.h_btn a.active:hover{
    background-color: var(--brcolor);
    color: var(--whitec);
    border: 1px solid transparent;
}
/* golobal slick defult arrow css */
.slick-prev , .slick-next{
    position: absolute;
    top: 50%;
    width: 60px;
    height: 60px;
    line-height: 60px;
    border-radius: 100%;
    z-index: 9999;
    outline: none;
    border: none;
    font-size: 0;
    background: none;
    transform: translateY(-50%);
    transition: 1s;
    z-index: 1;
    opacity: 0;
    visibility: hidden;
}
.slick-prev{
    left: -40px;
}
.slick-next{
    right: -20px;
}
.slick-prev::before ,.slick-next::before{
    content: '\eac9';
    font-family: IcoFont;
    display: inline-block;
    width: 60px;
    height: 60px;
    line-height: 60px;
    border-radius: 100%;
    font-size: 45px;
    font-weight: 700;
    background-color: var(--bgcolor);
    color: var(--whitec);
    transition: 1s;
}
.slick-next::before{
    content: '\eaca';
}
.slick-prev:hover::before ,.slick-next:hover::before{
    background-color: var(--brcolor);
    color: var(--whitec);
}
/*======== slider area end  ==========*/

/*======== video area slider start  ==========*/
.video_slider_area {
    position: relative;
    overflow: hidden;
}
.video_slider_area::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: -1;
    background-color: #00000061;
}
.witr_youtube_video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: -99;
    transform: scale(1.4);
}
.witr_youtube_video iframe {
    width: 100%;
    height: 100%;
    border: none;
}
.video_slider_area .inner_slider_content h1, .video_slider_area .inner_slider_content h2, .video_slider_area .inner_slider_content p{
    color: var(--whitec);
}
/*======== video area slider end  ==========*/

/*======== breadcum area start  ==========*/
.breadcum_area {
    background-size: cover;
    background-position: center center;
}
.inner_breadcum_area {
    padding: 60px 0 60px;
}
.inner_breadcum_area h1{
    font-size: 29px;
    color: var(--whitec);
    margin: 0;
}
.inner_breadcum_area ul{
    list-style: none;
    margin: 0;
    padding: 0;
}
.inner_breadcum_area ul li{
    display: inline-block;
    font-size: 16px;
    font-weight: 400;
    color: var(--whitec);
}
.inner_breadcum_area ul li a{
    display: inline-block;
    font-size: 16px;
    font-weight: 400;
    color: var(--whitec);
}
.inner_breadcum_area ul li i, .inner_breadcum_area ul li a i {
    font-size: 22px;
}
/*======== breadcum area end  ==========*/

/*======== feature area start   ==========*/
.featu_about_bg{
    background-position: bottom center;
    background-repeat: no-repeat;
    background-size: auto;
    box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.1);
}
.feature_area {
    margin: 120px 0 50px 320px;
    background-color: var(--bgcolor);
    border-radius: 50px 0px 0px 50px;
    padding: 35px 20px 15px 100px;
}
/* single feature area css */
.single_feature_area{
    display: flex;
    margin-bottom: 20px;
    border-style: solid;
    border-width: 0px 1px 0px 0px;
    border-color: var(--brcolor);
}
.single_feature_area.style2{
    border-right: none;
}
.sing_feature_img{
    margin-right: 15px;
}
.sing_feature_img img{
    transition: .5s;
}
.single_feature_area:hover img{
    transform: rotateY(180deg);
}
.sing_feature_content h3 {
    margin: 0;
}
.sing_feature_content h3 a{
    font-size: 18px;
    color: var(--brcolor);
}
.sing_feature_content h3 a:hover{
    color: var(--whitec);
}
.sing_feature_content p{
    width: 70%;
    color: var(--whitec);
    margin: 0;
}
/*======== feature area end   ==========*/

/*======= about area start  =====*/
.about_area {
    padding: 70px 0 130px;
}
/* single about page css */
.single_about {
    padding: 30px 0 30px;
}
.inner_about_img{
    animation: witr_movetb_box46 5s linear 1s infinite alternate running;
}
@keyframes witr_movetb_box46 { 
    0% { transform: translateY(0px);
}
    100% { transform: translateY(45px); 
}
}
.section_title_area{
    margin-bottom: 55px;
    padding: 0px 0px 0px 10px;
    border-style: solid;
    border-width: 0px 0px 0px 4px;
    border-color: var(--bgcolor);
}
.about_area .section_title_area{
    padding-top: 60px;
}
.section_title_area h2{
    color: var(--bgcolor);
    margin: 0;
    font-size: 18px;
}
.section_title_area h3{
    font-size: 32px;
}
.section_title_area p {
    width: 50%;
    margin: 5px auto 0;
}
/* section title style 2 css */
.section_style2{
    border: none;
    padding: 0;
}
.section_style2 h3{
    font-size: 32px;
    margin-bottom: 30px;
}
.section_style2 p{
    width: 90%;
    margin: 5px 0 0;
    line-height: 30px;
    padding:5px;
}
.about_area .section_title_area {
    margin-top: 70px;
    margin-bottom: 0;
    border: none;
    padding: 0;
}
.about_area .section_title_area h3 span.highlight{
    color: var(--bgcolor);
}
/* section title btn css */
.section_title_btn a{
    display: inline-block;
    font-size: 16px;
    font-weight: 600;
    padding: 10px 40px;
    background-color: var(--brcolor);
    color: var(--blackc);
}
.section_title_btn a:hover{
    background-color: var(--bgcolor);
    color: var(--whitec);
}
/* about list area css */
.about_list_area {
    display: flex;
    padding: 20px 0 0;
}
.about_list_area ul{
    list-style: none;
    padding: 0;
    margin-right: 50px;
}
.about_list_area ul li{
    color: var(--bgcolor);
}
.about_list_area ul li i{
    margin-right: 5px;
}
/* about skill bar area css */
.witr_single_progress {
    overflow: hidden;
}
.progress {
    display: flex;
    height: 10px;
    background-color: var(--bgcolor);
}
.progress-bar {
    overflow: initial;
    background-color: var(--brcolor);
}
.witr_title2 span {
    font-weight: 600;
    font-size: 19px;
}
.witr_progress-style2 .progress-bar {
    position: relative;
    text-align: left;
    line-height: 4px;
    border-radius: 0;
    box-shadow: none;
}
.witr_progress-style2 {
    overflow: visible;
    position: relative;
    margin-top: 2px;
    box-shadow: none;
    background: var(--bgcolor);
    border-radius: 0;
    margin-bottom: 2px;
}
.witr_progress-style2 + .witr_progress-style2 {
	margin-top: 60px;
}
.witr_progress-style2 .progress-bar {
    position: relative;
    text-align: left;
    border-radius:0;
    line-height: 25px;
    box-shadow: none;
    height: 10px;
}
.witr_title6 .witr_label {
	left: 2px;
	top: 8px;
	color: #272727;
	font-size: 16px;
	font-weight: 600;
}
.witr_progress-style2 .witr_percent {
    position: absolute;
    right: 0;
    font-weight: 700;
    font-size: 16px;
    top: -28px;
    color: var(--blackc);
}
/*======= about area end  =====*/

/*======= service area start  =====*/
.service_area {
    padding: 100px 0 50px;
}
/* single service page css */
.single_service_page{
    padding: 50px 0 50px;
}
.align-items-center.bottom {
    margin-bottom: 50px;
}
.align-items-center.bottom .section_title_area{
    margin-bottom: 0;
}
.service_width {
    max-width: 1500px;
}
/* single service area css */
.single_service_area{
    margin-bottom: 20px;
    box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.3);
}
.single_ser_img img{
    width: 100%;
}
/* single service content css */
.single_service_content {
    padding: 30px 15px 30px 15px;
    position: relative;
}
.single_service_content h2 a{
    color: var(--bgcolor);
}
.single_service_content .h_btn{
    margin-top: 20px;
}
.single_service_content .h_btn a{
    color: var(--whitec);
}
/* single service abosulete icon css */
.sin_ser_absolute_icon {
    position: absolute;
    top: -40px;
    left: 30px;
}
.sin_ser_absolute_icon i{
    display: inline-block;
    width: 56px;
    height: 56px;
    line-height: 56px;
    font-size: 20px;
    border-radius: 30px;
    color: #000000;
    background: var(--whitec);
    border: 2px solid var(--bgcolor);
    transition: .5s;
}
.single_service_area:hover .sin_ser_absolute_icon i{
    transform: rotateY(180deg);
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
}
/*======= service area end  =====*/

/*======== brand area start  ==========*/
.brand_area{
    padding: 50px 0 50px;
}
.about_brand{
    padding: 70px 0 120px;
}
.inner_brand_area img{
    margin: 0 auto;
}
.brand_area:hover .slick-prev ,.brand_area:hover .slick-next{
    opacity: 1;
    visibility: visible;
}
/*======== brand area end  ==========*/

/*======== img area start  ==========*/
.img_area {
    margin: 70px 0 0px;
    padding: 120px 0 100px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}
.img_area .section_title_area{
    position: relative;
    z-index: 1;
    border-color: var(--brcolor);
}
.img_area .section_title_area h2,
.img_area .section_title_area h3{
    color: var(--whitec);
}
.big_title_font{
    position: absolute;
    top: 0;
    left: 120px;
    z-index: -1;
}
.big_title_font h5{
    text-transform:uppercase;
    font-size: 120px;
    -webkit-text-stroke: 1px #888888;
    -webkit-text-fill-color: transparent;
    line-height: 1;
}
.inner_img_area {
    position: relative;
    overflow: hidden;
    margin: 0px 15px;
}
.inner_img_overlay img {
    width: 100%;
    height: 100%;
    transition: .5s;
}
.inner_img_area:hover .inner_img_overlay img{
    transform: scale(1.2);
}
/* img overlay go  */
.img_overlay_go{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #222429;
    opacity: 0.5;
    transform: scale(0);
    transition: .5s;
}
.inner_img_area :hover .img_overlay_go{
    transform: scale(1.2);
}
/* inner img content  */
.inner_img_content{
    position: absolute;
    bottom: -150px;
    left: 0;
    right: 0;
    transition: .5s;
}
.inner_img_area:hover .inner_img_content{
    bottom: 25px;
}
.inner_img_content {
    width: 90%;
    margin: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 30px 30px 15px;
    background-color: #FFFFFFCC;
    box-shadow: 0 0 65px 0 #00000017;
}
/* inner img context css */
.inner_img_context {
    width: 100%;
}
.inner_img_context h2{
    margin: 0;
}
.inner_img_context h2 a {
    display: inline-block;
    color: var(--bgcolor);
    width: 80%;
    margin: 0;
}
.inner_img_content_icon a{
    display: inline-block;
    width: 60px;
    height: 60px;
    line-height: 60px;
    text-align: center;
    background-color: var(--brcolor);
    color: var(--whitec);
    font-size: 40px;
    transition: .5s;
}
.inner_img_content_icon a:hover{
    background-color: var(--bgcolor);
}
/* slick dots defult css */
.slick-dots{
    list-style: none;
    text-align: center;
    margin-top: 35px;
}
.slick-dots li{
    display: inline;
    margin: 0 5px;
}
.slick-dots li button{
    border: none;
    outline: none;
    font-size: 0;
    width: 30px;
    height: 5px;
    background-color: var(--whitec);
}
.slick-dots li.slick-active button{
    background-color: var(--brcolor);
}
/*======== img area end  ==========*/

/* ====== pricing area start  =========*/
.pricing_area {
    padding: 110px 0 100px;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
}
/* single pricing css */
.single_pricing{
    padding: 30px 0 30px;
}
.pricing_area .section_title_btn ul li a {
    background-color: var(--bgcolor);
    color: var(--whitec);
    margin-left: 10px;
}
.pricing_area .section_title_btn ul li a.active{
    background-color: var(--brcolor);
    color: var(--whitec);
}
/* inner pricing area css */
.inner_pricing_area {
    position: relative;
    margin-bottom: 20px;
    border: 10px solid var(--bgcolor);
    border-radius: 0px 0px 0px 0px;
    padding: 30px 30px 30px;
    transition: .5s;
    box-shadow: 0px 0px 30px 0px rgb(255 185 0 / 5%);
}
.inner_pricing_area:hover{
    transform: translateX(-10px);
}
.inner_pricing_area.style2{
    border: 10px solid var(--brcolor);
}
.inner_pricing_content {
    position: absolute;
    top: 30px;
    right: 0;
}
.inner_pricing_content h2 {
    display: inline-block;
    color: var(--brcolor);
    font-size: 22px;
    text-transform: uppercase;
    background-color: var(--bgcolor);
    border-radius: 20px 0px 0px 20px;
    text-align: center;
    padding: 12px 45px 12px;
}
/* inner pricing text area css */
.inner_pricing_text {
    margin: 68px 0 20px;
}
.inner_pricing_text h3{
    font-size: 24px;
}
.inner_pricing_text h3 span{
    font-size: 18px;
    color: var(--bgcolor);
}
/* inner price list area css */
.inner_pricing_list_area ul{
    list-style: none;
    padding: 0;
}
.inner_pricing_list_area ul li {
    background: #E5E5E5;
    margin: 0 0 20px;
    padding: 8px 30px;
}
.inner_pricing_list_area ul li i{
    margin-right: 8px;
}
/* inner pricing btn css */
.inner_pricing_btn {
    margin-top: 20px;
}
.inner_pricing_btn a {
    display: inline-block;
    text-align: center;
    width: 100%;
    padding: 10px 60px;
    font-size: 18px;
    font-weight: 600;
    text-transform: uppercase;
    background-color: var(--brcolor);
    color: var(--blackc);
}
.inner_pricing_btn a:hover{
    background-color: var(--bgcolor);
    color: var(--whitec);
}
/* pricing style 2 css */
.inner_pricing_area.style2 .inner_pricing_content h2{
    background: var(--brcolor);
    color: var(--bgcolor);
}
.inner_pricing_area.style2 .inner_pricing_btn a{
    background-color: var(--bgcolor);
    color: var(--whitec);
}
/* ====== pricing area end  =========*/

/*===== counter area start  ====*/
.counter_area {
    position: relative;
    z-index: 11;
    padding: 25px 100px 35px;
    margin-right: 400px;
    border-radius: 0px 50px 50px 0px;
    background-color: var(--bgcolor);
}
.inner_counter_area {
    display: flex;
    align-items: baseline;
}
.inner_counter_img{
    margin-right: 20px;
}
/* inner counter thumb css */
.inner_counter_thumb {
    display: flex;
    align-items: center;
}
.inner_counter_thumb h2,
.inner_counter_thumb h4{
    color: var(--brcolor);
    font-size: 60px;
    margin: 0;
}
.inner_counter_area h3 {
    font-size: 16px;
    font-weight: 500;
    color: var(--whitec);
}
/*===== counter area end  ====*/

/*===== video area start  ====*/
.video_area {
    position: relative;
    z-index: 1;
    margin-top: -80px;
    padding: 190px 0 60px;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
}
.inner_video_title .section_style2 h3{
    color: var(--whitec);
}
.inner_video_title .section_title_area p {
    color: var(--whitec);
    margin: 10px 0 0;
    font-size: 18px;
}
.inner_video_area a {
    margin: 60px 0 60px;
    display: inline-block;
    width: 80px;
    height: 80px;
    line-height: 80px;
    border-radius: 100%;
    text-align: center;
    background-color: var(--brcolor);
    color: var(--whitec);
    animation: witr-shadow 1s linear infinite;
}
.inner_video_area a:hover{
    background-color: var(--whitec);
    color: var(--brcolor);
}
@keyframes witr-shadow {
    0% {
        box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.3), 0 0 0 10px rgba(255, 255, 255, 0.3), 0 0 0 20px rgba(255, 255, 255, 0.3);
   }
    100% {
        box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.3), 0 0 0 20px rgba(255, 255, 255, 0.3), 0 0 0 30px rgba(255, 255, 255, 0);
   }
}
/*===== video area end  ====*/

/*===== team area start  ====*/
.team_area {
    width: 100%;
    height: auto;
    padding: 120px 0 50px;
    background-image: url(../image/ha_teste_bg.jpg);
}
/* about team css */
.about_team{
    padding: 0px 0 50px;
}
/* single team css */
.single_team{
    padding: 0px 0 30px;
}
.inner_team_area {
    margin-bottom: 20px;
    background-color: var(--whitec);
    box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.3);
}
.inner_team_img {
    position: relative;
    overflow: hidden;
    border-top: 5px solid var(--bgcolor);
    border-left: 5px solid var(--bgcolor);
    border-right: 5px solid var(--bgcolor);
}
.inner_team_img img{
    width: 100%;
    transition: .5s;
}
.inner_team_area:hover .inner_team_img img{
    transform: rotateZ(5deg);
}
/* team overlay css */
.team_overlay{
    position: absolute;
    top: 0;
    left: 0;
    width: 0%;
    height: 100%;
    background-color: #0431b86f;
    clip-path: polygon(0% 0%, 75% 0%, 100% 50%, 75% 100%, 0% 100%);
    transition: .5s;
}
.inner_team_area:hover .team_overlay{
    width: 100%;
}
/* team socail icons css */
.team_socail_icons {
    position: absolute;
    top: -150px;
    left: 20px;
    display: grid;
    transition: .5s;
}
.inner_team_area:hover .team_socail_icons{
    top: 20px;
}
.team_socail_icons a{
    display: inline-block;
    width: 36px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    background-color: #02010100;
    color: var(--whitec);
    font-size: 18px;
    border: 1px solid var(--whitec);
    margin: 0px 0px 10px 0px;
}
.team_socail_icons a:hover{
    background-color: var(--brcolor);
    color: var(--whitec);
}
/* inner team content css */
.inner_team_content {
    padding: 15px 0 20px;
    background-color: var(--whitec);
}
.inner_team_content h2{
    margin: 0;
}
.inner_team_content h2 a{
    font-size: 18px;
}
.inner_team_content p{
    margin: 0;
}
.inner_team_socail a {
    display: inline-block;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    line-height: 35px;
    font-size: 18px;
    text-align: center;
    margin: 0 3px;
    background-color: var(--whitec);
    color: var(--brcolor);
}
.inner_team_socail a:hover{
    background-color: var(--brcolor);
    color: var(--whitec);
}
/*===== team area end  ====*/

/*===== home 1 contact form start  ====*/
.h1_contact_call_bg {
    position: relative;
    z-index: 11;
    margin: 0;
    padding: 40px 0 30px;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
}
.h1_contact_form{
    position: relative;
}
.h1_inner_contact_form {
    padding: 60px 35px 40px;
    border: 15px solid var(--brcolor);
    background-color: var(--bgcolor);
    border-radius: 0px 0px 0px 0px;
}
.h1_inner_contact_form h2{
    font-size: 48px;
    color: var(--whitec);
    margin-bottom: 20px;
}
.h1_inner_contact_form .inner_contact_form input{
    height: 45px;
}
.h1_inner_contact_form .inner_contact_form select{
    border-radius: 0;
    height: 45px;
    border: 1px solid #ddd;
}
.h1_inner_contact_form p.form-messege{
    color: var(--whitec);
}
/* form left shap css */
.form_left_shap {
    position: absolute;
    top: -50%;
    left: -120px;
    z-index: -1;
    animation: witr_movelr_box45 5s linear 1s infinite alternate running;
}
@keyframes witr_movelr_box45 {
    0%{
        -webkit-transform: translateX(0px);
                transform: translateX(0px);
      }
    100%{
        -webkit-transform: translateX(45px);
                transform: translateX(45px);
      }
}
/* form right shap css */
.form_right_shap{
    position: absolute;
    top: -20px;
    right: 30px;
    z-index: -1;
    animation: witr_movelr_box45 5s linear 1s infinite alternate running;
}
/*===== home 1 contact form end  ====*/

/*===== call to action area start ====*/
.call_to_action {
    padding: 40px 0 12px;
}
.inner_call_ac_left .section_style2{
    margin-bottom: 0;
}
.inner_call_ac_left .section_style2 h3{
    color: var(--whitec);
}
.inner_call_ac_left .section_title_area p{
    color: var(--whitec);
    margin: 0;
}
.inner_call_ac_right{
    display: flex;
    justify-content: end;
}
.inner_call_ac_right h2{
    color: var(--brcolor);
    font-size: 36px;
}
.inner_call_ac_right i{
    display: inline-block;
    height: 50px;
    width: 50px;
    border-radius: 50%;
    font-size: 20px;
    background-color: var(--whitec);
    color: var(--bgcolor);
    line-height: 50px;
    text-align: center;
    border: 2px solid var(--brcolor);
    margin-right: 10px;
    transition: .5s;
}
.inner_call_ac_right:hover i{
    background-color: var(--bgcolor);
    color: var(--whitec);
}
/*===== call to action area end ====*/

/*=====  testimonial area start  ====*/
.testimonial_area {
    padding: 120px 0;
    background-position: center center;
    position: relative;
    z-index: 1;
}
/* single testimonial css */
.single_testimonial {
    margin: 40px 0 50px;
    padding: 120px 0 120px;
}
.inner_testimonial_text{
    position: relative;
}
.inner_testimonial_text p{
    font-size: 24px;
    padding: 0px 150px 0px 0px;
}
.inner_testi_title h3{
    margin: 0;
}
.inner_testi_title p{
    font-size: 16px;
}
/* testimonial absoute icons css */
.testi_ab_icon {
    position: absolute;
    bottom: 30px;
    right: 160px;
    z-index: -1;
}
.testi_ab_icon i{
    font-size: 130px;
    color: #dddee0;
}
/* testimonial defult dots css */
.testimonial_area .slick-dots {
    position: absolute;
    text-align: center;
    left: -265px;
    bottom: 0px;
}
.testimonial_area .slick-dots li button{
    background-color: var(--blackc);
}
.testimonial_area .slick-dots li.slick-active button{
    background-color: var(--brcolor);
}
/* testimonial shap css */
.testi_shap{
    position: absolute;
    bottom: 0;
    left: 50px;
    z-index: -1;
    animation: witr_movelr_box45 5s linear 1s infinite alternate running;
}
/*========  testimonial area end  ====*/

/*========  title area start   ======*/
.title_area{
    position: relative;
    padding: 110px 0 20px;
}
.inner_title_area .section_title_area{
    border: none;
    padding: 0;
}
.inner_title_area .section_title_area p {
    margin: 20px 0 0;
}
.inner_title_para p{
    margin-bottom: 25px;
}
/* title right shap css */
.title_right_shap {
    position: absolute;
    top: 65px;
    right: 30px;
    z-index: -1;
    animation: witr_movelr_box45 5s linear 1s infinite alternate running;
}
/*========  title area end   ======*/

/*======== blog area start  ==========*/
.blog_area {
    padding: 40px 0 90px;
}
/* inner blog area css */
.inner_blog_area {
    overflow: hidden;
    margin-bottom: 20px;
    background-color: var(--whitec);
    box-shadow: 0px 2px 6px 0px #f5f2f2;
    transition: .5s;
}
.inner_blog_area:hover{
    box-shadow: 0px 2px 6px 0px #7b6b6b;
}
.blog_main_all {
    padding: 15px 20px 25px;
    transition: .5s;
}
.inner_blog_thumb{
    position: relative;
    overflow: hidden;
}
.inner_blog_img img{
    width: 100%;
    transition: .5s;
}
.inner_blog_area:hover .inner_blog_img img{
    transform: scale(1.2);
}
/* blog overlay css */
.blog_overlay{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgb(0 0 0 / 50%);
    transform: scale(0);
    transition: .5s;
}
.inner_blog_area:hover .blog_overlay{
    transform: scale(1.2);
}
/* inner blog text css */
.inner_blog_text {
    padding: 5px 0px 5px;
}
.inner_blog_text span {
    font-size: 14px;
    margin-right: 10px;
}
.inner_blog_text span i{
    margin-right: 3px;
    color: var(--brcolor);
}
/*inner blog content css */
.inner_blog_content {
    padding: 8px 0px 5px;
    border-bottom: 1px solid var(--bgcolor);
}
.inner_blog_content h2 a {
    display: inline-block;
    font-size: 18px;
    margin-bottom: 8px;
}
.inner_blog_content h2 a:hover{
    color: var(--brcolor);
}
/* inner blog btn css */
.inner_blog_btn {
    margin-top: 10px;
}
.inner_blog_btn a {
    font-size: 16px;
    font-weight: 600;
    text-transform: uppercase;
}
.inner_blog_btn a i{
    font-weight: 700;
    margin-left: 4px;
}
/*======== blog area end  ==========*/

/*======== contact area start  ==========*/
.contact_area {
    padding: 105px 0 40px;
}
/* inner contact form */
.inner_contact_form {
    margin-bottom: 20px;
}
/* inner contact form */
.inner_contact_form input {
    outline: none;
    border: 1px solid var(--blackc);
    width: 100%;
    height: 45px;
    padding: 0 20px;
    margin-right: 15px;
}
.inner_contact_form input::placeholder,
.inner_contact_form textarea::placeholder {
    color: var(--titlecolor);
}
.inner_contact_form textarea {
    width: 100%;
    height: 100px;
    outline: none;
    padding: 20px 20px;
    border: 1px solid var(--blackc);
}
.inner_contact_form button {
    width: 100%;
    border: none;
    outline: none;
    background-color: var(--brcolor);
    color: var(--blackc);
    text-transform: uppercase;
    font-weight: 600;
    padding: 15px 50px 13px 50px;
    transition: .5s;
}
.inner_contact_form button:hover{
    background-color: var(--bgcolor);
    color: var(--whitec);
}
/*======== contact area end  ==========*/

/*======== map area start  ==========*/
.map_area {
    margin: 0;
}
.inner_map_area {
    width: 100%;
    height: 500px;
}
.inner_map_area iframe {
    width: 100%;
    height: 100%;
    border: none;
}
/*======== map area end  ==========*/

/*======== faq area start  ==========*/
.faq_area {
    padding: 110px 0 20px;
}
.inner_faq_img{
    margin-bottom: 20px;
}
.inner_faq_area button{
    outline: none;
    border: 1px dashed var(--blackc);
    border-radius: 10px;
    font-size: 18px;
    font-weight: 700;
}
.accordion-item{
    margin-bottom: 20px;
    border: none;
}
.accordion-button:focus{
    box-shadow: none;
}
.accordion-button:not(.collapsed) {
    color: var(--brcolor);
    box-shadow: none;
}
.inner_faq_area .accordion-button h4{
    margin: 0;
}
.accordion-button:not(.collapsed) {
    background: var(--brcolor);
    color: var(--whitec);
    box-shadow: none;
}
/*======== faq area end  ==========*/

/*======== portfolio area start  ==========*/
.portfolio_area {
    padding: 115px 0 120px;
}
.portfolio_area .section_title_area{
    margin-bottom: 30px;
}
.portfolio_nav_all {
    padding: 24px 0 22px;
}
/* portfolio nav css */
.portfolio_nav ul{
    list-style: none;
    margin: 0;
    padding: 0;
}
.portfolio_nav ul li{
    display: inline-block;
    border: 1px solid #f3eaea;
    padding: 10px 20px;
    font-size: 16px;
    font-weight: 500;
    margin: 0 5px 10px;
    border-radius: 5px;
    cursor: pointer;
    transition: .5s;
}
.portfolio_nav ul li.current_menu_item{
    background-color: var(--brcolor);
    color: var(--whitec);
}
.portfolio_nav ul li:hover{
    background-color: var(--brcolor);
    color: var(--whitec);
}
/* portfolio items css */
.portfolio_img_area{
    position: relative;
    overflow: hidden;
    margin-bottom: 20px;
}
.portfolio_img_area img{
    width: 100%;
}
.portfolio_overlay{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: rgb(222 169 26 / 40%);
    opacity: 0;
    visibility: hidden;
    transition: .5s;
}
.inner_portfolio_items:hover .portfolio_overlay{
    opacity: 1;
    visibility: visible;
}
.overlay{
    position: absolute;
    top: 0;
    left: 0;
    background-color: #000000a3;
    text-align: center;
}
.port_content_center {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
}
.port_content_center >a{
    display: inline-block;
    width: 55px;
    height: 55px;
    line-height: 55px;
    border-radius: 5px;
    text-align: center;
    color: var(--whitec);
    margin-right: 6px;
    transition: .5s;
}
.port_content_center a:hover{
    background-color: var(--brcolor);
    color: var(--whitec);
}
.port_content_center >a >i{
    font-size: 22px;
}
.port_content_center h2 a{
    width: 100%;
    margin-top: 10px;
    display: inline-block;
    color: var(--whitec);
    transition: .5s;
}
.port_content_center h2 a:hover{
    background: none;
    color: var(--brcolor);
}
.port_content_center p{
    color: var(--whitec);
}
.inner_portfolio_items:hover .overlay{
    opacity: 1;
    visibility: visible;
}
/* portfolio content css */
.portfolio_overlay_cont {
    position: absolute;
    top: 60%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    transition: all 0.3s ease-in-out 0.3s;
    opacity: 0;
    visibility: hidden;
}
.portfolio_overlay_cont >a{
    display: inline-block;
    width: 55px;
    height: 55px;
    line-height: 55px;
    border-radius: 5px;
    text-align: center;
    background: none;
    color: var(--whitec);
}
.portfolio_overlay_cont >a:hover{
    background: var(--bgcolor);
    color: var(--whitec);
}
.portfolio_overlay_cont >a i{
    font-size: 25px;
}
.portfolio_overlay_cont h2{
    margin: 0;
}
.portfolio_overlay_cont h2 a {
    margin-top: 10px;
    display: inline-block;
    font-size: 24px;
    color: var(--whitec);
    transition: .5s;
}
.portfolio_overlay_cont h2 a:hover{
    color: var(--bgcolor);
}
.portfolio_overlay_cont p{
    font-size: 16px;
    font-weight: 400;
    color: var(--whitec);
}
.inner_portfolio_items:hover .portfolio_overlay_cont{
    top: 50%;
    opacity: 1;
    visibility: visible;
}
/* portfolio lower nav area css */
.portfolio_lo_nav_area{
    padding: 40px 0 0;
}
.inner_portfolio_lower_nav ul{
    list-style: none;
    margin: 0;
    padding: 0;
}
.inner_portfolio_lower_nav ul li{
    display: inline-block;
}
.inner_portfolio_lower_nav ul li a{
    display: inline-block;
    border-radius: 5px;
    font-size: 19px;
    line-height: 1;
    margin: 0 5px;
    padding: 15px 24px;
    box-shadow: 0 10px 40px 0 rgba(50,65,141,.12);
}
.inner_portfolio_lower_nav ul li a.current{
    background-color: var(--brcolor);
    color: var(--whitec);
}
.inner_portfolio_lower_nav ul li a:hover{
    background-color: var(--brcolor);
    color: var(--whitec);
}
.inner_portfolio_lower_nav ul li a i{
    font-size: 22px;
    font-weight: bold;
}
/*======== portfolio area end  ==========*/

/*======== blog left area start  ==========*/
.yblog_left {
    padding: 80px 0 60px;
}
.inner_yblog_form {
    position: relative;
    width: 100%;
    padding: 20px 0 20px;
    box-shadow: 0 0 20px 0 rgb(0 0 0 / 5%);
}
.inner_yblog_form input {
    width: 90%;
    height: 55px;
    border: 1px solid #efefef;
    margin-left: 20px;
    padding-left: 20px;
}
.inner_yblog_form button {
    position: absolute;
    display: inline-block;
    right: 0;
    outline: none;
    border: none;
    padding: 15px 20px 15px;
    margin-left: -5px;
    background-color: #ddddddfa;
}
.inner_yblog_form button i{
    font-size: 18px;
}
/* inner  left title css */
.inner_yblog_left_title {
    margin: 30px 0 30px;
    width: 100%;
    padding: 20px 20px 15px;
    box-shadow: 0 0 20px 0 rgb(0 0 0 / 5%);
}
.inner_yblog_left_title h2 {
    position: relative;
    padding-bottom: 10px;
    margin-bottom: 20px;
}
.inner_yblog_left_title h2::before {
    content: '';
    position: absolute;
    top: 85%;
    width: 20%;
    border: 1px solid var(--brcolor);
    border-radius: 50%;
}
.inner_yblog_left_title a {
    display: inline-block;
    margin-top: 15px;
    font-size: 15px;
    font-weight: 400;
}
.inner_yblog_left_title a.bottom{
    border-bottom: none;
}
.inner_yblog_left_title a:hover{
    color: var(--hoverbg);
}
/* innr blog left style 2 css*/
.inner_yblgo_left_style2 a {
    display: inline-block;
    width: 100%;
    border-bottom: 1px solid #dddddd;
    padding: 13px 0 12px;
    margin-top: 0;
}
.inner_yblgo_left_style2 a:hover{
    color: var(--brcolor);
}
/* blog left inner css */
.inner_yblog_left_img{
    margin-bottom: 10px;
}
.inner_yblog_left_img img{
    width: 100%;
}
.yblog_left_inner {
    padding: 0 0;
    border: none;
    margin-bottom: 30px;
}
.yblog_left_sub{
    padding: 25px 20px 15px;
    border: none;
}
.yblog_left_sub h2{
    margin-bottom: 10px;
}
.yblog_left_sub h2 a {
    font-size: inherit;
}
.yblog_left_sub p{
    color: var(--paracolor);
}
.yblog_left_text_sub {
    padding: 0px 0 10px;
}
.yblog_left_text_sub span{
    color: var(--paracolor);
}
.yblog_left_text_sub span i{
    color: var(--brcolor);
}
.yblog_left_sub p{
    font-size: 16px;
    font-weight: 400;
    width: 95%;
}
.yblog_left_sub >a {
    display: inline-block;
    margin: 7px 0 0;
    padding: 7px 25px;
    border: 1px solid #dddddd;
    font-size: 16px;
    font-weight: 400;
    border-radius: 5px;
    color: var(--paracolor);
    text-transform: capitalize;
}
.yblog_left_sub >a:hover{
    background-color: var(--brcolor);
    color: var(--whitec);
}
.ycalender_inner h5 {
    background-color: var(--brcolor);
    color: var(--whitec);
    padding: 14px 0 12px;
    font-size: 14px;
    font-weight: 500;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 2px;
    width: 100%;
    margin: 0;
}
.ycalender_inner {
    padding: 20px 20px;
    width: 100%;
}
.ycalender_inner th {
    text-align: center;
    border: 1px solid #dddddd;
    padding: 10px 16px;
    font-size: 15px;
    font-weight: 700;
}
.ycalender_inner td {
    text-align: center;
    border: 1px solid #dddddd;
    padding: 10px 12px;
    font-size: 14px;
    font-weight: 400;
}
.ycalender_inner td.active{
    background-color: var(--brcolor);
    color: var(--whitec);
}
/*======== blog left area end  ==========*/

/*======== project information area start  ==========*/
.project_information_area {
    padding: 120px 0 100px;
}
.inner_project_information_img {
    margin-bottom: 20px;
}
.inner_project_information_img img{
    width: 100%;
}
/* inner project right content css */
.inner_project_right_content h2{
    font-size: 24px;
}
.inner_project_right_content p span{
    font-size: 16px;
    color: var(--bgcolor);
    font-weight: 700;
}
/* inner project infomation icons css */
.inner_project_in_icon a{
    width: 48px;
    height: 48px;
    border: 1px solid #dddddd;
    display: inline-block;
    line-height: 46px;
    text-align: center;
    border-radius: 30px;
    background-color: var(--whitec);
    color: var(--bgcolor);
    font-size: 20px;
    margin-right: 4px;
}
.inner_project_in_icon a:hover{
    background-color: var(--brcolor);
    color: var(--whitec);
}
/* inner project text area css */
.inner_project_text_area {
    margin-top: 25px;
}
.inner_project_text_area h2{
    font-size: 24px;
}
.inner_project_information_descrip {
    margin-bottom: 8px;
}
.inner_project_information_descrip h4{
    font-size: 16px;
}
.inner_project_information_descrip p{
    margin: 0;
}
/* inner project information description css */
.inner_project_infor_list{
    margin-bottom: 15px;
    padding: 0;
    list-style: none;
}
.inner_project_infor_list li{
    margin-bottom: 5px;
}
/*======== project information area end  ==========*/

/*======== single blog page area start  ==========*/
.inner_single_box_area{
    background-color: #f8f9fa;
    padding: 20px 20px 20px;
}
.inner_single_box_area p {
    margin-bottom: 5px;
}
.inner_single_page_content_area p{
    margin-top: 20px;
}
/* inner single page middle text css */
.inner_single_page_middle_text {
    margin: 35px 0 45px;
}
.inner_single_page_middle_text h2{
    font-size: 24px;
}
/* single blog group css */
.single_blog_group {
    margin-top: 125px;
}
.inner_single_blog_group_box {
    background-color: #f8f9fa;
    padding: 10px 20px 30px;
    margin-top: 30px;
}
.inner_single_blog_group_box p{
    font-size: 1.5em;
    font-style: italic;
    margin-bottom: 0;
}
.inner_single_blog_group_box span{
    font-size: 1.125em;
    font-weight: 400;
    color: var(--paracolor);
}
.single_blog_post_area {
    margin: 80px 0 30px;
    padding: 25px 0 25px;
    border-top: 1px solid #dddddd;
    border-bottom: 1px solid #dddddd;
}
.single_blog_post_area p{
    margin: 0;
}
.single_blog_post_area a{
    color: var(--paracolor);
    font-size: 16px;
    font-weight: 400;
}
/* single comment title css */
.single_comment_title h3{
    font-size: 20px;
}
/*======== single blog page area end  ==========*/

/*======== footer area start  ==========*/
.footer_area {
    background: #09193a;
    padding: 100px 0 70px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}
/* footer widget */
.footer_widget p {
    margin: 10px 0 10px;
    color: var(--whitec);
}
.footer_socail_icons{
    margin-top: 30px;
}
.footer_socail_icons a{
    display: inline-block;
    border-radius: 4px;
    margin-right: 5px;
    height: 40px;
    width: 40px;
    line-height: 40px;
    text-align: center;
    color: var(--whitec);
    font-size: 20px;
    border: 1px solid var(--brcolor);
}
.footer_socail_icons a:hover{
    background-color: var(--brcolor);
    color: var(--whitec);
}
.footer_widget h2 {
    padding: 0 0 8px;
    color: var(--whitec);
    position: relative;
}
.footer_widget h2::before {
    content: '';
    position: absolute;
    bottom: 0;
    border: 1px solid var(--brcolor);
    width: 25%;
    border-radius: 50%;
}
.footer_widget .qbtn a{
    display: inline-block;
    padding: 13px 30px;
    font-size: 16px;
    text-transform: inherit;
}
.footer_widget .qbtn a:hover{
    background-color: var(--bgcolor);
    color: var(--whitec);
}
/* footer nav css */
.footer_nav {
    margin-top: 15px;
}
.footer_nav ul{
    list-style: none;
    padding-left: 0;
}
.footer_nav ul li {
    padding: 0 0 10px;
}
.footer_nav ul li a{
    font-size: 16px;
    color: var(--whitec);
}
.footer_nav ul li a:hover{
    color: var(--brcolor);
}
/* footer address area css */
.footer_address p{
    color: var(--whitec);
}
.footer_address ul{
    list-style: none;
    padding-left: 0;
}
.footer_address ul li{
    font-size: 17px;
    font-weight: 400;
    padding: 0 0 10px;
    color: var(--whitec);
}
.footer_address ul li i{
    margin-right: 5px;
}
.footer_blog_area {
    margin-top: 20px;
}
.footer_main_add{
    display: flex;
    margin-bottom: 20px;
}
.footer_blog_area img{
    width: 70px;
    height: 39px;
    margin-right: 10px;
}
.footer_add_cont a {
    display: inline-block;
    font-size: 16px;
    font-weight: 400;
    color: var(--whitec);
    line-height: 19px;
}
.footer_add_cont a:hover{
    color: var(--whitec);
}
.footer_add_cont span{
    display: block;
    font-size: 14px;
    font-weight: 400;
    color: var(--whitec);
}
.footer_con_form{
    position: relative;
}
.footer_con_form input {
    height: 50px;
    position: relative;
    width: 100%;
    line-height: 43px;
    border: none;
    border-radius: 0px;
    padding-left: 20px;
    background: transparent;
    border: 1px solid var(--whitec);
    color: var(--whitec);
}
.footer_con_form input::placeholder{
    color: var(--whitec);
}
.footer_con_form button {
    position: absolute;
    top: 0;
    right: 0;
    display: inline-block;
    border: none;
    outline: none;
    padding: 12px 25px;
    background-color: var(--brcolor);
    color: var(--whitec);
}
.footer_con_form button:hover{
    background-color: var(--bgcolor);
    color: var(--whitec);
}
/*======== footer area end  ==========*/

/*======== copyright area start  ==========*/
.copy_right_area {
    padding: 15px 0 12px;
    background-color: #030813;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}
.inner_copy_right_area p{
    color: var(--whitec);
    margin: 0;
}
.copy_right_menu ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
.copy_right_menu ul li{
    display: inline-block;
    margin-left: 15px;
}
.copy_right_menu ul li a{
    font-size: 16px;
    color: var(--whitec);
}
.copy_right_menu ul li a:hover{
    color: var(--blackc);
}
/*======== copyright area end  ==========*/

/*======== scroll top btn css  ==========*/
#scrollUp {
    bottom: 40px;
    font-size: 30px;
    height: 40px;
    line-height: 40px;
    right: 40px;
    text-align: center;
    border-radius: 5px;
    width: 40px;
    background: var(--brcolor);
    color: var(--whitec);
}




/* flexslider */
ul,li{ list-style: none;}
.flexslider{position:relative;overflow:hidden;background:url(../image/loading.gif) 50% no-repeat;}
.slides{position:relative;z-index:1;padding:0 !important;}
.slides img{width: 100%; height: auto;}
.flex-control-nav{position:absolute;bottom:10px;z-index:2;width:100%;text-align:center;}
.flex-control-nav li{display:inline-block;width:14px;height:14px;margin:0 5px;*display:inline;zoom:1;}
.flex-control-nav a{display:inline-block;width:14px;height:14px;line-height:40px;overflow:hidden;background:url(../image/dot.png) right 0 no-repeat;cursor:pointer;}
.flex-control-nav .flex-active{background-position:0 0;}

.flex-direction-nav{position:absolute;z-index:3;width:100%;top:45%;}
.flex-direction-nav li a{display:block;width:50px;height:50px;overflow:hidden;cursor:pointer;position:absolute;}
.flex-direction-nav li a.flex-prev{left:40px;background:url(../image/prev.png) center center no-repeat;}
.flex-direction-nav li a.flex-next{right:40px;background:url(../image/next.png) center center no-repeat;}



/* left-nav */  
.nav-pro>ul {border:none;}
.nav-pro>ul>li {position:relative;margin:0 15px 0 0;border-bottom:1px solid #f5f5f5;transition:.3s;background:#fff;}
.nav-pro>ul>li>a {padding:2px 0 0 20px;display:block;transition:.3s;cursor:pointer;line-height:42px;}
.nav-pro>ul>li:hover>a {border-left:5px solid #09193a;background:#f5f5f5;}
.nav-pro>ul>li>i {position:absolute;right:6px;top:8px;font-size:24px;}
.nav-pro>ul>.active {border:none;}
.nav-pro>ul>.active>a {border-left:5px solid #333;background:#f5f5f5;display:block;}
.nav-pro>ul>li>a {color:#333;font-size:16px;}
.nav-pro>ul>li>ul>li>a {color:#555;padding:10px 5px;margin:0 10px;border-bottom:1px solid #ddd;display:block;font-size:15px;}
.nav-pro>ul>li>ul>.active {background:#333;}
.nav-pro>ul>li>ul>li>ul>li {padding-left:26px;}
.nav-pro>ul>li>ul>li>ul>li>a {color:#888;line-height:32px;width:92%;display:block;padding:0 0 0 8px;border-bottom:1px dotted #ddd;}
.submenu {display:none !important;}
.showsub .submenu {display:block !important;}
.sonmenu {display:none;}

/* ny-page*/  
.pagination {display:-ms-flex;display:flex;-ms-flex-flow:row wrap;flex-flow:row wrap;margin:30px auto 0;justify-content:space-between;}
.pagination span>a {padding:5px 10px;color:#333;border:solid 1px #ccc;border-radius:5px;}
.page-num-current {padding:5px 0 !important;}
.pagination span>a select,.pagination span>a select:focus {border:solid 1px transparent !important;padding:5px 10px;background:transparent;}
.pagination>.active>a,.pagination>.active>a:focus,.pagination>.active>a:hover,.pagination>.active>span,.pagination>.active>span:focus,.pagination>.active>span:hover {z-index:3;color:#fff;cursor:default;background-color:#031652;border-color:#031652;}


.wenz p{ text-indent:2em;line-height:30px;}
.newback{ width:100%;height:auto;display:flex;display:-webkit-flex;flex-flow:row wrap;justify-content:space-between;margin-top:50px;}

.abnr p{ text-align: justify;}

.canshu h3{ font-size:26px;margin:30px 0 0;background:var(--brcolor);height:52px;line-height:52px;text-align:center;margin-bottom:5px;}
.canshu table {width:100% !important;height:auto;border:1px solid #ddd;margin:10px auto;}
.canshu table tbody{ width:100% !important; height:auto;}
.canshu table tbody tr:nth-of-type(1) td {font-weight:600;}
.canshu table tbody tr td {padding:5px;vertical-align:center;border-bottom:1px solid #ddd;border-right:1px solid #ddd;text-align:left;}


@media all and (max-width:768px) {
    .mobilemenu_con img{ width:120px;}
    .flex-control-nav{ display:none;}
    .sj{ display:none;}
    .copy_right_area{ margin-bottom:64px !important;}
}