@charset "UTF-8";
/* CSS Document */
* {
  /* border-radius: 0 !important; */
}
html {
  height: 100%;
  width: 100%;
  min-height: 100%;
  overflow: scroll;
  overflow-x: hidden;
}
::-webkit-scrollbar {
    width: 0px;  /* remove scrollbar space */
    background: transparent;  /* optional: just make scrollbar invisible */
}
body {
  font-family: 'Roboto', sans-serif;
  color:#666666;
  font-size:16px;
  font-weight:400;
  height: 100%;
  width: 100%;
  /*padding-top: 50px;*/
}
a{
  font-weight: 500;
}
h1,h2,h3,h4,h5{
  margin-top: 0px;
  font-family: 'Roboto', serif;
}
h1.landing,h2.landing,h3.landing,h4.landing,h5.landing{
  margin-top: 0px;
  font-family: 'Bitter', serif;
}

/***********************  NAV BAR  **********************/

.nav-center .nav-tabs{text-align:center; border-bottom: none;}
.nav-center .nav-tabs > li, .nav-pills > li {float:none; display:inline-block; display:inline; zoom:1; margin: 0px; width: 20%;}
.nav-center .nav > li > a {padding-top: 12px; padding-bottom: 12px; color: #75b4e5;}
.nav-center .nav > li > a:hover {color: #ffffff !important;}
.nav-center .nav > li .active > a {color: #75b4e5; }
.nav-center .nav-tabs > li.active > a, .nav-tabs > li > a:hover, .nav-tabs > li > a:focus { border: none; color: #fff !important; background: #005a9f !important;}
.nav-center .nav-tabs > li > a::after {content: ""; background: #75b4e5; height:0px; position: absolute; width: 100%; left: 0px; bottom: 0px; transition: all 250ms ease 0s; transform: scale(0); }
.nav-center .nav-tabs {text-align:center;}

.nav-tabs { border-bottom: 1px solid #dddddd; }
.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover { border-width: 0; }
.nav-tabs > li > a { border: none; color: #666; padding: 15px;}
.nav-tabs > li.active > a, .nav-tabs > li > a:hover { border: none; color: #2171C1 !important; background: transparent !important;}
.nav-tabs > li > a::after { content: ""; background: #2171C1; height: 1px; position: absolute; width: 100%; left: 0px; bottom: 0px; transition: all 250ms ease 0s; transform: scale(0); }
.nav-tabs > li.active > a::after, .nav-tabs > li:hover > a::after { transform: scale(1); }
.nav-tabs > li > a::after { background: #2171C1 none repeat scroll 0% 0%; color: #fff; }
.wizard-3-step .nav-tabs > li > a::after{background: transparent !important;}

.nav-website .nav-tabs{text-align:center; border-bottom: none;}
.nav-website .nav-tabs > li, .nav-pills > li {float:none; display:inline-block; display:inline; zoom:1; margin: 0px; width: 200px;}
.nav-website .nav > li > a {padding-top: 12px; padding-bottom: 12px; color: #294280; background: #e9ebee; font-weight: 400;}
.nav-website .nav > li > a:hover {color: #ffffff !important;}
.nav-website .nav > li .active > a {color: #75b4e5;}
.nav-website .nav-tabs > li > a:hover { border: none; color: #fff !important; background: #435b96 !important;}
.nav-website .nav-tabs > li.active > a, .nav-tabs > li > a:focus { border: none; color: #fff !important; color: #29427f !important;}
.nav-website .nav-tabs > li > a::after { content: ""; background: #75b4e5; height:0px; position: absolute; width: 100%; left: 0px; bottom: 0px; transition: all 250ms ease 0s; transform: scale(0); }
.nav-website .nav-tabs {text-align:center;}


/************** MAP & TAB ***************/
#map {
  left: 0px;
  right: 0px;
  top: 0px;
  margin-bottom: 50px;
  height: 100%;
  width: 100%;
  z-index: 1;
  position: fixed !important;
}
.z-index-2{
    z-index: 2;
    position: relative;
}


/*************  CONTAINERS  **************/

.container-fluid.top-white{
  background: #ffffff;
  padding:10px 0px 50px 0;
}
.container-fluid.white-bg{
  background: #ffffff;
  padding:150px 0px;
}
.container-fluid.grey-bg{
  background: #f4f5f9;
  padding:100px 0 0px 0;
}
.container-fluid.intro{
  background:url(../images/website/bg-intro.jpg) #3a42ce no-repeat center bottom;
  padding:200px 0px 140px 0px;
  color: #fff;
  z-index:1;
  position:relative;
}
.container-fluid.intro p{
  font-size:22px;
  font-weight: 400;
  color: #fff;
    /* text-shadow: 0px 0px 6px rgba(0,0,0,0.3); */
}
.container-fluid.intro h1{
  font-size:45px;
  color: #fff;
  /* text-shadow: 0px 0px 6px rgba(0,0,0,0.3); */
  font-weight: bold;
}
.container-fluid.intro a{
  /*text-shadow: 2px 2px 2px #eaeaea;*/
  color: #fff;
}
@media (max-width: 767px){
  .container-fluid.intro{
    padding:150px 0px 150px 0px;
    background:url(../images/website/bg-intro-mob.jpg) #3a42ce no-repeat center bottom /cover;
  }
}
.container-fluid.one{
  background: #fff;
  padding:80px 0px 80px 0px;
}
.container-fluid.two{
  background: #f4f5f9;
  padding:100px 0px 100px 0px;
  z-index:10;
  position:relative;
}
.container-fluid.create-account{
  background: #f4f5f9;
  padding:20px 0px 0px 0px;
}
.container-fluid.register{
  background-color: transparent;
  padding: 0px;
  z-index:10;
  position:relative;
}
@media (max-width: 767px){
  .container-fluid.two{
    margin-top:-50px;
  }
}
.container-fluid.three{
  background:#f4f5f9;
  padding:70px 0px 70px 0px;
}
.container-fluid.client{
  background:url(../images/website/bg-register-client.jpg) #1b1b1b no-repeat scroll center center /cover;
  padding:100px 0px 100px 0;
}
.container-fluid.vet{
  background:url(../images/website/bg-register-vet.jpg) #1b1b1b no-repeat scroll center center /cover;
  padding:100px 0px 100px 0;
}
.container-fluid.agency{
  background:url(../images/website/bg-register-agency.jpg) #1b1b1b no-repeat scroll center center /cover;
  padding:100px 0px 100px 0;
}
.container-fluid.contact h2{
  color:#ffffff;
}
@media (max-width: 767px){
  .container-fluid.call-centre{
    background-image:none;
    padding:0px 0px 0px 0px;
  }
}
.container-fluid.cta{
  background:top center  #bfdf00;
  padding:60px 0px 60px 0px;
  /*border-top:solid 2px #ebf0f4;
  border-bottom:solid 2px #ebf0f4;*/
}
.container-fluid.testimonials{
  	background-color:#f4f5f9;
  	padding:70px 0 0px 0;
}
.container-footer{
  width:100%;
  padding:20px 0px 20px 0px;
  background:#f4f5f9;
}
.shadow{
  box-shadow: 0px 0px 6px rgba(0,0,0,0.3);
}
.container-fluid.my-bookings{
  background:#ffffff;
  padding:180px 0px 40px 0px;
}
.container-fluid.browse{
  background:#ffffff;
  padding:180px 0px 40px 0px;
}
.container-request{
  background-color: #3a42ce !important;
  color: #ffffff;
  padding: 70px;
  min-height: 372px;
}
.container-request.lg{
  min-height:430px;
}
@media (max-width: 767px){
  .container-request{
    padding: 20px;
  }
}
.container-checkout{
  background-color: #ffffff !important;
  color: #666666;
  padding: 70px;
}
@media (max-width: 767px){
  .container-checkout{
    padding: 20px;
  }
}

.navbar-inverse{
  background-color: #3a42ce;
}
.container-fluid.main-title{
  background: #3a42ce;
  padding:0px 0px 0px 0px;
  /*border-top:solid 2px #ebf0f4;*/
  /*background-image: url(../images/bg-tab.png);*/
  background-repeat: repeat-x;
  background-position: bottom;
  border-bottom: solid 10px #005a9f;
  width: 100%;
  position:fixed;
  top: 50px;
  z-index: 6;
  height: 53px;
}
.container-fluid.search{
  background: #005a9f;
  padding: 0px 0px 2px 0px;
  width: 100%;
  position:fixed;
  top: 95px;
  z-index: 5;
  box-shadow: 0px 2px 6px rgba(0,0,0,0.2);
}
.container-fluid.sub-title{
  background-image: url(../images/bg-tab.png);
  background-repeat: repeat-x;
  background-position: bottom;
  background-color: #f1f4f5;
  box-shadow: 0px 2px 6px rgba(0,0,0,0.07);
  width: 100%;
  position:fixed;
  top: 50px;
  z-index: 4;
}
.container-fluid.main-title.header-shadow{
  box-shadow: 0px 2px 6px rgba(0,0,0,0.2);
}
.container-fluid.booking-status{
  background: #3a42ce;
  border-bottom: solid 10px #005a9f;
  padding-top: 0px;
  width: 100%;
  position:fixed;
  top: 50px;
  height: 53px;
  z-index: 4;
}
.main-title h4{
  margin-top: 2px;
  color: #ffffff;
}
.booking-status{
color: #ffffff;
}

/*************  FORM STYLE  **************/

input {
  background-color: #F1F4F5;
}
.datepicker {
  border: solid 1px #F1F4F5 !important;
}
.form-control {
  background-color: #F1F4F5;
  border: solid 1px #F1F4F5 !important;
  box-shadow:none;
}
.dropdown-toggle{
  background-color: #F1F4F5 !important;
}
textarea:hover, input:hover, input[type]:hover, .uneditable-input:hover, .datepicker:hover, .btn-default:hover, .dropdown-toggle:focus {
    border: solid 1px #cccccc !important;
    box-shadow: 0 1px 1px rgba(229, 103, 23, 0.0) inset, 0 0 8px rgba(229, 103, 23, 0);
    outline: 0 none !important;
}
textarea:focus, input:focus, input[type]:focus, .uneditable-input:focus, .datepicker:focus, .btn-default:focus, .dropdown-toggle:active {
    border: solid 1px #cccccc !important;
    box-shadow: 0 1px 1px rgba(229, 103, 23, 0.0) inset, 0 0 8px rgba(229, 103, 23, 0);
    outline: 0 none !important;
}



/*************  MISC  **************/

strong{
  font-weight: 700;
}
.chat-attachment{
  width: 80px;
}
/* .panel{
  margin-bottom: 0px;
}
/* .panel-footer{
  background-color: #e8edef;
} */
.vh-100{
  height: 100vh;
}
.vh-60{
  height: 60vh;
}
.vh-70{
  height: 70vh;
}
.vh-50{
  height: 50vh;
}
.img-circle {
  border-radius: 50%;
}

.built-by a{
  color:#d5d8db;
}
.text-link{
  text-decoration: none;
  border-bottom: 1px #d3e5f6 dotted;
}
.text-link:hover,
.text-link:focus{
  text-decoration: none;
  border-bottom: 1px #2171C1 dotted;
}
.box{
  padding:20px 20px 15px 20px;
  box-shadow: 0px 0px 6px rgba(0,0,0,0.1);
  background-color:#fff;
  /*border:solid 3px #90df60;*/
  border-radius:6px;
}
.box-grey{
  padding:20px 20px 15px 20px;
  box-shadow: 0px 0px 6px rgba(0,0,0,0.1);
  background-color:#fafafa;
  /*border:solid 3px #90df60;*/
  border-radius:6px;
}
.img-circle{
  border-radius: 50% !important;
}
.map-window{
  width: 400px;
  height: 125px;
  font-family: 'Roboto', sans-serif;
  color:#666666;
  font-size:16px;
  font-weight:200;
}
.map-window h3{
  padding-top: 8px;
}
.well{
  background-color: #fafcfd;
}
.well.saved{
  background-color: #f7fbf7;
}
.well.review{
  background-color: #ffffff;
}
.well h3,h4{
  margin-top: 0px;
}
.text-muted{
  color:#cacaca;
}
.text-heavy{
  font-weight: 500;
}
label {
  font-weight: 500;
}
hr{
  margin: 10px 0px 0px 0px
}
.list-group {
  margin-bottom:0px;
}
.label-space-md {
  display: inline-block;
  width: 98px;
}
.label-space-lg {
  display: inline-block;
  width: 120px;
}
.lead{
  font-size:18px;
}
.sub-header{
  border-bottom: solid 1px #eeeeee;
  padding-bottom: 12px;
  margin-top: 10px;
}
.small-header{
  padding-bottom: 12px;
  margin-top: 10px;
}
/* .panel-heading{
  border-bottom: 1px solid  #F1F4F5;
} */
/* .panel-heading h2{
  padding-bottom: 7px;
  margin-top: 10px;
  margin-bottom: 1px;
} */
h3.small-header{
  margin-top: 4px;
}
.btn.active, .btn:active {
  background-image:none;
  box-shadow:rgba(0, 0, 0, 0.121569) 0 0px 15px inset;
}
.btn-green {
  background-color: #aecb01;
  border-color:#aecb01;
  color:#fff !important;
}
a.btn-green:hover,
a.btn-green:focus {
  background-color: #bfdf00;
  border-color:#bfdf00;
  color:#fff !important;
}
.btn-default {
  background-color: #F1F4F5;
  border-color:#F1F4F5;
  color:#555555;
}
a.btn-default:active,
a.btn-default:hover,
a.btn-default:focus {
  background-color: #bec0c1;
  border-color:#bec0c1;
  color:#555555;
}
.btn-white {
  background-color: #ffffff;
  border-color:#ffffff;
  color:#555555;
}
a.btn-white:hover,
a.btn-white:focus {
  background-color: #ffffff;
  border-color:#ffffff;
  color:#555555;
}
.btn-pink{
  background-color:#F12D8A;
  border-color:#DF1452;
  color:#fff;
}
a.btn-pink:hover,
a.btn-pink:focus {
  background-color: #DF1452;
  border-color:#DF1452;
  color:#fff;
}
.btn-red {
  background-color: #f84242;
  border-color:#f84242;
  color:#fff;
}
a.btn-red:hover,
a.btn-red:focus {
  background-color: #f24142;
  border-color:#f24142;
  color:#fff;
}
.btn-purple {
  background-color: #DC4A85;
  border-color:#DC4A85;
  color:#fff;
}
a.btn-purple:hover,
a.btn-purple:focus {
  background-color: #e65791;
  border-color:#e65791;
  color:#fff;
}
.label-danger {
  background-color:#e65791;
}
.btn-blue {
  background-color: #3a42ce;
  border-color:#3a42ce;
  color:#fff;
}
a.btn-blue:hover,
a.btn-blue:focus {
  background-color: #005a9f;
  border-color:#005a9f;
  color:#fff;
}
.btn-skyblue {
  background-color: #49c2db;
  border-color:#49c2db;
  color:#fff;
}
a.btn-skyblue:hover,
a.btn-skyblue:focus {
  background-color: #43bbd3;
  border-color:#43bbd3;
  color:#fff;
}
li a .white{color:#ffffff;}
.white{color:#ffffff;}
.black{color:#000000;}
.text-warning{color:#d6aa11;}
.text-info{color:#3b5998;}
.text-muted{color:#999999;}
.text-success{color:#abc800;}
.text-skyblue{color:#49c2db;}
.text-blue{color:#2171C1;}
.text-pink{color:#ff6868;}
.text-red{color:#ef3d3d;}
.text-orange{color:#ea8711;}
.text-purple{color:#DC4A85;}
.text-yellow{color:#d3b53d;}
.text-green{color:#28a940;}
.progress-bar-success {
  background-color:#aecb01;
}
.line {
  background-color: transparent;
  border-top: 1px solid #eaedef;
  border-width: 1px 0 0;
  font-size: 0;
  height: 2px;
  margin: 10px 0;
  overflow: hidden;
}
.line-dashed {
  background: none repeat scroll 0 0 transparent;
  border-style: dashed !important;
}
.alert{
  margin-bottom: 0px;
}
.breadcrumb{background-color: #ffffff;}


.bg-skyblue{
  background-color: #49c2db !important;
  color: #ffffff;
}
.bg-blue{
  background-color: #3a42ce !important;
  color: #ffffff;
}
.bg-red{
  background-color: #ef3d3d !important;
  color: #ffffff;
}
.bg-purple{
  background-color: #DC4A85 !important;
  color: #ffffff;
}
.bg-close{
  background-color: #DC4A5C !important;
  color: #ffffff;
}
.bg-default{
  background-color: #f1f4f5 !important;
}
.bg-green{
  background-color: #aecb01 !important;
}
.bg-grey{
  background-color: #fcfcfc !important;
}
.resolved{
  right: 0px;
  top:0px;
  z-index: 3;
  position: absolute;
}
.booking-profile-box{
  height: 60px;
  width: 60px;
  position: relative;
}
.booking-profile-icon{
  right: 0px;
  top:0px;
  z-index: 2;
  position: absolute;
  width: 60px;
  border-radius: 50% !important;
  border: solid 2px #ffffff;
}
.booking-status-icon{
  right: 0px;
  top:0px;
  z-index: 3;
  position: absolute;
  width: 19px;
}
/**************** TABLE ******************/

table{
  margin-bottom: 0px;
  width: 100% !important;
}
.table-cart{
  margin-bottom: 0px;
}
.table-cart td, .table-cart th {
  padding: 10px !important;
  margin-bottom: 0px;
}
.table-rating td, .table-rating th {
  padding: 2px !important;
}
table.table-form{
  width: 100%;
}
tr,td{
  border: none;
  padding: 8px;
  vertical-align: top;
}
label{
  white-space: nowrap;
}
.table-large td{
  padding: 16px !important;
  margin-bottom: 0px;
  vertical-align: middle !important;
}
.table-large th {
  padding: 20px 0px 5px 16px !important;

}
table.table-large{
  margin-bottom: 0px;
}
.date-seperator td{
  height: 20px;
  background-color: #f5f5f5 !important;
  padding: 3px 20px !important;
}
.sub-title td{
  border-right: 1px solid #dddddd;
}
.sub-title td:first-child{
  border-left: 1px solid #dddddd;
}
.clickable-row{cursor: pointer; cursor: hand;}

/************* WIZARD STEPS ****************/
.bs-wizard {border-bottom: solid 0px #e0e0e0; padding: 20px 0 15px 0;}
.bs-wizard > .bs-wizard-step {padding: 0; position: relative;}
.bs-wizard > .bs-wizard-step + .bs-wizard-step {}
.bs-wizard > .bs-wizard-step .bs-wizard-stepnum {color: #595959; font-size: 16px; margin-bottom: 5px;}
.bs-wizard > .bs-wizard-step .bs-wizard-info {color: #999; font-size: 14px;}
.bs-wizard > .bs-wizard-step > .bs-wizard-dot {position: absolute; width: 30px; height: 30px; display: block; background: #fbe8aa; top: 68px; left: 50%; margin-top: -15px; margin-left: -15px; border-radius: 50%;}
.bs-wizard > .bs-wizard-step > .bs-wizard-dot:after {content: ' '; width: 14px; height: 14px; background: #fbbd19; border-radius: 50px; position: absolute; top: 8px; left: 8px; }
.bs-wizard > .bs-wizard-step > .progress {position: relative; border-radius: 0px; height: 8px; box-shadow: none; margin: 20px 0;}
.bs-wizard > .bs-wizard-step > .progress > .progress-bar {width:0px; box-shadow: none; background: #fbe8aa;}
.bs-wizard > .bs-wizard-step.complete > .progress > .progress-bar {width:100%;}
.bs-wizard > .bs-wizard-step.active > .progress > .progress-bar {width:50%;}
.bs-wizard > .bs-wizard-step.active > .bs-wizard-dot {background-color: #f5f5f5;}
.bs-wizard > .bs-wizard-step:first-child.active > .progress > .progress-bar {width:0%;}
.bs-wizard > .bs-wizard-step:last-child.active > .progress > .progress-bar {width: 100%;}
.bs-wizard > .bs-wizard-step.disabled > .bs-wizard-dot {background-color: #f5f5f5;}
.bs-wizard > .bs-wizard-step.disabled > .bs-wizard-dot:after {opacity: 0;}
.bs-wizard > .bs-wizard-step:first-child  > .progress {left: 50%; width: 50%;}
.bs-wizard > .bs-wizard-step:last-child  > .progress {width: 50%;}
.bs-wizard > .bs-wizard-step.disabled a.bs-wizard-dot{ pointer-events: none; }


/************* MARGINS & PADDINGS & RADIUS & BORDERS *************/

.b-b-white-3{
  border-bottom: 3px solid #ffffff;
}
.b-b-purple-5{
  border-bottom: 5px solid #213f4d;
}

.top-30 {top: 30px;}
.m-5{margin:5px;}
.m-b-5{margin-bottom:5px;}
.m-b-40{margin-bottom:40px;}
.m-b-50{margin-bottom:50px;}
.m-l-4{margin-left:4px;}
.m-l-10{margin-left:10px;}
.m-l-15{margin-left:15px;}
.m-r-5{margin-right:5px;}
.m-r-8{margin-right:8px;}
.m-r-15{margin-right:15px;}
.m-r-10{margin-right:10px;}
.m-r-20{margin-right:20px;}
.m-r-40{margin-right:40px;}
.m-b-10{margin-bottom:10px;}
.m-b-15{margin-bottom:15px;}
.m-b-20{margin-bottom:20px;}
.m-b-30{margin-bottom:30px;}
.m-b-40{margin-bottom:40px;}
.m-b-60{margin-bottom:60px;}
.m-b-80{margin-bottom:80px;}
.m-b-none{margin-bottom:0px;}
.m-t-none{margin-top:0px;}
.m-t-5{margin-top:5px;}
.m-t-6{margin-top:6px;}
.m-t-7{margin-top:7px;}
.m-t-8{margin-top:8px;}
.m-t-10{margin-top:10px;}
.m-t-15{margin-top:15px;}
.m-t-20 {margin-top: 20px;}
.m-t-30{margin-top:30px;}
.m-t-35 {margin-top: 35px;}
.m-t-40 {margin-top: 40px;}
.m-t-50 {margin-top: 50px;}
.m-t-60 {margin-top: 60px;}
.m-t-70 {margin-top: 70px;}
.m-t-80 {margin-top: 80px;}
.m-t-90 {margin-top: 90px;}
.m-t-100 {margin-top: 100px;}
.m-t-intro {margin-top: 150px;}
.p-t-5 {padding-top: 5px;}
.p-t-7 {padding-top: 7px;}
.p-t-10 {padding-top: 10px;}
.p-t-20 {padding-top: 20px;}
.p-t-30 {padding-top: 30px;}
.p-t-40 {padding-top: 40px;}
.p-t-50 {padding-top: 50px;}
.p-b-10 {padding-bottom: 10px;}
.p-b-20 {padding-bottom: 20px;}
.p-b-40 {padding-bottom: 40px;}
.p-b-50 {padding-bottom: 50px;}
.p-t-70 {padding-top: 70px;}
.p-b-100 {padding-bottom: 100px;}
.p-b-117 {padding-bottom: 117px;}
.p-t-100 {padding-top: 100px;}
.p-t-110 {padding-top: 110px;}
.p-t-120 {padding-top: 120px;}
.p-t-140 {padding-top: 140px;}
.p-t-150 {padding-top: 150px;}
.p-t-160 {padding-top: 160px;}
.p-t-170 {padding-top: 170px;}
.p-t-180 {padding-top: 180px;}
.p-r-40{padding-right:40px;}
.p-9{padding:9px;}
.p-l-40{padding-left:40px;}
.p-l-30{padding-left:30px;}
.p-l-20{padding-left:20px;}
.p-1 {padding:1px;}
.p-5{padding:5px;}
.p-10{padding:10px;}
.p-20{padding:20px;}
.p-30-p {padding:30%;}
.p-100 {padding:100px;}
.p-none {padding:0px;}
.b-none{border: none !important}
.b-b-none{border-bottom: 0px;}
.b-b{border-bottom:solid 1px #ddd;}
.b-t{border-top:solid 1px #ddd;}
.b-r{border-right:solid 1px #ddd;}
.b-l{border-left:solid 1px #ddd;}
.b-t-none{border-top:none;}
.b-r-none{border-right: none;}
.r-t-l{border-radius:0 0 0 6px;}
.r-t-r{border-radius:0 6px 0 0 ;}
.r-t-l-none{border-radius:0 0 4px 4px;border-top:0px;}
.b-r-t-none{border-radius:0px 0px 4px 4px;}

@media (min-width: 766px) {
  .b-r-resp{border-right:solid 1px #dadada;}
  .m-t-100-r {margin-top: 100px;}
  .m-r-220-r {margin-right: 220px;}
}
@media (max-width: 766px) {
  .p-50{ padding: 50px;}
  .p-100{ padding: 100px;}
  .m-t-intro { margin-top: 70px;}
}