@charset "UTF-8";

/*
Theme Name: Vkdelivery
Theme URI: https://wordpress.org/themes/twentytwentyone/
Author: the WordPress team
Author URI: https://wordpress.org/
Description: Twenty Twenty-One is a blank canvas for your ideas and it makes the block editor your best brush. With new block patterns, which allow you to create a beautiful layout in a matter of seconds, this theme’s soft colors and eye-catching — yet timeless — design will let your work shine. Take it for a spin! See how Twenty Twenty-One elevates your portfolio, business website, or personal blog.
Requires at least: 5.3
Tested up to: 6.0
Requires PHP: 5.6
Version: 1.6
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: twentytwentyone
Tags: one-column, accessibility-ready, custom-colors, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, block-patterns, rtl-language-support, sticky-post, threaded-comments, translation-ready

Twenty Twenty-One WordPress Theme, (C) 2020 WordPress.org
Twenty Twenty-One is distributed under the terms of the GNU GPL.
*/

/**
 * SETTINGS
 * File-header..........The file header for the themes style.css file.
 * Fonts................Any font files, if the project needs specific fonts.
 * Global...............Project-specific, globally available variables.
 *
 * TOOLS
 * Functions............Global functions.
 * Mixins...............Global mixins.
 *
 * GENERIC
 * Normalize.css........Normalise browser defaults.
 * Breakpoints..........Mixins and variables for responsive styles
 * Vertical-margins.....Vertical spacing for the main components.
 * Reset................Reset specific elements to make them easier to style in other contexts.
 * Clearings............Clearings for the main components.
 *
 * ELEMENTS
 * Blockquote...........Default blockquote.
 * Forms................Element-level form styling.
 * Headings.............H1–H6
 * Links................Default links.
 * Lists................Default lists.
 * Media................Images, Figure, Figcaption, Embed, iFrame, Objects, Video.
 *
 * BLOCKS
 * Audio................Specific styles for the audio block.
 * Button...............Specific styles for the button block.
 * Code.................Specific styles for the code block.
 * Columns..............Specific styles for the columns block.
 * Cover................Specific styles for the cover block.
 * File.................Specific styles for the file block.
 * Gallery..............Specific styles for the gallery block.
 * Group................Specific styles for the group block.
 * Heading..............Specific styles for the heading block.
 * Image................Specific styles for the image block.
 * Latest comments......Specific styles for the latest comments block.
 * Latest posts.........Specific styles for the latest posts block.
 * Legacy...............Specific styles for the legacy gallery.
 * List.................Specific styles for the list block.
 * Media text...........Specific styles for the media and text block.
 * Navigation...........Specific styles for the navigation block.
 * Paragraph............Specific styles for the paragraph block.
 * Pullquote............Specific styles for the pullquote block.
 * Quote................Specific styles for the quote block.
 * Search...............Specific styles for the search block.
 * Separator............Specific styles for the separator block.
 * Spacer...............Specific styles for the spacer block.
 * Table................Specific styles for the table block.
 * Verse................Specific styles for the verse block.
 * Video................Specific styles for the video block.
 * Utilities............Block alignments.
 *
 * COMPONENTS
 * Header...............Header styles.
 * Footer...............Footer styles.
 * Comments.............Comment styles.
 * Archives.............Archive styles.
 * 404..................404 styles.
 * Search...............Search styles.
 * Navigation...........Navigation styles.
 * Footer Navigation....Footer Navigation styles.
 * Pagination...........Pagination styles.
 * Single...............Single page and post styles.
 * Posts and pages......Misc, sticky post styles.
 * Entry................Entry, author biography.
 * Widget...............Widget styles.
 * Editor...............Editor styles.
 *
 * UTILITIES
 * A11y.................Screen reader text, prefers reduced motion etc.
 * Color Palette........Classes for the color palette colors.
 * Editor Font Sizes....Editor Font Sizes.
 * Measure..............The width of a line of text, in characters.
 */

/* Categories 01 to 03 are the basics. */

/* Variables */





@font-face {
    font-family: 'serpentine_dbold_italic';
    src: url('./fonts/serpentine_d_bold_italic-webfont.woff2') format('woff2'), /* Using .woff2 first for better compression */
         url('./fonts/serpentine_d_bold_italic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;  /* Ensures text is visible with a fallback font until the custom font loads */
}



body{font-family: 'Roboto', sans-serif; font-size: 16px;}
header,footer,nav,article,aside,video{margin:0px; padding:0px; display: block; width: 100%; height: auto;}
section{margin:0px; padding:80px 0; display: block; width: 100%; height: auto;}
h1,h2,h3,h4,h5,h6{margin:0px; padding:0px; color: #000000; text-transform:uppercase; font-size: 30px; text-align: left;font-family: 'serpentine_dbold_italic';}
h1 span,h2 span,h3 span,h4 span {color: rgb(193,38,51);}
ul,ol{ margin:0px; padding:0px;}

a, input, button, img {-moz-transition:all 0.5s ease 0s; -ms-transition:all 0.5s ease 0s;-o-transition:all 0.5s ease 0s;-webkit-transition:all 0.5s ease 0s; transition:all 0.5s  ease 0s; text-decoration:none; outline:0px; } 
.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show > .btn-primary.dropdown-toggle {
color: #fff;background-color: #ff920e;border-color: #ff920e;}
a:hover, button:hover, input:hover, a:focus, button:focus, input:focus {text-decoration:none !important;} 
.form-control{ border-radius: 0px !important; font-size: 15px; height:40px; color: #000000;}
.form-control:focus{ box-shadow: none !important;}
.img-responsive{width: 100%; height: auto;}
.btn{border: 0px solid transparent !important; border-radius: 50px; padding: 7px 27px !important; font-size: 14px; background: #005696; color: #fff; outline: none !important; position: relative; z-index: 1;text-transform: uppercase;  overflow: hidden; text-transform: capitalize;}
.btn:hover,.btn:focus,.btn:active{color: #fff; z-index:1;}
.btn::after,.black_btn::after {position: absolute;width: 100%;height: 0%; z-index: -1;background: #c41230;left: 0px;content: "";transform: skewX(0);transition: all .5s ease;bottom: 0px;}
.btn:hover::after{transform:scaleX(1) !;height: 100%;}
.black_btn:hover::after {height: 100% !important;transform: scale(1) !important;border-radius: 50px;;}
.content_box aside:hover a {color: #fff;}
.black_btn{border: 2px solid #005696 !important; border-radius: 50px; padding: 10px 29px !important; font-size: 14px;  color: #fff; outline: none !important; position: relative; z-index: 1;text-transform: uppercase;  overflow: hidden; text-transform: capitalize;}


/*  */
.main_manu ul li ul{padding: 0px;border: none;}
.main_manu ul li ul li {padding: 5px 10px;}
.main_manu ul li ul li:hover {background: #005696;}
.main_manu ul li ul li:hover a{color: #fff;}
.main_manu ul li ul li a {color: #000;transition: .5s;}
.main_manu .navbar {padding: 0px;width: 100%;}
.main_manu ul li {padding: 0px 18px;}
.main_manu ul li a {color: #000;position: relative;transition: all .5s ease;}
.main_manu ul li.active a,
.navigation ul li.current_page_item > a {color: #005696;}
.navigation .navbar .navbar-nav > .active > a,
.navigation .navbar .navbar-nav > .active > a:focus,
.navigation .navbar .navbar-nav > .active > 
.main_manu ul li a .active {color: #005696 !important;}
.main_manu aside{width: auto;margin-left: 20px;}
.navbar-brand {display: flex;justify-content: space-between;align-items: center;}
/* .main_manu .navbar.navbar-expand-md.navbar-light a span {color: #000;font-size: 14px;line-height: 18px;font-family: 'serpentine_dbold_italic';} */
.main_manu .logo_sec span {padding-left: 10px;font-family: 'serpentine_dbold_italic';font-size: 14px;color: #000;line-height: 18px;}
.main_manu {position: absolute;top: 0px;z-index: 2;width: 100%;background: rgba(255, 255, 255, 0.9);
padding: 10px;}
.main_manu ul li ul{margin: 0;}
.main_manu .sub {position: absolute;right: 0px;top: -2px;}
.main_manu .sub, .main_manu .sub .fa::before {display: inline-block !important;}
#collapsibleNavbar ul li a::after {display: none;}
#menu-item-74 .sub-menu-toggle {display: none;}
/*  */

/* bnner */
.banner {padding: 0px;position: relative;background-color: #000}
#main_silder .carousel-caption {right: 0px;left: 0px;top: 37%;padding: 0px; text-align: left;}
#main_silder .owl-item img {display: block;width: 100%;opacity: 1;}
#main_silder .carousel-caption h1 {font-size: 40px;width: 100%;max-width: 550px;font-weight: bold;  color: #fff;}
#main_silder .carousel-caption h1 b{color: #005696;}
.content_box p {padding: 15px 0px;width: 100%;max-width: 434px;}
.content_box .black_btn::after {position: absolute;width: 100%;height: 0%;z-index: -1;background: #c41230;left: 0px;content: "";transform: skewX(0);transition: all .5s ease;
	bottom: 0px;}
  .content_box .black_btn::hover::after {transform: scaleX(1);height: 100%;}
#main_silder .owl-dots, #main_silder.owl-nav {display: none;}
#main_silder .owl-nav,#main_silder .owl-nav {display: none;}
/*  */
/* top_info */
.top_info {background: rgb(193,38,51);padding: 8px 0px;}
.top_left {display: flex;justify-content: space-between;align-items: center;}
.top_info ul li {display: inline-block;padding-left: 18px;}
.top_left ul li:first-child,.top_right ul li:first-child {padding-left: 0px;}
.top_info ul li a {color: #fff;}
.top_info ul li a span{padding-left: 18px;}
/*  */

/* home_about */
.home_about {background: #1e2126;}
.home_about .about_left {margin: 30px 0px;color:#fff; margin-top: 0;}
.home_about .about_left ul{margin:20px 0px;}
.home_about .about_left ul li {	list-style: none;padding: 5px 0px;}
.home_about .about_left h3 {color: #f7f7f7;width: 100%;}
.about_left h3 span {color: #005696;background: #fff;padding: 2px 9px;display: inline-block;}
.home_about .about_left p {color: #f7f7f7;padding: 30px 0px 0px;line-height: 28px;margin-bottom: 5px;}
.home_about .about_left a span {padding-right: 10px;}
.home_about .about_two {position: relative;transition: all ease-in;}
.home_about .about_two figcaption {position: absolute;width: 100%;top: 50%;left: 50%;transform: translate(-50%, -50%);text-align: center;margin: 0 auto;}
.home_about .about_one figure {overflow: hidden;}
.home_about .about_one img {width: 100%;object-fit: cover;	object-position: top;	height: 510px;}
.home_about .about_left a {margin-bottom: 30px;	display: block;}
.home_about .about_one img,.about_two img {width: 100%;}
.home_about .about_one img:hover{transform: scale(1.1);}
.home_about .about_two figcaption h5 {color: #fff;text-align: center;font-size: 60px;transition: all ease-in; display: none;}
.home_about .about_two figcaption h6 {color: #fff;text-align: center;font-size: 18px;text-transform: unset;transition: all ease-in; display: none;}
.home_about .about_two:hover h5, .home_about .about_two:hover h6{display: block;}
.home_about .about_two::before {position: absolute;content: "";background: #000000bd;top: 25px;left: 0px;width: 85%;height: 85%;right: 0px;margin: 0px auto;opacity: .4;transition: all ease-in; display: none;}
.home_about .about_two:hover::before {transition: all ease-in; display: block;}
.home_about .happy_custmore {margin-top: 40px;}
.home_about .happy_custmore h5 {font-size: 18px;font-weight: 500;color: #fff;font-family: 'Roboto', sans-serif;font-style: italic;}
.home_about .happy_custmore h6 {font-size: 36px;font-weight: bold;color: #fff;font-family: 'Roboto', sans-serif;}
.home_about .about_left a {	color: #fff;text-transform: capitalize;	transition: .5s;}
.home_about .about_left a i {transition: .5s;margin-left: 5px;}
.home_about .about_left a:hover i {	padding-left: 10px;}
.home_about .about_left a:hover {transform: translateY(5px);color: #c12633;}
/*  */

/* services */
.serivces {position: relative;background-color: #fff;padding-bottom: 30px;}
.serivces > img {position: absolute;top: 0px;opacity: .10;left: 0px;height: 100%;width: 100%;object-fit: cover;display:none;}
.serivces img{width: 100%;}
.serivces .ser-heading h4 {text-align: center;}
.serivces .ser-heading p {text-align: center;width: 100%;max-width: 769px;margin: 0px auto;padding: 25px 0px 45px 0px;}
.serivces .ser-one h6 {font-size: 20px;padding-bottom: 10px;font-weight: normal;}
.serivces .ser-one p {margin-bottom: 5px;}
.serivces .ser-one a {color: #005696;font-size: 20px;}
.ser-one {margin-bottom: 50px;}
.serivces .ser-one h6 a {color: #005696;}
.serivces .ser-heading {margin-bottom: 50px;}
/*  */

/* service area */
.service_area {position: relative;padding-bottom: 55px;}
.service_area .row {align-items: center;flex-wrap: wrap;}
.service_area img{width: 100%;}
.service_area > img {position: absolute;top: 0px;width: 100%;left: 0px;height: 100%;object-fit: cover;}
.service_left {position: relative;}
.service_left figcaption {position: absolute;top: 50%;left: 50%;text-align: center;z-index: 2;  ;display: flex;justify-content: center;align-items: center;transform: translate(-50% ,-50%);}
.modal-body iframe {width: 100%;}
.modal-body .close {position: absolute;left: 0px;background: #c82e46;opacity: 1;border-radius: 50%;width: 30px;height: 30px;display: flex;justify-content: center;align-items: center;color: #fff;top: 16px;}
.modal-body,.modal-header{padding: 0px;}
.service_left figure figcaption img{width: auto !important;  box-shadow: 0 0 0 0 #fff; transform: scale(1); border-radius: 50%;}
.service_left figure:hover figcaption img{animation: pulse 2s infinite;}
/* .service_left figure:hover{box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);} */
@-webkit-keyframes pulse {to {box-shadow: 0 0 0 0 rgb(33, 145, 135,0);} }
@-moz-keyframes pulse {to {box-shadow: 0 0 0 45px  rgb(33, 145, 135,0);} }
@-ms-keyframes pulse { to{box-shadow: 0 0 0 45px rgb(33, 145, 135,0);} }
@keyframes pulse { to{box-shadow: 0 0 0 45px  rgb(33, 145, 135,0);}}
.service_area h4 {color: #fff;}
.service_area p {color: #fff;padding: 20px 0px 20px 0px;margin: 0px;}
.right_loc{margin-bottom: 25px;text-align: center;text-align: left;display: flex;
justify-content: space-between;}
.right_loc p:nth-child(2) {	margin: 0px 15px;}
.right_loc img {width: auto;padding-bottom: 10px;}
.right_loc p {font-size: 20px;color: #fff;font-weight: bold;text-align: center;display: inline-block;padding: 0px;margin-bottom: 15px;text-transform: uppercase;}
.right_loc ul li span {color: #fff;font-weight: bold;padding-left: 10px;text-transform: uppercase;}
.right_loc ul {display: flex;justify-content: space-between;align-items: center;}
.right_loc.on ul {justify-content: center;}
.bg{background-color: #1e1f26;height: 100vh;color: #ffffff;display: flex;align-items: center;justify-content: center;}
.level{background-color: #00d1b2;padding: 5rem 0;color: #ffffff;margin: 0!important;}
.title{color: inherit;width: 200px;height: 36px;}
/* conter-end */
/*  */

/* news */
.news {padding-bottom: 50px;}
.news_head h4{text-align: center;}
.new-box img {width: 100%;transition: .5s;	height: 250px !important;	object-fit: cover;}
.new-box {margin: 30px 0px;}
.new-box figure {overflow: hidden;}
.new-box img:hover {transform: scale(1.3);}
.news_box {position: relative;margin: -42px 22px 0px 22px;background: #fff;-webkit-box-shadow: 0px 11px 8px #9b9b9b;box-shadow: 0px 11px 8px #9b9b9b;padding: 14px;  transition: .5s;overflow: hidden;}
.news_box:hover {transform: translateY(-30px);}
.news_box p {font-size: 14px;background: #000;display: inline-block;padding: 2px 12px;color: #fff;text-align: center;margin: 0px 0px 10px 0px;}
.news_box h6 {font-size: 18px;line-height: 24px;text-transform:  unset;;font-weight: 500;font-family: 'Roboto', sans-serif;}
.news_box aside a {font-size: 16px;color: #000;transition: .5s;position: relative;}
.view-btn {text-align: center;}
.view-btn a {position: relative;display: inline-block;padding: 15px 30px;text-decoration: none;overflow: hidden;color: #000;font-size: 16px;transition: 0.2s;
}
.view-btn a:hover {color: #fff;background: #c12633;box-shadow: 0px 0px 10px #9b9091, 0px 0px 10px #9b9091, 0px 0px 10px #9b9091;transition-delay: 1s;}
.view-btn a span{position: absolute; display: block;}    
.view-btn a span:nth-child(1){top: 0px;left: -100%; width: 100%; height: 2px; background: linear-gradient(90deg,transparent,#c12633);}
.view-btn a:hover span:nth-child(1){left: 100%;transition: 1s;}
.view-btn a span:nth-child(3){bottom: 0px;right:-100%; width: 100%; height: 2px; background: linear-gradient(270deg,transparent,#c12633);}
.view-btn a:hover span:nth-child(3){right: 100%;transition: .5s;transition-delay: 0.5s;}
.view-btn a span:nth-child(2){top:-100%;right:0; width: 2px; height: 100%; background: linear-gradient(180deg,transparent,#c12633);}
.view-btn a:hover span:nth-child(2){top: 100%;transition: 1s; transition-delay: 0.25s;}
.view-btn a span:nth-child(4){bottom:-100%;left:0; width: 2px; height: 100%; background: linear-gradient(360deg,transparent,#c12633);}
.view-btn a:hover span:nth-child(4){bottom: 100%;transition: 1s; transition-delay: 0.25s;}
/*  */

/* call us */
.call_us {position: relative;padding: 70px 0px;overflow: hidden;background: #000;}
.call_us > img {position: absolute;top: 0px;left: 0px;height: 100%;width: 100%;object-fit: cover;transition: .5s;opacity: .6;}
.call_us > img:hover {transform: scale(1.1);}
.call_us p {font-size: 24px;color: #ffff;text-align: center;font-style: italic;font-weight: 500;text-transform: uppercase;line-height: 36px;}
.call_content .view-btn a {background: #fff;font-size: 30px;font-weight: bold;padding: 18px 47px;}
.call_content .view-btn a:hover {color: #fff;background: #c12633;box-shadow: 0px 0px 5px #9b9091, 0px 0px 5px #9b9091, 0px 0px 5px #9b9091;-delay: 1s;
}
.call_content .view-btn {margin-top: 30px;}
/*  */

/*  */
.tree_wrapper {display: flex; justify-content:space-between; width: 100%;flex-wrap: wrap; position: relative;}
.tree_left figure {max-width: 559px; width: 100%; height: 100%; max-height:575px; }
.tree-content p {width: 100%;max-width: 200px;margin: 20px 0px 0px !important;}
.tree_flex {display: flex; justify-content: space-between ;align-items: center;}
.tree_right p {margin: 30px 0px 0px 0px;}
.tree_flex figure {	margin: 0;}
.tree_flex figure img {
	display: none;
}
.tree_right {background: #fff;box-shadow: 5px 3px 8px #9b9b9b;padding:45px 35px 45px 49px; align-self: flex-start; position: absolute; top: 50%; right: 0; transform: translate(0,-50%);  max-width: 744px;
    height: auto;}
.tree_left img{width: 100%;max-width: 450px;}
.tree_right h5{word-break: break-all;}
/*  */
/** Section C CSS Start **/
.section-c{background-color: #000;position: relative;padding: 70px 0px 50px; }
.home-main.section-c img {position: absolute;top: 0px;width: 100%;height: 100%;left: 0px;opacity: .3;}
.heading-c h6{text-align: center; color: #fff;}
.home-main.section-c > .container {position: relative;}
.heading-c .heading-top::before{background-color: #fff; left: 111px;}
.heading-c .heading-top img{margin-left: 59px;}
#review-slider .review-box {margin: 30px 0px 0px;}
#review-slider .owl-item{padding-top: 21px;}

#review-slider .owl-prev,#review-slider .owl-next{position: absolute; top: 25%; font-size: 40px; color: #fff; background: none;}
#review-slider .owl-prev{left: -30px;}
#review-slider .owl-next{right: -30px;}
#review-slider .owl-carousel .owl-nav button.owl-next, 
#review-slider .owl-carousel .owl-nav button.owl-prev{font-size: 40px; color: black;}
#review-slider .owl-dots .owl-dot.active span, 
#review-slider .owl-dots .owl-dot:hover span{background: #f7b500;}
#review-slider .owl-dots .owl-dot span{background: #fff; width: 12px; height: 12px; margin: 0px 5px;}
.review-contnet{background: #fff; padding: 40px 20px 25px 20px; text-align: center; line-height: 28px; font-size: 16px; border-radius: 4px; position: relative;}
.review-contnet p{margin: 0px; color: #454545; line-height: 28px;text-align: left;}
.review-contnet .fa-quote-left{position: absolute; height: 52px; width: 52px; line-height: 49px; border-radius: 10px; color: #fff; background: #005696; font-size: 25px; left: 22px; top: -21px; }
.review-contnet::before{content: ''; position: absolute; bottom: -22px; left: 50px; width: 0; height: 0; border-left: 30px solid transparent; border-right: 30px solid transparent;  border-top: 23px solid #fff;}
.client-info{padding-left: 50px; margin-top: 30px;}
.client-info h5{font-size: 18px; text-transform: none; font-weight: 500; text-align: left; color: #fff;font-family: 'Roboto', sans-serif;}
.client-info p{margin-bottom: 0px; color: #dfdfdf;font-size: 18px;}
/** Section C CSS End **/

.vK_delivery ul.list-unstyled li span {
    margin-right: 3px;
}
section.serivces {position:relative}
section.serivces { 
    background-image: url(http://www.webdesigndemo1.com/vkdelivery/wp-content/uploads/2024/08/truck-location-bg.png);
    background-size: contain;
background-position:center;
    position: relative;background-repeat:no-repeat;
}
section.serivces:before {position: absolute;left: 0;top: 0;display: block; width: 100%;height: 100%;background-color: rgba(255,255,255, 0.8); content: "";}
/* partnership */
.com_patner {padding: 75px 0px;}
.com_patner .heading-c h6 {text-align: center;color: #000;margin-bottom: 30px;}
.com_patner {position: relative;}
.com_patner #partnership  .owl-nav.disabled + .owl-dots {margin-top: 30px;transition: .5s;}
.com_patner #partnership  .owl-dots .owl-dot.active span,
.com_patner  #partnership  .owl-dots .owl-dot:hover span {background: #005696;width: 25px;transition: .5s;}
.com_patner #partnership  .owl-dots .owl-dot span {transition: opacity .1s ease;border: 1px solid #cccccc;background-color: #f5f3f2;}
.partner-box ul li {list-style: none;}
/* footer */
.footer {background: #005696;position: relative;padding: 30px 0px 0px;}
.footer > img {position: absolute;top: 0px;width: 100%;left: 0px;height: 100%;object-fit: cover;opacity: .7;}
.home_loc ul {display: flex;justify-content: space-between;align-items: center;}
.home_loc ul li {color: #fff;font-size: 16px;font-weight: 500;text-transform: uppercase;display: flex; align-items: flex-end;}
.home_loc ul li span {padding-left: 8px;}
.home_loc {border-bottom: 1px solid #ffffff6e;padding-bottom: 20px;}
.foot {padding: 25px 0px; color: #fff;}
.company_info p {color: #fff;}
.company_info a {color: #fff;border-bottom: 1px solid #ffffff6b;}
.foot-follow {margin-bottom: 45px;}
.foot-follow ul {display: flex;}
.foot-follow ul li a{color: #fff;transition: .5s;}
.foot-follow ul li a {background: transparent;	width: 30px;height: 30px;	display: inline-flex;	justify-content: center;	align-items: center;}
/* .foot-follow ul li:nth-child(2) {padding: 0px 23px;} */
.foot-follow ul li:hover a {color: #c12633;	background: #fff;height: 30px;}
.foot-ser h6,.foot.foot-con h6,.foot-follow h6 {font-size: 18px;color: #fff;margin-bottom: 12px;}
.foot.foot-ser ul li a {color: #fff;line-height: 35px;position: relative;transition: .5s;}
.foot.foot-ser ul li a::before{position: absolute; content: "\f101"; width: 15px; height: 15px; left: 0px;top: 0px;font-family: FontAwesome;opacity: 0;transition: .5s;font-size: 15px;
    line-height: 18px;}
.foot.foot-ser ul li:hover a{padding-left: 25px;}
.foot.foot-ser ul li:hover ::before{opacity: 1;}
.foot.foot-con ul li a {color: #fff;display: flex;}
.foot.foot-con ul li{padding:0px 0px 20px;}
.foot.foot-con ul li:last-child {padding: 0;}
.foot.foot-con ul li a .fa {border: 1px solid #fff;width: 40px;height: 40px;text-align: center;vertical-align: middle;line-height: 40px;font-size: 18px;}
.foot.foot-con ul li a .fa:hover {background: #fff;	color: #000;transition: .5s;}
.foot.foot-con ul li a span{margin-left: 10px;}
.copy-right {border-top: 1px solid #ffffff82;padding: 10px 0px;display: flex;justify-content: space-between;align-items: center;}
.copy-right p {color: #fff;margin: 0px;}
.home_loc ul li:hover img {	transform: scale(1.5);	object-fit: cover;}
.foot.foot-con ul li div a span{margin: 0px; margin-right: 3px;}
.foot.foot-con ul li div a .fa {margin-right: 10px;}

/**  **/

/**inner_about  **/
.inner-top {padding: 0px;background-color: #000;}
/*.feature-top {position: relative;height: 400px;overflow: hidden;}*/
.feature-top {
    position: relative;
/*     height: 500px; */
    overflow: hidden;    
    background-size: cover;
    background-position:right;
}

.postid-258 .feature-top { background-position: bottom center;}
	.postid-256	.feature-top img {object-position: 10% 50px;}

.feature-top img {width: 100%;height: 100%;object-fit: cover;object-position: top;z-index: 0;opacity: 1;object-position: right;min-height: 270px;}
.inner-top .heading {position: absolute;text-align: center;left: 50%;top: 63%;transform: translate(-50%, -63%);}
.inner-top .heading h1 {color: #fff;font-weight: 700;text-transform: uppercase;position: relative;padding: 20px 30px;background: #005696;border-radius: 5px;
	border: 1px solid #000;}
  /**  **/

  /*Contact Inner CSS Start*/
.con-left h2 {text-align: left; font-size: 25px; font-weight: 600;}
.con-min h6 {font-size: 18px;padding-bottom: 10px;}
.con-min ul li {margin-bottom: 10px;}
.con-min ul li a {color: #000;}
.vK_delivery {margin-bottom: 16px;}
.con-left hr {margin: 15px 0px 15px 0px; border: 0; border-top: 2px solid #ccc;	width: 100px}
.con-left p {font-size: 16px; margin-bottom: 10px;}
.con-left p a {color: #404040;word-break: break-all;}
.con-left .list-unstyled li:first-child {margin-bottom: 5px;}
.con-min {margin-bottom: 5px; min-height: 86px;}
.con-socail .social-media{justify-content: flex-start;}
.con-socail .social-media li .fa:hover{background-color: #de2f38; color: #fff;}
.con-form form {background: #f5f6f9; border-radius: 5px; border: 1px solid #ddd; padding: 20px; box-shadow: rgba(0, 0, 0, 0.1) 0px 3px 8px 0px;  width: 100%; }
.con-form h6 {text-align: left; font-size: 25px; margin-bottom: 20px;}
.con-form .form-row {margin-bottom: 15px;}
.home_main.contact-inner .con-form textarea {resize: none;height: 80px;}
.con-form .round-btn {font-size: 14px;}
.con-form .round-btn:hover {background: #ff9d60;}
.map-sec{margin-top: 40px;}
.map-sec iframe{width: 100%; height: 400px; border: 1px solid #ccc !important;  box-shadow: rgba(0, 0, 0, 0.1) 0px 3px 8px 0px;}
.con-from .form-control{height: 45px; border: 1px solid #ccc !important; }
.con-from textarea.form-control{height: 120px;}
.con-form form label{display: none;}
.locate_list li{display: inline-block; margin: 0 10px 10px 0;}
.con-form .btn{font-size: 15px; padding: 10px 30px !important;}
/*Contact Inner CSS End*/

.modal-body iframe {width: 100%;height: 320px;}





/* blog-css */
.back-to-top {cursor: pointer; position: fixed; bottom: 20px; right: 20px; display:none;}
.blog_box figure{overflow: hidden; position: relative; margin-bottom: 15px; -webkit-transition: 0.5s all; -o-transition: 0.5s all; transition: 0.5s all; }
.blog_box figure img{-webkit-transition: 0.5s all; -o-transition: 0.5s all; transition: 0.5s all;}
.blog_box:hover figure{box-shadow: rgba(0, 0, 0, 0.35) 0px 14px 28px, rgba(0, 0, 0, 0.35) 0px 14px 28px;}
.blog_box:hover figure img{transform: scale(1.1);}
.blog_box h2{text-align: left; margin-bottom: 0; font-size: 22px; text-transform: capitalize;}
.blog_box h2 a{color: #000000;}
.blog_box hr{border-top: 2px solid #b1e5e7; width: 60px; margin: 10px 0px;}
.blog_box .post{margin-bottom: 5px; font-weight: 700; font-size: 14px;}
.blog_box .post a{color: #000000;}
.blog_box .post a:hover{text-decoration: underline !important;}
.blog_top .blog-flex{display: flex; justify-content: space-between;}
.blog_box .catogary{display: flex; flex-wrap: wrap; margin: 10px 0; }
.blog_box .catogary li{margin-right: 5px;}
.blog_box .catogary li:last-child{margin-right: 0px;}
.blog_box .catogary li a {background: #000;color: #fff;padding: 5px 8px !important;border-radius: 10px !important;font-size: 13px;}
.blog_box .catogary li a:hover,.blog_box .catogary li a:focus{background: #b1e5e7; color: #000;}
.blog_box {margin: 0px 15px 30px;}
.blog_box:nth-child(3),
.blog_box:nth-child(6){margin: 0px 0px 30px;}

/** **/
/* bolg-inner-details-page-css */
.blog_box.details hr {border-bottom: 2px solid #000;width: 100%;}
.blog_box .details{padding-left: 0px;padding-top: 20px;}
.blog_box .details li {border-bottom: 1px solid #ccc;margin-bottom: 10px;}
.blog_box .details li a {display: block;padding: 10px 0px;position: relative;text-decoration: none !important;color: #494949;font-size: 15px;
-webkit-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;}
.blog_box .details li a::before {position: absolute;top: 10;left: 0;content: "\f0a4"; color: #494949;font-family: fontawesome;
-webkit-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;opacity: 0;}
.blog_box .details li a:hover::before {opacity: 100%;}
.blog_box .details li a:hover {padding-left: 25px;}
.blog_box.details .img-responsive {height: 400px;object-fit: cover;object-position: top;
}
/**  **/


.single-new .figure-image .images {object-fit: cover;
	display: flex;
	align-items: center;
	justify-content:flex-start;
}
.single-new .figure-image .images img {
	width: auto;
	height: auto;
	max-width: 100%;
	max-height: 100%;
}
.single-new .left {	margin: 20px 0px;}





/************************ innner-services *************************/
/*sing Service Deatil CSS Start*/
.serv-left h2{font-size: 25px; text-transform: capitalize; text-align: left; font-weight: 500; margin: 25px 0px 15px 0px;}
.side-serv h4{font-size: 25px; text-transform: capitalize; text-align: left; font-weight: 500; margin: 0px 0px 15px 0px;}
.side-serv ul li{border-bottom: 1px solid #ccc;}
.side-serv ul li a{display: block; padding: 10px 0px; position: relative; color: #494949; font-size: 15px;}
.side-serv ul li:first-child a{padding-top: 0px;}
.side-serv ul li:last-child{border: 0px;}
.side-serv ul li a::before{position: absolute; top: 10; left: 0; content: "\f0a4"; color: #275a75; font-family: fontawesome; transition: all 0.5s ease; opacity: 0;}
.side-serv ul li a:hover{ padding-left: 25px;}
.side-serv ul li a:hover::before{opacity: 1;}
.need-help{margin-top: 25px;}
.need-help h4{font-size: 25px; text-transform: capitalize; text-align: left; font-weight: 500; margin: 0px 0px 5px 0px;}
.need-help p{font-size: 15px; line-height: 26px;}
.need-help ul li{border-bottom: 1px solid #ccc; display: flex; align-items: center; justify-content: flex-start; padding: 10px 0px;}
.need-help ul li:last-child{border: 0px;}
.need-help ul li a{position: relative; color: #494949; font-size: 15px;}
.need-help ul li .fa{margin-right: 10px; transition: all 0.5s ease;}
.need-help ul li:hover .fa{color: #275a75;}
.serv-left > img {width: 100%;}
/*Service Deatil CSS End*/

/*service page  */
.news.service-inner .news_box {	margin: 0;	box-shadow: none;	padding: 0;}
.news.service-inner .news_box p{font-family: 'serpentine_dbold_italic';}
.news.service-inner .news_box:hover {transform: translate(0);}
.news.service-inner .news_box aside {margin-top: 10px;}
.news.service-inner .news_box aside a {	background: #005696;color: #fff;padding: 2px 10px;	line-height: 30px;	display: inline-block;font-size: 14px;}
.news.service-inner .news_box aside a:hover {background: #c12633;}
.news.service-inner .news_box ul {	margin: 10px 0px;}
.news.service-inner .news_box ul li{font-size:16px;line-height: 18px;}
.news_box h6{font-size:16px;font-family: 'Roboto', sans-serif;line-height: 24px;font-weight: normal;}
.blog_box figure a img {width: 100% !important;	height: 100% !important;object-fit:cover;}
.blog_box figure{height: 300px;}
.serv-left img {height: 500px !important;object-fit: cover;	max-width: 100% !important;}

/* team*/
/* team */
section#team-bio {background: #f5f5f5;}
section#team-bio .heading-div h3 {	text-align: center;}
.team-bio figure{display:none;}
/* .team-bio figure {width: 25%;display: inline-block;}
.team-bio figure img {width: 100%;border-radius:277px;height:277px;object-fit:cover;} */
.team-content-box {display: inline-block;padding-left: 25px;}
.team-bio {display: flex;align-items: center;flex-wrap: wrap; margin-top: 40px;flex: 0 0 33.33%;}
.team-content-box h4 {font-size: 30px;font-weight: bold;margin-bottom: 15px;}
/* section#team-bio .teamwrapp {display: flex;justify-content:space-between;} */
	
	
	
	/* flex-wrap: wrap; */

/*  */
#main_silder .owl-item .item1 img {opacity: .9;}
#main_silder .owl-item .item2 img{opacity: .5;}
#review-slider .owl-stage{display:flex;}
#review-slider .item ,#review-slider .review-box {height: 100%;}
#review-slider .review-contnet {height: calc(100% - 80px);}
/*  */


.single-service .side-serv ul li a::before{display:none;}
.single-service .side-serv ul li a:hover{padding-left:0px;}

.modal-dialog {
	display: flex;
	align-items: center;
	height: 100%;
}

.home_main.contact-inner .delivery-list {margin-top: 20px;}


.home_main.contact-inner .delivery-list ul {column-count: 2;padding-left:25px;}
.service_left figure > img {height: 400px;width: 100%;object-fit: cover;}
.service_right .area {display:flex;gap: 10px;}
.service_right .area > img {width: auto;height: 180px;object-fit: contain;}
.service_right .area iframe {height: 180px;}

.page-id-274 .feature-top img {object-position: left !important;}
 
.about_one figure {
    margin-top: 70px;
}