@charset "UTF-8";
*, *:after, *:before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

body {
  margin: 0px;
}

img {
  max-width: 100%;
  display: block;
  margin: 0 auto;
  border: 0px;
}

/* phone low res */
@media only screen and (max-width: 359px) and (min-width: 1px) {
  #phone_low_res {
    background: #000;
    margin: 0 auto;
    width: 100%;
    height: 100%;
    font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
    color: #fff;
    font-weight: bold;
    font-size: 13px;
    text-align: center;
    text-transform: uppercase;
    line-height: 18px;
    position: fixed;
    z-index: 999;
  }

  #phone_low_res:after {
    background-image: url(../images/low_res.jpg);
    background-repeat: repeat;
    background-color: red;
    top: 0%;
    left: 0px;
    bottom: 0px;
    right: 0px;
    text-align: center;
    vertical-align: middle;
    content: "Your phone supports a low resolution, please upgrade your phone to view the app. ";
    position: absolute;
    opacity: initial;
    padding: 41px;
    z-index: 999;
  }

  /*        #phone_low_res{
              background:#000;
              -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";  
              filter: alpha(opacity=50);  
              -moz-opacity: 0.5;  
              -khtml-opacity: 0.5; 
              opacity: 0.5;		
              z-index:999;
              margin: 0 auto;
              padding: 0px;		
              width: 100%;
              height: 100%;
              font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
              color: #fff;
              font-size: 15px;		
              text-align: center;
              position: fixed;		
  	}
  
  	#phone_low_res:after {
              background-image:url(../images/low_res.jpg);
              background-repeat:repeat; 
              background-color: red;            
              top: 45%;
              left: 0px;
              bottom: 0px;
              right: 0px;
              text-align: center;
              vertical-align: middle;
              content: "Your phone supports a low resolution, please upgrade your phone to view the app. ";
              position: absolute;
              opacity: initial;
              height: 130px;
              padding: 41px;
              z-index: 999;
          }*/
}
/* phone low res */
/* Old IE Browser */
#old_ie_browser_ishfaak_msg {
  font: 38px/1 'Hammer Thin';
  /*font-family:Tahoma, Geneva, sans-serif;
  font-size: 34px; */
  letter-spacing: -1px;
  font-weight: normal;
  /*text-align:left;*/
  line-height: 43px;
  color: #fff;
  text-shadow: 1px 2px 5px #969696;
  text-decoration: none;
  text-transform: uppercase;
  background: black;
  border-bottom: 1px solid red;
  width: 100%;
  height: 100%;
  padding-top: 55px;
  text-align: center;
  vertical-align: middle;
  position: fixed;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  z-index: 9999;
  -moz-opacity: 0.93;
  opacity: .93;
  filter: alpha(opacity=93);
}

/* Old IE Browser */
/* Ishfaak structural styles -----------------------------*/
.header {
  /*background-image: url('../images/bg.jpg');
  background-position: center top;
  background-repeat: no-repeat;*/
  /*-moz-box-shadow: 0px 2px 9px #888;
  -webkit-box-shadow: 0px 2px 9px #888;
  box-shadow: 0px 2px 9px #888;
  max-height: 420px;*/
  width: 100%;
  height: auto;
  position: relative;
}

.header:after {
  content: ".";
  visibility: hidden;
  display: block;
  height: 0;
  clear: both;
}

.section {
  width: 100%;
  height: auto;
  background-color: #fff;
  position: relative;
}

.section:after {
  content: ".";
  visibility: hidden;
  display: block;
  height: 0;
  clear: both;
}

.footer {
  width: 100%;
  height: auto;
  background-color: #fff;
  position: relative;
}

.footer:after {
  content: ".";
  visibility: hidden;
  display: block;
  height: 0;
  clear: both;
}

.common_biz94_class {
  width: 100%;
  height: auto;
  text-align: center;
  position: relative;
  clear: both;
}

.my_gen_wrap_left_dtl {
  /*background:red;*/
  float: left;
  position: relative;
}

.my_gen_wrap_left {
  /*background:red;*/
  float: left;
  position: relative;
}

.my_gen_wrap_right {
  float: right;
  position: relative;
}

.my_gen_wrap_right_for_mid_gal {
  /*background:black !important;*/
  float: left;
  position: relative;
}

.my_gen_wrap {
  position: relative;
}

.center_div {
  margin: 0 auto;
  position: relative;
}

.each_img_hold {
  background: #fff;
  border: 1px solid #f3e9db;
  /*max-width: 376px;*/
  padding: 10px;
  height: auto;
  float: left;
  margin: 6px;
  padding: 8px;
  position: relative;
}

/*shadow line ------------------*/
.webi_shadow_line_wrap {
  width: 100%;
  max-width: 783px;
  margin: 5px auto;
  position: relative;
}

.webi_shadow_line_wrap .webi_shadow_line {
  overflow: hidden;
  height: 27px;
}

.webi_shadow_line_wrap .webi_shadow_line:after {
  content: '';
  display: block;
  margin: -25px auto 0;
  width: 100%;
  height: 15px;
  border-radius: 125px / 12px;
  box-shadow: 0 0 31px black;
}

/*shadow line ------------------*/
/* webinamedia.com gallery structure ----------------------------------------------------------------- */
.wrapper_gallery_methone {
  width: 100%;
  max-width: 1773px;
  height: auto;
  margin: 100px auto;
  clear: both;
  position: relative;
  background: aliceblue;
  /* padding: 0px 25px 10px 25px; */
  /* Remove this when at framework */
}

.ishfaak_gallery_container_fluid {
  height: auto;
  overflow: hidden;
}

.gallery_right {
  /*    width: 219px;*/
  max-width: 345px;
  width: 100%;
  float: right;
}

.gallery_left {
  float: none;
  width: auto;
  overflow: hidden;
}

.padding_18 {
  padding: 18px 0px 18px 0px;
  /* for the design I keep this */
  /* padding:18px; */
  /* this should be the one kept */
  z-index: 108;
}

.shadow_grey {
  border: 1px solid #f1e8e1;
  background: white;
  width: 100%;
  height: 100%;
  /*    max-width: 366px;    */
  margin-bottom: 45px;
  padding: 8px;
  float: left;
  display: block;
  position: relative;
}

.shadow_bottom {
  -moz-box-shadow: 0px 26px 47px -22px #d1d1d1;
  -webkit-box-shadow: 0px 26px 47px -22px #d1d1d1;
  box-shadow: 0px 26px 47px -22px #d1d1d1;
  -o-box-shadow: 0px 26px 47px -22px #d1d1d1;
  /*    transform: scale(0.9);
      -o-transform: scale(0.9);
      -ms-transform: scale(0.9);
      -webkit-transform: scale(0.9);
      -moz-transform: scale(0.9);
      
      -moz-box-shadow: 1px 1px 31px 3px #e0e0e0;
      -webkit-box-shadow: 1px 1px 31px 3px #e0e0e0;
      box-shadow: 1px 1px 31px 3px #e0e0e0;
      -o-box-shadow: 1px 1px 31px 3px #e0e0e0;*/
}

.shadow_bottom:hover {
  -moz-box-shadow: 0px 26px 47px -22px #b1b1b1;
  -webkit-box-shadow: 0px 26px 47px -22px #b1b1b1;
  box-shadow: 0px 26px 47px -22px #b1b1b1;
  -o-box-shadow: 0px 26px 47px -22px #b1b1b1;
}

.box_shadow {
  -moz-box-shadow: 0px 5px 13px 0px #e8e8e8;
  -webkit-box-shadow: 0px 5px 13px 0px #e8e8e8;
  box-shadow: 0px 5px 13px 0px #e8e8e8;
  -o-box-shadow: 0px 5px 13px 0px #e8e8e8;
}

.box_shadow:hover {
  border: 1px solid #ed2b88;
  -moz-box-shadow: 0 10 40px 3px #b1b1b1;
  -webkit-box-shadow: 0 10 40px 3px #b1b1b1;
  box-shadow: 0 10 40px 3px #b1b1b1;
  -o-box-shadow: 0 10 40px 3px #b1b1b1;
}

.lft_shadow_box {
  margin-top: -18px;
}

.a_product_of_webina {
  width: 98%;
  height: auto;
  margin: 0 auto;
  top: 0px;
  position: relative;
  padding: 5px;
}

.col_rpt_method_one {
  border: 1px solid red;
  width: 30.41%;
  height: auto;
  float: left;
  /*    margin: 0 2.3% 28px 0px;*/
  margin: 0 2.85% 28px 0px;
  padding: 0%;
}

/* Ishfaak webinamedia.com gallery structure ----------------------------------------------------------------- */
.my_gen_if_no_width_block {
  display: block;
  float: left;
  clear: both;
}

/*  Gallery each repeat This works fine with centering and margin with height and without but to be more precice I write the below  */
.my_gen_inline_block {
  display: inline-block;
  clear: both;
}

/*  Gallery each repeat This works fine with centering and margin with height and without but to be more precice I write the below  */
/* Ishfaak webinamedia.com gallery structure ----------------------------------------------------------------- */
.fluid_wraper {
  width: 100%;
  margin: 0px auto;
}

.fluid_wraper > div {
  margin: 0 0 0px 0;
  min-width: 500px;
  width: 100%;
}

.fluid_table {
  display: table;
}

.fluid_table .col {
  /*			display: inline-block;
  			width: 32%;*/
  /*                        width: 30.41%;
                          height: auto;
                          float: left;                        
                          margin: 0 2.85% 28px 0px;
                          padding: 0%;*/
  width: 31.41%;
  height: auto;
  float: left;
  margin: 0 1.85% 28px 0px;
  padding: 0%;
}

/* Ishfaak webinamedia.com gallery structure ----------------------------------------------------------------- */
/*Mobile icon struc two col*/
.dashboard_mob_block {
  /*    width: 49%;
      padding: 13px 0px 13px 0px;
      margin: -2px 1px 0px 0px;
      display: inline-block;
      position: relative;*/
  /*    margin: 2.5% 1px 0 1.9%;
      padding: 2.5% 0;
      width: 47.2%;
      height: auto;
      float: left;
      display: block;
      text-align: center;*/
  /*    margin: 1.8% 1px 0 1.9%;    */
  margin: 2.5% 1px 0 1.9%;
  /*padding: 2% 0;*/
  padding: 1.2% 0;
  width: 47.2%;
  height: auto;
  /*    float: left;*/
  /*    display: block;*/
  display: inline-block;
  text-align: center;
}

.dashboard_ele_center {
  height: 124px;
  width: 94%;
  text-align: center;
  margin: 0 auto;
  display: table;
}

/*Mobile icon struc two col*/
/*center----------------------------------------------*/
.shadow_red {
  border: 1px solid #fff;
  -moz-box-shadow: 0 0 15px 3px #ae3432;
  -webkit-box-shadow: 0 0 15px 3px #ae3432;
  box-shadow: 0 0 15px 3px #ae3432;
  -ms-box-shadow: 0 0 15px 3px #ae3432;
  -o-box-shadow: 0 0 15px 3px #ae3432;
}

hr.hrline {
  border: none;
  color: #cecece;
  background-color: #cecece;
  height: 1px;
}

.margin_top_12px {
  margin-top: 12px;
}

.div_each_row {
  width: 100%;
  height: auto;
  position: relative;
}

.container {
  display: table;
  position: absolute;
  height: 100%;
  width: 100%;
}

.content_cen {
  display: table-cell;
  vertical-align: middle;
}

.hold_implement {
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

.other_container {
  width: 100%;
  height: auto;
  text-align: center;
  position: relative;
}

#content {
  background: #fff;
  border: 1px solid #c4c6ca;
  margin: 0 auto;
  padding: 58px;
  position: relative;
  text-align: center;
  text-shadow: 0 1px 0 #fff;
  width: 100%;
  max-width: 360px;
  z-index: 100;
}

/*Center-----------------------------------------------*/
/* If img small stay same if big scale to fit div and resize */
.one {
  border: 1px solid red;
  background: white;
  display: table-cell;
  text-align: center;
  vertical-align: middle;
}

.one_wid {
  width: 300px;
  height: 300px;
}

.one img {
  display: inline;
  max-width: 100%;
}

/* If img small stay same if big scale to fit div and resize */
/* If img small stretch to fit div if big fit to div size */
.two {
  border: 1px solid red;
  background: white;
  display: table-cell;
  text-align: center;
  vertical-align: middle;
}

.two_wid {
  width: 300px;
  height: 300px;
}

.two img {
  /* display:inline;
  max-width: 100%; */
  width: 300px;
  height: 300px;
}

/* If img small stretch to fit div if big fit to div size */
.txt_algn_left {
  text-align: left !important;
}

.txt_algn_right {
  text-align: right !important;
}

.txt_algn_center {
  text-align: center !important;
}

.pace .pace-progress {
  background: #413bf7;
  position: fixed;
  z-index: 2000;
  top: 0;
  left: 0;
  height: 3px;
  /* Original */
  /* -webkit-transition: width 1s;
  -moz-transition: width 1s;
  -o-transition: width 1s;
  transition: width 1s; */
  /* Ishfaak ---------------------------------------------------*/
  box-shadow: #413bf7 1px 0 3px 0px;
  border-radius: 50%;
  -moz-transition: width 500ms ease-out,opacity 400ms linear;
  -ms-transition: width 500ms ease-out,opacity 400ms linear;
  -o-transition: width 500ms ease-out,opacity 400ms linear;
  -webkit-transition: width 500ms ease-out,opacity 400ms linear;
  transition: width 500ms ease-out,opacity 400ms linear;
  /* Ishfaak ---------------------------------------------------*/
}

.pace-inactive {
  display: none;
}

/* Ishfaak structural styles -----------------------------*/
[class*='col-'] {
  float: left;
  padding-right: 20px;
  /* column-space */
}

.grid {
  width: 100%;
  max-width: 1773px;
  min-width: 755px;
  margin: 0 auto;
  overflow: hidden;
}

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

.grid-pad {
  /*	padding-top: 5px;
  	padding-left: 20px;	
  	padding-right: 20px; */
  padding: 5px 25px 10px 25px;
}

.push-right {
  float: right;
}

/* Content Columns */
.col-1-1 {
  width: 100%;
}

.col-2-3, .col-8-12 {
  width: 66.66%;
}

.col-1-2, .col-6-12 {
  width: 50%;
}

.col-1-3, .col-4-12 {
  width: 33.33%;
}

.col-1-4, .col-3-12 {
  width: 25%;
}

.col-1-5 {
  width: 20%;
}

.col-1-6, .col-2-12 {
  width: 16.667%;
}

.col-1-7 {
  width: 14.28%;
}

.col-1-8 {
  width: 12.5%;
}

.col-1-9 {
  width: 11.1%;
}

.col-1-10 {
  width: 10%;
}

.col-1-11 {
  width: 9.09%;
}

.col-1-12 {
  width: 8.33%;
}

/* Layout Columns */
.col-11-12 {
  width: 91.66%;
}

.col-10-12 {
  width: 83.333%;
}

.col-9-12 {
  width: 75%;
}

.col-5-12 {
  width: 41.66%;
}

.col-7-12 {
  width: 58.33%;
}

/* Pushing blocks */
.push-2-3, .push-8-12 {
  margin-left: 66.66%;
}

.push-1-2, .push-6-12 {
  margin-left: 50%;
}

.push-1-3, .push-4-12 {
  margin-left: 33.33%;
}

.push-1-4, .push-3-12 {
  margin-left: 25%;
}

.push-1-5 {
  margin-left: 20%;
}

.push-1-6, .push-2-12 {
  margin-left: 16.667%;
}

.push-1-7 {
  margin-left: 14.28%;
}

.push-1-8 {
  margin-left: 12.5%;
}

.push-1-9 {
  margin-left: 11.1%;
}

.push-1-10 {
  margin-left: 10%;
}

.push-1-11 {
  margin-left: 9.09%;
}

.push-1-12 {
  margin-left: 8.33%;
}

/* Ishfaak structural styles -----------------------------*/
/*Original*/
@media handheld, only screen and (max-width: 767px) {
  /*@media only screen and (max-width: 989px) and (min-width: 768px){*/
  .grid {
    width: 100%;
    min-width: 0;
    margin-left: 0px;
    margin-right: 0px;
    padding-left: 20px;
    /* grid-space to left */
    padding-right: 20px;
    /* grid-space to right: (grid-space-left - column-space) e.g. 20px-10px=10px */
  }

  [class*='col-'] {
    width: auto;
    float: none;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 0px;
    margin-bottom: 0px;
    padding-left: 0px;
    padding-right: 10px;
    /* column-space */
  }

  /* Mobile Layout */
  [class*='mobile-col-'] {
    float: left;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 0px;
    margin-bottom: 10px;
    padding-left: 0px;
    padding-right: 10px;
    /* column-space */
    padding-bottom: 0px;
  }

  .mobile-col-1-1 {
    width: 100%;
  }

  .mobile-col-2-3, .mobile-col-8-12 {
    width: 66.66%;
  }

  .mobile-col-1-2, .mobile-col-6-12 {
    width: 50%;
  }

  .mobile-col-1-3, .mobile-col-4-12 {
    width: 33.33%;
  }

  .mobile-col-1-4, .mobile-col-3-12 {
    width: 25%;
  }

  .mobile-col-1-5 {
    width: 20%;
  }

  .mobile-col-1-6, .mobile-col-2-12 {
    width: 16.667%;
  }

  .mobile-col-1-7 {
    width: 14.28%;
  }

  .mobile-col-1-8 {
    width: 12.5%;
  }

  .mobile-col-1-9 {
    width: 11.1%;
  }

  .mobile-col-1-10 {
    width: 10%;
  }

  .mobile-col-1-11 {
    width: 9.09%;
  }

  .mobile-col-1-12 {
    width: 8.33%;
  }

  /* Layout Columns */
  .mobile-col-11-12 {
    width: 91.66%;
  }

  .mobile-col-10-12 {
    width: 83.333%;
  }

  .mobile-col-9-12 {
    width: 75%;
  }

  .mobile-col-5-12 {
    width: 41.66%;
  }

  .mobile-col-7-12 {
    width: 58.33%;
  }

  .hide-on-mobile {
    display: none !important;
    width: 0;
    height: 0;
  }
}
/*Ishfaak My Custom Range-----------------------------------------*/
/* @media only screen and (max-width: 989px) and (min-width: 768px){ */
@media only screen and (max-width: 915px) and (min-width: 768px) {
  .grid {
    width: 100%;
    min-width: 0;
    margin-left: 0px;
    margin-right: 0px;
    padding-left: 20px;
    /* grid-space to left */
    padding-right: 20px;
    /* grid-space to right: (grid-space-left - column-space) e.g. 20px-10px=10px */
  }

  [class*='col-'] {
    width: auto;
    float: none;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 0px;
    margin-bottom: 0px;
    padding-left: 0px;
    padding-right: 10px;
    /* column-space */
  }

  /* Mobile Layout */
  [class*='mobile-col-'] {
    float: left;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 0px;
    margin-bottom: 10px;
    padding-left: 0px;
    padding-right: 10px;
    /* column-space */
    padding-bottom: 0px;
  }

  .mobile-col-1-1 {
    width: 100%;
  }

  .mobile-col-2-3, .mobile-col-8-12 {
    width: 66.66%;
  }

  .mobile-col-1-2, .mobile-col-6-12 {
    width: 50%;
  }

  .mobile-col-1-3, .mobile-col-4-12 {
    width: 33.33%;
  }

  .mobile-col-1-4, .mobile-col-3-12 {
    width: 25%;
  }

  .mobile-col-1-5 {
    width: 20%;
  }

  .mobile-col-1-6, .mobile-col-2-12 {
    width: 16.667%;
  }

  .mobile-col-1-7 {
    width: 14.28%;
  }

  .mobile-col-1-8 {
    width: 12.5%;
  }

  .mobile-col-1-9 {
    width: 11.1%;
  }

  .mobile-col-1-10 {
    width: 10%;
  }

  .mobile-col-1-11 {
    width: 9.09%;
  }

  .mobile-col-1-12 {
    width: 8.33%;
  }

  /* Layout Columns */
  .mobile-col-11-12 {
    width: 91.66%;
  }

  .mobile-col-10-12 {
    width: 83.333%;
  }

  .mobile-col-9-12 {
    width: 75%;
  }

  .mobile-col-5-12 {
    width: 41.66%;
  }

  .mobile-col-7-12 {
    width: 58.33%;
  }

  .hide-on-mobile {
    display: none !important;
    width: 0;
    height: 0;
  }
}
/*Ishfaak My Custom Range-----------------------------------------*/
/*Ishfaak My Custom Range-----------------------------------------*/
@media only screen and (max-width: 537px) and (min-width: 481px) {
  .grid {
    width: 100%;
    min-width: 0;
    margin-left: 0px;
    margin-right: 0px;
    padding-left: 20px;
    /* grid-space to left */
    padding-right: 20px;
    /* grid-space to right: (grid-space-left - column-space) e.g. 20px-10px=10px */
  }

  [class*='col-'] {
    width: auto;
    float: none;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 0px;
    margin-bottom: 0px;
    padding-left: 0px;
    padding-right: 10px;
    /* column-space */
  }

  /* Mobile Layout */
  [class*='mobile-col-'] {
    float: left;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 0px;
    margin-bottom: 10px;
    padding-left: 0px;
    padding-right: 10px;
    /* column-space */
    padding-bottom: 0px;
  }

  .mobile-col-1-1 {
    width: 100%;
  }

  .mobile-col-2-3, .mobile-col-8-12 {
    width: 66.66%;
  }

  .mobile-col-1-2, .mobile-col-6-12 {
    width: 50%;
  }

  .mobile-col-1-3, .mobile-col-4-12 {
    width: 33.33%;
  }

  .mobile-col-1-4, .mobile-col-3-12 {
    width: 25%;
  }

  .mobile-col-1-5 {
    width: 20%;
  }

  .mobile-col-1-6, .mobile-col-2-12 {
    width: 16.667%;
  }

  .mobile-col-1-7 {
    width: 14.28%;
  }

  .mobile-col-1-8 {
    width: 12.5%;
  }

  .mobile-col-1-9 {
    width: 11.1%;
  }

  .mobile-col-1-10 {
    width: 10%;
  }

  .mobile-col-1-11 {
    width: 9.09%;
  }

  .mobile-col-1-12 {
    width: 8.33%;
  }

  /* Layout Columns */
  .mobile-col-11-12 {
    width: 91.66%;
  }

  .mobile-col-10-12 {
    width: 83.333%;
  }

  .mobile-col-9-12 {
    width: 75%;
  }

  .mobile-col-5-12 {
    width: 41.66%;
  }

  .mobile-col-7-12 {
    width: 58.33%;
  }

  .hide-on-mobile {
    display: none !important;
    width: 0;
    height: 0;
  }
}
/*Ishfaak My Custom Range-----------------------------------------*/
/*My font styles -------------------------------*/
@font-face {
  font-family: "Argo_Flats";
  src: url("Argo_Flats.ttf");
}
@font-face {
  font-family: "vagroundedlightssi-bold";
  src: url("vagroundedlightssi-bold.ttf");
}
@font-face {
  font-family: "Raleway-Regular";
  font-weight: 700;
  src: url("Raleway-Regular.ttf");
}
@font-face {
  font-family: "Hammer Thin";
  font-weight: 700;
  src: url("Hammer Thin.ttf");
}
@font-face {
  font-family: "Bradley-Hand-ITC";
  font-weight: 700;
  src: url("Bradley-Hand-ITC.ttf");
}
@font-face {
  font-family: "Proxima_Nova_Thin";
  font-weight: 700;
  src: url("Proxima_Nova_Thin-webfont.ttf");
}
@font-face {
  font-family: "source-sans-pro-light";
  font-weight: 500;
  src: url("source-sans-pro-light.ttf");
}
/*Rating Icon-------------------------------------------*/
@font-face {
  font-family: 'Glyphicons Halflings';
  src: url("glyphicons-halflings-regular.eot");
  src: url("glyphicons-halflings-regular.eot?#iefix") format("embedded-opentype"), url("glyphicons-halflings-regular.woff") format("woff"), url("glyphicons-halflings-regular.ttf") format("truetype"), url("glyphicons-halflings-regular.svg#glyphicons_halflingsregular") format("svg");
}
.glyphicon-thumbs-up:before {
  content: "\e125";
  cursor: pointer;
  cursor: hand;
}

.glyphicon-thumbs-down:before {
  content: "\e126";
  cursor: pointer;
  cursor: hand;
}

.glyphicon-eye-open:before {
  content: "";
}

.glyphicon-eye-close:before {
  content: "";
}

.glyphicon {
  color: #fff;
  left: 1px;
  top: 7px;
  font-size: 23px;
  display: inline-block;
  font-family: 'Glyphicons Halflings';
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  cursor: pointer;
  cursor: hand;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
}

.pg_views {
  cursor: none !important;
  cursor: none !important;
}

/*Rating Icon-------------------------------------------*/
a {
  text-decoration: none;
  color: inherit;
}

/*a {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	color:$general_font_colour;
	font-size:13px;
	line-height:15px;	
	margin-bottom:9px;	
	text-decoration:none !important;
    outline: 0;		
}

a:visited {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	color:$general_font_colour;
	font-size:13px;
	line-height:15px;	
	margin-bottom:9px;	
	text-decoration:none;
    outline: 0;			
}

a:active {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	color:$general_font_colour;
	font-size:13px;
	line-height:15px;	
	margin-bottom:9px;	
	text-decoration:none;
    outline: 0;			
}

a:hover {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	color:$a_hover;
	font-size:13px;
	line-height:15px;	
	margin-bottom:9px;	
	text-decoration:underline;
    outline: 0;			
}*/
/*span{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	color: $white;
	font-size:13px;
	line-height:18px !important;	
	margin-bottom:9px;	
	text-decoration:none;	
}*/
h1 {
  font: 30px/1 'Argo_Flats';
  letter-spacing: -1px;
  text-rendering: optimizelegibility;
  font-weight: normal;
  text-align: center;
  line-height: 31px;
  color: #fff;
  text-shadow: 1px 2px 5px #969696;
  text-decoration: none;
}

h2 {
  /*font: 18px/1 'vagroundedlightssi-bold';*/
  /*	// font: 25px/1 'Raleway-Regular';	*/
  /*        font: 28px/1 'Proxima_Nova_Thin';*/
  font: 28px/1 'source-sans-pro-light';
  text-rendering: optimizelegibility;
  font-weight: normal;
  line-height: 24px !important;
  color: #000;
  text-align: left;
  /*	text-transform: uppercase;*/
  letter-spacing: -1px;
}

h3 {
  font: 53px/1 'Hammer Thin';
  /*font-family:Tahoma, Geneva, sans-serif;
  font-size: 34px; */
  letter-spacing: -1px;
  font-weight: normal;
  /*text-align:left;*/
  line-height: 43px;
  color: #fff;
  text-shadow: 1px 2px 5px #969696;
  text-decoration: none;
}

h4 {
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  font-size: 34px;
  letter-spacing: -1px;
  font-weight: normal;
  line-height: 18px;
  color: #6c6c6c;
  text-shadow: 1px 2px 5px #969696;
  text-decoration: none;
}

.header_main {
  font: 43px/1 'Argo_Flats';
  letter-spacing: -1px;
  text-rendering: optimizelegibility;
  font-weight: normal;
  text-align: left;
  line-height: 31px;
  color: #fff;
  text-shadow: 1px 2px 5px #969696;
  text-decoration: none;
}

.dtl_header {
  font: 48px/1 'source-sans-pro-light';
  letter-spacing: -1px;
  font-weight: normal;
  line-height: 23px;
  color: #191919;
  text-shadow: 1px 2px 5px #969696;
  text-decoration: none;
}

.font_sub_header_all_caps {
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  font-size: 13px;
  line-height: 20px;
  color: #000;
  text-transform: uppercase;
}

.font_geo_all_caps {
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  font-size: 13px;
  line-height: 24px;
  color: #6c6c6c;
  text-transform: uppercase;
}

.mandatory {
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  font-size: 13px;
  line-height: 20px;
  color: #ff0000;
  text-transform: uppercase;
}

.font_footer_slogan {
  font: 21px/1 'Bradley-Hand-ITC';
  line-height: 20px;
  color: #191919;
  font-weight: bold;
  text-transform: uppercase;
}

.top_banner_font {
  font: 18px/1 'source-sans-pro-light';
  font-weight: bold;
  text-align: left;
  line-height: 41px;
  color: #fff;
  text-shadow: 1px 2px 5px #969696;
  text-decoration: none;
}

.footer_black_font {
  font: 18px/1 'Proxima_Nova_Thin';
  font-weight: bold;
  text-align: left;
  line-height: 41px;
  color: #191919;
  text-shadow: 1px 2px 5px #969696;
  text-decoration: none;
}

.each_record_fontdtl {
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  font-size: 13px;
  line-height: 23px !important;
  color: #000;
}

.each_record_font {
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  font-size: 13px;
  line-height: 23px !important;
  color: #fff !important;
}

.each_record_font a:link {
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  font-size: 13px;
  line-height: 20px;
  color: #fff !important;
  text-decoration: none;
}

.each_record_font a:active {
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  font-size: 13px;
  line-height: 20px;
  color: #fff !important;
  text-decoration: none;
}

.each_record_font a:visited {
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  font-size: 13px;
  line-height: 20px;
  color: #fff !important;
  text-decoration: none;
}

.each_record_font a:hover {
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  font-size: 13px;
  line-height: 20px;
  color: #fe7801 !important;
  text-decoration: none;
}

.each_record_font_btn {
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  font-size: 13px;
  line-height: 0px !important;
  color: #fff;
}

.each_record_font_btn a:active {
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  font-size: 13px;
  line-height: 0px !important;
  color: #fff;
  text-decoration: none;
}

.each_record_font_btn a:visited {
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  font-size: 13px;
  line-height: 0px !important;
  color: #fff;
  text-decoration: none;
}

.each_record_font_btn a:hover {
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  font-size: 13px;
  line-height: 0px !important;
  color: #fe7801;
  text-decoration: none;
}

.each_left_cat {
  border: 1px solid #575757;
  padding: 5px;
  float: left;
  position: relative;
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  font-size: 13px;
  line-height: 23px !important;
  margin: 3px;
  color: #fff;
}

.each_left_cat a {
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  font-size: 13px;
  line-height: 20px;
  color: #fff;
  text-decoration: none;
}

.each_left_cat a:visited {
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  font-size: 13px;
  line-height: 20px;
  color: #fff;
  text-decoration: none;
}

.each_left_cat a:active {
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  font-size: 13px;
  line-height: 20px;
  color: #fff;
  text-decoration: none;
}

.each_left_cat a:hover {
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  font-size: 13px;
  line-height: 20px;
  color: #fe7801;
  text-decoration: none;
}

.detail_cat {
  border: 1px solid #f3e9db;
  padding: 13px;
  float: left;
  position: relative;
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  font-size: 13px;
  line-height: 11px !important;
  margin: 0px 13px 12px 0px;
  color: #000;
}

.detail_cat_new {
  border: 1px solid #f3e9db;
  padding: 13px;
  display: inline-block;
  position: relative;
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  font-size: 13px;
  line-height: 11px !important;
  margin: 0px 13px 12px 0px;
  color: #000;
}

.selection_cat {
  border: 1px solid #f3e9db;
  padding: 13px;
  float: left;
  position: relative;
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  font-size: 13px;
  line-height: 11px !important;
  margin: 8px;
  color: #000;
}

.bg_shad_col_color {
  -moz-box-shadow: 0 0 13px 1px #faf4ec;
  -webkit-box-shadow: 0 0 13px 1px #faf4ec;
  box-shadow: 0 0 13px 1px #faf4ec;
  -o-box-shadow: 0 0 13px 1px #faf4ec;
}

.bor {
  border: 1px solid #f3e9db;
}

.black_box_like {
  border: 1px solid #fff;
  background: #191919;
  -moz-box-shadow: 0 0 15px 3px #eaeaea;
  -webkit-box-shadow: 0 0 15px 3px #eaeaea;
  box-shadow: 0 0 15px 3px #eaeaea;
  -o-box-shadow: 0 0 15px 3px #eaeaea;
}

.white_box_like {
  border: 1px solid #fff;
  background: #fff;
}

.topbanner_small_font {
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  font-size: 13px;
  line-height: 15px !important;
  text-decoration: none;
  color: #fff;
}

.topbanner_small_font a {
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  font-size: 13px;
  line-height: 15px !important;
  text-decoration: none;
  color: #fff;
}

.topbanner_small_font a:visited {
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  font-size: 13px;
  line-height: 15px !important;
  text-decoration: none;
  color: #fff;
}

.topbanner_small_font a:active {
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  font-size: 13px;
  line-height: 15px !important;
  text-decoration: none;
  color: #fff;
}

.topbanner_small_font a:hover {
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  font-size: 13px;
  line-height: 15px !important;
  text-decoration: none;
  color: #fe7801;
}

.topbanner_small_font_pur {
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  font-size: 13px;
  font-weight: bold;
  line-height: 20px !important;
  color: #e50062;
}

.topbanner_small_font_orange {
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  font-size: 13px;
  font-weight: bold;
  line-height: 20px !important;
  color: #fe9900;
}

.topbanner_small_font_black {
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  font-size: 13px;
  font-weight: bold;
  line-height: 20px !important;
  color: #000;
}

p {
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 20px;
  color: #000;
}

p a {
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 20px;
  color: #000;
  text-decoration: none;
}

p a:visited {
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 20px;
  color: #000;
  text-decoration: none;
}

p a:active {
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 20px;
  color: #000;
  text-decoration: none;
}

p a:hover {
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 20px;
  color: #fe7801;
  text-decoration: none;
}

.special_links a {
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  color: #fff;
  font-size: 13px;
  font-style: normal;
  font-weight: normal;
  text-decoration: none;
  text-transform: none;
}

.special_links a:visited {
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  color: #fff;
  font-size: 13px;
  font-style: normal;
  font-weight: normal;
  text-decoration: none;
  text-transform: none;
}

.special_links a:active {
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  color: #fff;
  font-size: 13px;
  font-style: normal;
  font-weight: normal;
  text-decoration: none;
  text-transform: none;
}

.special_links a:hover {
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  color: #fe7801;
  font-size: 13px;
  font-style: normal;
  font-weight: normal;
  text-decoration: none;
  text-transform: none;
}

/*My styles spaces -------------------------------*/
.italic {
  color: #191919;
  font-style: italic;
}

.gold_bor {
  border: 1px solid #f3e9db;
}

.marg_pad_30 {
  margin: 16px;
  padding: 30px;
}

.white_font {
  color: #fff !important;
}

.form_left_pad {
  padding: 11px 0px 11px 11px;
}

.grey_font {
  color: #000 !important;
}

.width22 {
  width: 22px;
}

.width_20pct {
  width: 20%;
}

.width_35pct {
  width: 35%;
}

.width_29pct {
  width: 29%;
}

.max_width_325px {
  max-width: 325px;
}

.width_78pct {
  width: 78%;
}

.width_46pct {
  /*	width:45%;*/
  width: 50%;
}

.width_47pct {
  width: 47%;
}

.width_47_dtl_pct {
  width: 47%;
}

.width_29_dtl_newpct {
  width: 29%;
}

.width_29_dtl_newpct {
  width: 29%;
  min-width: 218px;
}

.width_50pct {
  width: 50%;
}

.width_100pct {
  width: 100%;
}

.width_99pct {
  width: 99%;
}

.width_98pct {
  width: 98%;
}

.dtl_lft {
  max-width: 678px;
  width: 60%;
}

.dtl_rgt {
  max-width: 445px;
  width: 39%;
}

.min-hei {
  min-height: 500px;
}

.min_wid1130px {
  min-width: 1130px;
}

.min_208_width {
  min-width: 208px;
}

.align_text_left {
  text-align: left;
}

.align_text_center {
  text-align: center !important;
}

.align_text_right {
  text-align: right;
}

.if_inline_txt_float_lft {
  text-align: left;
  float: left;
  position: relative;
}

.only_txt_float_lft {
  text-align: left !important;
}

.dtl_only_txt_float_lft {
  text-align: left !important;
}

.my_space_left12 {
  left: 12px;
}

.my_space_top22 {
  top: 41px;
}

.my_space_left28 {
  padding-top: 35px;
  top: 2px;
}

.width98 {
  width: 98%;
}

.mar_lft_12 {
  margin-left: 12px;
}

.mar_lftdtl_12 {
  margin-left: 12px;
}

.mar_right_14 {
  margin-left: 14px;
}

.mar_lftshw_12 {
  margin-left: 18px;
}

.space_bottom1 {
  margin-bottom: 1px;
}

.space_bottom7 {
  margin-bottom: 7px;
}

.space_bottom13 {
  margin-bottom: 13px;
}

/*.space_bottom_pad10{
	padding-bottom: 10px;
}*/
.space_bottom_pad59 {
  padding-bottom: 59px;
}

.space_bottom_pad6 {
  padding-bottom: 6px;
}

.space_bottom18 {
  margin-bottom: 18px;
}

.space_bottom14 {
  margin-bottom: 14px;
}

.space_bottom38 {
  margin-bottom: 38px;
}

.space_top1 {
  padding-top: 1px;
}

.space_top3 {
  padding-top: 3px;
}

.space_top4 {
  padding-top: 4px;
}

.space_topdtldtl9 {
  padding-top: 9px;
}

.space_top10 {
  padding-top: 10px;
}

.space_top10dtl {
  top: 10px;
  position: relative;
}

.space_top21 {
  padding-top: 21px;
}

.space_top2 {
  padding-top: 2px;
}

.space_top4 {
  padding-top: 2px;
}

.space_top6 {
  padding-top: 6px;
}

.space_top7 {
  padding-top: 7px;
}

.space_top8 {
  padding-top: 8px;
}

.space_top10 {
  padding-top: 10px;
}

.space_top12 {
  padding-top: 12px;
}

.space_top13 {
  padding-top: 13px;
}

.space_top_dtl14 {
  padding-top: 14px;
}

.space_top15 {
  padding-top: 15px;
}

.space_top17 {
  padding-top: 17px;
}

.space_top24 {
  padding-top: 24px;
}

.space_top20 {
  padding-top: 20px;
}

.space_top26 {
  padding-top: 26px;
}

.space_top28 {
  padding-top: 28px;
}

.space_top31 {
  padding-top: 31px;
}

.space_top36 {
  padding-top: 36px;
}

.space_top46 {
  padding-top: 46px;
}

.space_top63 {
  padding-top: 63px;
}

.space_top115 {
  padding-top: 115px;
}

.space_top59 {
  padding-top: 59px;
  color: #fff !important;
  font-size: 13px !important;
}

.mar_left_143 {
  margin-left: 143px;
}

.margin_left_9 {
  margin-left: 9px;
}

.margin_left_26 {
  margin-left: 26px;
}

.space_top15 {
  padding-top: 15px;
}

.space_top115 {
  padding-top: 115px;
}

.space_top175 {
  padding-top: 175px;
}

.space_padding_btm9 {
  padding-bottom: 9px;
}

.space_bottom19 {
  padding-bottom: 19px;
}

.space_bottom24 {
  padding-bottom: 24px;
}

.space_bottom64 {
  padding-bottom: 64px;
}

.space_bottom84 {
  padding-bottom: 84px;
}

.space_padding_btm1 {
  padding-bottom: 1px;
}

.space_padding_btm5 {
  padding-bottom: 5px;
}

.space_for_adv {
  padding: 15px 0px 0px 8px;
}

.space_bottom_padding8 {
  padding-bottom: 8px;
}

.space_bottom_padding126 {
  padding-bottom: 126px;
}

.space_bottom_padding178 {
  padding-bottom: 178px;
}

.space_bottom_padding108 {
  padding-bottom: 108px;
}

.space_bottom_padding130 {
  padding-bottom: 130px;
}

.space_top30 {
  padding-top: 30px;
}

.space_top38 {
  padding-top: 38px;
}

.space_top43 {
  padding-top: 43px;
}

.space_top55 {
  padding-top: 55px;
}

.space_top31 {
  padding-top: 31px;
}

.space_top28 {
  padding-top: 28px;
}

.space_top39 {
  padding-top: 39px;
}

.space_top40 {
  padding-top: 40px;
}

.space_top69 {
  padding-top: 69px;
}

.space_top78 {
  padding-top: 78px;
}

.space_bottom_padding15 {
  padding-bottom: 10px;
}

.space_bottom_padding6 {
  padding-bottom: 6px;
}

.width_like_count {
  width: 43px;
  height: 21px;
  text-align: center !important;
  margin-right: 2px;
}

.padding_left_29 {
  padding-left: 26px;
}

.space_top112 {
  margin-top: 112px;
}

.space_topminu7 {
  margin-top: -7px;
  margin-bottom: 7px;
}

.space_top3 {
  margin-top: 3px;
}

.space_top4 {
  top: 1px;
  position: relative;
}

.space_top5 {
  top: 5px;
  position: relative;
}

.margin_rgt12 {
  margin-right: 12px;
}

.margin_left_8 {
  margin-left: 8px;
}

.margin_left_8other {
  margin-left: 8px;
}

.margin_left_14 {
  margin-left: 14px;
}

.margin_left_15 {
  margin-left: 15px;
}

.margin_left_21 {
  margin-left: 21px;
}

.margin_left_23 {
  margin-left: 23px;
}

.margin_left_38 {
  margin-left: 38px;
}

.margin_left_1 {
  margin-left: 1px;
}

.margintop34 {
  margin-top: 34px;
}

.button_black_color {
  border: 1px solid white;
  line-height: 29px;
  background: #4c4c4c;
  background: -moz-linear-gradient(top, #4c4c4c 0%, #595959 12%, #666666 25%, #474747 39%, #2c2c2c 50%, black 51%, #111111 60%, #2b2b2b 76%, #1c1c1c 91%, #131313 100%);
  background: -webkit-gradient(left top, left bottom, color-stop(0%, #4c4c4c), color-stop(12%, #595959), color-stop(25%, #666666), color-stop(39%, #474747), color-stop(50%, #2c2c2c), color-stop(51%, black), color-stop(60%, #111111), color-stop(76%, #2b2b2b), color-stop(91%, #1c1c1c), color-stop(100%, #131313));
  background: -webkit-linear-gradient(top, #4c4c4c 0%, #595959 12%, #666666 25%, #474747 39%, #2c2c2c 50%, black 51%, #111111 60%, #2b2b2b 76%, #1c1c1c 91%, #131313 100%);
  background: -o-linear-gradient(top, #4c4c4c 0%, #595959 12%, #666666 25%, #474747 39%, #2c2c2c 50%, black 51%, #111111 60%, #2b2b2b 76%, #1c1c1c 91%, #131313 100%);
  background: -ms-linear-gradient(top, #4c4c4c 0%, #595959 12%, #666666 25%, #474747 39%, #2c2c2c 50%, black 51%, #111111 60%, #2b2b2b 76%, #1c1c1c 91%, #131313 100%);
  background: linear-gradient(to bottom, #4c4c4c 0%, #595959 12%, #666666 25%, #474747 39%, #2c2c2c 50%, black 51%, #111111 60%, #2b2b2b 76%, #1c1c1c 91%, #131313 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4c4c4c', endColorstr='#131313', GradientType=0 );
  -moz-box-shadow: 0 0 15px 3px #d6d6d6;
  -webkit-box-shadow: 0 0 15px 3px #d6d6d6;
  box-shadow: 0 0 15px 3px #d6d6d6;
  -o-box-shadow: 0 0 15px 3px #d6d6d6;
}

.space_top16 {
  margin-top: 16px;
}

.space_top19 {
  margin-top: 19px;
}

.space_top23 {
  margin-top: 23px;
}

.space_top14 {
  margin-top: 14px;
}

.yellow {
  background: #fe9900;
}

.green {
  background: #749901;
}

.bgyellow {
  background: #fe9900;
  color: #fff !important;
  width: 245px;
  /*    top: -13px;*/
  top: -36px;
  padding: 6px;
  margin: 0 auto;
  text-align: center;
  position: relative;
}

.bgwhite {
  background: #fff;
  width: 245px;
  /*    top: -14px;*/
  top: -36px;
  padding: 16px;
  margin: 0 auto;
  text-align: center;
  position: relative;
}

.bggreen {
  background: #94b921;
  width: 245px;
  top: -13px;
  padding: 6px;
  margin: 0 auto;
  text-align: center;
  position: relative;
}

.space_marg_top4 {
  margin-top: 4px;
}

.all_caps {
  text-transform: uppercase !important;
}

.pos_rel_up {
  position: relative;
  z-index: 998;
}

.padding9 {
  padding: 9px;
}

.social_msg_height {
  min-height: 54px;
}

.social_img_height {
  top: 19px;
  position: relative;
}

input[data-readonly] {
  pointer-events: none;
}

.margin_top20 {
  margin-top: -20px;
}

.margin_top57 {
  margin-top: -57px;
}

/*My styles spaces -------------------------------*/
.black {
  color: #6c6c6c !important;
  text-transform: capitalize;
}

.blackbg {
  font: 83px/1 'Argo_Flats';
  line-height: 141px;
  letter-spacing: -1px;
  text-rendering: optimizelegibility;
  color: #fff !important;
  background-color: #191919;
}

.jud_blackbg {
  text-rendering: optimizelegibility;
  background-color: #191919;
}

.social_bluebg {
  text-rendering: optimizelegibility;
  background-color: #168ae2;
}

.social_font_size {
  width: 90px !important;
  height: 68px !important;
  top: 10px;
  text-align: center;
  vertical-align: middle;
  display: table-cell;
  position: relative;
  padding: 5px;
  font-size: 45px !important;
  color: #fff;
}

.black_bg_lay {
  background-color: #191919;
}

/*Ishfaak Structure-----------------*/
body {
  background-color: #FFFFFF;
  overflow-x: hidden;
}

* {
  margin: 0;
}

/* img {	
	max-width:100%;
	border:0px;
} */
body.file_not_found {
  overflow-x: hidden !important;
  background: url("../images/low_res.jpg") center top;
  background-repeat: repeat;
  background-color: #fff;
  /*background-repeat:no-repeat;*/
  /*background-attachment: fixed;
  -webkit-background-size:cover;
  -moz-background-size:cover;
  -o-background-size:cover;
  background-size:cover;*/
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  color: #565656;
  font-size: 14px;
  width: 100%;
}

#modal_window_webina {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.5);
  z-index: 99999;
  height: 100%;
  width: 100%;
  padding: 20px;
}

.modal_webi_conent {
  border: 1px solid #a1a1a1;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-52%, -52%);
  background: #fff;
  width: 85%;
  padding: 35px;
  -moz-box-shadow: 0px 5px 13px 0px #e8e8e8;
  -webkit-box-shadow: 0px 5px 13px 0px #e8e8e8;
  box-shadow: 0px 5px 13px 0px #e8e8e8;
  -o-box-shadow: 0px 5px 13px 0px #e8e8e8;
}

#close_btn_dialog {
  top: 0px;
  right: 15px;
  position: absolute;
  padding: 12px;
}

#close_btn_dialog:after {
  font-family: tahoma;
  font-size: 34px;
  text-shadow: 0 1px 0 #fff !important;
  color: red;
  text-align: center;
  vertical-align: middle;
  content: "x";
}

/* Banner -------------------------------------------------*/
.slideshow {
  position: relative;
  /* margin-bottom: 100px; */
}

.slides {
  list-style: none;
  padding: 0;
  margin: 0;
  position: relative;
  min-height: 350px;
  width: 100%;
  overflow: hidden;
}

.no-js .slides {
  height: auto;
}

.slides > li {
  width: 100%;
  height: 100%;
  position: absolute;
  visibility: hidden;
  -webkit-perspective: 1600px;
  perspective: 1600px;
}

.no-js .slides > li {
  position: relative;
  visibility: visible;
}

.slideshow > nav {
  text-align: center;
  margin-top: 0px;
  z-index: 991;
  position: relative;
}

.slideshow > nav span {
  display: inline-block;
  width: 60px;
  height: 5px;
  /*border-top: 10px solid #fff;
  border-bottom: 10px solid #fff;*/
  background-color: #fff;
  cursor: pointer;
  margin: 0 3px;
  transition: background-color 0.2s;
}

.slideshow > nav span:hover {
  background-color: #000;
}

.slideshow > nav span.current {
  background-color: #c8d900;
}

.description {
  /*if 100%*/
  /*width: 47%;
  padding: 1em 4em;
  font-size: 1.5em;	
  line-height: 20px;
  left:1%;
  position: relative;
  z-index: 1000;
  opacity: 0;*/
  width: 36%;
  padding: 1px 0em;
  font-size: 1.5em;
  /*added for firefox overwrite*/
  line-height: 20px;
  left: 6.5%;
  position: relative;
  z-index: 1000;
  opacity: 0;
}

.no-js .description {
  opacity: 1;
}

.tiltview {
  position: absolute;
  left: 41%;
  width: 89%;
  top: 49%;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-transform: translateY(-41%) rotateX(63deg) rotateZ(35deg);
  transform: translateY(-41%) rotateX(63deg) rotateZ(35deg);
}

.tiltview a {
  outline: 1px solid red;
  -moz-box-shadow: 46px 16px 63px 0px #000;
  -webkit-box-shadow: 46px 16px 63px 0px #000;
  box-shadow: 46px 16px 63px 0px #000;
  -o-box-shadow: 46px 16px 63px 0px #000;
}

.tiltview a,
.tiltview a img {
  max-width: 100%;
  display: block;
  margin: 0 auto;
}

.tiltview a:first-child {
  margin-bottom: 30px;
}

.tiltview.row a {
  width: 48%;
  width: calc(50% - 15px);
  margin: 0;
}

.tiltview.row a:nth-child(2) {
  left: 50%;
  left: calc(50% + 15px);
  position: absolute;
  top: 0;
}

/* Show/Hide */
.slides > li.current,
.slides > li.show {
  visibility: visible;
}

.description {
  transition: opacity 0.75s;
}

.current .description,
.show .description {
  opacity: 1;
}

.hide .description {
  opacity: 0;
}

/* Individual effects */
/* Move Up, Move Down, Slide Up, Slide Down, Slide Left, Slide Right */
/* For each effect we'll define the incoming and outgoing animation */
/***********************/
/* Move up */
/***********************/
.hide[data-effect-out="moveUpOut"] .tiltview a {
  -webkit-animation: moveUpOut 1.5s both;
  animation: moveUpOut 1.5s both;
}

.hide[data-effect-out="moveUpOut"] .tiltview a:nth-child(2) {
  -webkit-animation-delay: 0.25s;
  animation-delay: 0.25s;
}

@-webkit-keyframes moveUpOut {
  25% {
    -webkit-animation-timing-function: cubic-bezier(1, 0, 0, 1);
    -webkit-transform: translateZ(-30px);
  }
  100% {
    -webkit-transform: translateZ(3000px);
  }
}
@keyframes moveUpOut {
  25% {
    -webkit-animation-timing-function: cubic-bezier(1, 0, 0, 1);
    animation-timing-function: cubic-bezier(1, 0, 0, 1);
    -webkit-transform: translateZ(-30px);
    transform: translateZ(-30px);
  }
  100% {
    -webkit-transform: translateZ(3000px);
    transform: translateZ(3000px);
  }
}
.show[data-effect-in="moveUpIn"] .tiltview a {
  -webkit-animation: moveUpIn 1.5s 0.5s both;
  animation: moveUpIn 1.5s 0.5s both;
}

.show[data-effect-in="moveUpIn"] .tiltview a:nth-child(2) {
  -webkit-animation-delay: 0.75s;
  animation-delay: 0.75s;
}

@-webkit-keyframes moveUpIn {
  0% {
    -webkit-animation-timing-function: cubic-bezier(1, 0, 0, 1);
    -webkit-transform: translateZ(-3000px);
  }
  75% {
    -webkit-transform: translateZ(30px);
  }
  100% {
    -webkit-transform: translateZ(0);
  }
}
@keyframes moveUpIn {
  0% {
    -webkit-animation-timing-function: cubic-bezier(1, 0, 0, 1);
    animation-timing-function: cubic-bezier(1, 0, 0, 1);
    -webkit-transform: translateZ(-3000px);
    transform: translateZ(-3000px);
  }
  75% {
    -webkit-transform: translateZ(30px);
    transform: translateZ(30px);
  }
  100% {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}
/***********************/
/* Move down */
/***********************/
.hide[data-effect-out="moveDownOut"] .tiltview a {
  -webkit-animation: moveDownOut 1.5s both;
  animation: moveDownOut 1.5s both;
}

.hide[data-effect-out="moveDownOut"] .tiltview a:nth-child(2) {
  -webkit-animation-delay: 0.25s;
  animation-delay: 0.25s;
}

@-webkit-keyframes moveDownOut {
  25% {
    -webkit-animation-timing-function: cubic-bezier(1, 0, 0, 1);
    -webkit-transform: translateZ(30px);
  }
  100% {
    -webkit-transform: translateZ(-3000px);
  }
}
@keyframes moveDownOut {
  25% {
    -webkit-animation-timing-function: cubic-bezier(1, 0, 0, 1);
    animation-timing-function: cubic-bezier(1, 0, 0, 1);
    -webkit-transform: translateZ(30px);
    transform: translateZ(30px);
  }
  100% {
    -webkit-transform: translateZ(-3000px);
    transform: translateZ(-3000px);
  }
}
.show[data-effect-in="moveDownIn"] .tiltview a {
  -webkit-animation: moveDownIn 1.5s 0.5s both;
  animation: moveDownIn 1.5s 0.5s both;
}

.show[data-effect-in="moveDownIn"] .tiltview a:nth-child(2) {
  -webkit-animation-delay: 0.75s;
  animation-delay: 0.75s;
}

@-webkit-keyframes moveDownIn {
  0% {
    -webkit-animation-timing-function: cubic-bezier(1, 0, 0, 1);
    -webkit-transform: translateZ(3000px);
  }
  75% {
    -webkit-transform: translateZ(-30px);
  }
  100% {
    -webkit-transform: translateZ(0);
  }
}
@keyframes moveDownIn {
  0% {
    -webkit-animation-timing-function: cubic-bezier(1, 0, 0, 1);
    animation-timing-function: cubic-bezier(1, 0, 0, 1);
    -webkit-transform: translateZ(3000px);
    transform: translateZ(3000px);
  }
  75% {
    -webkit-transform: translateZ(-30px);
    transform: translateZ(-30px);
  }
  100% {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}
/***********************/
/* Slide up */
/***********************/
.hide[data-effect-out="slideUpOut"] .tiltview a {
  -webkit-animation: slideUpOut 1.5s both;
  animation: slideUpOut 1.5s both;
}

.hide[data-effect-out="slideUpOut"] .tiltview a:nth-child(2) {
  -webkit-animation-delay: 0.25s;
  animation-delay: 0.25s;
}

@-webkit-keyframes slideUpOut {
  25% {
    -webkit-animation-timing-function: cubic-bezier(1, 0, 0, 1);
    -webkit-transform: translateY(30px);
  }
  100% {
    -webkit-transform: translateY(-3000px);
  }
}
@keyframes slideUpOut {
  25% {
    -webkit-animation-timing-function: cubic-bezier(1, 0, 0, 1);
    animation-timing-function: cubic-bezier(1, 0, 0, 1);
    -webkit-transform: translateY(30px);
    transform: translateY(30px);
  }
  100% {
    -webkit-transform: translateY(-3000px);
    transform: translateY(-3000px);
  }
}
.show[data-effect-in="slideUpIn"] .tiltview a {
  -webkit-animation: slideUpIn 1.5s 0.5s both;
  animation: slideUpIn 1.5s 0.5s both;
}

.show[data-effect-in="slideUpIn"] .tiltview a:nth-child(2) {
  -webkit-animation-delay: 0.75s;
  animation-delay: 0.75s;
}

@-webkit-keyframes slideUpIn {
  0% {
    -webkit-animation-timing-function: cubic-bezier(1, 0, 0, 1);
    -webkit-transform: translateY(3000px);
  }
  75% {
    -webkit-transform: translateY(-30px);
  }
  100% {
    -webkit-transform: translateY(0);
  }
}
@keyframes slideUpIn {
  0% {
    -webkit-animation-timing-function: cubic-bezier(1, 0, 0, 1);
    animation-timing-function: cubic-bezier(1, 0, 0, 1);
    -webkit-transform: translateY(3000px);
    transform: translateY(3000px);
  }
  75% {
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
/***********************/
/* Slide down */
/***********************/
.hide[data-effect-out="slideDownOut"] .tiltview a {
  -webkit-animation: slideDownOut 1.5s both;
  animation: slideDownOut 1.5s both;
}

.hide[data-effect-out="slideDownOut"] .tiltview.row a:nth-child(2),
.hide[data-effect-out="slideDownOut"] .tiltview.col a:first-child {
  -webkit-animation-delay: 0.25s;
  animation-delay: 0.25s;
}

@-webkit-keyframes slideDownOut {
  25% {
    -webkit-animation-timing-function: cubic-bezier(1, 0, 0, 1);
    -webkit-transform: translateY(-30px);
  }
  100% {
    -webkit-transform: translateY(3000px);
  }
}
@keyframes slideDownOut {
  25% {
    -webkit-animation-timing-function: cubic-bezier(1, 0, 0, 1);
    animation-timing-function: cubic-bezier(1, 0, 0, 1);
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  100% {
    -webkit-transform: translateY(3000px);
    transform: translateY(3000px);
  }
}
.show[data-effect-in="slideDownIn"] .tiltview a {
  -webkit-animation: slideDownIn 1.5s 0.5s both;
  animation: slideDownIn 1.5s 0.5s both;
}

.show[data-effect-in="slideDownIn"] .tiltview.row a:nth-child(2),
.show[data-effect-in="slideDownIn"] .tiltview.col a:first-child {
  -webkit-animation-delay: 0.75s;
  animation-delay: 0.75s;
}

@-webkit-keyframes slideDownIn {
  0% {
    -webkit-animation-timing-function: cubic-bezier(1, 0, 0, 1);
    -webkit-transform: translateY(-3000px);
  }
  75% {
    -webkit-transform: translateY(30px);
  }
  100% {
    -webkit-transform: translateY(0);
  }
}
@keyframes slideDownIn {
  0% {
    -webkit-animation-timing-function: cubic-bezier(1, 0, 0, 1);
    animation-timing-function: cubic-bezier(1, 0, 0, 1);
    -webkit-transform: translateY(-3000px);
    transform: translateY(-3000px);
  }
  75% {
    -webkit-transform: translateY(30px);
    transform: translateY(30px);
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
/***********************/
/* Slide left */
/***********************/
.hide[data-effect-out="slideLeftOut"] .tiltview a {
  -webkit-animation: slideLeftOut 1.5s both;
  animation: slideLeftOut 1.5s both;
}

.hide[data-effect-out="slideLeftOut"] .tiltview a:nth-child(2) {
  -webkit-animation-delay: 0.25s;
  animation-delay: 0.25s;
}

@-webkit-keyframes slideLeftOut {
  25% {
    -webkit-animation-timing-function: cubic-bezier(1, 0, 0, 1);
    -webkit-transform: translateX(30px);
  }
  100% {
    -webkit-transform: translateX(-5000px);
  }
}
@keyframes slideLeftOut {
  25% {
    -webkit-animation-timing-function: cubic-bezier(1, 0, 0, 1);
    animation-timing-function: cubic-bezier(1, 0, 0, 1);
    -webkit-transform: translateX(30px);
    transform: translateX(30px);
  }
  100% {
    -webkit-transform: translateX(-5000px);
    transform: translateX(-5000px);
  }
}
.show[data-effect-in="slideLeftIn"] .tiltview a {
  -webkit-animation: slideLeftIn 1.5s 0.5s both;
  animation: slideLeftIn 1.5s 0.5s both;
}

.show[data-effect-in="slideLeftIn"] .tiltview a:nth-child(2) {
  -webkit-animation-delay: 0.75s;
  animation-delay: 0.75s;
}

@-webkit-keyframes slideLeftIn {
  0% {
    -webkit-animation-timing-function: cubic-bezier(1, 0, 0, 1);
    -webkit-transform: translateX(3000px);
  }
  75% {
    -webkit-transform: translateX(-30px);
  }
  100% {
    -webkit-transform: translateX(0);
  }
}
@keyframes slideLeftIn {
  0% {
    -webkit-animation-timing-function: cubic-bezier(1, 0, 0, 1);
    animation-timing-function: cubic-bezier(1, 0, 0, 1);
    -webkit-transform: translateX(3000px);
    transform: translateX(3000px);
  }
  75% {
    -webkit-transform: translateX(-30px);
    transform: translateX(-30px);
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
/***********************/
/* Slide right */
/***********************/
.hide[data-effect-out="slideRightOut"] .tiltview a {
  -webkit-animation: slideRightOut 1.5s both;
  animation: slideRightOut 1.5s both;
}

.hide[data-effect-out="slideRightOut"] .tiltview.col a:nth-child(2),
.hide[data-effect-out="slideRightOut"] .tiltview.row a:first-child {
  -webkit-animation-delay: 0.25s;
  animation-delay: 0.25s;
}

@-webkit-keyframes slideRightOut {
  25% {
    -webkit-animation-timing-function: cubic-bezier(1, 0, 0, 1);
    -webkit-transform: translateX(-30px);
  }
  100% {
    -webkit-transform: translateX(3000px);
  }
}
@keyframes slideRightOut {
  25% {
    -webkit-animation-timing-function: cubic-bezier(1, 0, 0, 1);
    animation-timing-function: cubic-bezier(1, 0, 0, 1);
    -webkit-transform: translateX(-30px);
    transform: translateX(-30px);
  }
  100% {
    -webkit-transform: translateX(3000px);
    transform: translateX(3000px);
  }
}
.show[data-effect-in="slideRightIn"] .tiltview a {
  -webkit-animation: slideRightIn 1.5s 0.5s both;
  animation: slideRightIn 1.5s 0.5s both;
}

.show[data-effect-in="slideRightIn"] .tiltview.col a:nth-child(2),
.show[data-effect-in="slideRightIn"] .tiltview.row a:first-child {
  -webkit-animation-delay: 0.75s;
  animation-delay: 0.75s;
}

@-webkit-keyframes slideRightIn {
  0% {
    -webkit-animation-timing-function: cubic-bezier(1, 0, 0, 1);
    -webkit-transform: translateX(-5000px);
  }
  75% {
    -webkit-transform: translateX(30px);
  }
  100% {
    -webkit-transform: translateX(0);
  }
}
@keyframes slideRightIn {
  0% {
    -webkit-animation-timing-function: cubic-bezier(1, 0, 0, 1);
    animation-timing-function: cubic-bezier(1, 0, 0, 1);
    -webkit-transform: translateX(-5000px);
    transform: translateX(-5000px);
  }
  75% {
    -webkit-transform: translateX(30px);
    transform: translateX(30px);
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
/* Fallback for no 3D Transforms and no preserve-3d */
.no-csstransformspreserve3d .show .tiltview a,
.no-csstransformspreserve3d .hide .tiltview a,
.no-csstransforms3d .show .tiltview a,
.no-csstransforms3d .hide .tiltview a {
  -webkit-animation: none !important;
  animation: none !important;
}

.no-csstransforms3d .tiltview.col {
  top: -50%;
}

.no-csstransforms3d .tiltview.row {
  top: 20px;
}

/* Some media queries */
@media screen and (max-width: 65.3125em) {
  .description,
  .tiltview {
    width: 100%;
  }

  .tiltview {
    left: 0;
    opacity: 0.3;
    pointer-events: none;
  }
}
@media screen and (max-width: 33.75em) {
  .description {
    font-size: 12px;
  }

  .slideshow > nav span {
    width: 60px;
    height: 5px;
    margin: 0 5px;
  }
}
@media screen and (max-width: 24em) {
  .slides {
    height: 320px;
  }

  .description {
    font-size: 1em;
    padding: 1.4em;
  }

  .no-csstransforms3d .tiltview.col,
  .no-csstransforms3d .tiltview.row {
    top: 0;
  }
}
@media only screen and (max-width: 480px) and (min-width: 385px) {
  .description {
    font-size: 1em;
    padding: 7px;
  }
}
@media only screen and (max-width: 580px) and (min-width: 481px) {
  .description {
    font-size: 16px;
    padding: 7px;
  }

  h3 {
    font: 37px/1 'Hammer Thin';
  }
}
@media only screen and (max-width: 768px) and (min-width: 581px) {
  .description {
    font-size: 16px;
    padding: 22px;
  }

  h3 {
    font: 37px/1 'Hammer Thin';
  }
}
/* Banner -------------------------------------------------*/
/* Navigation BOF-----------------------------------------------*/
.wrapper_menu {
  position: relative;
  width: 100%;
  margin: 0px auto;
  z-index: 999;
}

#main {
  padding: 0px 0;
}

#nav-trigger {
  display: none;
  text-align: right;
}

#nav-trigger span {
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  font-size: 13px;
  color: transparent !important;
  text-decoration: none;
  display: inline-block;
  padding: 8px 0px;
  cursor: pointer;
  text-transform: uppercase;
}

#nav-trigger span:after {
  background-image: url("../images/resmenu.png");
  background-repeat: no-repeat;
  display: inline-block;
  margin-left: 10px;
  width: 31px;
  height: 24px;
  content: "";
}

#nav-trigger span.open:after {
  background-image: url("../images/resmenu.png");
  background-repeat: no-repeat;
}

nav {
  margin-bottom: 30px;
}

nav#nav-main ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  text-align: right;
}

nav#nav-main li {
  display: inline-block;
  /*border-right: solid 1px #950025;*/
  padding: 0 5px;
}

nav#nav-main li:last-child {
  border-right: none;
}

nav#nav-main a {
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  font-size: 13px;
  color: #fff;
  text-decoration: none;
  transition: 0.3s ease-in-out;
  -webkit-transition: 0.3s ease-in-out;
  display: block;
  padding: 8px 8px;
}

nav#nav-main a:hover {
  background-color: #b5c503;
  color: #fff;
}

.round {
  background: #b5c503;
  border-radius: 38px;
}

nav#nav-mobile {
  position: relative;
  display: none;
}

nav#nav-mobile ul {
  width: 100%;
  display: none;
  list-style-type: none;
  position: fixed;
  right: 0;
  margin-left: auto;
  margin-right: auto;
  text-align: left;
  background: #333;
  z-index: 999;
}

nav#nav-mobile li {
  display: inline-block;
  padding: 4px 0;
  margin: 0 5px;
  border-bottom: dotted 1px #950025;
  width: 46%;
  left: -28px !important;
  position: relative;
}

nav#nav-mobile li:last-child {
  border-bottom: none;
}

nav#nav-mobile a {
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  font-size: 13px;
  color: #fff;
  text-decoration: none;
  transition: 0.3s;
  display: block;
  padding: 6px 10px;
}

nav#nav-mobile a:hover {
  background-color: #b5c503;
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  font-size: 13px;
  color: #fff;
  text-decoration: none;
}

/* Sections--------------------------------- */
section h1 {
  margin-bottom: 10px;
}

section p {
  margin-bottom: 30px;
}

section p:last-child {
  margin-bottom: 0;
}

/* Media Queries------------------------------- */
@media all and (max-width: 1262px) {
  #nav-trigger {
    display: block;
  }

  nav#nav-main {
    display: none;
  }

  nav#nav-mobile {
    display: block;
  }

  .round {
    display: none;
  }

  .round_mob {
    background: #b5c503;
    border-radius: 0px !important;
  }
}
/* Navigation BOF-----------------------------------------------*/
/*stles -----------------------------------------*/
.hdr_bgimg {
  background-image: url("../images/itsyourdesign_banner_image.jpg");
  background-position: center top;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  display: block;
  width: 100%;
  height: 663px;
  min-height: 663px !important;
  position: relative;
}

.inner_hdr_bgimg {
  background-image: url("../images/itsyourdesign_inner_banner_image.jpg");
  background-position: center top;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  display: block;
  width: 100%;
  height: 366px;
  min-height: 366px !important;
  position: relative;
}

.footer_bg {
  background-image: url(../images/footer_bg.png);
  background-repeat: no-repeat;
  background-position: center top;
  background-size: 100% 100%;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

@media only screen and (max-width: 1366px) and (min-width: 769px) {
  .footer_bg {
    background-image: url(../images/footer_bg.png);
    background-repeat: no-repeat;
    background-position: center top;
    background-size: inherit;
  }
}
.sri_lanka_bg {
  background-image: url(../images/sri_lanka_bg.jpg);
  background-repeat: no-repeat;
  background-position: top -63px right -423px;
}

.logo_bar_rpt {
  background-image: url("../images/rpt_header.png");
  background-repeat: repeat-x;
  width: 100%;
  height: 113px;
  position: relative;
}

/*Ishfaak Geometry--------------------------------------------------*/
.ishfaak_geo_code {
  border-bottom: 1px solid #fff;
  background-image: url(../images/header_geo.png);
  background-repeat: no-repeat;
  background-position: center bottom;
  background-size: 108% 100%;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  /*	-moz-box-shadow: 0 13px 11px 0 #d6d6d6;
  	-webkit-box-shadow: 0 13px 11px 0 #d6d6d6;
  	box-shadow: 0 13px 11px 0 #d6d6d6;	
  	-o-box-shadow: 0 13px 11px 0 #d6d6d6;*/
  width: 100%;
  height: 145px;
  bottom: -1px;
  left: 0px;
  position: absolute;
  z-index: 990;
  /*filter: alpha(opacity=60);
  opacity: 0.6; */
}

.ishfaak_geo_code_sri_lanka_top {
  background-image: url(../images/sti_top.png);
  background-repeat: no-repeat;
  background-position: center top;
  background-size: 108% 100%;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  width: 100%;
  height: 139px;
  top: 0px;
  left: 0px;
  position: absolute;
  z-index: 880;
  /*filter: alpha(opacity=60);
  opacity: 0.6; */
}

.ishfaak_geo_code_detail_top {
  background-image: url(../images/mob_top.png);
  background-repeat: no-repeat;
  background-position: center top;
  background-size: 108% 100%;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  width: 100%;
  height: 139px;
  top: 0px;
  left: 0px;
  position: absolute;
  z-index: 880;
  /*filter: alpha(opacity=60);
  opacity: 0.6; */
}

.ishfaak_geo_code_mob_btm {
  background-image: url(../images/mob_top.png);
  background-repeat: no-repeat;
  background-position: center bottom;
  background-size: 108% 100%;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  width: 100%;
  height: 139px;
  bottom: 0px;
  left: 0px;
  position: absolute;
  z-index: 990;
  /*filter: alpha(opacity=60);
  opacity: 0.6; */
}

.ishfaak_geo_code_footer_top {
  background-image: url(../images/footer_top.png);
  background-repeat: no-repeat;
  background-position: center bottom;
  background-size: 108% 100%;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  width: 100%;
  height: 139px;
  bottom: 0px;
  left: 0px;
  position: absolute;
  z-index: 990;
  /*filter: alpha(opacity=60);
  opacity: 0.6; */
}

/*Ishfaak Geometry--------------------------------------------------*/
.header_bg {
  background: #890138;
}

@media screen and (max-width: 480px) {
  .sri_lanka_bg {
    background-position: top -63px right -772px;
  }
}
@media handheld, only screen and (max-width: 768px) {
  .sri_lanka_bg {
    background-position: top -63px right -542px;
  }
}
.search_box {
  border: 1px solid #920219;
  background: #fff;
  min-width: 347px;
  height: 43px;
  /* padding: 12px 7px 12px 12px; */
  float: right;
  right: 16px;
  margin-top: 3px;
  position: relative;
  z-index: 995;
  -moz-box-shadow: 0px 2px 3px 0px #EC3643;
  -webkit-box-shadow: 0px 2px 3px 0px #EC3643;
  box-shadow: 0px 2px 3px 0px #EC3643;
  -o-box-shadow: 0px 2px 3px 0px #EC3643;
  z-index: 995;
}

.search_box_inner {
  border: 1px solid #920219;
  background: #fff;
  min-width: 347px;
  height: 43px;
  /* padding: 12px 7px 12px 12px; */
  float: right;
  right: 16px;
  margin-top: 3px;
  position: relative;
  z-index: 995;
  -moz-box-shadow: 0px 2px 3px 0px #EC3643;
  -webkit-box-shadow: 0px 2px 3px 0px #EC3643;
  box-shadow: 0px 2px 3px 0px #EC3643;
  -o-box-shadow: 0px 2px 3px 0px #EC3643;
}

@media only screen and (max-width: 915px) and (min-width: 538px) {
  .search_box_inner {
    margin-top: 5px !important;
    z-index: 995;
  }

  .pos_bread {
    margin-top: 8px !important;
  }
}
.input_searchform {
  border: 1px solid #dedede !important;
  min-width: 243px;
  height: 24px;
  background: #fff;
  margin: 9px 1px 0px 11px;
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #565656;
  float: left;
  position: relative;
  padding: 3px;
}

.input_searchform::placeholder {
  color: #6c6c6c;
}

.btn_search_Submit {
  background-image: url(../images/search_btn.png);
  background-repeat: no-repeat;
  background-color: transparent;
  width: 71px;
  height: 23px;
  margin: 9px 0px 0px 0px;
  left: 8px;
  border: none;
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #000;
  text-align: left;
  position: relative;
}

.hold_geo {
  /*Center with absolute ishfaak*/
  /*background: #b5c503;*/
  /*max-width: 445px;	*/
  /*Max width dosent center in ie 10 so gave full width since its less than 480 mobile dimention*/
  width: 445px;
  top: 31px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  margin: auto;
  position: absolute;
}

.ishfaak_geometry_rot {
  background: white;
  background: -moz-linear-gradient(left, white 0%, #f6f6f6 47%, #ededed 100%);
  background: -webkit-gradient(left top, right top, color-stop(0%, white), color-stop(47%, #f6f6f6), color-stop(100%, #ededed));
  background: -webkit-linear-gradient(left, white 0%, #f6f6f6 47%, #ededed 100%);
  background: -o-linear-gradient(left, white 0%, #f6f6f6 47%, #ededed 100%);
  background: -ms-linear-gradient(left, white 0%, #f6f6f6 47%, #ededed 100%);
  background: linear-gradient(to right, white 0%, #f6f6f6 47%, #ededed 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed', GradientType=1 );
  -ms-transform: rotate(47deg);
  /* IE 9 */
  -webkit-transform: rotate(47deg);
  /* Chrome, Safari, Opera */
  transform: rotate(47deg);
  border: 1px solid #ecdfce;
  width: 157px;
  height: 161px;
  margin: 0px 30px 29px 30px;
  display: inline-block;
}

.font_place1 {
  max-width: 143px;
  float: left;
  top: 45px;
  left: 64px;
  position: absolute;
}

.font_place2 {
  max-width: 143px;
  float: left;
  top: 45px;
  right: 47px;
  position: absolute;
}

.font_place1_inner {
  max-width: 143px;
  float: left;
  top: 45px;
  left: 56px;
  position: absolute;
}

.font_place2_inner {
  max-width: 143px;
  float: left;
  top: 47px;
  right: 57px;
  position: absolute;
}

.geo_circle {
  border: 3px solid #fff;
  background: #323232;
  width: 70px;
  height: 70px;
  border-radius: 50px;
  left: 0;
  right: 0;
  top: 50px;
  margin-left: auto;
  margin-right: auto;
  position: absolute;
  -moz-box-shadow: 0 0 15px 3px #d3d3d3;
  -webkit-box-shadow: 0 0 15px 3px #d3d3d3;
  box-shadow: 0 0 15px 3px #d3d3d3;
  -o-box-shadow: 0 0 15px 3px #d3d3d3;
}

.geo_circle_yellow {
  background: #fe9900;
  width: 52px;
  height: 52px;
  margin-top: 6px;
  border-radius: 50px;
  display: inline-block;
}

.social_geo_white {
  border: 3px solid #fff;
  background: #fff;
  width: 110px;
  height: 110px;
  border-radius: 100px;
  margin: 8px 18px 15px 18px;
  display: inline-block;
  -moz-box-shadow: 0 0 15px 3px #d3d3d3;
  -webkit-box-shadow: 0 0 15px 3px #d3d3d3;
  box-shadow: 0 0 15px 3px #d3d3d3;
  -o-box-shadow: 0 0 15px 3px #d3d3d3;
}

.social_cir_radiate {
  width: 90px;
  height: 90px;
  border-radius: 100px;
  margin: 7px;
  display: inline-block;
}

.geo_white {
  border: 3px solid #fff;
  background: #fff;
  width: 150px;
  height: 150px;
  border-radius: 100px;
  margin-left: auto;
  margin-right: auto;
  display: inline-block;
  -moz-box-shadow: 0 0 15px 3px #d3d3d3;
  -webkit-box-shadow: 0 0 15px 3px #d3d3d3;
  box-shadow: 0 0 15px 3px #d3d3d3;
  -o-box-shadow: 0 0 15px 3px #d3d3d3;
}

.cir_radiate {
  width: 130px;
  height: 130px;
  border-radius: 100px;
  margin: 7px;
  display: inline-block;
}

.pos_num_cir {
  left: 0;
  right: 2px;
  top: 22px;
  margin-left: auto;
  margin-right: auto;
  position: absolute;
}

.pos_num_cir_inner {
  left: 0;
  right: 0px;
  top: 23px;
  margin-left: auto;
  margin-right: auto;
  position: absolute;
}

.wrap_circles {
  /*Center with absolute ishfaak*/
  /*max-width: 79px;	*/
  /*Max width dosent center in ie 10 so gave full width since its less than 480 mobile dimention*/
  width: 79px;
  top: 135px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  margin: auto;
  position: absolute;
}

.ishfaak_triangledown3 {
  width: 100%;
  height: 0;
  padding-left: 50%;
  padding-top: 50%;
  margin-top: 18px;
  overflow: hidden;
  position: absolute;
}

.ishfaak_triangledown3:after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  margin-left: -500px;
  margin-top: -500px;
  border-left: 500px solid transparent;
  border-right: 500px solid transparent;
  border-top: 500px solid #ffa800;
}

.ishfaak_triangledown2 {
  width: 100%;
  height: 0;
  padding-left: 41%;
  padding-top: 41%;
  margin-top: 9px;
  margin-left: 8px;
  overflow: hidden;
  position: absolute;
  z-index: 2;
}

.ishfaak_triangledown2:after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  margin-left: -500px;
  margin-top: -500px;
  border: 1px solid #fff;
  border-left: 500px solid transparent;
  border-right: 500px solid transparent;
  border-top: 500px solid #e89900;
}

.ishfaak_triangledown1 {
  width: 100%;
  height: 0;
  padding-left: 25%;
  padding-top: 25%;
  margin-top: 0px;
  margin-left: 20px;
  overflow: hidden;
  position: absolute;
  z-index: 3;
}

.ishfaak_triangledown1:after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  margin-left: -500px;
  margin-top: -500px;
  border: 1px solid #fff;
  border-left: 500px solid transparent;
  border-right: 500px solid transparent;
  border-top: 500px solid #363437;
}

/*stles -----------------------------------------*/
/*.each_img_hold :hover{
	-moz-box-shadow: 0 0 15px 3px #f3e9db;
	-webkit-box-shadow: 0 0 15px 3px #f3e9db;
	box-shadow: 0 0 15px 3px #f3e9db;
	-o-box-shadow: 0 0 15px 3px #f3e9db;
}*/
/*advertise-----------------------------------------------*/
.advertise {
  /*width: 130px;*/
  height: auto;
  right: 100px;
  top: 75px;
  margin: auto;
  position: absolute;
}

@media only screen and (max-width: 1335px) and (min-width: 265px) {
  .advertise {
    display: none;
  }
}
/*advertise-----------------------------------------------*/
#systime {
  font-family: Tahoma, Geneva, sans-serif;
  font-size: 13px;
  line-height: 20px;
  color: #000;
  text-align: right;
  padding: 16px 8px 0px 0px;
}

#systime_footer {
  font-family: Tahoma, Geneva, sans-serif;
  font-size: 13px;
  line-height: 20px;
  color: #000;
}

.col_hand_left {
  width: 103px;
  float: left;
  margin-right: 3px;
}

.col_txt_left {
  width: 103px;
  float: left;
  margin: 4px 5px 0px -7px;
}

.boxwitharrow {
  max-width: 225px;
  width: 100%;
  padding: 6px 13px 6px 9px;
  background-color: #565656;
  text-align: left;
  position: relative;
  margin-right: 15px;
}

.boxwitharrowL {
  width: 201px;
  padding: 6px 9px 6px 9px;
  background-color: #565656;
  text-align: left;
  position: relative;
}

.boxwitharrowL:after {
  width: 0;
  height: 0;
  top: 8px;
  right: -8px;
  content: "";
  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent;
  border-left: 8px solid #565656;
  position: absolute;
}

.geo_circle_rate {
  border: 2px solid #fff;
  background: #b5c501;
  width: 39px;
  height: 39px;
  border-radius: 50px;
  top: 20px;
  /*left: 41px; */
  	/*right: 0px;
	bottom:0px;*/
  margin-left: auto;
  margin-right: auto;
  position: relative;
  -moz-box-shadow: 0 0 15px 3px #d3d3d3;
  -webkit-box-shadow: 0 0 15px 3px #d3d3d3;
  box-shadow: 0 0 15px 3px #d3d3d3;
  -o-box-shadow: 0 0 15px 3px #d3d3d3;
}

.geo_circle_rate_dtl {
  border: 2px solid #fff;
  background: #fe9900;
  width: 39px;
  height: 39px;
  border-radius: 50px;
  top: 20px;
  /*left: 41px; */
  	/*right: 0px;
	bottom:0px;*/
  margin-left: auto;
  margin-right: auto;
  display: inline-block;
  -moz-box-shadow: 0 0 15px 3px #d3d3d3;
  -webkit-box-shadow: 0 0 15px 3px #d3d3d3;
  box-shadow: 0 0 15px 3px #d3d3d3;
  -o-box-shadow: 0 0 15px 3px #d3d3d3;
}

.geo_circle_social_dtl {
  border: 2px solid #fff;
  background: #b5c501;
  width: 39px;
  height: 39px;
  border-radius: 50px;
  top: 20px;
  /*left: 41px; */
  	/*right: 0px;
	bottom:0px;*/
  margin-left: auto;
  margin-right: auto;
  display: inline-block;
  -moz-box-shadow: 0 0 15px 3px #d3d3d3;
  -webkit-box-shadow: 0 0 15px 3px #d3d3d3;
  box-shadow: 0 0 15px 3px #d3d3d3;
  -o-box-shadow: 0 0 15px 3px #d3d3d3;
}

.linkedin {
  background-image: url(../images/social_li.png);
  background-repeat: no-repeat;
}

.fb {
  background-image: url(../images/social_fb_autho.png);
  background-repeat: no-repeat;
}

.tw {
  background-image: url(../images/social_tw.png);
  background-repeat: no-repeat;
}

.boxlikeitwitharrow {
  width: 43px;
  height: 35px;
  background-color: #b5c501;
  position: relative;
  margin-top: -4px;
  line-height: 31px;
}

.boxlikeitwitharrow:after {
  width: 0;
  height: 0;
  top: 9px;
  left: -8px;
  content: "";
  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent;
  border-right: 8px solid #b5c501;
  position: absolute;
}

.boxviewwitharrow {
  width: 43px;
  height: 25px;
  background-color: #565656;
  position: relative;
}

.boxviewwitharrow:after {
  width: 0;
  height: 0;
  top: -7px;
  left: 13px;
  content: "";
  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent;
  border-right: 8px solid #565656;
  position: absolute;
}

/*Navigation ul li--------------------------*/
.navigation_panel {
  /*    width: 99%;
      min-width: 219px;
      border: 1px solid #f3e9db;
      border-radius: 0px 21px;
      background: white;
      padding: 8px 15px 15px 40px;
      float: left;
      top: -3px;
      position: relative;*/
  border: 1px solid #f3e9db;
  background: #fff;
  width: 100%;
  height: 100%;
  /*    min-width: 344px; */
  margin-bottom: 45px;
  padding: 8px;
  float: left;
  display: block;
  position: relative;
}

#a_product_of_webina {
  width: 100%;
  height: auto;
  /*margin:0 auto;*/
  float: left;
  top: 0px;
  position: relative;
}

#a_product_of_webina li {
  /*    border-bottom: 1px dotted #f3e9db;
      list-style: none inside url("../images/arrow.png");
      margin-left:-59px;
      line-height:32px;
      text-align: left;*/
  list-style: none;
  /*    border: 1px solid #575757;*/
  border: 1px solid #f3e9db;
  padding: 5px 13px 5px 13px;
  left: -39px;
  float: left;
  position: relative;
  line-height: 23px !important;
  margin: 3px 8px 8px 3px;
  background: #ffffff;
  background: -moz-linear-gradient(top, #ffffff 0%, #efefef 100%);
  background: -webkit-linear-gradient(top, #ffffff 0%, #efefef 100%);
  background: linear-gradient(to bottom, #ffffff 0%, #efefef 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#efefef',GradientType=0 );
}

.links_thus a {
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  color: #000;
  font-size: 13px;
  font-style: normal;
  font-weight: normal;
  text-decoration: none;
  text-transform: none;
}

.links_thus a:visited {
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  color: #000;
  font-size: 13px;
  font-style: normal;
  font-weight: normal;
  text-decoration: none;
  text-transform: none;
}

.links_thus a:active {
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  color: #000;
  font-size: 13px;
  font-style: normal;
  font-weight: normal;
  text-decoration: none;
  text-transform: none;
}

.links_thus a:hover {
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  color: #fe7801;
  font-size: 13px;
  font-style: normal;
  font-weight: normal;
  text-decoration: none;
  text-transform: none;
}

/*Navigation ul li--------------------------*/
/*Navigation ul li footer--------------------------*/
.footer_navigation_panel {
  width: 99%;
  min-width: 208px;
  float: left;
  top: -3px;
  position: relative;
}

#a_product_of_webina_footer {
  width: 98%;
  height: auto;
  /*margin:0 auto;*/
  float: left;
  top: 10px;
  position: relative;
}

#a_product_of_webina_footer li {
  list-style: none inside url("../images/arrow_green.png");
  margin-left: -39px;
  line-height: 26px;
  text-align: left;
  color: #fff;
}

.links_thus_footer a {
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  color: #fff;
  font-size: 13px;
  font-style: normal;
  font-weight: normal;
  text-decoration: none;
  text-transform: none;
}

.links_thus_footer a:visited {
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  color: #fff;
  font-size: 13px;
  font-style: normal;
  font-weight: normal;
  text-decoration: none;
  text-transform: none;
}

.links_thus_footer a:active {
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  color: #fff;
  font-size: 13px;
  font-style: normal;
  font-weight: normal;
  text-decoration: none;
  text-transform: none;
}

.links_thus_footer a:hover {
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  color: #fe7801;
  font-size: 13px;
  font-style: normal;
  font-weight: normal;
  text-decoration: none;
  text-transform: none;
}

/*Navigation ul li footer--------------------------*/
.inputFile {
  width: 100%;
  border: solid 1px #f3e9db;
  /* 	background:url(../images/elements/home_drop_shadow.gif);
  	background-repeat:no-repeat;*/
  padding: 10px;
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  color: #000;
  font-size: 13px;
}

.txtarea_submit_form {
  border: solid 1px #f3e9db;
  /* 	background:url(../images/elements/home_drop_shadow.gif);
  	background-repeat:no-repeat;*/
  background-color: #fff;
  width: 100%;
  height: 178px;
  padding-left: 10px;
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  color: #000;
  font-size: 13px;
}

.combo_submit_form {
  border: solid 1px #f3e9db;
  /* 	background:url(../images/elements/home_drop_shadow.gif);
  	background-repeat:no-repeat;*/
  background-color: #fff;
  width: 100%;
  height: 43px;
  padding-left: 10px;
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  color: #000;
  font-size: 13px;
}

.input_submit_form {
  border: solid 1px #f3e9db;
  /* 	background:url(../images/elements/home_drop_shadow.gif);
  	background-repeat:no-repeat;*/
  background-color: #fff;
  width: 100%;
  height: 43px;
  padding-left: 10px;
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  color: #000;
  font-size: 13px;
}

.input_innerform {
  border: solid 1px #9fc034;
  /* 	background:url(../images/elements/home_drop_shadow.gif);
  	background-repeat:no-repeat;*/
  background-color: #5d7a01;
  width: 100%;
  height: 33px;
  padding-left: 10px;
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  color: #fff;
  font-size: 13px;
}

.combo {
  border: solid 1px #9fc034;
 /*	background:url(../images/elements/home_drop_shadow.gif);
	background-repeat:no-repeat;*/
  background-color: #5d7a01;
  /*	width:189px;
  	height:19px;
  */
  padding-left: 10px;
  width: 100%;
  height: 33px;
  /*	-webkit-appearance: none;
  	border-radius: 0;
  	-webkit-border-radius:0px;*/
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  color: #fff;
  font-size: 13px;
}

.txt_area {
  border: solid 1px #9fc034;
  /* 	background:url(../images/elements/home_drop_shadow.gif);
  	background-repeat:no-repeat;*/
  background-color: #5d7a01;
  padding-top: 10px;
  padding-left: 10px;
  width: 100%;
  height: 83px;
  resize: none;
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  color: #fff;
  font-size: 13px;
}

.msg_font_red {
  color: #ff0000;
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  font-size: 18px;
  font-weight: bold;
  text-decoration: none;
  line-height: 13px;
}

.explain_ishfaak_btn {
  background-image: url(../images/submit.png);
  background-repeat: no-repeat;
  background-color: transparent;
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  color: #fff;
  font-size: 0px;
  width: 55px;
  height: 55px;
  border: none;
  left: 0;
  right: 0;
  bottom: -20px;
  margin: 0 auto;
  position: absolute;
}

@media only screen and (max-width: 1562px) and (min-width: 1535px) {
  .width_46pct {
    width: 49%;
  }
}
@media only screen and (max-width: 1534px) and (min-width: 1506px) {
  .width_46pct {
    width: 48%;
  }
}
@media only screen and (max-width: 1505px) and (min-width: 1480px) {
  .width_46pct {
    width: 47%;
  }
}
@media only screen and (max-width: 1479px) and (min-width: 1453px) {
  .width_46pct {
    width: 45%;
  }
}
@media only screen and (max-width: 1452px) and (min-width: 1428px) {
  .width_46pct {
    width: 44%;
  }
}
@media only screen and (max-width: 1427px) and (min-width: 1424px) {
  .width_46pct {
    width: 43%;
  }
}
@media only screen and (max-width: 1423px) and (min-width: 1372px) {
  .width_46pct {
    width: 42%;
  }
}
@media only screen and (max-width: 1371px) and (min-width: 1352px) {
  .width_46pct {
    width: 41%;
  }
}
@media only screen and (max-width: 1351px) and (min-width: 1300px) {
  .width_46pct {
    width: 39%;
  }
}
@media only screen and (max-width: 1300px) and (min-width: 1238px) {
  .width_46pct {
    width: 35%;
  }
}
@media only screen and (max-width: 1237px) and (min-width: 1138px) {
  .width_46pct {
    width: 40%;
  }

  .min_208_width {
    min-width: 190px;
  }

  .margin_left_38 {
    margin-left: 1px;
  }
}
@media only screen and (max-width: 1137px) and (min-width: 1036px) {
  .width_46pct {
    width: 100%;
  }

  .width_15pct {
    width: 33%;
  }

  .margin_left_38 {
    margin-left: 1px;
  }
}
@media only screen and (max-width: 1035px) and (min-width: 906px) {
  .width_46pct {
    width: 100%;
  }

  .width_15pct {
    width: 30%;
  }

  .margin_left_38 {
    margin-left: 1px;
  }
}
@media only screen and (max-width: 907px) and (min-width: 768px) {
  .width_46pct {
    width: 100%;
  }

  .width_15pct {
    width: 30%;
  }

  .margin_left_38 {
    margin-left: 1px;
  }
}
@media only screen and (max-width: 769px) and (min-width: 668px) {
  .width_46pct {
    width: 100%;
  }

  .width_15pct {
    width: 31%;
  }

  .margin_left_38 {
    margin-left: 1px;
  }
}
@media only screen and (max-width: 669px) and (min-width: 603px) {
  .width_46pct {
    width: 100%;
  }

  .width_15pct {
    width: 32%;
  }

  .margin_left_38 {
    margin-left: 1px;
  }

  .min_208_width {
    min-width: 165px;
  }
}
@media only screen and (max-width: 602px) and (min-width: 538px) {
  .width_46pct {
    width: 100%;
  }

  .width_15pct {
    width: 47%;
  }

  .margin_left_38 {
    margin-left: 1px;
  }

  .min_208_width {
    min-width: 208px;
  }
}
@media only screen and (max-width: 537px) and (min-width: 481px) {
  .width_46pct {
    width: 100%;
  }

  .width_15pct {
    width: 45%;
  }

  .margin_left_38 {
    margin-left: 1px;
  }

  .min_208_width {
    min-width: 178px;
  }
}
@media only screen and (max-width: 1436px) and (min-width: 1415px) {
  .padding_left_29 {
    padding-left: 19px;
  }
}
@media only screen and (max-width: 1414px) and (min-width: 1360px) {
  .padding_left_29 {
    padding-left: 1px;
  }
}
@media only screen and (max-width: 1280px) and (min-width: 1216px) {
  .gallery_right {
    max-width: 312px;
    width: 100%;
  }
}
@media only screen and (max-width: 1215px) and (min-width: 1139px) {
  .gallery_right {
    max-width: 240px;
    width: 100%;
  }
}
@media only screen and (max-width: 1138px) and (min-width: 1073px) {
  .gallery_right {
    max-width: 240px;
    width: 100%;
  }

  .fluid_table .col {
    width: 48%;
    margin: 0 1.5% 28px 0px;
  }
}
@media only screen and (max-width: 1072px) and (min-width: 1037px) {
  .padding_left_29 {
    padding-left: 3px;
  }

  .fluid_table .col {
    width: 48%;
    margin: 0 1.5% 28px 0px;
  }
}
@media only screen and (max-width: 1036px) and (min-width: 960px) {
  .padding_left_29 {
    padding-left: 3px;
  }

  .fluid_table .col {
    width: 48%;
    margin: 0 1.5% 28px 0px;
  }

  .gallery_right {
    max-width: 312px;
    width: 100%;
  }
}
@media only screen and (max-width: 959px) and (min-width: 928px) {
  .padding_left_29 {
    padding-left: 3px;
  }

  .fluid_table .col {
    width: 48%;
    margin: 0 1.5% 28px 0px;
  }

  .gallery_right {
    max-width: 312px;
    width: 100%;
  }
}
@media only screen and (max-width: 927px) and (min-width: 859px) {
  .padding_left_29 {
    padding-left: 3px;
  }

  .fluid_table .col {
    width: 48%;
    margin: 0 1.5% 28px 0px;
  }

  .gallery_right {
    max-width: 242px;
    width: 100%;
  }
}
@media only screen and (max-width: 858px) and (min-width: 769px) {
  .padding_left_29 {
    padding-left: 3px;
  }

  #a_product_of_webina li {
    list-style: none;
    border: 1px solid #f3e9db;
    padding: 5px;
    left: -38px;
    float: left;
    position: relative;
    line-height: 18px !important;
    margin: 3px 8px 6px 3px;
  }

  .fluid_table .col {
    width: 48%;
    margin: 0 1.5% 28px 0px;
  }

  .gallery_right {
    max-width: 193px;
    width: 100%;
  }

  .boxwitharrow {
    max-width: 115px;
  }
}
@media only screen and (max-width: 858px) and (min-width: 769px) {
  .padding_left_29 {
    padding-left: 3px;
  }

  #a_product_of_webina li {
    list-style: none;
    border: 1px solid #f3e9db;
    padding: 5px;
    left: -38px;
    float: left;
    position: relative;
    line-height: 18px !important;
    margin: 3px 8px 6px 3px;
  }

  .fluid_table .col {
    width: 48%;
    margin: 0 1.5% 28px 0px;
  }

  .gallery_right {
    max-width: 193px;
    width: 100%;
  }

  .boxwitharrow {
    max-width: 115px;
  }
}
@media only screen and (max-width: 768px) and (min-width: 754px) {
  .padding_left_29 {
    padding-left: 3px;
  }

  #a_product_of_webina li {
    list-style: none;
    border: 1px solid #f3e9db;
    padding: 5px;
    left: -38px;
    float: left;
    position: relative;
    line-height: 18px !important;
    margin: 3px 8px 6px 3px;
  }

  .fluid_table .col {
    width: 48%;
    margin: 0 1.5% 28px 0px;
  }

  .gallery_right {
    max-width: 193px;
    width: 100%;
  }

  .boxwitharrow {
    max-width: 110px;
  }
}
@media only screen and (max-width: 753px) and (min-width: 733px) {
  .padding_left_29 {
    padding-left: 3px;
  }

  #a_product_of_webina li {
    list-style: none;
    border: 1px solid #f3e9db;
    padding: 5px;
    left: -38px;
    float: left;
    position: relative;
    line-height: 18px !important;
    margin: 3px 8px 6px 3px;
  }

  .fluid_table .col {
    width: 46%;
    margin: 0 1.5% 28px 0px;
  }

  .gallery_right {
    max-width: 193px;
    width: 100%;
  }

  .boxwitharrow {
    max-width: 110px;
  }
}
@media only screen and (max-width: 732px) and (min-width: 713px) {
  .padding_left_29 {
    padding-left: 3px;
  }

  #a_product_of_webina li {
    list-style: none;
    border: 1px solid #f3e9db;
    padding: 5px;
    left: -38px;
    float: left;
    position: relative;
    line-height: 18px !important;
    margin: 3px 8px 6px 3px;
  }

  .fluid_table .col {
    width: 44%;
    margin: 0 1.5% 28px 0px;
  }

  .gallery_right {
    max-width: 193px;
    width: 100%;
  }

  .boxwitharrow {
    max-width: 110px;
  }
}
@media only screen and (max-width: 712px) and (min-width: 680px) {
  .padding_left_29 {
    padding-left: 24px;
  }

  .fluid_table .col {
    width: 80%;
    margin: 0 1.5% 28px 0px;
  }

  .gallery_right {
    max-width: 218px;
    width: 80%;
  }

  .boxwitharrow {
    max-width: 147px;
  }
}
@media only screen and (max-width: 679px) and (min-width: 640px) {
  .padding_left_29 {
    padding-left: 24px;
  }

  .fluid_table .col {
    width: 70%;
    margin: 0 1.5% 28px 0px;
  }

  .gallery_right {
    max-width: 218px;
    width: 78%;
  }
}
@media only screen and (max-width: 639px) and (min-width: 600px) {
  .padding_left_29 {
    padding-left: 24px;
  }

  .fluid_table .col {
    width: 63%;
    margin: 0 1.5% 28px 0px;
  }

  .gallery_right {
    max-width: 218px;
    width: 78%;
  }
}
@media only screen and (max-width: 599px) and (min-width: 560px) {
  .padding_left_29 {
    padding-left: 24px;
  }

  .fluid_table .col {
    width: 55%;
    margin: 0 1.5% 28px 0px;
  }

  .gallery_right {
    max-width: 218px;
    width: 78%;
  }

  .boxwitharrow {
    max-width: 147px;
  }
}
@media only screen and (max-width: 559px) and (min-width: 538px) {
  .padding_left_29 {
    padding-left: 24px;
  }

  .fluid_table .col {
    width: 51%;
    margin: 0 1.5% 28px 0px;
  }

  .gallery_right {
    max-width: 218px;
    width: 78%;
  }

  .boxwitharrow {
    max-width: 147px;
  }
}
/*middle image gallery panel custom code target--------------------------------------*/
.advertisement {
  /*    width: 99%;
  	min-width: 219px;
  	height:267px;
  	border: 1px solid #f3e9db;
  	// border-radius: 0px 21px;
      background: white;
      // padding: 8px 15px 15px 40px;
  	float: left;
  	top: -3px;
  	position: relative;*/
  border: 1px solid #f3e9db;
  background: #fff;
  width: 100%;
  /*    height: 268px;*/
  /*    min-width: 344px; */
  margin-bottom: 45px;
  padding: 8px;
  float: left;
  display: block;
  position: relative;
}

hr.style-sixmob {
  border: 0;
  height: 0;
  border-top: 1px solid #ecdfce;
  border-bottom: 1px solid rgba(228, 228, 228, 0.3);
}

hr.style-six {
  border: 0;
  height: 0;
  border-top: 1px solid #e4e4e4;
  border-bottom: 1px solid rgba(228, 228, 228, 0.3);
}

hr.style-footer {
  border: 0;
  height: 0;
  border-top: 1px solid #b5d942;
  border-bottom: 1px solid rgba(228, 228, 228, 0.3);
}

.left_slider_line {
  position: relative;
  width: 100%;
  border: 1px solid #575757;
  border-width: 0px 0px 1px 0;
  border-color: #575757;
  margin: 0 auto 1px auto;
  text-align: center;
}

.long_line {
  position: relative;
  width: 100%;
  border: 1px solid #ecdfce;
  border-width: 0px 0px 1px 0;
  border-color: #ecdfce;
  margin: 0 auto 1px auto;
  text-align: center;
}

.long_line_dtl {
  position: relative;
  width: 100%;
  border: 1px solid #ecdfce;
  border-width: 0px 0px 1px 0;
  border-color: #ecdfce;
  margin: 0 auto 1px auto;
  float: left;
}

.long_line_sbt {
  position: relative;
  width: 96%;
  border: 1px solid #ecdfce;
  border-width: 0px 0px 1px 0;
  border-color: #ecdfce;
  margin: 0 auto 1px auto;
  float: left;
  left: 13px;
}

.long_line_footer {
  position: relative;
  width: 100%;
  border: 1px solid #b5d942;
  border-width: 0px 0px 1px 0;
  border-color: #b5d942;
  margin: 0 auto 1px auto;
  text-align: center;
}

.button_gallery {
  width: 161px;
  height: 33px;
  text-align: center;
  margin: 1px 1px 16px 15px;
}

.button_view_dtls {
  width: 100%;
  background: #565656;
  padding: 8px;
  position: relative;
  border-radius: 5px;
  border: 2px solid #fff;
  -moz-box-shadow: 0 0 15px 3px #d3d3d3;
  -webkit-box-shadow: 0 0 15px 3px #d3d3d3;
  box-shadow: 0 0 15px 3px #d3d3d3;
  -o-box-shadow: 0 0 15px 3px #d3d3d3;
}

.button_view_dtls:hover {
  background: #666666;
  background: -moz-linear-gradient(top, #666666 -1%, #595959 0%, #4c4c4c 0%, #666666 0%, #666666 10%, #2c2c2c 51%, #2c2c2c 51%, #000000 51%, #111111 60%, #2b2b2b 76%, #1c1c1c 91%, #131313 100%);
  background: -webkit-linear-gradient(top, #666666 -1%, #595959 0%, #4c4c4c 0%, #666666 0%, #666666 10%, #2c2c2c 51%, #2c2c2c 51%, #000000 51%, #111111 60%, #2b2b2b 76%, #1c1c1c 91%, #131313 100%);
  background: linear-gradient(to bottom, #666666 -1%, #595959 0%, #4c4c4c 0%, #666666 0%, #666666 10%, #2c2c2c 51%, #2c2c2c 51%, #000000 51%, #111111 60%, #2b2b2b 76%, #1c1c1c 91%, #131313 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#666666', endColorstr='#131313',GradientType=0 );
  border: 2px solid #fff;
  transition: 0.3s ease-in-out;
  -webkit-transition: 0.3s ease-in-out;
}

.like_banner_btn {
  /*	border:2px solid #fff;*/
  background: #b5c503;
  /*	border-radius: 38px;*/
  padding: 9px 9px;
  width: 114px;
  height: 38px;
  transition: 0.3s ease-in-out;
  -webkit-transition: 0.3s ease-in-out;
  font-weight: 600;
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  font-size: 15px;
  color: white;
  text-indent: 2px;
  display: inline-block;
  font-style: normal;
  text-decoration: none;
  text-align: center;
  text-shadow: 1px 2px 0px #689324;
}

.like_banner_btn:hover {
  background: #bfd255;
  background: -moz-linear-gradient(top, #bfd255 0%, #8eb92a 50%, #72aa00 51%, #9ecb2d 100%);
  background: -webkit-linear-gradient(top, #bfd255 0%, #8eb92a 50%, #72aa00 51%, #9ecb2d 100%);
  background: linear-gradient(to bottom, #bfd255 0%, #8eb92a 50%, #72aa00 51%, #9ecb2d 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bfd255', endColorstr='#9ecb2d',GradientType=0 );
  /*	border:2px solid #fff;	*/
  transition: 0.3s ease-in-out;
  -webkit-transition: 0.3s ease-in-out;
}

.open {
  left: 0px !important;
}

.transition {
  -webkit-transition: left 0.3s ease-out;
  /* Chrome 1-25, Safari 3.2+ */
  -moz-transition: left 0.3s ease-out;
  /* Firefox 4-15 */
  -o-transition: left 0.3s ease-out;
  /* Opera 10.50ÔÇô12.00 */
  transition: left 0.3s ease-out;
  /* Chrome 26, Firefox 16+, IE 10+, Opera 12.10+ */
}

.fixed_left_bar {
  background: black;
  width: 231px;
  height: 100%;
  left: -231px;
  top: 0;
  text-align: center;
  position: fixed;
  z-index: 999;
}

.pos_btn_slid {
  position: absolute;
  right: -56px;
  top: 235px;
  z-index: 999;
}

@media only screen and (max-width: 506px) and (min-width: 318px) {
  .mob_space_top15 {
    padding: 0px 0px 10px 10px !important;
    text-align: center;
    position: relative;
    width: 100%;
    clear: both;
    float: none !important;
  }

  .mob_lft_yeah {
    width: 100%;
    clear: both;
    float: none !important;
    position: relative;
  }
}
.inner_banner_bread_crumbs {
  background-image: url(../images/inner_geo_bread_crumbs.png);
  background-repeat: no-repeat;
  background-position: left 1px top 90px;
  min-width: 478px;
  height: 355px;
  left: 0px;
  top: 0px;
  overflow: hidden;
  position: absolute;
  z-index: 812;
}

.pos_bread {
  float: left;
  left: 173px;
  margin-top: 0px;
  position: absolute;
}

.msg {
  width: 83%;
  margin: 0 auto !important;
  border: 1px solid #d5bfa1;
  background: white;
  margin: 5px;
  padding: 15px;
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  font-size: 13px;
  line-height: 21px !important;
  color: #191919;
  text-align: center;
  font-style: italic;
  position: relative;
}

@media only screen and (max-width: 900px) and (min-width: 804px) {
  .width_99pct {
    width: 98%;
  }
}
@media only screen and (max-width: 804px) and (min-width: 537px) {
  .width_99pct {
    width: 98%;
  }

  .form_left_pad {
    float: left;
    clear: left;
    margin: 0 3px 0px 0px;
    width: 99%;
  }

  .width_78pct {
    width: 96%;
  }

  .input_submit_form {
    margin-left: 10px;
  }

  .txtarea_submit_form {
    margin-left: 10px;
  }

  .combo_submit_form {
    margin-left: 10px;
  }

  .inputFile {
    margin-left: 10px;
  }
}
.quote_btm {
  position: absolute;
  right: 0px;
  bottom: 0px;
  margin: 0 auto;
}

.quote_top {
  position: absolute;
  left: -9px;
  top: -20pxx;
  margin: 0 auto;
}

.judg_col_each {
  width: 29.3%;
  height: auto;
  float: left;
  margin: 2.5% 2% 28px 2%;
  padding: 2%;
  min-height: 656px;
}

@media only screen and (max-width: 1114px) and (min-width: 1084px) {
  .judg_col_each {
    width: 29.3%;
    height: auto;
    float: left;
    margin: 2.5% 2% 28px 2%;
    padding: 2%;
    min-height: 692px;
  }
}
@media only screen and (max-width: 1083px) and (min-width: 914px) {
  .judg_col_each {
    width: 45.3%;
    height: auto;
    float: left;
    margin: 4.5% 2% 28px 2%;
    padding: 2%;
    min-height: 609px;
  }
}
@media only screen and (max-width: 913px) and (min-width: 768px) {
  .judg_col_each {
    width: 45.3%;
    height: auto;
    float: left;
    margin: 4.5% 2% 28px 2%;
    padding: 2%;
    min-height: 663px;
  }
}
@media only screen and (max-width: 767px) and (min-width: 640px) {
  .judg_col_each {
    width: 96%;
    height: auto;
    float: left;
    margin: 4.5% 2% 28px 2%;
    padding: 2%;
    min-height: 485px;
  }
}
@media only screen and (max-width: 639px) and (min-width: 538px) {
  .judg_col_each {
    width: 96%;
    height: auto;
    float: left;
    margin: 9.5% 2% 28px 2%;
    padding: 2%;
    min-height: 485px;
  }
}
@media only screen and (max-width: 537px) and (min-width: 481px) {
  .judg_col_each {
    width: 96%;
    height: auto;
    float: left;
    margin: 9.5% 2% 1px 2%;
    padding: 2%;
    min-height: 485px;
  }
}
@media only screen and (max-width: 783px) and (min-width: 640px) {
  .width_50pct_left {
    width: 53%;
  }

  .width_50pct_rig {
    width: 38%;
    margin: 0 3px 0px;
  }

  .mar_right_14 {
    margin-left: 7px;
  }

  .space_top38 {
    padding-top: 15px;
  }

  .dtl_header {
    font: 43px/1 'Hammer Thin';
  }
}
@media only screen and (max-width: 639px) and (min-width: 481px) {
  .width_50pct_left {
    float: left;
    clear: left;
    margin: 0 3px 0px;
    width: 99%;
  }

  .width_50pct_rig {
    float: left;
    clear: left;
    margin: 0 3px 0px;
    width: 99%;
  }

  .mob_my_gen_inline_block {
    display: inline-block;
    clear: both;
    width: 100%;
    margin-bottom: 13px;
  }

  .mar_right_14 {
    margin-left: 7px;
  }

  .space_top38 {
    padding-top: 15px;
  }

  .dtl_header {
    font: 43px/1 'Hammer Thin';
  }
}
@media only screen and (max-width: 480px) and (min-width: 400px) {
  .width_50pct_left {
    float: left;
    clear: left;
    margin: 0 3px 0px;
    width: 99%;
  }

  .width_50pct_rig {
    float: left;
    clear: left;
    margin: 0 3px 0px;
    width: 99%;
  }

  .mob_my_gen_inline_block {
    display: inline-block;
    clear: both;
    width: 100%;
    margin-bottom: 13px;
  }

  .mar_right_14 {
    margin-left: 7px;
  }

  .space_top38 {
    padding-top: 15px;
  }

  .dtl_header {
    font: 28px/1 'Hammer Thin';
  }
}
@media only screen and (max-width: 399px) and (min-width: 338px) {
  .width_50pct_left {
    float: left;
    clear: left;
    margin: 0 3px 0px;
    width: 99%;
  }

  .width_50pct_rig {
    float: left;
    clear: left;
    margin: 0 3px 0px;
    width: 99%;
  }

  .mob_my_gen_inline_block {
    display: inline-block;
    clear: both;
    width: 100%;
    margin-bottom: 13px;
  }

  .mar_right_14 {
    margin-left: 7px;
  }

  .space_top38 {
    padding-top: 15px;
  }

  .dtl_header {
    font: 28px/1 'Hammer Thin';
  }
}
.center_set_pro_wid {
  max-width: 235px;
  min-height: 75px;
  display: inline-block;
  height: auto;
}

.center_tbl {
  height: 75px;
  display: table;
  text-align: center;
  margin: 0 auto;
}

.center_tbl_cell_val {
  display: table-cell;
  width: 100%;
  text-align: center;
  vertical-align: middle;
}

.m_link {
  background-image: url(../images/link.png);
  background-repeat: no-repeat;
  margin: auto;
  position: absolute;
  top: 41%;
  left: 50%;
  bottom: 0;
  right: 0;
  z-index: 783;
}

.m_link_txt {
  border: 2px solid #fff;
  background: #b5c501;
  border-radius: 38px;
  padding: 9px 9px;
  width: 135px;
  height: 34px;
  transition: 0.3s ease-in-out;
  -webkit-transition: 0.3s ease-in-out;
  font-weight: 600;
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  font-size: 13px;
  color: white;
  margin: auto;
  position: absolute;
  left: 0%;
  bottom: 3%;
  right: 0;
  z-index: 783;
}

.m_link_txt:hover {
  background: #bfd255;
  background: -moz-linear-gradient(top, #bfd255 0%, #8eb92a 50%, #72aa00 51%, #9ecb2d 100%);
  background: -webkit-linear-gradient(top, #bfd255 0%, #8eb92a 50%, #72aa00 51%, #9ecb2d 100%);
  background: linear-gradient(to bottom, #bfd255 0%, #8eb92a 50%, #72aa00 51%, #9ecb2d 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bfd255', endColorstr='#9ecb2d',GradientType=0 );
  border: 2px solid #fff;
  transition: 0.3s ease-in-out;
  -webkit-transition: 0.3s ease-in-out;
}

.img_ovr_effect {
  display: inline-block;
  clear: both;
}

.not_bootstrap_write_ur_own_framework_Ishfaak {
  color: white;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
  position: relative;
  overflow: hidden;
}

.not_bootstrap_write_ur_own_framework_Ishfaak a {
  color: #333333;
  text-decoration: none;
  display: block;
}

.not_bootstrap_write_ur_own_framework_Ishfaak::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
  opacity: 1;
  -webkit-transform: translate(-105%, 0);
  transform: translate(-105%, 0);
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: white;
  /*	background-color: rgba(255,255,255,0.25);*/
  background-color: rgba(0, 0, 0, 0.25);
}

.not_bootstrap_write_ur_own_framework_Ishfaak:hover::before {
  opacity: 0;
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
}

.image_opacity_dtl {
  display: inline-block;
  position: relative;
}

.image_opacity_dtl:after {
  overflow-x: hidden !important;
  background: url(../images/overlay.png);
  background-repeat: repeat;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  filter: alpha(opacity=50);
  -moz-opacity: 0.5;
  -khtml-opacity: 0.5;
  opacity: 0.5;
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  -moz-box-shadow: inset 0px 0px 10px rgba(0, 0, 0, 0.9);
  -webkit-box-shadow: inset 0px 0px 10px rgba(0, 0, 0, 0.9);
  box-shadow: inset 0px 0px 10px rgba(0, 0, 0, 0.9);
  -ms-box-shadow: inset 0px 0px 10px rgba(0, 0, 0, 0.9);
  -o-box-shadow: inset 0px 0px 10px rgba(0, 0, 0, 0.9);
}

input[data-readonly] {
  pointer-events: none;
}

.show_error {
  border: 1px solid #920219;
  background: #000;
  width: 28%;
  padding: 10px;
  top: 31px;
  left: 0px;
  right: 0px;
  margin: 0 auto;
  border-radius: 10px;
  text-align: center;
  position: fixed;
  z-index: 9999;
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  font-size: 14px;
  text-rendering: optimizelegibility;
  font-weight: normal;
  text-align: center;
  line-height: 21px;
  color: #fff;
  text-shadow: 1px 2px 5px #969696;
  text-decoration: none;
}

.show_error a {
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  font-size: 14px;
  text-rendering: optimizelegibility;
  font-weight: normal;
  text-align: center;
  line-height: 31px;
  color: #fff;
  text-shadow: 1px 2px 5px #969696;
  text-decoration: none;
}

.show_error a:visited {
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  font-size: 14px;
  text-rendering: optimizelegibility;
  font-weight: normal;
  text-align: center;
  line-height: 31px;
  color: #fff;
  text-shadow: 1px 2px 5px #969696;
  text-decoration: none;
}

.show_error a:active {
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  font-size: 14px;
  text-rendering: optimizelegibility;
  font-weight: normal;
  text-align: center;
  line-height: 31px;
  color: #fff;
  text-shadow: 1px 2px 5px #969696;
  text-decoration: none;
}

.show_error a:hover {
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  font-size: 14px;
  text-rendering: optimizelegibility;
  font-weight: normal;
  text-align: center;
  line-height: 31px;
  color: #fe7801;
  text-decoration: none;
}

.ux_insert {
  border: 1px solid #920219;
  background: #000;
  width: 28%;
  padding: 10px;
  top: 31px;
  left: 0px;
  right: 0px;
  margin: 0 auto;
  border-radius: 10px;
  text-align: center;
  position: fixed;
  z-index: 9999;
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  font-size: 13px;
  text-rendering: optimizelegibility;
  font-weight: normal;
  text-align: center;
  line-height: 21px;
  color: #fff;
  text-shadow: 1px 2px 5px #969696;
  text-decoration: none;
}

.ux_insert .show_error a {
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  font-size: 13px;
  text-rendering: optimizelegibility;
  font-weight: normal;
  text-align: center;
  line-height: 31px;
  color: #fff;
  text-shadow: 1px 2px 5px #969696;
  text-decoration: none;
}

.ux_insert .show_error a:visited {
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  font-size: 13px;
  text-rendering: optimizelegibility;
  font-weight: normal;
  text-align: center;
  line-height: 31px;
  color: #fff;
  text-shadow: 1px 2px 5px #969696;
  text-decoration: none;
}

.ux_insert .show_error a:active {
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  font-size: 13px;
  text-rendering: optimizelegibility;
  font-weight: normal;
  text-align: center;
  line-height: 31px;
  color: #fff;
  text-shadow: 1px 2px 5px #969696;
  text-decoration: none;
}

.ux_insert .show_error a:hover {
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  font-size: 13px;
  text-rendering: optimizelegibility;
  font-weight: normal;
  text-align: center;
  line-height: 31px;
  color: #fe7801;
  text-decoration: none;
}

@media only screen and (max-width: 1359px) and (min-width: 713px) {
  .margin_top20 {
    margin-top: 0px;
  }
}
@media only screen and (max-width: 658px) and (min-width: 326px) {
  .margin_top20 {
    margin-top: 6px;
  }
}
@media only screen and (max-width: 964px) and (min-width: 926px) {
  .margin_left_8 {
    margin-left: 8px;
  }

  .margin_left_8other {
    margin-left: 5px;
  }
}
@media only screen and (max-width: 732px) and (min-width: 713px) {
  .margin_left_8 {
    margin-left: 8px;
  }

  .margin_left_8other {
    margin-left: 5px;
  }
}
.center {
  /*background-color:#0CC;*/
  background-color: #FFF;
  border: 1px solid #f3e9db;
  border-radius: 5px;
  width: 100%;
  float: left;
  padding: 18px 0 18px 18px;
  text-align: center;
  position: relative;
  font: 25px/1 'source-sans-pro-light';
  line-height: 31px;
  color: #6c6c6c;
  text-transform: uppercase;
}

.each_recenter a {
  font: 25px/1 'Hammer Thin';
  line-height: 20px;
  color: #6c6c6c;
  text-decoration: none;
}

.center a:visited {
  font: 25px/1 'Hammer Thin';
  line-height: 20px;
  color: #6c6c6c;
  text-decoration: none;
}

.center a:active {
  font: 25px/1 'Hammer Thin';
  line-height: 20px;
  color: #6c6c6c;
  text-decoration: none;
}

.center a:hover {
  font: 25px/1 'Hammer Thin';
  line-height: 20px;
  color: #fe7801;
  text-decoration: none;
}

.bg_home_black {
  background-color: #000;
}

.space_mar_top_min6 {
  margin-top: -6px;
}

.show_few_text {
  margin: 8px 39px 14px 16px;
  overflow: hidden;
  height: 43px;
  position: relative;
}

.max_width_home295 {
  max-width: 295px;
  margin: 7px 14px 5px 16px;
  height: 29px !important;
  text-align: left !important;
}

.max_width295 {
  max-width: 343px;
  margin: 0px 10px 0px 6px;
  height: 23px !important;
  text-align: left !important;
}

.max_widthfortext {
  max-width: 316px;
  height: 23px !important;
  text-align: left !important;
}

::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #000;
}

::-moz-placeholder {
  /* Firefox 19+ */
  color: #000;
}

:-ms-input-placeholder {
  /* IE 10+ */
  color: #000;
}

:-moz-placeholder {
  /* Firefox 18- */
  color: #000;
}

.won_sites_respect {
  position: absolute;
  margin: 45px 0px 0px 17px;
  z-index: 3;
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  font-size: 15px;
  font-weight: normal;
  line-height: 33px;
  color: #fff;
  text-decoration: none;
}

.won_sites_respect_big {
  position: absolute;
  margin: 17px 0px 0px 17px;
  z-index: 3;
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  font-size: 15px;
  font-weight: normal;
  line-height: 33px;
  color: #fff;
  text-decoration: none;
}

.won_ribbon_dtl {
  width: 176px;
  height: 176px;
  left: -17px;
  top: -16px;
  position: absolute;
  z-index: 996;
}

/* Social Icons */
.icon_space {
  padding: 2px;
}

.social_icon_to_font_dis {
  margin-left: 5px;
}

.social_btn_size {
  min-width: 135px;
}

.font_size15_colour_whit {
  /*background: black;*/
  font-size: 16px !important;
  color: #fff;
}

.social_icon_size {
  width: 21px !important;
  height: 21px !important;
  text-align: center;
  vertical-align: middle;
  display: table-cell;
  /* padding: 5px; */
}

.fb_share_btn {
  border-radius: 4px;
  padding: 9px 8px 3px 6px;
  vertical-align: middle;
  display: table-cell;
  /* border: 1px solid #c3c9cc; */
  background: #3B5998;
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  font-style: normal;
  font-weight: normal;
  text-decoration: none;
}

.twitter_share_btn {
  border-radius: 4px;
  padding: 9px 8px 3px 6px;
  vertical-align: middle;
  display: table-cell;
  /* border: 1px solid #c3c9cc; */
  background: #55acee;
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  font-style: normal;
  font-weight: normal;
  text-decoration: none;
}

.googleplus_share_btn {
  border-radius: 4px;
  padding: 9px 8px 3px 6px;
  vertical-align: middle;
  display: table-cell;
  /* border: 1px solid #c3c9cc; */
  background: #CB2027;
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  font-style: normal;
  font-weight: normal;
  text-decoration: none;
}

/* Social Icons */
.pos_bird {
  width: 138px;
  height: 138px;
  position: absolute;
  bottom: 198px;
  left: 128px;
  right: 0px;
  margin: 0 auto;
  z-index: 999;
}

.ishfaak {
  -webkit-animation: ishfaak_anima 8s infinite ease-in-out;
  -moz-animation: ishfaak_anima 8s infinite ease-in-out;
  -o-animation: ishfaak_anima 8s infinite ease-in-out;
  animation: ishfaak_anima 8s infinite ease-in-out;
}

@-webkit-keyframes ishfaak_anima {
  0% {
    -webkit-transform: translate(0, 0);
  }
  50% {
    -webkit-transform: translate(0, 68px);
  }
  100% {
    -webkit-transform: translate(0, 0);
  }
  from {
    transform: rotate(0deg) translateX(38px) rotate(0deg);
  }
  to {
    transform: rotate(360deg) translateX(38px) rotate(-360deg);
  }
}
@-moz-keyframes ishfaak_anima {
  0% {
    -moz-transform: translate(0, 0);
  }
  50% {
    -moz-transform: translate(0, 68px);
  }
  100% {
    -moz-transform: translate(0, 0);
  }
  from {
    transform: rotate(0deg) translateX(38px) rotate(0deg);
  }
  to {
    transform: rotate(360deg) translateX(38px) rotate(-360deg);
  }
}
@-o-keyframes ishfaak_anima {
  0% {
    -o-transform: translate(0, 0);
  }
  50% {
    -o-transform: translate(0, 68px);
  }
  100% {
    -o-transform: translate(0, 0);
  }
  from {
    transform: rotate(0deg) translateX(38px) rotate(0deg);
  }
  to {
    transform: rotate(360deg) translateX(38px) rotate(-360deg);
  }
}
@keyframes ishfaak_anima {
  0% {
    transform: translate(0, 0);
  }
  50% {
    transform: translate(0, 68px);
  }
  100% {
    transform: translate(0, 0);
  }
  from {
    transform: rotate(0deg) translateX(38px) rotate(0deg);
  }
  to {
    transform: rotate(360deg) translateX(38px) rotate(-360deg);
  }
}
.usr_desi_cre {
  width: 100%;
  height: 90px;
  top: 27%;
  left: 0;
  right: 0;
  position: absolute;
  text-align: center;
  z-index: 783;
}

@media only screen and (max-width: 1024px) and (min-width: 769px) {
  .usr_desi_cre {
    top: 7%;
  }
}
@media only screen and (max-width: 768px) and (min-width: 721px) {
  .usr_desi_cre {
    top: 7%;
  }
}
@media only screen and (max-width: 720px) and (min-width: 619px) {
  .usr_desi_cre {
    top: 12%;
    -ms-transform: scale(0.75, 0.75);
    /* IE 9 */
    -webkit-transform: scale(0.75, 0.75);
    /* Safari */
    transform: scale(0.75, 0.75);
    filter: blur(0);
    -webkit-filter: blur(0);
    -webkit-perspective: 1000;
  }
}
@media only screen and (max-width: 618px) and (min-width: 580px) {
  .usr_desi_cre {
    top: 7%;
    -ms-transform: scale(0.75, 0.75);
    /* IE 9 */
    -webkit-transform: scale(0.75, 0.75);
    /* Safari */
    transform: scale(0.75, 0.75);
    filter: blur(0);
    -webkit-filter: blur(0);
    -webkit-perspective: 1000;
  }
}
@media only screen and (max-width: 579px) and (min-width: 480px) {
  .usr_desi_cre {
    top: -8%;
    -ms-transform: scale(0.75, 0.75);
    /* IE 9 */
    -webkit-transform: scale(0.75, 0.75);
    /* Safari */
    transform: scale(0.75, 0.75);
    filter: blur(0);
    -webkit-filter: blur(0);
    -webkit-perspective: 1000;
  }
}
@media only screen and (max-width: 479px) and (min-width: 360px) {
  .usr_desi_cre {
    top: -21%;
    -ms-transform: scale(0.75, 0.75);
    /* IE 9 */
    -webkit-transform: scale(0.75, 0.75);
    /* Safari */
    transform: scale(0.75, 0.75);
    filter: blur(0);
    -webkit-filter: blur(0);
    -webkit-perspective: 1000;
  }
}
@media only screen and (max-width: 380px) and (min-width: 1px) {
  .hde_usa_for_mob_small {
    display: none;
  }
}
.txt_usr_desi_cre {
  display: block;
  width: 80px;
  text-align: center !important;
  position: relative;
  top: 108px;
  font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
  font-size: 13px;
  color: #fff !important;
  background: black;
  padding: 4px;
  border-radius: 50px;
  top: 121px;
}

.float_none_always {
  width: auto;
  float: none !important;
  overflow: hidden;
}

/* -----detail jusdges box */
.dlt_judg_left_dash {
  float: left;
  width: 20%;
  min-width: 135px;
}

.dlt_judg_right_size {
  background: #ce024d;
  /*    width: 73px;*/
  width: 85px;
  margin-left: 16px;
}

.dlt_judg_container_dash {
  display: table;
  height: 100%;
  width: 100%;
  min-height: 124px;
}

.jud_geo_white {
  border: 3px solid #fff;
  background: #fff;
  width: 110px;
  height: 110px;
  border-radius: 100px;
  margin: 7px 0px 7px 0px;
  display: inline-block;
  -moz-box-shadow: 0 0 15px 3px #d3d3d3;
  -webkit-box-shadow: 0 0 15px 3px #d3d3d3;
  box-shadow: 0 0 15px 3px #d3d3d3;
  -o-box-shadow: 0 0 15px 3px #d3d3d3;
}

.jud_cir_radiate {
  font: 83px/1 'Argo_Flats';
  line-height: 103px;
  letter-spacing: -1px;
  text-rendering: optimizelegibility;
  color: #fff !important;
  width: 90px;
  height: 90px;
  border-radius: 100px;
  margin: 7px;
  display: inline-block;
}

@media only screen and (max-width: 856px) and (min-width: 603px) {
  .dashboard_mob_block {
    margin: 2.5% 1px 0 1.9%;
    padding: 1.2% 0;
    width: 47.2%;
    height: auto;
    display: inline-block;
    text-align: center;
    clear: left;
    width: 99%;
  }
}
@media only screen and (max-width: 602px) and (min-width: 481px) {
  .dashboard_mob_block {
    margin: 2.5% 1px 18px 1.9%;
    padding: 1.2% 0;
    width: 47.2%;
    height: auto;
    display: inline-block;
    text-align: center;
    clear: left;
    width: 99%;
  }

  .mob_jud_aln {
    width: 100%;
    float: none;
    margin: 0 auto !important;
    position: relative;
  }

  .jud_float_non {
    float: none !important;
  }

  .dlt_judg_right_size {
    background: #ce024d;
    width: 100%;
    margin-left: 16px;
  }

  .dlt_judg_container_dash {
    display: table;
    height: 100%;
    width: 100%;
    min-height: 53px;
    margin-top: 13px;
  }

  .jud_width_100_impo {
    width: 100% !important;
  }

  .jud_mob_txt_center {
    text-align: center !important;
  }
}
/* -----detail jusdges box */
/*Ishfaak Code Bigest Tabs--------------------------------------------------*/
/* @media only screen and (max-width: 989px) and (min-width: 768px){  */
@media only screen and (max-width: 915px) and (min-width: 768px) {
  .ishfaak_src_for_devi_pos {
    padding-top: 23px;
  }

  .width_29pct {
    width: 73%;
  }

  .footer_bg {
    background-image: url(../images/footer_bg.png);
    background-repeat: no-repeat;
    background-position: center top;
    background-size: inherit;
  }
}
/*Ishfaak Code--------------------------------------------------*/
/*Ishfaak Code--------------------------------------------------*/
/*@media only screen and (max-width: 989px) and (min-width: 768px){*/
@media handheld, only screen and (max-width: 768px) {
  .ishfaak_src_for_devi_pos {
    padding-top: 23px;
  }

  .show_few_text {
    margin: 8px 39px 14px 16px;
    overflow: hidden;
    height: 15px;
    position: relative;
  }

  .footer_bg {
    background-image: url(../images/footer_bg.png);
    background-repeat: no-repeat;
    background-position: center top;
    background-size: inherit;
  }
}
/*Ishfaak Code--------------------------------------------------*/
/*Ishfaak Code--------------------------------------------------*/
@media only screen and (max-width: 537px) and (min-width: 481px) {
  h2 {
    font: 12pt/1 'Raleway-Regular';
    letter-spacing: 1px !important;
  }

  .padding_left_29 {
    padding-left: 9px;
  }

  .fluid_wraper > div {
    margin: 0 0 0px 0;
    min-width: 100% !important;
    width: 100%;
  }

  .fluid_table .col {
    /*		clear: left;*/
    width: 100%;
    margin: 0 auto !important;
  }

  .boxwitharrow {
    max-width: 147px;
  }

  .gallery_left {
    width: auto;
    float: left;
    overflow: hidden;
  }

  .gallery_right {
    order: 2;
    width: 100%;
    /*                float: left;*/
    float: none;
    display: inline-block !important;
  }

  .space_top115 {
    padding-top: 78px !important;
  }

  .mob_space_10 {
    margin-top: 10px;
  }

  .adv_cen {
    float: none;
    position: relative;
  }

  .ishfaak_src_for_devi_pos {
    padding-top: 23px;
  }

   	/*#off_whn_mob{
		display: none;
	}*/
  .nav_hid_for_mob {
    display: none;
  }

  .margin_left_8 {
    margin-left: 8px !important;
  }

  .margin_left_8other {
    margin-left: 5px;
  }

  .pos_bread {
    display: none;
  }

  .width_99pct {
    width: 98%;
  }

  .form_left_pad {
    float: left;
    clear: left;
    margin: 0 3px 0px 0px;
    width: 99%;
  }

  .width_78pct {
    width: 96%;
  }

  .input_submit_form {
    margin-left: 10px;
  }

  .txtarea_submit_form {
    margin-left: 10px;
  }

  .combo_submit_form {
    margin-left: 10px;
  }

  .inputFile {
    margin-left: 10px;
  }

  .width_29pct {
    width: 100%;
  }
}
/*Ishfaak Code--------------------------------------------------*/
@media only screen and (max-width: 480px) and (min-width: 418px) {
  .mob_only_pos_cat {
    float: none;
  }
}
@media only screen and (max-width: 417px) and (min-width: 375px) {
  .mob_only_pos_cat {
    float: none;
  }
}
@media only screen and (max-width: 374px) and (min-width: 359px) {
  .mob_only_pos_cat {
    float: none;
  }
}
/* Queries --------------------------------------------------------------------------------------*/
/*Ishfaak Code--------------------------------------------------*/
@media screen and (max-width: 480px) {
  .fluid_wraper > div {
    margin: 0 0 0px 0;
    min-width: 100% !important;
    width: 100%;
  }

  .fluid_table .col {
    /*		clear: left;*/
    width: 100%;
    margin: 0 auto !important;
  }

  .gallery_left {
    width: auto;
    float: left;
    overflow: hidden;
  }

  .gallery_right {
    order: 2;
    width: 100%;
    /*                float: left;*/
    float: none;
    display: inline-block !important;
  }

  .boxwitharrow {
    max-width: 146px;
  }

  .inner_banner_bread_crumbs {
    display: none !important;
  }

  .padding_left_29 {
    padding-left: 23px;
  }

  .space_top115 {
    padding-top: 78px !important;
  }

  .mob_space_10 {
    margin-top: 10px;
  }

  .adv_cen {
    float: none;
    position: relative;
  }

  .width_100pct_rig {
    float: left;
    clear: left;
    margin: 0 3px 0px;
    width: 98%;
  }

  .nav_container {
    float: right;
    right: 15px;
    margin-top: 10px;
  }

  .ishfaak_src_for_devi_pos {
    padding-top: 23px;
  }

  .like_banner_btn {
    line-height: 12px;
    height: 30px;
  }

  h3 {
    font-size: 31px;
  }

  .nav_hid_for_mob {
    display: none;
  }

  .search_box {
    min-width: 316px;
    right: 0px !important;
  }

  .search_box_inner {
    min-width: 316px;
    right: 0px !important;
  }

  .btn_search_Submit {
    right: 10px;
  }

  .input_searchform {
    min-width: 213px;
  }

  .hold_geo {
    /*General*/
    transform: scale(0.7, 0.7);
    /*Firefox*/
    -moz-transform: scale(0.7, 0.7);
    /*Microsoft Internet Explorer*/
    -ms-transform: scale(0.7, 0.7);
    /*Chrome, Safari*/
    -webkit-transform: scale(0.7, 0.7);
    /*Opera*/
    -o-transform: scale(0.7, 0.7);
    max-width: 360px;
    top: 40px;
    margin: 0 auto;
    position: relative;
  }

  .ishfaak_geo_code {
    height: 118px;
  }

  .ishfaak_geometry_rot {
    border: none;
    width: 0px !important;
    margin: none;
  }

  .font_place1 {
    left: 0px;
  }

  .font_place2 {
    right: 0px;
  }

  .font_place1_inner {
    left: 0px;
  }

  .font_place2_inner {
    right: 0px;
  }

  .padding_left_29 {
    padding-left: 4px !important;
  }

  .width_46pct {
    width: 100%;
  }

  .width_15pct {
    width: 100%;
  }

  .mob_margin_left_38 {
    margin-left: 10px;
  }

  .margin_left_38 {
    margin-left: 10px;
  }

  .min_208_width {
    min-width: 308px;
  }

  .margin_left_23 {
    margin-left: 3px;
  }

  .pos_bread {
    display: none;
  }

  .width_99pct {
    width: 98%;
  }

  .space_top63 {
    padding-top: 31px;
  }

  .form_left_pad {
    float: left;
    clear: left;
    margin: 0 3px 0px 0px;
    width: 99%;
  }

  .width_78pct {
    width: 96%;
  }

  .input_submit_form {
    margin-left: 10px;
  }

  .txtarea_submit_form {
    margin-left: 10px;
  }

  .combo_submit_form {
    margin-left: 10px;
  }

  .inputFile {
    margin-left: 10px;
  }

  .width_29pct {
    float: left;
    clear: left;
    margin: 0 3px 15px 0px;
    width: 99%;
  }

  .dtl_lft, .dtl_rgt {
    max-width: 100%;
    width: 100%;
    float: none;
    margin: 0 auto;
  }

  .mob_width_99pct {
    width: 100%;
  }

  .only_txt_float_lft {
    text-align: center !important;
  }

  .width_47_dtl_pct {
    width: 98%;
    display: inline-table !important;
    clear: both !important;
    margin-bottom: 10px;
  }

  .mar_lftdtl_12 {
    margin-left: 0px;
    margin-bottom: 5px;
  }

  .mar_lftshw_12 {
    margin-left: 18px;
    margin-bottom: 5px;
  }

  .dashboard_mob_block {
    margin: 2.5% 1px 18px 1.9%;
    padding: 1.2% 0;
    width: 47.2%;
    height: auto;
    display: inline-block;
    text-align: center;
    clear: left;
    width: 99%;
  }

  .mob_jud_aln {
    width: 100%;
    float: none;
    margin: 0 auto !important;
    position: relative;
  }

  .jud_float_non {
    float: none !important;
  }

  .dlt_judg_right_size {
    background: #ce024d;
    width: 100%;
    margin-left: 16px;
  }

  .dlt_judg_container_dash {
    display: table;
    height: 100%;
    width: 100%;
    min-height: 45px;
    margin-top: 3px;
  }

  .jud_width_100_impo {
    width: 100% !important;
  }

  .jud_mob_txt_center {
    text-align: center !important;
  }

  .judg_col_each {
    width: 96%;
    height: auto;
    float: left;
    margin: 9.5% 2% 1px 2%;
    padding: 6% 8px 0px 8px;
    min-height: 485px;
  }

  .quote_top {
    position: absolute;
    left: 10px;
    top: -20pxx;
    margin: 0 auto;
  }

  .footer_bg {
    background-image: url(../images/footer_bg.png);
    background-repeat: no-repeat;
    background-position: center top;
    background-size: inherit;
  }
}
/* Ishfaak Code-------------------------------------------------- */
/*Details new fle*/
.fle_flu_left {
  float: left;
}

.fle_flu_right {
  float: none;
  width: auto;
  overflow: hidden;
}

.flex_auto_stretch_col_wrap {
  display: flex;
  flex-wrap: wrap;
}

.flex_stretch_each_col {
  flex: 1;
  vertical-align: top;
  display: flex;
  /* For auto Grow height I added this*/
}

.get_to_know_each_block_width {
  width: 47%;
  min-width: 45%;
  margin: 15px;
  margin-bottom: 9px;
}

.get_to_know_block {
  border: 1px solid #dedede;
  background: #fff;
  width: 100%;
  border-radius: 15px;
  padding: 13px;
}

.get_to_know_block_circle {
  border: 1px solid #a1a1a1;
  background: #fff;
  width: 80px;
  height: 80px;
  border-radius: 50px;
  display: inline-block;
  text-align: center;
}

.social_font_size {
  width: 50px !important;
  height: 50px !important;
  top: 13px;
  text-align: center;
  vertical-align: middle;
  display: table-cell;
  position: relative;
  padding: 5px;
  font-size: 35px !important;
  color: #000;
}

.social_font_size2 {
  width: 50px !important;
  height: 50px !important;
  top: 19px;
  text-align: center;
  vertical-align: middle;
  display: table-cell;
  position: relative;
  padding: 5px;
  font-size: 35px !important;
  color: #fff;
}

.get_to_know_each_promo_width {
  width: 47%;
  min-width: 45%;
  margin: 15px;
  margin-bottom: 9px;
}

.get_to_know_each_workinghours_width {
  width: 43%;
  min-width: 30%;
  margin: 15px;
  margin-bottom: 9px;
}

@media only screen and (max-width: 360px) and (min-width: 320px) {
  .get_to_know_each_workinghours_width {
    width: 100%;
    min-width: 91%;
  }

  .get_to_know_each_workinghours_width {
    width: 100%;
    min-width: 91%;
  }
}
.map_detail {
  background-image: url(../images/world_wide.jpg);
  background-repeat: no-repeat;
  background-position: center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  padding-top: 26px;
  width: 100%;
  height: 658px;
  margin: 0 auto;
  position: relative;
}

.form_detail_contact_wrapper {
  border-radius: 10px;
  background: #fff;
  width: 60%;
  height: auto;
  margin: 0 auto;
  display: inline-table;
  padding: 13px;
}

.detail_txtarea_submit_form {
  border: solid 1px #f3e9db;
  background-color: #fff;
  width: 100%;
  height: 58px;
  padding-left: 10px;
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  color: #000;
  /* font-size: 13px; */
}

.explain_ishfaak_sumudu_btn2 {
  background-image: url(../images/submit.png);
  background-repeat: no-repeat;
  background-color: transparent;
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  color: #fff;
  font-size: 0px;
  width: 55px;
  height: 55px;
  border: none;
  left: 0;
  right: 0;
  margin: -14px auto;
  position: absolute;
}

@media only screen and (max-width: 780px) and (min-width: 610px) {
  .form_detail_contact_wrapper {
    width: 80%;
  }
}
@media only screen and (max-width: 609px) and (min-width: 320px) {
  .form_detail_contact_wrapper {
    width: 95%;
  }
}
/*Details new fle*/
.home_phone_style {
  padding: 9px 0px 0px 16px;
  position: relative;
  color: #fff;
}

.promo_box_dtl {
  border: 1px solid #fff;
  background: #fe9900;
  height: 32px;
  top: -1px;
  margin-left: auto;
  margin-right: auto;
  display: inline-block;
  -moz-box-shadow: 0 0 15px 3px #d3d3d3;
  -webkit-box-shadow: 0 0 15px 3px #d3d3d3;
  box-shadow: 0 0 15px 3px #d3d3d3;
  -o-box-shadow: 0 0 15px 3px #d3d3d3;
  padding: 5px 10px 10px 10px;
  position: relative;
}

@font-face {
  font-family: roboto;
  src: url(roboto_thin.ttf);
}
@font-face {
  font-family: roboto;
  src: url(IsiAlakamanda.ttf);
}
.add_message_wrapper {
  width: 100%;
  -webkit-box-shadow: 1px 10px 17px 2px #5d0b00;
  -moz-box-shadow: 1px 10px 17px 2px #5d0b00;
  box-shadow: 1px 10px 17px 2px #5d0b00;
  background: #fff;
  border-bottom: 1px solid #fff;
  display: block;
  height: auto;
  padding: 6px;
  position: relative;
  z-index: 1;
}

.add_font_style {
  color: #333333;
  font-family: roboto;
  font-size: 28px;
  text-align: center;
  font-weight: 500;
}

.add_font_style_sinhala {
  color: #333333;
  font-family: IsiAlakamanda;
  font-size: 28px;
  text-align: center;
  font-weight: 500;
}

/*# sourceMappingURL=styles.css.map */