@font-face {
  font-family: "AvenirLTStdBlack";
  src: url("../fonts/AvenirLTStdBlack.eot");
  src: url("../fonts/AvenirLTStdBlack.eot") format("embedded-opentype"),
    url("../fonts/AvenirLTStdBlack.woff") format("woff2"),
    url("../fonts/AvenirLTStdBlack.woff") format("woff"),
    url("../fonts/AvenirLTStdBlack.ttf") format("truetype"),
    url("https://laravellions.com/wp-content/themes/wordpress-wolves/assets/fonts/AvenirLTStdBlack.svg#AvenirLTStdBlack") format("svg");
}
@font-face {
  font-family: "AvenirLTStdLight";
  src: url("../fonts/AvenirLTStdLight.eot");
  src: url("../fonts/AvenirLTStdLight.eot") format("embedded-opentype"),
    url("../fonts/AvenirLTStdLight.woff") format("woff2"),
    url("../fonts/AvenirLTStdLight.woff") format("woff"),
    url("../fonts/AvenirLTStdLight.ttf") format("truetype"),
    url("https://laravellions.com/wp-content/themes/wordpress-wolves/assets/fonts/AvenirLTStdLight.svg#AvenirLTStdLight") format("svg");
}
@font-face {
  font-family: "AvenirLTStdHeavy";
  src: url("../fonts/AvenirLTStdHeavy.eot");
  src: url("../fonts/AvenirLTStdHeavy.eot") format("embedded-opentype"),
    url("../fonts/AvenirLTStdHeavy.woff") format("woff2"),
    url("../fonts/AvenirLTStdHeavy.woff") format("woff"),
    url("../fonts/AvenirLTStdHeavy.ttf") format("truetype"),
    url("https://laravellions.com/wp-content/themes/wordpress-wolves/assets/fonts/AvenirLTStdHeavy.svg#AvenirLTStdHeavy") format("svg");
}
/*@import url('//fonts.googleapis.com/css2?family=Open+Sans:wght@400;600;700;800&display=swap');*/
@import url("//fonts.googleapis.com/css2?family=Playfair+Display:wght@500;600;700;800&display=swap");
@-webkit-keyframes shine {
  100% { left: 125%; }
}
@keyframes shine {
  100% { left: 125%; }
}
::-moz-selection { background: #004187; color: #fff; text-shadow: none; }
::selection { background: #004187; color: #fff; text-shadow: none; }
/*==================================:: WOW CSS Start ::==================================*/
.animated { animation-duration: 0.5s; animation-fill-mode: both; }
.animated.infinite { animation-iteration-count: infinite; }
.animated.hinge { animation-duration: 2s; }
.animated.bounceIn, .animated.bounceOut, .animated.flipOutX, .animated.flipOutY { animation-duration: 0.75s; }
@keyframes bounce {
  0%, 20%, 53%, 80%, to { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transform: translateZ(0); }
  40%, 43% { animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); transform: translate3d(0, -30px, 0); }
  70% { animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); transform: translate3d(0, -15px, 0); }
  90% { transform: translate3d(0, -4px, 0); }
}
.bounce { animation-name: bounce; transform-origin: center bottom; }
@keyframes flash {
  0%, 50%, to { opacity: 1; }
  25%, 75% { opacity: 0; }
}
.flash { animation-name: flash; }
@keyframes pulse {
  0% { transform: scaleX(1); }
  50% { transform: scale3d(1.05, 1.05, 1.05); }
  to { transform: scaleX(1); }
}
.pulse { animation-name: pulse; }
@keyframes rubberBand {
  0% { transform: scaleX(1); }
  30% { transform: scale3d(1.25, 0.75, 1); }
  40% { transform: scale3d(0.75, 1.25, 1); }
  50% { transform: scale3d(1.15, 0.85, 1); }
  65% { transform: scale3d(0.95, 1.05, 1); }
  75% { transform: scale3d(1.05, 0.95, 1); }
  to { transform: scaleX(1); }
}
.rubberBand { animation-name: rubberBand; }
@keyframes shake {
  0%, to { transform: translateZ(0); }
  10%, 30%, 50%, 70%, 90% { transform: translate3d(-10px, 0, 0); }
  20%, 40%, 60%, 80% { transform: translate3d(10px, 0, 0); }
}
.shake { animation-name: shake; }
@keyframes headShake {
  0% { transform: translateX(0); }
  6.5% { transform: translateX(-6px) rotateY(-9deg); }
  18.5% { transform: translateX(5px) rotateY(7deg); }
  31.5% { transform: translateX(-3px) rotateY(-5deg); }
  43.5% { transform: translateX(2px) rotateY(3deg); }
  50% { transform: translateX(0); }
}
.headShake { animation-timing-function: ease-in-out; animation-name: headShake; }
@keyframes swing {
  20% { transform: rotate(15deg); }
  40% { transform: rotate(-10deg); }
  60% { transform: rotate(5deg); }
  80% { transform: rotate(-5deg); }
  to { transform: rotate(0deg); }
}
.swing { transform-origin: top center; animation-name: swing; }
@keyframes tada {
  0% { transform: scaleX(1); }
  10%, 20% { transform: scale3d(0.9, 0.9, 0.9) rotate(-3deg); }
  30%, 50%, 70%, 90% { transform: scale3d(1.1, 1.1, 1.1) rotate(3deg); }
  40%, 60%, 80% { transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg); }
  to { transform: scaleX(1); }
}
.tada { animation-name: tada; }
@keyframes wobble {
  0% { transform: none; }
  15% { transform: translate3d(-25%, 0, 0) rotate(-5deg); } 
  30% { transform: translate3d(20%, 0, 0) rotate(3deg); }
  45% { transform: translate3d(-15%, 0, 0) rotate(-3deg); }
  60% { transform: translate3d(10%, 0, 0) rotate(2deg); }
  75% { transform: translate3d(-5%, 0, 0) rotate(-1deg); }
  to { transform: none; }
}
.wobble { animation-name: wobble; }
@keyframes jello {
  0%, 11.1%, to { transform: none; }
  22.2% { transform: skewX(-12.5deg) skewY(-12.5deg); }
  33.3% { transform: skewX(6.25deg) skewY(6.25deg); }
  44.4% { transform: skewX(-3.125deg) skewY(-3.125deg); }
  55.5% { transform: skewX(1.5625deg) skewY(1.5625deg); }
  66.6% { transform: skewX(-0.78125deg) skewY(-0.78125deg); }
  77.7% { transform: skewX(0.390625deg) skewY(0.390625deg); }
  88.8% { transform: skewX(-0.1953125deg) skewY(-0.1953125deg); }
}
.jello { animation-name: jello; transform-origin: center; }
@keyframes bounceIn {
  0%, 20%, 40%, 60%, 80%, to { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% { opacity: 0; transform: scale3d(0.3, 0.3, 0.3); }
  20% { transform: scale3d(1.1, 1.1, 1.1); }
  40% { transform: scale3d(0.9, 0.9, 0.9); }
  60% { opacity: 1; transform: scale3d(1.03, 1.03, 1.03); }
  80% { transform: scale3d(0.97, 0.97, 0.97); }
  to { opacity: 1; transform: scaleX(1); }
}
.bounceIn { animation-name: bounceIn; }
@keyframes bounceInDown {
  0%, 60%, 75%, 90%, to { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% { opacity: 0; transform: translate3d(0, -3000px, 0); }
  60% { opacity: 1; transform: translate3d(0, 25px, 0); }
  75% { transform: translate3d(0, -10px, 0); }
  90% { transform: translate3d(0, 5px, 0); }
  to { transform: none; }
}
.bounceInDown { animation-name: bounceInDown; }
@keyframes bounceInLeft {
  0%, 60%, 75%, 90%, to { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% { opacity: 0; transform: translate3d(-3000px, 0, 0); }
  60% { opacity: 1; transform: translate3d(25px, 0, 0); }
  75% { transform: translate3d(-10px, 0, 0); }
  90% { transform: translate3d(5px, 0, 0); }
  to { transform: none; }
}
.bounceInLeft { animation-name: bounceInLeft; }
@keyframes bounceInRight {
  0%, 60%, 75%, 90%, to { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% { opacity: 0; transform: translate3d(3000px, 0, 0); }
  60% { opacity: 1; transform: translate3d(-25px, 0, 0); }
  75% { transform: translate3d(10px, 0, 0); }
  90% { transform: translate3d(-5px, 0, 0); }
  to { transform: none; }
}
.bounceInRight { animation-name: bounceInRight; }
@keyframes bounceInUp {
  0%, 60%, 75%, 90%, to { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% { opacity: 0; transform: translate3d(0, 3000px, 0); }
  60% { opacity: 1; transform: translate3d(0, -20px, 0); }
  75% { transform: translate3d(0, 10px, 0); }
  90% { transform: translate3d(0, -5px, 0); }
  to { transform: translateZ(0); }
}
.bounceInUp { animation-name: bounceInUp; }
@keyframes bounceOut {
  20% { transform: scale3d(0.9, 0.9, 0.9); }
  50%, 55% { opacity: 1; transform: scale3d(1.1, 1.1, 1.1); }
  to { opacity: 0; transform: scale3d(0.3, 0.3, 0.3); }
}
.bounceOut { animation-name: bounceOut; }
@keyframes bounceOutDown {
  20% { transform: translate3d(0, 10px, 0); }
  40%, 45% { opacity: 1; transform: translate3d(0, -20px, 0); }
  to { opacity: 0; transform: translate3d(0, 2000px, 0); }
}
.bounceOutDown { animation-name: bounceOutDown; }
@keyframes bounceOutLeft {
  20% { opacity: 1; transform: translate3d(20px, 0, 0); }
  to { opacity: 0; transform: translate3d(-2000px, 0, 0); }
}
.bounceOutLeft { animation-name: bounceOutLeft; }
@keyframes bounceOutRight {
  20% { opacity: 1; transform: translate3d(-20px, 0, 0);}
  to { opacity: 0; transform: translate3d(2000px, 0, 0); }
}
.bounceOutRight { animation-name: bounceOutRight; }
@keyframes bounceOutUp {
  20% { transform: translate3d(0, -10px, 0); }
  40%, 45% { opacity: 1; transform: translate3d(0, 20px, 0); }
  to { opacity: 0; transform: translate3d(0, -2000px, 0); }
}
.bounceOutUp { animation-name: bounceOutUp; }
@keyframes fadeIn {
  0% { opacity: 0; }
  to { opacity: 1; }
}
.fadeIn { animation-name: fadeIn; }
@keyframes fadeInDown {
  0% { opacity: 0; transform: translate3d(0, -10%, 0); }
  to { opacity: 1; transform: none; }
}
.fadeInDown { animation-name: fadeInDown; }
@keyframes fadeInDownBig {
  0% { opacity: 0; transform: translate3d(0, -2000px, 0); }
  to { opacity: 1; transform: none; }
}
.fadeInDownBig { animation-name: fadeInDownBig; }
@keyframes fadeInLeft {
  0% { opacity: 0; transform: translate3d(-10%, 0, 0); }
  to { opacity: 1; transform: none; }
}
.fadeInLeft { animation-name: fadeInLeft; }
@keyframes fadeInLeftBig {
  0% { opacity: 0; transform: translate3d(-2000px, 0, 0); }
  to { opacity: 1; transform: none;}
}
.fadeInLeftBig { animation-name: fadeInLeftBig; }
@keyframes fadeInRight {
  0% { opacity: 0; transform: translate3d(10%, 0, 0); }
  to { opacity: 1; transform: none; }
}
.fadeInRight { animation-name: fadeInRight; }
@keyframes fadeInRightBig {
  0% { opacity: 0; transform: translate3d(2000px, 0, 0); }
  to { opacity: 1; transform: none; }
}
.fadeInRightBig { animation-name: fadeInRightBig; }
@keyframes fadeInUp {
  0% { opacity: 0; transform: translate3d(0, 10%, 0); }
  to { opacity: 1; transform: none; }
}
.fadeInUp { animation-name: fadeInUp; }
@keyframes fadeInUpBig {
  0% { opacity: 0; transform: translate3d(0, 2000px, 0); }
  to { opacity: 1; transform: none; } 
}
.fadeInUpBig { animation-name: fadeInUpBig; }
@keyframes fadeOut {
  0% { opacity: 1; }
  to { opacity: 0; }
}
.fadeOut { animation-name: fadeOut; }
@keyframes fadeOutDown {
  0% { opacity: 1; }
  to { opacity: 0; transform: translate3d(0, 10%, 0); }
}
.fadeOutDown { animation-name: fadeOutDown; }
@keyframes fadeOutDownBig {
  0% { opacity: 1; }
  to { opacity: 0; transform: translate3d(0, 2000px, 0); }
}
.fadeOutDownBig { animation-name: fadeOutDownBig; }
@keyframes fadeOutLeft {
  0% { opacity: 1; }
  to { opacity: 0; transform: translate3d(-10%, 0, 0); }
}
.fadeOutLeft { animation-name: fadeOutLeft; }
@keyframes fadeOutLeftBig {
  0% { opacity: 1; }
  to { opacity: 0; transform: translate3d(-2000px, 0, 0); }
}
.fadeOutLeftBig { animation-name: fadeOutLeftBig; }
@keyframes fadeOutRight {
  0% { opacity: 1; }
  to { opacity: 0; transform: translate3d(10%, 0, 0); }
}
.fadeOutRight { animation-name: fadeOutRight; }
@keyframes fadeOutRightBig {
  0% { opacity: 1; }
  to { opacity: 0; transform: translate3d(2000px, 0, 0); }
}
.fadeOutRightBig { animation-name: fadeOutRightBig; } 
@keyframes fadeOutUp {
  0% { opacity: 1; }
  to { opacity: 0; transform: translate3d(0, -10%, 0);
  }
}
.fadeOutUp { animation-name: fadeOutUp; }
@keyframes fadeOutUpBig {
  0% { opacity: 1; }
  to { opacity: 0; transform: translate3d(0, -2000px, 0); }
}
.fadeOutUpBig { animation-name: fadeOutUpBig; }
@keyframes flip {
  0% { transform: perspective(400px) rotateY(-1turn); animation-timing-function: ease-out; }
  40% { transform: perspective(400px) translateZ(150px) rotateY(-190deg); animation-timing-function: ease-out; }
  50% { transform: perspective(400px) translateZ(150px) rotateY(-170deg); animation-timing-function: ease-in; }
  80% { transform: perspective(400px) scale3d(0.95, 0.95, 0.95); animation-timing-function: ease-in; }
  to { transform: perspective(400px); animation-timing-function: ease-in; }
}
.animated.flip { -webkit-backface-visibility: visible; backface-visibility: visible; animation-name: flip; }
@keyframes flipInX {
  0% { transform: perspective(400px) rotateX(90deg); animation-timing-function: ease-in; opacity: 0; }
  40% { transform: perspective(400px) rotateX(-20deg); animation-timing-function: ease-in; }
  60% { transform: perspective(400px) rotateX(10deg); opacity: 1; }
  80% { transform: perspective(400px) rotateX(-5deg); }
  to { transform: perspective(400px); }
}
.flipInX { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; animation-name: flipInX; }
@keyframes flipInY {
  0% { transform: perspective(400px) rotateY(90deg); animation-timing-function: ease-in; opacity: 0; }
  40% { transform: perspective(400px) rotateY(-20deg); animation-timing-function: ease-in; }
  60% { transform: perspective(400px) rotateY(10deg); opacity: 1; }
  80% { transform: perspective(400px) rotateY(-5deg); }
  to { transform: perspective(400px); }
}
.flipInY { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; animation-name: flipInY; }
@keyframes flipOutX {
  0% { transform: perspective(400px); }
  30% { transform: perspective(400px) rotateX(-20deg); opacity: 1; }
  to { transform: perspective(400px) rotateX(90deg); opacity: 0; }
}
.flipOutX { animation-name: flipOutX; -webkit-backface-visibility: visible !important; backface-visibility: visible !important; }
@keyframes flipOutY {
  0% { transform: perspective(400px); }
  30% { transform: perspective(400px) rotateY(-15deg); opacity: 1; }
  to { transform: perspective(400px) rotateY(90deg); opacity: 0; }
}
.flipOutY { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; animation-name: flipOutY; }
@keyframes lightSpeedIn {
  0% { transform: translate3d(10%, 0, 0) skewX(-30deg); opacity: 0; }
  60% { transform: skewX(20deg); opacity: 1; }
  80% { transform: skewX(-5deg); opacity: 1; }
  to { transform: none; opacity: 1; }
}
.lightSpeedIn { animation-name: lightSpeedIn; animation-timing-function: ease-out; }
@keyframes lightSpeedOut {
  0% { opacity: 1; }
  to { transform: translate3d(10%, 0, 0) skewX(30deg); opacity: 0; }
}
.lightSpeedOut { animation-name: lightSpeedOut; animation-timing-function: ease-in; }
@keyframes rotateIn {
  0% { transform-origin: center; transform: rotate(-200deg); opacity: 0;}
  to { transform-origin: center; transform: none; opacity: 1; }
}
.rotateIn { animation-name: rotateIn; }
@keyframes rotateInDownLeft {
  0% { transform-origin: left bottom; transform: rotate(-45deg); opacity: 0; }
  to { transform-origin: left bottom; transform: none; opacity: 1; }
}
.rotateInDownLeft { animation-name: rotateInDownLeft; }
@keyframes rotateInDownRight {
  0% { transform-origin: right bottom; transform: rotate(45deg); opacity: 0; }
  to { transform-origin: right bottom; transform: none; opacity: 1; }
}
.rotateInDownRight { animation-name: rotateInDownRight; }
@keyframes rotateInUpLeft {
  0% { transform-origin: left bottom; transform: rotate(45deg); opacity: 0; }
  to { transform-origin: left bottom; transform: none; opacity: 1; }
}
.rotateInUpLeft { animation-name: rotateInUpLeft; }
@keyframes rotateInUpRight {
  0% { transform-origin: right bottom; transform: rotate(-90deg); opacity: 0; }
  to { transform-origin: right bottom; transform: none; opacity: 1; }
}
.rotateInUpRight { animation-name: rotateInUpRight; }
@keyframes rotateOut {
  0% { transform-origin: center; opacity: 1; }
  to { transform-origin: center; transform: rotate(200deg); opacity: 0; }
}
.rotateOut { animation-name: rotateOut; }
@keyframes rotateOutDownLeft {
  0% { transform-origin: left bottom; opacity: 1; }
  to { transform-origin: left bottom; transform: rotate(45deg); opacity: 0; }
}
.rotateOutDownLeft { animation-name: rotateOutDownLeft; }
@keyframes rotateOutDownRight {
  0% { transform-origin: right bottom; opacity: 1; }
  to { transform-origin: right bottom; transform: rotate(-45deg); opacity: 0; }
}
.rotateOutDownRight { animation-name: rotateOutDownRight; }
@keyframes rotateOutUpLeft {
  0% { transform-origin: left bottom; opacity: 1; }
  to { transform-origin: left bottom; transform: rotate(-45deg); opacity: 0; }
}
.rotateOutUpLeft { animation-name: rotateOutUpLeft; }
@keyframes rotateOutUpRight {
  0% { transform-origin: right bottom; opacity: 1; }
  to { transform-origin: right bottom; transform: rotate(90deg); opacity: 0; }
}
.rotateOutUpRight { animation-name: rotateOutUpRight; }
@keyframes hinge {
  0% { transform-origin: top left; animation-timing-function: ease-in-out; }
  20%, 60% { transform: rotate(80deg); transform-origin: top left; animation-timing-function: ease-in-out; }
  40%, 80% { transform: rotate(60deg); transform-origin: top left; animation-timing-function: ease-in-out; opacity: 1; }
  to { transform: translate3d(0, 700px, 0); opacity: 0; }
}
.hinge { animation-name: hinge; }
@keyframes jackInTheBox {
  0% { opacity: 0; transform: scale(0.1) rotate(30deg); transform-origin: center bottom; }
  50% { transform: rotate(-10deg); }
  70% { transform: rotate(3deg); }
  to { opacity: 1; transform: scale(1); }
}
.jackInTheBox { animation-name: jackInTheBox; }
@keyframes rollIn {
  0% { opacity: 0; transform: translate3d(-10%, 0, 0) rotate(-120deg); }
  to { opacity: 1; transform: none; }
}
.rollIn { animation-name: rollIn; }
@keyframes rollOut {
  0% { opacity: 1; }
  to { opacity: 0; transform: translate3d(10%, 0, 0) rotate(120deg); }
}
.rollOut { animation-name: rollOut; }
@keyframes zoomIn {
  0% { opacity: 0; transform: scale3d(0.3, 0.3, 0.3); }
  50% { opacity: 1; }
}
.zoomIn { animation-name: zoomIn; }
@keyframes zoomInDown {
  0% { opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); }
}
.zoomInDown { animation-name: zoomInDown; }
@keyframes zoomInLeft {
  0% { opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); }
}
.zoomInLeft { animation-name: zoomInLeft; }
@keyframes zoomInRight {
  0% { opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); }
}
.zoomInRight {
  animation-name: zoomInRight;
}
@keyframes zoomInUp {
  0% { opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); }
}
.zoomInUp { animation-name: zoomInUp; }
@keyframes zoomOut {
  0% { opacity: 1; }
  50% { opacity: 0; transform: scale3d(0.3, 0.3, 0.3); }
  to { opacity: 0; }
}
.zoomOut { animation-name: zoomOut; }
@keyframes zoomOutDown {
  40% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  to { opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); transform-origin: center bottom; animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); }
}
.zoomOutDown { animation-name: zoomOutDown; }
@keyframes zoomOutLeft {
  40% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); }
  to { opacity: 0; transform: scale(0.1) translate3d(-2000px, 0, 0); transform-origin: left center; }
}
.zoomOutLeft { animation-name: zoomOutLeft; }
@keyframes zoomOutRight {
  40% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); }
  to { opacity: 0; transform: scale(0.1) translate3d(2000px, 0, 0); transform-origin: right center; }
}
.zoomOutRight { animation-name: zoomOutRight; }
@keyframes zoomOutUp {
  40% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  to { opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); transform-origin: center bottom; animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); }
}
.zoomOutUp { animation-name: zoomOutUp; }
@keyframes slideInDown {
  0% { transform: translate3d(0, -10%, 0); visibility: visible; }
  to { transform: translateZ(0); }
}
.slideInDown { animation-name: slideInDown; }
@keyframes slideInLeft {
  0% { transform: translate3d(-10%, 0, 0); visibility: visible; }
  to { transform: translateZ(0); }
}
.slideInLeft { animation-name: slideInLeft; }
@keyframes slideInRight {
  0% { transform: translate3d(10%, 0, 0); visibility: visible; }
  to { transform: translateZ(0); }
}
.slideInRight { animation-name: slideInRight; }
@keyframes slideInUp {
  0% { transform: translate3d(0, 10%, 0); visibility: visible; }
  to { transform: translateZ(0); }
}
.slideInUp { animation-name: slideInUp; }
@keyframes slideOutDown {
  0% { transform: translateZ(0); }
  to { visibility: hidden; transform: translate3d(0, 10%, 0); }
}
.slideOutDown { animation-name: slideOutDown; }
@keyframes slideOutLeft {
  0% { transform: translateZ(0); }
  to { visibility: hidden; transform: translate3d(-10%, 0, 0); }
}
.slideOutLeft {
  animation-name: slideOutLeft;
}
@keyframes slideOutRight {
  0% { transform: translateZ(0); }
  to { visibility: hidden; transform: translate3d(10%, 0, 0); }
}
.slideOutRight { animation-name: slideOutRight; }
@keyframes slideOutUp {
  0% { transform: translateZ(0); }
  to { visibility: hidden; transform: translate3d(0, -10%, 0); }
}
.slideOutUp { animation-name: slideOutUp; }
/*==================================:: WOW CSS End ::==================================*/

/*bootstrap-select Start*/
.bootstrap-select select, .bootstrap-select .dropdown-toggle:before { display: none; }
.bootstrap-select .btn, .bootstrap-select.show > .btn-light.dropdown-toggle { display: block; padding: 0 50px 0 22px; background: #fff; height: 44px; width: 100%; text-align: left; text-transform: none; box-shadow: 0 0 0 #000 !important; z-index: 2; border: 2px solid #ced9ea; border-radius: 22px; font-size: 16px; line-height: 19px; color: #002650; font-weight: 300; }
.bootstrap-select .dropdown-toggle:after { position: absolute; content: ""; right: 22px; font-family: "LineAwesome"; line-height: 40px; top: 16px; z-index: 1; width: 10px; height: 8px; border: 0; background: url("https://laravellions.com/wp-content/themes/wordpress-wolves/assets/images/angle_b.svg") no-repeat center; -moz-transition: all 0.4s ease 0s; -webkit-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; }
.bootstrap-select.show .dropdown-toggle:after { transform: rotate(-180deg); }
.bootstrap-select .btn:hover, .bootstrap-select .btn:focus, .bootstrap-select.show > .btn-light.dropdown-toggle:hover, .bootstrap-select.show > .btn-light.dropdown-toggle:focus { background: #fff; color: #084695; border-color: #ced9ea; }
.btn-light:not(:disabled):not(.disabled).active, .btn-light:not(:disabled):not(.disabled):active, .show > .btn-light.dropdown-toggle { background: #fff; color: #002650; box-shadow: 0 0 0 #000; }
.bootstrap-select div.dropdown-menu { padding: 28px 0 10px; margin: -20px 0 0; width: 100%; z-index: 1; border: 2px solid #ced9ea; -webkit-border-bottom-right-radius: 6px; -webkit-border-bottom-left-radius: 6px; -moz-border-radius-bottomright: 6px; -moz-border-radius-bottomleft: 6px; border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; }
.bootstrap-select div.dropdown-menu[x-placement="top-start"] { padding: 10px 0 28px; margin: 0 0 -20px; }
.bs-searchbox { padding: 5px; }
.bs-searchbox input.form-control { border-radius: 20px !important; }
.bootstrap-select .inner .dropdown-menu { display: block; position: static; width: 100%; border: 0; padding: 0; margin: 0; background: none; box-shadow: 0 0 0 #000; }
.bootstrap-select .inner .dropdown-menu li { display: block; margin: 0; padding: 0; border: 0; }
.bootstrap-select li.no-results { font-size: 12px; padding: 10px 22px; }
.bootstrap-select .dropdown-item { display: block; padding: 0 22px; font-size: 16px; line-height: 28px; color: #004187; font-weight: 400; font-family: "Open Sans", sans-serif; cursor: pointer; }
.bootstrap-select .selected .dropdown-item, .bootstrap-select .dropdown-item.active, .bootstrap-select .dropdown-item:active { background: #fff; color: #002650; }
.bootstrap-select .filter-option-inner-inner { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-weight: 300; color: #002650; line-height: 19px; }
.bootstrap-select .dropdown-item .text { display: block; white-space: normal; }
/*bootstrap-select End*/
/*Easy Responsive Tab Css*/
.resp-tabs-list li { cursor: pointer; position: relative; }
h2.resp-accordion .resp-arrow { display: none; }
h2.resp-accordion:after { display: block; content: ""; width: 0; height: 0; border-style: solid; border-width: 8px 6px 0 6px; border-color: #004187 transparent transparent transparent; position: absolute; right: 22px; top: 48%; margin: 0 auto; -moz-transition: all 0.4s ease 0s; -webkit-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; opacity: 0.5; }
h2.resp-accordion.resp-tab-active:after { transform: rotate(-180deg); }
.resp-tab-content { display: none; }
.resp-tab-content:after { clear: both; content: ""; display: block; }
.resp-content-active, .resp-accordion-active { display: block; }
h2.resp-accordion { font-size: 16px; color: #000; letter-spacing: 0; cursor: pointer; padding: 5px; display: none; text-align: left; position: relative; text-transform: uppercase; margin: 0; padding: 15px 40px 15px 20px; } 
/* ================================ Mobile Menu STYLE Start ================================ */
body.mobile-menu-open { /*overflow: hidden;*/ }
.menu-open-overlay { position: fixed; top: 0; left: 0; width: 100%; bottom: 0; background: #000; display: none; z-index: 12; opacity: 0.5; }
.mobile-menu-open .menu-open-overlay { display: block; }
.mobile-menu-block { background: #004187; bottom: 0; color: #16181c; position: fixed; top: 0; left: -400px;min-width: 300px;width: 16rem; z-index: 999; font-size: 16px; -moz-transition: all 0.4s ease 0s; -webkit-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; }
.mobile-menu-open .mobile-menu-block { left: 0; }
.mobi-logo { height: 100px; align-items: center; padding: 0 20px; background: #004187; position: relative; z-index: 2; }
.mobi-logo:after { display: block; content: ""; height: 2px; /*border-bottom:2.5px solid #688EBA;*/ position: absolute; left: 20px; right: 20px; bottom: 0; }
.mobi-logo a { margin: 0 0 10px; }
.mobi-logo img { display: block; max-width: 210px; }
.mobile-menu-inner { height: calc(100vh - 240px); overflow: auto; padding: 20px 20px; position: relative; z-index: 3; }
.mobile-menu-block ul { margin: 0; padding: 0; list-style: none; }
.mobile-menu-block li { margin: 0; padding: 5px 0; color: #fff; font-weight: 400; font-size: 16px; line-height: normal; text-transform: none; position: relative; }
.mobile-menu-block ul li a { display: block; color: #fff; font-weight: 700; font-family: "AvenirLTStdLight", sans-serif, Arial; font-size: 16px; line-height: 20px; text-transform: none; letter-spacing: 0; padding: 10px 20px 10px 10px; }
.mobile-menu-block .mobile-nav > ul > li.current-menu-item > a, .mobile-menu-block .mobile-nav > ul > li.current-menu-ancestor > a { color: #004187; }
.mobile-menu-block li li { border: none; padding: 0; }
.mobile-menu-block li li a { font-size: 15px; text-transform: none; font-weight: 400; padding: 5px 15px 5px 20px; }
.mobile-menu-block li li.current-menu-item a { color: #fff; }
.mobile-menu-block li li li a { padding-left: 0; }
.mobile-menu-block ul.sub-menu { margin: 0 0 10px; }
.hitarea { display: block; width: 40px; height: 40px; text-align: center; position: absolute; right: 0; top: 0; }
.hitarea:before { display: block; content: "\f107"; font-family: "Line Awesome Free"; font-weight: 900; width: 15px; height: 15px; position: absolute; left: 0; right: 0; top: 10px; z-index: 3; margin: 0 auto; -moz-transition: all 0.4s ease 0s; -webkit-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; }
.collapsable-hitarea.hitarea:before { transform: rotate(-180deg); }
.mobile-menu-block .collapsable-hitarea + a { color: #fff; }
.h-mobi-btnbox { display: none; position: absolute; left: 0; right: 0; bottom: 0; z-index: 2; padding: 20px; }
.mobile-menu-inner .head-search-inner { display: none; }
/*========== Mobile Menu STYLE End==============*/
/*Mobile Menu Css Start*/
.menu-item-1259 { display: none; }
.mobi-iconbox { z-index: 999; display: none; width: 38px; height: 34px; position: absolute; right: 45px; top: 50%;transform: translateY(-50%); transition: all 0.4s ease; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; cursor: pointer;border:1px solid rgba(255,255,255, 0.8); }
.menuicon .icon-bar { display: block; width: 100%; height: 2px; background: #fff; -moz-transition: all 0.4s ease 0s; -webkit-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; }
.menuicon .icon-bar + .icon-bar { margin-top: 6px; }
.menuicon { display: block; width: 24px; cursor: pointer; position: relative; position: absolute; left: 0; right: 0; margin: 0 auto; top: 50%; -webkit-transform: translate(0, -50%); -moz-transform: translate(0, -50%); transform: translate(0, -50%); -moz-transition: all 0.4s ease 0s; -webkit-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; }
.opened .menuicon { width: 10px; }
.opened .top-icon-bar { width: 18px; transform-origin: 0 50% 0; transform: rotate(45deg); -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); }
.opened .middle-icon-bar { opacity: 0; margin-left: -10px; }
.opened .bottom-icon-bar { width: 18px; transform-origin: 0 50% 0; transform: rotate(-45deg); -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); }
.opened .menuicon .icon-bar + .icon-bar.bottom-icon-bar { margin-top: 3px; }
.mobi-iconbox.opened { background: #fff; }
.opened .menuicon .icon-bar { background: #004187; }
/*Mobile Menu Css End*/
.mobi-nav #mega-menu-wrap-main-menu .mega-menu-toggle { display: none; }
.mobi-nav #mega-menu-wrap-main-menu .mega-menu-toggle + #mega-menu-main-menu { display: block; background: none; margin: 0; list-style: none; }
.mobi-nav #mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-item { display: block; color: #000; font-weight: 400; font-size: 16px; line-height: normal; text-transform: none; position: relative; }
.mobi-nav #mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-item > a.mega-menu-link { display: block; color: #fff; font-weight: 700; font-family: "Helvetica Neue LT Std", Arial; font-size: 16px; line-height: normal; text-transform: none; letter-spacing: 0; padding: 10px 40px 10px 0; height: auto; position: relative; }
.mobi-nav #mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link:before { width: 100%; opacity: 1; }
.mobi-nav #mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link, .mobi-nav #mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-item.mega-current-menu-ancestor > a.mega-menu-link, .mobi-nav #mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-item.mega-current-page-ancestor > a.mega-menu-link, .mobi-nav #mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-item.mega-toggle-on > a.mega-menu-link { background: none; color: #fff; }
.mobi-nav #mega-menu-wrap-main-menu #mega-menu-main-menu li.mega-menu-item-has-children > a.mega-menu-link > span.mega-indicator { display: block; width: 40px; height: 40px; text-align: center; position: absolute; right: 0; top: 0; }
.mobi-nav #mega-menu-wrap-main-menu #mega-menu-main-menu li.mega-menu-item-has-children > a.mega-menu-link > span.mega-indicator:after { display: block; content: ""; width: 13px; height: 13px; background: url("https://laravellions.com/wp-content/themes/wordpress-wolves/assets/images/nav-arrow.svg") no-repeat center; position: absolute; right: 10px; top: 14px; -moz-transition: all 0.4s ease 0s; -webkit-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; }
.mobi-nav #mega-menu-wrap-main-menu #mega-menu-main-menu li.mega-menu-item-has-children.mega-toggle-on > a.mega-menu-link > span.mega-indicator:after { transform: rotate(-180deg); }
.mobi-nav #mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-flyout ul.mega-sub-menu { background: #fff; padding: 20px 20px; }
.mobi-nav #mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-flyout ul.mega-sub-menu > li { display: block; position: relative; }
.mobi-nav #mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-flyout ul.mega-sub-menu > li.mega-menu-item a.mega-menu-link { display: block; padding: 5px 0; font-size: 14px; line-height: 20px; color: #004187; background: none; }
.mobi-nav #mega-menu-wrap-main-menu #mega-menu-main-menu li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item { padding: 0; }
.mobi-nav #mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-megamenu > ul.mega-sub-menu { padding: 20px; background: #fff; }
.mobi-nav #mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item h4.mega-block-title, .mobi-nav #mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item h4.mega-block-title { display: inline-block; font-weight: 700; font-size: 15px; line-height: 18px; color: #004187; position: relative; margin: 0 0 10px; }
.mobi-nav #mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item h4.mega-block-title:after, .mobi-nav #mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item h4.mega-block-title:after { display: none; }
/*Submenu*/
.mobi-nav #mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item h4.mega-block-title:before, .mobi-nav #mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item h4.mega-block-title:before { display: block; content: ""; height: 2px; border-bottom: 2px solid #004187; position: absolute; left: 0; right: 0; bottom: 0; }
.mobi-nav #mega-menu-wrap-main-menu #mega-menu-main-menu p { font-size: 14px; line-height: 21px; color: #3f5970; font-weight: 400; margin: 0 0 10px; }
.mobi-nav #mega-menu-wrap-main-menu #mega-menu-main-menu p:last-child { margin-bottom: 0; }
.mobi-nav #mega-menu-wrap-main-menu #mega-menu-main-menu p br { display: none; }
.mobi-nav .nav-megamenu .mega-menu-row > .mega-sub-menu .mega-menu-column:first-child p a strong { font-weight: 700; font-size: 14px; line-height: 17px; color: #3f5970; text-decoration: underline; }
.mobi-nav .nav-megamenu .mega-menu-row > .mega-sub-menu .mega-menu-column:first-child p a:hover strong { color: #3f5970; }
.mobi-nav #mega-menu-wrap-main-menu #mega-menu-main-menu li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row .mega-menu-column:first-child > ul.mega-sub-menu > li.mega-menu-item:first-child + li.mega-menu-item { margin-top: 15px; padding-top: 0; border: 0; }
.mobi-nav #mega-menu-wrap-main-menu #mega-menu-main-menu li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row .mega-menu-column:first-child > ul.mega-sub-menu > li.mega-menu-item:first-child > .mega-sub-menu > li.mega-menu-item:after, .mobi-nav #mega-menu-wrap-main-menu #mega-menu-main-menu .nav-megamenu .mega-menu-row .mega-sub-menu > li:first-child li.mega-menu-item:after { display: none; }
.mobi-nav .nav-megamenu .mega-menu-row > .mega-sub-menu h4 { font-weight: 500; font-size: 16px; line-height: 20px; color: #004187; position: relative; margin: 5px 0 10px; }
.mobi-nav #mega-menu-wrap-main-menu #mega-menu-main-menu h4 a { display: block; font-weight: 500; font-size: 16px; line-height: 20px; color: #004187; position: relative; padding-right: 20px; }
.mobi-nav #mega-menu-wrap-main-menu #mega-menu-main-menu h4 a:hover { color: #000; }
.mobi-nav #mega-menu-wrap-main-menu #mega-menu-main-menu h4:after { display: block; content: ""; width: 12px; height: 12px; background: url("https://laravellions.com/wp-content/themes/wordpress-wolves/assets/images/nav-arrow.svg") no-repeat 0 0; position: absolute; right: 0; top: 50%; margin-top: -6px; }
.mobi-nav #mega-menu-wrap-main-menu #mega-menu-main-menu h4:hover:after { background-position: 0 -12px; }
.mobi-nav #mega-menu-wrap-main-menu #mega-menu-main-menu .nav-megamenu .mega-sub-menu li.mega-menu-item:after { display: none; }
.mobi-nav #mega-menu-wrap-main-menu #mega-menu-main-menu li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-column + li.mega-menu-column { border-top: 2px solid #cdd9ea; padding-top: 20px; margin-top: 10px; }
.mobi-nav #mega-menu-wrap-main-menu #mega-menu-main-menu li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item + li.mega-menu-item.widget_text { margin: 5px 0 15px; }
.mobi-nav #mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link { display: block; font-weight: 700; font-size: 15px; line-height: 18px; color: #004187; text-transform: uppercase; position: relative; padding: 5px 40px 5px 0; }
.mobi-nav #mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link:hover, .mobi-nav #mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link { color: #000; }
.mobi-nav #mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link:hover, .mobi-nav #mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link:focus, .mobi-nav #mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item.mega-current-menu-item a.mega-menu-link { background: none; color: #000; }
.mobi-nav #mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link:after { display: block; content: ""; width: 26px; height: 12px; background: url("https://laravellions.com/wp-content/themes/wordpress-wolves/assets/images/nav-arrow_sm.svg") no-repeat 0 0; position: absolute; right: 0; top: 50%; margin-top: -6px; }
.mobi-nav #mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link:hover:after, .mobi-nav #mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link:after { background-position: 0 -12px; }
.mobile-menu-block li li li a.btn.enquiry-btn { display: inline-flex; align-items: center; justify-content: center; margin: 20px 0 0; color: #004187; font-size: 15px; line-height: 1; text-transform: uppercase; font-weight: 700; font-family: "Helvetica Neue LT Std", Arial; height: 36px; padding: 0 15px; border-width: 3px; min-width: 158px; }
.mobile-menu-block li li li a.btn.enquiry-btn:hover { color: #004187; }
.mobi-nav #mega-menu-wrap-main-menu #mega-menu-main-menu li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row .mega-menu-column.mega-imgbox > ul.mega-sub-menu > li.mega-menu-item + li.mega-menu-item { margin: 0 !important; }
.mobi-nav #mega-menu-wrap-main-menu #mega-menu-main-menu li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row .mega-menu-column.mega-imgbox > ul.mega-sub-menu > li.mega-menu-item + li.mega-menu-item.widget_text { margin: 5px 0 15px !important; }
.mobi-nav .mega-imgbox > ul.mega-sub-menu { padding-left: 100px !important; }
.mobi-nav .mega-imgbox .textwidget img { display: block; width: 80px; height: auto; object-fit: cover; position: absolute; left: -100px; top: -22px; }
.mobi-nav #mega-menu-wrap-main-menu #mega-menu-main-menu li.mega-menu-megamenu.simple > ul.mega-sub-menu > li.mega-menu-row .mega-menu-column:first-child > ul.mega-sub-menu > li.mega-menu-item:first-child + li.mega-menu-item { margin-top: 0; }
.mobi-nav #mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-megamenu.simple > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link { font-size: 14px; line-height: 18px; font-weight: 400; text-transform: none; }
.mobi-nav #mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-megamenu.simple > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link:after { display: none; }
/*Mobile Menu Css End*/
/* ===== RESET ================================================== */
abbr, acronym, address, applet, article, aside, audio, b, blockquote, big, body, button, center, canvas, caption, cite, code, command, datalist, dd, del, details, dfn, dl, div, dt, embed, fieldset, figcaption, figure, font, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, keygen, label, legend, li, meter, nav, object, ol, output, p, pre, progress, q, s, samp, section, small, source, strike, sub, sup, table, tbody, tfoot, thead, th, tr, tdvideo, tt, u, ul, var { background: transparent; border: 0 none; margin: 0; padding: 0; line-height: 16px; vertical-align: baseline; outline: none; font-size: 100%; font-family: inherit; font-weight: normal; font-style: normal; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
blockquote, q { quotes: none; }
blockquote:before, q:before { content: ""; content: none; }
blockquote:after, q:after { content: ""; content: none; }
ins { text-decoration: none; }
abbr[title], dfn[title] { border-bottom: 1px dotted; cursor: help; }
table { border-collapse: collapse; border-spacing: 0; }
input, select { vertical-align: middle; margin: 0; }
ol, ul, li { list-style: none; }
html { -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; overflow-x: hidden; }
*, *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-tap-highlight-color: rgba(255, 255, 255, 0); }
/* ===== GLOBAL ================================================== */
body { margin: 0; padding: 0; background: #fff; font-family: "AvenirLTStdLight", sans-serif, Arial; font-size: 18px; color: #3f5970; line-height: 28px; font-weight: 400; /*overflow-x: hidden;*/ }
:focus, button:focus { outline: none; }
a { text-decoration: none; color: #004187; -moz-transition: all 0.4s ease 0s; -webkit-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; }
a:hover { text-decoration: none; color: #ffa926; }
::-webkit-input-placeholder { color: #000; opacity: 0.3; }
:-moz-placeholder { color: #000; opacity: 0.3; } /* Firefox 18- */
::-moz-placeholder { color: #000; opacity: 0.3; } /* Firefox 19+ */
:-ms-input-placeholder { color: #000; opacity: 0.3; }
img { max-width: 100%; height: auto; border: none; outline: none; }
b, strong { font-weight: 700; }
/* Ul Li & Ol Li CSS */
ul, ol { margin: 0 0 20px; padding: 0; }
ul ul, ol ol, ul ol, ol ul { margin-top: 15px; }
ul li, ol li { margin: 0; padding: 0; font-size: 18px; line-height: 28px; color: #3f5970; font-weight: 300; letter-spacing: 0.05em; }
.entry-content ul { display: inline-block; padding: 0 0 0 15px; margin: 0 0 15px; }
.entry-content ol { display: inline-block; padding: 0 0 0 15px; margin: 0 0 15px; list-style: none; counter-reset: my-awesome-counter; }
.entry-content ul li { position: relative; padding: 0 0 0 16px; margin: 0 0 10px; color: #000; }
.areawidth { width: 100%; }
.entry-content ul li:before { content: ""; position: absolute; left: 0; top: 10px; width: 5px; height: 5px; background: #000; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; }
.entry-content ul li li { list-style: disc; }
.entry-content ul li li { list-style: disc; }
.entry-content ol li { counter-increment: my-awesome-counter; margin: 0 0 8px; }
.entry-content ol li::before { content: counter(my-awesome-counter) ". "; color: #4d7dad; font-weight: 400; }
/* Heading CSS */
h1, .h1, h2, .h2, h3, h4, h5, h6 { color: #003ea0; line-height: normal; font-family: "AvenirLTStdBlack", sans-serif, Arial; letter-spacing: 0; margin: 0 0 15px; }
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color: #002650; }
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover { color: #004187; }
h1, .h1 { font-size: 60px; line-height: 70px; font-weight: 700; color: #ffffff; }
h2, .h2 { font-size: 40px; line-height: 50px; text-transform: capitalize; } 
h3 { font-size: 26px; line-height: 34px; color: #4479cb; }
h4 { font-size: 20px; line-height: 25px; }
h5 { font-size: 18px; line-height: 22px; }
h6 { font-size: 16px; line-height: 20px; }
/* Paragraph CSS */
p { font-family: "AvenirLTStdLight"; font-size: 20px; line-height: 34px; color: #000000; font-weight: 300; /*letter-spacing:0.05em;*/ word-wrap: break-word; margin: 0 0 20px; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
hr { border: none; margin: 20px 0; background: #004187; height: 1px; width: 100%; clear: both; opacity: 0.5; }
blockquote { border-left: 5px solid #eee; font-size: 14px; margin: 0 0 20px; padding: 10px 20px; }
/*table structure*/
table, .entry-content table { border-right: 1px solid #eee; border-top: 1px solid #eee; }
table th, table td, .entry-content th, .entry-content table th, .entry-content td, .entry-content table td { background: #fff; border-left: 1px solid #eee; border-bottom: 1px solid #eee; text-align: left; font-size: 15px; color: #333; font-weight: 400; padding: 12px 20px; vertical-align: middle; }
table th { color: #eee; font-weight: 500; background: #d4d5d6; }
table th a { color: #eee; }
table th a:hover { color: #fff; }
.table-striped th, .table-striped td { position: relative; }
.table-striped tbody tr:nth-of-type(even) td { background: #d4d5d6; }
/*Form Input Field*/
input, textarea, select { background: #fff; border: 1px solid #e1e1e1; width: 100%; padding: 2px 15px; margin: 0; font-size: 18px; color: #000; font-weight: 400; line-height: normal; font-family: "Helvetica Neue LT Std", sans-serif, Arial; height: 40px; outline: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; }
input[type="button"], input[type="submit"] { cursor: pointer; width: auto; height: auto; }
input[type="checkbox"], input[type="radio"] { border: none; width: auto; height: auto; }
textarea { height: auto; padding: 15px; min-height: 130px; resize: none; }
input[type="button"], input[type="submit"], input[type="image"], input[type="file"], input[type="search"] { -webkit-appearance: none; }
input#addressSubmit { -webkit-appearance: none !important ; }
input[type="radio"], input[type="checkbox"] { -webkit-appearance: normal; }
/*Radio Css*/
.checkbox, .radiobox { display: inline-block; position: relative; padding-left: 24px; text-align: left; }
.checkbox input, .radiobox input { position: absolute; opacity: 0; left: 0; top: 0; }
.radiobox .checkmark { position: absolute; top: 0; left: 0; height: 15px; width: 15px; background-color: #fff; border: 1px solid #333; border-radius: 50%; }
.radiobox:hover input ~ .checkmark { background-color: #fff; }
.radiobox input:checked ~ .checkmark { background-color: #8c0008; border-color: #8c0008; }
.radiobox input:checked ~ .checkmark:after { display: block; }
/*Checkbox Css*/
.checkbox { font-size: 14px; color: #888; line-height: 20px; cursor: pointer; }
.checkbox.check { padding: 0; width: 18px; height: 18px; }
.checkbox .checkmark { position: absolute; top: 1px; left: 0; height: 18px; width: 18px; background-color: #ccc; }
.checkbox:hover input ~ .checkmark { background-color: #ccc; }
.checkbox input:checked ~ .checkmark { background-color: #8c0008; }
.checkbox .checkmark:after { display: block; content: "\f17b"; font-family: "LineAwesome"; position: absolute; left: 0; right: 0; top: 0; text-align: center; font-size: 12px; color: #fff; line-height: 18px; padding-left: 2px; opacity: 0; }
.checkbox input:checked ~ .checkmark:after { opacity: 1; }
/* Button styling */
.banner-title .btn { color: #fff; background-color: #e74430; border-radius: 14px; padding: 15px 20px; font-size: 18px; font-weight: 600; background-image: none; letter-spacing: 0px; text-transform: none; min-width: auto; }
.button, .btn { display: inline-flex; align-items: center; justify-content: center; padding: 0 20px; background-color: #e74430; border: 0px; color: #ffffff; font-size: 14px; font-weight: 500; cursor: pointer; letter-spacing: 2px; text-align: center; position: relative; min-width: 190px; height: 53px; line-height: 1; -moz-transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; overflow: hidden; -webkit-box-shadow: 0px 4px 10px rgb(0 0 0 / 16%); -moz-box-shadow: 0px 4px 10px rgb(0 0 0 / 16%); box-shadow: 0px 4px 10px rgb(0 0 0 / 16%); font-family: "AvenirLTStdHeavy", sans-serif, Arial; text-transform: uppercase; }
.button:before, .btn:before, .banner-title .btn:before { display: block; content: ""; position: absolute; top: 0; left: -75%; z-index: 1; width: 50%; height: 100%; background: -webkit-linear-gradient( left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100% ); background: linear-gradient( to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100% ); -webkit-transform: skewX(-25deg); transform: skewX(-25deg); opacity: 0.2; }
.button:hover:before, .button:focus:before, .btn:hover:before, .btn:focus:before, .banner-title .btn:hover:before { -webkit-animation: shine 1s; animation: shine 1s; }
.button:hover, .button.alt:hover, .btn:hover, .button:focus, .button.alt:focus, .btn:focus, .banner-title .btn:hover:before, .banner-title .btn:focus:before { background-image: linear-gradient(to top, #ffba26, #ff9725); border-color: #ff9725; color: #fff; box-shadow: 0 3px 25px rgb(0 0 0 / 16%); }
.button i, .btn i { margin: 0 0 0 5px; }
.primary, .primary:hover { background: #004187; border-color: #004187; color: #fff; }
.white-btn { border-color: #fff; color: #fff; }
.white-btn:hover {background: #fff; border-color: #fff; color: #004187; }
.container { margin: 0 auto; width: 100%; max-width: 1440px; padding: 0 15px; }
.max-container { padding-left: 80px; padding-right: 80px; }
section { position: relative; z-index: 2; }
section *:last-child { margin-bottom: 0; }
.hide { display: none; }
.v-center { align-items: center; }
.ptb-120 { padding: 120px 0; }
.ptb-100 { padding: 100px 0; }
.ptb-80 { padding: 80px 0; }
.ptb-60 { padding: 60px 0; }
.ptb-40 { padding: 40px 0; }
.intro-text p { font-size: 18px; line-height: 28px; }
/* ============= GLOBAL CSS END ================ */
/*Header Section*/
.header { position: absolute; left: 0; right: 0; top:54px; z-index: 99; -moz-transition: all 0.4s ease 0s; -webkit-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; padding: 15px 0px; width:100%; max-width:100%; }
.header-inner { /*height:115px;*/ -moz-transition: all 0.4s ease 0s; -webkit-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; }
.logo { margin: 0; position: relative; z-index: 4; -moz-transition: all 0.4s ease 0s; -webkit-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; display: flex; align-items: center; max-width: 185px; }
.logo a { display: block; margin: 0; position: relative; overflow: hidden; }
.header-right { margin-left: auto; position: relative; -moz-transition: all 0.4s ease 0s; -webkit-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; }
.head-btnbox .btn { padding: 0 10px; font-size: 18px; color: #fff; min-width: 150px; max-width: 150px; height: 46px; background: transparent; box-shadow: none; border: 2px solid #fff; }
.head-btnbox .btn.primary { background: #c3e7fd; color: #004187; min-width: 138px; }
.head-btnbox .btn:hover, .head-btnbox .btn.primary:hover { background: #fff; border-color: #fff; color: #ffa926; }
.head-btnbox .btn + .btn { margin-left: 30px; } /*Nav Css*/
.nav-main { text-align: left; position: relative; z-index: 4; margin-right: 47px; }
.nav-main ul { margin: 0; padding: 0; display: flex; display: -webkit-flex; }
.nav-main nav ul > li { margin: 0; padding: 5px 0; list-style: none; position: relative; }
.nav-main nav ul > li + li { margin-left: 47px; }
.nav-main nav ul > li a { display: block; color: #fff; font-size: 18px; font-weight: normal; font-family: "AvenirLTStdLight", sans-serif, Arial; line-height: 18px; letter-spacing: 0; padding: 10px 0; position: relative; z-index: 2; }
.nav-main nav ul > li.current-menu-item > a, .nav-main nav ul > li.current-menu-parent > a, .nav-main nav ul > li:hover > a, .nav-main nav ul > li a:hover { color: #ffa926; }
.nav-main nav ul > li:before { display: block; content: ""; background: #fff; height: 3px; width: 1px; opacity: 0; position: absolute; left: 0; right: 0; bottom: 0; margin: 0 auto; -moz-transition: all 0.4s ease 0s; -webkit-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; }
.nav-main nav ul > li.current-menu-item:before, .nav-main nav ul > li.current-menu-parent:before { width: 100%; opacity: 1; }
.nav-main nav ul > li.menu-item-has-children > a { padding-right: 20px; }
.nav-main nav ul > li.menu-item-has-children > a:after { display: block; content: ""; width: 13px; height: 13px; background: url("https://laravellions.com/wp-content/themes/wordpress-wolves/assets/images/nav-arrow.svg") no-repeat center; position: absolute; right: 0; top: 14px; -moz-transition: all 0.4s ease 0s; -webkit-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; }
.nav-main nav ul > li.menu-item-has-children:hover > a:after { transform: rotate(-180deg); }
.nav-main .sub-menu { display: block; position: absolute; left: 0; top: 100%; z-index: 1; background: #fafafa; min-width: 220px; padding: 0; margin: 0; overflow: hidden; opacity: 0; -moz-transition: all 0.4s ease 0s; -webkit-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); box-shadow: 0 0 0 rgba(0, 0, 0, 0.05); transform: scaleY(0); transform-origin: top; }
.nav-main nav ul > li:hover > .sub-menu { display: block; opacity: 1; transform: scaleY(1); }
.nav-main .sub-menu li { display: block; text-align: left; position: relative; margin: 0; padding: 0; }
.nav-main .sub-menu li + li { border-top: 1px solid rgba(0, 0, 0, 0.03); }
.nav-main .sub-menu li:before { display: none; }
.nav-main .sub-menu li a { display: block; text-transform: none; color: #3f5970; font-size: 16px; line-height: 18px; font-weight: 400; padding: 12px 20px; }
.nav-main .sub-menu li a:hover, .nav-main .sub-menu li a:focus, .nav-main .sub-menu li.current-menu-item a { color: #004187; }
.nav-main .sub-menu .sub-menu { left: 100%; top: 0; }
.nav-main .sub-menu li:hover .sub-menu { display: block; } 
/*Sticy header*/
.header-fixed .header .header-inner { /*height:90px;*/ border-color: #004187; }


/*====== MEGA MENU START ======*/
.nav-main { height: 48px; }
.nav-main #mega-menu-wrap-main-menu { background: none; }
.nav-main ul.mega-menu { margin: 0; padding: 0; display: flex; display: -webkit-flex; }
.nav-main #mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-item { margin: 0; padding: 0; list-style: none; position: relative; height: 55px; padding: 8px 0 0; }
.nav-main #mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-item.nav-megamenu { position: static; }
.nav-main #mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-item + li { margin-left: 25px; }
.nav-main #mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-item > a.mega-menu-link { display: block; color: #fff; font-size: 15px; font-weight: 700; font-family: "Helvetica Neue LT Std", Arial; line-height: 18px; text-transform: uppercase; letter-spacing: 0; padding: 10px 0; height: auto; position: relative; z-index: 2; background: none !important; }
.nav-main #mega-menu-wrap-main-menu #mega-menu-main-menu li.mega-menu-item-has-children > a.mega-menu-link > span.mega-indicator { display: none; }
.nav-main #mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-item.mega-menu-item-has-children > a { padding-right: 20px; }
.nav-main #mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-item.mega-menu-item-has-children > a:after { display: block; content: ""; width: 13px; height: 13px; background: url("https://laravellions.com/wp-content/themes/wordpress-wolves/assets/images/nav-arrow.svg") no-repeat center; position: absolute; right: 0; top: 12px; -moz-transition: all 0.4s ease 0s; -webkit-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; }
.nav-main #mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-item.mega-menu-item-has-children:hover > a:after { transform: rotate(-180deg); }
.nav-main #mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-item.mega-toggle-on > a.mega-menu-link { background: none; color: #fff; }
.nav-main #mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-item > a.mega-menu-link:before { display: block; content: ""; background: #fff; height: 3px; width: 1px; opacity: 0; position: absolute; left: 0; right: 0; bottom: 1px; margin: 0 auto; -moz-transition: all 0.4s ease 0s; -webkit-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; }
.nav-main #mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-item:hover > a.mega-menu-link:before, .nav-main #mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link:before, .nav-main #mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-item.mega-current_page_ancestor > a.mega-menu-link:before { width: 100%; opacity: 1; }
.nav-main #mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link, .nav-main #mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-item.mega-current-menu-ancestor > a.mega-menu-link, .nav-main #mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-item.mega-current-page-ancestor > a.mega-menu-link { background: none; color: #fff; } /*mega submenu list*/
.nav-main #mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-flyout ul.mega-sub-menu { padding: 20px 30px; top: 100%; left: 50%; width: 384px; background: #fff; box-shadow: 0px 4px 30px rgba(0, 65, 135, 0.2); -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; transform: translate(-50%, 0) !important; } .nav-main #mega-menu-wrap-main-menu #mega-menu-main-menu .mega-sub-menu li.mega-menu-item { display: block; position: relative; }
.nav-main #mega-menu-wrap-main-menu #mega-menu-main-menu .mega-sub-menu li.mega-menu-item:after { display: block; content: ""; width: 26px; height: 12px; background: url("https://laravellions.com/wp-content/themes/wordpress-wolves/assets/images/nav-arrow_sm.svg") no-repeat 0 0; position: absolute; right: 0; top: 19px; }
.nav-main #mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item:hover:after { background-position: 0 -12px !important; }
.nav-main #mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item.mega-current-menu-item:after { background-position: 0 -12px; }
.nav-main #mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link { display: block; padding: 5px 0; font-size: 14px; line-height: 18px; color: #004187; background: none; }
.nav-main #mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link:hover, .nav-main #mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link:focus, .nav-main #mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item.mega-current-menu-item a.mega-menu-link { background: none; color: #000; }
/*mega submenu box*/
.nav-main #mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-megamenu > ul.mega-sub-menu { padding: 30px; top: 100%; left: auto; right: -190px; width: 960px; background: #fff; box-shadow: 0px 4px 30px rgba(0, 65, 135, 0.2); -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; /*transform:translate(-50%, 0) !important;*/ }
.nav-main #mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-megamenu.mega-coll-2 > ul.mega-sub-menu { width: 640px; } .nav-main #mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-item:hover > a.mega-menu-link { color: #fff; }
.nav-main .nav-megamenu .mega-menu-row > .mega-sub-menu { margin: 0 -30px !important; display: flex !important; }
.nav-main .nav-megamenu .mega-menu-row > .mega-sub-menu .mega-menu-column { padding: 0 30px !important; border-left: 2px solid #cdd9ea !important; }
.nav-main .nav-megamenu .mega-menu-row > .mega-sub-menu .mega-menu-column:first-child { border-left: 0 !important; }
.nav-main #mega-menu-wrap-main-menu #mega-menu-main-menu li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item { padding: 0; }
.nav-main #mega-menu-wrap-main-menu #mega-menu-main-menu li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item + li.mega-menu-item { padding-top: 12px; margin-top: 12px; }
.nav-main #mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item h4.mega-block-title, .nav-main #mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item h4.mega-block-title { display: inline-block; font-weight: 700; font-size: 15px; line-height: 18px; color: #004187; text-transform: uppercase; position: relative; min-width: 120px; padding: 0 0 10px; margin: 0 0 10px; }
.nav-main #mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item h4.mega-block-title:before, .nav-main #mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item h4.mega-block-title:before { display: block; content: ""; height: 2px; border-bottom: 2px solid #004187; position: absolute; left: 0; right: 0; bottom: 0; }
.nav-main #mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item h4.mega-block-title:after, .nav-main #mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item h4.mega-block-title:after { display: none; }
.nav-main #mega-menu-wrap-main-menu #mega-menu-main-menu p { font-size: 14px; line-height: 21px; color: #3f5970; font-weight: 300; letter-spacing: 0; margin: 0 0 10px; }
.nav-main #mega-menu-wrap-main-menu #mega-menu-main-menu p:last-child { margin-bottom: 0; } .nav-main .nav-megamenu .mega-menu-row > .mega-sub-menu .mega-menu-column:first-child p a strong { font-weight: 700; font-size: 14px; line-height: 17px; color: #004187; text-transform: none; text-decoration: underline; } .nav-main .nav-megamenu .mega-menu-row > .mega-sub-menu .mega-menu-column:first-child p a:hover strong { color: #000; }
.nav-main #mega-menu-wrap-main-menu #mega-menu-main-menu li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row .mega-menu-column:first-child > ul.mega-sub-menu > li.mega-menu-item:first-child + li.mega-menu-item { margin-top: 15px; padding-top: 0; border: 0; } 
.nav-main #mega-menu-wrap-main-menu #mega-menu-main-menu li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row .mega-menu-column:first-child > ul.mega-sub-menu > li.mega-menu-item:first-child > .mega-sub-menu > li.mega-menu-item:after { display: none; }
.nav-main #mega-menu-wrap-main-menu #mega-menu-main-menu .nav-megamenu .mega-menu-row .mega-sub-menu > li:first-child li.mega-menu-item:after { display: none; }
.nav-main .nav-megamenu .mega-menu-row > .mega-sub-menu h4 { font-weight: 500; font-size: 16px; line-height: 20px; color: #004187; position: relative; margin: 5px 0 10px; }
.nav-main #mega-menu-wrap-main-menu #mega-menu-main-menu h4 a { display: block; font-weight: 500; font-size: 16px; line-height: 20px; color: #004187; position: relative; padding-right: 20px; } 
.nav-main #mega-menu-wrap-main-menu #mega-menu-main-menu h4 a:hover { color: #000; }
.nav-main #mega-menu-wrap-main-menu #mega-menu-main-menu h4:after { display: block; content: ""; width: 12px; height: 12px; background: url("https://laravellions.com/wp-content/themes/wordpress-wolves/assets/images/nav-arrow.svg") no-repeat 0 0; position: absolute; right: 0; top: 50%; margin-top: -6px; }
.nav-main #mega-menu-wrap-main-menu #mega-menu-main-menu h4:hover:after { background-position: 0 -12px; }
.nav-main #mega-menu-wrap-main-menu #mega-menu-main-menu .nav-megamenu .mega-sub-menu li.mega-menu-item:after { display: none; }
.nav-main #mega-menu-wrap-main-menu #mega-menu-main-menu li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item + li.mega-menu-item.widget_text { margin-top: 0; padding-top: 0; border-top: 0; }
.nav-main #mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link { display: block; font-weight: 700; font-size: 15px; line-height: 18px; color: #004187; text-transform: uppercase; position: relative; padding: 6px 30px 10px 0; margin: 0 0 8px; }
.nav-main #mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link:before { display: block; content: ""; width: 41px; height: 2px; background: #004187; position: absolute; left: 0; bottom: 0; }
.nav-main #mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column.tl-bdr-0 > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link:before { opacity: 0; }
.nav-main #mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link:hover, .nav-main #mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link { color: #000; }
.page-template-tpl-licences .nav-main #mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link { color: #004187; }
.page-template-tpl-licences .nav-main #mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link:hover { color: #000; }
.nav-main #mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link:after { display: block; content: ""; width: 26px; height: 12px; background: url("https://laravellions.com/wp-content/themes/wordpress-wolves/assets/images/nav-arrow_sm.svg") no-repeat 0 0; position: absolute; right: 0; top: 11px; }
.nav-main #mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link:hover:after { background-position: 0 -12px !important; }
.nav-main #mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link:after { background-position: 0 -12px; }
.page-template-tpl-licences .nav-main #mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link:after { background-position: 0 0; }
.page-template-tpl-licences .nav-main #mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link:hover:after { background-position: 0 -12px; }
.nav-main nav ul > li a.btn.enquiry-btn { display: inline-flex; align-items: center; justify-content: center; margin: 20px 0 0; color: #004187; font-size: 15px; line-height: 1; height: 36px; padding: 0 15px; border-width: 3px; min-width: 158px; }
.nav-main nav ul > li a.btn.enquiry-btn:hover { color: #fff; }
.mega-imgbox > ul.mega-sub-menu { padding-left: 150px !important; overflow: hidden !important; }
.mega-imgbox .textwidget p { margin: 0 !important; }
.mega-imgbox .textwidget img { display: block; width: 120px; height: 84px; object-fit: cover; position: absolute; left: -150px; top: -42px; }
.nav-main #mega-menu-wrap-main-menu #mega-menu-main-menu li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row .mega-menu-column.mega-imgbox > ul.mega-sub-menu > li.mega-menu-item + li.mega-menu-item.widget_text { margin-top: 0 !important; }
.nav-main .nav-megamenu.simple .mega-menu-row > .mega-sub-menu .mega-menu-column { padding-right: 0 !important; }
.nav-main #mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-item.nav-megamenu.simple { position: relative; }
.nav-main #mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-megamenu.simple > ul.mega-sub-menu { left: 50%; right: auto; transform: translate(-50%, 0) !important; width: 384px; }
.nav-main .nav-megamenu.simple .mega-menu-row > .mega-sub-menu .mega-menu-column { border: 0 !important; }
.nav-main #mega-menu-wrap-main-menu #mega-menu-main-menu li.mega-menu-megamenu.simple > ul.mega-sub-menu > li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item { margin: 0 !important; padding: 2px 0 !important; }
.nav-main #mega-menu-wrap-main-menu #mega-menu-main-menu li.mega-menu-megamenu.simple > ul.mega-sub-menu > li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item > a { padding: 0; margin: 0; text-transform: none; font-weight: 400; font-size: 14px; line-height: 28px; font-family: "Open Sans", sans-serif; }
.nav-main #mega-menu-wrap-main-menu #mega-menu-main-menu li.mega-menu-megamenu.simple > ul.mega-sub-menu > li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item > a:before, .nav-main #mega-menu-wrap-main-menu #mega-menu-main-menu li.mega-menu-megamenu.simple > ul.mega-sub-menu > li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item > a:after { display: none; }
.nav-main .nav-megamenu.pb-20 .mega-menu-row > .mega-sub-menu .mega-menu-column { padding-bottom: 20px !important; }
/*====== MEGA MENU END ======*/
/*Home page Banner Css*/
.internal-banner { position: relative; background-size: cover !important; padding-top: 305px; padding-bottom:150px; }
.internal-banner .row.align-items-center { align-items: flex-start !important; }
.internal-banner .container { height: 100%; position: relative; z-index: 2; }
.internal-caption { position: relative; top: -5px; flex-grow: 1; max-width: 780px; height: 100%; flex-direction: column; justify-content: center; }
.internal-banner .h2 { color: #fff; }
.internal-banner p { font-size: 24px; line-height: 40px; color: #fff; letter-spacing: 0; }
.banner-title { margin: 30px 0 22px; }
.banner-title .h2 { display: inline-block; position: relative; padding: 0 0 0px; }
.banner-title .connectwitushbtn { margin-top: 35px; }
.bnr-cartoon { margin-top: 2px; }
.banner-title h1 span { background-color: #e74430; padding: 2px 20px; }
/*common css*/
.font-size-60 { font-size: 60px; line-height: 72px; }
.h2-blue { color: #003ea0; }
.h2-white { color: #fff; }
.title-center { text-align: center; }
.conversion-process:before { position: absolute; content: ""; background: url(../images/white-small-left-bg.png) no-repeat; left: 0; top: 0; z-index: -1; height: 100%; width: 353px; background-size: cover; }
.conversion-process:after { position: absolute; content: ""; background: url(../images/white-small-right-bg.png) no-repeat; right: 0; top: 0; height: 100%; width: 353px; background-size: cover; z-index: -1; }
.medium-bg:before { position: absolute; content: ""; background: url(../images/left-medium-bg.png) no-repeat; left: 0; top: 0; z-index: -1; height: 100%; width: 326px; background-size: cover; }
.medium-bg:after { position: absolute; content: ""; background: url(../images/right-medium-bg.png) no-repeat; right: 0; top: 0; height: 100%; width: 326px; background-size: cover; z-index: -1; }
/*common css*/
/*whyyoucantrustus css start here*/
.whyyoucantrustus { background: #f3f3f3; padding: 115px 0 61px 0; }
.whyyoucantrustus .col-lg-3 { padding: 0 7.5px; }
.h2white { color: #fff; }
.whyyousection { text-align: center; padding: 46px 0; position: relative; height: 100%; }
.whyyousection:before { background: url(../images/dotgray-v.jpg) right top repeat-y; position: absolute; content: ""; right: 0; top: 0; height: 100%; width: 8px; }
.whyyousection:after { background: url(../images/dotgray-h.jpg) bottom repeat-x; position: absolute; content: ""; left: 0; bottom: 0; width: 100%; height: 8px; }
.whyyousection.dotgray-v4:before { display: none; }
.whyyousection.dotgray-h1:after, .whyyousection.dotgray-h2:after, .whyyousection.dotgray-h3:after, .whyyousection.dotgray-h4:after { display: none; }
.whyyousection span, .whyyousection i { height: 107px; display: block; }
.whyyousection span { font-family: "Montserrat", sans-serif; font-size: 100px; line-height: 100px; font-weight: 700; color: #003ea0; }
.whyyousection h3 { color: #4479cb; padding: 20px 0 0 0; display: block; }
h2.whyyou-title { margin-bottom: 75px; }
h2.lets-title { padding: 30px 0 0px 0; text-transform: inherit; }
/*whyyoucantrustus css end here*/
/*Discovery Call section css start here */
.discovery-call-section { background: #fff; padding: 84px 0; }
.discovery-call { text-align: center; margin: 0 auto; max-width: 960px; width: 100%; min-height: 260px; padding: 53px 20px 37px 20px; position: relative; border-radius: 20px; overflow: hidden; background-size: cover !important; }
.discovery-call h2, .discovery-call p { z-index: 1; position: relative; }
.discovery-call p { color: #fff; margin-bottom: 32px; }
.discovery-call:before { display: block; content: ""; position: absolute; left: 0; top: 0; right: 0; bottom: 0; background: rgba(0, 62, 160, 0.72); }
/*Discovery Call section css end here */
/*Let’s get started start here */
.letsgetstarted { background: #f3f3f3; padding: 80px 0 85px 0; }
.lets-left-side { display: flex; }
.lets-left-side i.quote { flex: none; }
.lets-left-side .description-lets { margin: 55px 0 0 40px; max-width: 450px; }
.lets-left-side .description-lets p { font-size: 30px; line-height: 40px; color: #000; text-align: left; /*padding-left: 30px;*/ width: 90%; }
.description-lets ul { display: flex; margin-top: 90px; }
.description-lets ul li { padding: 0 38px 0 0; }
.description-lets ul li:last-child { padding: 0px; }
.contact-form-block .input-field { margin: 0 0 20px 0; }
#contact-form .modal-content.contact-form-nb p {margin-bottom: 0px;}
.contact-form-block .input-field label { font-size: 16px; color: #000; }
.contact-form-block .input-field.phoneinput { margin-top: 22px; width: 100%; }
.contact-form-block .input-field input, .contact-form-block .input-field textarea { border-color: #cbcbcb; height: 50px; border-width: 0 0 1px 0; background: transparent; }
.contact-form-block .input-field input::-webkit-input-placeholder { /* Edge */ color: black; opacity: 1; }
.contact-form-block .input-field input:-ms-input-placeholder { /* Internet Explorer 10-11 */ color: black; opacity: 1; }
.contact-form-block .input-field input::placeholder { color: black; opacity: 1; }
.contact-form-block .input-field textarea { height: 175px; }
.countrycode-block { display: flex; }
.countrycode-block .countrycod { max-width: 90px; width: 100%; margin-right: 30px; }
.countrycode-block .countrycod label { margin-bottom: 5px; }
.countrycode-block .countrycod .code { font-family: "AvenirLTStdHeavy"; font-size: 30px; opacity: 1; padding: 0; }
.mrt { margin-top: 30px; }
.init .intl-tel-input { display: block; }
/*Let’s get started end here */

/*Why shall you work with Wordpress Wolves?*/
.wordpress-four-cate .wp-block { padding: 7px; }
.wordpress-four-cate { padding: 43px 0 60px 0; }
.wordpress-four-cate .row { margin-left: -7px; margin-right: -7px; }
.wordpress-cate { background: #000f64; border-radius: 40px; padding: 40px 24.5px 40px 24.5px; height: 100%; border: #e0f3f7 solid 8px; position: relative;display:flex;flex-direction: column; }
.wordpress-cate h3 { color: #fff; margin-bottom: 18px; }
.wordpress-cate p { color: #ffffff; }
span.learn-more-link {     margin-top: auto;}
span.learn-more-link a.learn-more { font-size: 18px; line-height: 40px; color: #fff; font-family: "AvenirLTStdHeavy"; }
span.learn-more-link a.learn-more:hover { color: #ffa926; }
.title-wordpress { padding: 0 0 25px 0; }
.title-wordpress h2 { margin-bottom: 17px; }
.cut-down-main { min-height: 310px; padding-bottom: 130px; }
.cut-pdn0 { padding: 0px; }
.cut-down-main .row { margin-right: 0px; margin-left: 0px; }
.why-shall-you-cloud { bottom: 386px; top: auto !important; }
.cut-down { display: block; text-align: center; font-family: "AvenirLTStdHeavy"; padding: 38px 20px 30px 20px; }
.cut-down i { display: block; height: 72px; }
.cut-down i img { max-width: 100%; }
.cut-down strong { font-size: 20px; line-height: 24px; color: #fff; padding: 26px 0 12px 0; display: block; }
.cut-down span { font-size: 90px; line-height: 90px; color: #fff; }
.store-bg { background: url(../images/wp-bg1.png) top no-repeat; background-size: cover !important; border-top-left-radius: 45px; border-bottom-left-radius: 45px; border: #e0f3f6; border-style: solid; border-width: 8px 0px 8px 8px; }
.migration-bg {background: url(../images/wp-bg2.jpg) top no-repeat; background-size: cover !important; border: #e0f3f6; border-style: solid; border-width: 8px 0px 8px 0; }
.custom-plugin-bg {background: url(../images/wp-bg3.jpg) top no-repeat; background-size: cover !important; border: #e0f3f6; border-style: solid; border-width: 8px 0px 8px 0; }
.magento-bg {background: url(../images/wp-bg4.png) top no-repeat; background-size: cover !important; border: #e0f3f6; border-style: solid; border-width: 8px 8px 8px 0; border-top-right-radius: 45px; border-bottom-right-radius: 45px; }
/*Why shall you work with Wordpress Wolves?*/
/*Take your business section css start here*/
.conversion-process.take-your-business { background-image: linear-gradient(to bottom, #003ea0, #518fc3); }
.prl { position: relative; }
.take-your-business h2 { margin-bottom: 0px; }
.title-take-your > p { color: #fff; margin-bottom: 38px; }
.our-team-block { max-width: 570px; background-image: linear-gradient(to bottom, #000f64, #0e3a88); height: 100%; border-radius: 40px; padding: 35px 44px 45px 50px; box-shadow: 2px 4px 6px rgb(254 254 254 / 21%); margin-top: -10px; }
.our-team-block p { color: #fff; font-family: "Playfair Display", serif; font-size: 31px; line-height: 46px; }
.take-left-side { padding: 12px 73px 0 0; }
.take-left-side p { color: #fff; margin-bottom: 35px; }
.take-left-side p:last-child { margin-bottom: 0px; }
/*Take your business section css end here*/
.our-hiring-models-main { padding: 119px 0 142px 0; }
.our-hiring-models { text-align: center; }
.our-hiring-models h2 { margin-bottom: 23px; }
.our-hiring-models p { margin-bottom: 40px; }
.salient-features { background: #003ea0; border-radius: 40px; max-width: 450px; width: 100%; min-height: 466px; padding-bottom: 30px; box-shadow: 1px 1px 12px -3px rgba(0, 0, 0, 0.68); -webkit-box-shadow: 1px 1px 12px -3px rgba(0, 0, 0, 0.68); -moz-box-shadow: 1px 1px 12px -3px rgba(0, 0, 0, 0.68); }
.salient-features .header-top { display: flex; align-items: center; padding: 28px 28px; border-top-left-radius: 40px; border-top-right-radius: 40px; background-size: cover; }
.salient-features .header-top h2 { color: #fff; line-height: 40px; padding-left: 18px; font-size: 29px; width: 85%; }
.salient-features .header-top i { width: 15%; }
.silent-bg1 { background: url(../images/silent-bg.png) top no-repeat; background-size: 100%; }
.silent-bg2 { background: url(../images/silent-bg2.png) top no-repeat; background-size: 100%; }
.salient-features ul.full-time { display: block; padding: 30px 30px 27px 30px; margin: 0px; }
.salient-features ul.full-time li { color: rgba(255, 255, 255, 0.6); border-bottom: #2c5eac solid 1px; font-size: 21px; line-height: 27px; padding: 10px 0; text-align: center; }
.salient-features ul.full-time:last-child { border-bottom: none; }
.salient-features span.btn-center { display: table; margin: 0 auto; }
.salient-features-main { display: flex; padding: 48px 0 0 0; justify-content: center; }
.full-time-right { padding-left: 46px !important; }
.hourly-salient { margin-left: -20px; margin-right: -20px; margin-bottom: -20px; margin-top: -20px; position: relative; z-index: 1; background: #fff; box-shadow: 1px 1px 12px -3px rgba(0, 0, 0, 0.68); -webkit-box-shadow: 1px 1px 12px -3px rgba(0, 0, 0, 0.68); -moz-box-shadow: 1px 1px 12px -3px rgba(0, 0, 0, 0.68); }
.salient-features ul.hourly { display: block; padding: 30px 30px 27px 30px; margin: 0px; }
.salient-features ul.hourly li { color: #000; border-bottom: #dddddd solid 1px; font-size: 20px; line-height: 27px; padding: 10px 0; text-align: center; }
.salient-features ul.hourly:last-child { border-bottom: none; }
.work-main { background-position: center !important; background-repeat: no-repeat !important; background-size: cover !important; padding-top: 80px; position: relative; margin-bottom: 160px; height: 286px; }
.work-main:after { content: ""; background-color: #003ea0; position: absolute; width: 100%; height: 124px; z-index: 9; top: 286px; }
.worktop { margin-top: -266px; padding-bottom: 83px; }
.Work-title { text-align: center; }
.Work-title h2 { margin-bottom: 3px; color: #fff; }
.Work-title p { margin-bottom: 40px; color: #fff; }
.work-show { display: flex; padding: 48px 0 0 0; justify-content: center; margin: 0 auto; max-width: 1812px; }
.work-show .work-two figure img { border-radius: 40px; box-shadow: 0px 0px 40px 0px rgb(0, 0, 0, 0.68); -webkit-box-shadow: 0px 0px 40px 0px rgb(0, 0, 0, 0.68); -moz-box-shadow: 0px 0px 40px 0px rgb(0, 0, 0, 0.68); position: relative; }
.work-show .work-one { border-radius: 40px; position: relative; }
.work-show .work-one figure img, .work-show .work-two figure img { border-radius: 40px; height: inherit; }
.work-show figure img { width: 100%; }
.work-show .work-one { max-width: 591px; width: 100%; }
.work-show .work-two { max-width: 690px; width: 100%; position: relative; z-index: 1; transform: scale(1.1, 1.2); }
.work-over-content { position: absolute; top: 50%; transform: translateY(-50%); left: 0; right: 0; padding: 0 30px; text-align: center; }
.work-over-content i { display: block; }
.work-over-content .white-btn { display: inline-block; margin: 30px 0 0 0; }
.white-btn { border: #fff solid 2px; border-radius: 3px; color: #fff; padding: 12px 22px; min-width: 190px; box-sizing: border-box; font-family: "AvenirLTStdHeavy"; font-size: 18px; line-height: 20px; } 
.view-complete-btn { display: table; margin: 0 auto; padding: 76px 0 0 0; }
.view-complete-btn a { padding: 0 32px; }
/*Home page Banner Css*/
/*Footer Css Start*/ 
.footer { position: relative; overflow: hidden; background: #2c2c2c; position: relative; padding: 25px 0px 25px 0px; }
.monkey-right { position: absolute; left: 15px; bottom: 10px; width: 250px; height: 300px; }
/*.footer-inner{padding:66px 0 20px;}*/
.f-col1 { flex-basis: 50%; min-width: 50%; max-width: 50%; }
.f-col2 { flex-basis: 20%; min-width: 20%; max-width: 20%; }
.f-col3 { flex-basis: 40%; min-width: 40%; max-width: 40%; }
.f-col4 { flex-basis: 28%; min-width: 28%; max-width: 28%; margin-left: 45px; }
.f-col5 { flex-basis: inherit; min-width: inherit; max-width: inherit; }
.f-title { font-size: 16px; line-height: 35px; color: #fff; font-family: "AvenirLTStdBlack", sans-serif, Arial; padding: 0 0 20px; margin: 0px; }
.f-col2.f-nav ul { position: relative; top: -5px; }
.f-nav ul { margin: 0; padding: 0; list-style: none; }
.f-nav ul li a { display: block; list-style: none; font-size: 13px; line-height: 30px; color: #fff; padding: 0; margin: 0; opacity: 70%; }
.f-nav ul li a:hover { color: #ffa926; }
.footer-inner .btn { min-width: 110px; height: 30px; font-size: 13px; font-weight: normal; letter-spacing: 1px; line-height: 40px; margin-top: 10px; padding: 0; font-family: "AvenirLTStdLight", sans-serif, Arial; }
.footer-bottom { background: #2c2c2c; }
.social-links { margin-bottom: 34px; }
.social-links li { list-style: none; margin: 0; padding: 0; }
.social-links li + li { margin-left: 24px; }
.social-links li a { font-size: 16px; line-height: 20px; color: #fff; }
.social-links li a:hover { color: #ffa926; }
.footer-bottom p { font-size: 13px; line-height: 21px; color: #fff; font-weight: 300; margin: 0; }
.footer-bottom p a { color: #fff; }
.footer-bottom p a:hover { color: #ffa926; }
a.footer_logo { padding-right: 20px; display: block; margin-top: 10px; }
.wordpress-developmetn-menu { padding-right: 37px; }
.wp-development .f-col1 ul { margin-right: 10px; }
/*Footer Css End*/
/* work page css start */
.wordpress-banner { padding: 225px 0 50px; position: relative; height: auto; background-size: cover !important; }
.wordpress-banner:after { display: block; content: ""; position: absolute; left: 0; top: 0; right: 0; bottom: 0; background: #003ea0; opacity: 0.65; }
.take-your-business-cartoon img { width: 85%; }
.banner-title h3 { font-size: 26px; line-height: 34px; color: #fff; }
.banner-title p { font-size: 20px; line-height: 28px; margin-bottom: 0; display: block; }
.expertise-section { background: #ffffff; padding: 90px 0 120px 0; }
.burgess { background: #ffffff; height: 100%; margin-top: 30px; }
.burgess h3 { padding-top: 30px; margin-bottom: 18px; }
.burgess p { margin-bottom: 102px; }
.burgess .btn { position: absolute; bottom: 0; }
.cera-india_section .container-fluid .row div.col-md-6 { padding: 0; }
.cera_inner { position: absolute; top: 50%; transform: translateY(-50%); right: -19%; z-index: 9999; }
.cera_content_right { background-image: linear-gradient(to bottom, #00007a, #005bb3); height: 100%; display: flex; align-items: center; margin-left: -1px; }
.cera_content_right:before { position: absolute; content: ""; background: url(https://laravellions.com/wp-content/themes/wordpress-wolves/assets/images/white_bg.png); right: 0; height: 100%; width: 200px; top: 0; opacity: 0.4; }
.cera_inner figure img { box-shadow: 30px 0 79px rgb(0 0 0 / 54%); }
.d_flec_box { display: -webkit-box; }
.spectrum { max-width: 370px; margin-left: 300px; }
.spectrum h2 { margin-bottom: 0; }
.heading2-large { font-size: 60px; line-height: 70px; color: #fff; }
.width_img { width: 100%; }
.spectrum p { color: #fff; margin: 45px 0; }
/* work page css end */
/* psdtowp page css start */
.customized { background: #ffffff; padding: 100px 0 110px 0; }
.psd-designs h3 { margin-bottom: 40px; }
.psd-designs p { padding-bottom: 3px; }
.width100 { width: 100%; }
.conversion-process { background-image: linear-gradient(to bottom, #00007a, #005bb3); height: 100%; padding: 80px 0 115px 0; }
.conversion-process-large:before { position: absolute; content: ""; background: url(../images/white_bg_left-right2.png) no-repeat; left: 0; top: 0; background-size: cover; z-index: -1; height: 100%; width: 341px; }
.conversion-process-large:after { position: absolute; content: ""; background: url(../images/white_bg_left-right3.png) no-repeat; right: 0; top: 0; background-size: cover; height: 100%; width: 341px; z-index: -1; }
.conversion { background-image: linear-gradient(to bottom, #00003a, #001a77); border-radius: 40px; padding: 50px 60px 10px 60px; }
.process { margin-bottom: 43px !important; }
.process h3 { color: #ffb926; margin-bottom: 18px; }
.process p { color: #ffffff; }
.banner-cartton-left { position: absolute; left: 2px; bottom: -2px; z-index: 9; }
.d_1500 { display: none; }
.wordpress-wolves-sectoin { padding: 112px 0 113px 0; }
.accordion_pro { padding-top: 44px; }
.accordion .card-header:after { font-family: "FontAwesome"; content: "\f068"; float: left; border: #004187 solid 2px; text-align: center; width: 26px; height: 26px; border-radius: 40px; display: inline-table; line-height: 22px; padding-right: 0; color: #004187; font-style: normal; font-weight: 900; font-size: 11.2778px; position: absolute; transform: translateY(-50%); top: 50%; }
.accordion .card-header.collapsed:after {  content: "\f067"; border: #4479cb solid 2px; text-align: center; width: 26px; height: 26px; border-radius: 40px; display: inline-table; line-height: 22px; padding-right: 0; color: #4479cb; font-style: normal; font-weight: 900; font-size: 11.2778px; position: absolute; transform: translateY(-50%); top: 50%; }
.accordion > .card-header { position: relative; padding: 21px 0px; cursor: pointer; background: transparent;  border-bottom: none; display: flex; align-items: center; flex-direction: row-reverse; justify-content: flex-end; }
.accordion_pro a.card-title { font-style: normal; font-weight: bold; font-size: 26px; line-height: 28px; font-family: "AvenirLTStdBlack"; padding-left: 50px; color: #4479cb !important; display: inline-block; }
.accordion_pro .card-body { border-bottom: none; padding: 20px 60px 30px 50px; }
.badal-right { position: absolute; right: 0px; top: 35px; z-index: 9; }
/* psdtowp page css end */
/* WPPluginDev page css start */
.plugin-services { padding: 100px 0 100px 0; }
.plugin-services .banner-cartton-left { left: 73px; }
/* WPPluginDev page css end */
/* WPMaintenance page css start */
.wpw-business .psd-designs h3 { margin-bottom: 26px; }
.wp-benefits .heading2-large { margin-bottom: 57px; display: block; }
.wp-wm-benefits { right: 0; }
.list-here-sectoin { background: #ffffff; padding: 100px 0 80px 0; }
.list-here-sectoin .heading-title { margin-bottom: 45px; }
.list-thing_d-flex { display: flex; justify-content: space-between; flex-wrap: wrap; }
.list-thing { padding-left: 20px; max-width: 25%; width: 100%; }
.list-thing:fist-child { padding-left: 0; }
.list-thing li { padding-left: 28px; position: relative; color: #000000; font-size: 20px; line-height: 34px; margin-bottom: 38px; }
.list-thing li::before { position: absolute; content: ""; background: url(../images/li-icon.png); width: 20px; height: 20px; left: 0; top: 10px; background-repeat: no-repeat; }
.provide-link h3 { margin-top: 57px; margin-bottom: 14px; font-style: italic; color: #4479cb; font-family: "AvenirLTStdLight"; text-align: center; }
/* WPMaintenance page css end */
/* WPWebsiteDevelopment page css start */
.choose-sectoin { background: #ffffff; padding: 100px 0 80px 0; }
.choose-sectoin .heading-title { padding-bottom: 30px; }
.chose-box { padding-top: 30px; }
/* WPWebsiteDevelopment page css end */
/* WPSEOService page css start */
.sco_results { padding-bottom: 66px; }
.sco-service { padding: 0px 0 85px 0; }
.sco-service .heading-title { max-width: 100% !important; }
.list_provide { max-width: 33%; }
.team-google .heading-title { padding-bottom: 17px; }
.team-google .chose-box h3 { margin-bottom: 35px; }
.chose_bg_wp { background: url(../images/chose-wp_bg.jpg); background-repeat: no-repeat; background-position: center; background-size: cover; border-radius: 40px; padding: 47px 75px 15px 75px; border: #e0f3f7 solid 8px; position: relative; }
.choose-wordpress .chose_bg_wp { margin-bottom: 145px; } 
.chose_bg_wp::before { position: absolute; content: ""; background-image: linear-gradient(to right, #022c8838 49%, #00126c9e 49%); left: 0; top: 0; width: 100%; height: 100%; border-radius: 40px; }
.chose_bg_wp .heading-title .h2 { color: #fff; padding-bottom: 30px; } 
.choose-wordpress_inner h3 { margin-bottom: 37px; color: #ffb926; }
.choose-wordpress_inner p { color: #fff; padding-bottom: 40px; }
/* WPSEOService page css end */
/* HTMLtoWP page css start */
.our-process { padding-top: 100px; }
.chose_wolves_section { padding-top: 0px; } .chose_wolves_section .list-thing { max-width: 100%; }
.list-thing:first-child { padding-left: 0px; }
/* HTMLtoWP page css end */
/* WPCustomizationServices page css start */
.requirements-section .psd-designs p { padding-bottom: 0px; }
.services-include .banner-cartton-left { left: 54px; }
.services-include { padding: 92px 0 92px 0; }
.choose-pdt-0 { padding-top: 0 !important; }
.choose-pdt-0 .heading-title h3 { color: #000000; }
/* WPCustomizationServices page css end */
/* speedoptimization1  page css start */
.speed_optimization { padding-top: 90px; }
.speed_optimization span p { font-style: italic; text-align: center; margin-bottom: 34px; padding-top: 7px; }
.speed_optimization p { text-align: center; } 
.wp-faqs-section { padding-top: 20px; }
.wp-wolves .list-thing { max-width: 100%; } 
.broadly_here .banner-cartton-left { left: 40px; }
.broadly_here .banner-cartton-right { top: 21%; right: 35px; }
/* speedoptimization1  page css end */
/* wpupgradeservice  page css start */
.plug-themes { background: #00003a; margin-bottom: 20px !important; } 
.wpupgrad .banner-cartton-right { right: 20px; }
.wpupgrad .banner-cartton-left { bottom: 35%; }
.wpupgrad_right2 { top: 10%; right: 15px !important; }
/* wpupgradeservice  page css end */
/* WordpressMigration page css start */
.migration_process { padding-bottom: 92px; }
.migration_process .h2 { color: #fff; padding-bottom: 71px; }
.migration_process .banner-cartton-left { left: 30px; }
.migration-process-involves { max-width: 969px; width: 100%; margin: 0 auto; display: block; }
.migration_process .conversion { padding: 70px 60px 55px 60px; }
ul.hosting_list li { font-size: 26px; line-height: 40px; color: #fff; font-family: "AvenirLTStdBlack", sans-serif, Arial; padding: 0 0 0 49px; position: relative; margin-bottom: 43px; }
ul.hosting_list li:after { background-color: #003ea0; height: 10px; width: 10px; border-radius: 50px; display: inline-block; position: absolute; left: 9px; bottom: -26px; content: ""; }
ul.hosting_list li:last-child:after { display: none; }
ul.hosting_list li span { position: absolute; left: 0; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); }
ul.hosting_list li strong { display: inline-block; text-align: center; position: absolute; width: 31px; height: 31px; line-height: 30px; font-size: 15px; border-radius: 50px; background: linear-gradient(to top, #ff9725, #ffba26); -webkit-text-fill-color: transparent; -webkit-background-clip: text; -webkit-text-fill-color: transparent; left: 0px; right: 0px; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); }
ul.hosting_list li span:before { position: absolute; content: ""; width: 30px; height: 30px; border: double 3px transparent; border-radius: 50%; background-image: linear-gradient(#000d58, #000d58), radial-gradient(circle at top left, #ffba26, #ff9725); background-origin: border-box; background-clip: content-box, border-box; display: inline-block; left: 0px; right: 0px; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); }
.team_keeps { padding: 115px 0 120px 0; }
.team_keeps .psd-designs p { padding-top: 20px; }
/* WordpressMigration page css end */
/* hiredevelopers page css start */
.our-process, .chose_wolves_section { display: none; }
.industries-serve .heading-title { margin-bottom: 35px; }
ul.we-serve li { font-size: 26px; line-height: 30px; color: #4479cb; font-family: "AvenirLTStdBlack", sans-serif, Arial; margin-bottom: 28px; display: flex; align-items: center; }
ul.we-serve li i { width: 42px; display: inline-block; text-align: center; margin-right: 15px; }
.engagement-and-hiring h2 { margin-bottom: 75px; }
.engagement-cartoon { left: 5px; }
.engagement-cartoon img { width: 100%; }
.engagement-and-hiring { padding: 100px 0 23px 0; }
.hiring-models { margin-bottom: 74px !important; }
.hiring-models p { color: #fff; }
.hiring-models h3 { color: #ffb926; margin-bottom: 18px; }
/*In 5 easy steps section css start here*/
/*In 5 easy steps section css end here*/
.in-5-easy-steps { padding: 125px 0 150px 0; }
.in-5-easy-steps h2 { margin-bottom: 69px; }
.steps-dots { position: relative; justify-content: space-around; }
.step { position: relative; }
.steps-dots .col-xl-2 { padding: 0px; }
.step { font-family: "AvenirLTStdBlack", sans-serif, Arial; }
.step span { position: relative; z-index: 11; text-align: center; display: block; border-radius: 50px; border: #4479cb solid 5px; width: 50px; height: 50px; font-size: 25px; line-height: 42px; color: #4479cb; margin: 0 auto; background-color: #fff; }
.step h3 { margin: 15px 0 0; text-align: center; }
.step.last:before { display: none; }
.steps-dots .col-xl-2 .step { position: relative; }
.steps-dots .col-xl-2:not(:last-child) .step:after { background: url(../images/steps-dots.png) left top repeat-x; content: ""; position: absolute; top: 21px; left: 75px; height: 10px; width: 100%; max-width: 299px; min-width: 299px; }
.custom-width1 { max-width: 16%; flex: none; position: relative; }
.custom-width2 { max-width: 16%; flex: none; position: relative; }
.custom-width3 { max-width: 16%; flex: none; position: relative; }
.custom-width4 { max-width: 16%; flex: none; position: relative; }
.custom-width5 { max-width: 16%; flex: none; position: relative; }
.step-action-button { text-align: center; margin-top: 70px; }
.what-makes-us-unique { background-image: linear-gradient(to bottom, #003ea0, #4c8ac2); height: 100%; padding: 100px 0 65px 0; }
.whatbemakesus { background: #000f64; border-radius: 40px; padding: 40px 32px 39px 32px; height: 100%; margin-bottom: 40px; display: flex; align-items: center; justify-content: center; }
.whatbemakesus h3 { color: #ffb926; margin-bottom: 18px; text-align: center; margin-bottom: 0px; }
.whatbemakesus p { color: #fff; }
.what-makes-us-unique h2 { margin-bottom: 49px; }
.what-makes-us-unique .col-xl-4 { margin-bottom: 30px; }
.what-makes-us-unique .row { justify-content: center; }
.what-makes-us-cartton { right: 30px; position: absolute; bottom: 0px; z-index: 999; }
.what-makes-us-cartton img { width: 85%; }
/* hiredevelopers page css end */
/* about us page css start */
.about-wolves { padding: 90px 0 62px 0; }
.about-wolves p { margin-bottom: 30px; }
.team-section { background-image: linear-gradient(to bottom, #00007a, #005bb3); height: 100%; padding: 102px 0 80px 0; } 
.team-section .h2 { padding-bottom: 50px; }
.our_team_box { text-align: center; }
.our_team_box h3 { color: #fff; margin: 23px 0 10px 0px; }
.our_team_box span { color: #fff; font-size: 20px; }
.ser_img figure img { border-radius: 50px; border: #1a1a88 solid 15px; }
.slider_team .owl-dots.disabled, .slider_team .owl-nav.disabled { display: block; }
.slider_team .owl-nav { position: absolute; right: 0; top: 39%; transform: translateY(-50%); width: 100%; }
.slider_team .owl-nav button.owl-prev::before { position: absolute; content: ""; right: -90px; background: url(../images/arrow-right.png); width: 33px; height: 65px; }
.slider_team .owl-nav button.owl-next::before { position: absolute; content: ""; background: url(../images/arrow-left.png); width: 33px; height: 65px; left: -90px; }
.slider_team .owl-nav button.owl-next span, .slider_team .owl-nav button.owl-prev span { display: none; }
.team-section .owl-carousel { max-width: 1372px; margin: 0 auto; }
.team1 { margin-top: 80px; }
.team1 .team-group { max-width: 1372px; margin: 0 auto; overflow: hidden; position: relative; border-radius: 50px; border: #1a2d93 solid 16px; }
.team1 .team-group:before { content: ""; background: rgb(24 195 220 / 18%); position: absolute; height: 100%; width: 100%; top: 0; }
.team1 .team-group img { display: inherit; }
.development-process { padding: 90px 0 10px 0; }
.development-process .heading2-large { padding-bottom: 70px; color: #003ea0; }
.development-process .badal-right { left: 0; }
.our_process { padding-bottom: 72px; position: relative; padding-right: 60px; }
.our_process::before { position: absolute; content: ""; background: url(../images/adot-x.jpg) top repeat-x; width: 100%; height: 10px; top: 5%; left: 15px; }
.three_doat { position: relative; }
.three_doat::after { position: absolute; content: ""; background: url(../images/adot.jpg) repeat-y; width: 10px; height: 100%; top: 18px; right: -30px; bottom: 0; }
.our_process span { position: relative; z-index: 11; text-align: center; display: block; border-radius: 50px; border: #4479cb solid 5px; width: 50px; height: 50px; font-size: 25px; line-height: 42px; color: #4479cb; background-color: #fff; }
.our_process h3 { padding-top: 43px; }
.data-software .confidentiality-cartoon { right: -136px !important; bottom: -80px; }
.data-list li { font-size: 20px; line-height: 32px; color: #ffffff; position: relative; padding-left: 27px; }
.data-list li::before { position: absolute; content: ""; background: #ffcf00; width: 7px; height: 7px; border-radius: 50px; left: 0; top: 14px; }
.data-software { background-image: linear-gradient(to bottom, #003ea0 35%, #508fc4); height: 100%; padding: 82px 0 78px 0; }
.data-software:before { position: absolute; content: ""; background: url(../images/security1.png); left: 0; z-index: -1; height: 100%; width: 292px; top: 0; /* opacity: 0.4; */ background-repeat: no-repeat; background-size: cover; }
.data-software:after { position: absolute; content: ""; background: url(../images/security2.png); right: 0; height: 100%; width: 292px; top: 0; /* opacity: 0.4;*/ z-index: -1; background-repeat: no-repeat; background-size: cover; }
.soft-security { max-width: 64%; flex: 0 0 64%; }
.confident { max-width: 36%; flex: 0 0 36%; }
.data-software .confidentiality { max-width: 570px; background-image: linear-gradient(to bottom, #000f64, #0e3a88); height: 100%; border-radius: 40px; padding: 47px 44px 70px 50px; }
.data-software .confidentiality h2 { color: #fff; margin-bottom: 40px; }
.data-software .confidentiality p { font-size: 24px; color: #fff; font-family: "Playfair Display", serif; line-height: 38px; }
.data-title { margin-bottom: 51px; margin-top: 60px; }
/* about us page css end */
/* contact us page css end */
.wpcf7-not-valid-tip { margin-top: 10px; font-weight: 600; }
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output { color: #dc3232; }
.banner-started { padding: 200px 0 100px 0; position: relative; background-image: linear-gradient(to bottom, #00007a, #005bb3 67%); }
.banner-started .lets-title { padding-top: 0; }
.banner-started .contact-form-block { padding-right: 49px; }
.banner-started .contact-form-block .input-field label { color: #ffffff; }
.banner-started .contact-form-block .input-field input, .banner-started .contact-form-block .input-field textarea { color: #ffffff; }
.banner-started .contact-form-block .input-field input::placeholder { color: #ffffff; }
.banner-started .contact-form-block .input-field textarea { height: 145px; }
.banner-started:before { position: absolute; content: ""; background: url(../images/white-small-left-bg.png); left: 0; z-index: -1; height: 100%; width: 353px; top: 0; background-repeat: no-repeat; }
.banner-started:after { position: absolute; content: ""; background: url(../images/white-small-right-bg.png); right: 0; height: 100%; width: 353px; top: 0; z-index: -1; background-repeat: no-repeat; }
.globally-map { background-image: linear-gradient( to bottom, #00044e, #00207e ); padding: 40px 53px 50px 53px; border-radius: 40px; }
.globally-map h2 { text-align: center; color: #ffba26; padding-bottom: 20px; }
.banner-started .banner-cartton-right { right: 20px; bottom: -2px; }
.banner-cartton-right { position: absolute; right: 7px; bottom: -2px; z-index: 999; }
.take-your-business-cartoon { right: -220px !important; bottom: -0px !important; top: auto; position: absolute; }
.contact-with { padding: 100px 0 120px 0; }
.contact-with .heading2-large { color: #003ea0; margin-bottom: 20px; }
.content_infomation { display: flex; justify-content: space-around; flex-direction: column; }
.content_infomation li { text-align: center; margin-top: 40px; }
.content_infomation li p b{ display: block; margin-bottom:10px; }
.content_infomation li i img { border-radius: 20px; }
.content_infomation li span { color: #ff7232; font-size: 20px; line-height: 25px; padding: 16px 0 11px 0; display: block; font-family: "AvenirLTStdHeavy"; text-transform: uppercase; }
.content_infomation li a { color: #000000; font-size: 30px; line-height: 35px; font-family: "AvenirLTStdBlack", sans-serif, Arial; display: block; text-transform: uppercase; margin-bottom:20px; }
.email_us { padding-top: 80px; }
.email_us span { font-size: 16px; line-height: 20px; color: #000000; font-family: "AvenirLTStdHeavy"; display: block; }
.email_us a { color: #000000; font-size: 30px; line-height: 40px; font-family: "AvenirLTStdBlack", sans-serif, Arial; display: block; }
/* contact us page css end */
.service .ser-sing .ser-cont { position: absolute; top: 0; right: 0; left: auto; width: 80%; background: #fff; padding: 50px 30px; display: flex; bottom: 0; margin: auto 0; max-width: 690px; max-height: 380px; overflow-x: hidden; transition: 0.3s ease-in-out; }
.service .ser-sing { position: relative; }
.service .ser-sing .ser-cont .ser-icon { min-width: 36px; margin-right: 20px; padding-top: 5px; }
.service .ser-sing .ser-cont h5 { color: #2aace1; font-size: 30px; line-height: 40px; margin-bottom: 10px; font-family: "Merriweather", serif; font-weight: bold; letter-spacing: 0.015em; position: relative; }
/*03-05*/
.main-ff-gt .panel-title { font-size: 20px; text-align: left; font-size: 46px; line-height: 60px; padding-right: 30px; font-family: "Merriweather", serif; font-weight: bold; letter-spacing: 0.015em; background-color: #fff; }
.main-ff-gt .panel-title a { color: #000; font-weight: 300; display: flex; justify-content: space-between; }
.collapse-ppg p { font-size: 22px; line-height: 34px; color: #000; letter-spacing: 0.015em; font-weight: normal; max-width: 580px; font-weight: 600; }
.why-chose-wrp h1 { font-size: 50px; text-align: center; margin-bottom: 90px; line-height: 60px; color: #2aace1; font-family: "Merriweather", serif; font-weight: bold; letter-spacing: 0.015em; position: relative; }
.why-chose-wrp h1:after { bottom: -30px; position: absolute; content: ""; width: 100px; height: 6px; background: #2aace1; left: 0; right: 0; margin: auto; }
.why-chose-wrp { position: relative; padding: 100px 0; overflow: hidden; width: 100%; }
.collapsed .right-iicon .right-plus, a.panel-ttt[aria-expanded="true"] img.right-plus, a.panel-ttt[aria-expanded="false"] img.right-minus { display: none; }
.collapsed .right-iicon .right-minus, a.panel-ttt[aria-expanded="true"] img.right-minus, a.panel-ttt[aria-expanded="false"] img.right-plus { display: block; }
#accordion .panel.panel-default { border-right: 8px dotted #f1f1f1; border-spacing: 35px 91px; margin-right: 44px; }
.ser-sing { position: relative; }
.ser-sing .ser-cont { position: absolute; top: 0; right: 0; left: auto; width: 80%; background: #fff; padding: 50px 30px; display: flex; bottom: 0; margin: auto 0; max-width: 690px; max-height: 380px; transition: 0.3s ease-in-out; }
.ser-sing .ser-cont .ser-icon { min-width: 36px; margin-right: 20px; padding-top: 5px; }
.ser-sing .ser-cont .ser-icon .on-hover { display: none; }
.ser-sing .ser-cont h5 { color: #2aace1; font-size: 30px; line-height: 40px; margin-bottom: 10px; font-family: "Merriweather", serif; font-weight: bold; letter-spacing: 0.015em; position: relative; }
.ser-sing .ser-cont p { font-size: 20px; line-height: 34px; color: #000; font-family: "Conv_MyriadPro-Regular"; letter-spacing: 0.015em; font-weight: normal; }
.ser-sing:hover .ser-cont { background: #000; }
.ser-sing:hover .ser-cont p { color: #fff; }
.ser-sing:hover .ser-cont .ser-icon img.on-hover { display: block; }
.ser-sing:hover .ser-cont .ser-icon img { display: none; }
.ser-sing .ser-cont .ser-icon .on-hover { display: none; }
.main-ff-gt .panel.panel-default { border: 0; margin-right: 0; }
.main-ff-gt .card-header { background: transparent !important; border-color: transparent !important; padding: 0 !important; }
.main-ff-gt .panel-body { border-top-color: transparent !important; }
.main-ff-gt .card { border: 0px; }
.main-ff-gt .card-header { background: transparent !important; }
.main-ff-gt .panel-body:before, .main-ff-gt .panel-body:after { content: " "; display: none; }
.collapse-ppg li { position: relative; }
.collapse-ppg li:before { position: absolute; content: "\f105"; font: normal normal normal 14px/1 FontAwesome; left: -21px; top: 6px; font-weight: 800; font-size: 20px; color: #2aace1; }
.collapse-ppg { float: left; width: 100%; color: #000; background-image: url(../images/dot-line.png) !important; background-repeat: no-repeat; background-position: right 48px center; }
li.content-li:before { display: none; content: ""; }
/*designer css 22-10*/

.bnr-cartoon img { max-width: 680px; position: absolute; left: -120px; top: -65px; }
.page-template-template-hire-wordpress-dev .chose_wolves_section, .page-template-template-hire-wordpress-dev .our-process { display: none; }
.psd-designs li { list-style: disc; }
.box-btn a { font-size: 16px; color: #fff; display: flex; justify-content: space-between; align-items: center; }
.box-btn i.fa-angle-right { width: 33px; height: 33px; line-height: 33px; font-size: 24px; text-align: center; border-radius: 30px; /*background: linear-gradient(to bottom, #f28e26 0%, #fd644f 100%);*/ background-color: #e74430; }
.modal { z-index: 9999; }
/*blog-pag & blog-details*/
.leftpart { width: 70%; float: left; }
.rightpart { width: 30%; float: right; }
.as_blog_wrap .as_blog_ul { float: left; width: 100%; }
.as_blog_wrap .as_blog_ul li { float: left; border-top: 1px solid #ddd; width: 100%; padding-top: 30px; margin-bottom: 30px; display: flex; }
.as_blog_wrap .as_blog_ul .col-xs-12.col-sm-6 { float: left; }
.get_started { background: #424242; padding: 110px 0 98px; }
.get_started { padding: 50px 0 50px; }
.get_started.inr_ct { background: #fff none repeat scroll 0 0; }
.as_blog_wrap .rightpart { width: 100%; padding: 30px 0 0 7%; }
.rightpart.get_started.inr_ct.side_cnt.sticky.blog { position: sticky; top: 85px; margin-bottom: 0; clear: right; }
.rightpart-aside { border-left: 1px solid #dbdbdb; float: right; width: 28%; }
.as_blog_wrap .as_blog_ul li .blg_img { float: left; width: 560px; }
.as_blog_wrap .as_blog_ul li .blg_img { width: 100%; align-items: center; display: flex; justify-content: center; }
.as_blog_wrap .as_blog_ul li .blg_con { float: right; margin: 0; width: 610px; padding: 0; }
.as_blog_wrap .as_blog_ul li .blg_con { width: 100%; }
.as_blog_wrap .as_blog_ul li .blg_con h2 { float: left; width: 100%; font-size: 30px; font-weight: 700; color: #000; letter-spacing: 0; line-height: 40px; margin: 26px 0 18px; }
.as_blog_wrap .as_blog_ul li .blg_con h2 { margin: 0 0 18px; font-size: 20px; line-height: 32px; }
.as_blog_wrap .as_blog_ul li .blg_con p { float: left; width: 100%; font-family: "Open Sans", sans-serif; font-size: 16px; color: #666; letter-spacing: 0; line-height: 26px; margin-bottom: 0px; }
.as_blog_wrap .as_blog_ul li .blg_con p { word-break: break-all; }
.blog_cell { width: 100%; float: left; margin: 20px 0 0; }
.blg_con a.blog_cell { /*color: #f16626;*/ font-size: 12px; letter-spacing: 2px; font-family: "Open Sans", sans-serif; }
.as_blog_wrap .rightpart .widget-title { /*color: #f16626;*/ margin: 0 0 20px; padding: 0; font-size: 23px; font-weight: 700; line-height: 32px; text-align: center; }
.as_blog_wrap .rightpart ul li { margin-bottom: 20px; }
.as_blog_wrap .rightpart ul li a { color: #252525; font-size: 14px; line-height: 20px; font-weight: 700; }
.rightpart.get_started.inr_ct.side_cnt.p_desc ul li p { margin-top: 0; padding-top: 10px; color: #666; font-size: 16px; line-height: normal; }
.as_blog_wrap .as_blog_ul li .blog-left-img { background-color: #004187; display: flex; }
.as_blog_wrap .row { justify-content: space-between; }
.blogdetail_page { padding: 40px 0 40px; }
.postid-1098 .discovery-call-section { display: none; }
.single-post .banner-cartton-right { max-width: 200px; }
.single-post .banner-title .h1 { font-size: 36px; line-height: 53px; text-align: center; }
/*flag-css*/
.flg_img { position: absolute; right: auto; width: 47px; margin: 14px 0 0 200px; }
.tooltip { position: absolute; z-index: 1070; display: block; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 12px; font-style: normal; font-weight: 400; line-height: 1.42857143; text-align: left; text-align: start; text-decoration: none; text-shadow: none; text-transform: none; letter-spacing: normal; word-break: normal; word-spacing: normal; word-wrap: normal; white-space: normal; filter: alpha(opacity=0); opacity: 0; line-break: auto; }
.tooltip { position: relative; display: inline-block; /*border-bottom: 1px dotted black;*/ opacity: 999; }
.flg_img img { border-radius: 50%; height: 47px; width: 100%; object-fit: cover; }
.tooltip .tooltiptext { visibility: hidden; width: auto; background-color: white; color: #000; text-align: center; border-radius: 6px; padding: 5px 0; z-index: 1; position: absolute; left: 60px; margin-top: 8px; font-size: 13px; white-space: nowrap; padding: 8px 13px; top: 0px; }
.tooltiptext::after { content: ""; position: absolute; top: 50%; right: 100%; margin-top: -5px; border-width: 5px; border-style: solid; border-color: transparent #fff transparent transparent; }
.tooltip:hover .tooltiptext { visibility: visible; }
.page-id-1319 .engagement-and-hiring .hiring-models { padding-left: 100px; }
.page-id-1319 .engagement-and-hiring .hiring-models ul li { color: #fff; position: relative; padding-left: 20px; font-size: 24px; }
.page-id-1319 .engagement-and-hiring .hiring-models ul li::before { content: ""; background: url(../images/righ-check.png) no-repeat; width: 20px; height: 19px; background-size: 20px; position: absolute; left: -15px; top: 8px; }
.page-id-1319 .whatbemakesus { align-items: flex-start; justify-content: flex-start; grid-column-gap: 10px; }
.page-id-1319 .whatbemakesus h3 { text-align: left; }
.page-id-1319 .in-5-easy-steps h2 { margin-bottom: 49px; text-align: center; }
.page-id-1319 .cnt-us-now { text-align: center; }
.page-id-1319 #what-makes-us-unique h2, .page-id-1319 .guarantee-content p { color: #fff; text-align: center; }
.page-id-1319 #what-makes-us-unique .stile-think-content h2 { margin-bottom: 0px; }
.page-id-1319 .what-makes-us-unique h5 { font-size: 24px; display: flex; flex-wrap: wrap; align-items: center; grid-column-gap: 15px; justify-content: center; color: #fff; text-align: center; }
.page-id-1319 .what-makes-us-unique h5 img, .special-note p img { max-width: 30px; }
.special-note p img { margin-bottom: -7px; }
.page-id-1319 .stile-think-content { padding-bottom: 60px; }
.page-id-1319 .guarantee-content h2 { margin-bottom: 20px; }
.page-id-1319 .customized.sco_results .psd-designs p, .special-note p, .page-id-1319 .guarantee-content p { font-size: 24px; line-height: 36px; text-align: center; }
.page-id-1319 .customized.sco_results .psd-designs p { font-weight: bold; }
.page-id-1319 .whyyoucantrustus, .page-id-1319 .discovery-call-section { display: none; }

/*OS Browser Css START*/
.safari .numberbox, .js-focus-visible .numberbox, .safari .select-box select, .js-focus-visible .select-box select, .safari .input-field input, .js-focus-visible .input-field input, .safari .input-field textarea, .js-focus-visible .input-field textarea, .js-focus-visible .button, .safari .button, .js-focus-visible .btn, .safari .btn { font-family: "Open Sans", sans-serif; }
/*OS Browser Css END*/
.popuptext { text-align: center; }
/*new-about-us-25-3-22*/
.about-us { padding-top: 190px; padding-bottom: 100px; width: 100%; /*    float: left;*/ }
.about-us h2 { font-size: 30px; line-height: 40px; text-transform: capitalize; font-weight: bold; margin-bottom: 60px; }
.about-us h2 span { background-color: #e74430; padding: 5px; color: #fff; }
.about-us .col-md-12 { display: flex; align-items: center; justify-content: center; }
.about-us-content p { color: #000; font-size: 18px; line-height: 36px; }
.schedule-call { padding: 100px 0px 100px 0px; background-color: #fafafa; /*float: left;*/ width: 100%; }
.our-work { padding: 90px 0px 90px 0px; position: relative; /*float: left;*/ width: 100%; }
section h2.title { font-size: 40px; line-height: 60px; font-weight: bold; color: #000; margin-bottom: 80px; }
.get_started h3.white_text { color: #fff; font-size: 44px; line-height: 55px; }
.get_started p { font-size: 24px; line-height: 36px; padding: 30px 0 0; color: #999; }
.our-work-disc { display: flex; flex-direction: column; align-items: flex-start; }
.our-work:after { content: ""; position: absolute; width: 250px; height: 100%; background-color: #e74430; right: 0px; top: 0px; }
.our-work-right-side { position: relative; z-index: 99; margin-top: 60px; left: -80px; }
.our-work-right-side .col-md-4 { margin-bottom: 30px; text-align: center; margin-right: 0px; }
.our-work-right-side .col-md-4:last-child { margin-right: 0px; }
.our-work-right-side .row { display: flex; }
.border-image { width: 360px; display: flex; grid-gap: 20px; flex-direction: column; align-items: end; }
.our-img { border: 1px solid rgba(0, 0, 0, 0.12); width: 110px; height: 110px; align-items: center; justify-content: center; display: flex; background-color: #fff; }
.our-img img { max-width: 80%; }
.our-work-content .first-col .our-work-disc { margin-bottom: 60px; }
span.counter-num { font-size: 70px; color: #e74430; font-family: "Montserrat", sans-serif; font-weight: bold; line-height: 80px; margin-top: 13px; }
.col-md-8.first-col { column-count: 2; /* white-space: pre-line;*/ }
.our-team-experience-content .first-col { flex-wrap: wrap; display: flex; }
.col-md-6.first-col { column-count: 3; }
.our-work-disc p { font-size: 20px; line-height: 36px; color: #000; font-weight: bold; }
.quete { padding-right: 30px; width: 75px; margin-top: -10px; }
section .d-flex { display: flex; align-items: flex-start; }
.schedule-call-content p { font-size: 18px; line-height: 36px; letter-spacing: 0.7px; color: #000; }
.info-button { background-color: #e74430; margin-top: 40px; color: #fff; display: inline-block; padding: 20px 30px; border-radius: 1px; min-width: 200px; text-align: center; letter-spacing: 0.4px; }
.our-team-experience { background-color: #313131; padding: 100px 0; /*float: left;*/ width: 100%; }
.our-team-experience h2.title { color: #fff; }
.our-team-experience .counter-num { font-size: 70px; line-height: 100px; }
.our-team-experience p { color: #fff; font-size: 14px; line-height: 24px; }
.our-team-experience .our-work-disc { align-items: center; text-align: center; }
.our-team-experience .first-col .our-work-disc { margin-bottom: 40px; }
.our-team-experience .first-col .our-work-disc { width: 33.33%; }
.our-team-experience .first-col .our-work-disc { padding-bottom: 25px; position: relative; overflow: hidden; }
.our-team-experience .first-col .our-work-disc:after { content: ""; background-color: #fff; opacity: 40%; width: 60px; height: 4px; bottom: 0px; position: absolute; }
img.log-desk.lazyloaded { display: none; }
img.small-desk.lazyloaded { display: block; height: 340px; width: 480px; max-width: 525px; position: absolute; left: 30px; top: 50px; }
.testimonial { padding: 80px 0px 80px 0px; background-color: #fafafa; width: 100%; position: relative; overflow: hidden; }
.testimonial h2.title { text-align: center; padding-bottom: 56px; margin-bottom: 0px; }
.testimonial h2.title:after, .about-client-footer-top h2.title:after { content: ""; background-color: #e74430; width: 180px; height: 3px; position: absolute; left: 50%; bottom: 0px; transform: translate(-50%); }
.testimonial .cont h2:after { content: ""; background-color: #000; opacity: 40%; width: 400px; height: 2px; position: absolute; left: 50%; top: 0px; transform: translate(-50%); }
.about-client-footer-top { width: 100%; padding: 100px 0px; text-align: center; }
.about-client-footer-top p { text-align: center; font-size: 18px; line-height: 30px; letter-spacing: 0.7px; color: #000; }
.our-team-experience-right-side { position: relative; }
/*testimonial css*/
.slick-dots li button { list-style-type: none !important; display: inline-block !important; width: 50px !important; height: 2px !important; border: 1px solid #e2e1e1; margin: 0 10px !important; cursor: pointer !important; -webkit-transition: all 0.2s ease-in-out !important; -ms-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; position: relative; }
.cont .slick-slide p { font-size: 20px; color: #000; width: 100%; margin: auto; letter-spacing: 0.48px; line-height: 30px; /*font-family: 'Montserrat', sans-serif;*/ text-align: left; padding-left: 50px; }
.testi-icon { position: relative; }
.testi-icon:after { content: ""; background: url(https://laravellions.com/wp-content/themes/wordpress-wolves/assets/images/testimonial-quate.png) no-repeat; position: absolute; top: -90px; left: 0px; width: 46px; height: 110px; z-index: 9999; }
.cont .slick-slide img { margin-top: -80px; }
.slick-prev, .slick-next { display: none !important; }
.slick-dots { bottom: 0px !important; }
.slick-dots li.slick-active button { background: #e74430 !important; border-color: #e74430 !important; height: 4px !important; width: 50px !important; }
.cont .slick-slide h2 { color: #000; font-size: 13px; margin: 56px 0 0px; padding-top: 23px; letter-spacing: 0.23px; /*font-family: 'Montserrat', sans-serif;*/ position: relative; text-align: center; }
.slick-dots li { width: 50px !important; height: 2px !important; margin: 0 10px !important; }
.slick-dots li button { font-size: 0 !important; line-height: 0 !important; display: block; width: 50px !important; height: 2px !important; padding: 0px !important; cursor: pointer; color: transparent; border: 0 !important; outline: 0 !important; background: #e2e1e1 !important; }
.slick-dots li button:before { display: none; }
.slider { width: auto; margin: 30px 50px 50px; }
.slider .slick-slide { color: white; padding: 60px 0 46px; font-size: 30px; font-family: "Arial", "Helvetica"; text-align: center; display: flex !important; align-items: center; justify-content: center; flex-direction: column; }
.slider .slick-prev:before, .slider .slick-next:before { color: #292e3e; }
.testimonial .testim h2 { font-size: 16px; }
section.title.testimonial .slick-arrow { width: 33px !important; height: 17px !important; color: transparent !important; background: url(../images/right-arrow.png) !important; float: left; display: block !important; top: 29%; margin: 0 !important; }
section.title.testimonial .slick-arrow:before { display: none !important; }
section.title.testimonial .slick-prev { transform: rotate(180deg) !important; }
section.title.testimonial .slider .slick-slide { padding-right: 30px; }
.get_started form { margin-left: auto; max-width: 788px; margin-right: auto; }
.get_started .col-xs-12.col-sm-6 { margin: 0 0 20px; width: 33.33%; max-width: 33.33%; }
.get_started.full-width.text-center label, .textwidget .wpcf7-form label { display: none; }
.full-width { width: 100%; display: inline-block; }
.blogdetail_page .get_started { padding: 0px 0 50px; }
.col-xs-12.full-width.text-center { margin-top: 16px; }
.wpcf7-form-control.wpcf7-submit.custom_btn { background: #e74430; color: #fff; }
.wpcf7-form-control.wpcf7-submit:hover, .info-button:hover { background-image: linear-gradient(to top, #ffba26, #ff9725); border-color: #ff9725; color: #fff; box-shadow: 0 3px 25px rgb(0 0 0 / 16%); }
.wpcf7-form-control.wpcf7-submit.custom_btn { line-height: normal; }
.wpcf7-form-control.wpcf7-submit.custom_btn { width: 315px; }
.wpcf7-form-control.wpcf7-submit { margin-top: 20px; }
.get_started input { height: 60px; border: 2px solid #666; border-radius: 5px; background: 0 0; width: 100%; color: #9f9f9f; padding: 0 20px; margin-bottom: 30px; font-family: "Open Sans", sans-serif; font-size: 18.5px; }
.get_started textarea { height: 135px; border: 2px solid #666; border-radius: 5px; background: 0 0; width: 100%; color: #9f9f9f; padding: 20px; margin-bottom: 0; font-family: "Open Sans", sans-serif; font-size: 20px; resize: none; }
.get_started input::placeholder, .get_started textarea::placeholder { color: #666; opacity: 1; }
.page-template-new-about-us .header, .page-template-about-us .header { background-color: #004187; }
.single section.discovery-call-section { display: none; }
.page-id-1092 section.discovery-call-section { display: none; }
.f-nav ul#menu-wordpress-wolves li:first-child{display:none;}
/*Freelancer-page*/
.centerAbout h4 { text-align: center; }
.banner-content-bottom { padding: 110px 0px; }
.common-bg { background-color: #fafafa; }
.banner-content-bottom p { max-width: 1315px; }
.container-sm { max-width: 1394px; margin: 0px auto; padding: 0px 15px; }
.why-hire { background: url(../images/why-hire-bg.png) no-repeat; background-size: cover; padding-bottom: 124px; padding-top: 150px; margin-bottom: 0px; }
.magento-ecommerce-box-content { background-color: #fff; box-shadow: 0px 30px 40px #00000029; border-radius: 4px; padding: 70px 36px 67px 50px; margin-bottom: -50px; }
.b2b-power .magento-ecommerce-box-content h4 { margin-bottom: 45px; margin-top: 10px; font-weight: bold; }
.b2b-power .magento-ecommerce-box-content .list-style { max-width: 1140px; margin: 0px auto; }
.b2b-power .magento-ecommerce-box-content h4 span { color: #e74430; }
.magento-ecommerce-box-content ul li, .are-expert .list-style li{ line-height: 30px; position: relative; padding-left: 30px; display: flex; flex-wrap: wrap; align-items: baseline; background: none; letter-spacing: 0.6px; }
.b2b-power .magento-ecommerce-box-content ul li{ margin-bottom: 30px;}
.magento-ecommerce-box-content ul li:before { position: absolute; content: ""; border: 3px solid #f60; width: 11px; height: 11px; z-index: 99; transform: rotate(45deg); border-left: none; border-bottom: none; left: -5px; top: 10px; }
.why-hire .magento-ecommerce-box-content ul li:before { background: url(../images/righ-check.png) no-repeat; border: none; width: 20px; height: 15px; background-size: 20px; transform: none; left: -10px; top: 10px; }
 section.review { padding: 50px 0px; }
.review-container{max-width:984px;margin:0px auto;background-color: #ecf1fd;padding:35px 0px 26px;text-align:center;}
a.review-btn { background-color: #004187; color: #fff; padding: 10px 20px; border-radius: 4px; margin-bottom: 8px; /*display: inline-block;*/ height:40px; }
.hire-btn p, .review-star ul + p{font-size:16px;line-height:inherit;text-transform:capitalize; }
.hire-btn{margin-bottom:20px;}
.review-star ul { display: flex; justify-content: center; grid-column-gap: 2px; margin-bottom: 5px; }
.review-star p span { color: #004187; }
.review-star .star-tag { font-size: 14px; line-height: 1; margin: 10px 0px 0px; }
.are-expert .magento-ecommerce-box-content { max-width: 984px; margin: 130px auto 138px; box-shadow: none; border: 10px solid #0000000d; padding: 50px 36px 60px 50px; }
.are-expert h4 { margin-bottom: 30px; font-weight:bold; }
.are-expert .list-style { max-width: 715px; margin: 0px auto; }
.are-expert .magento-ecommerce-box-content ul li:before { background: url(../images/expert-magento-icon.png) no-repeat; border: none; width: 24px; height: 22px; background-size: 24px; transform: translateY(-50%); left: -15px; top: 50%; }
.magento-ecommerce-box-content h4{font-size:40px;}
.page-template-privacypolicy .white-label-sr .benefits_plan_list p{position: relative; padding-left: 30px;}
.page-template-privacypolicy .white-label-sr .benefits_plan_list p:before{
    position: absolute;
    content: "";
    border: 3px solid #003ea0;
    width: 11px;
    height: 11px;
    z-index: 99;
    transform: rotate(45deg);
    border-left: none;
    border-bottom: none;
    left: -5px;
    top: 10px;
}

/*======================================================================
=============================:: MEDIA CSS ::============================
=======================================================================*/

@media (min-width: 1679px) {
  .engagement-and-hiring .container { margin-right: 100px; max-width: 1424px; }
  .page-id-1319 .engagement-and-hiring .container { margin-right: auto; }
  .banner .banner-content h1 { font-size: 60px; line-height: 60px; }
  .banner .banner-content p { font-size: 24px; line-height: 40px; margin-bottom: 60px; }
  .container { max-width: 1424px; }
  .banner .col-md-7 { -webkit-box-flex: 0; -ms-flex: 0 0 65.33333%; flex: 0 0 65.33333%; max-width: 65.33333%; }
  .banner .col-md-5 { -webkit-box-flex: 0; -ms-flex: 0 0 34.66667%; flex: 0 0 34.66667%; max-width: 34.66667%; }
  .banner-content { margin-top: 0px; }
  .bnr-cartoon img { max-width: 770px; left: -82px; top: -95px; }
  .box-content .box-btn a { font-size: 18px; }
  .title-blue { font-size: 60px; line-height: 70px; }
  .title-white { font-size: 40px; }
  .take-your-business p.text-left { font-size: 20px; }
  .take-box-img p { font-size: 30px; line-height: 46px; }
  .take-box-img { padding: 45px; }
  .take-box-img img { width: 450px; right: -168px; top: -38px; }
  .box-content { padding: 25px 25px 70px 25px; }
  .box-content h2 { font-size: 24px; }
  p { font-size: 20px; line-height: 31px; }
  .box-content .box-btn { width: 85%; }
  .why-trust .why-trust-icon:after { width: 95%; left: 0px; bottom: 7px; }
  .why-trust .why-trust-icon:before { height: 85%; right: 0px; left: unset; }
  .top-footer-left-content p { font-size: 45px; line-height: 60px; }
  .top-footer-right-form h2 { margin-bottom: 50px; }
  .top-footer-right-form button.btn { margin-top: 41px; }
  .footer-link h2 { font-size: 16px; }
  .social-icon { margin-bottom: 30px; }
  .sub-footer:after { width: 316px; height: 395px; }
  .our-hiring-title-bar h3 { font-size: 36px; line-height: 40px; }
  .why-bg-img .number-count { font-size: 90px; line-height: 90px; }
  .our-hiring-title-bar { padding: 33px 28px; }
  .full-time-right { padding-right: 0px !important; }
  .description-lets ul { margin-top: 110px; }
  .monkey-right { width: 280px; height: 250px; bottom: auto; }
  .f-col4 { margin-left: 0px; }
  .lets-left-side .description-lets p { font-size: 45px; line-height: 60px; }
  .wp-development .f-col1 ul li { margin-bottom: 5px; }
  .data-software .confidentiality-cartoon { right: -180px !important; bottom: 0px; }
  .take-your-business-cartoon { right: -202px !important; bottom: -50px !important; }
  .take-your-business-cartoon img { width: 90%; }
  .confidentiality-cartoon img { width: 95%; }
  .f-col1 { flex-basis: 50%; min-width: 50%; max-width: 50%; }
  .f-col2 { flex-basis: 28%; min-width: 28%; max-width: 28%; }
  .f-col3 { flex-basis: 40%; min-width: 40%; max-width: 40%; }
  .f-col4 { flex-basis: 24%; min-width: 24%; max-width: 24%; }
  .about-us { padding: 215px 0px 190px; }
  .about-us h2 { font-size: 60px; line-height: 80px; margin-bottom: 129px; }
  .quete { padding-right: 40px; padding-top: 20px; margin-top: -65px; width: auto; }
  .about-us-content p { font-size: 36px; line-height: 62px; }
  .schedule-call-content p { font-size: 31px; line-height: 45px; }
  .our-work { padding: 90px 0px 150px 0px; }
  .our-work-right-side { left: 50px; }
  .border-image { width: 525px; grid-row-gap: 30px; grid-column-gap: 30px; }
  .border-image .our-img { width: 150px; height: 150px; }
  span.counter-num { font-size: 110px; line-height: 120px; }
  .our-work-disc p { font-size: 30px; line-height: 43px; }
  .about-client-footer-top { padding: 160px 0px; }
  .about-client-footer-top p { font-size: 29px; line-height: 53px; }
  .our-team-experience { padding: 150px 0 216px 0; }
  .our-team-experience .first-col .our-work-disc:after { width: 100px; }
  .our-team-experience p { font-size: 16px; line-height: 24px; }
  .info-button { margin-top: 40px; min-width: 400px; padding: 5px 30px; font-size: 20px; line-height: 60px; }
  .testimonial { padding: 104px 0px 138px 0px; }
  .cont .slick-slide p { font-size: 24px; line-height: 40px; }
}

@media (min-width: 767px) {
  .page-template-contact-us .mobi-iconbox { display: block; }
  .page-template-contact-us .ForContactPg { top: 0px; width: 320px; height: 100vh !important; background: #ff8a00; z-index: 99; padding-top: 90px; right: -100%; transition: 0.6s; float: left; position: fixed; display: unset !important; }
  .page-template-contact-us .mobile-menu-block { background: #004187; bottom: 0; color: #16181c; position: fixed; top: 0; left: -400px; width: 380px; z-index: -4; font-size: 16px; -moz-transition: all 0.4s ease 0s; -webkit-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; padding-top: 30px; }
  .page-template-contact-us.mobile-menu-open .mobile-menu-block { left: 0; z-index: 99999; }
}
@media screen and (max-width: 1890px) {
  .banner-started .banner-cartton-right { right: 15px; max-width: 263px; }
}
@media screen and (max-width: 1859px) {
  .banner-cartton-right { right: 20px; }
  .banner-cartton-left { position: absolute; left: 10px; max-width: 180px; }
  /* WPPluginDev page css start */
  .plugin-services .banner-cartton-left { position: absolute; left: 13px; max-width: 100%; }
  /* WPMaintenance page css start */
  .wp-benefits .banner-cartton-right { max-width: 260px; }
  .wp_web_sco .banner-cartton-right { max-width: 210px; }
  /* WPWebsiteDevelopment page css start */
  .badal-right { max-width: 176px; }
  .services-include .banner-cartton-left { left: -7px; max-width: initial; }
  /* speedoptimization1  page css start */
  .broadly_here .banner-cartton-left { left: 3px; }
  .broadly_here .banner-cartton-right { top: 20%; right: 8px; }
  .wp-wm-benefits { max-width: 179px; }
  /*top section*/
  .data-software .confidentiality-cartoon { right: -108px !important; width: 199px; }
}
@media screen and (max-width: 1799px) {
  h1, .h1 { font-size: 50px; line-height: 60px; }
  .font-size-60 { font-size: 50px; line-height: 60px; }
  .banner-cartton-left { left: -5px; max-width: 180px; }
  /* WPPluginDev page css start */
  .plugin-services { padding: 50px 0 50px 0; }
  .plugin-services .banner-cartton-left { max-width: 9%; }
  /* WPMaintenance page css start */
  .wp-benefits .banner-cartton-right { max-width: 185px; }
  .listing-maxwidth { max-width: 826px; margin: 0 auto 45px; width: 100%; }
  /* WPWebsiteDevelopment page css start */
  .wp-benefits .banner-cartton-right { max-width: 130px; }
  .services-include .banner-cartton-left { max-width: 194px; }
  .wpupgrad_right2 { display: none; }
  /*top section*/
  .salient-features .header-top h2 { line-height: 29px; font-size: 23px; }
  /*top section*/
  /* about us page css start */
  .banner-started .banner-cartton-right { right: 10px; max-width: 212px; }
  .data-software .confidentiality-cartoon { right: 13px !important; bottom: -82px !important; width: 150px; }
  .salient-features .header-top { padding: 28px 28px; }
  .bnr-cartoon img { left: 0px; }
  .engagement-and-hiring .container { max-width: 1350px; margin-right: 245px; }
}

@media (max-width: 1678px) {
  .about-us h2 { font-size: 50px; line-height: 50px; margin-bottom: 80px; }
  .quete { width: 122px; padding-right: 40px; padding-top: 20px; margin-top: -45px; }
  .about-us-content p { font-size: 31px; line-height: 49px; }
  .schedule-call-content p { font-size: 23px; line-height: 46px; }
  .our-work::after { width: 281px; }
}
@media screen and (max-width: 1600px) {
  .bnr-cartoon img { left: -50px; }
  .header-fixed .header { /*padding: 10px 0px;*/ }
  p { font-size: 18px; }
  .whyyousection:after { background-position: 2px; }
  .whyyousection:before { width: 10px; background-position: -1px -7px; }
  .container { max-width: 1280px !important; margin-right: auto !important; }
  .head-btnbox .btn + .btn { margin-left: 20px; }
  .nav-main nav ul > li + li { margin-left: 25px; }
  .nav-main { margin-right: 20px; }
  .monkey-right { height: auto; }
  .monkey-right img { max-width: 185px; }
  .spectrum { margin-left: 220px; }
  /* psdtowp page css start */
  .banner-cartton-right, .single-post .banner-cartton-right { max-width: 100px; }
  .banner-cartton-left { left: 0px; max-width: 124px; }
  .d_150block { display: none; }
  .d_1500 { display: block; }
  /* WPPluginDev page css start */
  .plugin-services { padding: 100px 0 100px 0; }
  .plugin-services .banner-cartton-left { display: none; }
  /* WPMaintenance page css start */
  .badal-right { max-width: 176px; }
  .provide-link h3 { font-size: 24px; }
  /* WPCustomizationServices page css start */
  .wp_process .chose-box h3 { font-size: 22px; line-height: 25px; }
  .services-include .banner-cartton-left { max-width: 124px; left: 0; }
  .wpupgrad .banner-cartton-left { display: none; }
  /*hire developers page css start*/
  .hiring-models { margin-bottom: 54px !important; }
  .banner-cartton-left.engagement-cartoon { max-width: 100px; }
  .step h3 { font-size: 18px; line-height: 22px; }
  /*hire developers page css end*/
  /*top section*/
  .why-shall-you-cloud { bottom: 448px; }
  .take-your-business-cartoon { display: none; }
  /*top section*/
  /* about us page css start */
  .slider_team .owl-nav button.owl-prev { position: absolute; right: 0%; }
  .slider_team .owl-nav button.owl-next { position: absolute; left: 0%; }
  .slider_team .owl-nav button.owl-prev::before { background: url(../images/arrow-right1.png); width: 15px; height: 30px; right: 0%; }
  .slider_team .owl-nav button.owl-next::before { background: url(../images/arrow-left1.png); width: 15px; height: 30px; left: 0%; }
  .three_doat::after { right: -5px; }
  .data-software .confidentiality p { font-size: 21px; }
  .banner-title { margin: 30px 0px 22px 40px; }
}
@media screen and (max-width: 1499px) {
.bnr-cartoon img { max-width: 600px; }
  .banner-content-bottom { padding: 90px 0px; }
  .why-hire { padding-bottom: 100px; margin-bottom: 0px; }
  .container-sm { max-width: 1260px; }
  .b2b-power .magento-ecommerce-box-content ul li, .special-note p, .are-expert .list-style li, .hire-stile-thinking-about p { font-size: 20px; line-height: 30px; }
  .magento-ecommerce-box-content { box-shadow: 0px 30px 40px #00000029; padding: 60px 30px 55px 40px; }
  .why-hire .magento-ecommerce-box-content { padding-left: 70px; }
  .are-expert .magento-ecommerce-box-content { margin: 100px auto 108px; }
  .contact-form-block .input-field textarea {height: 90px!important;min-height:90px!important;padding:0px;}
  .contact-form-block .input-field { margin: 0 0 5px 0; }
  .wpcf7-form-control.wpcf7-submit {margin-top: 0px; }
  .mrt {margin-top: 20px;}
  }

@media screen and (max-width: 1366px) {
  .blogdetail_page .leftpart { padding-left: 20px; }
  a.footer_logo img { width: 150px; }
  a.footer_logo { padding-left: 20px; }
  .page-id-1319 .sco_results { padding-bottom: 50px; }
  .page-id-1319 .customized { padding: 80px 0 110px 0; }
  .page-id-1319 .engagement-and-hiring { padding: 80px 0 23px 0; }
  .page-id-1319 .engagement-and-hiring h2 { margin-bottom: 55px; }
  .page-id-1319 .in-5-easy-steps { padding: 75px 0 80px 0; }
  .page-id-1319 .what-makes-us-unique { padding: 75px 0 50px 0; }
  .page-id-1319 .whatbemakesus h3 { font-size: 22px; line-height: 30px; }
  .page-id-1319 .whatbemakesus { padding: 30px 20px 30px 25px; }
  .whyyoucantrustus { padding: 90px 0 40px 0; }
  h2.whyyou-title { margin-bottom: 55px; }
  .discovery-call-section { padding: 65px 0; }
  .letsgetstarted { padding: 60px 0 65px 0; }
  .banner-title { margin: 30px 0px 22px 40px; }
  .font-size-60 { font-size: 40px; line-height: 50px; }
  .banner-title p br { display: none; }
  .banner-cartton-left { max-width: 105px; }
  .services-include .banner-cartton-left { max-width: 105px; }
  .broadly_here .banner-cartton-right { display: none; }
  .custom-width1:after { left: 72px; }
  .custom-width2 { max-width: 23.5%; }
  .custom-width3 { max-width: 18.5%; }
  .custom-width2:after { left: 138px; }
  .custom-width4 { max-width: 23.4%; flex: none; }
  .custom-width4:after { left: 120px; }
  .custom-width5 { max-width: 13.2%; flex: none; margin-left: 1.5%; }
  /*home page css*/
  /*top section*/
  .cut-down { padding: 38px 15px 30px 15px; }
  .cut-down strong { font-size: 18px; }
  /* about us page css start */
  .slider_team .owl-nav button.owl-prev { position: absolute; right: 0%; top: 100%; }
  .slider_team .owl-nav button.owl-next { position: absolute; left: 0%; top: 100%; }
  .our_team_box span { font-size: 14px; line-height: 16px; margin-bottom: 10px; display: block; }
  .data-software .confidentiality p { line-height: 34px; }
  .container { max-width: 100% !important; margin-right: auto !important; padding: 0 20px; }
  .bnr-cartoon img { max-width: 530px; top: 0px; }
  .internal-banner{ padding-top: 200px; padding-bottom: 100px; }

}
/* iPad 1024px View */
@media screen and (max-width: 1199px) {
  .blogdetail_page .leftpart { padding-left: 50px; }
  h1, .h1 { font-size: 40px; line-height: 50px; }
  h2, .h2 { font-size: 32px; line-height: 40px; }
  h3 { font-size: 24px; line-height: 28px; }
  p { font-size: 16px; line-height: 24px; }
  .button, .btn { font-family: "Open Sans", sans-serif; }
  .mobile-menu-block li li li a.btn.enquiry-btn { font-family: "Open Sans", sans-serif; }
  .btnbox { padding: 10px 0 0; }
  .ptb-100 { padding: 80px 0; }
  .ptb-80 { padding: 60px 0; }
  .sub-title { font-size: 14px; line-height: 18px; margin: 0 0 10px; }
  /*Header and banner*/
  .head-navigation .head-btnbox { display: none !important; }
  .logo a img, .mobi-logo img { width: 120px; }
  .header-fixed .logo { margin-top: 0; }
  .header-right { display: flex; align-items: center; padding-right: 46px; }
  .h-mobi-btnbox { display: block; }
  .head-btnbox .btn { color: #c3e7fd; font-size: 14px; }
  .head-btnbox { align-items: center; justify-content: center; }
  .footer-bottom .f-link { margin-right: 40px; }
  .f-link ul li + li { margin-left: 20px; }
  .internal-banner { padding: 150px 0 50px; /*height: 529px;*/ }
  .internal-caption { max-width: 580px; }
  .f-col4 { margin-left: 0px; }
  .monkey-right img { max-width: 163px; }
  /*home page css*/
  .whyyousection h3 { font-size: 20px; }
  .whyyousection span { font-size: 50px; line-height: 80px; }
  .whyyousection span, .whyyousection i { max-width: 100px; display: block; height: 72px; margin: 0 auto; }
  .whyyousection i img { height: 100%; }
  .why-shall-you-cloud { bottom: 490px; }
  /*top section*/
  .cut-down span { font-size: 60px; }
  .cut-down { min-height: 335px; }
  .cut-down strong { min-height: 87px; font-size: 20px; word-break: break-word; }
  .bnr-cartoon { max-width: 376px; }
  .take-left-side { padding: 12px 0px 0 0; }
  .salient-features .header-top h2 { line-height: 30px; font-size: 22px; }
  /*/top section*/
  /* work page css start */
  .banner-title h3 { font-size: 24px; }
  .cera_inner { max-width: 450px; }
  .spectrum { margin-left: 143px; padding-right: 15px; }
  /* psdtowp page css start */
  /* WPWebsiteDevelopment page css start */
  .badal-right { max-width: 132px; }
  /* WPMaintenance page css start */
  .listing-maxwidth { max-width: 650px; }
  .list-thing { max-width: 50%; }
  .process h3 { font-size: 23px; }
  .list-thing:nth-child(3) { padding-left: 0; }
  .team-google .chose-box h3 { margin-bottom: 15px; }
 
  /*Engagement & Hiring Models page css start*/
  .hiring-models br { display: none; }
  /*Engagement & Hiring Models page css start*/
  /*top section css*/
  .work-show .work-two figure { height: 350px; }
  .work-show .work-one figure { height: 290px; }
  /*top section css*/
  .three_doat::after { right: 0px; }
  .our_process::before { width: 89%; }
  .data-software .confidentiality { padding: 47px 44px 41px 50px; }
  .data-software .confidentiality h2 { margin-bottom: 15px; }
  .bnr-cartoon img { max-width: 400px; left: -50px; }
  .page-id-1319 .sco_results { padding-bottom: 50px; }
  .page-id-1319 .customized { padding: 60px 0 85px 0; }
  .page-id-1319 .engagement-and-hiring { padding: 60px 0 23px 0; }
  .page-id-1319 .engagement-and-hiring h2 { margin-bottom: 45px; }
  .page-id-1319 .in-5-easy-steps { padding: 60px 0 65px 0; }
  .page-id-1319 .what-makes-us-unique { padding: 55px 0 40px 0; }
  .page-id-1319 .whatbemakesus h3 { font-size: 22px; line-height: 30px; }
  .page-id-1319 .whatbemakesus { padding: 25px 20px 25px 25px; }
  .whyyoucantrustus { padding: 70px 0 30px 0; }
  h2.whyyou-title { margin-bottom: 45px; }
  .discovery-call-section { padding: 55px 0; }
  .letsgetstarted { padding: 50px 0 55px 0; }
  .whyyousection { padding: 35px 0; }
  .lets-left-side i.quote { max-width: 60px; }
  .lets-left-side .description-lets { margin: 35px 0 0 30px; }
  .lets-left-side .description-lets p { font-size: 26px; line-height: 36px; }
  .letsgetstarted { padding: 55px 0 60px 0; }
  .mrt { margin-top: 20px; }
  .flg_img { margin: 14px 0 0 135px; }
  .cont .slick-slide p { font-size: 17px; line-height: 26px; }
  .testimonial, .our-team-experience, .our-work, .schedule-call { padding: 50px 0px 50px 0px; }
  span.counter-num { font-size: 58px; line-height: 70px; }
  .our-work-disc p { font-size: 18px; line-height: 26px; }
  .banner-content-bottom { padding: 70px 0px; } 
  .b2b-power { padding-top: 100px; margin-bottom: 100px; } 
  .why-hire { padding-bottom: 80px; }
  .container-sm{ max-width: 97%; }
  .b2b-power .magento-ecommerce-box-content ul li { margin-bottom: 15px; }
  .why-hire .magento-ecommerce-box-content ul li:before { width: 19px; height: 15px; background-size: 19px; left: -10px; top:10px; }
  .are-expert .magento-ecommerce-box-content { margin: 80px auto 88px; padding: 40px 36px 50px 50px; }
  .magento-ecommerce-box-content h4{font-size:32px;}
  .flg_img{width:40px;}
  .flg_img img{height:40px;}
}
@media screen and (max-width: 1024px) {
  .bnr-cartoon img { /*max-width: 400px; left: -50px; top: 60px;*/ }
  /*home page css*/
  .font-size-60 { font-size: 36px; line-height: 46px; }
  .contact-form-block h2 { font-size: 36px; }
  .lets-left-side .description-lets { margin: 30px 20px 0 17px; }
  .lets-left-side .description-lets p { font-size: 24px; line-height: 36px; }
  .description-lets ul li { padding: 0 19px 0 0; }
  .lets-left-side i.quote { flex: none; width: 40px; }
  .contact-form-block .input-field textarea { height: 140px; }
  .f-title { line-height: 24px; }
  .whyyousection:after { background-position: -11px; }
  /*home page css*/
  .heading-title .h2 br { display: none; }
  /* WPMaintenance page css start */
  ul.hosting_list li { font-size: 20px; line-height: 24px; }
  .migration_process .h2 { padding-bottom: 40px; }
  /*step css*/
  .custom-width2:after { left: 110px; }
  .custom-width1:after { left: 64px; }
  .custom-width3:after { left: 87px; }
  .custom-width4:after { left: 105px; min-width: 120px; }
  /*step css*/
  /*top section css*/
  .work-show .work-two figure { height: 300px; }
  .work-show .work-one figure { height: 240px; }
  .work-over-content { max-width: 270px; margin: 0 auto; }
  .banner-title { margin: 50px 0 22px; }
  .single-post .banner-title { margin: 40px 0 22px; }
}
@media screen and (device-width: 320px) and (device-height: 480px) and (-webkit-device-pixel-ratio: 2) {
  .inphone4CSS {
  }
}
@media screen and (device-width: 320px) and (device-height: 534px) and (-webkit-device-pixel-ratio: 1.5) {
  .GalaxyS2_CSS {
  }
}
/*safari*/
@media not all and (min-resolution: 0.001dpcm) {
  @media {
    .button, .btn { font-family: "Open Sans", sans-serif; }
    .nav-main nav ul > li a.btn.enquiry-btn, .mobile-menu-block li li li a.btn.enquiry-btn { font-family: "Open Sans", sans-serif; }
    .nav-main #mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-item.mega-menu-item-has-children > a:after { top: 10px; }
    ::-webkit-input-placeholder { font-family: "Open Sans", sans-serif; }
    :-moz-placeholder { font-family: "Open Sans", sans-serif; }
    ::-moz-placeholder { font-family: "Open Sans", sans-serif; }
    :-ms-input-placeholder { font-family: "Open Sans", sans-serif; }
  }
}
@media screen and (min-color-index: 0) and(-webkit-min-device-pixel-ratio:0) {
  @media {
    _:-webkit-full-screen,
    .nav-main
      #mega-menu-wrap-main-menu
      #mega-menu-main-menu
      > li.mega-menu-item.mega-menu-item-has-children
      > a:after {
      top: 10px;
      border: 2px solid red;
    }
  }
}
@media screen and (min-color-index: 0) and(-webkit-min-device-pixel-ratio:0) {
  @media {
    _:-webkit-full-screen,
    .numberbox span {
      -webkit-transform: translate(0%, 5%);
    }
  }
}
@media screen and (max-width: 991px) {
 
  .contact-form-nb .close { color: #000 !important; }
  .bnr-cartoon img { max-width: 350px; }
  .work-show { padding-top: 0px; }
  .safari .input-field input, .safari .input-field textarea { -webkit-appearance: none; -moz-appearance: none; }
  h1, .h1, .single-post .banner-title .h1 { font-size: 30px; line-height: 46px; }
  h2, .h2 { font-size: 28px; line-height: 32px; }
  .ptb-120 { padding: 80px 0; }
  .ptb-100, .ptb-80 { padding: 60px 0; }
  /*Header and banner*/
  .footer-bottom-inner { flex-wrap: wrap; align-items: center; justify-content: center; text-align: center; }
  .fb-right { min-width: 100%; order: 1; justify-content: center; flex-wrap: wrap; }
  .fb-left { min-width: 100%; order: 2; margin-top: 10px; }
  .footer-bottom .f-link { min-width: 100%; margin: 0; }
  .f-link ul { justify-content: center; }
  .f-title { font-size: 13px; line-height: 20px; }
  .whyyousection.dotgray-v2:before, .whyyousection.dotgray-v6:before { display: none; }
  .whyyousection.dotgray-h1:after, .whyyousection.dotgray-h2:after { display: block; }
  .description-lets ul li { padding: 0 13px 0 0; }
  .monkey-right img { max-width: 136px; }
  .whyyousection:after { background-position: 13px; }
  .whyyousection:before { background-position: 0px -20px; }
  /*home page css start here*/
  /* work page css start */
  .wordpress-banner .banner-cartton-right { max-width: 88px; }
  .cera_inner { max-width: 350px; }
  .spectrum { margin-left: 105px; }
  .heading2-large { font-size: 35px; line-height: 40px; }
  .spectrum p { margin: 5px 0 20px 0; }
  /* psdtowp page css start */
  /* WPMaintenance page css start */
  .heading2-large { font-size: 40px; line-height: 50px; }
  .badal-right { max-width: 120px; }
  .listing-maxwidth { max-width: 550px; }
  .list-thing li { margin-bottom: 12px; }
  .customized { padding: 50px 0 60px 0; }
  .list-here-sectoin { padding: 70px 0 65px 0; }
  .provide-link h3 { margin-top: 35px; }
  .sco-service { padding: 0px 0 65px 0; }
  .accordion_pro .card-body { padding: 20px 0px 30px 50px; }
  .wordpress-wolves-sectoin { padding: 70px 0 80px 0; }
  .our-process { padding-top: 70px; padding-bottom: 50px; }
  .accordion_pro { padding-top: 10px; }
  .chose_wolves_section { padding-top: 0px !important; }
  .expertise-section { padding: 50px 0 80px 0; }
  .conversion-process { padding: 50px 0 115px 0; }
  .plugin-services { padding-bottom: 50px; }
  .choose-sectoin { padding: 70px 0 80px 0; }
  .wp-faqs-section { padding-top: 0px; }
  .wp-benefits .heading2-large { margin-bottom: 35px; }
  .we_work-section .heading-title { padding-bottom: 0; }
  .we_work-section .chose-box h3 { font-size: 18px; line-height: 24px; }
  .team_keeps .badal-right { display: none; }
  /*hire developers page css start*/
  .step { position: relative; padding-bottom: 30px; }
  .steps-dots { justify-content: center; }
  .custom-width1:after { left: 47px; }
  .custom-width3:after { display: none; }
  .engagement-and-hiring h2 { margin-bottom: 40px; }
  .custom-width1, .custom-width2, .custom-width3, .custom-width4, .custom-width5 { max-width: 33.33%; margin-left: 0px; }
  /*hire developers page css end*/
  /*top section*/
  .cut-down { min-height: 323px; }
  .cut-down span { font-size: 48px; }
  .cut-down i { height: 62px; width: 60px; text-align: center; margin: 0 auto; }
  .our-hiring-models-main { padding: 50px 0 80px 0; }
  .salient-features .header-top { padding: 15px 20px; }
  .salient-features .header-top i { width: 40px; }
  .salient-features .header-top h2 { line-height: 20px; font-size: 16px; padding-left: 10px; }
  .hourly-salient { margin-left: -20px; margin-right: -20px; }
  .salient-features ul.hourly { padding: 15px 15px 27px 15px; }
  .full-time-right { padding-left: 40px !important; }
  .salient-features ul.full-time { padding: 14px 30px 27px 30px; }
  .work-show .work-two figure { height: 250px; }
  .work-show .work-one figure { height: 190px; }
  .work-main { /*min-height: 378px;*/ padding: 50px 0 100px 0; }
  .salient-features ul.hourly li { font-size: 18px; line-height: 24px; }
  .salient-features ul.full-time li { font-size: 18px; line-height: 24px; }
  /*top section*/
  /* about us page css start */
  .team-section { padding: 55px 0 60px 0; }
  .team-section .h2 { padding-bottom: 30px; }
  .banner-started .contact-form-block { padding-right: 0px; }
  .contact-with { padding: 70px 0 80px 0; }
  .content_infomation li a { color: #000000; font-size: 25px; line-height: 30px; }
  .globally-map h2 { font-size: 25px; }
  .data-software .confidentiality { padding: 47px 30px 46px 30px; }
  .data-software .confidentiality h2 { margin-bottom: 20px; }
  .development-process .our_process { padding-right: 35px; }
  .data-title { margin-bottom: 30px; }
  .soft-security { max-width: 59%; flex: 0 0 59%; }
  .confident { max-width: 41%; flex: 0 0 41%; }
  .why-chose-wrp .col-md-5 { flex: 0 0 100% !important; max-width: 100% !important; }
  .why-chose-wrp .col-md-7 { flex: 0 0 100% !important; max-width: 100% !important; }
  section.conversion-process.wp-benefits .col-md-6 { flex: 0 0 100% !important; max-width: 100% !important; }
  .ser-sing:hover .ser-cont p { color: #000 !important; }
  .ser-sing:hover .ser-cont .ser-icon img.on-hover { display: none !important; }
  .ser-sing:hover .ser-cont .ser-icon img { display: block !important; }
  .ser-sing .ser-cont { position: relative !important; background: #fff !important; padding: 10px !important; max-width: 100% !important; width: 100% !important; margin-bottom: 20px !important; }
  .collapse-ppg p { font-size: 16px !important; line-height: 27px !important; }
  .main-ff-gt .panel-title { font-size: 30px !important; }
  .main-ff-gt { padding: 10px 32px !important; }
  .collapse-ppg li { position: relative; padding-right: 19px !important; }
  .main-ff-gt .panel-title { padding-right: 0 !important; }
  .collapse-ppg { background-position: right 6px center !important; }
  .collapse-ppg li:before { left: -14px !important; top: 2px !important; }
  .main-ff-gt { padding: 10px 42px !important; }
  .why-chose-wrp { padding: 29px 0 0px !important; }
  .why-chose-wrp h1 { margin-bottom: 40px !important; font-size: 32px !important; }
  .why-chose-wrp h1:after { bottom: 8px !important; }
  .mobile-menu-block .mobile-nav > ul > li.current-menu-item > a, .mobile-menu-block .mobile-nav > ul > li.current-menu-ancestor > a { color: #ffa926 !important; }
  .navbar { background: #fff; }
  .navbar .navbar-brand, .navbar .nav-link { color: #555; }
  .page-id-1319 .sco_results { padding-bottom: 50px; }
  .page-id-1319 .customized { padding: 50px 0 55px 0; }
  .page-id-1319 .engagement-and-hiring { padding: 50px 0 23px 0; }
  .page-id-1319 .engagement-and-hiring h2 { margin-bottom: 30px; }
  .page-id-1319 .in-5-easy-steps { padding: 50px 0 55px 0; } 
  .page-id-1319 .what-makes-us-unique { padding: 55px 0 35px 0; }
  .page-id-1319 .whatbemakesus h3 { font-size: 20px; line-height: 28px; }
  .page-id-1319 .whatbemakesus { padding: 25px 20px 25px 25px; }
  .whyyoucantrustus { padding: 60px 0 25px 0; } 
  h2.whyyou-title { margin-bottom: 35px; }
  .discovery-call-section { padding: 65px 0; }
  .letsgetstarted { padding: 65px 0 55px 0; }
  .whyyousection { padding: 35px 0; }
  .lets-left-side i.quote { max-width: 50px; }
  .lets-left-side .description-lets { margin: 30px 0 0 25px; }
  .lets-left-side .description-lets p { font-size: 24px; line-height: 32px; }
  .letsgetstarted { padding: 55px 0 60px 0; }
  .mrt { margin-top: 20px; }
  .step-action-button { margin-top: 50px; }
  .get_started h3.white_text { font-size: 36px; line-height: 52px; }
  .our-work:after { background-color: transparent; }
  .col-md-8.first-col, .our-team-experience-content .first-col, .our-team-experience-right-side { max-width: 100%; flex: 0 0 100%; }
  .our-team-experience-right-side { text-align: center; }
  .our-work-right-side { position: unset; margin-top: 20px; max-width: 100%; flex: 0 0 100%; }
  .schedule-call .info-button { margin-bottom: 30px; }
  .info-button { margin-top: 40px; padding: 15px 20px; min-width: 190px; }
  .schedule-call img { width: calc(100% + 40px); margin: 0 -20px; }
  .schedule-call img { width: 100%; margin: 0 -10px; }
  .border-image { width: 100%; background-color: #e74430; padding: 40px; justify-content: center; align-items: center; flex-direction: row; }
  .border-image img { width: 70%; margin: auto; float: none; display: block; }
  .get_started { padding: 50px 0; }
  .get_started input, .get_started select, .get_started textarea { font-size: 16px; }
  .about-client-footer-top { padding: 50px 0px; }
  section h2.title { font-size: 31px; line-height: 35px; margin-bottom: 50px; }
  .our-work-disc { align-items: center; }
  .our-work-disc p { text-align: center; }
  .top-inner { width: 100%; }
  .about-us-content p { font-size: 22px; line-height: 36px; }
  .about-us h2 { font-size: 37px; line-height: 35px; margin-bottom: 70px; }
  .quete { width: 92px; padding-right: 30px; padding-top: 20px; margin-top: -45px; }
  .schedule-call .info-button { margin-bottom: 30px; }
  .schedule-call img { width: calc(100% + 40px); margin: 0 -20px; }
  .our-work-right-side { margin-top: 0; }
  .border-image img { width: 70%; margin: auto; float: none; display: block; }
  .border-image { width: 100%; }
  .border-image { width: 100%; background-color: #e74430; padding: 40px; }
  .our-work::after { width: 100%; height: 0; bottom: 0; top: auto; }
  img.small-desk.lazyloaded { top: 0; }
  .cont .slick-slide p br { display: none; } 
  .slick-dots { bottom: -5px; }
  .about-client-footer-top { padding: 50px 0px; }
  .about-client-footer-top p { font-size: 15px; line-height: 28px; }
  .info-button { margin-top: 20px; }
  .info-button { margin-top: 40px; padding: 15px 20px; min-width: 190px; }
  .why-hire { padding-bottom: 50px; margin-bottom: 0px; }
  .magento-ecommerce-box-content h4{font-size:28px;}
  .item-left{display:none;}
}

/* iPhone-6 plus 736 (Landscape) view */
@media screen and (max-width: 767px) {
   .nav-main { display: none;}
  .mobi-iconbox { display: block;}
  .steps-dots .col-xl-2 .step:after { display: none; }
  .step-action-button { margin-top: 40px; }
  .banner-title { margin: 30px 0 22px; }
  .blogdetail_page .leftpart { padding: 0px 20px; }
  .as_blog_wrap .leftpart { float: left; width: 100%; }
  .as_blog_wrap .rightpart { border-left: none; float: right; padding: 30px 20px 0; width: 100%; border-top: 1px solid #dbdbdb; }
  .as_blog_wrap .as_blog_ul li { display: unset; }
  .as_blog_wrap .as_blog_ul li .blog-left-img { background-color: transparent; }
  .as_blog_wrap .as_blog_ul li .blog-left-img .blg_img { padding: 20px 15px; background-color: #004187; }
  .as_blog_wrap .as_blog_ul li .blg_con h2 { margin: 10px 0px; font-size: 18px; line-height: 26px; }
  .rightpart-aside { width: 100%; border-top: 1px solid #dbdbdb; border-left: none; }
  .as_blog_wrap .rightpart-aside .rightpart { border: none; }
  .rightpart-aside .get_started input { margin-bottom: 20px; }
  .bnr-cartoon img { position: unset; }
  .mobi-logo img { max-width: 110px; }
  .mobi-iconbox { right:20px; }
  .header{top:48px;}
  .header-fixed .header { padding: 10px 0px;position: sticky;top:0px;background-color: #000f64; }
  .header .header-inner, .header-fixed .header .header-inner { height: 60px; }
  .engagement-and-hiring h2 { margin-bottom: 20px !important; }
  body { -webkit-text-size-adjust: none; }
  p { margin: 0 0 15px; }
  h2, .h2 { font-size: 24px; line-height: 32px; }
  h3 { font-size: 20px; line-height: 25px; }
  .font-size-60 { font-size: 30px; line-height: 40px; }
  .logo a img { width: 120px; }
  /*.button, .btn{padding:13px 20px;}*/
  .caption .btn { font-size: 15px; /*padding:12px 15px;*/ }
  /*.head-btnbox .btn{padding: 8px 10px; height: auto;}*/
  .ptb-80, .ptb-60 { padding: 60px 0; }
  /*Header and banner*/
  .mobile-menu-inner { height: calc(100vh - 200px); }
  .header-right { display: none; }
  .mobile-menu-inner .head-search-inner { display: block; min-width: 100%; max-width: 100%; margin: 0 0 8px; }
  .footer-inner { flex-wrap: wrap; text-align: left; padding: 0px 0 30px; }
  a.footer_logo { text-align: center; display: block; margin-bottom: 20px; }
  .footer-inner .f-coll { flex-basis: 100%; min-width: 100%; max-width: 100%; text-align: center; }
  .footer h6 { margin-top: 10px; }
  .f-title { font-size: 16px; line-height: 35px; }
  .f-link ul { flex-wrap: wrap; }
  .f-link ul li + li { margin-left: 15px; }
  .wp-development { display: inherit !important; }
  .block-title:before { width: 100px; }
  .social-links { margin-bottom: 20px; }
  .monkey-right { display: none; }
  .wordpress-developmetn-menu { padding-right: 0; }
  .mrt { margin-top: 25px; }
  /*home page css*/
  .we-build-rich { height: auto; }
  .bnr-cartoon { margin-top: 30px; position: relative; bottom: -2px; }
  h2.lets-title { padding: 30px 0 10px 0; text-transform: inherit; }
  .contact-form-block h2 { font-size: 30px; }
  .description-lets ul { margin-top: 30px; }
  .discovery-call-section { padding: 50px 0; }
  .letsgetstarted { padding: 50px 0 50px 0; }
  .description-lets ul li { padding: 0 20px 0 0; }
  .lets-left-side i.quote { width: 30px; }
  .lets-left-side .description-lets p { font-size: 20px; line-height: 30px; }
  .lets-left-side .description-lets { margin: 24px 20px 0 10px; }
  /*home page css*/
  .width100 { width: auto; }
  /* work page css start */
  .wordpress-banner, .we-build-rich { padding: 120px 0 40px 0; height: auto; }
  .burgess { max-width: 450px; margin: 0 auto; margin-top: 30px; } 
  .cera_content_right { padding: 70px 0; }
  .cera_inner { max-width: 438px; right: 0%; }
  .spectrum { margin-left: 30px; max-width: 100%; }
  .spectrum p { margin: 30px 0 30px 0; }
  /* psdtowp page css start */
  .accordion_pro a.card-title { font-size: 20px; line-height: 24px; padding-left: 40px; } .accordion_pro .card-body { padding: 0px 0px 5px 50px; }
  .conversion { padding: 50px 20px 10px 20px; }
  .badal-right { display: none; }
  /* WPMaintenance page css start */
  .list-thing { max-width: 100%; padding-left: 0; margin-bottom: 0px; }
  .list-thing li { margin-bottom: 8px; }
  .wp-benefits .heading2-large { margin-bottom: 30px; }
  .heading2-large { font-size: 25px; line-height: 30px; }
  .provide-link h3 { font-size: 18px; }
  .provide-link h3 br { display: none; }
  .process h3 { font-size: 20px; } 
  .psd-designs h3 { margin-bottom: 24px; }
  .psd-designs p { margin-bottom: 0; }
  .choose-pdt-0 .heading-title h3 { font-size: 18px; line-height: 24px; }
  .we_work-section .chose-box h3 { font-size: 20px; line-height: 25px; }
  /* WPMaintenance page css start */
  .migration_process .conversion { padding: 40px 20px 40px 20px; }
  .custom-width1, .custom-width2, .custom-width3, .custom-width4, .custom-width5 { max-width: 100%; }
  .custom-width2:after, .custom-width1:after, .custom-width4:after { display: none; }
  .in-5-easy-steps { padding: 50px 0 25px 0; }
  .in-5-easy-steps h2 { margin-bottom: 26px; }
  .step h3 { font-size: 22px; line-height: 26px; }
  .sco-service { padding: 0px 0 25px 0; }
  /*top section*/
  .our-team-block { padding: 35px 30px 45px 30px; margin-top: 20px !important; }
  .our-team-block p { font-size: 24px; line-height: 36px; }
  .take-your-business { padding: 50px 0 50px 0; }
  .title-take-your > p { margin-bottom: 20px; }
  .our-hiring-models-main { padding: 50px 0 50px 0; } 
  .salient-features-main { padding: 0px; }
  .salient-features-main, .work-show { flex-wrap: wrap; }
  .salient-features { margin-bottom: 30px; }
  .hourly-salient { margin: 0px 0px 30px 0; }
  .salient-features ul.full-time { padding: 14px 15px 27px 15px; }
  .salient-features .header-top h2 { line-height: 28px; font-size: 21px; padding-left: 15px; }
  .full-time-right { padding-left: 22px !important; }
  .work-show .work-one figure { height: auto; }
  .work-show .work-two { margin-right: 0; margin-left: 0; }
  .work-show .work-two figure { height: auto; } 
  .cut-down-main { min-height: auto; padding-bottom: 50px; }
  .store-bg, .migration-bg, .custom-plugin-bg, .magento-bg { border-radius: 45px; border: #e0f3f6; border-style: solid; border-width: 8px 8px 8px 8px; }
  .cut-down { min-height: auto; margin-bottom: 15px !important; }
  .cut-down strong { min-height: auto; }
  .cut-down i { width: 90px; }
  .cut-down span { font-size: 60px; }
  /*top section*/
  /* about us page css start */
  .globally-map { margin-top: 60px; }
  .banner-started .banner-cartton-right { max-width: 95px; }
  .content_infomation { display: block; }
  .email_us { padding-top: 40px; }
  .data-software .mrn_top { margin-bottom: 50px; }
  .data-title { margin-bottom: 30px; }
  .our_process { padding-right: 0px; }
  .ser_img figure img { border: #1a1a88 solid 8px; }
  .team1 { margin-top: 30px; }
  .team1 figure img { border: #1a2d93 solid 5px; }
  .team-section .owl-nav { display: none !important; }
  .team-section button.owl-dot span { background: #fff; border: #000 solid 1px; height: 20px; width: 20px; display: inline-block; margin: 0 2px; border-radius: 20px; }
  .team-section button.owl-dot.active span { background: #005bb3; border: #fff solid 1px; height: 20px; width: 20px; }
  .team-section .owl-dots { display: flex !important; justify-content: center; margin-top: 15px; }
  .three_doat::after { position: inherit; content: inherit; display: none; }
  .development-process .our_process { padding-right: 0px; }
  .data-software:before, .data-software:after { display: none; }
  .soft-security { max-width: 100%; flex: 0 0 100%; }
  .confident { max-width: 100%; flex: 0 0 100%; }
  .contact-sticky-main { position: fixed; top: 0; width: 100% !important; z-index: 99999 !important; bottom: 0px !important; display: flex; justify-content: flex-start !important; align-items: flex-end !important; left: -3px; pointer-events: none !important; }
  a.contact-sticky { /*background-image: linear-gradient(to top, #ffba26 , #ff9725);*/ border-color: #ff9725; writing-mode: inherit !important; padding: 13px 14px !important; letter-spacing: 4px; color: #fff; text-transform: uppercase; font-size: 16px; pointer-events: auto !important;display:none; }
  ul.resp-tabs-list { display: none; }
  h2.resp-accordion { display: block; }
  .work-show div { margin-bottom: 20px; }
  .work-show .work-two { max-width: none; transform: none; }
  .flg_img { width: 35px; margin: 14px 0 0 130px; }
  .flg_img img { height: 35px; }
  .tooltip{line-height: 1;}
  .tooltip .tooltiptext { margin: 0px; left: 36px; padding: 8px 8px; font-size: 12px; }
  .page-id-1319 .engagement-and-hiring .hiring-models { padding-left: 50px; }
  .page-id-1319 .sco_results { padding-bottom: 40px; }
  .page-id-1319 .customized { padding: 40px 0 45px 0; }
  .page-id-1319 .engagement-and-hiring { padding: 40px 0 23px 0; }
  .page-id-1319 .engagement-and-hiring h2 { margin-bottom: 30px; }
  .page-id-1319 .in-5-easy-steps { padding: 40px 0 45px 0; }
  .page-id-1319 .in-5-easy-steps h2 { margin-bottom: 25px; }
  .page-id-1319 .what-makes-us-unique { padding: 45px 0 35px 0; }
  .page-id-1319 .whatbemakesus h3 { font-size: 20px; line-height: 28px; }
  .page-id-1319 .whatbemakesus { padding: 25px 20px 25px 25px; }
  .whyyoucantrustus { padding: 60px 0 25px 0; }
  h2.whyyou-title { margin-bottom: 35px; }
  .whyyousection { padding: 25px 0; }
  .lets-left-side i.quote { max-width: 50px; }
  .lets-left-side .description-lets { margin: 30px 0 0 15px; }
  .lets-left-side .description-lets p { font-size: 24px; line-height: 32px; }
  .mrt { margin-top: 20px; }
  .step { padding-bottom: 20px; }
  .page-id-1319 .what-makes-us-unique h5 { font-size: 20px; }
  .page-id-1319 .stile-think-content { padding-bottom: 40px; }
  .page-id-1319 .customized.sco_results .psd-designs p, .special-note p, .page-id-1319 .guarantee-content p { font-size: 24px; line-height: 36px; text-align: center; }
  .page-id-1319 .what-makes-us-unique h5 img { margin-top: 8px; }
  .bnr-cartoon { display: none; }
  .wordpress-banner .banner-cartton-right { display: none; }
  .single-post .blog_con_title { font-size: 22px !important; }
  .single-post .get_started.full-width.text-center.inr_ct { width: 100% !important; }
  .col-md-8.first-col { column-count: 1; }
  .border-image .our-img { width: 80px; height: 80px; }
  .about-us-content p { font-size: 18px; line-height: 30px; }
  .schedule-call-content p { font-size: 16px; line-height: 28px; }
  .about-us-content p br { display: none; }
  .quete { width: 52px; padding-right: 15px; padding-top: 0; margin-top: 0; }
  .schedule-call .info-button { margin-bottom: 30px; margin-top: 20px; }
  .get_started h3.white_text { font-size: 26px; line-height: 40px; }
  .our-team-experience .first-col .our-work-disc { width: 100%; margin-bottom: 20px; }
  .our-team-experience .counter-num { font-size: 50px; line-height: 80px; }
  span.counter-num { font-size: 48px; line-height: 60px; }
  .our-work-disc p { font-size: 15px; line-height: 22px; }
  section.title.testimonial .slick-prev { left: -15px; }
  section.title.testimonial .slick-arrow.slick-next { right: -15px; }
  section.title.testimonial .slick-arrow { top: 40%; }
  .cont .slick-slide p { font-size: 15px; line-height: 24px; }
  .slider { margin: 10px !important; }
  .testimonial .testim h2 { font-size: 16px; }
  .testimonial .cont h2:after { width: 100%; }
  .slider .slick-dots { bottom: -30px !important; }
  section h2.title { font-size: 23px; line-height: 25px; margin-bottom: 20px; text-align: center; }
  .slider .slick-slide { padding-bottom: 0px; }
  .get_started input, .get_started select { height: 48px; margin-bottom: 0; }
  .get_started { padding: 35px 0; }
  .get_started .col-xs-12.col-sm-6 { width: 100%; max-width: 100%; margin: 0 0 20px; }
  .border-image img { width: 100%; }
  .about-us { padding-top: 130px; padding-bottom: 40px; }
  .schedule-call { padding: 30px 0px 20px 0px; }
  .our-work-disc { align-items: center; }
  .our-work-right-side { position: unset; margin-top: 20px; }
  .border-image { max-width: 100%; margin: 0px auto; padding: 20px; }
  .border-image .our-img { width: 80px; height: 80px; }
  .testimonial { padding: 40px 0px 40px 0px; }
  .about-client-footer-top { padding: 40px 0px; }
  .get_started p { font-size: 15px; line-height: 24px; padding: 8px 0 20px; }
  .banner-started .contact-form-block .input-field textarea { height: 90px; min-height: 90px; }
  .contact-with { padding: 50px 0 50px 0; }
  .conversion-process.take-your-business, .why-shall-you-work .cut-down-main{display:none;}
  .banner-content-bottom { padding: 50px 0px; }
  .b2b-power .magento-ecommerce-box-content ul li, .special-note p, .are-expert .list-style li, .hire-stile-thinking-about p { font-size: 16px; line-height: 24px; }
  .b2b-power .magento-ecommerce-box-content h4 { margin-bottom: 30px; margin-top: 0px; }
  .magento-ecommerce-box-content { padding: 35px 20px 30px 20px; }
  .magento-ecommerce-box-content { margin-bottom: 0px; }
  .why-hire .magento-ecommerce-box-content { padding-left: 40px; }
  .magento-ecommerce-box-content ul li{padding-left:25px;}
  .why-hire .magento-ecommerce-box-content ul li:before, .are-expert .magento-ecommerce-box-content ul li:before { width: 15px; height: 15px; background-size: 15px; left: -5px; }
  .are-expert .magento-ecommerce-box-content { margin: 30px auto 30px; padding: 35px 20px 40px 20px; border: 5px solid #0000000d; }
  .are-expert .list-style li { margin-bottom: 10px; }
  .magento-ecommerce-box-content h4{font-size:25px;}
  .footer {padding: 15px 0px;}
    .customized {
    padding: 30px 0 30px 0;
}
  .page-template-privacypolicy .white-label-sr .benefits_plan_list p {padding-left: 20px;}
  .page-template-privacypolicy .white-label-sr .benefits_plan_list p:before {
    border: 2px solid #003ea0;
    width: 8px;
    height: 8px;
    border-left: none;
    border-bottom: none;
    left: 0px;
    top: 7px;
}
}
@media screen and (max-width: 576px) {
  
  .mobile-menu-inner { height: calc(100vh - 280px); }
  h1, .h1 { font-size: 33px; line-height: 43px; }
  h3 { font-size: 22px; line-height: 28px; }
  /* work page css start */
  .banner-title h3 { font-size: 20px; line-height: 25px; }
  .banner-cartton-right { max-width: 95px; right: 3px; }
  .cera_inner { max-width: 271px; right: 0%; }
  /* psdtowp page css start */
  .psd-designs h3 { margin-bottom: 20px; }
  /* WPMaintenance page css start */
  .list-thing li { font-size: 18px; line-height: 29px; }
  .list-thing li::before { top: 6px; }
  /*home page css*/
  .whyyousection.dotgray-v1:before, .whyyousection.dotgray-v3:before, .whyyousection.dotgray-v4:before, .whyyousection.dotgray-v5:before, .whyyousection.dotgray-v7:before { display: none; }
  .whyyousection.dotgray-v7:after { display: block; }
  h2.whyyou-title { margin-bottom: 0px; }
  .whyyoucantrustus { padding: 50px 0 10px 0; }
  .whyyousection:after { background-position: -20px; }
  .description-lets ul li { padding: 0 13px 0 0; }
  /*home page css*/
  .accordion_pro a.card-title { font-size: 18px; line-height: 24px; }
  /* about us page css start */
  .banner-started { padding: 160px 0 100px 0; }
  .globally-map { padding: 40px 15px 50px 15px; }
  .email_us a { font-size: 17px; line-height: 25px; }
  .logo a img { width: 100px; }
  .flg_img { margin: 6px 0 0 110px; }
  .button, .btn { padding: 0 15px; font-size: 15px; min-width: 160px; height: 45px; }
  .step { padding-bottom: 10px; }
  .page-id-1319 .engagement-and-hiring .hiring-models { padding-left: 25px; }
  
  .banner-title h1 span { padding: 4px 20px;display: inline-block; }
  .wordpress-banner { height: auto; }
  .single-post .banner-title { margin: 20px 0 0px; }
  .wpcf7-form-control.wpcf7-submit { margin-top: 0px; }
  .banner-content-bottom { padding: 35px 0px; }
  .why-hire h4, .are-expert h4 { text-align: center; }
  .why-hire { padding-top: 50px; }
  .why-hire .magento-ecommerce-box-content { padding-left: 30px; }
}
@media screen and (max-width: 374px) {
  h1, .h1, .single-post .banner-title .h1 { font-size: 28px; line-height: 40px; }
  .single-post .banner-title .h1 { text-align: left; }
  .head-btnbox .btn { min-width: 140px; max-width: 140px; }
  .head-btnbox .btn + .btn { margin-left: 5px; }
  .banner-sub-title { font-size: 11px; }
  .f-link ul { display: block; }
  .f-link ul li + li { margin: 5px 0 0; }
}

.page-id-175 .whyyoucantrustus, .page-id-175 .discovery-call-section, .page-id-175 .letsgetstarted{ display:none; }



/*top-header*/
.top-header.on-mobile { display: none; }
.top-header .container:after,.top-header .container:before { display: none; }
.top-header .container { display: grid; grid-template-columns: 60% 40%; align-items: center; }
.top-header .container > p { font-weight: 600; }
.top-header .container p { font-size: 16px; line-height: 1; color: #fff; margin-bottom: 0px; display: inline; }
.top-header { position: sticky; top: 0px; left: 0; right: 0; z-index: 999; background-color: #343434; height: auto; padding: 10px 0px 10px; width: 100%; transition: all .6s ease 0s; -webkit-transition: all .6s ease 0s; }
.top-header ul,ul.mobile-view-only { margin-bottom: 0px; text-align: right; }
.top-header ul li p:not(.mobile-hide) { display: none; text-transform: uppercase; }
.top-header ul li:not(:last-child) { margin-right: 42px; }
.top-header ul li { display: inline-block; }
.top-header ul li a img { object-fit: cover; }
.top-header ul li a span,ul.mobile-view-only li a span { width: 34px; height: 34px; object-fit: cover; background-color: #e74430; border-radius: 25px; display: inline-flex; justify-content: center; align-items: center; text-align: center; vertical-align: middle; border: 1px solid rgba(255,255,255,.34); margin-right: 10px; }
ul.mobile-view-only { display: none; }
ul.mobile-view-only li a span {border: 1px solid #e74430;background-color: transparent;}
ul.mobile-view-only li:last-child a span { margin-right: 5px; }
@media (max-width: 1367px) {
    .top-header { padding:8px 0; }
    .top-header ul li a span:first-child { width: 30px; height: 30px; }
}
@media (max-width: 1280px) {
    .top-header .container p { font-size:14px; }
    .top-header ul li:not(:last-child) { margin-right: 25px; }
}
@media (max-width: 1199px) {
    .top-header ul li:not(:last-child) { margin-right: 10px; }
}
@media (max-width: 767px) {
    .top-header { padding:5px 0; }
    .top-header ul { display: flex; gap: 10px; flex-direction: row-reverse; width: 100%; justify-content: space-around; }
    .top-header ul li:not(:last-child) { margin-right: 30px; } 
    .top-header .container { grid-template-columns: 100%; }
    .top-header:not(.on-mobile) .container > p,.top-header ul li p.mobile-hide { display: none; }
    .top-header ul li p:not(.mobile-hide) { display: inline; font-size: 16px; }
    .top-header ul li a { display: flex; align-items: center; }
    .top-header { position: fixed; top: auto; bottom: 0; display: block; }
    .top-header.on-mobile { display: block; position: unset; }
    .top-header.on-mobile p { font-size: 13px; line-height: 19px; text-align: center; }
    footer { margin-bottom: 34px; }
}
@media (max-width: 576px) {
    .top-header ul li:not(:last-child) { margin-right:10px; }
    .top-header ul li a span:first-child { width: 30px; height: 30px; margin-right: 5px; }
    .top-header ul li a span img { max-width: 15px; }
    ul.mobile-view-only { position: absolute; right: 55px; top: 50%; transform: translateY(-50%); z-index: 99; display: flex; }
}
@media (max-width: 400px) {
    .top-header ul li:not(:last-child) { margin-right:0px; }
    .top-header ul li a { font-size: 12px; }
}



.psd-designs {width: calc(100% - 100px);margin: 0px auto;}
@media(max-width:767px){
.psd-designs { width: calc(100% - 0px);}
}

body .form-tagline {
    color: red;
    font-size: 16px;
    line-height: 24px;
    text-align: center;
    display: inline-block;
    }
    body .form-tagline span{display: block;}