/* line 1, ../../Arafath/CL/CL september/212. Wedding/HTML/scss/_extend.scss */
.flex-center-start {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: start;
}

/* Normal desktop :1200px. */
/* Normal desktop :992px. */
/* Tablet desktop :768px. */
/* small mobile :320px. */
/* Large Mobile :480px. */
/* 1. Theme default css */
/* line 4, ../../Arafath/CL/CL september/212. Wedding/HTML/scss/theme-default.scss */
body {
  font-family: "Helvetica", Roman;
  font-weight: normal;
  font-style: normal;
  overflow-x: hidden;
}

/* line 15, ../../Arafath/CL/CL september/212. Wedding/HTML/scss/theme-default.scss */
.img {
  max-width: 100%;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

/* line 19, ../../Arafath/CL/CL september/212. Wedding/HTML/scss/theme-default.scss */
a,
.button {
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

/* line 23, ../../Arafath/CL/CL september/212. Wedding/HTML/scss/theme-default.scss */
a:focus,
.button:focus, button:focus {
  text-decoration: none;
  outline: none;
}


/*Colore dopo che ci si ha cliccato sopra*/
/* line 28, ../../Arafath/CL/CL september/212. Wedding/HTML/scss/theme-default.scss */
/*a:focus {
  color: #C78665;
  text-decoration: none;
}
*/

/* line 32, ../../Arafath/CL/CL september/212. Wedding/HTML/scss/theme-default.scss */
a:focus,
a:hover,
.portfolio-cat a:hover,
.footer -menu li a:hover {
  text-decoration: none;
}

/* line 39, ../../Arafath/CL/CL september/212. Wedding/HTML/scss/theme-default.scss */
a,
button {
  color: #1F1F1F;
  outline: medium none;
}

/* line 44, ../../Arafath/CL/CL september/212. Wedding/HTML/scss/theme-default.scss */
h1, h2, h3, h4, h5 {
  font-family: "Helvetica", Roman;
  color: #1F1F1F;
}

/* line 48, ../../Arafath/CL/CL september/212. Wedding/HTML/scss/theme-default.scss */
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
  color: inherit;
}

/* line 57, ../../Arafath/CL/CL september/212. Wedding/HTML/scss/theme-default.scss */
ul {
  margin: 0px;
  padding: 0px;
}

/* line 61, ../../Arafath/CL/CL september/212. Wedding/HTML/scss/theme-default.scss */
li {
  list-style: none;
}



/*Pargraph*/

/* line 64, ../../Arafath/CL/CL september/212. Wedding/HTML/scss/theme-default.scss */
p {
  font-size: 20px;
  font-weight: 400;
  line-height: 28px;
  color: #727272;
  margin-bottom: 13px;
  font-family: "Helvetica", Roman;
}



/* line 73, ../../Arafath/CL/CL september/212. Wedding/HTML/scss/theme-default.scss */
label {
  color: #7e7e7e;
  cursor: pointer;
  font-size: 14px;
  font-weight: 400;
}

/* line 79, ../../Arafath/CL/CL september/212. Wedding/HTML/scss/theme-default.scss */
*::-moz-selection {
  background: #444;
  color: #fff;
  text-shadow: none;
}

/* line 84, ../../Arafath/CL/CL september/212. Wedding/HTML/scss/theme-default.scss */
::-moz-selection {
  background: #444;
  color: #fff;
  text-shadow: none;
}

/* line 89, ../../Arafath/CL/CL september/212. Wedding/HTML/scss/theme-default.scss */
::selection {
  background: #444;
  color: #fff;
  text-shadow: none;
}

/* line 94, ../../Arafath/CL/CL september/212. Wedding/HTML/scss/theme-default.scss */
*::-webkit-input-placeholder {
  color: #cccccc;
  font-size: 14px;
  opacity: 1;
}

/* line 99, ../../Arafath/CL/CL september/212. Wedding/HTML/scss/theme-default.scss */
*:-ms-input-placeholder {
  color: #cccccc;
  font-size: 14px;
  opacity: 1;
}

/* line 104, ../../Arafath/CL/CL september/212. Wedding/HTML/scss/theme-default.scss */
*::-ms-input-placeholder {
  color: #cccccc;
  font-size: 14px;
  opacity: 1;
}

/* line 109, ../../Arafath/CL/CL september/212. Wedding/HTML/scss/theme-default.scss */
*::placeholder {
  color: #cccccc;
  font-size: 14px;
  opacity: 1;
}

/* line 115, ../../Arafath/CL/CL september/212. Wedding/HTML/scss/theme-default.scss */
h3 {
  font-size: 24px;
}


/* line 1, ../../Arafath/CL/CL september/212. Wedding/HTML/scss/_section_title.scss */
.section_title {
  margin-bottom: 62px;
}

@media (max-width: 767px) {
  /* line 1, ../../Arafath/CL/CL september/212. Wedding/HTML/scss/_section_title.scss */
  .section_title {
    margin-bottom: 25px;
  }
}

/* line 9, ../../Arafath/CL/CL september/212. Wedding/HTML/scss/_section_title.scss */
.section_title span {
  font-size: 18px;
  font-weight: 400;
  font-family: "Helvetica", Roman;
  color: #C78665;
  display: block;
  margin-top: 20px;
  margin-bottom: 10px;
}

/* line 18, ../../Arafath/CL/CL september/212. Wedding/HTML/scss/_section_title.scss */
.section_title h3 {
  font-size: 36px;
  font-family: "Helvetica", Roman;
  font-weight: 400;
  text-transform: uppercase;
  margin-top: 20px;
}

@media (max-width: 767px) {
  /* line 18, ../../Arafath/CL/CL september/212. Wedding/HTML/scss/_section_title.scss */
  .section_title h3 {
    font-size: 25px;
  }
}

/* line 30, ../../Arafath/CL/CL september/212. Wedding/HTML/scss/_section_title.scss */
.mb-95 {
  margin-bottom: 95px;
}

@media (max-width: 767px) {
  /* line 30, ../../Arafath/CL/CL september/212. Wedding/HTML/scss/_section_title.scss */
  .mb-95 {
    margin-bottom: 30px;
  }
}

/* line 37, ../../Arafath/CL/CL september/212. Wedding/HTML/scss/_section_title.scss */
.mb-80 {
  margin-bottom: 80px;
}

@media (max-width: 767px) {
  /* line 37, ../../Arafath/CL/CL september/212. Wedding/HTML/scss/_section_title.scss */
  .mb-80 {
    margin-bottom: 30px;
  }
}

/* line 43, ../../Arafath/CL/CL september/212. Wedding/HTML/scss/_section_title.scss */
.mb-60 {
  margin-bottom: 60px;
}

@media (max-width: 767px) {
  /* line 43, ../../Arafath/CL/CL september/212. Wedding/HTML/scss/_section_title.scss */
  .mb-60 {
    margin-bottom: 30px;
  }
}

/* line 49, ../../Arafath/CL/CL september/212. Wedding/HTML/scss/_section_title.scss */
.mb-20 {
  margin-bottom: 20px;
}

/* line 52, ../../Arafath/CL/CL september/212. Wedding/HTML/scss/_section_title.scss */
.mb-60 {
  margin-bottom: 60px;
}

@media (max-width: 767px) {
  /* line 4, ../../Arafath/CL/CL september/212. Wedding/HTML/scss/_slick-nav.scss */
  .mobile_menu {
    position: absolute;
    right: 0px;
    width: 100%;
    z-index: 9;
  }
}







/*Header*/

/* line 1, ../../Arafath/CL/CL september/212. Wedding/HTML/scss/_header.scss */
.header-area {
  left: 0;
  right: 0;
  top: 0;
  background: transparent;
  z-index: 999;
  background: #fff;
}

/*
.header-area .main-header-area {
  padding: 0 50px;
}

@media (max-width: 767px) {
  .header-area .main-header-area {
    padding: 10px 0;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .header-area .main-header-area {
    padding: 10px 0;
  }
}

@media (min-width: 992px) and (max-width: 1200px) {
  .header-area .main-header-area {
    padding: 0 50px;
  }
}

@media (min-width: 1200px) and (max-width: 1500px) {
  .header-area .main-header-area {
    padding: 0 50px;
  }
}
*/

@media (max-width: 767px) {
  .header-area .main-header-area .logo-img img {
    width: 120px;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .header-area .main-header-area .logo-img img {
    width: 120px;
  }
}







/* Menu */



/* line 40, ../../Arafath/CL/CL september/212. Wedding/HTML/scss/_header.scss */
.header-area .main-header-area .main-menu {
  text-align: right;
}

/* line 43, ../../Arafath/CL/CL september/212. Wedding/HTML/scss/_header.scss */
.header-area .main-header-area .main-menu ul li {
  display: inline-block;
  position: relative;
}

/* line 46, ../../Arafath/CL/CL september/212. Wedding/HTML/scss/_header.scss */
.header-area .main-header-area .main-menu ul li a {
  color: #727272;
  font-size: 18px;
  text-transform: capitalize;
  font-weight: 400;
  display: inline-block;
  padding: 38px 23px 38px 23px;
  font-family: "Helvetica", Roman;
  position: relative;
}

@media (min-width: 992px) and (max-width: 1200px) {
  /* line 46, ../../Arafath/CL/CL september/212. Wedding/HTML/scss/_header.scss */
  .header-area .main-header-area .main-menu ul li a {
    padding: 35px 8px 35px 8px;
    font-size: 15px;
  }
}

@media (min-width: 1200px) and (max-width: 1500px) {
  /* line 46, ../../Arafath/CL/CL september/212. Wedding/HTML/scss/_header.scss */
  .header-area .main-header-area .main-menu ul li a {
    padding: 38px 18px 38px 18px;
  }
}

/* line 64, ../../Arafath/CL/CL september/212. Wedding/HTML/scss/_header.scss */
.header-area .main-header-area .main-menu ul li a i {
  font-size: 9px;
}

@media (max-width: 767px) {
  /* line 64, ../../Arafath/CL/CL september/212. Wedding/HTML/scss/_header.scss */
  .header-area .main-header-area .main-menu ul li a i {
    display: none !important;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  /* line 64, ../../Arafath/CL/CL september/212. Wedding/HTML/scss/_header.scss */
  .header-area .main-header-area .main-menu ul li a i {
    display: none !important;
  }
}



/*Liena sotto le voci del menu*/
/* line 76, ../../Arafath/CL/CL september/212. Wedding/HTML/scss/_header.scss */
.header-area .main-header-area .main-menu ul li a::before {
  position: absolute;
  content: "";
  background: #3678af;
  width: 100%;
  height: 2px;
  bottom: 0;
  left: 0;
  opacity: 0;
  transform: scaleX(0);
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

/* line 88, ../../Arafath/CL/CL september/212. Wedding/HTML/scss/_header.scss */
.header-area .main-header-area .main-menu ul li a:hover::before {
  opacity: 1;
  transform: scaleX(1);
}

/* line 93, ../../Arafath/CL/CL september/212. Wedding/HTML/scss/_header.scss */
.header-area .main-header-area .main-menu ul li a.active::before {
  opacity: 1;
  transform: scaleX(1);
}











/* Submenu */

/* line 102, ../../Arafath/CL/CL september/212. Wedding/HTML/scss/_header.scss */
.header-area .main-header-area .main-menu ul li .submenu {
  position: absolute;
  left: 0;
  top: 140%;
  background: #fff;
  width: 200px;
  z-index: 2;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.02);
  opacity: 0;
  visibility: hidden;
  text-align: left;
  -webkit-transition: 0.6s;
  -moz-transition: 0.6s;
  -o-transition: 0.6s;
  transition: 0.6s;
  z-index: 9;
}

/* line 115, ../../Arafath/CL/CL september/212. Wedding/HTML/scss/_header.scss */
.header-area .main-header-area .main-menu ul li .submenu li {
  display: block;
}



/* line 117, ../../Arafath/CL/CL september/212. Wedding/HTML/scss/_header.scss */
.header-area .main-header-area .main-menu ul li .submenu li a {
  padding: 10px 15px;
  position: inherit;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  display: block;
  color: #727272;
}

/* line 123, ../../Arafath/CL/CL september/212. Wedding/HTML/scss/_header.scss */
.header-area .main-header-area .main-menu ul li .submenu li a::before {
  display: none;
}

/*Colore voci sottomenu quando ci si passa sopra*/
/* line 127, ../../Arafath/CL/CL september/212. Wedding/HTML/scss/_header.scss */
.header-area .main-header-area .main-menu ul li .submenu li:hover a {
  color: #3678af;
}

/* line 132, ../../Arafath/CL/CL september/212. Wedding/HTML/scss/_header.scss */
.header-area .main-header-area .main-menu ul li:hover > .submenu {
  opacity: 1;
  visibility: visible;
  top: 100%;
}


/* line 137, ../../Arafath/CL/CL september/212. Wedding/HTML/scss/_header.scss */
.header-area .main-header-area .main-menu ul li:hover > a::before {
  opacity: 1;
  transform: scaleX(1);
}

/* line 144, ../../Arafath/CL/CL september/212. Wedding/HTML/scss/_header.scss */
.header-area .main-header-area.sticky {
  box-shadow: 0px 3px 16px 0px rgba(0, 0, 0, 0.1);
  position: fixed;
  width: 100%;
  top: -70px;
  left: 0;
  right: 0;
  z-index: 99;
  transform: translateY(70px);
  transition: transform 500ms ease, background 500ms ease;
  -webkit-transition: transform 500ms ease, background 500ms ease;
  box-shadow: 0px 3px 16px 0px rgba(0, 0, 0, 0.1);
  background: #fff;
}

@media (max-width: 767px) {
  /* line 144, ../../Arafath/CL/CL september/212. Wedding/HTML/scss/_header.scss */
  .header-area .main-header-area.sticky {
    padding: 10px 0;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  /* line 144, ../../Arafath/CL/CL september/212. Wedding/HTML/scss/_header.scss */
  .header-area .main-header-area.sticky {
    padding: 10px 0;
  }
}

/* line 170, ../../Arafath/CL/CL september/212. Wedding/HTML/scss/_header.scss */
.header-area .main-header-area.sticky .main-menu {
  padding: 0;
}

/* line 174, ../../Arafath/CL/CL september/212. Wedding/HTML/scss/_header.scss */
.header-area .main-header-area.sticky .main-menu ul li a {
  padding: 35px 18px 35px 18px;
}

@media (min-width: 992px) and (max-width: 1200px) {
  /* line 174, ../../Arafath/CL/CL september/212. Wedding/HTML/scss/_header.scss */
  .header-area .main-header-area.sticky .main-menu ul li a {
    padding: 35px 8px 35px 8px;
  }
}

@media (min-width: 1200px) and (max-width: 1500px) {
  /* line 174, ../../Arafath/CL/CL september/212. Wedding/HTML/scss/_header.scss */
  .header-area .main-header-area.sticky .main-menu ul li a {
    padding: 35px 8px 35px 8px;
  }
}

















/* line 75, ../../Arafath/CL/CL september/212. Wedding/HTML/scss/_elements.scss */
.sample-text-area {
  background: #fff;
  padding: 100px 0 70px 0;
}



.main-text {
  font-size: 20px;
  font-weight: 400;
  line-height: 28px;
  color: #727272;
  margin-bottom: 13px;
  font-family: "Helvetica", Roman;
}

.main-text h3{
    font-size: 70px;
    text-align: left;
}

.main-text .hr-left {
  display: block;
  height: 3px;
  background-color: #3678af;
  margin-left:0;
  width: 50%;
}

.main-text .hr-left-green {
  display: block;
  height: 3px;
  background-color: #149b32;
  margin-left:0;
  width: 50%;
}

.main-text .hr-right{
  display: block;
  height: 3px;
  background-color: #ff9e0d;
  margin-right:0;
  width: 50%;
}

.main-text .ul-circle{
    padding-left:30px;
    padding-bottom:30px;
    line-height: 30px;
}


.dot {
  height: 10px;
  width: 10px;
  background-color: #bbb;
  border-radius: 50%;
  display: inline-block;
}