/* Enter Your Custom CSS Here */

/*--------------------------------------------------------------------------------------*/
/*Function intended to set auto-height and width in FAQ Buttons (Added 30-7-16)*/
.auto-height {
	height: auto !important;
}

.auto-width{
	width: auto !important;
}
/*--------------------------------------------------------------------------------------*/

.contact-section h1{
	padding-left: 12px;
}

.edgtf-post-title, h3{
	color: #272a6f;  
}

.no_margin{
margin-left:0 !important;  
}

.size-label{
 padding-top:70px; 
}
h2.smaller, h2.larger{
	font-size: 18px !important;
}
.edgtf-pie-chart-text p{
	text-align:justify;  
}
.down-arrow{
 color: #272A6E;
  font-size: 24px !important;
  margin-left: 10px;
  
}
.number-section .title{
 font-weight:normal;
 font-size:36px;
}


.terms-link{
 font-size: 12px;
  font-style: italic;
}
@media only screen and (min-width: 1024px){
.faq1{
 width: 235px;
  margin:auto;
}

.faq2{
 width: 255px;
  margin: auto;
}
}

.question{
 font-family: 'Arial'; 
}
.number-section .smaller{
	font-size:14px;
	font-weight:normal;  
}

.one, .two, .three, .four, .five{
	position:absolute;  
}

.four{
text-align:right;
}

.title.fancy-title{
 float:left; 
  width: 192px;
}

.msg{
	float: left;
    padding-top: 27px;
    padding-left: 10px;
  width:250px;
}

.section-holder{
	background-size: 100%;
    background-position: 50% 50%;
    background-repeat: no-repeat; 
	min-height:610px;
}

.small-section-holder{
	background-size: 100%;
    background-position: 50% 50%;
    background-repeat: no-repeat; 
	min-height:320px;
}
#scrollto-section-1{
    min-height: 670px;
  }




@media only screen and (min-width: 1024px){
  
  .full-height-section{
   min-height: 495px; 
  }
}

@media only screen and (min-width: 1500px){
  
  .number-section .smaller, .number-section .larger{
   	font-size: 26px !important; 
  }
}



@media only screen and (max-width: 1200px){ 
  
  .content-wrap h1.fancy-title {
      font-weight: normal;
      font-size: 44px;
      line-height: 1em;
      text-align: left;
      float: left;
  }
  
  .msg{
  	padding-top:20px;
    
  }
  
  
  .content-wrap.fancy-title {
    padding: 0 15px;

    
	}

  
}

/*
	BACKGROUND IMAGES HACK
*/

/*
.image-holder img{
 max-height: 300px; 
 max-width: 350px;
}*/

.text-to-right{
 text-align: right; 
}

@media only screen and (min-width:1220px){
 
  .one{
   	left:225px; 
  }

  .two{
    top: 490px;
    left: 650px;
  }
  
}

@media only screen and (min-width:1320px){
  
  .one{
   	left:245px; 
  }
  
  .two{
    top:505px;
    left: 750px; 
  }
}


.one{
 left: 18%;
 top: 15%;
}

.two{
 left: 60%;
 top: 72%;
}

.three{
 left: 24%;
 top: 16%;
}

.four{
 left: 62%;
 top: 67%;
}



.five{
 left: 20%;
 top: 48%;
}


@media only screen and (min-width:1024px){
 .edgtf-social-icon-widget-holder:nth-of-type(1){
	 margin-left: 32px !important; 
} 
  .four .larger{
	width: 270px;  
	}
  
  .one h2{
   width: 300px; 
  }

  .two h2{
   width: 380px; 
  }
  
  
  .five h2{
   width: 320px; 
  }
  
  .three h2{
   width: 415px; 
  }
  
  .footer_label{
    margin-left: 50px; 
  }
  
  .mobile-separator{
  	display: none;
  }
}
/*------------------------------------------------------------------------------------------------------------*/
/* The Following functions have been added on 29-7-2016 in order to fix problems with Mobile Views:
   * Null-Padding: Removes all padding from the requested entries, allowing for numbers in "How It Works" to look
	 better. It is applied on wdc-section-with-numbers.php.
   */

@media only screen and (max-width:668px){
  .null-padding{
  	padding: 0px !important;
  }
}
/*------------------------------------------------------------------------------------------------------------*/
@media only screen and (max-width:1024px){
  .contact-section{
   background: #f9f9f9; 
  }
  .linear, .linear2{
   margin: 0 auto;
left:0;
    right: 0;
  }
  .title.fancy-title{
   float: none;
    width: auto;
  }
  .why-us h1{
   padding-top: 10px; 
  }
  /*------------------------------------------------------------------------------------------------------------*/
  /* The Following functions have been added on 29-7-2016 in order to fix problems with Mobile Views:
   * Why-Us-Shrink: Handles size and spaces between Why Us Sections.It is included on wdc-why-us-section.php.
  	 To find it, look for 'why-us-shink' class. It required an extra addition - style="height: auto !important" for
  	 the section relevant to 'Storage Space / Pricing' in wdc-pricing-section.php.
   * Null-Padding: Removes all padding from the requested entries, allowing for numbers in "How It Works" to look
     better. It is applied on wdc-section-with-numbers.php. 
  *	 Number-And-Messages: Specifies the size and position (relative) for the divs which include the grey numbers
  	 and content in 'How It Works' Section. Applied on wdc-section-with-numbers.php.
   */
  .why-us-shrink{
    padding-bottom: 35px !important;
  	height: auto !important;
    min-height: 0px !important;
  }
  .null-padding{
  	padding: 0px !important;
  }
  
  .number-and-message{
  	height: 160px;
    position: relative !important;
  }
  
  .storage-fix{
    float: none !important;
  	text-align: center !important;
    width: auto !important;
  }
  
  .mobile-separator {
    border: 0;
    height: 2px;
    background-image: linear-gradient(to right, rgba(200, 200, 200, 0), rgba(200, 200, 200, 0.75), rgba(200, 200, 200, 0));
	}
  
  /*------------------------------------------------------------------------------------------------------------*/
 
  .hide-mobile{
    display: none;
    opacity: 0;
  }
  
  .line-effect{
   display: none; 
  }
 .section-holder, .small-section-holder{
  	background-image: none !important;
    /*min-height: 400px !important;*/
  }
  
  .howitworks-section.section-holder {
   min-height: 720px !important; 
  }
  .edgtf-container-inner{
   	padding-top: 0px !important; 
  }
  
  .one, .two, .three, .four, .five{
   position: static;
   left: auto;
   top: auto;
  }
  
  .content-wrap.fancy-title{
   max-width: 100%;
  }
  
  .msg{
   clear:both;
    float: none;
    padding:0;
    margin:0;
    width: auto;
  }
  
  #scrollto-section-2{
   margin-top: 30px; 
  }
  
  .wpcf7-submit{
    white-space:normal;
    max-width: 95%;
  }
  
  .edgtf-mobile-header .edgtf-mobile-header-inner{
   	height: 88px; 
  }
  
  .edgtf-position-center-inner{
   padding:0; 
  }
  
  .edgtf-mobile-menu-opener{
   float:right !important; 
  }
  
  .edgtf-vertical-align-containers .edgtf-position-center {
   text-align: left; 
  }
  
  .order_now_btn{
   margin:0 !important; 
  }
  
.content-wrap span.number{
   font-size: 200px;  
    color: #dcdcf1;

  }
  
  .pie_chart_container{
   padding-left: 0 !important;
   padding-right: 0 !important;
  }
  
  .size-label{
   padding-top:30px; 
  }
  #contact-details{
   margin-top: 90px; 
  }
  
  .hide-mobile{
   display: none; 
  }
  
  .image-holder{
   margin-top: 0px !important;
   text-align: center; 
  }
}

@media only screen and (max-width:720px){
 /*30-7-2016 added MSG and width:auto to Fancy-Title*/
  .msg {
  	width: auto !important;
  }
 #scrollto-section-2 .title{
   font-size: 30px !important; 
  }
  
  .fancy-title{
   width: auto !important;
   float: none !important;
   text-align: center !important;
  }
  

  
  #scrollto-section-1 .image-holder{
  padding-top: 40px;
  }
  

  
  .full-height-fix{
   height: auto !important; 
  }
}

.footer_label{
 padding-top: 10px; 
}