/*
========================
Header area start
========================
*/

@font-face {
    font-family: "GraphikMedium";
    src: url('fonts/GraphikMedium.otf');
}

@font-face {
    font-family: "orbitron-bold";
    src: url('fonts/orbitron-bold.otf');
}

@font-face {
    font-family: "GraphikSemibold";
    src: url('fonts/GraphikSemibold.otf');
}


@font-face {
    font-family: "GraphikLight";
    src: url('fonts/GraphikLight.otf');
}

@font-face {
    font-family: "GraphikRegular";
    src: url('fonts/GraphikRegular.otf');
}


@font-face {
    font-family: "GraphikBold";
    src: url('fonts/GraphikBold.otf');
}

@font-face {
    font-family: "Gilroy-ExtraBold";
    src: url('fonts/Gilroy-ExtraBold.ttf');
}


body {	
    font-size: 16px;
    font-weight: 400;    
	background: #fff;
	color: #333333;	
}

a:hover {
    text-decoration: none;
}

ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

::selection {
    color: white; 
    background: #ff7675;
}

::-webkit-selection {
    color: white; 
    background: #ff7675;
}

::-moz-selection {
    color: white; 
    background: #ff7675;
}

.scrolltotop {
    width: 40px;
    height: 40px;
    border-radius: 20px 20px 0 0;
    background: rgba(0,0,0,.5);   
    text-align: center;
    padding-top: 8px;
    font-size: 22px;
    color: #ffffff;
    position: fixed;
    right: 5px;
    bottom: 5px;
    display: none;
    transition: 0.2s all ease;
    -webkit-transition: 0.2s all ease;
    -moz-transition: 0.2s all ease;
}

.scrolltotop:hover {   
    background: #000;
    color: #fff;
    box-shadow: 0px 0px 5px rgba(0,0,0,.5);
    -webkit-box-shadow: 0px 0px 5px rgba(0,0,0,.5);
    -moz-box-shadow: 0px 0px 5px rgba(0,0,0,.5);   
}

/*--- header-area start ---*/ 
.main-area {
    background-image: url('img/mainbg.jpg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    padding: 0px 0;
    padding-bottom: 30px;
}


/*---- mobileheader-area start ----*/
.mobileheader-area {
    background-color: #fcfcfc;
    padding: 0px 0;
    display: none;
}

.navbar {
    padding: 0px;
}

.navbar-brand img {
    max-width: 100%;
    display: block;
    transition: 0.2s all ease;
    -moz-transition: 0.2s all ease;
    -webkit-transition: 0.2s all ease;
}

.navbar-brand img:hover {
  opacity: 0.8;
}

.main-menu-part ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

.main-menu-part ul li {
    float: left;
}

.main-menu-part ul li a {  
    display: block;
    padding: 0px 5px 0px 15px;
    text-transform: capitalize;
    font-weight: normal;
    font-size: 15px;
    color: #202020;
    transition: 0.3s all ease;
    -webkit-transition: 0.3s all ease;
    -moz-transition: 0.3s all ease;
}

.main-menu-part ul li a:hover {
    color: #63B7E6;
}

.hamburger {
  padding: 10px 0px 0px;
  display: inline-block;
  cursor: pointer;
  transition-property: opacity, filter;
  transition-duration: 0.15s;
  transition-timing-function: linear;
  font: inherit;
  color: inherit;
  text-transform: none;
  background-color: transparent;
  border: 0;
  margin: 0;
  overflow: visible; 
  outline: 0px!important;
}

.hamburger:hover {
    opacity: 0.7; 
}

.hamburger-box {
  width: 40px;
  height: 24px;
  display: inline-block;
  position: relative; 
}

.hamburger-inner {
  display: block;
  top: 50%;
  margin-top: -2px; 
}

.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
    width: 40px;
    height: 4px;
    background-color: #000;
    border-radius: 2px;
    position: absolute;
    transition-property: transform;
    transition-duration: 0.15s;
    transition-timing-function: ease; 
}

.hamburger-inner::before, .hamburger-inner::after {
    content: "";
    display: block; 
}

.hamburger-inner::before {
    top: -10px; 
}

.hamburger-inner::after {
    bottom: -10px; 
}

.hamburger--squeeze .hamburger-inner {
  transition-duration: 0.075s;
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--squeeze .hamburger-inner::before {
    transition: top 0.075s 0.12s ease, opacity 0.075s ease;
}

.hamburger--squeeze .hamburger-inner::after {
    transition: bottom 0.075s 0.12s ease, transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--squeeze.is-active .hamburger-inner {
  transform: rotate(45deg);
  transition-delay: 0.12s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}

.hamburger--squeeze.is-active .hamburger-inner::before {
    top: 0;
    opacity: 0;
    transition: top 0.075s ease, opacity 0.075s 0.12s ease; 
}

.hamburger--squeeze.is-active .hamburger-inner::after {
    bottom: 0;
    transform: rotate(-90deg);
    transition: bottom 0.075s ease, transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1); 
}



/*--- header-area start ---*/
.header-area {
    padding: 15px 0;
}

.header-left img {
    display: block;
    width: 98px;
    height: 98px;
    position: relative;
    top: -8px;
}

.header-right ul {
    padding: 0;
    margin: 0;
    list-style-type: none;
    float: right;
    padding-top: 27px;
}

.header-right ul li {
    float: left;
    padding-left: 56px;
}

.header-right ul li a {
    font-family: "GraphikRegular";
    color: #333333D9;
    font-size: 18px;
    font-weight: 400;
    display: block;
    transition: 0.2s all ease;
}

.header-right ul li a:hover {
    color: #737373;
}



/*--- hero-area start ---*/
.hero-area {
    padding: 20px 0;
    padding-top: 100px;
}

.hero-left {
    position: relative;
}

.hero-left img {
    position: absolute;
    width: 303px;
    height: 104px;
    left: -15px;
    top: -20px; 
}

.hero-left h2 {
    font-family: "Gilroy-ExtraBold";
    color: #2D3740;
    font-size: 46px;
    line-height: 64.4px;
    margin: 0;
    position: relative;
}


.hero-left p {
    font-family: "GraphikRegular";
    color: #2D3740;
    font-size: 16px;
    font-weight: 400;
    margin: 0;
    line-height: 24.8px;
    padding-bottom: 29px;
    padding-top: 18px;
}


.hero-left ul {
    padding: 0;
    margin: 0;
    list-style-type: none;
}

.hero-left ul li {
    display: inline-block;
    margin-right: 13px;
}

.hero-left ul li a {
    font-family: "GraphikMedium";
    color: #fff;
    width: 160px;
    height: 60px;
    background: #282828;
    border-radius: 100px;
    display: inline-block;
    line-height: 60px;
    text-align: center;
    transition: 0.2s all ease;    
}

.hero-left ul li:nth-child(1) a:hover {
    background: #000000;
    border: 1px solid #000000;
    color: #fff;
}


.hero-left ul li:nth-child(2) a {
    font-family: "GraphikMedium";
    color: #282828;
    width: 160px;
    height: 60px;
    background: #fff;
    border-radius: 100px;
    display: inline-block;
    line-height: 60px;
    text-align: center;
    transition: 0.2s all ease;  
}

.hero-left ul li:nth-child(2) a:hover {
    background: #737373;
    border: 1px solid #737373;
    color: #fff;
}

.hero-right img {
    max-width: 100%;
    display: block;
    margin: auto;
    position: relative;
    left: 28px;
}



/*--- features-area start ---*/
.features-area {
    padding: 100px 0;
    padding-bottom: 0;
}

.features-part {
    width: 1170px;
    /* height: 646px; */ 
    padding: 50px;
    background: #FFFFFF;
    box-shadow: 2px 15px 45px rgb(228 228 228 / 30%), inset 2px 2px 15px rgb(228 228 228 / 50%), inset -2px -2px 15px rgb(228 228 228 / 50%);
    border-radius: 40px;
}

.features-left img {
    width: 402px;
    height: 390px;
    display: block;
    margin-top: 22px;
}


.features-right h2 {
    font-family: "Gilroy-ExtraBold";
    color: #2D3740;
    font-size: 48px;
    margin: 0;
    padding-bottom: 15px;
}


.features-right1 {
    width: 100%;
    background: #E9F9EA;
    border-radius: 10px;
    padding: 17px;
    margin-bottom: 15px;    
}


.features-right1 h3 {
    font-family: "GraphikSemibold";
    color: #2D3740;
    font-size: 18px;
    margin: 0;
    padding-bottom: 6px;
}


.features-right1 h3 i {
    color: #94a19e;
    font-size: 12px;
    padding-right: 7px;    
}

.features-right1 p {
    font-family: "GraphikRegular";
    color: #4f5a5e;
    font-size: 15px;
    margin: 0;
    line-height: 23.25px;
}


.features-right2 {
    width: 100%;
    height: 105px;
    background: #FFF8DA;
    border-radius: 10px;
    padding: 17px;
    margin-bottom: 15px;    
}


.features-right2 h3 {
    font-family: "GraphikSemibold";
    color: #2D3740;
    font-size: 18px;
    margin: 0;
    padding-bottom: 6px;
}


.features-right2 h3 i {
    color: #94a19e;
    font-size: 12px;
    padding-right: 7px;    
}

.features-right2 p {
    font-family: "GraphikRegular";
    color: #4f5a5e;
    font-size: 15px;
    margin: 0;
    line-height: 23.25px;
}



.features-right3 {
    width: 100%;
    height: 105px;
    background: #E5F9FF;
    border-radius: 10px;
    padding: 17px;
    margin-bottom: 15px;    
}


.features-right3 h3 {
    font-family: "GraphikSemibold";
    color: #2D3740;
    font-size: 18px;
    margin: 0;
    padding-bottom: 6px;
}


.features-right3 h3 i {
    color: #94a19e;
    font-size: 12px;
    padding-right: 7px;    
}

.features-right3 p {
    font-family: "GraphikRegular";
    color: #4f5a5e;
    font-size: 15px;
    margin: 0;
    line-height: 23.25px;
}







.features-right4 {
    width: 100%;
    height: 105px;
    background: #a9f391;
    border-radius: 10px;
    padding: 17px;
    margin-bottom: 15px;    
}


.features-right4 h3 {
    font-family: "GraphikSemibold";
    color: #2D3740;
    font-size: 18px;
    margin: 0;
    padding-bottom: 6px;
}


.features-right4 h3 i {
    color: #94a19e;
    font-size: 12px;
    padding-right: 7px;    
}

.features-right4 p {
    font-family: "GraphikRegular";
    color: #4f5a5e;
    font-size: 15px;
    margin: 0;
    line-height: 23.25px;
}

/*--- ctas-area start ---*/
.ctas-area {
    padding: 100px 0;
    padding-bottom: 0;
}

.ctas-left h2 {
    font-family: "Gilroy-ExtraBold";
    color: #2D3740;
    font-size: 48px;
    margin: 0;
    padding-bottom: 15px;
}

.ctas-left p {
    font-family: "GraphikRegular";
    color: #2D3740;
    font-size: 15px;
    font-weight: 400;
    margin: 0;
    line-height: 24.8px;
    padding-bottom: 28px;
    padding-top: 0px;    
}

.clipboard-part input[type="text"] {
    font-family: "GraphikRegular";
    color: #575f66;
    font-size: 15px;
    width: 100%;
    height: 66px;
    padding: 0 29px;
    background: #FFFFFF;
    box-shadow: 2px 10px 50px rgb(11 212 136 / 10%), inset -5px -5px 10px #eafaff, inset 5px 5px 10px #fbffff;
    border-radius: 200px;
    line-height: 66px;
    margin: 0;
    border: none;
    outline: none;
    padding-right: 58px;  
}

.clipboard-part button {

    border: none;
    background: none;
    position: absolute;
    top: 0;
    right: 35px;
    outline: none;
}

.clipboard-part button img {
    width: 20px;
    height: 20px;
    float: right;
    margin-top: 22px;   
}



.ctas-right img {
    display: block;
    margin: auto;
    margin-right: 0;
    width: 510px;
    height: 442px;
    position: relative;
    left: 27px;
}



/*--- roadmap-area start ---*/
.roadmap-area {
    padding: 100px 0;
    padding-bottom: 0;
}

.roadmap-area .container {
    max-width: 1300px;
    display: block;
    margin: auto;
}

.roadmap-top h2 {
    font-family: "Gilroy-ExtraBold";
    color: #2D3740;
    font-size: 48px;
    margin: 0;
    padding-bottom: 30px;
    text-align: center;
}

.roadmap-top p {
    font-family: "GraphikRegular";
    color: #2D3740;
    font-size: 16px;
    font-weight: 400;
    margin: 0;
    line-height: 24.8px;
    padding-bottom: 55px;
    padding-top: 0px;
    text-align: center;    
}


.roadmap-part {
    position: relative;
}

.roadmap-part h3 {
    display: none;
}

.roadmap-part img {
    max-width: 100%;
    display: block;
    margin: auto;
}


.ppp1 {
    font-family: "GraphikSemibold";
    color: #424b54;
    font-size: 22px;
    margin: 0;
    line-height: 30.8px;
    position: absolute;
    top: 90px;
    padding-left: 675px;
}

.ppp2 {
    font-family: "GraphikSemibold";
    color: #424b54;
    font-size: 22px;
    margin: 0;
    line-height: 30.8px;
    position: absolute;
    top: 355px;
    text-align: right;
    left: 203px;
}


.ppp3 {
    font-family: "GraphikSemibold";
    color: #424b54;
    font-size: 22px;
    margin: 0;
    line-height: 30.8px;
    position: absolute;
    top: 631px;
    padding-left: 675px;
}


.ppp4 {
    font-family: "GraphikSemibold";
    color: #424b54;
    font-size: 22px;
    margin: 0;
    line-height: 30.8px;
    position: absolute;
    top: 862px;
    text-align: right;
    left: 203px;
}



.ppp5 {
    font-family: "GraphikSemibold";
    color: #424b54;
    font-size: 22px;
    margin: 0;
    line-height: 30.8px;
    position: absolute;
    top: 1143px;
    padding-left: 675px;
}



.ppp6 {
    font-family: "GraphikSemibold";
    color: #424b54;
    font-size: 22px;
    margin: 0;
    line-height: 30.8px;
    position: absolute;
    top: 1359px;
    text-align: right;
    left: 65px;
}


.ppp7 {
    font-family: "GraphikSemibold";
    color: #424b54;
    font-size: 22px;
    margin: 0;
    line-height: 30.8px;
    position: absolute;
    padding-left: 675px;
    bottom: 122px;
}









.roadmap-line1 {
    position: relative;
    width: 2px;
    height: 1000px;
    background-color: #9bb1a9;
    display: block;
    margin: auto;
}

.roadmap-line1:after {
    content: "";
    display: block;
    background-color: #737373;
    width: 2px;
    height: 392px;
}

.line-cr1 {
    width: 18px;
    height: 18px;
    background-color: #fff;
    border-radius: 50%;
    border: 2px solid #737373;
    display: block;
    position: absolute;
    left: -8px;
    top: 130px;
}



.line-cr2 {
    width: 18px;
    height: 18px;
    background-color: #fff;
    border-radius: 50%;
    border: 2px solid #737373;
    display: block;
    position: absolute;
    left: -8px;
    top: 378px;   
}

.line-cr3 {
    width: 18px;
    height: 18px;
    background-color: #fff;
    border-radius: 50%;
    border: 2px solid #9BB1A9;
    display: block;
    position: absolute;
    left: -8px;
    top: 637px  
}

.line-cr4 {
    width: 18px;
    height: 18px;
    background-color: #fff;
    border-radius: 50%;
    border: 2px solid #9BB1A9;
    display: block;
    position: absolute;
    left: -8px;
    top: 887px;    
}

.line-cr5 {
    width: 18px;
    height: 18px;
    background-color: #fff;
    border-radius: 50%;
    border: 2px solid #9BB1A9;
    display: block;
    position: absolute;
    left: -8px;
    top: 1148px;    
}


.line-cr6 {
    width: 18px;
    height: 18px;
    background-color: #fff;
    border-radius: 50%;
    border: 2px solid #9BB1A9;
    display: block;
    position: absolute;
    left: -8px;
    top: 1398px;    
}

.line-cr7 {
    width: 18px;
    height: 18px;
    background-color: #fff;
    border-radius: 50%;
    border: 2px solid #9BB1A9;
    display: block;
    position: absolute;
    left: -8px;
    top: 1654px;    
}








.line-cr11 {
    width: 129px;
    height: 2px;
    background-color: #737373;
    display: block;
    position: absolute;
    left: -136px;
    top: 139px;
}


.line-cr22 {
    width: 129px;
    height: 2px;
    background-color: #737373;
    display: block;
    position: absolute;
    left: 9px;
    top: 387px;
}


.line-cr33 {
    width: 129px;
    height: 2px;
    background-color: #737373;
    display: block;
    position: absolute;
    left: -136px;
    top: 646px;
}



.line-cr44 {
    width: 129px;
    height: 2px;
    background-color: #9BB1A9;
    display: block;
    position: absolute;
    left: 9px;
    top: 896px;
}


.line-cr55 {
    width: 129px;
    height: 2px;
    background-color: #9BB1A9;
    display: block;
    position: absolute;
    left: -136px;
    top: 1157px;
}



.line-cr66 {
    width: 129px;
    height: 2px;
    background-color: #9BB1A9;
    display: block;
    position: absolute;
    left: 9px;
    bottom: 392px;
}


.line-cr77 {
    width: 129px;
    height: 2px;
    background-color: #9BB1A9;
    display: block;
    position: absolute;
    left: -136px;
    bottom: 135px;
}















.line-text1 {
    font-family: "orbitron-bold";
    color: #060D20;
    font-size: 32px;
    width: 100px;
    height: 100px;
    background-color: #ffff;
    border: 2px solid #737373;
    border-radius: 50%;
    margin: 0;
    line-height: 100px;
    text-align: center;
    position: absolute;
    left: -235px;
    top: 85px;
}




.line-text2 {
    font-family: "orbitron-bold";
    color: #060D20;
    font-size: 32px;
    width: 100px;
    height: 100px;
    background-color: #ffff;
    border: 2px solid #737373;
    border-radius: 50%;
    margin: 0;
    line-height: 100px;
    text-align: center;
    position: absolute;
    left: 139px;
    top: 335px;
}




.line-text3 {
    font-family: "orbitron-bold";
    color: #060D20;
    font-size: 32px;
    width: 100px;
    height: 100px;
    background-color: #ffff;
    border: 2px solid #9BB1A9;
    border-radius: 50%;
    margin: 0;
    line-height: 100px;
    text-align: center;
    position: absolute;
    left: -235px;
    top: 594px;
}



.line-text4 {
    font-family: "orbitron-bold";
    color: #060D20;
    font-size: 32px;
    width: 100px;
    height: 100px;
    background-color: #ffff;
    border: 2px solid #9BB1A9;
    border-radius: 50%;
    margin: 0;
    line-height: 100px;
    text-align: center;
    position: absolute;
    left: 139px;
    top: 841px;
}




.line-text5 {
    font-family: "orbitron-bold";
    color: #060D20;
    font-size: 32px;
    width: 100px;
    height: 100px;
    background-color: #ffff;
    border: 2px solid #9BB1A9;
    border-radius: 50%;
    margin: 0;
    line-height: 100px;
    text-align: center;
    position: absolute;
    left: -235px;
    bottom: 595px;
}



.line-text6 {
    font-family: "orbitron-bold";
    color: #060D20;
    font-size: 32px;
    width: 100px;
    height: 100px;
    background-color: #ffff;
    border: 2px solid #9BB1A9;
    border-radius: 50%;
    margin: 0;
    line-height: 100px;
    text-align: center;
    position: absolute;
    left: 139px;
    top: 1355px;
}




.line-text7 {
    font-family: "orbitron-bold";
    color: #060D20;
    font-size: 32px;
    width: 100px;
    height: 100px;
    background-color: #ffff;
    border: 2px solid #9BB1A9;
    border-radius: 50%;
    margin: 0;
    line-height: 100px;
    text-align: center;
    position: absolute;
    left: -235px;
    bottom: 89px;
}













/*--- fyasqs-area start ---*/
.fyasqs-area {
    padding: 90px 0;
    padding-top: 55px;
}

.fyasqs-left h2 {
    font-family: "Gilroy-ExtraBold";
    color: #2D3740;
    font-size: 48px;
    margin: 0;
    padding-bottom: 17px
}


.fyasqs-left p {
    font-family: "GraphikRegular";
    color: #2D3740;
    font-size: 16px;
    font-weight: 400;
    margin: 0;
    line-height: 24.8px;
}


.fyasqs-right img {
    width: 368px;
    height: 368px;
    display: block;
    margin-right: 0;
    position: relative;
    left: -57px;
}



.dnfyasqs-part {
    position: relative;
    margin-top: -93px;    
}


.ziehharmonika h3 {
    font-family: "GraphikSemibold";
    color: #414b53;
    font-size: 25px;
    text-align: left;
    border-radius: 4px;
    padding: 31px 0px;
    cursor: pointer;
    margin-top: 0;
    margin-bottom: 2px;
    padding-right: 40px;
    transition: 0.25s all;
    position: relative;
    border-bottom: 1px solid #dae1dd;
    
}
.ziehharmonika h3.active {
    margin-bottom: 15px;
    border: none;
    padding-bottom: 6px;
}




.ziehharmonika h3.alignLeft {
    padding-left: 35px;
}


.ziehharmonika > div {
    font-family: "GraphikRegular";
    color: #2D3740;
    font-size: 16px;
    font-weight: 400;
    display: none;
    background: none;
    border-radius: 0;
    text-align: left;
    padding: 0px 0px;
    margin-bottom: 9px;
    border-bottom: 1px solid #dae1dd;
    padding-bottom: 10px;
}


.ziehharmonika .arrowDown {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 13.0px 7.5px 0 7.5px;
    border-color: #272e35 transparent transparent transparent;
    position: absolute;
    bottom: 0;
    left: 40px;
    transition: 0.25s all;
    opacity: 0;
}



.ziehharmonika .collapseIcon {
    position: absolute;
    right: 20px;
    top: 61%;
    font-size: 25px;
    font-weight: 300;
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
}






/*--- footer-area start ---*/
.footer-area {
   background-image: url('img/bg-1.png');
   background-repeat: no-repeat;
   background-size: cover;
   background-position: center;
   padding: 0px 0;

}


.footer-left h2 {
    font-family: "Gilroy-ExtraBold";
   /* color: #fff; */
    font-size: 60px;
    margin: 0;
    padding-top: 20px;
    padding-bottom: 10px;
}

.footer-left ul {
    padding-bottom: 10px;
    margin: 0;
    list-style-type: none;
    padding-top: 20px;
}

.footer-left ul li {
    display: inline-block;
    margin-right: 13px;
}

.footer-left ul li a img {
    width: 44px;
    height: 44px;
    display: block;
}

.footer-right img {
    max-width: 100%;
    display: block;
    margin: auto;
    margin-bottom: -3px;
}




/*--- last-area start ---*/
.last-area {
    background: #000;
    padding: 20px 0;
}

.last-part p {
    font-family: "GraphikRegular";
    color: #b4b3bc;
    font-size: 16px;
    font-weight: 400;
    margin: 0;
    text-align: center;
}


.last-part p span {
   font-family: "GraphikMedium";
   color: #e1e1e1; 
   font-weight: 500;
}


.item2 {
    display: none;
}


.section-listing {
   
    padding: 0px 60px;
}

.listing-block {
    margin-bottom: 60px;
    vertical-align: middle;
    width: 160px;
    height: 56px;
    text-align: center;
    line-height: 56px;
    font-size: 28px;
    color: #A1A0AB;
    transition-duration: 0.5s;
   
 }


 .slider {
    max-width: 1000px;
    margin: 0 auto;
  }
  .slick-slide {
    margin: 10px 0px 15px 0px;
  }
  .slick-list {
    margin: 0px -5px 0px -5px;
  }
  button.slick-next, button.slick-next:hover {
    position: absolute;
    top: 41%;
    right: 54px;
    width: 47px;
    height: 75px;
    background-image: url("http://maggiesadler.com/wp-content/uploads/2015/10/left-right-arrow.png");
    background-size: 95px;
  }
  button.slick-prev, button.slick-prev:hover {
    position: absolute;
    top: 41%;
    left: 15px;
    z-index: 1;
    width: 47px;
    height: 75px;
    background-image: url("http://maggiesadler.com/wp-content/uploads/2015/10/left-right-arrow.png");
    background-size: 95px;
        background-position-x: right;
  }
  .slick-prev:before, .slick-next:before {
    font-size: 70px;
    color: #EA8496;
    line-height: inherit;
    font-weight: bold;
  }
  .slider img {
    height: 161.5px;
    
  }
  
  /* Slick Slider Styles -- Provided by https://kenwheeler.github.io/slick/ */
  /* Slider */
  .slick-slider
  {
      position: relative;
  
      display: block;
  
      -moz-box-sizing: border-box;
           box-sizing: border-box;
  
      -webkit-user-select: none;
         -moz-user-select: none;
          -ms-user-select: none;
              user-select: none;
  
      -webkit-touch-callout: none;
      -khtml-user-select: none;
      -ms-touch-action: pan-y;
          touch-action: pan-y;
      -webkit-tap-highlight-color: transparent;
  }
  
  .slick-list
  {
      position: relative;
  
      display: block;
      overflow: hidden;
  
      margin: 0;
      padding: 0;
  }
  .slick-list:focus
  {
      outline: none;
  }
  .slick-list.dragging
  {
      cursor: pointer;
      cursor: hand;
  }
  
  .slick-slider .slick-track,
  .slick-slider .slick-list
  {
      -webkit-transform: translate3d(0, 0, 0);
         -moz-transform: translate3d(0, 0, 0);
          -ms-transform: translate3d(0, 0, 0);
           -o-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
  }
  
  .slick-track
  {
      position: relative;
      top: 0;
      left: 0;
  
      display: block;
  }
  .slick-track:before,
  .slick-track:after
  {
      display: table;
  
      content: '';
  }
  .slick-track:after
  {
      clear: both;
  }
  .slick-loading .slick-track
  {
      visibility: hidden;
  }
  
  .slick-slide
  {
      display: none;
      float: left;
  
      height: 100%;
      min-height: 1px;
  }
  [dir='rtl'] .slick-slide
  {
      float: right;
  }
  .slick-slide img
  {
      display: block;
  }
  .slick-slide.slick-loading img
  {
      display: none;
  }
  .slick-slide.dragging img
  {
      pointer-events: none;
  }
  .slick-initialized .slick-slide
  {
      display: block;
  }
  .slick-loading .slick-slide
  {
      visibility: hidden;
  }
  .slick-vertical .slick-slide
  {
      display: block;
  
      height: auto;
  
      border: 1px solid transparent;
  }
  .slick-arrow.slick-hidden {
      display: none;
  }
  @charset 'UTF-8';
  /* Slider */
  .slick-loading .slick-list
  {
      background: #fff url('http://maggiesadler.com/wp-content/uploads/2015/10/ajax-loader.gif') center center no-repeat;
  }
  
  /* Icons */
  @font-face
  {
      font-family: 'slick';
      font-weight: normal;
      font-style: normal;
  
      src: url('file:///C:/Users/msadler/Desktop/slick-1.5.7/slick/fonts/slick.eot');
      src: url('file:///C:/Users/msadler/Desktop/slick-1.5.7/slick/fonts/slick.eot?#iefix') format('embedded-opentype'), url('file:///C:/Users/msadler/Desktop/slick-1.5.7/slick/fonts/slick.woff') format('woff'), url('file:///C:/Users/msadler/Desktop/slick-1.5.7/slick/fonts/slick.ttf') format('truetype'), url('file:///C:/Users/msadler/Desktop/slick-1.5.7/slick/fonts/slick.svg#slick') format('svg');
  }
  /* Arrows */
  .slick-prev,
  .slick-next
  {
      font-size: 0;
      line-height: 0;
  
      position: absolute;
      top: 50%;
  
      display: block;
  
      width: 20px;
      height: 20px;
      margin-top: -10px;
      padding: 0;
  
      cursor: pointer;
  
      color: transparent;
      border: none;
      outline: none;
      background: transparent;
  }
  .slick-prev:hover,
  .slick-prev:focus,
  .slick-next:hover,
  .slick-next:focus
  {
      color: transparent;
      outline: none;
      background: transparent;
  }
  .slick-prev:hover:before,
  .slick-prev:focus:before,
  .slick-next:hover:before,
  .slick-next:focus:before
  {
      opacity: 1;
  }
  .slick-prev.slick-disabled:before,
  .slick-next.slick-disabled:before
  {
      opacity: .25;
  }
  
  .slick-prev:before,
  .slick-next:before
  {
      font-family: 'slick';
      font-size: 20px;
      line-height: 1;
  
      opacity: .75;
      color: white;
  
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
  }
  
  .slick-prev
  {
      left: -25px;
  }
  [dir='rtl'] .slick-prev
  {
      right: -25px;
      left: auto;
  }
  .slick-prev:before
  {
      content: '';
  }
  [dir='rtl'] .slick-prev:before
  {
      content: '';
      font-weight: bold;
      font-size: 20px;
  }
  
  .slick-next
  {
      right: -25px;
  }
  [dir='rtl'] .slick-next
  {
      right: auto;
      left: -25px;
  }
  .slick-next:before
  {
      content: '';
  }
  [dir='rtl'] .slick-next:before
  {
      content: '';
  }
  
  /* Dots */
  .slick-slider
  {
      margin-bottom: 30px;
  }
  
  .slick-dots
  {
      position: absolute;
      bottom: -45px;
  
      display: block;
  
      width: 100%;
      padding: 0;
  
      list-style: none;
  
      text-align: center;
  }
  .slick-dots li
  {
      position: relative;
  
      display: inline-block;
  
      width: 20px;
      height: 20px;
      margin: 0 5px;
      padding: 0;
  
      cursor: pointer;
  }
  .slick-dots li button
  {
      font-size: 0;
      line-height: 0;
  
      display: block;
  
      width: 20px;
      height: 20px;
      padding: 5px;
  
      cursor: pointer;
  
      color: transparent;
      border: 0;
      outline: none;
      background: transparent;
  }
  .slick-dots li button:hover,
  .slick-dots li button:focus
  {
      outline: none;
  }
  .slick-dots li button:hover:before,
  .slick-dots li button:focus:before
  {
      opacity: 1;
  }
  .slick-dots li button:before
  {
      font-family: 'slick';
      font-size: 6px;
      line-height: 20px;
  
      position: absolute;
      top: 0;
      left: 0;
  
      width: 20px;
      height: 20px;
  
      content: '•';
      text-align: center;
  
      opacity: .25;
      color: black;
  
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
  }
  .slick-dots li.slick-active button:before
  {
      opacity: .75;
      color: black;
  }
  
  @media screen and (max-width: 576px) {
  pre {
    white-space: pre-wrap;
    } 
     }