/* ------------------------------------------------------------------------------
 Project Name :Go Getters, Dubai
 Description : Main Style Sheet
 Author :Abul Azad.s
 Created On 08-03-2020
 --------------------------------------------------------------------------------*/
 /** Google Fonts **/
 html, body {
   margin: 0;
   padding: 0;
 }
 body {
   color: #aeaeae;
   background: #ffffff;
   font-family: 'Poppins', sans-serif;
   font-size: 16px;
   margin: 0;
   padding: 0;
   -ms-overflow-style: scrollbar;
   overflow-x: hidden;
 }
 html,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
   border: 0;
   margin: 0;
   outline: 0;
   padding: 0;
 }
 ol, ul {
   list-style: none;
 }
 p {
   font-size: 15px;
   line-height: 24px;
   font-weight: 400;
   color: #000000;
 }
 img {
   display: block;
   outline: none;
 }
 img, input, textarea, button {
   border: 0;
   outline: 0;
   resize: none;
 }
 a, a:hover, a:focus {
   text-decoration: none;
   -moz-transition: all .200s ease-in-out;
   -webkit-transition: all .200s ease-in-out;
   transition: all .200s ease-in-out;
 }
 * html .clearfix {
   height: 1%;
 }
 li.clearfix {
   display: list-item;
 }
 *, *:before, *:after {
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   box-sizing: border-box;
 }
 html, body, p, a, li, span, div {
   text-rendering: optimizeLegibility;
   -webkit-font-smoothing: antialiased;
 }
 ::selection {
   background: #00aeef;
   color: #fff;
 }
 ::-moz-selection {
   background: #00aeef;
   color: #fff;
 }
 .btn {
  padding: 4px 15px;
  font-size: 1rem;
  line-height: 1.5;
  border-radius: 35px;
  color: #fff;
}
.theme-heading{
  color: #dcb91f;
  font-size: 40px;font-weight: bold;    margin-bottom: 15px;}
  .theme-heading span{color:#473d7c;display:block;}
  /** Theme Css **/
  header {
    background: #fff;
    padding: 1px 0px 8px;
    -moz-transition: all .300s ease-in-out;
    -webkit-transition: all .300s ease-in-out;
    transition: all .300s ease-in-out;
	display: inline-block;
    width: 100%;
  }
header .left{width:60%;float:left;}
header .right{width:40%;float:left;}
header.header-fixed {
    background-color: #fff;
    -webkit-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.15);
    -moz-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.15);
    box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.15);
  }
.logo{width: 20%;float: left;}
.res-logo{display:none;}
  .top-mnu{margin-top: 38px;float: right;}
  .serarch-blog
  {

margin-top: 50px;
    width: 70%;
    padding-left: 30px;
    float: right;

  }
  .top-mnu a{color: #000;float: left;font-size: 14px;margin-left: 10px;    padding: 5px 5px;}
  .top-mnu a i  {font-size: 15px;margin-right: 8px;}
  .top-mnu a:nth-child(3) {
    border: 1px solid #646262;
    border-radius: 5px;
  }
  .open>.dropdown-menu {
    display: block;
  }
  .subnav {
    background-color: #ffffff;
    box-shadow: 0 3px 5px 0px rgba(0,0,0,.05);
    /*margin-bottom: 15px;*/
  }
    .main-menu ul li{display:table-cell;}
    .main-menu ul li a  {
      color:#000000;
      padding: 9px 15px 10px;
      display: block;
      font-weight: 500;}
      .main-menu ul li a.active,.main-menu ul li a:hover{color:#ffffff;background: #2fbdf2;}
      .search{ width:65%;float: left;position:relative;}
      .search .submit{    position: absolute;
        right: 0px;
        height:35px;
        background-color: #ffcb05;
        top: 0px;
        width: 40px;
        color: #fff;
        font-size: 20px;}
        .search input{padding-right:43px !important;border-left:0px !important;}
        .serarch-blog input,.serarch-blog select{
          width: 100%;
          border: 1px solid #ffcb05;
          height: 35px;
          padding: 0px 10px;
          -moz-appearance: none;
          -webkit-appearance: none;font-size: 14px;
		   background-color: transparent;}
          header .col-md-4{margin-top:35px;}
          .location{float: left;width: 35%;position: relative;}
          .location select{padding: 0px 15px 0 25px;border-right: 0px;}
          .location i {
            position: absolute;
            top: 10px;
            font-size: 17px;
            color: #ffcb05;
            left: 6px;
          }
          .location i.fa-chevron-down {left: auto;right:4px;font-size: 12px;}
          /*Banner Section*/
          .banner-section{clear:both;}
          .main-banner{margin-left: -4px;width: 102.1%;}
          .main-banner .owl-dots {
            text-align: center;
            top: -30px;
            position: relative;
            margin-top: 0px;
          }
          .main-banner .owl-nav button {
            color: #ffcb05 !important;
    width: 30px;
    height: 30px;
    margin-left: 0px;
    border-radius: 25px;
    position: absolute;
    top: 44%;
    /* left: 5px; */
    background-color: #ffffff;
    outline: none;
          }
          .main-banner .owl-nav button.owl-next {
            left: auto;
    right: 0px;
          }
          .main-banner .owl-nav button span {
           font-size: 50px !important;
    position: relative;
    top: -26px;
    font-weight: 300;
          }
          /*Catatogy menu*/
          #menu{display: none;}
          #burgernav {
            width: 28px;
            height: 18px;
            top: 50%;
          }
          #burgernav:before, #burgernav:after {
           content: '';
           display: block;
           background: #333;
           height: 2px;
           width: 28px;
         }
         #burgernav span {
           background: #333;
           display: block;
           height: 2px;
           margin: 6px 0;
           width: 28px;
         }
 .responsive-link{display:none !important;}
 .responsive-link {
     display: none !important;
     background-color: #fff;
     position: fixed;
     bottom: 0px;
     width: 100%;
     z-index: 1000;
     -webkit-box-shadow: 0px 0px 14px -4px rgba(0, 0, 0, 0.75);
     -moz-box-shadow: 0px 0px 14px -4px rgba(0, 0, 0, 0.75);
     box-shadow: 0px 0px 14px -4px rgba(0, 0, 0, 0.75);
	     left: 0;
}
 .responsive-link ul {
     display: table;
     width: 100%;
}
 .responsive-link ul li {
     display: table-cell;
     vertical-align: middle;
     height: 45px;
     position: relative;
     text-align: center;
	     border-right: 1px solid #ccc;
}
 .responsive-link ul .dropdown-menu {
    left: auto !important;
    right: 2px;
    bottom: 100%;
    transform-origin: initial !important;
    margin-bottom: 6px;
    width: 98vw;
    box-shadow: inherit !important;
    background-color: #00aeef !important;
    top: auto !important;
    transform: inherit !important;}

 .responsive-link ul .dropdown-menu a {
    display: block;
    width: 100%;
    font-weight: 400;
    white-space: nowrap;
    height: 35px;
    line-height: 35px;
    border-bottom: 1px #eee solid;
    padding: 0 15px;
    color: #fff;
    font-size: 16px;
}
 .responsive-link ul .dropdown-menu:before {
    content: "";
    border: 7px solid transparent;
    border-top-color: #00aeef;
    font-size: 0;
    line-height: 0;
    display: inline-block;
    bottom: -14px;
    margin-left: 25px;
    position: absolute;
    background-color: transparent;
    right: calc(100% - 86%);
}
 .responsive-link ul .dropdown-menu a:last-child{border-bottom:none;}
 .responsive-link ul li >a, .responsive-link ul li a i{color: #565353;font-size: 30px;}
 /*Catagories Grid css start*/
         .catagory-grid{
           overflow: hidden;
    /*padding: 20px;*/
    margin-bottom: 10px;
    background: #ffffff;
    border: 1px solid #e7e6e6;  
        }
          .catagory-grid a{display: block;
            /*box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);*/
            transition: box-shadow 0.3s ease-in-out;
            transition: all 0.3s ease-in-out;}
            .catagory-grid .top-image
            {
                height: 180;
                position: relative;
                overflow: hidden;
                background-color: #fff;
                border-radius: 90px;
                width: 180px;
                padding-top:10px;

            }
            .catagory-grid .top-image img{-moz-transition: all 0.6s ease;-webkit-transition: all 0.6s ease;transition: all 0.5s ease;border-radius: 5px;margin: 0 auto;}
			.catagory-grid .top-image .res-img{display:none;}
            .catagory-grid .top-image:hover img{
             -moz-transform:scale(1.09);
             -webkit-transform:scale(1.09);
             transform:scale(1.09);
           }
           .catagory-grid .top-image:after {
            content: '';
            width: 100%;
            height: 100%;
            /* background: url(../images/shadow.png) rgba(0, 0, 0, 0) left bottom repeat-x; */
            position: absolute;
            left: 0px;
            bottom: 0px;
            opacity: 0.7;
          }
          .catagory-grid:hover .top-image:after{opacity: 0.9;}
          .catagory-grid .top-image i{display:none;}
          .catagory-grid .hover-text{
            /*position: absolute;*/
            left: 6px;
            bottom: -35px;
            color: #fff;
            transition: all 0.9s ease;
            -webkit-transition: all 0.9s ease;
            -moz-transition: all 0.9s ease;
            -o-transition: all 0.9s ease;
            transition: all 0.9s ease;
            text-align: left;
            padding: 5px;
            z-index: 99;
          }
          .hover-text button{
            color: #fff;
            background-color: #00aeef;
            border-radius: 4px;
            padding: 4px 10px;
            line-height: 12px;
            font-size: 12px;
          }
          .top-image .caption {
            /* position: absolute; */
            z-index: 99;
            padding: 10px;
            width: 100%;
            color: #000;
            font-weight: 500;
            /* background-color: rgba(0, 0, 0, 0.22); */
                text-align: center;
          }
          .catagory-grid .top-image p{white-space: nowrap;width: 100%;overflow: hidden;text-overflow: ellipsis;color: #1d2127;font-size: 11px;line-height: 15px;}
          .catagory-grid .top-image h3{font-size: 15px;font-weight: 600;}
          .catagory-grid:hover .hover-text{bottom:0px;}

/*Related items css*/
          .rated-deal{margin-top: 15px;}
          .related-items{margin-bottom: 15px;}
          .rated-deal h3
          {
              color: #000;
              font-size: 20px;
              font-weight:600;
              margin-bottom: 20px;
              /*border-bottom: 2px solid #eeeeee;*/

          }
          .related-img
          {
              /*border: 1px solid #ccc;*/
            padding: 4px;
            /*border-radius: 8px;*/

          }
            .related-img img
            {
                /*border-radius: 8px;*/

            }
            .related-text{margin-top:10px;box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);padding: 5px;min-height: 110px;}
            .related-text h4{color: #000;font-size: 16px;/*min-height: 65px;*/}
            .related-text h4 span{display: block;color: #898989;font-size: 12px;padding-top: 5px;}
            .related-text  .text-price{color:#000;}
            .related-text  .text-price span{margin-left: 1px;
              font-size: 13px;
              text-align: center;
              color: #a7a5a5;
              text-decoration: line-through;
              font-weight: 200;}
              .related-text  .text-price i{margin-right: 1px;}
              .related-rating li{    float: left;color: #00aeef;margin-right: 3px;font-size: 20px;}
              .related-rating li:first-child{font-size: 15px;}
              .avail-btn  {font-size: 14px;
                color: #fff !important;
                background-color: #ffcb05;
                padding: 2px 5px;
                border-radius: 2px;
                margin: 15px 0px;
                display: inline-block;}
                .relateddeal-caro .owl-nav button
                {
                    color: #ffcb05 !important;
                    width: 30px;
                    height: 30px;
                    margin-left: 7px;
                    border-radius: 30px;
                    position: absolute;
                    top: 30%;
                    left: -25px;
                    background-color: #ffffff;
                    outline: none;
                }
.relateddeal-caro .owl-nav button.owl-next{left:auto;right:-15px;}
.relateddeal-caro .owl-nav button span  {font-size: 39px;position: relative;top: -14px;}
/*Special Offer*/
.spl-offer {
    background: url(../images/vision.jpg) no-repeat bottom;
    min-height: 280px;
    background-size: cover;
    text-align: center;
    display: flex;
    align-items: center;
    padding: 0px 0px 30px;
    position: relative;
    margin-bottom: 25px;
}
.spl-offer h3 {
    color: #000;
    font-size: 52px;
    margin-bottom: 10px;
    font-family: 'Roboto Slab', serif;
}
.spl-offer p{color: #000000;
    margin-bottom: 25px;
    font-size: 25px;}
	.spl-offer p span{
	display: block;
    font-size: 35px;
    padding-top: 15px;}
.spl-offer:before {
    content: " ";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background-color: rgb(255, 193, 7);
    opacity: 0.6;
}
.splofer-cntnt{z-index: 99;margin: 0 auto;}
.splofer-cntnt a
{
    color: #ffffff;
    background-color: #00aeef;
    padding: 3px 25px;
    border-radius: 25px;
    font-weight: 500;
}

/*Clients list*/
.hme-clients ul{    display: table;
    width: 100%;
    margin: 30px 0px;}
.hme-clients ul li{display:table-cell;vertical-align:middle;}

/*Cat list*/
.hme-cat ul{
    display: table;
    width: 100%;
    margin: 30px 0px;
}
.hme-cat ul li{display:table-cell;vertical-align:middle;}


                /*Footer css start*/
                footer{
                 width: 100%;
                 padding: 20px 10px 0px;
                 margin-top: 10px;
                 background: url(../images/footer-bg.png) bottom no-repeat;
                 background-size: 55%;
                 background-color: #fff;
               }
               .footer-top  {padding: 0px 0px 15px;}
               .footer-top .logo{width:20%;}
               .footer-top .float-left{width:12%;}
               .footer-top .float-right{margin-top: 20px;}
               .bottom-flag{clear: both;}
               .bottom-flag a{float: left;
                font-size: 22px !important;
                margin-right: 5px;
                color: #00aeef !important;}
                .footer-top .float-right a{
                  font-size: 16px;
                  display: block;
                  color: #000;}
                  .footer-mid {padding-bottom: 40px;
                    border-top: 1px solid #ccc;
                    padding-top: 15px;}
                    .footer-list{float:left;width:25%;}
                    .footer-list h3{color: #000;
                      font-size: 18px;
                      text-transform: uppercase;
                      margin-bottom: 5px;}
                      .footer-list a{color: #595858;font-size: 14px;}
                      .footer-bottom {padding: 15px 0px;}
                      .footer-bottom p {
                        color: #000;
                        font-weight: 300;
                        float: left;
                        font-size: 13px;
                      }
                      .footer-bottom a {color: #000;font-size:13px;}
                      .footer-bottom-right {float: right;}
                      .footer-bottom-right a {font-weight:300;}
                      .footer-bottom-right a:hover {color: #00aeef;}
                      .footer-bottom-right a:last-child {
                       border-left:1px #ccc solid;
                       padding-left:10px;
                       margin-left:10px;
                       font-weight:300;
                     }
/*Detail Page css*/
/*breadcrumbs css start*/
.breadcrumbs {
	margin-bottom: 10px;
}
.breadcrumbs ul li {
	float: left;
}
.breadcrumbs ul li a {
	color: #000;
	padding-right: 10px;
}
.breadcrumbs ul li a i{margin-left:5px;}
/*catagories-grid*/
.view-cata{border-bottom:0px;margin-bottom:10px}
.view-cata a{color: #000;
    padding: 0px 15px 0px 0px;
    border: 1px solid #e3e3e3 !important;
    padding: 2px 10px;
    border-radius: 0px !important;margin-right: 10px;
}
.view-cata a.active{color: #ffcb05 !important;border: 1px solid #ffcb05 !important;}
.view-cata a i{margin-right: 0px;top: 2px;position: relative;}
#grid-view .catagories-grid{width:50%;float:left;}
#grid-view .catagories-grid .left-image {width: 40%;}
#grid-view .catagories-grid .related-text {width: 60%;min-height: auto;border-bottom: 0px;}
.catagories-grid {margin-bottom: 10px;}
.catagories-grid .left-image{width:25%;float:left;}
.catagories-grid .related-text{float: left;
    width: 75%;
    padding-left: 20px;
    box-shadow: inherit;
    border-bottom: 1px solid #ccc;
    padding-bottom: 8px;margin-top: 0;min-height:201px;}
.catagories-grid .related-text h4 {min-height: auto;}
.cata-pagination {width: 300px;margin: 20px auto;}
.cata-pagination a{
	 color: #00aeef;
    cursor: pointer;
    /* border: 1px solid red; */
    font-size: 16px;
    text-align: center;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 9px;
    border-radius: 50% !important;
    height: 40px;
    width: 40px;
    margin: 5px;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.02), 0 3px 6px rgba(0, 0, 0, 0.08);
    text-decoration: none;}
.cata-pagination a i{position: relative;top: 2px;}
.cata-pagination a:hover {
    color: #ffcb05 !important;
    background-color: #ffffff !important;
}
.responsive-cata-list{display:none;}
/*catagories-detail*/
.catagories-detail h3{color: #000;font-size: 20px;}
.catagories-detail .zoom-image{float:left;width:55%;}
.catagories-detail .related-text{width: 35%;float: left;min-height: auto;margin-left: 20px;box-shadow: inherit;}
.tab-content > .active {display: block;opacity: 1;}
.catagories-detail .nav-tabs {border-bottom: 0;margin-bottom: 20px;}
.catagories-detail .nav-tabs li a {
    border-right: 1px solid #1081ac !important;
    padding: 7px 20px 7px 10px;
    color: #fff !important;
    border-radius: 0px;
    background-color: #00aeef;
}
.catagories-detail .nav-tabs .nav-link.active{border: 1px solid #ffcb05 !important;background-color: #ffce21;}
.catagories-detail .tab-list h4 {color: #000;font-size: 16px;}
form input,form textarea{
    font-size: 15px;
    padding: 0px 10px;
    display: block;
    width: 100%;
    border: none;
    border: 1px solid #757575;
    background-color: transparent !important;
    height: 40px;
}
form textarea{height:150px;}
.catagories-detail .form-group{float: left;width: 48%;
margin: 15px 15px 15px 0px;position:relative;}
form input:focus{
    outline: none;border-bottom: 1px solid red;
}
/* LABEL ======================================= */
form label {
    color: #000000;
    font-size: 16px;
    padding-bottom:10px;
    font-weight: normal;
    /*position: absolute;*/
    pointer-events: none;
    /*left: 7px;*/
    /*top: 10px;*/
    transition: 0.2s ease all;
    -moz-transition: 0.2s ease all;
    -webkit-transition: 0.2s ease all;
}
/* active state */
form input:focus ~ label, form textarea:focus ~ label,
form input:valid ~ label, form textarea:valid ~ label {
    top: -25px;
    font-size: 14px;
    color: #00aeef;
}
form textarea:focus ~ label {
    top: -20px;
}
form .submit {
    width: 200px;
    /* border-radius: 5px; */
    margin: 0 auto;
    display: block;
    color: #fff;
    height: 35px;
    position: relative;
    background: currentColor;
    /* border: 1px solid currentColor; */
    cursor: pointer;
    -webkit-transition: background-color 0.28s ease, color 0.28s ease, box-shadow 0.28s ease;
    transition: background-color 0.28s ease, color 0.28s ease, box-shadow 0.28s ease;
    background-color: #00aeef;
}
form ul{position: relative;top: 25px;}
form .related-rating li:first-child {font-size: 20px;}


/*Zoom Slider*/
.innerdetail-left {
	padding: 20px;
	margin-top: 15px;
	width: 45%;
	float: left;
	margin: 0px 20px;
	border-right: 1px solid #ccc;
}
.innerdetail-right {
	padding: 20px;
}
#country-list{float:left;list-style:none;margin-top:50px;padding:0;width:250px;position: absolute;z-index: 9;}
#country-list li{padding: 10px; background: white; border-bottom: #bbb9b9 1px solid;}
#country-list li:hover{background:#00aeef;cursor: pointer; color: white;}

.container-fluid.sec1 {
    background: #f4f4f4;
}
.container-fluid.sec4 {
    background: #f4f4f4;
    padding: 30px;
}
.col-sm.float-sm-left {
    background: #ffcb05;
}

.top-image {
    height: 120px;
    position: relative;
    overflow: hidden;
    background-color: #fff;
    border-radius: 60px;
    width: 120px;
    padding-top: 20px;
    margin-bottom: 10px;
    margin: 0 auto;
}
.caption h4 {
    font-size: 14px;
      font-weight: 700;
}
.caption p {
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #1d2127;
    font-size: 11px;
    line-height: 15px;
}
.caption {
    text-align: center;
    color: #222222;
    margin-top:5px;
}
.hrelated-text h4 {
    font-size: 14px;
    line-height: 1.7;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
        color: #222222;
   
}

@media only screen and (max-width: 600px) {
  .catagory-grid .top-image {
      height: unset;
      position: relative;
      overflow: hidden;
      background-color: unset;
      border-radius: 0;
      width: unset;
          border: 1px solid #ffcb05;
      /*padding-top:0px;*/
  }
  .main-banner .owl-nav button{
 display: none;
}
.owl-dots .owl-dot span {
    width: 6px;
    height: 6px;
    background: #c4c3c2;
    display: inline-block;
    border-radius: 50%;
}
.demo-solution--flexbox {
  display: flex;
  align-items: center;
      justify-content: center;
  color: #000000;
  padding: 20px;
font-weight: 500;
  margin:auto;
}
 .demo-solution--flexbox img {
    margin: 10px;
    padding: 10px;
    transition: margin 300ms;
  }
 .demo-solution--flexbox:hover img{
      margin-left: 15px;
    }

}
/*.demo-solution--flexbox {*/
/*  display: flex;*/
/*  align-items: center;*/
/*      justify-content: center;*/
/*  color: #000000;*/
/*  padding: 20px;*/
/*font-weight: 500;*/
/*  margin:auto;*/
/*  img {*/
/*    margin: 10px;*/
/*    padding: 10px;*/
/*    transition: margin 300ms;*/
/*  }*/
/*  &:hover {*/
/*    img {*/
/*      margin-left: 15px;*/
/*    }*/
/*  }*/




.contact_form{ 
    width:320px;
    margin:auto;
    display:block;
}