/*!------------------------------------------------------------------

-------------------------------------------------------------------*/
/*------------------------------------------------------------------
[TABLE OF CONTENTS]

1. BASE

    1.1. Typography
    1.2. Common Styles
        1.2.1 Page Title
        1.2.1 404 page
    1.3 Button Style

2. NAVIGATION

3. HERO AREA

4. SKILL SECTION

    4.1. fun-facts
    4.2. counter

5. PROGRESS SECTION

    5.1. progressbar title
    5.2. progressbar value

6. MISSION SECTION

    6.1. card header
    6.2. card body

7. PROMO VIDEO SECTION

8. TESTIMONIAL SECTION

    8.1. testimonial slider
    8.2. testimonial content

9. CONTACT

    9.1. Address Item
    9.2. Google Map
    9.3. COntact Form

10. CLIENT LOGO SLIDER

11. FUN-FACTS SECTION

12. CONSULTATION SECTION

    12.1 background image
    12.2 form-control

13. ABOUT SECTION

    13.1 about content
    13.2 about item
    13.3 about content 2
    13.4 about video
    13.5 about content 3
    13.6 about slider
    13.7 philosophy
    13.8 ceo

        13.8.1 ceo item
        13.8.1 ceo content
        13.8.1 ceo content-2


14. SERVICE SECTION

    14.1 service item
    14.2 service item 2
    14.3 clients
    14.4 Process
    14.5 service menu
    14.6 service brochure
    14.7 service schedule
    14.8 service consultation
    14.9 service single

        14.9.1 service single image
        14.9.2 service single content
        14.9.3 service single list
        14.9.4 service single benefit
        14.9.5 widget

15. WORK SECTION

    15.1 work slider
    15.2 slick dots

16. CALL TO ACTION

17. TEAM SECTION

    17.1 team item
    17.2 team content
    17.3 team member
    17.4 team single

        17.4.1 team member info item
        17.4.2 team member details

18. PRICING SECTION

    18.1 pricing item

19. PROJECT SECTION

    19.1 project menu
    19.2 project item
    19.3 project single

        19.3.1 project overview
        19.3.2 case study
        19.3.3 project single content

    19.4 nav-tabs
    19.5 tab content

20. FAQ SECTION

21. BLOG SECTION

    21.1 blog item
    21.2 blog content
    21.3 blog content 2
    21.4 blog post

        21.4.1 post slider
        21.4.2 post video
        21.4.3 pagination
        21.4.4 sidebar

    21.5 blog single

        21.5.1 blog single container
        21.5.2 blog single content
        21.5.3 blog single list
        21.5.4 blog single testimonial
        21.5.5 share tags
        21.5.6 comments
        21.5.7 blog-sidebar

22. CONTACT SECTION

    22.1 contact item
    22.2 contact form
    22.3 google map

23. SIGNUP WRAPPER

    23.1 signup greetngs
    23.2 signup form

24. COMMING SOON

    24.1 SYOtimer

25. FOOTER SECTION

    25.1 social link
    25.2 footer link
    25.3 subcription
    25.4 copyright
    25.5 back to top
-------------------------------------------------------------------*/

/*Checkout css*/
@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed:400,700');

.checkout-section {
  margin-top: 30px;
  margin-bottom: 30px;
}
.redtext {color:#e84444 !important;}
.checkout-section .container{
  color: #262626;
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}

@media (min-width: 1200px)
{
  .checkout-section .container{
    max-width: 1140px;
  }
}

.d-flex{
  display: flex;
  flex-direction: row;
  border-radius: 0 0 5px 5px;
  padding: 25px;
}
.d-flex form{
  flex: 4;
}
.Yorder{
  flex: 2;
}
.title{
  background: -webkit-gradient(linear, left top, right bottom, color-stop(0, #5195A8), color-stop(100, #70EAFF));
  background: -moz-linear-gradient(top left, #5195A8 0%, #70EAFF 100%);
  background: -ms-linear-gradient(top left, #5195A8 0%, #70EAFF 100%);
  background: -o-linear-gradient(top left, #5195A8 0%, #70EAFF 100%);
  background: linear-gradient(to bottom right, #e84444 0%, #f17c7c 100%);
  border-radius:5px 5px 0 0 ;
  padding: 20px;
}
.title h2{
  font-family: 'Roboto Condensed', sans-serif;
  color: #f6f6f6;
  margin: 0;
  padding-left: 15px;
  font-size: 20px; 
  font-weight: bold;
}
.required{
  color: red;
}
.d-flex label,.d-flex table{
  display: block;
  margin: 15px;
}
.d-flex label>span{
  float: left;
  width: 25%;
  margin-top: 12px;
  padding-right: 10px;
  font-size: 14px;
}
.d-flex input[type="text"], input[type="tel"], input[type="email"], select
{
  width: 100%;
  height: 40px;
  padding: 5px 10px;
  margin-bottom: 10px;
  border: 1px solid #dadada;
  color: #888;
}
.d-flex select{
  width: 72%;
  height: 29px;
  padding: 5px 10px;
  margin-bottom: 10px;
}
.Yorder{
  margin-top: 15px;
  height: 650px;
  padding: 20px;
  border: 1px solid #dadada;
}
.checkout-section .container .d-flex table{
  margin: 0;
  padding: 0;
}
.checkout-section .container .d-flex table th{
  border-bottom: 1px solid #dadada;
  padding: 10px 0;
}
.checkout-section .container .d-flex table tr>td:nth-child(1){
  text-align: left;
  color: #2d2d2a;
}
.checkout-section .container .d-flex table tr>td:nth-child(2){
  text-align: right;
  color: #52ad9c;
}
.checkout-section .container .d-flex table td{
  border-bottom: 1px solid #dadada;
  padding: 25px 25px 25px 0;
}

.d-flex p{
  display: block;
  color: #888;
  margin: 0;
  padding-left: 0px;
}

.Yorder>div{
  padding: 15px 0; 
}

.d-flex button{
  width: 100%;
  margin-top: 10px;
  padding: 10px;
  border: none;
  border-radius: 30px;
  background: #e84444;
  color: #fff;
  font-size: 10px;
  font-weight: bold;
}
.d-flex button:hover{
  cursor: pointer;
  background: #ee7171;
}
/*Checkout css*/

/*Price table css*/

.table-responsive {
  overflow-x: auto;
  min-height: 0.01%;
}

.table {
  width: 100%;
  max-width: 100%;
  margin-bottom: 20px;
  border-collapse: collapse;
  border-spacing: 0;
  font-size: 14px;
  line-height: 1.65714286em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: "Open Sans", "Helvetica", "Arial", sans-serif;
  color: #565656;
  font-weight: 400;
}

.table h4 {
  margin: 0;
  letter-spacing: 1px;
}

.table h3{
  margin: 0;
  letter-spacing: 1px;
  font-size: 1.78571429em;
  line-height: 1.5em;
  font-weight: 600;
}

.table-striped>tbody>tr:nth-of-type(odd) {
  background-color: #f9f9f9;
}

.table>thead>tr>th {    width: 25%;
  vertical-align: bottom;
  border-bottom: 2px solid transparent;
  padding: 8px;
  line-height: 1.42857143;
}

.table>thead:first-child>tr:first-child>th {
  border-top: 0;
}

sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

.p-t-30 {
  padding-top: 30px !important;
}

.heading {
  margin-bottom: 70px;
  text-align: center;
}

.heading > h1, .heading > h2 {
  font-size: 40px;
  text-transform: capitalize;
  line-height: 46px;
  font-weight: 300;
}

th {
  text-align: left;
}

.table>tbody>tr>th,
.table>tbody>tr>td {
  padding: 8px;    width: 20%;
  line-height: 1.42857143;
  vertical-align: top;
  border-top: 1px solid #ddd;
}

/*
.table>tbody>tr>td.info {
  background-color: #d9edf7;
}

*/

.pricing-table {
  padding-top: 50px;
  margin: 0;
  padding: 0;
  cursor: pointer;
}

.pricing-table .plan {
  margin-bottom: 60px;
  transition: all .3s ease;
}

.m-b-0 {
  margin-bottom: 0px !important;
}

.pricing-table.colored .plan-header {
  background-color: #2aabe2;
  border-color: rgba(0, 0, 0, 0.05);
  color: #fff;
}

.pricing-table .plan .plan-header {
  border-width: 1px;
  position: relative;
  text-align: center;
  padding: 40px 22px 22px 22px;
}

.pricing-table.colored .plan-header h4 {
  color: #fff;
  font-size: 1.35714286em;
  line-height: 1.68421053em;
  font-weight: 600;
}

.pricing-table .plan-header > h4 {
  margin-bottom: 0;
}

.pricing-table .plan .plan-header .plan-price {
  font-size:38px;
  font-weight: 600;
  position: relative;
  text-align: center;
  padding: 20px 0;
}

.pricing-table .plan .plan-header .plan-price sup {
      font-size: 18px;
    position: relative;
    top: -14px;
  color: #bdc3c7;
}

.pricing-table .plan .plan-header .plan-price span {
  font-size: 16px;
  color: #bdc3c7;
}

.pricing-table.colored .plan-header .plan-price sup, 
.pricing-table.colored .plan-header .plan-price span {
  color: #fff;
}

.btn.btn-reveal {
  padding: 12px 34px;
}

.table tr td a.btn {
  border-radius: 3px !important;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 1px;
  position: relative;
  overflow: hidden;
  text-transform: uppercase;
  background-color: #1abc9c;
  border-color: #1abc9c;
  border-width: 1px;
  border-style: solid;
  color: #111;
  transition: all 0.3s;
  margin-bottom: 6px;
  outline: none;
  line-height: 14px;
  display: inline-block;
}

.table .btn.btn-reveal span {
  left: 0;
  position: relative;
  transition: opacity 0.2s ease-out 0s, left 0.2s ease-out 0s;
}

.table .btn.btn-reveal i {
  line-height: 18px;
  margin-top: -9px;
  opacity: 0;
  position: absolute;
  right: 28px;
  top: 50%;
  transition: all 0.2s ease-out 0s;
  width: 18px;
}
.table .btn i {
  text-shadow: none;
  margin-right: 6px;
}

.fa-arrow-right:before {
    content: "\f061";
}

.table .btn:after {
  content: '';
  position: absolute;
  z-index: -1;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}

.fa {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
}

.table .btn:hover,
.table .btn:focus,
.table .btn:active,
.table .btn.active {
  outline: 0 !important;
  background-color: #148f77;
  border-color: #148f77;
  color: #148f77;
  border-radius: 3px;
}

.table .btn:hover,
.table .btn:focus,
.table .btn.focus {
  text-decoration: none;
}

.table .btn.btn-reveal:hover span {
  left: -10px;
}

.table .btn.btn-reveal span {
  left: 0;
  position: relative;
  transition: opacity 0.2s ease-out 0s, left 0.2s ease-out 0s;
}

.table .btn.btn-reveal:hover i {
  opacity: 1 !important;
  right: 18px;
}

.table .btn.btn-outline {
  background-color: transparent;
  border-width: 2px;
  border-style: solid;
  border-color: #1abc9c;
  color: #1abc9c;
}

.table .btn.btn-dark {
  background-color: #111111;
  border-color: #111111;
  color: #ffffff;
}

.table .btn.btn-dark.btn-outline {
  background-color: transparent;
  color: #111111;
}

/*.table tbody tr:hover {
  -webkit-box-shadow: 0 15px 30px 0 rgba(0,0,0,.15);
}

.table tbody tr:hover {
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
}

.table tr:hover {
  z-index: 101;
  position: relative;
}*/ 

/*Price table css*/
/*Price table css */

.l-section {
  padding-left: 2.5rem;
  padding-right: 2.5rem;
  border-color: #e8e8e8;
  position: relative;
  margin: 0 auto;
}

.l-section-h {
  max-width: 1200px;
}

.l-section-h {
  position: relative;
  margin: 0 auto;
  width: 100%;
}

.l-section-h {
  padding: 4em 0;
}

.g-cols.type_default {
  margin: 0 -1.5rem;
}
.g-cols {
  display: flex;
  flex-wrap: wrap;
}

.vc_column_container,
.vc_column-inner {
  border-color: #e8e8e8;
}

.vc_column_container {
  display: flex;
  flex-direction: column;
}

.g-cols.type_default>div>.vc_column-inner {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}

.vc_column-inner {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  flex-shrink: 0;
}

div.p_table_1#web_design_pricing_new_other_country h2,
div.p_table_1#web_design_pricing_new_other_country h2 span {
  /*font-family: "Open Sans" !important;*/
  font-size: 24px !important;
}

div.p_table_1_16 h1.col1 span {
  color: #000 !important;
  font-weight: 700 !important;
}

div.p_table_1#web_design_pricing_new_other_country h1 span {
  font-family: "Open Sans" !important;
  font-size: 22px !important;
}

div.p_table_1 {
  width: 100%;
  font-size: 13px;
  font-family: arial,sans-serif;
  font-weight: 400;
  color: #444;
  line-height: normal !important;
  visibility: visible;
}

div.p_table_1 div.caption_column {
  width: 180px;
  float: left;
}

div.p_table_1 div.column_1 {
  width: 160px;
  float: left !important;
}

div.p_table_1 div.column_2 {
  width: 160px;
  float: left !important;
}

div.p_table_1 div.column_3 {
  width: 160px;
  float: left !important;
}

div.p_table_1 ul {
  margin: 0 !important;
  padding: 0 !important;
  list-style-type: none;
  overflow: visible;
}
.fixed-top{
	background-color:#fff;box-shadow: 1px 1px 20px 0px rgba(204, 204, 204, 0.39);

}
.float{
	position:fixed;
	width:60px;
	height:60px;
	bottom:63px;
	left:12px;
	background-color:#25d366;
	color:#FFF;
	border-radius:50px;
	text-align:center;
  font-size:30px;
	box-shadow:2px 3px 6px 0px rgba(0, 0, 0, 0.41);
  z-index:100;
  padding: 6px 0 0 2px;
}
    .floatwhatup{
	position:fixed;
	width:60px;
	height:60px;
	bottom:63px;
	right:12px;
	background-color:#25d366;
	color:#FFF;
	border-radius:50px;
	text-align:center;
  font-size:30px;
	box-shadow:2px 3px 6px 0px rgba(0, 0, 0, 0.41);
  z-index:100;
    padding-top: 8px;
    padding-left: 4px;
}

.my-float{
	margin-top:16px;
}
div.p_table_1_16 div.caption_column li.header_row_1 {
  border-top: 0;
  background: #fff !important;
}

div.p_table_1 div.caption_column li.header_row_1,
div.p_table_1 div.column_1 li.header_row_1,
div.p_table_1 div.column_2 li.header_row_1,
div.p_table_1 div.column_3 li.header_row_1 {
  height: 50px;
  width: 100%;
  padding: 0 !important;
}

div.p_table_1 li {
  margin: 0 !important;
  padding: 0 !important;
  list-style-type: none !important;
  list-style-image: none !important;
  font-size: 13px !important;
  line-height: normal !important;
  text-shadow: none !important;
  overflow: visible !important;
  text-indent: 0 !important;
  /*box-sizing: content-box;*/
  /*-moz-box-sizing: content-box;*/
  -webkit-box-sizing: content-box;
}

div.p_table_1 li.footer_row {
  width: 100%;
  height: 40px;
  padding: 10px 0 !important;
  float: left;
  border-top: 1px solid #d3d3d3;
  border-bottom: none;
}

div.p_table_1 li span.css3_grid_vertical_align_table {
  display: table;
  width: 100%;
  height: 100%;
  padding: 0 !important;
}

div.p_table_1 li span.css3_grid_vertical_align {
  display: table-cell;
  vertical-align: middle;
  padding: 0 !important;
}

div.p_table_1#web_design_pricing_new_other_country h1 {
  font-family: "Open Sans" !important;
  font-size: 22px !important;
}

div.p_table_1_16 h1.col1,
div.p_table_1_16 h2.col1,
div.p_table_1_16 h2.col2 {
  color: #fff !important;
}


div.p_table_1 h1,
div.p_table_1 h2,
div.p_table_1 h3 {
  margin: 0 !important;
  padding: 0 !important;
  font-weight: 400 !important;
  border: none !important;
  line-height: normal !important;
  letter-spacing: 0;
  text-transform: none;
  background: 0 0;
  text-shadow: none !important;
  text-align: inherit !important;
  font-style: normal !important;
  width: auto !important;
  float: none !important;
  position: static !important;
/*  box-shadow: none !important;
  -moz-box-shadow: none !important;*/
  -webkit-box-shadow: none !important;
}

div.p_table_1 h1 span,
div.p_table_1 h2 span {
  font-family: 'Yanone Kaffeesatz',arial,sans-serif !important;
  font-size: 59px !important;
  text-shadow: none !important;
  font-weight: 400 !important;
  padding: 0 !important;
  background: 0 0 !important;
}

div.p_table_1_16 div.caption_column li.header_row_2 {
  background: #fff !important;
}

div.p_table_1 div.caption_column li.header_row_2 {
  height: 96px;
  width: 100%;
  padding: 7px 0 !important;
}

div.p_table_1 div.caption_column li.header_row_2 h2.caption {
  padding-left: 10px !important;
}

div.p_table_1_16 h2.caption {
  color: #999 !important;
}

div.p_table_1 li.row_style_4 {
  background: #e3e3e3 !important;
}

div.p_table_1 li.row_style_1,
div.p_table_1 li.row_style_2,
div.p_table_1 li.row_style_3,
div.p_table_1 li.row_style_4 {
  width: 100%;
  height: 19px;
  padding: 9px 0 !important;
  float: left;
}

div.p_table_1 li.row_style_1 span
div.p_table_1 li.row_style_4 span {
  display: block;
  padding: 0 10px !important;
  font-size: 13px !important;
}

div.p_table_1 li.row_style_2 {
  background: #f6f6f6 !important;
}

div.p_table_1 li.row_style_2 span,
div.p_table_1 li.row_style_3 span {
  display: block;
  padding: 0 10px !important;
  font-size: 13px !important;
}

div.p_table_1 div.column_1 {
  -webkit-transition: box-shadow .25s ease;
  -moz-transition: box-shadow .25s ease;
  -o-transition: box-shadow .25s ease;
  -ms-transition: box-shadow .25s ease;
  transition: box-shadow .25s ease;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}

div.p_table_1_16 div.column_1 li.header_row_1 {
  background:#2aabe2 !important;
}

div.p_table_1_16 div.column_2 li.header_row_1 {
  background: #239ace !important;
}

div.p_table_1_16 div.column_3 li.header_row_2 {
  background:#25316a !important;
}

div.p_table_1_16 div.column_1 li.header_row_1,
div.p_table_1_16 div.column_3 li.header_row_1 {
  border-top: 0;
}

div.p_table_1_16 li.footer_row, {
  border-color: #e0e0e0;
}

div.p_table_1 .align_center {
  text-align: center;
}

div.p_table_1_16 div.column_1 li.header_row_2 {
  background: #394ca3 !important;
}

div.p_table_1_16 div.column_2 li.header_row_2 {
  background:#2f3e85 !important;
}

div.p_table_1_16 div.column_3 li.header_row_1 {
  background: #0088c3 !important;
}

div.p_table_1 div.column_1 li.header_row_2,
div.p_table_1 div.column_2 li.header_row_2,
div.p_table_1 div.column_3 li.header_row_2 {
  height: 96px;
  width: 100%;
  padding: 0 0 14px !important;
}

div.p_table_1 li.row_style_3 {
  background: #ebebeb !important;
}

div.p_table_1_16 li.footer_row{
  background: #f8f8f8 !important;
}

div.p_table_1 ul li img {
  display: inline !important;
  padding: 0 !important;
  margin: 0 !important;
  box-shadow: none !important;
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  background: 0 0 !important;
  border: none !important;
  visibility: visible !important;
}

div.p_table_1 li.row_style_1 {
  background: #fff !important;
}

div.p_table_1 div.column_ribbon {
  float: right;
  width: 42px;
  height: 42px;
  position: relative;
  margin-bottom: -42px;
}

div.ribbon_style2_best {
  background: url('https://cdn.shortpixel.ai/client/q_glossy,ret_img/https://www.atechnocrat.c…plugins/css3_web_pricing_tables_grids/table1/../img/ribbon_style2_best.png');
}

div.p_table_1_16 div.column_1 a.sign_up {
     background: #e84444;
    border-color: #e84444;
}

div.p_table_1_16 div.column_2 a.sign_up {
     background: #e84444;
    border-color: #e84444;
}

div.p_table_1_16 div.column_3 a.sign_up {
     background: #e84444;
    border-color: #e84444;
}

div.p_table_1_16 a.sign_up {
  -webkit-box-shadow: none;
  text-shadow: none;
  font-weight: 400;
  color: #fff;
}

div.p_table_1 a.sign_up {
width: 120px;
    height: 24px;
    padding: 10px 0 0 !important;
    display: block;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    border: 1px solid #b5b5b5;
    -webkit-box-sizing: content-box;
    border-radius: 4px;

}

div.p_table_1_16.p_table_hover_light div.column_1:hover,
div.p_table_1_16.p_table_hover_light div.column_2:hover,
div.p_table_1_16.p_table_hover_light div.column_3:hover {
  -webkit-box-shadow: 0 15px 30px 0 rgba(0,0,0,.15);
}

div.p_table_1.p_table_hover_light div.column_1:hover,
div.p_table_1.p_table_hover_light div.column_2:hover,
div.p_table_1.p_table_hover_light div.column_3:hover {
  left: 0;
  top: 0;
}

div.p_table_1 div.column_1:hover,
div.p_table_1 div.column_2:hover,
div.p_table_1 div.column_3:hover {
  z-index: 101;
}

div.p_table_1 div.column_1:hover,
div.p_table_1 div.column_2:hover,
div.p_table_1 div.column_3:hover {
  position: relative;
}

/*Price table css */

/*Checkout page css*/

div.page {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 16px;
  line-height: 1.5;
  color: #545454;
}

.page {
  height: 100%;
  position: relative;
}

.page__canvas {
  position: relative;
  z-index: 2;
  min-height: 100%;
}

.canvas {
  position: relative;
}

.canvas__body {
  position: relative;
  z-index: 1;
}

.context-header {
  background: #fafafa;
  border-bottom: 1px solid #e1e8ed;
  padding-top: 8px;
  color: #454545;
}

.grid-container {
  max-width: 64rem;
  padding-left: 0.625rem;
  padding-right: 0.625rem;
  margin-left: auto;
  margin-right: auto;
}

.h-mt1 {
  margin-top: 8px !important;
}

.context-header__heading {
  margin-bottom: 1em;
  padding-right: 20px;
}

.content-main--basic {
  /*min-height: 300px;*/
  height: 100%;
}

.h-pull-left {
  float: left;
}

.t-heading.-color-inherit {
  color: inherit;
}

.t-heading.-responsive-size-l {
  font-size: 28px;
}

.t-heading {
  -webkit-font-smoothing: antialiased;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 700;
  line-height: 1.2;
  padding: 0;
}

.h-m0 {
  margin: 0px !important;
}

.secure-payment-page-header {
  display: flex;
  font-weight: 500;
}

.secure-payment-page-header__icon {
  margin-right: 8px;
  color: #999999;
  font-size: 24px;
  line-height: 32px;
}

.e-icon.-icon-lock:before {
  content: "\01F512";
}

.e-icon:before {
  font-family: marketplace-glyphs;
  font-style: normal;
  font-weight: normal;
  speak: none;
  text-align: center;
  width: 1em;
  display: inline-block;
}

.h-clear {
  clear: both;
}

.grid-container:after {
  content: "";
  display: table;
  clear: both;
}

.page-section.-size-compact {
  padding: 16px 0;
}

.page-section.-color-white {
  background: white;
}

section.page-section {
  display: block;
}

.grid-container {
  max-width: 64rem;
  padding-left: 0.625rem;;
  padding-right: 0.625rem;
  margin-left: auto;
  margin-right: auto;
}

.e-fieldset.-border-radius-all,
.e-fieldset {
  border-radius: 4px;
}

.e-fieldset {
  border: #e1e8ed 1px solid;
  margin-bottom: 30px;
  background-color: white;
}

.e-fieldset__header.-divider-bottom {
  border-bottom: #e1e8ed 1px solid;
  padding-bottom: 8px;
  margin-bottom: 16px;
}

.e-fieldset__header {
  display: flex;
  flex-flow: row wrap;
  align-items: baseline;
  margin: 16px;
}

.e-fieldset__title {
  flex: 2 0 auto;
  order: 2;
  max-width: 100%;
}

.t-heading.-size-s {
  font-size: 20px;
}

.t-heading.-color-dark,
.t-heading {
  color: #454545;
}

.t-heading {
  -webkit-font-smoothing: antialiased;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 700;
  line-height: 1.2;
  padding: 0;
}

.e-fieldset__action {
  order: 3;
  text-align: right;
}

.t-body.-size-m {
  font-size: 14px;
}

.t-body a {
  color: #0084B4;
}

.t-body.-color-dark,
.t-body {
  color: #666666;
}

.t-body {
  -webkit-font-smoothing: antialiased;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 16px
  font-weight: 400;
  line-height: 1.5;
  margin-bottom: 16px;
  padding: 0;
}

.e-btn.-size-xs,
.-size-xs.e-btn--3d,
.-size-xs.e-btn--outline {
  font-size: 12px;
  padding: 7px 10px;
  line-height: 1;
}

.e-btn.-color-light,
.-color-light.e-btn--3d,
.-color-light.e-btn--outline {
  background-color: #e6e6e6;
  border: 1px solid #dedede;
  color: #666666;
}

.e-btn,
.e-btn--3d,
.e-btn--outline {
  -webkit-font-smoothing: antialiased;
  box-sizing: border-box;
  display: inline-block;
  margin: 0;
  border-radius: 4px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
}

form button,
form input {
  overflow: visible;
}
form button,
form input,
form select,
form textarea {
  font: inherit;
  margin: 0;
}

.e-form {
  align-items: baseline;
  font-size: 13px;
}

.e-fieldset__body.-spacing-s,
.e-fieldset__body {
  margin: 8px 16px;
}

fieldset {
  border: 0;
  margin: 0;
  padding: 0;
}

[am-Grid] {
  float: left;
  width: 100%;
}

.e-form .e-form__group {
  display: flex;
  flex-flow: row wrap;
  width: 100%;
  position: relative;
  margin-bottom: 8px;
}

.e-form .e-form__label {
  order: 1;
  flex: 1 100%;
  margin-bottom: 2px;
}

.e-form__label label {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.e-form__label {
  font-weight: bold;
}

.e-form .e-form__input {
  flex: 1 100%;
  order: 2;
  margin-bottom: 5px;
}

.f-input[data-status="invalid"],
.f-input[data-status="error"],
.f-input.is-error,
.f-input.is-invalid {
  color: #df2c2c;
  border: currentColor 1px solid;
}
.f-input.-width-full {
  width: 100%;
}

.f-input {
  font-size: 13px;
  font-weight: normal;
  outline: 0;
  height: 30px;
  line-height: 1;
  border-radius: 4px;
  color: gray;
  background: white;
  border: 1px solid #bababa;
  padding: 5px 8px;
}

.f-input:focus,
.f-input.is-focussed {
  transition: box-shadow 0.3s ease-in-out, -webkit-box-shadow 0.3s ease-in-out;
  box-shadow: 0 0 5px #9ecaed;
  border-color: #9ecaed;
}

.e-form .e-form__response {
  order: 3;
  margin-bottom: 5px;
}

.e-form__response {
  color: #df2c2c;
}

.f-input[data-icon="true"] {
  background-repeat: no-repeat;
  background-size: 20px 20px;
  background-position: right 5px center;
}

.e-form__hint {
  order: 4;
  flex: 1 100%;
  margin-bottom: 5px;
  color: #787878;
}

.e-form .e-form__group.-spacing-none {
  margin-bottom: -15px;
}


.e-fieldset__footer {
  background-color: #fafafa;
  border-top: #e0e0e0 1px solid;
  padding: 16px;
  text-align: right;
}

.e-btn--3d.-color-primary {
  box-shadow: 0 2px 0 #6f9a37;
  position: relative;
}

.-color-primary.e-btn--3d {
  background-color: #82b440;
}

.e-btn--3d {
  font-size: 14px;
  padding: 5px 20px;
  line-height: 1.5;
}

.e-btn--3d, .e-btn--outline {
  background-color: gray;
  color: white;
}

.e-btn.-size-l,
.-size-l.e-btn--3d,
.-size-l.e-btn--outline {
  font-size: 18px;
  padding: 14px 20px;
}

.-width-full.e-btn--3d {
  box-sizing: border-box;
  width: 100%;
}

.e-btn-3d {
  box-sizing: border-box;
  display: inline-block;
  margin: 0;
  border: none;
  border-radius: 4px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
}

.-color-primary.e-btn--3d:hover {
  background-color: #7aa93c;
  color: white;
}

.e-fieldset.is-disabled {
  opacity: 0.6;
  cursor: not-allowed;
}

.e-fieldset {
  border-radius: 4px;
}

.e-fieldset {
  border: #e1e8ed 1px solid;
  margin-bottom: 30px;
  background-color: white;
}

.e-fieldset.-color-dark {
  background-color: #fafafa;
}

.t-heading.-size-xs {
  font-size: 18px;
}

.order-summary {
  width: 100%;
  font-size: 14px;
  overflow: auto;
}

.order-summary__entry {
  display: flex;
  flex-flow: row nowrap;
  margin-bottom: 15px;
}

.order-summary__description {
  flex: 1 0;
  margin-right: 10px;
}

.h-text-truncate {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.order-summary__price {
  flex: 0 0 80px;
  text-align: right;
}

.order-summary__group.-divider-top {
  border-top: #e1e8ed 1px solid;
  margin-top: 10px;
  padding-top: 10px;
}

.order-summary__total {
  flex: 0 0 150px;
  align-self: baseline;
  text-align: right;
}

.t-currency {
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-weight: inherit;
  line-height: 1;
}

.secure-checkout-banner__container {
  margin-top: -10px;
}

.h-text-align-center {
  text-align: center;
}

.secure-checkout-banner__body {
  color: #ababab;
  font-size: 16px;
  margin-right: 5px;
}

.box.-radius-all {
  border-radius: 4px;
}
.box {
  background-color: #fafafa;
  border: 1px solid #e1e8ed;
  padding: 16px;
  margin-bottom: 20px;
}

.shopping-cart__checkout-primary {
  text-align: center;
  margin: 8px 0;
}

.t-heading.-weight-normal {
  font-weight: 400;
}

.t-heading.-size-xl {
  font-size: 32px;
}

@media (min-width: 1024px) {
.layout__main-content {
  width: 70.94017%;
  float: left;
  margin-right: 1.7094%;
}

@media (min-width: 1024px) {
  [am-Grid] [am-Grid-Row~="l:start"] {
    clear: left;
  }
}

@media (min-width: 1024px) {
  [am-Grid] [am-Grid-Col~="l:4"] {
    width: 32%;
    float: left;
    margin-right: 2%;
  }
}

@media (min-width: 1024px) {
  [am-Grid] [am-Grid-Row~="l:end"] {
    margin-right: 0;
    clear: right;
  }
}

@media (min-width: 569px) {
.e-fieldset__footer {
  padding: 24px 16px;
  }
}

@media (min-width: 1024px) {
  .layout.-sidebar-right .layout__sidebar {
    float: right;
    margin-right: 0;
  }
}

@media (min-width: 1024px) {
  .layout__sidebar {
    width: 27.35043%;
    float: left;
    margin-right: 1.7094%;
  }
}

/*Checkout page css*/

/*Car Page css*/
.page__canvas {
  position: relative;
  z-index: 2;
  min-height: 100%;
}

.canvas__body {
  position: relative;
  z-index: 1;
}

.breadcrumbs a {
  position: relative;
  color: #666666;
  font-size: 12px;
  line-height: 1;
  text-decoration: none;
}

.breadcrumbs a:only-of-type:after {
  display: inline-block;
}

.breadcrumbs a:last-of-type:after {
  /*display: none;*/
}

.breadcrumbs a:after {
  /*font-family: marketplace-glyphs;*/
  font-style: normal;
  font-weight: normal;
  speak: none;
  text-align: center;
  width: 1em;
  content: "/";
  display: inline-block;
  font-size: 9px;
  color: #bababa;
  margin: 0 4px 0 8px;
  cursor: default;
}

.content-main--basic {
  min-height: 300px;
  height: 100%;
}

.page-section {
  padding: 24px 0;
}

.cart-header,
.cart-header--confirmation {
  display: table;
  width: 100%;
  padding: 10px 0;
  background-color: #454545;
  border-radius: 4px 4px 0 0;
}

.cart-header__left {
  padding-left: 8px;
}

.cart-header__left,
.cart-header__right {
  width: 1px;
  white-space: nowrap;
  display: table-cell;
  vertical-align: middle;
}

.cart-header span a.btn,
button,
[type=submit] {
  -webkit-font-smoothing: antialiased;
  box-sizing: border-box;
  background-color: gray;
  border: none;
  border-radius: 4px;
  color: white;
  cursor: pointer;
  display: inline-block;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 1.5;
  margin: 0;
  padding: 5px 20px;
  text-align: center;
  text-decoration: none;
}

.cart-header__summary {
  display: none;
}

.cart-header__right {
  padding-right: 8px;
  text-align: right;
}

.cart-header__left, .cart-header__right {
  width: 1px;
  white-space: nowrap;
  display: table-cell;
  vertical-align: middle;
}

.e-btn.-color-dark,
.-color-dark.e-btn--3d,
.-color-dark.e-btn--outline {
  background-color: #333333;
}

.shopping-cart {
  overflow: visible;
  border-radius: 0 0 4px 4px;
  margin-bottom: 16px;
  border: 1px solid #e1e8ed;
}

}
.shopping-cart__group:first-of-type {
  border-top: none;
}
.shopping-cart__group {
  background-color: #fafafa;
  border-top: 1px solid #e1e8ed;
}

.shopping-cart__entry:last-of-type {
  border-bottom: none;
}

.shopping-cart__entry {
  background-color: white;
  position: relative;
  overflow: visible;
  border-bottom: 1px solid #e1e8ed;
  padding: 12px;
}

.item-result {
  display: flex;
}

.item-result__thumbnail {
  flex: 0 auto;
  order: 1;
}

.item-result__thumbnail>a {
  display: block;
  line-height: 0;
}

.item-result__thumbnail img {
  width: 60px;
  height: 60px;
}

.item-result__details {
  -webkit-flex: 1 100%;
  -ms-flex: 1 100%;
  flex: 1 100%;
  -webkit-order: 3;
  -ms-flex-order: 3;
  order: 3;
  margin-top: 1em;
}

.t-body.-weight-bold {
  font-weight: 700;
}

.cart-entry__title a {
  padding: 0;
  color: #0084B4;
  line-height: 1.3;
  text-decoration: none;
}

.cart-entry__descriptive {
  color: #999999;
}

.t-body.-color-inherit {
  color: inherit;
}

.t-body.-size-s {
  font-size: 12px;
}

.cart-entry__information {
  display: flex;
  margin: 5px 0 10px;
}

.cart-entry__information a {
  color: #999999;
}

.cart_entry__information-detail {
  margin-right: 5px;
}

.cart-entry__support {
  margin-left: 8px;
}

.item-result__price {
  -webkit-flex: 4 auto;
  -ms-flex: 4 auto;
  flex: 4 auto;
  -webkit-order: 2;
  -ms-flex-order: 2;
  order: 2;
  text-align: right;
  position: relative;
  margin-left: 1em;
}

.cart-entry__remove {
  position: absolute;
  top: 0;
  right: 0;
}

.cart-entry__remove button {
  color: #d4d4d4;
  position: relative;
  z-index: 2;
}

.btn-link {
  background-color: transparent;
  padding: 0;
  text-decoration: none;
  line-height: 1.1;
  color: #0084B4;
  border-radius: 0;
}

.cart-entry__remove button>span {
  display: none;
}

.e-icon.-margin-left {
  margin-left: 0.4em;
}

.e-icon.-icon-cancel:before {
  content: "\2716";
}

.cart-entry__price {
  position: relative;
  padding-top: 35px;
}

.t-heading.-size-l {
  font-size: 28px;
}

.item-upgrade.-margin-top {
  margin-top: 8px;
}

.item-upgrade {
  -webkit-font-smoothing: antialiased;
  background: #fafafa;
  border: 1px solid #e1e8ed;
  border-radius: 3px;
  padding: 10px;
  position: relative;
  font-size: 13px;
}

.item-upgrade:before {
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-top: 6px solid #e1e8ed;
  left: 30px;
}

.item-upgrade:before, .item-upgrade:after {
  content: "";
  position: absolute;  transform: rotate(180deg);
  top: -7px;
}

.item-upgrade__checkbox {
  margin-right: 5px;
}

[type="checkbox"],
[type="radio"] {
  box-sizing: border-box;
  padding: 0;
}

.item-upgrade__savings {
  color: #999999;
}

.t-link.-decoration-reversed {
  text-decoration: none;
}
.t-link {
  color: #0084B4;
  text-decoration: underline;
}

.item-upgrade:before, .item-upgrade:after {
  content: "";
  position: absolute;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-top: 7px solid #fafafa;
  transform: rotate(180deg);
  left: 31px;
  top: -7px;
}

@media (min-width: 1024px) {
  .content-main--basic {
    min-height: 590px;
  }
}

@media (min-width: 569px) {
  .page-section {
     padding: 32px 0;
  }
}

@media (min-width: 1024px) {
  .layout__main-content {
    width: 70.94017%;
    float: left;
    margin-right: 1.7094%;
  }
}

@media (min-width: 1024px) {
.cart-header__summary {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    font-size: 13px;
    color: #999999;
  }
}

@media (min-width: 1024px) {
  .shopping-cart__entry {
    padding: 16px 12px;
  }
}

@media (min-width: 569px) {
  .item-result__thumbnail img {
    width: 80px;
    height: 80px;
  }
}

@media (min-width: 569px) {
  .item-result__details {
    -webkit-flex: 4 0;
    -ms-flex: 4 0;
    flex: 4 0;
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2;
    margin: 0 1.5em;
  }
}

@media (min-width: 569px) {
  .cart-entry__title a {
    padding: 0 0 5px;
  }
}

@media (min-width: 569px) {
  .cart-entry__information {
    margin-bottom: 15px;
  }
}

@media (min-width: 569px) {
  .item-result__price {
    -webkit-flex: 1 0;
    -ms-flex: 1 0;
    flex: 1 0;
    -webkit-order: 3;
    -ms-flex-order: 3;
    order: 3;
    margin: 0;
  }
}

@media (min-width: 569px) {
  .cart-entry__price {
    padding-top: 45px;
  }
}

/*Car Page css*/

/* 1.1 typography */
@import url("https://fonts.googleapis.com/css?family=Open+Sans:400,600,700|Poppins:300,400,500,600,700|Work+Sans:400,500,600");
body {
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  font-size: 13px;
}

p, .paragraph {
  font-weight: 400;
  color: #666;
  font-size: 14px;
  line-height: 25px;
  font-family: "Open Sans", sans-serif;
}

h1, h2, h3, h4, h5, h6 {
  color: #222;
  font-weight: 500;
  font-family: "Poppins", sans-serif;
}

h1, .h1 {
  font-size: 50px;
}

@media (max-width: 400px) {
  h1, .h1 {
    font-size: 30px;
  }
}

h2, .h2 {
  font-size: 36px;
}

h3, .h3 {
  font-size: 30px;
}

h4, .h4 {
  font-size: 20px;
}

h5, .h5 {
  font-size: 18px;
}

h6, .h6 {
  font-size: 14px;
}

/* 1.3 Button style */
.btn {
  font-size: 14px;
  font-family: "Open Sans", sans-serif;
  text-transform: capitalize;
  padding: 16px 44px;
  border-radius: 35px;
  font-weight: 600;
  border: 0;
  position: relative;
  z-index: 1;
  transition: .2s ease;
}

.btn:focus {
  outline: 0;
  box-shadow: none !important;
}

.btn:active {
  box-shadow: none;
}

.btn-primary {
  background: #e84444;
  color: #fff;
}

.btn-primary:active {
  background: #e84444 !important;
}

.btn-primary:hover {
  background: #ee7171;
}

.btn-secondary {
  background: #303032;
  color: #fff;
}

.btn-secondary:active {
  background: #e84444 !important;
}

.btn-secondary:hover {
  background: #e84444 !important;
  background: #ee7171;
}

.btn-light {
  background: #fff;
  color: #222;
  border: 2px solid #fff;
}

.btn-light:hover {
  background: transparent;
  border: 2px solid #fff;
  color: #fff;
}

.btn-outline {
  background: transparent;
  color: #222;
  border: 2px solid #303032;
}

.btn-outline:hover {
  background: #303032;
  color: #fff;
}

.btn-sm {
  padding:8px 30px !important;
}

/* 1.2 common style */
body {
  background-color: #fff;
  overflow-x: hidden;
}

::-moz-selection {
  background: #ee7171;
  color: #fff;
}

::selection {
  background: #ee7171;
  color: #fff;
}

/* preloader */
.preloader {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #fff;
  z-index: 999;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
}

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

img {
  vertical-align: middle;
  border: 0;
}

a,
a:hover,
a:focus {
  text-decoration: none;
}

a {
  transition: .2s ease;
}

a:hover {
  color: #e84444;
}

a.text-dark:hover,
a.text-white:hover {
  color: #e84444 !important;
}

a,
button {
  cursor: pointer;
}

.outline-0 {
  outline: 0;
}

.d-unset {
  display: unset !important;
}

.slick-slide {
  outline: 0;
}

.centralized {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.hilighted {
  background: #303032;
  color: #919E4D;
  border-radius: 3px;
  padding: 2px 5px;
}

.section {
  padding:70px 0;
}

@media (max-width: 575px) {
  .section {
    padding: 50px 0;
  }
}

.section-sm {
  padding: 80px 0;
}

.section-title {
  margin-bottom: 55px;
}

.section-title-sm {
  margin-bottom: 10px;
  font-family: "Open Sans", sans-serif;
  font-weight: 600;
  color: #666;
}

.overlay {
  position: relative;
}

.overlay::before {
  position: absolute;
  content: '';
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  background: #000;
  opacity: .6;
}

.overlay-dark {
  position: relative;
}

.overlay-dark::before {
  position: absolute;
  content: '';
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  background: #000;
  opacity: .8;
}

.overlay-primary {
  position: relative;
}

.overlay-primary::before {
  position: absolute;
  content: '';
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  background: #e84444;
  opacity: .6;
}

.overlay-white {
  position: relative;
}

.overlay-white::before {
  position: absolute;
  content: '';
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  background: #fff;
  opacity: .7;
}

.overlay-rounded::before {
  border-radius: 5px;
}

.section-title-border {
  position: relative;
}

.section-title-border::before {
  position: absolute;
  content: '';
  height: 2px;
  width: 120px;
  bottom: -10px;
  left: 50%;
  transform: translateX(-50%);
  background: #e84444;
}

.section-title-border::after {
  position: absolute;
  content: '';
  height: 10px;
  width: 10px;
  border-radius: 50%;
  background: #fff;
  border: 2px solid #e84444;
  box-shadow: 0 0 0 5px #fff;
  bottom: -14px;
  left: 50%;
  transform: translateX(-50%);
}

.section-title-border-gray {
  position: relative;
}

.section-title-border-gray::before {
  position: absolute;
  content: '';
  height: 2px;
  width: 120px;
  bottom: -10px;
  left: 50%;
  transform: translateX(-50%);
  background: #e84444;
}

.section-title-border-gray::after {
  position: absolute;
  content: '';
  height: 10px;
  width: 10px;
  border-radius: 50%;
  background: #f5f5f5;
  border: 2px solid #e84444;
  box-shadow: 0 0 0 5px #f5f5f5;
  bottom: -14px;
  left: 50%;
  transform: translateX(-50%);
}

.section-title-border-half {
  position: relative;
}

.section-title-border-half::before {
  position: absolute;
  content: '';
  height: 10px;
  width: 10px;
  border-radius: 50%;
  background: transparent;
  border: 2px solid #e84444;
  bottom: -14px;
  left: 0;
}

.section-title-border-half::after {
  position: absolute;
  content: '';
  height: 2px;
  width: 50px;
  left: 15px;
  bottom: -10px;
  background: #e84444;
}

.section-title-border-half-white {
  position: relative;
}

.section-title-border-half-white::before {
  position: absolute;
  content: '';
  height: 10px;
  width: 10px;
  border-radius: 50%;
  background: transparent;
  border: 2px solid #fff;
  bottom: -14px;
  left: 0;
}

.section-title-border-half-white::after {
  background: #fff;
  position: absolute;
  content: '';
  height: 2px;
  width: 50px;
  left: 15px;
  bottom: -10px;
}

/* 1.2.1 page title */
.page-title {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 160px 0 100px;
}

/* breadcrumb */
.breadcrumb {
  background-color: transparent !important;
  -ms-flex-pack: center;
      justify-content: center;
}

.breadcrumb li,
.breadcrumb a {
  color: #fff;
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-size: 12px;
  margin: 0 10px;
}

.breadcrumb a {
  position: relative;
}

.breadcrumb a::before {
  position: absolute;
  content: '/';
  right: -17px;
  top: 2px;
  height: 12px;
}

/* 1.2.2 404 page start */
.page-404 {
  padding: 600px 0 60px;
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
}

@media (max-width: 767px) {
  .page-404 {
    padding: 450px 0 50px;
  }
}

@media (max-width: 575px) {
  .page-404 {
    padding-top: 250px;
  }
}

@media (max-width: 400px) {
  .page-404 {
    padding-top: 150px;
  }
}

.page-404 h1 {
  font-size: 40px;
}

/* 404 page end */
/* play-icon */
.play-icon {
  width: 85px;
  height: 85px;
  border: 3px solid #fff;
  border-radius: 50%;
  display: block;
  text-align: center;
}

.play-icon:focus {
  outline: 0;
}

.play-icon i {
  line-height: 79px;
  display: block;
  font-size: 30px;
  color: #fff;
}

/* round icon */
.round-icon {
  height: 70px;
  min-width: 70px;
  max-width: 70px;
  border-radius: 50%;
  border: 1px solid #e5e5e5;
  background: #fff;
  text-align: center;
  line-height: 70px;
  font-size: 30px;
  color: #e84444;
  display: inline-block;
}

/* 18. squre icon */
.square-icon {
  height: 65px;
  width: 65px;
  background: #e84444;
  color: #fff;
  font-size: 35px;
  line-height: 65px;
  border-radius: 5px;
  text-align: center;
  display: inline-block;
}

/* team social icon */
.social-icon-lg {
  height: 50px;
  width: 50px;
  border-radius: 50%;
  line-height: 50px;
  text-align: center;
  color: #fff;
  font-size: 25px;
  display: inline-block;
}

.social-icon-lg i {
  margin: 0;
  color: #fff;
}

.box-shadow {
  box-shadow: 0px 10px 35px 0px rgba(0, 0, 0, 0.1);
}

.golden {
  color: #efaf27 !important;
}

.bg-gray {
  background-color: #f5f5f5;
}

.bg-primary {
  background-color: #e84444 !important;
}

.bg-secondary {
  background-color: #303032 !important;
}

.text-primary {
  color: #e84444 !important;
}

.bg-facebook {
  background-color: #4267b2;
}

.bg-twitter {
  background-color: #449de8;
}

.bg-linkedin {
  background-color: #2f6ea3;
}

.bg-google {
  background-color: #e62211;
}

.text-color {
  color: #666;
}

.text-dark {
  color: #222;
}

.text-underline {
  text-decoration: underline;
}

.text-underline:hover {
  text-decoration: underline;
}

.font-primary {
  font-family: "Poppins", sans-serif;
}

.font-secondary {
  font-family: "Open Sans", sans-serif;
}

.mb-10 {
  margin-bottom: 10px;
}

.mb-20 {
  margin-bottom: 20px;
}

.mb-30 {
  margin-bottom: 30px;
}

.mb-40 {
  margin-bottom: 40px;
}

.mb-50 {
  margin-bottom: 50px;
}

@media (max-width: 991px) {
  .mb-md-50 {
    margin-bottom: 50px;
  }
}

.mb-60 {
  margin-bottom: 60px;
}

.mb-70 {
  margin-bottom: 70px;
}

.mb-80 {
  margin-bottom: 80px;
}

.mb-90 {
  margin-bottom: 90px;
}

.mb-100 {
  margin-bottom: 100px;
}

.py-10 {
  padding: 10px 0;
}

.py-30 {
  padding: 30px 0;
}

.py-50 {
  padding: 50px 0;
}

.py-70 {
  padding-top: 70px;
  padding-bottom: 70px;
}

.py-100 {
  padding-top: 100px;
  padding-bottom: 100px;
}

.py-160 {
  padding: 160px 0;
}

.ml-65 {
  margin-left: 65px;
}

.pb-xl-200-lg-100 {
  padding-bottom: 200px;
}

@media (max-width: 1199px) {
  .pb-xl-200-lg-100 {
    padding-bottom: 100px;
  }
}

.mb-xl-150-lg-100 {
  margin-bottom: 150px;
}

@media (max-width: 1199px) {
  .mb-xl-150-lg-100 {
    margin-bottom: 100px;
  }
}

.translateY-25 {
  transform: translateY(25px);
}

.translateY-10 {
  transform: translateY(-10px);
}

.translateY-33 {
  transform: translateY(-33px);
}

/* 2. Navigation */
.top-header {
  background: #303032;
}

@media (max-width: 575px) {
  .top-header ul {
    text-align: center;
  }
}

.top-header ul li {
  margin: 7px 0;
}

@media (max-width: 575px) {
  .top-header ul li {
    margin: 10px 0;
  }
}

.top-header ul li a {
  display: inline-block;
  padding: 0 20px;
  border-right: 1px solid #e5e5e5;
  color: #bcbcbd;
}

@media (max-width: 575px) {
  .top-header ul li a {
    border: 0;
  }
}

.top-header ul li a span {
  color: #e84444;
}

.top-header ul li:last-child a {
  padding-right: 0;
  border-right: 0;
}

.navigation .navbar {
  padding: 0;
  background: #fff !important;
  position: relative;
}

.navigation .navbar-brand {
  position: absolute;
  left: 0;
  top: -52px;
  height: 120px;
  width: 220px;
  background: #fff;
  text-align: center;
  box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.1);
  z-index: 9;
}

@media (max-width: 991px) {
  .navigation .navbar-brand {
    position: relative;
    height: unset;
    width: unset;
    box-shadow: none;
    top: 24px;
    background: none;
  }
  .navigation .navbar-brand img {
    height: 50px;
    width: auto;
  }
}

.navigation .navbar-brand img {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}

.navigation .navbar .nav-item {
  padding:6px 0;
}

@media (max-width: 991px) {
  .navigation .navbar .nav-item {
    padding: 0;
  }
}

.navigation .navbar .nav-item .nav-link {
  padding: 15px 10px;
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  color: #222;
  text-transform: uppercase;
  transition: .2s ease;
  font-size: 14px;
}

@media (max-width: 1199px) {
  .navigation .navbar .nav-item .nav-link {
    font-size: 12px;
    padding: 15px 6px;
  }
}

@media (max-width: 991px) {
  .navigation .navbar .nav-item .nav-link {
    padding: 15px 0;
    font-size: 14px;
    text-align: center;
  }
}

.navigation .navbar .nav-item .nav-link:hover {
  color: #e84444;
}

.navigation .navbar .nav-item:last-child {
  padding: 13px 0 11px 30px;
}

@media (max-width: 991px) {
  .navigation .navbar .nav-item:last-child {
    padding: 0;
    margin-bottom: 20px;
  }
}

.navigation .navbar .nav-item:last-child .nav-link {
  color: #fff;
}

.navigation .navbar .nav-item.active .nav-link {
  color: #e84444;
}

.navigation .navbar .dropdown:hover .dropdown-menu {
  visibility: visible;
  opacity: 1;
  transform: scaleY(1);
}

.navigation .navbar .dropdown-menu {
  box-shadow: 0px 3px 9px 0px rgba(0, 0, 0, 0.12);
  padding: 20px 30px;
  border: 0;
  border-radius: 0;
  top: 80%;
  left: -20px;
  display: block;
  visibility: hidden;
  transition: .3s ease;
  opacity: 0;
  transform: scaleY(0);
  transform-origin: top;
}

@media (max-width: 991px) {
  .navigation .navbar .dropdown-menu {
    display: none;
    opacity: 1;
    visibility: visible;
    transform: scaleY(1);
    transform-origin: unset;
  }
}

.navigation .navbar .dropdown-menu.show {
  visibility: visible;
  opacity: 1;
  transform: scaleY(1);
}

@media (max-width: 991px) {
  .navigation .navbar .dropdown-menu.show {
    display: block;
  }
}

.navigation .navbar .dropdown-item {    font-size: 14px; padding: 2px 1.5rem;
  position: relative;
  color: #848484;
  transition: .2s ease;
}

.navigation .navbar .dropdown-item:not(:last-child) {
  margin-bottom:2px;
}

.navigation .navbar .dropdown-item:hover {
  color: #e84444;
  text-decoration: underline;
  background: transparent;
}

.navigation .navbar .dropdown-item::before {
  position: absolute;
  content: '';
  left: 5px;
  top: 12px;
  height: 4px;
  width: 4px;
  border-radius: 50%;
  background: #848484;
  border: 1px solid #fff;
  display: inline-block;
  box-shadow: 0 0 0 2px #848484;
}

@media (max-width: 991px) {
  .navigation .navbar .dropdown-item {
    text-align: center;
  }
  .navigation .navbar .dropdown-item::before {
    display: none;
  }
}

/* 2.3. Search Form */
.search-form {
  padding: 230px 0;
  background: #303032;
  position: absolute;
  width: 100%;
  top: -800px;
  z-index: 10;
  transition: .3s ease-in;
}

.search-form .close {
  position: absolute;
  top: 30px;
  right: 30px;
  color: #fff;
}

.search-form .close i {
  transition: .3s ease;
  display: inline-block;
}

.search-form .close:hover i {
  transform: rotate(90deg);
}

.search-form.open {
  top: 0;
}

.search-form .form-control {
  background: transparent;
  border: 1px solid #e5e5e5;
  border-radius: 0;
  font-size: 20px;
  transition: .3s ease;
  position: relative;
  color: #fff;
  height: 130px;
  padding: 30px 40px;
}

.search-form h3 {
  font-size: 35px;
  color: #fff;
  margin-bottom: 35px;
}

.search-form .input-wrapper {
  position: relative;
}

.search-form .input-wrapper button {
  background: none;
  border: 0;
  position: absolute;
  font-size: 20px;
  top: 50%;
  right: 20px;
  transform: translateY(-50%);
  cursor: pointer;
  padding: 20px;
}

.search-form .input-wrapper button i {
  color: #fff;
}

/* 3. hero area */
.hero-slider.slick-slider {
  margin-bottom: 10px;
}

.hero-slider [data-animation-in] {
  opacity: 0;
}
.hero-slider-item h1{ padding-right:4rem;}
.hero-slider-item {min-height:72vh;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  outline: 0;
}


.hero-slider .prevArrow,
.hero-slider .nextArrow {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 9;
  height: 70px;
  width: 70px;
  border-radius: 50%;
  background: rgba(48, 48, 50, 0.5);
  color: #fff;
  border: 0;
  font-size: 25px;
  line-height: 62px;
  opacity: 0;
  transition: all linear .2s;
}

@media (max-width: 575px) {
  .hero-slider .prevArrow,
  .hero-slider .nextArrow {
    display: none;
  }
}

.hero-slider .prevArrow:focus,
.hero-slider .nextArrow:focus {
  outline: 0;
}

.hero-slider .prevArrow:hover,
.hero-slider .nextArrow:hover {
  background: rgba(232, 68, 68, 0.5);
}

.hero-slider .prevArrow {
  left: 20px;
}

.hero-slider .nextArrow {
  right: 20px;
}

.hero-slider:hover .prevArrow, .hero-slider:hover .nextArrow {
  opacity: 1;
}

.hero-slider .slick-dots {
  bottom: -30px;
  padding-left: 0;
  text-align: center;
 
}

.hero-slider .slick-dots li {
  width: 238px; border-bottom: 1px solid #e5e5e5;
  height: 60px;
  background: #fff;
  margin: 0;
  display: inline-block;
  position: relative;
  /* @include mobile-xs {
                    width: 50px;
                } */
}

@media (max-width: 1199px) {
  .hero-slider .slick-dots li {
    width: 230px;
  }
}

@media (max-width: 991px) {
  .hero-slider .slick-dots li {
    width: 180px;
  }
}

@media (max-width: 767px) {
  .hero-slider .slick-dots li {
    width: 120px;
  }
}

@media (max-width: 575px) {
  .hero-slider .slick-dots li {
    width: 25%;
  }
}

.hero-slider .slick-dots li::before {
  position: absolute;
  content: '';
  left: 50%;
  top: -12px;
  height: 25px;
  width: 25px;
  background: #303032;
  transform: translateX(-50%) rotate(-45deg);
  opacity: 0;
}

.hero-slider .slick-dots li a {
  display: block;
  position: relative;
  text-align: center;
  transition: .3s ease;
  color: #303032;
}

.hero-slider .slick-dots li a i {
  display: inline-block;
  font-size: 26px;
  line-height: 50px;
  margin-right: 15px;
  vertical-align: middle;
}

@media (max-width: 991px) {
  .hero-slider .slick-dots li a i {
    font-size: 20px;
    margin-right: 5px;
  }
}

@media (max-width: 767px) {
  .hero-slider .slick-dots li a i {
    margin: 0;
  }
}

.hero-slider .slick-dots li a span {
  font-size: 18px;
  font-weight: 500;
  line-height: 64px;
}

@media (max-width: 991px) {
  .hero-slider .slick-dots li a span {
    font-size: 15px;
  }
}

@media (max-width: 767px) {
  .hero-slider .slick-dots li a span {
    display: none;
  }
}

.hero-slider .slick-dots li.slick-active {
  background: #303032;
}

.hero-slider .slick-dots li.slick-active a {
  color: #fff;
}

.hero-slider .slick-dots li.slick-active::before {
  opacity: 1;
}

.hero-content h4 {
  letter-spacing: 2px;
}

/* 5. progrgess bar start */
.progressbar-title {
  font-size: 17px;
  font-family: "Open Sans", sans-serif;
  margin-bottom: 7px;
  color: #222 !important;
}

.progress {
  border-radius: 35px;
  overflow: visible;
  margin-bottom: 35px;
  /* 5.2 progressbar value */
}

.progress-bar {
  background-color: #303032;
  border-radius: 35px;
  position: relative;
}

.progress-bar-value {
  font-family: "Open Sans", sans-serif;
  font-weight: 600;
  color: #fff;
  background: #303032;
  padding: 5px 9px;
  position: absolute;
  top: -35px;
  right: -15px;
  border-radius: 5px;
}

.progress-bar-value::before {
  position: absolute;
  content: '';
  bottom: -5px;
  left: 50%;
  background: #303032;
  height: 10px;
  width: 10px;
  transform: translateX(-50%) rotate(-45deg);
}

/* progrgess bar End */
/* 6. mission section start */
.card-header:first-child {
  border-radius: 35px;
}

/* 7. promo video section start */
.promo-video {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}

.promo-video p {
  font-family: "Work Sans", sans-serif;
}

/* promo video section end */
/* 8. testimonial section start */
.testimonial-slider {
  box-shadow: 0px 10px 35px 0px rgba(0, 0, 0, 0.1);
  position: relative;
}

.testimonial-slider .prevArrow,
.testimonial-slider .nextArrow {
  position: absolute;
  top: 85px;
  border: 0;
  font-size: 20px;
  background: transparent;
  color: #e84444;
  z-index: 9;
}

.testimonial-slider .prevArrow:focus,
.testimonial-slider .nextArrow:focus {
  outline: 0;
}

.testimonial-slider .prevArrow {
  right: 90px;
}

.testimonial-slider .nextArrow {
  right: 50px;
}

.testimonial-slider .slick-disabled {
  color: #e5e5e5;
}

.testimonial-icon {
  height: 80px;
  width: 80px;
  border-radius: 50%;
  background: #f5f5f5;
  color: #e84444;
  font-size: 25px;
  line-height: 80px;
  display: inline-block;
  text-align: center;
  margin-bottom: 25px;
}

/* testimonial section end */
/* 10. client logo slider start */
.client-logo-slider .slick-track {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}

/* client logo slider end */
/* 11. fun-facts section start */
.fun-facts {
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
}

/* fun-facts section end */
/* 12. consultation section start */
.consultation {
  background-position: top center;
  background-repeat: no-repeat;
  background-size: cover;
}

/* consultation section end */
/* 16. call to action start */
.cta {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}

/* card */
.card-img-wrapper {
  position: relative;
}

.card-img-wrapper::before {
  position: absolute;
  content: '';
  height: 100%;
  width: 100%;
  background: #000;
  opacity: 0;
  top: 0;
  left: 0;
  transition: .2s;
}

.card-body-2 {
  position: relative;
  transition: .2s ease;
  border-radius: 0 0 5px 5px;
}

.card-body-2::before {
  position: absolute;
  content: '';
  height: 30px;
  width: 30px;
  background: #fff;
  top: -15px;
  left: 50%;
  transform: translateX(-50%) rotate(-45deg);
  transition: .2s ease;
}

.card:hover .card-img-wrapper::before {
  opacity: .4;
}

.card:hover .card-body-2 {
  background: #e84444;
}

.card:hover .card-body-2 h5,
.card:hover .card-body-2 h6,
.card:hover .card-body-2 a {
  color: #fff;
}

.card:hover .card-body-2::before {
  background: #e84444;
}

.overlay-rounded-top::before {
  border-radius: 5px 5px 0 0;
}

/* 13. about section */
.about {
  background-position: top center;
  background-repeat: no-repeat;
  background-size: cover;
  /* 13.4 about video */
  /* 13.6 about slider */
}

.about-video {
  min-height: 300px;
}

.about-slider {
  position: relative;
  border-radius: 10px;
  overflow: hidden;
}

.about-slider .prevArrow,
.about-slider .nextArrow {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 9;
  height: 55px;
  width: 55px;
  border-radius: 50%;
  border: 0;
  line-height: 55px;
  text-align: center;
  background: #fff;
  transition: .2s ease;
}

.about-slider .prevArrow:focus,
.about-slider .nextArrow:focus {
  outline: 0;
}

.about-slider .prevArrow:hover,
.about-slider .nextArrow:hover {
  background: #e84444;
  color: #fff;
}

.about-slider .prevArrow {
  left: 25px;
}

.about-slider .nextArrow {
  right: 25px;
}

/* 13.8 ceo section start */
.ceo-image {
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  min-height: 400px;
}

/* ceo section end */
/* 14.3 clients */
.clients {
  background-position: center right;
  background-size: 50%;
  background-repeat: no-repeat;
}

@media (max-width: 991px) {
  .clients {
    background-size: cover !important;
    background-position: center center;
    text-align: center;
  }
}

.clients ul li {
  height: 66px;
}

.clients ul li img {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  display: inline-block;
}

/* 14.4 process */
.process-item {
  width: 330px;
}

@media (max-width: 1199px) {
  .process-item {
    width: unset;
  }
}

.process-item-number {
  position: absolute;
  left: -35px;
  top: -35px;
  height: 70px;
  width: 70px;
  line-height: 70px;
  border-radius: 50%;
  text-align: center;
  background: #fff;
  box-shadow: -5px 0px 40px 0px rgba(0, 0, 0, 0.1);
  font-family: "Open Sans", sans-serif;
  font-weight: 700;
  font-size: 32px;
  color: #222;
}

@media (max-width: 1199px) {
  .process-item-number {
    top: -35px;
    left: 50%;
    transform: translateX(-50%);
  }
}

.process-item h5 {
  margin-bottom: 5px;
  color: #e84444;
}

img.arrow-top {
  position: absolute;
  top: 220px;
  right: 250px;
}

@media (max-width: 1199px) {
  img.arrow-top {
    display: none;
  }
}

img.arrow-bottom {
  position: absolute;
  bottom: 100px;
  left: 250px;
}

@media (max-width: 1199px) {
  img.arrow-bottom {
    display: none;
  }
}

/* service single start */
.service-menu li.active {
  position: relative;
}

.service-menu li.active a {
  background: #303032;
  color: #fff !important;
}

.service-menu li.active::before {
  position: absolute;
  content: '';
  height: 15px;
  width: 15px;
  background: #303032;
  top: 50%;
  right: -7px;
  transform: translateY(-50%) rotate(-45deg);
}

@media (max-width: 991px) {
  .service-menu li.active::before {
    display: none;
  }
}

.service-menu li:hover a {
  color: #fff !important;
  background: #303032;
}

/* service single end */
/* 15. work section */
.work {
  /* 15.1 work slider */
}

.work-slider {
  /* 15.2 slick dots */
}

.work-slider-image {
  position: relative;
}

.work-slider-image .image-overlay {
  position: absolute;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.75);
  height: 100%;
  width: 100%;
  padding: 15px 25px;
  opacity: 0;
  transition: .2s;
}

.work-slider-image .image-overlay i {
  position: absolute;
  color: #fff;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: inline-block;
  font-size: 24px;
  transition: .2s ease;
  padding: 10px;
}

.work-slider-image .image-overlay i:hover {
  font-size: 30px;
}

.work-slider-image .image-overlay a.h4 {
  position: absolute;
  bottom: 50px;
  color: #fff;
  transition: .2s ease;
  transform: translateY(20px);
  opacity: 0;
}

.work-slider-image .image-overlay a.h4:hover {
  color: #e84444;
}

.work-slider-image .image-overlay p {
  position: absolute;
  bottom: 15px;
  color: #fff;
  transform: translateY(10px);
  opacity: 0;
  transition: .3s ease;
  transition-delay: .1s;
}

.work-slider-image:hover .image-overlay {
  opacity: 1;
}

.work-slider-image:hover a.h4,
.work-slider-image:hover p {
  transform: translateY(0);
  opacity: 1;
}

.work-slider .slick-dots {
  padding-left: 0;
  position: absolute;
  bottom: -60px;
  left: 50%;
  transform: translateX(-50%);
}

.work-slider .slick-dots li {
  margin: 0 14px;
}

@media (max-width: 400px) {
  .work-slider .slick-dots li {
    margin: 0 2px;
  }
}

.work-slider .slick-dots li:first-child {
  margin-left: 0;
}

.work-slider .slick-dots li button {
  height: 10px;
  width: 40px;
  border-radius: 25px;
  color: transparent;
  overflow: hidden;
  border: 0;
  border: 2px solid #e5e5e5;
  background: transparent;
  outline: 0;
  display: block;
}

.work-slider .slick-dots li button::before {
  display: none;
}

@media (max-width: 400px) {
  .work-slider .slick-dots li button {
    width: 10px;
  }
}

.work-slider .slick-dots li.slick-active button {
  border-color: #e84444;
}

/* 19. project section */
.project {
  /* 19.1 project menu */
  /* 19.2 project item */
}

.project-menu ul li {
  padding: 5px 20px;
  border-radius: 35px;
  color: #222;
  font-size: 16px;
  font-weight: 400;
  border: 1px solid #e5e5e5;
  cursor: pointer;
  background: #f5f5f5;
  margin: 0 10px 25px;
}

.project-menu ul li.active {
  background: #e84444;
  color: #fff;
}

.project-info {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background: rgba(0, 0, 0, 0.7);
  opacity: 0;
  transition: .2s ease;
}

.project-info a {
  color: #fff;
  position: absolute;
  left: 30px;
  bottom: 40px;
  transform: translateY(20px);
  opacity: 0;
}

.project-info a:hover {
  color: #e84444;
}

.project-info p {
  position: absolute;
  left: 25px;
  bottom: 0;
  color: #fff;
  transition: .2s ease;
  transform: translateY(20px);
  opacity: 0;
  transition-delay: .1s;
}

.project-info p i {
  margin-right: 5px;
}

.project-info:hover {
  opacity: 1;
}

.project-info:hover a {
  transform: translateY(0);
  opacity: 1;
}

.project-info:hover p {
  transform: translateY(0);
  opacity: .7;
}

/* 19.3 project single page start */
/* 19.4 nav tabs */
.nav-tabs {
  border: 0;
  margin-bottom: 30px;
}

@media (max-width: 991px) {
  .nav-tabs {
    -ms-flex-pack: center;
        justify-content: center;
  }
}

.nav-tabs .nav-item:not(:last-child) {
  margin-right: 10px;
}

@media (max-width: 575px) {
  .nav-tabs .nav-item {
    margin-bottom: 10px;
  }
}

.nav-tabs .nav-item .nav-link {
  padding: 10px 30px;
  border: 1px solid #e5e5e5;
  background: #f5f5f5;
  border-radius: 45px;
  text-align: center;
  vertical-align: middle;
  color: #222;
  transition: .2s ease;
  font-size: 16px;
  font-family: "Poppins", sans-serif;
}

.nav-tabs .nav-item .active {
  background: #fff;
  color: #e84444;
  border-color: #e84444;
}

/* 19.5 tab content */
.tab-content {
  padding: 40px;
  margin-bottom: 60px;
  border-radius: 5px;
  background: #fff;
  border: 1px solid #e5e5e5;
}

.tab-content-item {
  margin-left: 20px;
}

.tab-content-item:not(:last-child) {
  margin-bottom: 45px;
}

.tab-content-item h6 {
  font-family: "Open Sans", sans-serif;
  font-weight: 600;
  font-size: 14px;
  color: #222;
  margin-bottom: 25px;
  position: relative;
}

.tab-content-item h6::before {
  position: absolute;
  content: "\e65d";
  font-family: "themify";
  top: 0;
  left: -20px;
  color: #e84444;
}

.tab-content-item p {
  margin-bottom: 0;
}

/* project single page end */
/* 21.4.3 pagination */
.pagination .page-item .page-link {
  background: transparent;
  border: none;
  color: #000;
  font-family: "Open Sans", sans-serif;
  font-weight: 600;
  transition: .3s ease;
}

.pagination .page-item .page-link:hover {
  color: #e84444;
}

.pagination .page-item.active .page-link {
  color: #e84444;
}

.pagination .prev,
.pagination .next {
  border: 1px solid #e5e5e5;
  border-radius: 30px;
  padding: 5px 10px;
  transition: .3s ease;
}

.pagination .prev:hover,
.pagination .next:hover {
  border-color: #e84444;
}

.pagination .prev:hover .page-link,
.pagination .next:hover .page-link {
  color: #e84444;
}

.pagination .prev {
  margin-right: 30px;
}

.pagination .next {
  margin-left: 30px;
}

/* 21.4.1 post slider */
.post-slider {
  position: relative;
}

.post-slider .prevArrow,
.post-slider .nextArrow {
  position: absolute;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  line-height: 50px;
  top: 50%;
  border: 0;
  font-size: 20px;
  background: transparent;
  color: #e84444;
  z-index: 9;
  background: rgba(255, 255, 255, 0.8);
  transition: .3s ease;
}

.post-slider .prevArrow:focus,
.post-slider .nextArrow:focus {
  outline: 0;
}

.post-slider .prevArrow:hover,
.post-slider .nextArrow:hover {
  background: rgba(232, 68, 68, 0.25);
}

.post-slider .prevArrow {
  left: 40px;
}

.post-slider .nextArrow {
  right: 40px;
}

.post-slider .slick-disabled {
  color: #e5e5e5;
}

/* 21.4.4 sidebar */
.search-wrapper {
  position: relative;
}

.search-wrapper input {
  background: #f5f5f5;
  border-radius: 30px;
  font-weight: 400;
  height: 40px;
  line-height: 40px;
  padding: 0 25px;
  font-size: 13px;
}

.search-wrapper::before {
  content: "\e610";
  font-family: "themify";
  position: absolute;
  top: 50%;
  right: 20px;
  color: #666;
  transform: translateY(-50%);
}

ul.tag-list li {
  margin-bottom: 7px;
}

ul.tag-list li a {
  color: #666;
  padding: 10px 15px;
  display: block;
  border: 1px solid #e5e5e5;
  border-radius: 30px;
  font-size: 13px;
  transition: .3s ease;
}

ul.tag-list li a:hover {
  background: #e84444;
  border-color: #e84444;
  color: #fff;
}

.newsletter .form-control {
  font-weight: 400;
  padding: 0 20px;
  height: 40px;
  line-height: 40px;
  border-radius: 30px;
  font-size: 13px;
}

/* 21.5 blog single start */
/* share icon */
.share-icon {
  height: 40px;
  width: 40px;
  border-radius: 50%;
  line-height: 40px;
  text-align: center;
  font-size: 16px;
  display: inline-block;
}

.share-icon i {
  color: #fff;
}

/* 21.5.7 blog sidebar */
.sidebar-box-shadow {
  box-shadow: -3px 0px 3px 0px rgba(0, 0, 0, 0.06);
}

/* blog single end */
/* 22. contact section */
.form-control {
  border-radius: 5px;
  padding: 0 15px 2px;
  height: 40px;
  margin-bottom: 15px;
  border: 1px solid #e5e5e5;
  font-family: "Open Sans", sans-serif;
  font-weight: 600;
  font-size: 14px;
  color: #666;
}

.form-control:focus {
  border-color: #e84444;
  box-shadow: none !important;
}

.form-control::-webkit-input-placeholder {
  color: #666;
}

.form-control:-ms-input-placeholder {
  color: #666;
}

.form-control::placeholder {
  color: #666;
}

/* 22.3 google map */
.map {
  position: relative;
}

.map #map_canvas {
  height: 450px;
}

/* 23.1 signup greetings */
.signup {
  border-radius: 5px;
  overflow: hidden;
  box-shadow: 0px 10px 35px 0px rgba(0, 0, 0, 0.1);
  /* 23.2 signup form */
}

.signup-greeting {
  background-position: top center;
  background-size: cover;
  background-repeat: no-repeat;
  padding: 70px 0 140px;
  text-align: center;
}

@media (max-width: 1199px) {
  .signup-greeting {
    padding-bottom: 80px;
  }
}

@media (max-width: 767px) {
  .signup-greeting {
    padding-top: 200px;
  }
}

@media (max-width: 575px) {
  .signup-greeting {
    padding-top: 400px;
  }
}

.signup-greeting img {
  margin-bottom: 50px;
  position: relative;
  z-index: 9;
}

.signup-greeting h4 {
  color: #fff;
  margin-bottom: 20px;
  position: relative;
  z-index: 9;
}

.signup-greeting p {
  color: #fff;
  position: relative;
  z-index: 9;
  margin: 0 40px;
}

.signup-form {
  padding: 50px 50px 50px 35px;
}

@media (max-width: 1199px) {
  .signup-form {
    padding: 50px 15px 50px 0;
  }
}

@media (max-width: 767px) {
.top-header ul li.list-inline-item{ display: inline !important;}
	.top-header ul li a { font-size: 12px !important;
    display:inline-block !important;
    padding: 6px 5px !important;

}
  .signup-form {
    padding: 50px;
  }
}

@media (max-width: 575px) {
  .signup-form {
    text-align: center;
  }
}

.signup-form h4 {
  float: left;
  font-size: 26px;
  margin-bottom: 35px;
}

@media (max-width: 575px) {
  .signup-form h4 {
    float: unset;
  }
}

.signup-form a {
  color: #e84444;
}

.signup-form .btn {
  margin-top: 30px;
}

.signup-form p.signup-with {
  display: inline-block;
  margin-top: 42px;
}

.signup-form ul {
  margin-top: 37px;
  display: inline-block;
}

.signup-form ul li a {
  height: 30px;
  width: 30px;
  line-height: 30px;
  color: #fff;
  text-align: center;
  border-radius: 50%;
  display: inline-block;
}

/* 24. comming soon */
.comming-soon {
  height: 100vh;
  background-size: cover;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}

.comming-soon h1 {
  font-size: 50px;
  font-weight: 600;
}

@media (max-width: 575px) {
  .comming-soon h1 {
    font-size: 30px;
  }
}

.comming-soon .form-control {
  height: 45px;
  border-radius: 45px;
  position: relative;
  background: transparent;
  border: 1px solid #e5e5e5;
  color: #fff;
  margin-bottom: 40px;
}

.comming-soon .form-control::-webkit-input-placeholder {
  color: #666;
}

.comming-soon .form-control:-ms-input-placeholder {
  color: #666;
}

.comming-soon .form-control::placeholder {
  color: #666;
}

.comming-soon .btn-email {
  position: absolute;
  top: 0;
  right: 15px;
  background: #fff;
  border: 0;
  color: #e84444;
  border-radius: 45px;
  height: 45px;
  padding: 0 50px;
}

table{display: grid;}

@media (max-width: 575px) {
  .comming-soon .btn-email {
    padding: 0 10px;
  }
}

.comming-soon i {
  color: #5c5c5c;
  margin: 0 15px;
  transition: .2s ease;
  font-size: 24px;
}

.comming-soon i:hover {
  color: #e84444;
}

/* 24.1 syotimer */
.syotimer {
  text-align: center;
  margin: 0 auto 40px;
}

.syotimer-cell:last-child .syotimer-cell__value::before {
  opacity: 0;
}

.syotimer-cell {
  display: inline-block;
  margin: 0 25px;
}

@media (max-width: 1199px) {
  .syotimer-cell {
    margin: 0 20px;
  }
}

@media (max-width: 575px) {
  .syotimer-cell {
    margin: 0 10px;
  }
}

@media (max-width: 400px) {
  .syotimer-cell {
    margin: 0 5px;
  }
}

.syotimer-cell__value {
  font-size: 60px;
  font-weight: 600;
  color: #fff;
  position: relative;
}

@media (max-width: 1199px) {
  .syotimer-cell__value {
    font-size: 50px;
  }
}

@media (max-width: 575px) {
  .syotimer-cell__value {
    font-size: 30px;
  }
}

@media (max-width: 400px) {
  .syotimer-cell__value {
    font-size: 24px;
  }
}

.syotimer-cell__value::before {
  position: absolute;
  content: ':';
  height: 30px;
  color: #fff;
  right: -30px;
  top: 0;
}

@media (max-width: 575px) {
  .syotimer-cell__value::before {
    right: -20px;
  }
}

@media (max-width: 400px) {
  .syotimer-cell__value::before {
    right: -12px;
  }
}

.syotimer-cell__unit {
  text-transform: uppercase;
  font-weight: 600;
  font-size: 16px;
  color: #fff;
}

/* 25.1 social link */
.social-icon-outline {
  height: 40px;
  width: 40px;
  border-radius: 50%;
  background: transparent;
  border: 1px solid #fff;
  text-align: center;
  transition: .2s ease;
  display: inline-block;
}

.social-icon-outline i {
  line-height: 40px;
  color: #fff;
  font-size: 14px;
}

.social-icon-outline:hover {
  border-color: #e84444;
}

/* 25.2 footer link */
.footer-links {
  padding-left: 18px;
}

.footer-links li {
  margin-bottom: 20px;
  position: relative;
}

.footer-links li::before {
  position: absolute;
  font-family: "themify";
  content: "\e649";
  top: 0;
  left: -20px;
  height: 12px;
  width: auto;
  color: #fff;
}

.footer-links li a {
  color: #fff;
  font-family: "Open Sans", sans-serif;
  font-size: 14px;
  transition: .2s ease;
  display: block;
}

.footer-links li a:hover {
  text-decoration: none;
  color: #e84444;
}

/* 25.3 subcription */
.form-control.subscribe {
  width: 100%;
  border-radius: 35px;
  border: 0;
  padding: 0 20px !important;
  height: 50px;
}

/* subscribe button */
.btn-subscribe {
  position: absolute;
  right: 5px;
  top: 5px;
  border: 0;
  height: 40px;
  width: 40px;
  border-radius: 50%;
  color: #fff;
  background: #e84444;
  transition: all linear .2s;
}

.btn-subscribe:hover {
  padding-left: 15px;
}

.btn-subscribe:focus {
  outline: 0;
}

/* back to top button */
.back-to-top {
  position: absolute;
  height: 50px;
  width: 50px;
  border-radius: 50%;
  color: #fff;
  background: #303032;
  top: -25px;
  right: 10px;
  border: 1px solid #454547;
  text-align: center;
  display: block;
  transition: .2s ease;
}

.back-to-top i {
  line-height: 50px;
}

.back-to-top:hover {
  border-color: #e84444;
}

.back-to-top:focus {
  outline: 0;
}

/*# sourceMappingURL=maps/style.css.map */
.work-slider-image{ border: solid 1px #dddddd;
    margin: 15px;}
.page-title.overlay{ margin-top: 5.89rem;}
.bannerpd{ margin-top: 5.89rem;}

.client-logo-slider img{filter: url(filters.svg#grayscale);
  /* Firefox 3.5+ */
  filter: gray;
  /* IE6-9 */
  -webkit-filter: grayscale(10);}
.client-logo-slider img:hover{filter: url(filters.svg#grayscale);
  /* Firefox 3.5+ */
  filter: gray;
  /* IE6-9 */
  -webkit-filter: grayscale(0);}
  
@media (max-width: 767px) {
h1{ font-size:40px;}

}

@media (max-width: 567px) {
h1{ font-size:28px;}

}

@media (max-width: 767px) {
.onmobile{ display:block !important;}
.bluebg {background-color: #317081 !important;background-size: contain !important; height:70vh;}
.skybg{ background-color:#f5ffff !important; background-size: contain !important; height:70vh;}
.pinkbg{ background-color:#f8f0e5 !important; background-size: contain !important; height:70vh;}
.greenbg{ background-color:#7aa300 !important; background-size: contain !important; height:70vh;}
.clientlogo{margin:0 0 30px 0!important;}
}

.onmobile{ display:none;}
.clientlogo{border: dashed 1px #ccc;
    text-align: center;    margin: 30px 15px;}