/* ==========================================================================

   Table Of Content

   ==========================================================================





   1.General

   2.Hero section

   3.Navbar

   4.Play button

   5.Featured on

   6.Benefits

   7.Features

   8.video tour

   9.tour

   10.cta section

   11.Contact us

   12.Subscription form

   13.site footer

   14.Social buttons for footer

   15.Small Devices

   16.Medium devices (desktops, 992px and up)

   17. About Page

   18. Provider Form



*/





/* ==========================================================================

   1.General

   ========================================================================== */



body {

  font-family: 'Source Sans Pro', sans-serif;

  line-height: 1.5;

  font-weight: 400;

  font-size: 16px;

   color: #8A8A8A;

  overflow-x: hidden;

}



p {

  font-weight: 400;

  color: #4c4c4c;

  font-size: 15px;

}



h1,

h2,

h3,

h4,

h5,

h6 {

  font-weight: 600;

  color: #4c4c4c;

}



h4 {

  font-size: 20px;

  margin: 12px 0;

}



a {

  color: #f56363;

  transition: all 0.3s ease-in-out;

}



a:hover,

a:focus {

  color: #fa5454;

  text-decoration: none;

}



a:focus { outline: none; }



img {

  max-width: 100%;

  height: auto;

}



ul,

li {

  list-style: none;

  padding: 0;

  margin: 0;

}



b,

strong { font-weight: 600; }



/* ==========================================================================

   2.Hero section

   ========================================================================== */



.hero-section {

  background: url(img/feature-3.jpg) center center no-repeat scroll;

  background-size: cover;

  padding: 0 0 4.5em;

  position: relative;

  color: #fff;

  overflow: hidden;

}



.hero-section::before,

.video-tour::before,

.pricing::before,

.twitter-feed::before {

  content: '';

  position: absolute;

  width: 100%;

  height: 100%;

  top: 0;

  left: 0;

  right: 0;

}



.hero-section::before { background: rgba(0, 0, 0, 0.3); }



.welcome-message { margin-top: 4.5em; }



.welcome-message h1 {

  font-size: 36px;

  color: #fff;

  font-weight: 400;

  margin: 0 0 24px;

}



.welcome-message h2 {

  font-size: 22px;

  color: #fff;

  font-weight: 400;

  margin: 0;

}



.btn {

  padding: 1em 1em;

  color: #ff847c;

  font-size: 18px;

  text-align: center;

  text-decoration: none;

  background-color: #fff;

  line-height: 1.5;

  border: none;

  border-radius: 3px;

  font-weight: 400;

  text-transform: uppercase;

  transition: all 0.3s ease-in-out;

}



.btn:hover {

  color: #fff;

  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ff865e+0,ff7372+100 */

background: rgb(255,134,94); /* Old browsers */

background: -moz-linear-gradient(top,  rgba(255,134,94,1) 0%, rgba(255,115,114,1) 100%); /* FF3.6-15 */

background: -webkit-linear-gradient(top,  rgba(255,134,94,1) 0%,rgba(255,115,114,1) 100%); /* Chrome10-25,Safari5.1-6 */

background: linear-gradient(to bottom,  rgba(255,134,94,1) 0%,rgba(255,115,114,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff865e', endColorstr='#ff7372',GradientType=0 ); /* IE6-9 */

}



.btn:active,

.btn:focus,

.btn:active:hover,

.btn:active:focus {

  color: #fff;

  outline: none;

  background-color: #ff847c;

}





.btn2 {

  padding: 1em 1em;

  color: #fff;

  font-size: 18px;

  text-align: center;

  text-decoration: none;

  background: rgb(255,134,94); /* Old browsers */

  background: -moz-linear-gradient(top,  rgba(255,134,94,1) 0%, rgba(255,115,114,1) 100%); /* FF3.6-15 */

  background: -webkit-linear-gradient(top,  rgba(255,134,94,1) 0%,rgba(255,115,114,1) 100%); /* Chrome10-25,Safari5.1-6 */

  background: linear-gradient(to bottom,  rgba(255,134,94,1) 0%,rgba(255,115,114,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff865e', endColorstr='#ff7372',GradientType=0 ); /* IE6-9 */

  line-height: 1.5;

  border: none;

  border-radius: 0 3px 3px 0;

  font-weight: 400;

  text-transform: uppercase;

  transition: all 0.3s ease-in-out;

}



.btn2:hover {

  color: #fff;

  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ff865e+0,ff7372+100 */

background: rgb(255,134,94); /* Old browsers */

background: -moz-linear-gradient(top,  rgba(255,134,94,1) 0%, rgba(255,115,114,1) 100%); /* FF3.6-15 */

background: -webkit-linear-gradient(top,  rgba(255,134,94,1) 0%,rgba(255,115,114,1) 100%); /* Chrome10-25,Safari5.1-6 */

background: linear-gradient(to bottom,  rgba(255,134,94,1) 0%,rgba(255,115,114,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff865e', endColorstr='#ff7372',GradientType=0 ); /* IE6-9 */

}



.btn2:active,

.btn2:focus,

.btn2:active:hover,

.btn2:active:focus {

  color: #fff;

  outline: none;

  background-color: #ff847c;

}



.cta-btn p {

  color: #fff;

  margin: .75em 0 0;

  font-size: 18px;

}



/* ==========================================================================

   3.Navbar

   ========================================================================== */



.navbar-default {

  background-color: rgba(255, 255, 255, 0.97);

  border: none;

  margin-bottom: 0;

  border-radius: 0;

  padding: .75em 0;

}



.nav > li { text-align: center; }



.nav > li > a > i { padding-right: .2em; }



.navbar-default .navbar-toggle:hover,

.navbar-default .navbar-toggle:focus {

  background-color: #f56363;

  transition: all 0.3s ease-in-out;

}



.navbar-default .navbar-toggle:hover .icon-bar,

.navbar-default .navbar-toggle:focus .icon-bar { background-color: #fff; }



.navbar-brand { padding: 0 0 0 0.7em; }



.navbar-brand .logo-nav,

.nav-left { display: none; }



.navbar-default.stuck .logo-head { display: none; }



.navbar-default.stuck .logo-nav,

.navbar-default.stuck .nav-left { display: block; }



.navbar-default .navbar-nav>li>a,

.navbar-default .navbar-nav > li > a:hover,

.navbar-default .navbar-nav > li > a:focus { color: #fff; }



.navbar-default.stuck .navbar-nav>li>a { color: #4c4c4c; }



.navbar-default.stuck .navbar-nav > li > a:hover,

.navbar-default.stuck .navbar-nav > li > a:focus { color: #fa5454; }



.navbar-default .btn { font-size: 16px; }



.navbar-default.stuck .navbar-nav .btn {

  display: inline-block;

  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ff865e+0,ff7372+100 */

 background: rgb(255,134,94); /* Old browsers */

 background: -moz-linear-gradient(top,  rgba(255,134,94,1) 0%, rgba(255,115,114,1) 100%); /* FF3.6-15 */

 background: -webkit-linear-gradient(top,  rgba(255,134,94,1) 0%,rgba(255,115,114,1) 100%); /* Chrome10-25,Safari5.1-6 */

 background: linear-gradient(to bottom,  rgba(255,134,94,1) 0%,rgba(255,115,114,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff865e', endColorstr='#ff7372',GradientType=0 ); /* IE6-9 */

  color: #fff;



}



.navbar-default.stuck .navbar-nav .btn:hover,

.navbar-default.stuck .navbar-nav .btn:focus {



  color: #fff;

}



.navbar-default.stuck {

  position: fixed;

  width: 100%;

  top: 0;

  left: 0;

  z-index: 10;

  background-color: rgba(255, 255, 255, 0.97);

  box-shadow: 0 1px 12px 0px rgba(51, 51, 51, 0.23);

  -webkit-animation: fadeInDown 1s both;

  animation: fadeInDown 1s both;

}

 @-webkit-keyframes fadeInDown {

0% {

opacity:0;

-webkit-transform:translateY(-20px);

transform:translateY(-20px);

}

100% {

opacity:1;

-webkit-transform:translateY(0);

transform:translateY(0);

}

}

@keyframes fadeInDown {

0% {

opacity:0;

-webkit-transform:translateY(-20px);

-ms-transform:translateY(-20px);

transform:translateY(-20px);

}

100% {

opacity:1;

-webkit-transform:translateY(0);

-ms-transform:translateY(0);

transform:translateY(0);

}

}



/* ==========================================================================

   4.Play button

   ========================================================================== */





.play-btn { margin: 2.25em 0; }



.hero-section .play-btn img { transition: opacity 0.3s linear; }



.play-btn img:hover { opacity: .8; }



/* ==========================================================================

   5.Featured on

   ========================================================================== */







.section-header { margin-bottom: 3em; }



.section-header h2 {

  font-size: 20px;

  font-weight: 600;

  margin-top: 0;

}



.section-header h3 {

  font-size: 20px;

  font-weight: 300;

  margin: 0;

}



.featured-on,

.features,

.tour,

.site-footer { background-color: rgba(0, 0, 0, 0.03); }



.section-spacing,

.section-spacing.featured-on,

.section-spacing.tour,

.section-spacing.site-footer { padding: 1.75em 0; }



.featured-on .section-header { margin-bottom: 0.5em; }



.featured-sites li { padding: 0 3em 0.5em; }



.featured-sites li:last-child { padding-bottom: 0; }



.featured-sites img {

  opacity: .65;

  transition: all 0.5s linear;

}



.featured-sites img:hover { opacity: .2; }



/* ==========================================================================

   6.Benefits

   ========================================================================== */







.benefits img { /*margin-bottom: .75em;*/ margin:0 auto; }



.benefits p { color: #8A8A8A; }



.benefits div[class^="col-"]:nth-child(1),

.benefits div[class^="col-"]:nth-child(2),

.reviews div[class^="col-"]:nth-child(1),

.reviews div[class^="col-"]:nth-child(2),

.team div[class^="col-"]:nth-child(1),

.team div[class^="col-"]:nth-child(2) { padding-bottom: 1.5em; }



.benefits div[class^="col-"] > p:last-child { margin-bottom: 0; }



/* ==========================================================================

   7.Features

   ========================================================================== */

.features { background-color: #Fff; }

.features { overflow-x: hidden; }



.features div[class="row"]:nth-child(1),

.features div[class="row"]:nth-child(2) { margin-bottom: 0em; }



.features article { margin-top: 0em; }



.features article h2 {

  font-size: 24px;



}



.features article li {

  font-size: 17px;

  color: #8A8A8A;

  padding-left: 1em;

  text-indent: -.7em;

  padding-bottom: .2em;

}



.features article li:last-child { padding-bottom: 0; }



.features article li:before {

  content: "• ";

  color: #f56363;

  padding-right: .5em;

}



.features div[class="row"]:nth-child(3) .col-md-4 article { margin-bottom: 0em; width:; height:;}



/* ==========================================================================

   8.video tour

   ========================================================================== */



.video-tour {

  position: relative;

  height: 400px;

  overflow: hidden;

  background: #333 url(../img/bg-video-preview.jpg) center center no-repeat scroll;

  background-size: cover;

  -webkit-perspective: 1000;

  perspective: 1000;

}



.video-tour::before {

  background: rgba(0, 0, 0, 0.3);

  z-index: 1;

}



.video-tour h2 {

  font-size: 24px;

  color: #fff;

  font-weight: 400;

  margin-bottom: 0;


}



#bgvid-hero,

#bgvid {

  position: absolute;

  top: 50%;

  left: 50%;

  width: auto;

  height: auto;

  min-width: 100%;

  min-height: 100%;

  -webkit-transform: translate(-50%, -50%);

  transform: translate(-50%, -50%);

  z-index: -1;

  display: block;

  object-fit: cover;

}



.video-tour .play-btn {

  position: absolute;

  z-index: 3;

  left: 50%;

  top: 50%;

  bottom: auto;

  right: auto;

  -webkit-transform: translateX(-50%) translateY(-50%);

  -ms-transform: translateX(-50%) translateY(-50%);

  transform: translateX(-50%) translateY(-50%);

  margin: 0;

}



/* ==========================================================================

   9.tour

   ========================================================================== */



.center-block { float: none; }



.tour h2 {

  font-size: 20px;

  font-weight: 400;

  margin: 0;

}



.tour .btn {

font-size: 15px;
  margin-top: 1em;

  vertical-align: initial;

}



.tour .btn i,

.sub-form .btn i { padding-left: .5em; }





/* ==========================================================================

  10.cta section

   ========================================================================== */



.cta-section { background-color: #F8F8F8; }



.cta-section .section-header { margin-bottom: 2.25em; }



.cta-section h2 {

  font-size: 40px;

  font-weight: 600;

  color: #ff847c;

}



.cta-section .section-header h3 {

  font-size: 24px;

  font-weight: 300;

  color: #4c4c4c;



}



.cta-section .btn {

  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ff865e+0,ff7372+100 */

background: rgb(255,134,94); /* Old browsers */

background: -moz-linear-gradient(top,  rgba(255,134,94,1) 0%, rgba(255,115,114,1) 100%); /* FF3.6-15 */

background: -webkit-linear-gradient(top,  rgba(255,134,94,1) 0%,rgba(255,115,114,1) 100%); /* Chrome10-25,Safari5.1-6 */

background: linear-gradient(to bottom,  rgba(255,134,94,1) 0%,rgba(255,115,114,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff865e', endColorstr='#ff7372',GradientType=0 ); /* IE6-9 */





  color: #fff;

  border: 1px solid transparent;

}



.cta-section .btn:hover {

  background-color: transparent;

  color: #fff;

  border: 1px solid #fff;

}



.cta-section p {

  color: #fff;

  margin: .75em 0 0;

}



.cta-section a[href^="tel"] { color: #fff; }



.cta-section a[href^="tel"]:hover {

  color: #fff;

  text-decoration: underline;

}





/* ==========================================================================

   11.Contact us

   ========================================================================== */



.contact.section-spacing { padding: 3.75em 0 0; }



#map-canvas {

  width: 100%;

  margin: 0px;

  padding: 0px;

  height: 35em;

}



#map-canvas img { max-width: none; }



.map-info-box { text-align: left; }



.map-info-box p { margin: 0 0 8px; }



.map-info-box i {

  padding-right: .5em;

  color: #CEC9C9;

}



.map-head h3 {

  height: 30px;

  background: url(../img/logo-nav.svg) 47px center no-repeat;

  background-size: 110px auto;

  text-indent: -999em;

  margin: 12px 0 14px;

}



.map-address { font-weight: 300; }



.map-email { font-weight: 400; }



/* ==========================================================================

   12.Subscription form styles

   ========================================================================== */





 .form-control::-webkit-input-placeholder {

 color: #8A8A8A;

}

 .form-control:-moz-placeholder {

 color: #8A8A8A;

}

 .form-control::-moz-placeholder {

 color: #8A8A8A;

}

 .form-control:-ms-input-placeholder {

 color: #8A8A8A;

}







.form-control {

  background-color: #fff;

  border: 1px solid #f56363;

  color: #4c4c4c;

  box-shadow: none;

  height: 63px;

  font-weight: 400;

  font-size: 16px;

  padding: 0 1.5em;



}



.form-control:focus {

  border-color: #fa5454;

  outline: 0;

  box-shadow: none;

}



.sub-form .btn-b { padding: 0em; }



#mc-form .btn-default { height: 40px; width:20px; }



#mc-notification {

  margin: 0.75em 0 0;

  font-weight: 400;

  color: #8A8A8A;

  font-size: 17px;

}



.error { color: #FF4C4C !important; }



.valid { color: #4CAF50 !important; }



.error i,

.valid i { padding-right: .5em; }







/* ==========================================================================

   13.site footer

   ========================================================================== */







.site-footer small { display: inline-block; }



.footer-links,

.site-footer small { margin: 0 0 .75em; }



.site-footer small,

.footer-links a {

  color: #8A8A8A;

  font-weight: 300;

  font-size: 18px;

}



.footer-links a:hover { color: #fa5454; }



.footer-links a:first-child { padding-right: .4em; }



.chat-btn.fixed {

  width: 50px;

  height: 50px;

  border-radius: 50%;

  background: #ff847c url(../img/chat-icon.svg) center center no-repeat;
  


  position: fixed;

  bottom: 120px;

  right: 30px;

  box-shadow: 0 2px 4px 0 rgba(0,0,0,.2);

  transition: all 0.2s ease-in-out;

  z-index: 2;

}



.chat-btn.fixed { display: none; }



.chat-btn:hover {

  -webkit-transform: scale(1.1);

  transform: scale(1.1);

}



.chat-btn.fixed { display: block; }



#modal-contact-form .modal-body { padding: 3em 1em; }



.contact-form .section-header h2 { margin: 24px 0 12px; }



.contact-form .form-control {

  border-radius: 4px;

  height: 49px;

  padding: 10px 16px;

  border-color: #dadddf;

}



.contact-form .form-control:focus { border-color: #fab1b1; }



.contact-form textarea.input-lg { height: auto; }



.cta-form .form-group { /*margin-bottom: 24px;*/ }



.contact-form .form-control.input-error { border-color: #f44336; }



.contact-form-success {

  text-align: center;

  padding: 12px;

  margin: 0;

  font-size: 20px;

  display: none;

}



.contact-form-success i {

  display: block;

  width: 80px;

  height: 80px;

  margin: 0 auto 12px;

  border: 3px solid #2dbf5b;

  line-height: 74px;

  border-radius: 50%;

  font-size: 38px;

  text-align: center;

  color: #2dbf5b;

  background: transparent;

}



.contact-form-success { color: #949494; }



.contact-form-success span {

  display: block;

  margin-bottom: 6px;

  color: #4c4c4c;

  font-size: 30px;

}



.modal-backdrop.in { opacity: .8; }



.modal { padding-right: 0 !important; }



.modal button.close {

  position: absolute;

  top: -33px;

  right: 15px;

  font-size: 30px;

  color: #fff;

  opacity: .9;

  text-shadow: none;

  transition: all 0.3s ease-in-out;

  font-weight: 800;

}



.modal .close:hover,

.modal .close:focus {

  opacity: 1;

  outline: none;

  -webkit-transform: scale(1.1);

  transform: scale(1.1);

}



.modal .modal-dialog { margin: 70px auto; }



.modal .modal-content { border-radius: 3px; }



/* ==========================================================================

   14.Social

   ========================================================================== */





.social li {

  display: inline-block;

  padding-right: .5em;

  text-align: center;

}



.social li:last-child { padding-right: 0; }



.social li a {

  display: block;

  width: 45px;

  height: 45px;

  line-height: 45px;

  color: #fff;

  border-radius: 50%;

  position: relative;

  transition: all .8s ease;

  font-size: 1.3em;

  background: #D6D6D6;

}



.social li a:hover {

  color: #fff;

  background: #f56363;

}

.bottom-space{padding-top:75px;}

/* ==========================================================================

   15.Small devices

   ========================================================================== */



@media (min-width: 768px) {



.hero-section { padding: 0 0 7.5em; }



.welcome-message { margin-top: 8.25em; }



.welcome-message h1 { font-size: 44px; }



.welcome-message h2 { font-size: 23px; }



.play-btn { margin: 3em 0; }



.featured-sites li {

  padding: 0 1em;

  display: inline-block;

}



.section-spacing { padding: 4.5em 0; }



.contact.section-spacing { padding: 4.5em 0 0; }



.section-header h3 { font-size: 26px; }



.benefits div[class^="col-"]:nth-child(1),

.benefits div[class^="col-"]:nth-child(2),

.reviews div[class^="col-"]:nth-child(1),

.reviews div[class^="col-"]:nth-child(2),

.team div[class^="col-"]:nth-child(1),

.team div[class^="col-"]:nth-child(2) { padding-bottom: 0; }



.tour .btn { margin: 0 0 0 1em; }



.video-tour { height: 450px; }



.plan {

  width: 325px;

  margin: 0 1em 0;

}



blockquote { padding: 0 0 0 1em; }



blockquote::before {

  left: -18px;

  top: -30px;

  font-size: 80px;

}



.cta-section h2 { font-size: 46px; }



.team h5 { margin: 0 !important; }



.tweet { font-size: 23px; }



.sub-form .btn { padding: 1em 2em; }



#modal-contact-form .modal-body { padding: 3em; }



.modal button.close { right: 0; }

}



/* ==========================================================================

   16.Medium devices (desktops, 992px and up)

   ========================================================================== */



@media (min-width: 360px) {



.hero-section {

  padding: 3em 0 12.75em;

  background: none;

}



.hero-section::before { display: none; }



.overlay {

  position: absolute;

  width: 100%;

  min-height: 100%;

  background: rgba(0, 0, 0, 0.3);

  top: 0;

}



.overlay2 {

  position: absolute;

  width: 100%;

  min-height: 100%;

  background-image: url(../img/feature-3.jpg) ;

  background-repeat: repeat;

  top: 0;

}





.navbar-default { background-color: transparent; }



.navbar-default .btn {

  border: 1px solid #fff;

  background-color: transparent;

  padding: .75em 1.5em;

}



.navbar-default .btn:hover { background-color: #fa5454 !important; }



.navbar-brand { /*padding: 0;*/ }



.nav-left {/* padding-left: 3em;*/ }



.welcome-message { margin-top: 7.5em; }



.welcome-message h1 { font-size: 56px; }



.welcome-message h2 { font-size: 24px; }



.play-btn { margin: 4.5em 0; }



.section-spacing { padding: 6em 0; }



.contact.section-spacing { padding: 6em 0 0; }



.features div[class="row"]:nth-child(1),

.features div[class="row"]:nth-child(2) { margin-bottom: 2.5em; }



.features article { margin-top: 6em; }



.features img {

  max-width: 100%;

  /*position: absolute;*/

  width: 100%;

  /*height:350px;*/

  top: 0;

  left: 0px;

  top:50px;



}



.features div[class="row"]:nth-child(2) .col-md-7 img { /*left: -10px; top:50px; height:586px; Width:574px;*/}



.featured-sites li { padding: 0 3em; }



.video-tour {

  height: 600px;

  background: none;

}



.video-tour::before { background: rgba(0, 0, 0, 0.1); }



#bgvid-hero,

#bgvid { display: block; }



.plan {

  margin: 0 1.5em 0;

  width: 350px;

}



blockquote { padding: 0 0 0 3em; }



blockquote::before {

  left: -5px;

  top: -50px;

  font-size: 128px;

}



.footer-links,

.site-footer small { margin: 0;  text-align:left;}



.section-spacing.site-footer { padding: 3em 0; }

}



@media (max-width: 460px) {

.col-2-3 {
    width: 100%!important; padding-right:0!important;
}

.video-tour .play-btn img { width: 45%; }
.bottom-space{padding-top:0px;}
}



@media (min-width: 992px) and (max-width: 1200px ) {



.features img { width: 820px; }

}


@media (max-width: 767px) {
.col-2-3 {
    width: 100%!important; padding-right:0!important;
}
.col-1-3 {
    width: 100%!important;
}
}


/* ==========================================================================

   17. About Page

   ========================================================================== */



.hero{min-height:20vw}}.hero--home{min-height:76vh;background-position:40% 100%}@media (min-width: 1440px){.hero--home{min-height:85vh}}.hero__tagline{color:#fff;font-weight:300;font-size:2.5rem;text-shadow:0 0 10px rgba(0,0,0,0.25)}@media (min-width: 768px){.hero--home .hero__tagline{font-size:3.5rem}}

}.m-y-0{margin-top:0 !important;margin-bottom:0 !important}.m-a-1{margin:1rem 1rem !important}.m-t-1{margin-top:1rem !important}.m-r-1{margin-right:1rem !important}.m-b-1{margin-bottom:1rem !important}.m-l-1{margin-left:1rem !important}.m-x-1{margin-right:1rem !important;margin-left:1rem !important}.m-y-1{margin-top:1rem !important;margin-bottom:1rem !important}.m-a-2{margin:1.5rem 1.5rem !important}.m-t-2{margin-top:1.5rem !important}.m-r-2{margin-right:1.5rem !important}.m-b-2{margin-bottom:1.5rem !important}.m-l-2{margin-left:1.5rem !important}.m-x-2{margin-right:1.5rem !important;margin-left:1.5rem !important}.m-y-2{margin-top:1.5rem !important;margin-bottom:1.5rem !important}.m-a-3{margin:3rem 3rem !important}.m-t-3{margin-top:3rem !important}.m-r-3{margin-right:3rem !important}.m-b-3{margin-bottom:3rem !important}.m-l-3{margin-left:3rem !important}.m-x-3{margin-right:3rem !important;margin-left:3rem !important}.m-y-3{margin-top:3rem !important;margin-bottom:3rem !important}.m-a-4{margin:4rem 4rem !important}.m-t-4{margin-top:4rem !important}.m-r-4{margin-right:4rem !important}.m-b-4{margin-bottom:4rem !important}.m-l-4{margin-left:4rem !important}.m-x-4{margin-right:4rem !important;margin-left:4rem !important}.m-y-4{margin-top:4rem !important;margin-bottom:4rem !important}.m-a-5{margin:5rem 5rem !important}.m-t-5{margin-top:5rem !important}.m-r-5{margin-right:5rem !important}.m-b-5{margin-bottom:5rem !important}.m-l-5{margin-left:5rem !important}.m-x-5{margin-right:5rem !important;margin-left:5rem !important}.m-y-5{margin-top:5rem !important;margin-bottom:5rem !important}

.entry-container{max-width:768px}}.feature-list__item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-wrap:wrap;flex-wrap:wrap;text-align:center;margin-bottom:2rem}.feature-list__item:last-child{margin-bottom:0}@media (min-width: 544px){.feature-list__item{text-align:left;-ms-flex-wrap:nowrap;flex-wrap:nowrap}}.feature-list__image{width:100%;margin:0 0 .5rem 0}@media (min-width: 544px){.feature-list__image{width:auto;margin:0 1rem 0 0}}.feature-list__content{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}







/* ==========================================================================

   18. Boxii Provider

   ========================================================================== */

   .controls {

     text-align: left;

     position: relative;

   }

   .controls input[type="text"],

   .controls input[type="email"],

   .controls input[type="number"],

   .controls input[type="date"],

   .controls input[type="tel"],

   .controls textarea,

   .controls button,

   .controls select {

     padding: 20px;

     font-size: 14px;

     border: 1px solid #c6c6c6;

     width: 100%;

     margin-bottom: 18px;

     color: #e59143;

     font-family: 'Lato', 'sans-serif';

     font-size: 16px;

     font-weight: 300;

     -moz-border-radius: 2px;

     -webkit-border-radius: 2px;

     border-radius: 2px;

     -moz-transition: all 0.3s;

     -o-transition: all 0.3s;

     -webkit-transition: all 0.3s;

     transition: all 0.3s;

   }

   .controls input[type="text"]:focus, .controls input[type="text"]:hover,

   .controls input[type="email"]:focus,

   .controls input[type="email"]:hover,

   .controls input[type="number"]:focus,

   .controls input[type="number"]:hover,

   .controls input[type="date"]:focus,

   .controls input[type="date"]:hover,

   .controls input[type="tel"]:focus,

   .controls input[type="tel"]:hover,

   .controls textarea:focus,

   .controls textarea:hover,

   .controls button:focus,

   .controls button:hover,

   .controls select:focus,

   .controls select:hover {

     outline: none;

     border-color: #9FB1C1;

   }

   .controls input[type="text"]:focus + label, .controls input[type="text"]:hover + label,

   .controls input[type="email"]:focus + label,

   .controls input[type="email"]:hover + label,

   .controls input[type="number"]:focus + label,

   .controls input[type="number"]:hover + label,

   .controls input[type="date"]:focus + label,

   .controls input[type="date"]:hover + label,

   .controls input[type="tel"]:focus + label,

   .controls input[type="tel"]:hover + label,

   .controls textarea:focus + label,

   .controls textarea:hover + label,

   .controls button:focus + label,

   .controls button:hover + label,

   .controls select:focus + label,

   .controls select:hover + label {

     color: #ef807b;

  

   }

   .controls .fa-sort {

     position: absolute;

     right: 10px;

     top: 17px;

     color: #999;

   }

   .controls select {

     -moz-appearance: none;

     -webkit-appearance: none;

   

   }

   .controls label {

     position: absolute;

     left: 8px;

     top: 12px;

     width: 60%;

     color: #999;

     font-size: 16px;

     display: inline-block;

     padding: 4px 10px;

     font-weight: 100;

     background-color: rgba(255, 255, 255, 0);

     -moz-transition: color 0.3s, top 0.3s, background-color 0.8s;

     -o-transition: color 0.3s, top 0.3s, background-color 0.8s;

     -webkit-transition: color 0.3s, top 0.3s, background-color 0.8s;

     transition: color 0.3s, top 0.3s, background-color 0.8s;

     background-color: white;

   }

   .controls label.active {

     top: -11px;

     color: #555;

     background-color: white;

     width: auto;
	 

   }

   .controls textarea {

     resize: none;

     height: 200px;

   }







   .clear:after {

     content: "";

     display: table;

     clear: both;

   }



   .grid {

     background: white;

   }

   .grid:after {

     /* Or @extend clearfix */

     content: "";

     display: table;

     clear: both;

   }



   [class*='col-'] {

    /* float: left;*/

     padding-right: 10px;

   }

   .grid [class*='col-']:last-of-type {

     padding-right: 0;

   }



   .col-2-3 {

     width: 66.66%;

   }



   .col-1-3 {

     width: 33.33%;

   }



   .col-1-2 {

     width: 50%;

   }



   .col-1-4 {

     width: 25%;

   }



   .col-1-8 {

     width: 12.5%;

   }

@media only screen and (max-width:767px){
.footer-links, .site-footer small {
    margin: 0;
    text-align: center;
}
.bottom-space{padding-top:0;}
}

/* ==========================================================================

   19. Demo Page

   ========================================================================== */

.frame-area {
  display: block;
  width: 100%;  /* RESPONSIVE WIDTH */
  max-width: 800px;
  height: 1000px;
  overflow: auto;  /* EDIT TO hidden FOR NO SCROLLBAR */
  border: #999999 1px solid;
  margin: 0px;
  padding: 0px;
  }