/*
Theme Name:     beavers Child Theme
Theme URI: 		http://3beavers.com/
Description:    Child theme for the beavers theme 
Author:         3Beavers
Theme URI: 		http://3beavers.com/
Template:       beavers 
Version:        5.0.10
*/



/*
Sample : remove the comment and start adding your own custom CSS rules.

body {
	background-color:#fff;
}

*/
@import url('../beavers/style.css');
@import url('https://fonts.googleapis.com/css?family=Poppins:200,300,400,500,600,700');
@import url('https://use.fontawesome.com/releases/v5.5.0/css/all.css');
@import url('https://fonts.googleapis.com/css?family=Oswald:300,400,500,600,700');
@font-face {
    font-family: 'FSAlbert';
    src: url('fonts/FSAlbert-Light.woff2') format('woff2'),
        url('fonts/FSAlbert-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'FSAlbert';
    src: url('fonts/FSAlbert-Regular.woff2') format('woff2'),
        url('fonts/FSAlbert-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'FSAlbert';
    src: url('fonts/FSAlbert-Bold.woff2') format('woff2'),
        url('FSAlbert-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
}
 h1, h2, h3, h4, h5, h6 { font-family: 'Poppins', sans-serif; font-weight: 600; }
 body { font-family: 'FSAlbert'; font-weight: normal;  font-style: normal;}
 p, body {color: #313030;font-family: 'FSAlbert'; font-weight: normal;  font-size: 18px;}
.wrap { max-width: 1600px; padding-left: 0px ; padding-right:0px; }
.page-one-column .panel-content .wrap { max-width: 1600px; padding-top: 0px; padding-bottom: 0px; }
.entry-content>.vc_section {
    padding-left: 40px !important;
    padding-right: 40px !important;
    margin-left: 0;
    margin-right: 0;
}
.entry-content >.vc_row {
    margin-left: 0;
    margin-right: 0;
    padding-left: 40px !important;
    padding-right: 40px !important;
}
.site-header .wrap, .site-footer .wrap {
    padding-left: 40px;
    padding-right: 40px;
}
.colors-custom .entry-content a { box-shadow: none !important;  }
.site-branding { padding: 5px 0; margin: 0 !important; }
.colors-custom header.site-header { background: none; }
header.site-header .custom-logo-link img { max-height: 70px;}
.tog-icon { position: absolute;  width: 50px; height: 50px; z-index: 9; right: 40px; top: 35px; cursor: pointer;  padding: 8px;  line-height: 1; text-align: center;overflow: hidden; display: none;}
.site-header .custom-header { float: left; }
.site-header .main-nav { float: right; }
.main-nav #top-menu li { display: inline-block; vertical-align: middle; }
.site-header .main-nav { float: right; padding-top: 7px; }
.main-nav #top-menu li { display: inline-block; vertical-align: middle;background: none !important; }
.site-branding .wrap { padding: 0; }
/*.tog-icon::before { content: ""; width: 4px; height: 100%; position: absolute; background: #fff; top: 0; left: 0; transform: skewX(-20deg); z-index: 23; transition: all 1s;  }*/
.main-navigation ul ul li { background: none; }
.main-navigation ul ul a { padding: 10px 20px; font-size: 16px; text-align:left; } 
.main-navigation ul ul a:hover { background: #deefff; color: #000e38 !important; }
.site-header .mg-menu > ul.sub-menu svg { display:none; }
.mg-menu > ul.sub-menu >li >a { font-size: 16px; font-weight: 600; color: #313030 !important; width: 370px; padding: 0;background: none; } 
.mg-menu > ul.sub-menu >li>.sub-menu { position: inherit; left: 0; border: none; }
.mg-menu > ul.sub-menu .sub-menu> li a { width: auto; padding: 0 0px; color: #666666; background:none; position: relative; margin-right: 15px;  font-size: 15px;line-height: 14px;}
.mg-menu > ul.sub-menu .sub-menu> li a:hover, .mg-menu > ul.sub-menu .sub-menu> li a:focus { color:#ee7a0e; }
.main-nav #top-menu li.mg-menu>ul.sub-menu {   box-shadow: 0 0px 4px rgba(0, 0, 0, 0.3); border: none; padding: 15px; column-count: 2; -webkit-column-count: 2; -moz-column-count: 2;}
.main-nav #top-menu li.mg-menu:hover>ul.sub-menu, .main-nav #top-menu li.mg-menu.focus>ul.sub-menu { left: -300px;  right: -300px; }
.main-nav #top-menu li.mg-menu:hover > a { box-shadow: 0 0 4px rgba(0,0,0,.3); position: relative; background: #fff; }
.main-nav #top-menu li.mg-menu:hover::after { width: 100%; border: none !important; background: #ffff; height: 10px; right: 0; }
.mg-menu > ul.sub-menu .sub-menu> li > a::after { content: ""; width: 1px; height: 100%; position: absolute; right: -9px; top: 0; background: #666; }
.mg-menu > ul.sub-menu .sub-menu> li:last-child > a::after { display: none; }
.mg-menu > ul.sub-menu >li { padding: 5px 0px; width: 100%;}
.mg-menu > ul.sub-menu .sub-menu> li { display: inline-block; width: auto; }
.tog-icon:hover::before { content: "";   left: 100%; }
.tog-icon::after { content: "\f0c9"; font-family: "Font Awesome 5 Free"; font-weight: 600; font-size: 32px; }
.anmt-icon>.vc_column-inner { padding: 20px; }
.anmt-icon>.vc_column-inner > .wpb_wrapper { width: 150px; height: 150px; border-radius: 50%; background: #fff; padding: 15px; margin: 0 auto; position: relative;z-index:1; }
.anmt-icon>.vc_column-inner > .wpb_wrapper::before { content:""; width: 100%; height: 100%; border-radius: 50%; background: #00b3ff;background: -moz-linear-gradient(top, #00b3ff 0%, #1f78ba 100%);background: -webkit-linear-gradient(top, #00b3ff 0%,#1f78ba 100%);background: linear-gradient(to bottom, #00b3ff 0%,#1f78ba 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00b3ff', endColorstr='#1f78ba',GradientType=0 ); position:absolute; left: 20px;top: -20px;  z-index: -9;}
.anmt-icon>.vc_column-inner > .wpb_wrapper > .wpb_single_image::before { content:""; width: 100%; height: 100%; border-radius: 50%; background: #fff; position:absolute; left: 0px;top: 0px;  z-index: -1;}
.anmt-icon>.vc_column-inner > .wpb_wrapper::after { content:""; width: 24px; height: 24px; border-radius: 50%; background: #00b3ff;background: -moz-linear-gradient(top, #00b3ff 0%, #1f78ba 100%);background: -webkit-linear-gradient(top, #00b3ff 0%,#1f78ba 100%);background: linear-gradient(to bottom, #00b3ff 0%,#1f78ba 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00b3ff', endColorstr='#1f78ba',GradientType=0 ); position:absolute; left: 15px;bottom: 10px;  } 
#main-menu { display: none; position: fixed; height: 100vh; line-height: 100vh;top: 0; z-index: 9999; text-align: center;background: rgba(255,255,255,0.96); width: 100%;}
.main-navigation li> a { font-size: 20px; }
#top-menu { line-height: 1.5; display: inline-block;vertical-align: middle; background: none; }
#top-menu li {   /* display: block; */ text-align: center; }
section.vc_section.main-banner::before { content: "INNZES"; font-family: 'neosans', sans-serif; color: #03adf8; opacity: 0.15; font-size: 22vw; position: absolute; width: 90%; text-align: center; }
.service-list ul li { display: inline-block; list-style: none; vertical-align: middle; font-size: 20px; line-height: 30px; color: #313030; }
.home-banner .vc_col-sm-7 { padding-left: 50px; }
.home-banner a.vc_general.vc_btn3 { text-transform: uppercase; font-weight: 600; padding: 12px 20px; margin-top: 20px; }
.service-list ul li::after { content: "|"; padding: 0 20px; display: inline-block; font-size: 125%; vertical-align: middle; }
.service-list ul { margin: 00; }
.wpb_single_image.wpb_content_element.vc_align_center.pl-img { position: absolute; padding-right: 16px; }
.service-list ul li:last-child::after { display: none; }
ul.b_left-list { transform: rotate(-90deg); transform-origin: left center; white-space: nowrap; position: absolute; text-align: center; bottom: 0; }
ul.b_left-list li { color: #fff; list-style: none; font-size: 17px;    display: inline-block; font-style: italic; text-shadow: 0 0 20px rgba(0,0,0,0.8); }
ul.b_left-list li + li::before { content: ""; display: inline-block; width: 15px; height: 1px; background: #000e38; vertical-align: middle; margin: 0 10px; }
ul.hed-list { margin: 0; padding: 0; }
.home-banner > .vc_row { padding-left: 40px; }
.main-navigation li.raq-btn> a { padding: 8px 16px; background: none; border-radius: 5px; color: #ee7a0e; border: solid 1px #ee7a0e; }
.main-navigation li.raq-btn> a:hover {  background:  #ee7a0e; color:  #ffffff; }
#fixed-social { position: fixed; top: 50%; transform: translateY(-50%); z-index: 99; left: 20px;    padding: 0 !important; }
#fixed-social ul { margin: 0; }
#fixed-social ul li { text-align: center; list-style: none; }
#fixed-social ul li + li::before { content: ""; width: 1px; height: 30px; display: block; background: #001932; margin: 10px auto; }
#fixed-social ul li a { color: #001932; font-size: 18px; display: block; line-height: 30px; width: 30px; height: 30px; border-radius: 50%; box-shadow: none !important;background:#fff; }
#fixed-social ul li a:hover { background: #e37611; color: #fff; }
ul.hed-list li { list-style: none; margin-bottom: 20px; font-size: 17px; }
ul.hed-list li strong { display: block; color: #0061c5; font-size: 18px; }
h2.vc_custom_heading strong { font-weight: inherit; color: #01b0fc; }
.text-uppercase { text-transform: uppercase; }
section.vc_section.call-strip >.vc_row { padding: 0 40px 20px; }
section.vc_section.call-strip a { color: #fff !important; }
.call-strip .vc_col-sm-3 { width: 345px; }
.call-strip .vc_col-sm-6 { width: calc(100% - 690px); }
.call-strip .vc_col-sm-6 h3.vc_custom_heading { font-weight: 400; }
.call-strip .vc_col-sm-6 h3.vc_custom_heading strong { font-weight: 400; color: #000e38; }
#brand-tab { position: relative;   }
.service-info-tog >.vc_column-inner { padding: 0 6px; }
div#brand-tab .vc_tta-panel-body {display: -webkit-box; display: -moz-box;display: -ms-flexbox;display: -webkit-flex; display: flex; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; justify-content: center;min-height: 500px;  padding: 0;}
.wpb-js-composer div#brand-tab .vc_tta.vc_general .vc_tta-panel { display: none; }
.wpb-js-composer div#brand-tab .vc_tta.vc_general .vc_tta-panel.vc_active { display: block; }
div#brand-tab .vc_tta-panel-body .vc_row:first-child { width: 40%; padding-right: 10%; box-sizing: border-box; }
div#brand-tab .vc_tta-panel-body .vc_row { width: 60%;padding-bottom: 80px; }
#brand-tab .vc_tta-color-grey.vc_tta-style-flat .vc_tta-tabs-list {  margin-bottom: 40px; }
#brand-tab .vc_tta-color-grey.vc_tta-style-flat .vc_tta-tab { padding: 0 10px; }  .animate-image {display: none;}
#main-animate .animate-image {display: block;}
 svg.cr1 {
    position: absolute;
    top: 60%;
    left: 40px;z-index: -1;
}

svg g#Group-342, svg g#Group-24 {
    fill-opacity: 0;
    animation-timing-function: ease-in-out;
    animation-fill-mode: forwards;
    animation-iteration: 1;
    animation-name:  FillIn;
    animation-duration: 4s, 1s, 5s;
    animation-delay: 0s, 3.5s, 3.5s;
    animation-iteration-count: infinite;
}
@keyframes FillIn {
  from { fill-opacity: 0; }
  to { fill-opacity: 1; }
}
img.abs {
    opacity: 0; 
    animation-timing-function: ease-in-out;
    animation-fill-mode: forwards;
    animation-iteration: 1;
    animation-name:  fade;
    animation-duration: 1s; 
    animation-iteration-count: 1;
}
@keyframes fade {
  from { opacity: 0; }
  to {  opacity: 1; }
}


.cr1, .cr2, .cr3 {stroke-dasharray: 35;
    stroke-dashoffset: 100;
  animation: dash 5s linear ;
    animation-delay: 0s, 3.5s, 3s;
    animation-iteration-count: infinite;
}

@keyframes dash {
  to { stroke-dasharray: 500;
  }
}
.cr2 {
    position: absolute;
    left: 56%;
    top: 70%;z-index: -1;
}
.cr3 {
    position: absolute;
    left: 70%;
    top: 15%;z-index: -1;
}
.animatebox  {
    position: relative;
}
.animatebox .abs {
    position: absolute;
}
img.abs.em7 { right: 0px; top: 20%; width: 14%; animation-delay:3.5s; }
img.abs.em8 { right: 15%; top: 29%; width: 12%; animation-delay: 4s; }
img.abs.em6 { top: 50%; right: 2%; width: 25%; animation-delay: 3s; }
img.abs.em5 { bottom: 50px; right: 20%; width: 14%; animation-delay: 2.5s; }
img.abs.em4 { bottom: 8%; left: 20%; width: 18%; animation-delay: 2s; }
img.abs.em3 { top: 46%; animation-delay: 1.5s; width: 20%;left: 0; }
img.abs.em2 { left: 21%; top: 16%; width: 22%; animation-delay:1s; }
img.abs.em1 { left: 21%; top: 1%; animation-delay: 0.5s; width: 22%; }
#brand-tab .vc_tta-color-grey.vc_tta-style-flat .vc_tta-tab.vc_active>a { border: solid 2px #fff; color: #fff; background: #ff7e09;box-shadow:0px 3px 3.5px rgba(0,0,0,0.08) !important;}
#brand-tab .vc_tta-color-grey.vc_tta-style-flat .vc_tta-tab>a {box-sizing: border-box; background: none; position: relative; border: solid 1px #000e38; color: #000e38; display: block; border-radius: 50px; padding: 10px 30px; }
/* #brand-tab .vc_tta-panels-container { background: #0c9be3; transform: rotate(-5deg); border-radius: 40px; }
#brand-tab .vc_tta-panels-container .vc_tta-panels { background: #000e38; padding: 40px; border-radius: 40px; transform: rotate(5deg) skewX(-7deg); min-height: 470px; } #brand-tab .vc_tta-panels-container .vc_tta-panels .vc_tta-panel { transform: skewX(7deg);  } */
.anmt-icon2  { margin-bottom: 30px; }
/* .anmt-icon2 .vc_single_image-wrapper { background: #fff; border-radius: 50%; }
.anmt-icon2 .wpb_wrapper.vc_figure { position: relative; margin: 10px 10px 0 0; }
.anmt-icon2 .wpb_wrapper.vc_figure::before { content: ""; width: 100%; height: 100%; border-radius: 50%; background: #00b3ff; background: -moz-linear-gradient(top, #00b3ff 0%, #1f78ba 100%); background: -webkit-linear-gradient(top, #00b3ff 0%,#1f78ba 100%); background: linear-gradient(to bottom, #00b3ff 0%,#1f78ba 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00b3ff', endColorstr='#1f78ba',GradientType=0 ); position: absolute; left: 10px; top: -10px; z-index: -9; }
.anmt-icon2 .wpb_wrapper.vc_figure::after { content: ""; width: 15px; height: 15px; border-radius: 50%; background: #00b3ff; background: -moz-linear-gradient(top, #00b3ff 0%, #1f78ba 100%); background: -webkit-linear-gradient(top, #00b3ff 0%,#1f78ba 100%); background: linear-gradient(to bottom, #00b3ff 0%,#1f78ba 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00b3ff', endColorstr='#1f78ba',GradientType=0 ); position: absolute; left: 5px; bottom: 5px; z-index: 9; }
#brand-tab::before { content: ""; width: 120%; height: 100%; position: absolute;left: -10%; background: #f2f3f5; top: 0; display: block; border-radius: 40%; transform: rotate(5deg); } */
.anmt-icon2.service-info-tog:nth-child(1){ transform: translateY(70px); -webkit-transform: translateY(70px); }
.anmt-icon2.service-info-tog:nth-child(3) { transform: translateY(70px); -webkit-transform: translateY(70px); }
.anmt-icon2.service-info-tog:nth-child(5){ transform: translateY(70px); -webkit-transform: translateY(70px); }
.anmt-icon2.service-info-tog:nth-child(6){ transform: translateY(70px); -webkit-transform: translateY(70px); }
.anmt-icon2.service-info-tog:nth-child(8) { transform: translateY(70px); -webkit-transform: translateY(70px); }
.anmt-icon2.service-info-tog:nth-child(10){ transform: translateY(70px); -webkit-transform: translateY(70px); }
.anmt-icon2.service-info-tog:nth-child(11) { transform: translateY(70px); -webkit-transform: translateY(70px); }
.anmt-icon2.service-info-tog.vc_col-sm-3 { width: 20%; }
.service-info-tog.vc_col-sm-3 >.vc_column-inner { padding:0 8px; }
.service-info-tog.vc_col-sm-3 >.vc_column-inner>.wpb_wrapper { padding: 15px 10px 0; background: #f3f3f3; box-shadow: 0px 3px 3.5px rgba(0,0,0,0.08); border-radius: 10px; border: 2px solid #fcfcfc; }
.service-info-tog:hover >.vc_column-inner>.wpb_wrapper { background: #7bd8f0; border: 2px solid #fff; }
.service-info-show .service-info { display: block; } 
.service-info { display: none; } 
.service-info-show .taghead { font-size: 32px; text-transform: uppercase; color: #000e38; line-height: 32px; font-weight: 600; margin-bottom: 40px; }
.service-info-show .taghead strong { display: block; font-size: 48px; font-weight: 700; text-transform: capitalize; font-family: 'Poppins', sans-serif; color: #e1e1e6; z-index: -1; position: sticky; word-break: keep-all;}
.service-info-show p { font-size: 18px; color: #4a4a4a; }
section.vc_section.step-section > .vc_row { box-shadow: 0px 8px 29.5px rgba(0,0,0,0.1); border: 2px solid rgba(255,255,255,0.53); margin: 0;     padding: 50px 0;}
#brand-tab .anmt-icon2 .vc_custom_heading { color: #000e38 !important; min-height: 60px;text-transform: capitalize; font-weight: 600;font-size: 14px !important;line-height: 1.2;}
ul.stepnav { text-align: center; }
ul.stepnav li { display: inline-block; vertical-align: middle; padding: 15px; }
ul.stepnav li h4 { padding-top: 0; margin: 0; text-transform: uppercase; font-weight: 500; font-size: 1.2vw; }
ul.stepnav li  img { opacity: 0.15; } 
ul.stepnav li.active img { opacity:  1 ; } 
.carousel-inner .item { display: none; text-align: center;}
.carousel-inner .item.active { display: block; }
ul.stepnav li span { display: inline-block; vertical-align: middle; max-width: 90px; }
ul.stepnav li::after {    content: ""; display: inline-block; vertical-align: middle; margin-left: 30px; width: 21px; height: 30px; background: url(https://www.innzes.com/wp-content/uploads/2019/04/arrow.png) no-repeat center center; background-size: 100%;}
ul.stepnav li:last-child::after {display:none}
.step-box { display: none;  text-align: center;}
.step-info { max-width: 1000px; margin: 0 auto; }
#brand-tab button.vc_general.vc_btn3 { width: 180px; }
.hire-left > .vc_column-inner { padding: 50px  !important; }
.hire-left .wpb_content_element { margin: 0; }
.hire-left .wpb_content_element { text-align: center; }
.hire-left .wpb_content_element h4 { margin: 0; font-size: 40px; color: #fff; font-weight: 500; display: inline-block; vertical-align: middle; width: 120px; text-align: right; }
.hire-left .wpb_content_element p { font-size: 20px; display: inline-block; color: #fff; text-transform: uppercase; width: 120px; vertical-align: middle; line-height: 1; text-align: left; }  
.hire-left .vc_col-sm-6 + .vc_col-sm-6 { border-left: 1px solid #ffffff;}
.hire-left .vc_row:first-child .vc_col-sm-6 { border-bottom: 1px solid #ffffff;}
.hire-left .vc_col-sm-6 { padding: 40px 0; }
.hire-left .vc_row:first-child .vc_col-sm-6:first-child::after { width: 60px; height: 60px; content: ""; display: block; position: absolute; bottom: -30px; right: -30px; background: #184c98; z-index: 9; }
.hire-right .wpb_single_image.wpb_content_element { margin-bottom: 10px; }
.hire-right h3.vc_custom_heading.sub-heading { font-weight: 500; margin-bottom: 0; }
.hire-right p { text-align:center ;color: #313030;font-size: 16px; }
.hire-right > .vc_column-inner { padding: 30px !important; }
.hire-right > .vc_column-inner .vc_col-sm-4 { padding: 12px; }
.hire-right > .vc_column-inner .vc_col-sm-4 + .vc_col-sm-4 { border-left: solid 1px #184c98; }

#home-tesimonials .single-item-wrapper, #home-tesimonials .single-item-wrapper .item-content-wrapper {  display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex;  flex-direction: column-reverse;}
#home-tesimonials .owl-carousel .owl-stage {   display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; align-items: center; }
#home-tesimonials .single-item-wrapper { box-shadow: 0 0 10px rgba(0,0,0,0.2); margin-top: 2vw;margin-bottom: 5vw !important;padding-top: 5%; }
#home-tesimonials .owl-item.active  { opacity:0.3; width: 18vw !important;   margin-right: 4vw;}
#home-tesimonials .single-item-wrapper .item-content p { font-size: 0.6875vw; }
#home-tesimonials .owl-item.active + .owl-item.active  { opacity:1; width: 34vw !important; margin-right: 0;}
#home-tesimonials .owl-item.active + .owl-item.active + .owl-item.active { opacity:0.3; width: 18vw !important;align-self: flex-end;} 
#home-tesimonials .owl-item.active + .owl-item.active + .owl-item.active + .owl-item.active { align-self: center;} 
#home-tesimonials .single-item-wrapper .profile-img-wrapper img { width: 100px; margin: 0 auto; }
#home-tesimonials .owl-item.active .item-content p { font-style: normal;  font-size: 0.6875vw;}
#home-tesimonials .owl-item.active h3.author-name { font-size:  .75vw; color: #1d1d1d; font-weight: 400;}
#home-tesimonials .owl-item.active .profile-img-wrapper img { width: 40px;  }
#home-tesimonials .owl-item.active + .owl-item.active .item-content p { font-size: 1.0625vw; }
#home-tesimonials .owl-item.active + .owl-item.active h3.author-name { font-size: 1.375vw; }
#home-tesimonials .owl-item.active + .owl-item.active .profile-img-wrapper img {   width: 100px;  }
#home-tesimonials .owl-item.active + .owl-item.active + .owl-item.active .item-content p { font-size: 0.6875vw; }
#home-tesimonials .owl-item.active + .owl-item.active + .owl-item.active h3.author-name { font-size: 0.75vw;  }
#home-tesimonials .owl-item.active + .owl-item.active + .owl-item.active .profile-img-wrapper img {  width: 40px; }
#home-tesimonials .owl-item.active .profile-img-wrapper { transform: translateY(50%); margin-top: -20px }
#home-tesimonials .owl-item.active .profile-img-wrapper img{     box-shadow: 0 0 5px rgba(0,0,0,0.2);}
#home-tesimonials .owl-item.active + .owl-item.active .profile-img-wrapper {  margin-top: -40px }
#home-tesimonials .owl-item.active + .owl-item.active + .owl-item.active .profile-img-wrapper { transform: translateY(50%); margin-top: -20px }
#home-tesimonials { position: relative; margin-top: 5%;  margin-bottom: 5%; }
#home-tesimonials::before { content: "\f10d"; font-size: 10vw; font-family: "Font Awesome 5 Free"; font-weight: 600; color: #f4f5f9; position: absolute; top: 0; left: 0; line-height:1;}
#home-tesimonials::after { content: "\f10e"; font-size: 10vw; font-family: "Font Awesome 5 Free"; font-weight: 600; color: #f4f5f9; position: absolute; bottom: 0; right: 0;line-height:1; }
#portfoliogrid .vc_col-sm-3 > .vc_column-inner { padding: 0;overflow:hidden; position: relative;}
#portfoliogrid .vc_row { position: absolute; top: 101%; margin: 0; width: 100%; height: 100%; transition: all 1s; }
#portfoliogrid .vc_col-sm-3 > .vc_column-inner:hover .vc_row { top: 0px; }
#portfoliogrid .vc_row a { color: #1987d5; }
#portfoliogrid .vc_row::before { content: ""; width: 2vw; height: 2vw; position: absolute; border-right: solid 3px #fff; border-top: solid 3px #fff; top: 1vw; right: 1vw; display: block; }
#portfoliogrid .vc_row::after { content: ""; width: 2vw; height: 2vw; position: absolute; border-left: solid 3px #fff; border-top: solid 3px #fff; top: 1vw; left: 1vw; display: block; }
#portfoliogrid .vc_row .vc_column_container::before { content: ""; width: 2vw; height: 2vw; position: absolute; border-right: solid 3px #fff; border-bottom: solid 3px #fff; bottom: 1vw; right: 1vw; display: block; }
#portfoliogrid .vc_row .vc_column_container::after { content: ""; width: 2vw; height: 2vw; position: absolute; border-left: solid 3px #fff; border-bottom: solid 3px #fff; bottom: 1vw; left: 1vw; display: block; }
#portfoliogrid .vc_row .vc_column_container h4 { text-transform: uppercase; }
.site-footer { margin-top: 0px; border-top: 0px; background: #070d1d;    position: relative;   z-index: 999; }
.site-footer .widget-area .widget-column   { width: 25%; float: left; }
.site-footer .widget {   padding: 0 10px }
.site-footer h2.widget-title { color: #ffffff !important; font-size: 1.4vw; text-transform: none; font-weight: 500; letter-spacing: normal; }
.widget ul li, .widget ol li { border: none; }
.widget ul li.menu-item a { color: #fff; }
.widget ul li.menu-item a:hover { color: #ff7e0a !important; }
.site-footer .widget ul li a { box-shadow: none !important; }
ul.f-social { margin: 20px 0; padding: 0; }
ul.f-social li { list-style: none; display: inline-block; padding-right: 20px; }
ul.f-social li a { width: 40px; height: 40px; display: block; text-align: center; line-height: 40px; background: #ff7e0a; border-radius: 50%; font-size: 18px; color: #fff; }
ul.f-social > li > a:hover { background: #fff !important; color: #ff7e0a !important;}
.copy-right {
    text-align: center;
    color: #fff;
}
/*  contact page  */
.page-template-nosidebar-notitle div#primary { max-width: 100% !important; }
.page-template-nosidebar-notitle header.entry-header { display: none; }
.page-template-nosidebar-notitle .site-content { padding-top : 0px; padding-bottom : 0px !important;}
.page-template-nosidebar-notitle .custom-header { margin : 0px !important;}
.call-line p { font-size: 1.5vw; color: #313030; text-align: center; }
.call-line p a { display: inline-block; color: #006091; font-weight: 500; }
.call-line p a::after { content: "\f590"; font-family: "Font Awesome 5 Free"; font-weight: 600; margin-left: 20px; font-size: 140%; }
.call-line p::before { content: ""; width: 100px; height: 2px; background: #313030; display: inline-block; vertical-align: middle; margin-right: 20px; }
section.vc_section.contact-sec2 { overflow: visible; }
.contact-icon-box h4.vc_custom_heading { font-weight: 400; }
.contact-form { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-wrap: wrap;margin: 0 -8px; } 
.form-feild.half { width: 50%; }
.form-feild { width: 100%; padding: 8px; }
.contact-form > .form-feild input { border-radius: 0; border: solid 1px #000e38 !important; }
.contact-form > .form-feild textarea { border-radius: 0; border: solid 1px #000e38 !important; height: 100px; }
.contact-form > .form-feild input[type="file"] { width: 100%; padding: 10px; }
.contact-form > .form-feild input[type="submit"] { background: #000e38; padding: 18px 30px; text-transform: uppercase; font-size: 20px; font-weight: 600; margin: 0 auto; display: block; }
.spu-box .contact-form > .form-feild input, .spu-box .contact-form > .form-feild select { border-radius: 0; border: solid 1px #000e38 !important; padding: 8px; width: 100%;    color: #2c2c2c; }
.spu-box .contact-form > .form-feild textarea {  padding: 8px; height: 120px;     color: #2c2c2c;}
.spu-box .contact-form > .form-feild input[type="submit"] { background: #000e38; color: #ffffff; padding:15px; }
.wpb_gmaps_widget .wpb_wrapper { padding: 0; box-shadow: 10px 10px 10px rgba(0,0,0,0.1); }
.spu-box p { text-align: center;     margin-bottom: 5px; }
section.vc_section.contact-from-sec {  background: url(images/c-left.jpg) no-repeat 0 center, url(images/c-right.jpg) no-repeat right center; }
.hr-strip .vc_general.vc_btn3.vc_btn3-size-md { font-size: 20px; text-transform: uppercase; font-weight: 600; padding: 15px 40px; }
.nsu-form { max-width: 800px; margin: 0 auto; padding: 47px 100px; background: url(images/left-w.png) no-repeat 0 top, url(images/right-w.png) no-repeat right top;  }
.nsu-form label { display: none; }
.nsu-form input { border-radius: 0; border: 1px solid #000e38 !important; }
.nsu-form p input[type="submit"] { background: #000e38 !important; padding: 18px 30px; text-transform: uppercase; font-size: 20px; font-weight: 600; margin: 0 auto; display: block; }
.spu-box h3 { text-align: center; font-size: 30px; text-transform: uppercase; color: #000e38; margin-bottom: 5px; }

/*    == inner page ==    */
.vc_section.main-banner.inner-pagebanner { overflow: inherit; margin-bottom: 100px; box-shadow: -10px 10px 10px rgba(0,0,0,0.2);}
.vc_section.main-banner.inner-pagebanner .wpb_single_image { width: calc(100% + 54px);}
.anmt-icon2.style2 .wpb_wrapper.vc_figure { z-index: 9; }
.anmt-icon2.style2 .vc_single_image-wrapper { background: #f3f3f3;  }
.anmt-icon2.style2 { text-align: center; }
h1.vc_custom_heading.skill-head { display: inline; background: #000e38; line-height: 1.5; padding: 0 10px; }
#portfolio-grid .vc_column_container .vc_column-inner { background: #fff; padding: 80px 20px; }
#portfolio-grid .vc_column_container { padding: 20px 20px; } 
#portfolio-grid > .vc_column_container.m-box { padding: 0px; }
#portfolio-grid > .vc_column_container.m-box > .vc_column-inner { padding: 0px; background: none }
#portfolio-grid { max-width: 1300px; margin: 0 auto 50px; }
.medium-btn a.vc_general.vc_btn3 { text-transform: uppercase; font-size: 18px; padding: 15px 40px; }
#story-tabs .vc_tta-tab  { margin: 0;  width: 100%;}
#story-tabs .vc_tta-tab>a { background: none; padding: 00px; border: none; font-size: 24px; color: #2c2c2c; position:relative;}
#story-tabs .vc_tta-tabs-container ul.vc_tta-tabs-list { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; align-items: center; justify-content: space-between; -webkit-box-align: start; -moz-box-align: start; -ms-flex-align: start;-webkit-align-items: start; align-items: start; }
#story-tabs .vc_tta-tab.vc_active>a { color: #01b0fc;  }
#story-tabs .tb-btnprev a { width: 50px;height: 30px; color: transparent; display: block; background: url(images/left-arrow.png) no-repeat center center; }
#story-tabs .tb-btnnext a { width: 50px;height: 30px; color: transparent; display: block; background: url(images/right-arrow.png) no-repeat center center; }
#story-tabs .vc_tta-panels { padding: 20px 50px; background: #eef7fe;margin-bottom: 50px; border-radius: 5px; box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1); }
#story-tabs .vc_tta-tab, #story-tabs .vc_tta-tab>a { position:relative; }
#story-tabs .vc_tta-tab>a::before { content: ""; width: 15px; height: 15px; display: block; margin: 0 auto 10px; background: #184c98; border-radius: 50%; position: inherit; border: solid 3px #fff; box-shadow: 0 0px 0 2px #184c98; }
#story-tabs .vc_tta-tab.vc_active>a::before {  background: #01b0fc;  box-shadow: 0 0px 0 2px #01b0fc; }
#story-tabs .vc_tta-tab+.vc_tta-tab>a::after { content: ""; width: 100%; height: 3px; border: dashed 2px #184c98; top: 6px; left: -50%;z-index: -1; position:absolute; display: block;}
#story-tabs .vc_tta-tab::before { content: ""; text-shadow: 0 0 10px; width: 0; height: 0; border-style: solid; position: absolute; margin-left: -15px; border-width: 18px 15px 0px 15px; border-color: #eef7fe transparent; top: -45px; left: 50%; display: none }
#story-tabs .vc_tta-tab.vc_active::before {  display: block }
#story-section>.vc_row { max-width: 1500px; margin: 0 auto; }




.fill-icon { width: 90px; height: 90px; padding: 20px 0 0; text-align: center; color: #fff; background: #4db3fe; border-radius: 50%; line-height: 1; font-size: 14px; text-transform: uppercase; display: inline-block;}
.fill-icon i {display: block; font-size: 28px;} 
.first-row { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; align-items: center; justify-content: space-between; margin: 0 -45px; }
.second-row { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; align-items: center; justify-content: space-between;   }
.center-cricle { border-radius: 50%; padding: 60px; border: 1px solid #4db3fe; position: relative;}
.center-cricle::before {content: ""; border-radius: 50%;  border: 1px solid #4db3fe; position: absolute; top: 20px; left: 20px; bottom: 20px; right: 20px;  }
.center-cricle::after { content: ""; border-radius: 50%;  border: 1px solid #4db3fe; position: absolute; top: 40px; left: 40px; bottom: 40px; right: 40px;  }
.gp-center { text-align: center; max-width: 500px; height: 500px; margin: 0 auto; border: dotted 2px #4db3fe; border-radius: 50%; padding-top: 140px;}
.mb0 { margin-bottom: 0px; }
.wpb_layerslider_element.mb-0 { margin: 0;}
.app-ico.anmt-icon2.style2 .vc_single_image-wrapper { padding: 15px; }
.app-ico .vc_col-sm-6 { margin-bottom: 40px; }
.app-sec .vc_col-sm-4 .wpb_single_image img { filter: brightness(90%); }
#portfolio-grid.style-2 .vc_column_container .vc_column-inner { background: none; padding: 0; }
#portfolio-grid.style-2 .vc_column_container { padding: 0px 15px; margin-bottom: 25px; }
#portfolio-grid.style-2 { max-width: 1200px; }
#pf-tabs .filter-button-group button { padding: 10px 30px; border-radius: 50px; background: none; font-weight: 500; margin: 0 10px; font-size: 18px; border: solid 1px #000e38;    color: #000e38; }
#pf-tabs .filter-button-group button.selected, #pf-tabs .filter-button-group button:hover { border: solid 1px #fff;color: #fff; background: #ff7e09;    box-shadow: 0px 3px 3.5px rgba(0,0,0,0.08) !important; }  
#pf-tabs .tlp-portfolio .tlp-portfolio-isotope .tlp-item.tlp-single-item { position:inherit !important; left: auto !important; top:auto !important; }
#pf-tabs .tlp-portfolio .tlp-portfolio-isotope .tlp-item .tlp-portfolio-thum { padding-top: 85%;display: block; position:relative;     box-shadow: 0 0 10px rgba(0,0,0,0.5); border-radius: 10px; }
#pf-tabs .tlp-portfolio .rt-row.isotope1 .tlp-portfolio-isotope{ display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; flex-wrap: wrap; -webkit-flex-wrap: wrap; height: auto !important; }
#pf-tabs .tlp-portfolio .tlp-portfolio-isotope .tlp-portfolio-isotope .tlp-portfolio-item { height: auto !important;}
#pf-tabs .tlp-portfolio .tlp-portfolio-isotope .tlp-item:nth-child(even) .tlp-portfolio-thum   { padding-top: 70%;   }
#pf-tabs .tlp-portfolio .tlp-portfolio-isotope .tlp-portfolio-thum img { display: block; height: 100%;width:100%; position: absolute; object-fit: cover; top: 0; left: 0;  object-position: 0 0; }
#pf-tabs .tlp-portfolio .tlp-portfolio-isotope .tlp-portfolio-item .tlp-content { background: none; }
#pf-tabs .tlp-portfolio .tlp-portfolio-isotope .tlp-portfolio-item .tlp-content .tlp-content-holder { background: none; padding: 10px 0; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; }
#pf-tabs .tlp-overlay { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; justify-content: center; background:rgba(7, 13, 29, 0.8); }
#pf-tabs .tlp-portfolio h3, #pf-tabs .tlp-portfolio h3 a { color: #000000; font-size: 16px; font-weight: 600;}
#pf-tabs .tlp-portfolio .tlp-portfolio-isotope .tlp-portfolio-item .tlp-content .tlp-portfolio-sd { color: #000; margin-left: auto;font-size: 14px;}
#pf-tabs .filter-button-group { margin-bottom: 50px; }
.spu-box .contact-form > .form-feild textarea {height: 100px;}
.core-section .vc_row>.vc_column_container:first-child>.vc_column-inner { padding: 0; }
.core-section .vc_row>.vc_column_container:last-child>.vc_column-inner { padding: 20px 15px  20px 70px; }
.core-section .vc_row>.vc_column_container:last-child>.vc_column-inner>.wpb_wrapper { max-width: 630px; }
ul.arrow-list { margin: 0; padding: 0; }
ul.arrow-list li { list-style: none; padding-left: 40px; margin-bottom: 10px; position: relative; }
ul.arrow-list li::before { content: "\2192"; position: absolute; left: 0; font-size: 30px; line-height: 28px; }
.vc_row.service-box { margin: 0; padding: 30px; text-align: center; }
.vc_row.service-box:hover { border-radius: 0 30px; overflow: hidden; box-shadow: 0 0 10px rgba(0,0,0,0.3); }
.vc_row.service-box .wpb_single_image { margin: 0; }
.vc_section.service-page-banner { padding-top: 70px; padding-bottom: 20px; }
.text-center { text-align: center; }
.vc_section.inner-container> .vc_row { max-width: 1200px; margin: 0 auto !important; }
.vc_col-sm-4:nth-child(2) .wp-icon-text p { max-width: 300px; }
.wp-icon-text p { text-align: center; max-width: 200px; margin: 0 auto; }
ul.check-list li { padding-left: 40px; padding-bottom: 10px; list-style: none; background: url(images/check-mark.png) no-repeat 0 0; }
#pf-slider .vc_carousel-inner img { display: block; }
#pf-slider .vc_carousel-inner { box-shadow: 0 0 10px rgba(0,0,0,0.2); border-radius: 10px; }
.hire-boxes .wpb_single_image.wpb_content_element { margin-bottom: 10px; }
.hire-boxes h3.vc_custom_heading.sub-heading { font-weight: 500; margin-bottom: 0; }
.hire-boxes .vc_col-sm-4 p { text-align:center ;color: #313030;font-size: 16px; } 
.hire-boxes .vc_column-inner .vc_col-sm-4 { padding: 15px 5%; }
.hire-boxes .vc_column-inner .vc_col-sm-4 + .vc_col-sm-4 { border-left: solid 1px #184c98; }
section.vc_section.service-page-banner { padding-top: 160px; }
.sr-icon-text { text-align: center; }
.dr-box p strong { color: #0061c5; font-size: 20px; }
#service-slider>.vc_column-inner>.wpb_wrapper { margin-left: 0 !important; }
#service-slider   { padding:0px 15px; }
#service-slider>.vc_column-inner  { overflow: hidden;padding:0px; margin-left: 0 !important;    border-radius: 10px; box-shadow: 0 0 10px rgba(0,0,0,0.5);max-width: 604px; }
#service-slider>.vc_column-inner>.wpb_wrapper>.wpb_single_image { float: left; max-width: 604px; width: 37.31vw; margin: 0px; }
#service-slider>.vc_column-inner>.wpb_wrapper>.wpb_single_image:last-child {display:none;}
button.mfp-arrow, .mfp-bottom-bar { display: none; }
img.mfp-img { max-height: none !important; pointer-events: none;}
.mfp-image-holder .mfp-content { max-width: 90%; cursor: auto; }
.mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close { position: absolute; right: 5%; width: 50px; top: 40px; text-align: center; padding: 0; }
.logogrid ul { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; padding: 0; margin: 0; border: 1px solid #eee; }
.logogrid ul li { width: 33.33%; padding: 20px; list-style: none; }
.logogrid ul li+ li { border-left: 1px solid #eee; }
.logogrid ul li img { display: block; width: 250px; margin: 0 auto; } 
ul.check-list.list-inline { text-align: center; }
ul.check-list.list-inline > li { display: inline-block; margin-right: 20px; }
section.vc_section.service-page-banner.main-service { padding-bottom: 80px; }
.ac-box.vc_row { box-shadow: 0 0 10px rgba(0,0,0,0.4); margin: 0 0 40px; padding: 20px 0; border-radius: 10px; }
.bg-animation .wpb_raw_code.img-box { width: 560px;  padding-top: 347px; position: absolute; top: 23px; left: 0; right: 0; margin: 0 auto; background-size: cover; background-position: center top; animation: animatedBackground 16s linear infinite; -moz-animation: animatedBackground 16s linear infinite; -webkit-animation: animatedBackground 16s linear infinite; -ms-animation: animatedBackground 16s linear infinite; -o-animation: animatedBackground 16s linear infinite; }
@keyframes animatedBackground {
	0% { background-position: center top; }
	95% { background-position: center bottom; }
}
@-moz-keyframes animatedBackground {
	0% { background-position: center top; }
	95% { background-position: center bottom; }
}
@-webkit-keyframes animatedBackground {
	0% { background-position: center top; }
	95% { background-position: center bottom; }
}
@-ms-keyframes animatedBackground {
	0% { background-position: center top; }
	95% { background-position: center bottom; }
}
@-o-keyframes animatedBackground {
	0% { background-position: center top; }
	95% { background-position: center bottom; }
}
.bg-animation .wpb_single_image { max-width: 750px; margin: 0 auto; }
.mob-animation .wpb_single_image { max-width: 180px; margin: 0 auto;position:relative; z-index: 2; }
.mob-animation .wpb_raw_code.img-box { width: 164px;  padding-top: 288px; position: absolute; top: 23px; left: 0; right: 0; margin: 0 auto; background-size:  auto 100%;  background-position: center top; animation: mobBackground 16s linear infinite; -moz-animation: mobBackground 16s linear infinite; -webkit-animation: mobBackground 16s linear infinite; -ms-animation: mobBackground 16s linear infinite; -o-animation: mobBackground 16s linear infinite; }
@keyframes mobBackground {
	0% { background-position: left top; }
	10% { background-position: right 75% top; }
	20% { background-position:  right 75% top; }
	30% { background-position:  right 50% top; }
	40% { background-position:  right 50% top; }
	50% { background-position:  right 25% top; }
	60% { background-position:  right 25% top; }
	70% { background-position:  right 0% top; }
	80% { background-position:  right 0% top; }
	90% { background-position: left top; }
	100% { background-position: left top; }
}
@-moz-keyframes mobBackground {
	0% { background-position: left top; }
	10% { background-position: right 75% top; }
	20% { background-position:  right 75% top; }
	30% { background-position:  right 50% top; }
	40% { background-position:  right 50% top; }
	50% { background-position:  right 25% top; }
	60% { background-position:  right 25% top; }
	70% { background-position:  right 0% top; }
	80% { background-position:  right 0% top; }
	90% { background-position: left top; }
	100% { background-position: left top; }
}
@-webkit-keyframes mobBackground {
	0% { background-position: left top; }
	10% { background-position: right 75% top; }
	20% { background-position:  right 75% top; }
	30% { background-position:  right 50% top; }
	40% { background-position:  right 50% top; }
	50% { background-position:  right 25% top; }
	60% { background-position:  right 25% top; }
	70% { background-position:  right 0% top; }
	80% { background-position:  right 0% top; }
	90% { background-position: left top; }
	100% { background-position: left top; }
}
@-ms-keyframes mobBackground {
	0% { background-position: left top; }
	10% { background-position: right 75% top; }
	20% { background-position:  right 75% top; }
	30% { background-position:  right 50% top; }
	40% { background-position:  right 50% top; }
	50% { background-position:  right 25% top; }
	60% { background-position:  right 25% top; }
	70% { background-position:  right 0% top; }
	80% { background-position:  right 0% top; }
	90% { background-position: left top; }
	100% { background-position: left top; }
}
@-o-keyframes mobBackground {
	0% { background-position: left top; }
	10% { background-position: right 75% top; }
	20% { background-position:  right 75% top; }
	30% { background-position:  right 50% top; }
	40% { background-position:  right 50% top; }
	50% { background-position:  right 25% top; }
	60% { background-position:  right 25% top; }
	70% { background-position:  right 0% top; }
	80% { background-position:  right 0% top; }
	90% { background-position: left top; }
	100% { background-position: left top; }
}
.vc_row.mob-animation > .vc_col-sm-12 { position: absolute; bottom: 0; left: 0; width: 40%; }
.vc_row.mob-animation { position: relative; }
.case-banner h3.vc_custom_heading { font-weight: 400; }
.case-bottom-text p { text-align: center; }
ul.check-list.inline-list li { display: inline-block; padding-right: 40px; }
.ab-right.wpb_column { padding-left: 70px; }
.home .logogrid ul { border: none; max-width: 1000px; margin: 0 auto; }
.home .logogrid ul li { border: none;padding: 0; }
.home .logogrid ul li a img { box-shadow: none !important; filter: grayscale(1); }
.home .logogrid ul li a img:hover { filter: grayscale(0); }
#pf-tabs .tlp-portfolio .isotope1 .tlp-overlay .link-icon a.tlp-zoom { display: none;}
.pt-form .wpcf7 { padding: 20px; }
.form-feild.onefour { width: 25%; }
.spu-box .pt-form .contact-form > .form-feild textarea { height: 80px; }
.ajax-loader { position: absolute; }
.pt-form > h4 { padding: 10px 10px 0; margin: 0; text-align: center; font-size: 20px;color: #000e38 !important; }
.pt-form .form-feild { padding: 7px; }
.contact-form { margin: 0 -7px; }
.spu-close.top_right { right: -15px; top: -15px; font-weight: 300; text-shadow: none; background: #fff; border-radius: 50px; width: 30px; height: 30px; text-align: center; font-size: 20px !important; line-height: 30px; }
.pt-form { overflow: hidden; border-radius: 10px; }
.pt-form>p { margin: 0; }
.contact-map .wpb_gmaps_widget .wpb_map_wraper iframe { height: 1000px; }
.cf7sr-g-recaptcha>div { margin: 0 auto; }
.abr-img figure.wpb_wrapper.vc_figure { box-shadow: 0 0 30px rgba(0, 0, 0, .3); }
div#tc-accd { max-width: 1170px; margin: 0 auto; }
ol.od-list { padding-left: 30px; }
#tc-accd .vc_tta-color-orange.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-heading { border-color: #ff7e0a; background-color: #ff7e0a; }
#tc-accd .vc_tta-color-orange.vc_tta-style-classic .vc_tta-panel.vc_active .vc_tta-panel-heading { background-color: #f8f8f8; }
ul.check-list.list-in-middle { text-align: left; display: inline-block; }

 



@media only screen and ( max-width: 1400px ){ 
h2#contact-banner { font-size: 50px !important; }
.contact-from-sec h2.vc_custom_heading + h2.vc_custom_heading { font-size: 26px !important; }
.home-banner h2.vc_custom_heading {
    font-size: 40px !important;
}
.service-list ul li { font-size: 18px; }
.service-list ul li + li::before { padding: 0 10px; }
div#brand-tab > .vc_col-sm-2 {     padding-right: 5%; }
.main-navigation li> a { font-size: 18px;}
	#story-tabs .vc_tta-tab>a { font-size: 18px; }
	#spu-1262 {
    width: 820px !important;
}
}
@media only screen and ( max-width: 1280px ){
.main-banner h2.vc_custom_heading { font-size: 44px !important; }
.call-strip .vc_col-sm-6 h3.vc_custom_heading { font-size: 24px !important; }
.anmt-icon>.vc_column-inner > .wpb_wrapper { width: 120px;  height: 120px; }
.anmt-icon>.vc_column-inner > .wpb_wrapper img { width: 50px; }
.anmt-icon>.vc_column-inner > .wpb_wrapper .vc_custom_heading { font-size: 16px; }
.anmt-icon>.vc_column-inner > .wpb_wrapper::before { left: 10px; top: -10px; }
h2#contact-banner { font-size: 40px !important; } 
.contact-icon-box h4.vc_custom_heading { font-size: 22px !important;}
.skill-sec .vc_col-sm-4 { width: 40%; }
.skill-sec>.vc_row> .vc_col-sm-6 { width: 60%; }
.skill-sec>.vc_row> .vc_col-sm-2 { display: none !important; }
.no-skill h3.vc_custom_heading { font-size: 40px !important; margin-bottom: 20px !important; }
.main-navigation li> a { padding: 14px; font-size: 18px; }
.home-banner h2.vc_custom_heading { font-size: 32px !important;}
.service-list ul li {font-size: 16px;}
.service-list ul li + li::before {padding: 0 8px;}
ul.stepnav li img { height: 70px;}
ul.stepnav li { padding: 10px; }
#portfoliogrid h2.vc_custom_heading {
    font-size: 30px !important;
}
#portfoliogrid .wpb_text_column.wpb_content_element {
    margin-bottom: 10px;
}
#portfoliogrid .vc_row .vc_column_container h4 {
    font-size: 20px !important;
}
h2.vc_custom_heading.main-heading {
    font-size: 30px !important;
}
.hire-left .wpb_content_element h4 { font-size: 32px; width:110px; }
.hire-left .wpb_content_element p { font-size: 18px; width:110px; }
.hire-right > .vc_column-inner .vc_col-sm-4 {
    padding: 14px 0;
}
div#brand-tab .vc_tta-panel-body .vc_row:first-child {
    width: 30%;
    padding-right: 5%;
}
div#brand-tab .vc_tta-panel-body .vc_row { width: 70%; }
}

@media only screen and ( max-width: 1060px ){
.call-strip .vc_col-sm-6 { width: calc(100% - 500px); }
.call-strip .vc_col-sm-3 { width: 250px; }
.call-strip .vc_col-sm-3 h3.vc_custom_heading { font-size: 28px !important; }
.service-info-show .taghead strong { font-size: 30px; }
div#brand-tab > .vc_col-sm-2 { width: 30%; padding-right: 0%; }
div#brand-tab > .vc_col-sm-10 { width: 70%; }
#home-tesimonials .owl-item.active + .owl-item.active + .owl-item.active .item-content p { font-size: 10px; }
#home-tesimonials .owl-item.active + .owl-item.active + .owl-item.active h3.author-name { font-size: 11px;  }
#home-tesimonials .owl-item.active + .owl-item.active .item-content p {font-size: 14px;}
#home-tesimonials .owl-item.active + .owl-item.active h3.author-name { font-size: 16px; }
#home-tesimonials .owl-item.active .item-content p {font-size: 10px;}
#home-tesimonials .owl-item.active h3.author-name { font-size: 11px; }
.site-footer h2.widget-title { font-size: 20px; }
#portfoliogrid h2.vc_custom_heading { font-size: 30px !important; margin-bottom: 0px !important; }
#portfoliogrid .wpb_text_column.wpb_content_element { margin-bottom: 10px; }
div#portfoliogrid > .vc_col-sm-6> .vc_column-inner { padding-top: 0; }
ul.stepnav li { padding: 10px; }
.hr-strip .vc_col-sm-4 h2.vc_custom_heading + h2.vc_custom_heading { font-size: 22px !important; }
.hr-strip .vc_col-sm-2 h2.vc_custom_heading   { font-size: 26px !important; }
.hr-strip .vc_col-sm-2 h2.vc_custom_heading + h2.vc_custom_heading { font-size: 18px !important; }
.skill-sec>.vc_row> .vc_col-sm-6 .vc_row + .vc_row { margin-bottom: 0 !important; }
.no-skill h3.vc_custom_heading {font-size: 30px !important;} 
.skill-sec .vc_col-sm-4, .skill-sec>.vc_row> .vc_col-sm-6 { width: 100%;  }
.skill-sec>.vc_row> .vc_col-sm-4 .wpb_single_image { display: none; }
h1.vc_custom_heading.skill-head { display: inline-block; }
#story-tabs .vc_tta-tab {   margin: 0; }
#story-tabs .vc_tta-tab>a { font-size: 16px; }
.tog-icon { display: block; }
.site-header .main-nav { display: none; }
.home-banner h2.vc_custom_heading { font-size: 29px !important; }
.home-banner > .vc_row { padding-left: 10px; }
.service-list ul li { font-size: 14px; }
.service-list ul li + li::before { padding: 0 5px; }
.home-banner a.vc_general.vc_btn3 { margin-top: 0px; }
ul.stepnav li span >img { height: 60px; }
.core-section .vc_row>.vc_column_container:last-child>.vc_column-inner { padding-left: 20px; }
.hire-left > .vc_column-inner { padding: 20px !important; }
.hire-left .wpb_content_element h4 { width: 100%; text-align: center; font-size: 28px;}
.hire-left .wpb_content_element p { width: 100%; text-align: center; font-size: 16px; }
.hire-right h3.vc_custom_heading.sub-heading { font-size: 22px !important;}
.hire-right p { font-size: 14px; }
.hire-left.vc_col-sm-6 { width: 40%; }
.hire-right.vc_col-sm-6 { width: 60%; }
.service-page-banner h1.vc_custom_heading.main-title { font-size: 32px !important; }
#pf-tabs .tlp-portfolio .tlp-portfolio-isotope .tlp-portfolio-item .tlp-content .tlp-content-holder { flex-wrap: wrap; -webkit-flex-wrap: wrap;}
#pf-tabs .tlp-portfolio h3, #pf-tabs .tlp-portfolio .tlp-portfolio-sd { width: 100%; }
.entry-content>.vc_section, .entry-content>.vc_row { padding-left: 15px!important; padding-right: 15px!important;} 

}
@media only screen and ( max-width: 992px ){
.main-banner> .vc_row > .wpb_column.vc_col-sm-1 {order: 3; padding-left: 0;}
.main-banner> .vc_row > .wpb_column  { padding-left: 10%;  width: 100%;}
.main-banner .vc_empty_space { display: none;}
.service-info-show .taghead strong { font-size: 40px; }
.call-strip .vc_col-sm-6 { width: calc(100% - 250px); }
.call-strip .vc_col-sm-3:last-child { width: 100%; }
.approach-sec .vc_col-sm-8, .approach-sec .vc_col-sm-4 { width: 100% ; }
ul.stepnav li h4 { font-size: 14px; }
#portfoliogrid .vc_col-sm-6 { width: 100%; }
#portfoliogrid .vc_col-sm-3 { width: 33.33%; }
div#portfoliogrid > .vc_col-sm-6> .vc_column-inner { padding-top: 20px; padding-bottom: 10px; }
ul.stepnav li { padding: 5px; }
ul.stepnav li::after { width: 12px; height: 20px; margin-left: 12px; }
ul.stepnav li span>img { height: 40px; }
.call-line p { font-size: 16px; }
.call-line p::before { width: 40px; }
.contact-sec2 > .vc_row > .vc_col-sm-6 { width: 100%; }
.contact-sec2 > .vc_row > .vc_col-sm-5 { width: 100%; }
.contact-from-sec > .vc_row > .vc_col-sm-6 { width: 100%; }
.contact-sec2 > .vc_row > .vc_col-sm-6> .vc_column-inner { margin-top: 0 !important; }
section.vc_section.contact-banner { padding-top: 50px !important; padding-bottom: 50px !important; }
.wpb_gmaps_widget .wpb_map_wraper iframe { height: 400px; }
.hr-strip .vc_col-sm-4 { width: 100%; }
.hr-strip .vc_col-sm-2 { width: 30%; }
.hr-strip .vc_col-sm-3 { width: 35%; } 
.hire-right.wpb_column.vc_column_container.vc_col-sm-6 { width: 100%; order: -1; }
.hire-left.wpb_column.vc_column_container.vc_col-sm-6 { width: 100%; order: 2; }
#brand-tab .vc_tta-color-grey.vc_tta-style-flat .vc_tta-tab>a { padding: 10px 20px; font-size: 14px; }
.anmt-icon2.service-info-tog.vc_col-sm-3 { width: 33.33%;}
.anmt-icon2.service-info-tog:nth-child(odd) >div>.wpb_wrapper { margin-bottom:  0px !important;}
#pf-tabs .tlp-portfolio .tlp-portfolio-isotope .tlp-item .tlp-portfolio-thum, #pf-tabs .tlp-portfolio .tlp-portfolio-isotope .tlp-item:nth-child(even) .tlp-portfolio-thum {padding-top: 85%;}
}

@media only screen and ( max-width: 991px ) {
.home-banner h2.vc_custom_heading {font-size: 22px !important; } 
p, body { font-size: 16px; }
ul.hed-list li { margin-bottom: 10px; }
ul.hed-list li strong{ font-size: 16px; }
h2.vc_custom_heading.sub-heading { font-size: 20px !important; }
h2.vc_custom_heading.why-innerhead { font-size: 20px !important; }
.service-info-show p { font-size: 16px; }
ul.stepnav li a >img { height: 50px; } 
.home-banner a.vc_general.vc_btn3 { font-size: 14px; padding: 10px 20px; }
.anmt-icon2.service-info-tog .vc_column-inner .vc_custom_heading { font-size: 12px !important; }
.service-info-show .taghead {font-size: 22px;}
.service-info-show .taghead strong { font-size: 30px;}
#pf-tabs .filter-button-group button { padding: 8px 17px; margin: 0 2px; font-size: 16px; }
.ab-right.wpb_column { padding-left: 0px; }
h2#contact-banner { font-size: 30px !important; }
.contact-map .wpb_gmaps_widget .wpb_map_wraper iframe { height: 500px; }
ul.arrow-list li::before { left: -20px; }
ul.arrow-list li { padding-left: 20px; overflow: hidden; }
.site-header .wrap, .site-footer .wrap {
    padding-left: 20px;
    padding-right: 20px;
}
.hire-boxes .vc_column-inner .vc_col-sm-4 {
    padding: 15px 15px;
}
.bg-animation .wpb_single_image { max-width: 560px; }
.bg-animation .wpb_raw_code.img-box { width: 420px; padding-top: 260px;  top: 17px;}
.mob-animation .wpb_raw_code.img-box { width: 110px; padding-top: 192px; position: absolute; top: 15px;}
.vc_section.pfo-showcase { margin-top: -140px !important; }
.vc_section.case-banner { padding-bottom: 150px !important; padding-top: 50px !important; }
.mob-animation .wpb_single_image {max-width: 120px;}
.case-banner h3.vc_custom_heading { font-size: 22px !important; }
.case-banner h2.vc_custom_heading { font-size: 30px !important; }

}
@media only screen and ( max-width: 767px ) {
.main-banner h2.vc_custom_heading { font-size: 28px !important; }
.vc_section.main-banner { padding-top: 0; }
.main-banner p.vc_custom_heading { font-size: 16px !important; }
p { font-size: 16px; }
.main-banner .anmt-icon.wpb_column { width: 140px; display: inline-block; }
.main-banner> .vc_row > .wpb_column.vc_col-sm-5 { text-align: center;}
.service-list ul li { display: block; }
.service-list ul li::after { display: none; }
.call-strip .vc_col-sm-6, .call-strip .vc_col-sm-3 { width: 100%; }
section.vc_section.call-strip >.vc_row { padding: 0 20px 20px; }
div#brand-tab > .vc_col-sm-2 { display: none; }
div#brand-tab > .vc_col-sm-10 { width: 100%}
.anmt-icon2.service-info-tog { width: 50%; float: left; margin-bottom: 20px;}
#brand-tab .vc_tta-color-grey.vc_tta-style-flat .vc_tta-tabs-container { display: block; }
#brand-tab .vc_tta-panel-heading { display: none; }
#brand-tab .vc_tta-panels-container .vc_tta-panels .vc_tta-panel {transform:none;}
#brand-tab .vc_tta-panels-container .vc_tta-panels { padding: 20px 0 0; transform:none; }
#brand-tab .vc_tta-panels-container { background: none; transform: none; }
#brand-tab .vc_tta-color-grey.vc_tta-style-flat .vc_tta-tab>a { padding: 10px; font-size: 16px; }
#brand-tab { padding-bottom: 30px; margin-bottom: 0px; }
ul.stepnav li h4 { font-size: 12px; }
.call-strip .vc_custom_heading { text-align: center !important; }
#brand-tab .vc_tta-color-grey.vc_tta-style-flat .vc_tta-tab { padding: 0px; }
#home-tesimonials .owl-item.active { width: 80vw !important; opacity: 1; }
#home-tesimonials .owl-item.active .item-content p { font-size: 14px; }
#home-tesimonials .owl-item.active h3.author-name { font-size: 16px; }
#home-tesimonials .single-item-wrapper { padding: 15px 15px 0; }
#portfoliogrid .vc_col-sm-3 { width: 50%; }
.site-footer .widget-area .widget-column { width: 100%; margin-bottom: 2px;}
.site-footer .widget ul li { padding: 1px 0; }
.site-footer h2.widget-title { margin-bottom: 0px; }
h2.vc_custom_heading.main-heading { font-size: 24px !important; }
h2.vc_custom_heading.sub-heading { font-size: 18px !important; }
h2#contact-banner { font-size: 26px !important; text-align: center !important; }
h1.vc_custom_heading.skill-head { font-size: 30px !important; }
.skill-sec .vc_col-sm-4 h2.vc_custom_heading.sub-heading { text-align: center !important; }
.wrap { padding-left: 0px; padding-right: 0px; }
.tog-icon { right: 20px; display: block; }
.vc_section.main-banner.inner-pagebanner .wpb_single_image { width: 100%; }
#story-tabs .vc_tta-panel .vc_tta-panel-heading { display: none; }
#story-tabs .tb-btnprev a, #story-tabs .tb-btnnext a { width: 30px; background-size: contain; margin: 0 10px; }
#story-tabs .vc_tta-tab {padding: 0  ;}
#story-tabs .vc_tta-tab>a { font-size: 14px; }
#story-tabs .vc_tta-tab { margin: 0; width: inherit; }
#story-tabs .vc_tta-panels {padding: 20px 20px;}
#story-tabs .vc_tta-tabs-container { display: block; }
#story-tabs .vc_tta-panel-body h2.vc_custom_heading { text-align: center !important; font-size: 18px !important; margin-bottom: 10px !important; }
#story-tabs .vc_tta-panel-body p { text-align: center; }
.skill-sec .vc_col-sm-4, .skill-sec>.vc_row> .vc_col-sm-6 { text-align: center; }
#fixed-social { display: none; }
ul.stepnav li a >img { height: 30px; }
.site-header .custom-header { max-width: 180px; }
.tog-icon { top: 10px; }
.home-banner h2.vc_custom_heading { text-align: center !important; }
.wpb_content_element.service-list { text-align: center; margin-bottom: 20px; }
.home-banner .vc_btn3-container.vc_btn3-inline { display: block; text-align: center; margin-bottom: 40px; }
.js button.menu-toggle { display:none; }
#pf-tabs .filter-button-group button { padding: 10px 10px; margin: 3px 0; font-size: 16px; width: 100%;}
.hr-strip .vc_col-sm-3 { width: 40%; }
.hr-strip .vc_col-sm-2 { width: 60%; }
.hr-strip .vc_col-sm-3:last-child { width: 100%; }
.nsu-form { margin: 30px auto; padding: 7px 40px; background-size: auto 60px; }
.contact-form > .form-feild input[type="submit"] { font-size: 16px; }
div#brand-tab .vc_tta-panel-body .vc_row:first-child { display: none; }
div#brand-tab .vc_tta-panel-body .vc_row { width: 100%; margin: 0; padding-bottom:  70px;}
.anmt-icon2.service-info-tog.vc_col-sm-3 { width: 50%;}
.service-info-tog >.vc_column-inner>.wpb_wrapper { padding: 10px 10px 0;}
.hire-right > .vc_column-inner .vc_col-sm-4 + .vc_col-sm-4 { border-left: none; border-top: solid 1px #184c98; } 
.hire-left .vc_row:first-child .vc_col-sm-6:first-child::after { width: 30px; height: 30px;bottom: -15px; right: -15px; }
.hire-left .vc_col-sm-6 { padding: 10px; width: 50%; float: left; }
#brand-tab .vc_tta-color-grey.vc_tta-style-flat .vc_tta-tab { padding: 0px; width: 300px; max-width: 100%; margin: 5px 0; }
#brand-tab .vc_tta-color-grey.vc_tta-style-flat .vc_tta-tabs-list { margin-bottom: 0; }
.hire-left > .vc_column-inner .vc_row { margin: 0 auto; max-width: 350px; }
.hire-right > .vc_column-inner .vc_col-sm-4 { max-width: 230px; margin: 0 auto; }
#service-slider>.vc_column-inner>.wpb_wrapper>.wpb_single_image { width: 92.31vw; }
.anmt-icon2.service-info-tog:nth-child(6) {  transform: translateY(0px);  -webkit-transform: translateY(0px);}
.anmt-icon2.service-info-tog:nth-child(7) {  transform: translateY(70px);  -webkit-transform: translateY(70px);}
.anmt-icon2.service-info-tog:nth-child(8) {  transform: translateY(0px);  -webkit-transform: translateY(0px);}
.anmt-icon2.service-info-tog:nth-child(9) {  transform: translateY(70px);  -webkit-transform: translateY(70px);}
.anmt-icon2.service-info-tog:nth-child(10) {  transform: translateY(0px);  -webkit-transform: translateY(0px);}
.hire-boxes .vc_column-inner .vc_col-sm-4 + .vc_col-sm-4 { border-left: none;} 
.home-banner .vc_col-sm-7 { padding-left: 0px; }
section.vc_section.step-section > .vc_row { padding: 50px 0 0; }
.vc_section.step-section { padding-top: 0 !important; margin-bottom: 30px !important; }
.hire-right h3.vc_custom_heading.sub-heading { font-size: 18px !important;}
.hire-right a.vc_general.vc_btn3 { padding: 8px 20px;}
.hire-right .wpb_text_column.wpb_content_element, .hire-right .vc_btn3-container.vc_btn3-center { margin-bottom: 10px;}
.call-line p::before {display: none;}
.hr-strip .vc_col-sm-4 h2.vc_custom_heading { text-align: center !important; }
.contact-sec2 h2.vc_custom_heading {   text-align: center !important; }
.contact-sec2 p {   text-align: center ; }
.contact-icon-box h4.vc_custom_heading { font-size: 20px !important; text-align: center !important; }
.contact-icon-box .wpb_single_image.vc_align_left { text-align: center; }
.contact-icon-box p { text-align: center; }
.dr-box p { text-align: center; }
.service-page-banner h1.vc_custom_heading.main-title { font-size: 26px !important; text-align: center !important; }
.service-page-banner p { text-align: center; }
section.vc_section.service-page-banner.main-service { padding-bottom: 0;     padding-top: 20px; } 
.main-navigation ul { width: 100%; }
.site-footer .widget-area .widget-column.footer-widget-1 { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; }
.site-footer .widget-area .widget-column.footer-widget-1 .widget { width: 100%; }
.site-footer .widget-area .widget-column.footer-widget-1 section.widget.widget_nav_menu { order: 3;}
.site-footer .widget_nav_menu h2.widget-title + div { display: none;}  
.site-footer .widget_nav_menu h2.widget-title { position: relative; padding-right: 30px;   }
.site-footer .widget_nav_menu h2.widget-title::after { content:"\f107"; font-family: "Font Awesome 5 Free"; font-weight: 600; position: absolute; right: 5px; }
.site-footer .widget-area .widget-column section.widget.widget_nav_menu { padding: 10px 2px; border-bottom: 1px solid rgba(255,255,255,0.4);}
.site-footer ul.f-social >li { padding-right: 20px; }
.spu-box h3 { font-size: 24px; margin-bottom: 10px; }
.spu-box .contact-form > .form-feild input, .spu-box .contact-form > .form-feild select, .spu-box .contact-form > .form-feild textarea { font-size: 14px; padding: 8px 10px; }
.spu-box .contact-form > .form-feild textarea { height: 80px; }
.form-feild { padding: 7px; }
.spu-box.spu-centered { margin: auto; max-width: 95%; right: 0; padding: 20px !important; }
section.vc_section.home-service-sec { padding-top: 10px !important; }
.ab-right h2.vc_custom_heading.why-innerhead, .ab-right p { text-align: center !important;}
.vc_section[data-vc-full-width] { padding-left: 0 !important; padding-right: 0 !important; }
.logogrid ul li { padding: 10px; }
.hire-boxes .vc_column-inner .vc_col-sm-4 { padding: 15px 15px 0; }
.hire-boxes .vc_btn3-container.vc_btn3-center { margin-bottom: 0; }
.hire-boxes a.vc_general.vc_btn3 { padding: 10px }
.hire-boxes .vc_column-inner .vc_col-sm-4 .wpb_text_column.wpb_content_element { margin: 0 auto 10px; max-width: 200px; }
section.vc_section.service-page-banner {  padding-top: 120px;}
.bg-animation .wpb_single_image { max-width: 260px; }
.mob-animation .wpb_single_image {max-width: 70px;}
.bg-animation .wpb_raw_code.img-box { width: 196px; padding-top: 120px; top: 7px; }
.mob-animation .wpb_raw_code.img-box { width: 66px; padding-top: 114px; top: 8px;}
.vc_section.pfo-showcase { margin-top: -80px !important; }
.vc_section.case-banner { padding-bottom: 100px !important;   }
.case-banner h3.vc_custom_heading { font-size: 16px !important; }
.case-banner h2.vc_custom_heading { font-size: 26px !important; }
.mg-menu > ul.sub-menu >li>.sub-menu { padding:10px 0px;text-align: center; }
#top-menu { padding: 0 10px;}
#top-menu ul.sub-menu{ padding: 0 10px;}
.mg-menu > ul.sub-menu >li >a { width: 100%; text-align:center; }
.mg-menu > ul.sub-menu .sub-menu> li:last-child > a {margin: 0;}

}