 /*
 Theme Name: gravitify
 Theme URI: http://wp.0effortthemes.com/themes
 Author: 0effortthemes Team
 Author URI: http://0effortthemes.com/
 Version: 1.2.2
 Description: Gravitify Theme
 Tags: two-columns, left-sidebar, right-sidebar,  custom-menu
 Text Domain: gravitify
 License: GNU General Public License
 License URI: https://www.gnu.org/licenses/gpl.html

*/


/*--------------------------
     table content
-------------------------------*/
  /*
    01 header
    02 nav
    03 footer
    04 rtl
    05 button
    06 service
    07 section_heading
    08 client
    09 team-member
    10 investment
    11 widget-custome
    12 animationcustom
    13 sticky-post
    14 modal
    15 comments
    16 loader
    17 author
    18 home
    19 about
    20 gallery
    21 portfolio
    22 singleportfolio
    23 teamPage
    24 singleservice
    25 singleteam
    26 blog
    27 product
    28 askquote
    29 singleBlog
    30 what3d
    31 contact
    32 error
    33 woocommerce-common
    34 archive
    35 cart
    35 single-product
    36 checkout
    37 order-details
    */
    /* =WordPress Core
-------------------------------------------------------------- */

.alignnone {
    margin: 5px 20px 20px 0;
}

.aligncenter,
div.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

.alignright {
    float:right;
    margin: 5px 0 20px 20px;
}

.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}

a img.alignnone {
    margin: 5px 20px 20px 0;
}

a img.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.wp-caption {
    background: #fff;
    border: 1px solid #f0f0f0;
    max-width: 96%; /* Image does not overflow the content area */
    padding: 5px 3px 10px;
    text-align: center;
}

.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}

.wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 98.5%;
    padding: 0;
    width: auto;
}

.wp-caption p.wp-caption-text {
    font-size: 11px;
    line-height: 17px;
    margin: 0;
    padding: 0 4px 5px;
}

/* Text meant only for screen readers. */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
	height: 1px;
	width: 1px;
	overflow: hidden;
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000; /* Above WP toolbar. */
}
.sticky {
    display: block;
}

/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comment-content a {
    word-wrap: break-word;
}

.bypostauthor {
    display: block;
}

/******* TRISTUP ***/
.blog-content-wrapper.no-image {
  width: 100%;
}
.Advertising-header, .Advertising-footer {
  position: relative;
 /* border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;*/
}
.Advertising-header {
  padding: 10px 0 6px 0;
  margin: 0px 0;
}
.Advertising-inner {
    text-align: center;
}

/*======LOADER===========*/
./*****  SPINNER CSS **/
@-moz-keyframes spinner-loader {
  0% {
    -moz-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -moz-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-webkit-keyframes spinner-loader {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes spinner-loader {
  0% {
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
/* :not(:required) hides this rule from IE9 and below */
.spinner-loader:not(:required) {
  -moz-animation: spinner-loader 1500ms infinite linear;
  -webkit-animation: spinner-loader 1500ms infinite linear;
  animation: spinner-loader 1500ms infinite linear;
  -moz-border-radius: 0.5em;
  -webkit-border-radius: 0.5em;
  border-radius: 0.5em;
  -moz-box-shadow: rgba(0, 0, 51, 0.3) 1.5em 0 0 0, rgba(0, 0, 51, 0.3) 1.1em 1.1em 0 0, rgba(0, 0, 51, 0.3) 0 1.5em 0 0, rgba(0, 0, 51, 0.3) -1.1em 1.1em 0 0, rgba(0, 0, 51, 0.3) -1.5em 0 0 0, rgba(0, 0, 51, 0.3) -1.1em -1.1em 0 0, rgba(0, 0, 51, 0.3) 0 -1.5em 0 0, rgba(0, 0, 51, 0.3) 1.1em -1.1em 0 0;
  -webkit-box-shadow: rgba(0, 0, 51, 0.3) 1.5em 0 0 0, rgba(0, 0, 51, 0.3) 1.1em 1.1em 0 0, rgba(0, 0, 51, 0.3) 0 1.5em 0 0, rgba(0, 0, 51, 0.3) -1.1em 1.1em 0 0, rgba(0, 0, 51, 0.3) -1.5em 0 0 0, rgba(0, 0, 51, 0.3) -1.1em -1.1em 0 0, rgba(0, 0, 51, 0.3) 0 -1.5em 0 0, rgba(0, 0, 51, 0.3) 1.1em -1.1em 0 0;
  box-shadow: rgba(0, 0, 51, 0.3) 1.5em 0 0 0, rgba(0, 0, 51, 0.3) 1.1em 1.1em 0 0, rgba(0, 0, 51, 0.3) 0 1.5em 0 0, rgba(0, 0, 51, 0.3) -1.1em 1.1em 0 0, rgba(0, 0, 51, 0.3) -1.5em 0 0 0, rgba(0, 0, 51, 0.3) -1.1em -1.1em 0 0, rgba(0, 0, 51, 0.3) 0 -1.5em 0 0, rgba(0, 0, 51, 0.3) 1.1em -1.1em 0 0;
  display: inline-block;
  font-size: 10px;
  width: 1em;
  height: 1em;
  margin: 1.5em;
  overflow: hidden;
  text-indent: 100%;
}

/****** THROBBER LOADER ***/
.spinner {

  width: 50px;
  height: 40px;
  text-align: center;
  font-size: 10px;
  display: inline-block;
  float: left;
  position: absolute;
  left: 0;
  top: 0;
}

.spinner > div {
  background-color: #ff8888;
  height: 100%;
  width: 6px;
  display: inline-block;
  -webkit-animation: sk-stretchdelay 1.2s infinite ease-in-out;
  animation: sk-stretchdelay 1.2s infinite ease-in-out;
}

.spinner .rect2 {
  -webkit-animation-delay: -1.1s;
  animation-delay: -1.1s;
}

.spinner .rect3 {
  -webkit-animation-delay: -1.0s;
  animation-delay: -1.0s;
}

.spinner .rect4 {
  -webkit-animation-delay: -0.9s;
  animation-delay: -0.9s;
}

.spinner .rect5 {
  -webkit-animation-delay: -0.8s;
  animation-delay: -0.8s;
}

@-webkit-keyframes sk-stretchdelay {
  0%, 40%, 100% { -webkit-transform: scaleY(0.4) }
  20% { -webkit-transform: scaleY(1.0) }
}

@keyframes sk-stretchdelay {
  0%, 40%, 100% {
    transform: scaleY(0.4);
    -webkit-transform: scaleY(0.4);
  }  20% {
    transform: scaleY(1.0);
    -webkit-transform: scaleY(1.0);
  }
}
.image_spinner_wrapper
{
    display: none;
}
.site-content
{
  padding-top: 140px;
  padding-bottom: 70px;
}
.no-site-content .entry-footer
{
    margin-bottom: 50px !important;
}
/****** 04 04 2016 ****/
.blog-content iframe {
  width: 100%;
  height: 400px;
}

/*** 27-05-2016 ***/
.header_area .top_header
{
  top:0px !important;
}

.admin-bar .header_area .top_header.sticky-menu-add
{
  top:30px !important;
}

/*****  06-06-2016 **/
.display_none
{
   display:none;
}

/******  17-11-2016 ******/
.search-loader-wrapper
{
  position: fixed;
  height: 100vh;
  width: 100vw;
  overflow: hidden;
  z-index: 100000;
  display: none;
  top:0;
}
.search-loader-backdrop, .search-loader-image
{
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.search-loader-backdrop
{
  background: #ffffff;
  z-index: 1;
}

.search-loader-image {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-align-content: center;
      -ms-flex-line-pack: center;
          align-content: center;
  text-align: center;
  z-index: 2;
}
.search-loader-image img
{
  max-width: 100%;
  max-height: 100%;
}

.search-loader-wrapper .search-field
{
  background:transparent;
  border:none ;
  border-bottom:2px solid #000000;
  font-size: 30px;
  text-align: center;
  color: #000;
}
.search-field:focus{
    outline: none;
}

/***** BY TG *****/
.nav-links > div.nav-previous
{
  display: inline-block;
  float: left;
  width: 20%;
}
.custome-nav .nav-next {
  display: inline-block;
  /* margin: 10px; */
  float: right;
  width: 20%;
}

element.style {
    font-size: 22px;
    color: #666666 !important;
    line-height: 1.2;
    text-align: center;
    font-family: Roboto;
    font-weight: 500;
    font-style: normal;
}

.vc_custom_1419250758402 {
    background-color: #dddddd !important; 
}