/* ==========================================================================
  01. GENERAL & BASIC STYLES
  =========================================================================== */


/*------------------------------------------*/
/*  PAGE CONTENT
/*------------------------------------------*/

#page,
.hidd { 
  overflow: hidden; 
}


.container { 
  position: relative!important; 
  z-index: 3; 
}

.section-overlay {
  width: 100%;
  height: 100%;
}





/*------------------------------------------*/
/*  SPACING & INDENTS
/*------------------------------------------*/

/*------------------------------------------*/
/*  BACKGROUND SETTINGS
/*------------------------------------------*/






/*------------------------------------------*/
/*  LISTS
/*------------------------------------------*/

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




/*------------------------------------------*/
/*  BUTTON SETTINGS
/*------------------------------------------*/


/*------------------------------------------*/
/*  WHITE BUTTON
/*------------------------------------------*/





/*------------------------------------------*/
/*  VECTOR ICONS
/*------------------------------------------*/

.ico-10 [class*="flaticon-"]:before, .ico-10 [class*="flaticon-"]:after { font-size: 0.75rem; }     /* 15px */
.ico-15 [class*="flaticon-"]:before, .ico-15 [class*="flaticon-"]:after { font-size: 0.9375rem; }   /* 15px */
.ico-20 [class*="flaticon-"]:before, .ico-20 [class*="flaticon-"]:after { font-size: 1.25rem; }     /* 20px */
.ico-25 [class*="flaticon-"]:before, .ico-25 [class*="flaticon-"]:after { font-size: 1.5625rem; }   /* 25px */
.ico-30 [class*="flaticon-"]:before, .ico-30 [class*="flaticon-"]:after { font-size: 1.875rem; }    /* 30px */
.ico-35 [class*="flaticon-"]:before, .ico-35 [class*="flaticon-"]:after { font-size: 2.1875rem; }   /* 35px */
.ico-40 [class*="flaticon-"]:before, .ico-40 [class*="flaticon-"]:after { font-size: 2.5rem; }      /* 40px */
.ico-45 [class*="flaticon-"]:before, .ico-45 [class*="flaticon-"]:after { font-size: 2.8125rem; }   /* 45px */
.ico-50 [class*="flaticon-"]:before, .ico-50 [class*="flaticon-"]:after { font-size: 3.125rem; }    /* 50px */
.ico-55 [class*="flaticon-"]:before, .ico-55 [class*="flaticon-"]:after { font-size: 3.4375rem; }   /* 55px */
.ico-60 [class*="flaticon-"]:before, .ico-60 [class*="flaticon-"]:after { font-size: 3.75rem; }     /* 60px */
.ico-65 [class*="flaticon-"]:before, .ico-65 [class*="flaticon-"]:after { font-size: 4.0625rem; }   /* 65px */
.ico-70 [class*="flaticon-"]:before, .ico-70 [class*="flaticon-"]:after { font-size: 4.375rem; }    /* 70px */
.ico-75 [class*="flaticon-"]:before, .ico-75 [class*="flaticon-"]:after { font-size: 4.6875rem; }   /* 75px */
.ico-80 [class*="flaticon-"]:before, .ico-80 [class*="flaticon-"]:after { font-size: 5rem; }        /* 80px */
.ico-85 [class*="flaticon-"]:before, .ico-85 [class*="flaticon-"]:after { font-size: 5.3125rem; }   /* 85px */
.ico-90 [class*="flaticon-"]:before, .ico-90 [class*="flaticon-"]:after { font-size: 5.625rem; }    /* 90px */
.ico-95 [class*="flaticon-"]:before, .ico-95 [class*="flaticon-"]:after { font-size: 5.9375rem; }   /* 95px */
.ico-100 [class*="flaticon-"]:before, .ico-100 [class*="flaticon-"]:after { font-size: 6.25rem; }   /* 100px */
.ico-105 [class*="flaticon-"]:before, .ico-105 [class*="flaticon-"]:after { font-size: 6.5625rem; } /* 105px */
.ico-110 [class*="flaticon-"]:before, .ico-110 [class*="flaticon-"]:after { font-size: 6.875rem; }  /* 110px */
.ico-115 [class*="flaticon-"]:before, .ico-115 [class*="flaticon-"]:after { font-size: 7.1875rem; } /* 115px */
.ico-120 [class*="flaticon-"]:before, .ico-120 [class*="flaticon-"]:after { font-size: 7.5rem; }    /* 120px */
.ico-125 [class*="flaticon-"]:before, .ico-125 [class*="flaticon-"]:after { font-size: 7.8125rem; } /* 125px */

/*------------------------------------------*/
/*  VECTOR ICON BACKGROUND
/*------------------------------------------*/ 

.shape-ico {
  position: relative;
  display: inline-block;
  margin: 0 auto;
}

.shape-ico span {
  position: relative;
  z-index:  2;
}

.shape-ico svg {
  position: absolute;
  z-index:  1;
}

.ico-50 .shape-ico svg {
  width: 130px;
  height: 130px;
  top: -35px;
  left: calc(50% - 60px);
}

.fbox-11 .ico-50 .shape-ico svg {
  top: -40px;
  left: calc(50% - 70px);
}

.ico-55 .shape-ico svg {
  width: 135px;
  height: 135px;
  top: -30px;
  left: calc(50% - 60px);
}

.ico-60 .shape-ico svg {
  width: 140px;
  height: 140px;
  top: -30px;
  left: calc(50% - 65px);
}

.shape-ico.color--blue-300 path,
.shape-ico.color--blue-400 path,
.shape-ico.color--blue-500 path {
  fill: #f4f9fc;
}

.shape-ico.color--green-300 path,
.shape-ico.color--green-400 path,
.shape-ico.color--green-500 path {
  fill: #e9f8f2;
}

.shape-ico.color--pink-300 path,
.shape-ico.color--pink-400 path,
.shape-ico.color--pink-500 path {
  fill: #feecf2;
}

.shape-ico.color--purple-300 path,
.shape-ico.color--purple-400 path,
.shape-ico.color--purple-500 path {
  fill: #f1edff;
}

.shape-ico.color--red-300 path,
.shape-ico.color--red-400 path,
.shape-ico.color--red-500 path {
  fill: #fce7e4;
}

.shape-ico.color--violet-300 path,
.shape-ico.color--violet-400 path,
.shape-ico.color--violet-500 path {
  fill: #f7e4f1;
}

/*------------------------------------------*/
/*  VECTOR ROUNDED ICONS
/*------------------------------------------*/ 

.ico-rounded,
.ico-rounded-md,
.ico-rounded-lg {
  display: inline-block;
  text-align: center;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  -o-border-radius: 100%;
  border-radius: 100%;
}

.ico-rounded { width: 80px; height: 80px; }
.ico-rounded-md { width: 90px; height: 90px; }
.ico-rounded-lg { width: 100px; height: 100px; }

.ico-rounded [class*="flaticon-"]:before, 
.ico-rounded [class*="flaticon-"]:after { font-size:2.15rem; line-height:80px!important; }

.ico-rounded-md [class*="flaticon-"]:before, 
.ico-rounded-md [class*="flaticon-"]:after { font-size: 2.4rem; line-height: 90px!important; }

.ico-rounded-lg [class*="flaticon-"]:before, 
.ico-rounded-lg [class*="flaticon-"]:after { font-size: 2.65rem; line-height: 100px!important; }

/*------------------------------------------*/
/*  VECTOR SQUARE ICONS
/*------------------------------------------*/ 

.ico-square { 
  display: inline-block;
  text-align: center;
  width: 80px; 
  height: 80px; 
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  -o-border-radius: 12px;
  border-radius: 12px;
}

.ico-square [class*="flaticon-"]:before, 
.ico-square [class*="flaticon-"]:after { font-size: 2.4rem; line-height: 80px!important; }

/*------------------------------------------*/
/*   PNG ICONS SETTINGS
/*------------------------------------------*/ 

.ico-145 img { width: 145px; height: 145px; }
.ico-140 img { width: 140px; height: 140px; }
.ico-135 img { width: 135px; height: 135px; }
.ico-130 img { width: 130px; height: 130px; }
.ico-125 img { width: 125px; height: 125px; }
.ico-120 img { width: 120px; height: 120px; }
.ico-115 img { width: 115px; height: 115px; }
.ico-110 img { width: 110px; height: 110px; }
.ico-105 img { width: 105px; height: 105px; }
.ico-100 img { width: 100px; height: 100px; }
.ico-95 img { width: 95px; height: 95px; }
.ico-90 img { width: 90px; height: 90px; }
.ico-85 img { width: 85px; height: 85px; }
.ico-80 img { width: 80px; height: 80px; }
.ico-75 img { width: 75px; height: 75px; }
.ico-70 img { width: 70px; height: 70px; }
.ico-65 img { width: 65px; height: 65px; }
.ico-60 img { width: 60px; height: 60px; }
.ico-55 img { width: 55px; height: 55px; }
.ico-50 img { width: 50px; height: 50px; }
.ico-45 img { width: 45px; height: 45px; }
.ico-40 img { width: 40px; height: 40px; }
.ico-35 img { width: 35px; height: 35px; }
.ico-30 img { width: 30px; height: 30px; }
.ico-25 img { width: 25px; height: 25px; }
.ico-20 img { width: 20px; height: 20px; }

/*------------------------------------------*/
/*  SECTION TITLE
/*------------------------------------------*/



.section-title h2 {
  margin-bottom: 0;
}

.section-title h2.w-700 {
  letter-spacing: -0.5px;
}

.section-title p.p-md,
.section-title p.p-lg,
.section-title p.p-xl,
.section-title p.s-20,
.section-title p.s-21 {
  margin-top: 18px;
  margin-bottom: 0;
}

.section-title p.p-md,
.section-title p.p-lg {
  padding: 0 3%;
}

.section-title a.contact-link {
  font-weight: 500;
  text-decoration: underline;
}

.section-title .btns-group .btn {
  margin-top: 0;
}

.section-title .advantages,
.section-title .btns-txt,
.section-title .btns-group-txt {
  margin-top: 20px;
}







/* ==========================================================================
  06. ABOUT
  ========================================================================== */

.a2-txt {
  padding: 20px 30px 35px;
}

.a2-txt-quote { 
  position: relative;
  margin-bottom: -45px; 
 }

.a2-txt-quote.ico-40 [class*="flaticon-"]:before, 
.a2-txt-quote.ico-40 [class*="flaticon-"]:after { font-size: 4.25rem; }

/*------------------------------------------*/
/*  ABOUT TYPOGRAPHY
/*------------------------------------------*/ 

#about-1 .txt-block p {
  margin-bottom: 0;
}

#about-4 .txt-block p {
  margin-top: 25px;
  margin-bottom: 0;
}

/*------------------------------------------*/
/*  ABOUT 2 AUTHOR
/*------------------------------------------*/ 

.a2-txt-author {
  line-height: 1.45;
  font-weight: 500;
  margin-top: 18px;
  margin-bottom: 0;
}

.a2-txt-author span {
  display: block;
  font-weight: 300;
}

/*------------------------------------------*/
/*  ABOUT 2 IMAGES
/*------------------------------------------*/ 

.about-3-images {
  padding: 0 5%;
}

.about-2-img {
  overflow: hidden;
}

.about-3-img {
  overflow: hidden;
  height: 460px;
}

.a-2-1 {
  margin-left: 13%;
  margin-bottom: 30px;
}

.a-2-2 {
  margin-left: -10%;
}

.a-2-3 {
  margin-right: -10%;
  margin-bottom: 30px;
}

.a-2-4 {
  margin-right: -10%;
}

#a4-1 {
  position: relative;
  padding-right: 30px;
  margin-top: -30px;
}

#a4-2 {
  position: relative;
  padding-left: 30px;
  margin-bottom: -30px;
}



/* ==========================================================================
  08. CONTENT
  ========================================================================== */

.ct-06 {
  margin-bottom: 80px;
}

.ct-07 {
  margin-top: 80px;
}

.ct-10 .section-overlay {
  margin-bottom: 100px;
}

.ct-11, 
.ct-12 {
  padding: 60px 0;
}

.ct-11:after {
  position: absolute;
  content: '';
  z-index: -1;
  width: 50%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: #fff;
}

.ct-12:after {
  position: absolute;
  content: '';
  z-index: -1;
  width: 50%;
  height: 100%;
  top: 0;
  left: 50%;
  background-color: #fff;
}

/*------------------------------------------*/
/*  CONTENT BOX WRAPPER
/*------------------------------------------*/

.bc-1-wrapper .section-overlay,
.bc-4-wrapper .section-overlay,
.bc-6-wrapper .section-overlay {
  padding: 80px 70px;
}

.bc-2-wrapper .section-overlay,
.bc-3-wrapper .section-overlay,
.bc-5-wrapper .section-overlay {
  padding: 80px 70px 0;
}

.bc-6 {
  padding: 40px 35px;
}

.cbox-6-wrapper {
  padding: 60px 40px;
}

.content-section .cbox-6-wrapper {
  padding: 80px 70px;
}

.bc-5-wrapper .section-title p {
  padding: 0;
}

/*------------------------------------------*/
/*  TEXT BLOCK
/*------------------------------------------*/ 

.txt-box { 
  margin-bottom: 20px;
}

.txt-box:last-child { 
  margin-bottom: 0; 
}

.bc-3-txt,
.ct-06 .txt-block,
.bc-2-wrapper .txt-block {
  margin-top: -40px;
}

.bc-2-txt,
.ct-07 .txt-block {
  margin-top: 40px;
}

.bc-1-wrapper .txt-block.pr-25.left-column,
.bc-2-wrapper .txt-block.pr-25.left-column {
  padding-right: 25px;
}

.bc-1-wrapper .txt-block.pl-25.right-column,
.bc-2-wrapper .txt-block.pl-25.right-column {
  padding-left: 25px;
}

.ct-11 .txt-block {
  padding-right: 50px;
}

.ct-12 .txt-block {
  padding-left: 70px;
}

.ct-13 .txt-block h5 {
  padding-right: 6%;
}

/*------------------------------------------*/
/*  TEXT BLOCK TYPOGRAPHY
/*------------------------------------------*/ 

.bc-2-txt h2,
.bc-3-txt h2,
.bc-4-txt h2,
.txt-block h1,
.txt-block h3,
.txt-block h2 {
  margin-bottom: 20px;
}

.txt-block h5 {
  margin-bottom: 20px;
}

h5.h5-title {
  margin-top: 20px;
  margin-bottom: 20px;
}

.txt-block .btn,
.txt-block .btns-group .btn.btn--transparent {
  margin-top: 25px;
}

.txt-block .btn.btn--transparent {
  margin-top: 0;
}

/*------------------------------------------*/
/*  CONTENT BOX
/*------------------------------------------*/

.cbox-1,
.cbox-2,
.cbox-3 {
  display: flex;
  position: relative;
  flex-flow: row wrap;
  align-items: stretch!important;
  justify-content: flex-start;
}

.cbox-5 {
  position: relative;
}

.cbox-5-content {
  background-color: #fff;
  border: 1px solid #f5f6f6;
  padding: 40px;
  margin: 0 12%;
  z-index: 1;
  -webkit-box-shadow: 0px 15px 20px 0px rgba(5, 5, 5, .05);
  -moz-box-shadow: 0px 15px 20px 0px rgba(5, 5, 5, .05);
  box-shadow: 0px 15px 20px 0px rgba(5, 5, 5, .05);
}

.cbox-5-content .divider {
  margin-top: 25px;
  margin-bottom: 25px;
}

#cb-6-1, #cb-6-2 {
  margin-bottom: 35px;
}



/*------------------------------------------*/
/*  CONTENT BOX TEXT
/*------------------------------------------*/

.cbox-1-txt,
.cbox-2-txt,
.cbox-3-txt {
  overflow: hidden;
  flex: 1;
  max-width: 100%;
}

.cbox-2-txt,
.cbox-3-txt {
  margin-bottom: 35px;
}

.ct-03 .cbox-2-txt {
  margin-bottom: 30px;
}

.cbox-4-txt {
  margin-bottom: 25px;
}

.cbox-2:last-child .cbox-2-txt,
.cbox-3:last-child .cbox-3-txt,
.cbox-4:last-child .cbox-4-txt {
  margin-bottom: 0;
}

/*------------------------------------------*/
/*  CONTENT BOX FEATURE
/*------------------------------------------*/  

.cbox-5-fea {
  padding: 20px 25px;
  margin-top: 25px;
  -webkit-box-shadow: 0px 15px 20px 0px rgba(5, 5, 5, .05);
  -moz-box-shadow: 0px 15px 20px 0px rgba(5, 5, 5, .05);
  box-shadow: 0px 15px 20px 0px rgba(5, 5, 5, .05);
}

.txt-block .cbox-5-fea h4 {
  line-height: 1;
  margin-bottom: 3px;
}

.cbox-5-fea p {
  margin-bottom: 0;
}

/*------------------------------------------*/
/*  CONTENT BOX TYPOGRAPHY
/*------------------------------------------*/

.cbox-2-txt h5,
.cbox-3-txt h5 {
  margin-bottom: 15px;
}

.ct-03 .cbox-2-txt h5 {
  margin-bottom: 10px;
}

.cbox-6 h6 {
  margin-bottom: 15px;
}

.cbox-1-txt p { 
  margin-bottom: 8px;
}

.cbox-1-last .cbox-1-txt p { 
  margin-bottom: 1rem;
}

.cbox-6 p,
.cbox-2-txt p,
.cbox-3-txt p,
.cbox-4-txt p {
  margin-bottom: 0;
}

.bc-6-txt {
  padding: 0 10px;
}

.bc-6-txt h5 {
  margin-bottom: 15px;
}

/*------------------------------------------*/
/*  ACCORDION  
/*------------------------------------------*/

.txt-block .accordion-1 .accordion-item {
  background-color: transparent;
  padding: 25px 30px;
  border: none;
}

.txt-block .accordion-2 .accordion-item {
  background-color: transparent;
  padding: 15px 0 25px;
  border: none;
  border-top: 1px solid #ccc;
  border-radius: 0 0;
}

.txt-block .accordion-2 .accordion-item:last-child {
  border-bottom: 1px solid #ccc;
}

.txt-block .accordion-item.r-02:first-of-type { border-top-left-radius: 2px; border-top-right-radius: 2px; }
.txt-block .accordion-item.r-04:first-of-type { border-top-left-radius: 4px; border-top-right-radius: 4px; }
.txt-block .accordion-item.r-06:first-of-type { border-top-left-radius: 6px; border-top-right-radius: 6px; }
.txt-block .accordion-item.r-08:first-of-type { border-top-left-radius: 8px; border-top-right-radius: 8px; }
.txt-block .accordion-item.r-10:first-of-type { border-top-left-radius: 10px; border-top-right-radius: 10px; }
.txt-block .accordion-item.r-12:first-of-type { border-top-left-radius: 12px; border-top-right-radius: 12px; }
.txt-block .accordion-item.r-14:first-of-type { border-top-left-radius: 14px; border-top-right-radius: 14px; }
.txt-block .accordion-item.r-16:first-of-type { border-top-left-radius: 16px; border-top-right-radius: 16px; }

.txt-block .accordion-item.r-02:last-of-type { border-bottom-right-radius: 2px; border-bottom-left-radius: 2px; }
.txt-block .accordion-item.r-04:last-of-type { border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; }
.txt-block .accordion-item.r-06:last-of-type { border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; }
.txt-block .accordion-item.r-08:last-of-type { border-bottom-right-radius: 8px; border-bottom-left-radius: 8px; }
.txt-block .accordion-item.r-10:last-of-type { border-bottom-right-radius: 10px; border-bottom-left-radius: 10px; }
.txt-block .accordion-item.r-12:last-of-type { border-bottom-right-radius: 12px; border-bottom-left-radius: 12px; }
.txt-block .accordion-item.r-14:last-of-type { border-bottom-right-radius: 14px; border-bottom-left-radius: 14px; }
.txt-block .accordion-item.r-16:last-of-type { border-bottom-right-radius: 16px; border-bottom-left-radius: 16px; }

.txt-block .accordion-thumb {
  margin: 0;
  padding: 0;
  cursor: pointer;
  position: relative;
}

.txt-block .accordion-1 .accordion-item .accordion-thumb:before,
.txt-block .accordion-2 .accordion-item .accordion-thumb:after,
.txt-block .accordion-1 .accordion-item.is-active .accordion-thumb:before,
.txt-block .accordion-2 .accordion-item.is-active .accordion-thumb:after {
  color: #6c757d;
  font-family: Flaticon;
  position: absolute;
  color: #353f4f;
  font-weight: 400; 
}

.txt-block .accordion-1 .accordion-item .accordion-thumb:before {
  content: "\f11a";
  font-size: 0.95rem;
  top: 1px;
  left: 0;
}

.txt-block .accordion-2 .accordion-item .accordion-thumb:after,
.txt-block .accordion-2 .accordion-item.is-active .accordion-thumb:after {
  content: "\f110";
  font-size: 0.95rem;
  top: 12px;
  right: 0;
}

.txt-block .accordion-1 .accordion-item.is-active {
  background-color: #f4f4f9;
  padding: 35px 30px 19px 30px;
  margin-bottom: 15px;
  margin-top: 15px;
}

.txt-block .accordion-2 .accordion-item.is-active {
  background-color: transparent;
  margin-bottom: 0;
  margin-top: 0;
}

.txt-block .accordion-1 .accordion-item.is-active .accordion-thumb:before {
  content: "\f11b";
}

.txt-block .accordion-2 .accordion-item.is-active .accordion-thumb:after {
  content: "\f111";
}

.txt-block .accordion-1 .accordion-panel {
  color: #6c757d;
  margin: 0;
  padding: 0 0 0 25px;
  display: none;
}

.txt-block .accordion-2 .accordion-panel {
  color: #6c757d;
  margin: 15px 0 0 0;
  display: none;
}

.txt-block .accordion-1 .accordion-thumb h5 {
  color: #353f4f;
  padding-left: 28px;
  margin-bottom: 0;
}

.txt-block .accordion-2 .accordion-thumb h5 {
  color: #353f4f;
  display: inline-block;
  padding-left: 10px;
  margin-bottom: 0;
}

.txt-block .accordion-1 .accordion-item.is-active .accordion-thumb h5 {
  margin-bottom: 20px;
}

.accordion-2 .accordion-thumb span[class*="flaticon-"]:before,
.accordion-2 .accordion-thumb span[class*="flaticon-"]:after {  
  color: #6c757d;
  position: relative;
  font-size: 2.1875rem;
  top: 10px;
}

.txt-block .accordion-2 .accordion-panel .simple-list li {
  margin-bottom: 1rem;
}

.txt-block .accordion-2 .accordion-panel p,
.txt-block .accordion-2 .accordion-panel .simple-list li:last-child {
  margin-bottom: 0;
}

/*------------------------------------------*/
/*  TABS
/*------------------------------------------*/

#tabs-1 .tabs-nav { 
  text-align: center;
}

.tabs-1 { 
  display: inline-block;
  margin: 0 auto 60px;
}

#tabs-1 .tab-content {
  display: none;
}

#tabs-1 .tab-content.current {
  display: inherit;
}

.tabs-1 li {
  display: inline-block; 
  margin: 0 20px;
  color: #aaa;
  font-size: 1.05rem;
  line-height: 1;
  font-weight: 500;
  padding: 0 2px 10px;
  background-color: transparent;
  border-bottom: 3px solid transparent;
  cursor: pointer;
  -webkit-transition: all 400ms ease-in-out;
  -moz-transition: all 400ms ease-in-out;
  -o-transition: all 400ms ease-in-out;
  -ms-transition: all 400ms ease-in-out;
  transition: all 400ms ease-in-out; 
}

/*------------------------------------------*/
/*  TAB LINK HOVER / CURRENT
/*------------------------------------------*/

.tabs-1 li:hover {
  color: #888;
  border-color: #ccc;
}

.tabs-1 li.current,
.tabs-1 li.current:hover {
  color: #2b3648;
  border-color: #2b3648;
}

.tabs-1.tabs--blue-500, .tabs-1.tabs--blue-500 li.current:hover { color: #185abd; border-color: #185abd; }
.tabs-1.tabs--blue-400, .tabs-1.tabs--blue-500 li.current:hover { color: #009EE0; border-color: #009EE0; }
.tabs-1.tabs--blue-300, .tabs-1.tabs--blue-500 li.current:hover { color: #3eb1ff; border-color: #3eb1ff; }

.tabs-1.tabs--green-500, .tabs-1.tabs--green-500 li.current:hover { color: #00a14e; border-color: #00a14e; }
.tabs-1.tabs--green-400, .tabs-1.tabs--green-400 li.current:hover { color: #0fbc49; border-color: #0fbc49; }
.tabs-1.tabs--green-300, .tabs-1.tabs--green-300 li.current:hover { color: #6fd792; border-color: #6fd792; }

.tabs-1.tabs--pink-500, .tabs-1.tabs--pink-500 li.current:hover { color: #ff149c; border-color: #ff149c; }
.tabs-1.tabs--pink-400, .tabs-1.tabs--pink-400 li.current:hover { color: #f74780; border-color: #f74780; }
.tabs-1.tabs--pink-300, .tabs-1.tabs--pink-300 li.current:hover { color: #fcb5cc; border-color: #fcb5cc; }

.tabs-1.tabs--purple-500, .tabs-1.tabs--purple-500 li.current:hover { color: #663ae9; border-color: #663ae9; }
.tabs-1.tabs--purple-400, .tabs-1.tabs--purple-400 li.current:hover { color: #7b5dd6; border-color: #7b5dd6; }
.tabs-1.tabs--purple-300, .tabs-1.tabs--purple-300 li.current:hover { color: #bdaeea; border-color: #bdaeea; }

.tabs-1.tabs--red-500, .tabs-1.tabs--red-500 li.current:hover { color: #da0f29; border-color: #da0f29; }
.tabs-1.tabs--red-400, .tabs-1.tabs--red-400 li.current:hover { color: #ff1e1a; border-color: #ff1e1a; }
.tabs-1.tabs--red-300, .tabs-1.tabs--red-300 li.current:hover { color: #ffa5a3; border-color: #ffa5a3; }

.tabs-1.tabs--violet-500, .tabs-1.tabs--violet-500 li.current:hover { color: #c73e9b; border-color: #c73e9b; }
.tabs-1.tabs--violet-400, .tabs-1.tabs--violet-400 li.current:hover { color: #be6cbe; border-color: #be6cbe; }
.tabs-1.tabs--violet-300, .tabs-1.tabs--violet-300 li.current:hover { color: #e2bde2; border-color: #e2bde2; }

.tabs-1.tabs--yellow-500, .tabs-1.tabs--yellow-500 li.current:hover { color: #ffba01; border-color: #ffba01; }
.tabs-1.tabs--yellow-400, .tabs-1.tabs--yellow-400 li.current:hover { color: #ffbd45; border-color: #ffbd45; }
.tabs-1.tabs--yellow-300, .tabs-1.tabs--yellow-300 li.current:hover { color: #ffdf35; border-color: #ffdf35; }


/*------------------------------------------*/
/*  TOOLS LIST / PAYMENT METHODS
/*------------------------------------------*/

.tools-list,
.payment-methods {
  margin-top: 25px;
}

.tools-list p,
.payment-methods p {
  font-weight: 400;
  margin-bottom: 12px;
}

.tools-list.ico-35 [class*="flaticon-"]:before, 
.tools-list.ico-35 [class*="flaticon-"]:after { 
  line-height: 2.1875rem!important;
  margin-right: 6px;
}


/*------------------------------------------*/
/*  QUOTE
/*------------------------------------------*/ 

.quote p {
  color: #666;
  border-left: 3px solid #0195ff;
  font-style: italic;
  padding-left: 20px;
  margin-bottom: 12px;
}

/*------------------------------------------*/
/*  CONTENT BOX SHAPES
/*------------------------------------------*/ 

.cbox-5-shape-1 {
  position: absolute;
  right: 30px;
  top: -35px;
  z-index: -1;
}

.cbox-5-shape-2 {
  position: absolute;
  left: 30px;
  bottom: -25px;
  z-index: -1;
}

.cbox-5-shape-1 img,
.cbox-5-shape-2 img {
  height: 100%;
  width: 100%;
  object-fit: cover;
}

/*------------------------------------------*/
/*  IMG BLOCK IMAGE
/*------------------------------------------*/ 

.grey-img {
  filter: grayscale(100%);
}

.img-block {
  text-align: center;
}

.img-block.img-block-bkg {
  overflow: hidden;
}

.img-block.img-block-bkg img {
  padding: 60px 45px;
}

.ct-10 .img-block,
.img-block-hidden,
.bc-5-img.bc-5-dashboard.img-block-hidden {
  margin-bottom: -100px;
}

.ct-05 .img-block-hidden {
  margin-bottom: -30px;
}

.bc-5-img.bc-5-tablet.img-block-hidden {
  margin-bottom: -200px;
}

.img-block-hidden .video-btn,
.bc-5-img.bc-5-dashboard.img-block-hidden .video-btn {
  top: calc(50% - 30px);
}

.bc-5-img.bc-5-tablet.img-block-hidden .video-btn {
  top: calc(50% - 70px);
}

.ct-01 .img-block,
.ct-04 .img-block {
  margin-left: 30px;
}


.ct-03 .img-block.right-column {
  margin-left: 20px;
}

.ct-03 .img-block.left-column {
  margin-right: 20px;
}

.ct-04 .img-block img {
  max-width: none;
  display: inline-block;
}

.ct-06 .img-block {
  margin-bottom: -80px;
}

.ct-07 .img-block {
  margin-top: -80px;
}

.img-block-txt,
.img-block-btn {
  margin-top: 60px;
}

.bc-1-wrapper .img-block.left-column,
.bc-2-wrapper .img-block.left-column {
  padding-right: 10px;
}

.bc-1-wrapper .img-block.right-column,
.bc-2-wrapper .img-block.right-column {
  padding-left: 10px;
}

.bc-2-img {
  margin-left: 15px;
}

.bc-3-img {
  margin: 0 -65% -25px 15px;
}

.bc-4-img {
  margin-left: 15px;
  margin-right: -65%;
}

.bc-6-img {
  padding: 50px 30px 0;
  margin-bottom: 35px;
}

.ct-11 .img-block {
  position: relative;
  text-align: center;
  padding-left: 70px;
  z-index: 2;
}

.ct-12 .img-block {
  position: relative;
  text-align: center;
  padding-right: 70px;
  z-index: 2;
}

.ct-11 .img-block .tra-bkg,
.ct-12 .img-block .tra-bkg {
  opacity: 0;
  -moz-opacity: 0; 
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
} 







/* ==========================================================================
  10. PROJECTS
  ========================================================================== */

.projects-wrapper {
  padding: 0 10px;
}

/*------------------------------------------*/
/*  PROJECT DETAILS
/*------------------------------------------*/

#pt-1-1, #pt-1-2,
.inner-page-hero #pt-1-3, 
.inner-page-hero #pt-1-4 {
  margin-bottom: 50px;
}

.project-details h5 {
  line-height: 1;
  margin-bottom: 30px;
}

.project-preview {
  position: relative;
  overflow: hidden;
}

/*------------------------------------------*/
/*  Image Hover Overlay
/*------------------------------------------*/

.hover-overlay {
  width: 100%;
  height: auto;
  overflow: hidden;
  position: relative; 
}

.hover-overlay img {
  transform: scale(1);
  -ms-transform: scale(1);
  -webkit-transform: scale(1);
  -o-transform: scale(1);
  -moz-transform: scale(1);
  overflow: hidden;
  -webkit-transition: transform 400ms;
  -moz-transition: transform 400ms;
  -o-transition: transform 400ms;
  transition: transform 400ms;
}








/* ==========================================================================
  16. INTEGRATIONS
  =========================================================================== */

.integrations-2-wrapper {
  padding: 80px 70px;
}

.in_tool_logo {
  padding: 50px 30px;
  margin-bottom: 25px;
  -webkit-transition: all 400ms ease-in-out;
  -moz-transition: all 400ms ease-in-out;
  -o-transition: all 400ms ease-in-out;
  -ms-transition: all 400ms ease-in-out;
  transition: all 400ms ease-in-out; 
}

.integrations-1-wrapper .in_tool-logo {
  position: relative;
  margin-right: 20px;
}

.integrations-1-wrapper .in_tool {
  display: flex;
  position: relative;
  flex-flow: row wrap;
  align-items: stretch!important;
  justify-content: flex-start;
  padding: 22px 20px;
  border: 1px solid #ccc;
}

.integrations-1-wrapper .in_tool-txt {
  overflow: hidden;
  flex: 1;
  max-width: 100%;
}

.in_tool h6 {
  line-height: 1;
  margin-bottom: 0;
}

.integrations-1-wrapper .in_tool-txt h6 {
  margin-top: 5px;
}

.integrations-1-wrapper .in_tool-txt p {
  margin-top: 5px;
  margin-bottom: 0;
}

.integrations-1-wrapper .in_tool:hover {
  border-color: transparent;
  -webkit-box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .08); 
  -moz-box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .08); 
  box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .08); 
}




/* ==========================================================================
  18. TEAM
  =========================================================================== */

/*------------------------------------------*/
/*  TEAM MEMBER
/*------------------------------------------*/

#tm-2-1, #tm-2-4, #tm-2-7, #tm-2-10 { margin-right: 14px; }
#tm-2-2, #tm-2-5, #tm-2-8, #tm-2-11 { margin-left: 7px; margin-right: 7px; }
#tm-2-3, #tm-2-6, #tm-2-9, #tm-2-12 { margin-left: 14px; }

/*------------------------------------------*/
/*  TEAM MEMBER PHOTO
/*------------------------------------------*/



/*------------------------------------------*/
/*  PHOTO HOVER ZOOM
/*------------------------------------------*/ 

.team-member:hover img {
  transform: scale(1.05);
  -ms-transform: scale(1.05);
  -webkit-transform: scale(1.05);
  -o-transform: scale(1.05);
  -moz-transform: scale(1.05);
}

.team-member:hover .item-overlay {
  opacity: .45; 
  -moz-opacity: .45; 
}





/* ==========================================================================
  21. BANNER
  =========================================================================== */

.banner-overlay {
  width: 100%;
  height: 100%;
}

#banner-11 {
  margin-top: 50px;
}

#banner-12 {
  margin-top: 40px;
  margin-bottom: 10px;
}

/*------------------------------------------*/
/*  BANNER WRAPPER
/*------------------------------------------*/

.banner-1-wrapper,
.banner-2-wrapper,
.banner-3-wrapper {
  position: relative;
  overflow: hidden;
  text-align: center;
} 

.banner-1-wrapper .banner-overlay {
  padding: 75px 15% 85px;
}

.banner-2-wrapper .banner-overlay {
  padding: 80px 15% 90px;
}

.banner-3-wrapper .banner-overlay {
  padding: 75px 20% 85px;
}

.banner-11-wrapper .banner-overlay {
  padding: 10px 70px 0;
}

.banner-12-wrapper .banner-overlay {
  padding-left: 80px;
}

.banner-13-wrapper {
  overflow: hidden;
}

.banner-13-wrapper .banner-overlay {
  overflow: hidden;
  padding-left: 80px;
}

.banner-16-wrapper .banner-overlay {
  padding: 45px 22%;
}

.banner-16-wrapper.bg--white-100.block-border {
  border-color: #ccc;
}

/*------------------------------------------*/
/*  BANNER TEXT
/*------------------------------------------*/

.banner-12-txt {
  margin-top: -10px;
  padding-right: 15%;
}

.banner-13-txt {
  padding-right: 15%;
}

/*------------------------------------------*/
/*  BANNER TYPOGRAPHY
/*------------------------------------------*/

.banner-section .section-id {
  font-weight: 600;
  padding-top: 10px;
  margin-bottom: 30px;
}

.banner-1-txt h2 {
  margin-bottom: 15px;
}

.banner-2-txt h2 {
  margin-bottom: 35px;
}

.banner-4-txt h2 {
  margin-bottom: 30px;
}

.banner-7-txt h2 {
  margin-bottom: 35px;
}

.banner-10-txt h6 {
  font-weight: 400;
  margin-bottom: 12px;
}

.banner-10-txt h2 {
  margin-bottom: 25px;
}

.banner-11-txt h2,
.banner-12-txt h2,
.banner-13-txt h2 {
  margin-bottom: 22px;
}

.banner-15-txt h2 {
  margin-bottom: 45px;
}

.banner-16-txt h4 {
  margin-bottom: 14px;
}

.banner-section p.p-lg {
  font-size: 1.15rem; 
  margin-bottom: 30px;
}

.banner-section p.p-xl {
  margin-bottom: 25px;
}

.sm-title .banner-1-txt p.p-lg,
.sm-title .banner-1-txt p.p-xl {
  margin-top: 12px;
  margin-bottom: 22px!important;
}

.banner-3-txt p.p-lg,
.banner-3-txt p.p-xl,
.banner-5-txt p.p-lg,
.banner-5-txt p.p-xl {
  margin-top: 20px;
}

.banner-5-txt p.s-21,
.banner-5-txt p.s-22 {
  margin-top: 20px;
  margin-bottom: 26px;
}

.banner-6-txt p.p-lg,
.banner-6-txt p.p-xl {
  margin-top: 15px;
  margin-bottom: 25px!important;
}

.banner-8-txt p.p-lg,
.banner-8-txt p.p-xl {
  margin-top: 10px;
  margin-bottom: 0!important;
}

.banner-9-txt p.p-lg,
.banner-9-txt p.p-xl {
  margin-top: 20px;
  margin-bottom: 25px!important;
}

.banner-11-txt p {
  padding-right: 8%;
}

.banner-14-txt p.p-lg {
  font-size: 1.25rem;
  margin-top: 35px;
  margin-bottom: 40px;
}

.banner-15-txt p a {
  text-decoration: underline;
}

/*------------------------------------------*/
/*  BANNER IMAGE
/*------------------------------------------*/

.banner-11-img {
  margin-top: -60px;
  margin-left: -40px;
}

.banner-12-img {
  margin: -40px -20px -30px -40px;
}

.banner-13-img {
  transform: rotate(-20deg);
  margin: -60px -120px -70px -40px;
}




/* ==========================================================================
  22. CALL TO ACTION / DOWNLOAD
  =========================================================================== */

.version-release {
  margin-bottom: 80px;
}

.release-data {
  padding-bottom: 30px;
  border-bottom: 1px dashed #ccc;
  margin-bottom: 30px;
}

.release-data h5 {
  margin-bottom: 40px;
}

span.version-data {
  color: #353f4f;
  font-size: 2rem;
  line-height: 1;
  margin-right: 20px;
  margin-bottom: 0;
}

span.release-date {
  color: #999;
  font-size: 1.175rem;
  line-height: 1;
  margin-bottom: 0;
}

span.release-date span {
  color: #353f4f;
  font-weight: 500;
  margin-left: 20px;
}

.release-download {
  position: absolute;
  right: 5px;
  bottom: 0;
}

.release-highlights .simple-list p {
  margin-bottom: 2px;
}




/* ==========================================================================
  23. FAQS
  =========================================================================== */




/*------------------------------------------*/
/*  Answer
/*------------------------------------------*/

.accordion-panel {
  margin: 0;
  padding: 0 0 15px 0;
  display: none;
}



.question h5,
.accordion-panel-item h5 {
  margin-bottom: 20px;
}

.question h5 span,
.accordion-thumb h5 span,
.accordion-panel-item h5 span {
  margin-right: 5px;
}

.question p a, 
.accordion-panel p a {
  font-weight: 500;
  text-decoration: underline;
}

.question p.color--grey a.color--blue, 
.accordion-panel.color--grey a.color--blue {
  color: #009EE0!important;
}



/* ==========================================================================
  25. BLOG
  =========================================================================== */



/*------------------------------------------*/
/*  BLOG POST META
/*------------------------------------------*/

.post-meta-list li {
  width: auto!important;
  display: inline-block!important;
  vertical-align: top;
  clear: none !important;
}

.post-meta-list p {
  color: #353f4f;
  line-height: 1;
  margin-bottom: 0;
}

.bg--black-400 .post-meta-list p {
  color: #f8f9f9;
}

.meta-list-divider {
  position: relative;
  top: 0px;
  transform: rotate(-90deg);
  padding: 0 1px;
}

/*------------------------------------------*/
/*  BLOG POST TYPOGRAPHY
/*------------------------------------------*/

.blog-post-txt h6 {
  margin-bottom: 15px;
}

.blog-post-txt p {
  margin-bottom: 0;
}

.blog-post-txt a {
  color: #353f4f;
}

.blog-post-txt a:hover {
  text-decoration: underline;
}

.bg--black-400 .blog-post-txt a {
  color: #f8f9f9;
}

.bg--black-400 .blog-post-txt a:hover {
  color: #fff!important;
}




/* ==========================================================================
  26. BLOG LISTING
  =========================================================================== */

.wide-post {
  margin-bottom: 100px;
}

.wide-post .blog-post-img {
  padding-right: 15px;
}

.wide-post .blog-post-txt {
  padding-left: 15px;
}

.square-post {
  margin-top: 60px;
  margin-bottom: 40px;
}

.square-post-wrapper {
  overflow: hidden;
}

.square-post .blog-post-txt {
  padding: 0 30px 0 60px;
}

/*------------------------------------------*/
/*  BLOG POSTS CATEGORY
/*------------------------------------------*/

.posts-category {
  margin-top: 40px;
  margin-bottom: 60px;
}

.posts-category h4 {
  line-height: 1;
  margin-bottom: 0;
}

.posts-category span {
  position: relative;
  top: 1px;
}




/* ==========================================================================
  27. SINGLE BLOG POST
  =========================================================================== */

/*------------------------------------------*/
/*  Single Post Title
/*------------------------------------------*/

.single-post-title h3,
.single-post-title h2 {
  padding: 0 10px;
}

/*------------------------------------------*/
/*  Single Post Text
/*------------------------------------------*/

.single-post-txt h5,
.single-post-txt h4 {
  margin-top: 30px;
  margin-bottom: 30px;
}

.single-post-txt h5 span {
  display: block;
}

/*------------------------------------------*/
/*  Single Post Code
/*------------------------------------------*/

.txt-code {
  background-color: #f8f9fa;
  padding: 20px 18px;
  margin: 30px 0;
}

.txt-code p {
  color: #383a42; 
  font-size: 1rem;
  line-height: 1.75;
  margin-bottom: 0;
}

.single-post-txt p a {
  font-weight: 500;
  text-decoration: underline;
}

.txt-code span.code-property,
.txt-code p code.code-language-js {
  color: #151515;
}

.txt-code span.code-variable,
.txt-code span.code-attribute {
  color: #986801;
}

.txt-code span.code-string {
  color: #50a14f;
}

/*------------------------------------------*/
/*  Single Post Blockquote
/*------------------------------------------*/

.single-post-txt figure {
  margin-bottom: 40px;
}

.single-post-txt .blockquote p {
  font-size: 1.5rem;
  line-height: 1.45;
  margin-bottom: 40px;
}

.single-post-txt .blockquote-footer {
  font-size: 1.125rem;
}

/*------------------------------------------*/
/*  Single Post Image
/*------------------------------------------*/

.post-inner-img {
  text-align: center;
  margin-top: 50px;
  margin-bottom: 50px;
}



/*------------------------------------------*/
/*  POST AUTHOR
/*------------------------------------------*/ 

.post-author {
  display: flex;
  position: relative;
  flex-flow: row wrap;
  align-items: stretch!important;
  justify-content: flex-start;
}

.post-author-avatar {
  position: relative;
  text-align: center;
  margin-right: 35px;
}

.post-author-avatar img {  
  width: 100px;
  height: 100px;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  -o-border-radius: 100%;
  border-radius: 100%;  
}

.post-author-txt {
  overflow: hidden;
  flex: 1;
  max-width: 100%;
}

.post-author-txt h5 {
  margin-bottom: 20px;
}

.post-author-txt p {
  margin-bottom: 0;
}

/*------------------------------------------*/
/*  Follow Button
/*------------------------------------------*/ 

.author-follow-btn {
  display: inline-block;
  position: absolute;
  padding: 6px 15px;
  line-height: 1;
  top: 80px;
  right: 10px;
  border: 2px solid #ddd;
}

.author-follow-btn a {
  color: #666;
  font-size: 0.935rem;
  font-weight: 400;
}





/* ==========================================================================
  30. INNER PAGE WRAPPER
  =========================================================================== */

.inner-page-hero {
  padding-top: 180px;
}

.page-hero-section-overlay {
  position: relative;
  width: 100%;
  padding-top: 150px;
}

.page-hero-section-overlay .txt-block {
  margin-top: -40px;
}

.page-hero-section .wave-shape-bottom path {
  fill: #fff;
}






/* ==========================================================================
  32. TERMS, PRIVACY, COOKIES PAGES
  =========================================================================== */




/* ==========================================================================
  33. SIGN-IN / SIGN-UP PAGE
  =========================================================================== */




/*------------------------------------------*/
/*  REGISTER PAGE TITLE
/*------------------------------------------*/

.register-form-title {
  text-align: center;
  margin-bottom: 40px;
}

.register-form-title h3 {
  line-height: 1;
  margin-bottom: 10px;
}

.register-form-title p {
  margin-bottom: 0;
}

.register-form-title a {
  font-weight: 500;
  text-decoration: underline;
}



/*------------------------------------------*/
/*  REGISTER PAGE FORM
/*------------------------------------------*/

.register-page-form {
  padding: 60px;
}

/*------------------------------------------*/
/*  REGISTER PAGE TYPOGRAPHY
/*------------------------------------------*/

.reset-password-link p {
  position: relative;
  font-size: 0.9rem;
  line-height: 1;
  margin-top: -8px;
  margin-bottom: 10px;
}



/*------------------------------------------*/
/*  REGISTER PAGE SEPARATOR LINE
/*------------------------------------------*/

.separator-line {
  display: flex;
  width: 100%;
  -webkit-box-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  align-items: center;
  text-align: center;
  font-size: 0.9rem;
  font-weight: 500;
  margin: 25px 0px 30px;
}

.separator-line::before, 
.separator-line::after {
  content: "";
  border-top: 2px solid rgba(0, 0, 0, .1);
  margin: 0 15px 0 0;
  flex: 1 0 20px;
}

.separator-line::after {
  margin: 0 0 0 15px;
}


.reset-page-wrapper .form-control,
.register-page-form .form-control,
.reset-page-wrapper .input,
.register-page-form .input,
.register-page-form #somfrp_user_info,
#reset-pass-submit {
  height: 60px;
  background-color: #d9f1fa!important;
  border: 1px solid transparent;
  color: #fff;
  font-size: 0.95rem;
  line-height: 1;
  font-weight: 400;
  margin-bottom: 25px;
  padding: 5px 20px;
   -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  -webkit-transition: all 300ms ease-in-out;
  -moz-transition: all 300ms ease-in-out;
  -o-transition: all 300ms ease-in-out;
  -ms-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
  display: block;
  width: 100%;
  color: #333;
}

.reset-page-wrapper label,
.register-page-form label,
.reset-page-wrapper label,
.register-page-form label {
    position: relative;
    color: #353f4f;
    font-size: 0.85rem;
    line-height: 1;
    font-weight: 500;
    margin-bottom: 12px;
    padding-left: 5px;
}

.reset-page-wrapper #wp-submit,
.register-page-form #wp-submit {
    width: 100%;
    height: 60px;
    color: #fff!important;
    border-color: #009EE0!important;
    background-color: #009EE0!important;
    padding: 0.8rem 1.7rem;
    font-size: 1rem;
    line-height: 1;
    font-weight: 500;
    padding: 0.9rem 1.8rem;
    border: 2px solid transparent;
    -webkit-transition: all 400ms ease-in-out;
    -moz-transition: all 400ms ease-in-out;
    -o-transition: all 400ms ease-in-out;
    -ms-transition: all 400ms ease-in-out;
    transition: all 400ms ease-in-out;
    user-select: none;
    border-radius: 6px;
}


.reset-page-wrapper .form-control {
  text-align: center;
}

.register-page-form .form-control::-moz-placeholder { color: #999; } 
.register-page-form .form-control:-ms-input-placeholder { color: #999; } 
.register-page-form .form-control::-webkit-input-placeholder { color: #999; } 



.reset-page-wrapper .form-control:focus,
.register-page-form .form-control:focus {
  outline: 0px none;
  box-shadow: none;
  background-color: #fcfdfd;
  border-color: #009EE0;
}




/* ==========================================================================
  34. PAGE 404
  =========================================================================== */

.page-404-txt {
  padding-top: 180px;
  padding-bottom: 100px;
}

.page-404-txt h2 {
  margin-bottom: 20px;
}

.page-404-txt h6 {
  line-height: 1.6;
  font-weight: 400;
  padding: 0 5%;
  margin-bottom: 30px;
}

.page-404-img {
  padding: 0 5%;
  margin-bottom: 60px;
}





/*------------------------------------------*/
/*  MODAL WINDOW CLOSE BUTTON
/*------------------------------------------*/ 

.modal .btn-close {
  position: absolute;
  z-index: 1;
  right: 15px!important;
  top: 15px!important;
  height: 1.5rem;
  width: 1.5rem;
  background: rgba(255, 255, 255, 1)!important;
  border-radius: 50%;
  padding: 0;
  opacity: .9;
  z-index: 9999;
}

#modal-3.modal .btn-close {
  background: rgba(14, 14, 14, .3)!important;
}

.btn-close span {
  position: relative;
  line-height: 24px!important;
  top: -2px;
}

.modal .btn-close.ico-10 [class^="flaticon-"]:before, 
.modal .btn-close.ico-10 [class^="flaticon-"]:after {
  font-size: 0.6rem;
}

button.btn-close:focus {
  outline: none!important;
  text-decoration: none!important;
}


/*------------------------------------------*/
/*  Form Input Focus
/*------------------------------------------*/

.modal .newsletter-form .form-control:focus {
  outline: 0;
  box-shadow: none;
  border-color: #1e90ff;
}

.modal .newsletter-form.purple-focus .form-control:focus {
  border-color: #8863ee;
}

/*------------------------------------------*/
/*  Form Input Placeholder
/*------------------------------------------*/

.modal .newsletter-form .form-control::-moz-placeholder { color: #aaa; } 
.modal .newsletter-form .form-control:-ms-input-placeholder { color: #aaa; } 
.modal .newsletter-form .form-control::-webkit-input-placeholder { color: #aaa; } 




/* ==========================================================================
  37. COLOR SCHEME
  ========================================================================== */ 

.bg--theme,
.shape--blue-400:after { 
  background-color: #009EE0; 
}

.btn--theme {
  color: #fff!important;
  border-color: #009EE0!important;
  background-color: #009EE0!important;
}

.hover--theme:hover,
.white-scroll .scroll .hover--theme:hover,
.black-scroll .scroll .hover--theme:hover {
  color: #fff!important;
  border-color: #185abd!important;
  background-color: #185abd!important;
}

.theme--dark .white-scroll .scroll .hover--theme:hover {
  color: #fff!important;
  border-color: #185abd!important;
  background-color: #185abd!important;
}

.theme--dark .white-scroll .hover--theme:hover {
  color: #fff!important;
  border-color: #185abd!important;
  background-color: #185abd!important;
}

.color--theme, 
.color--theme h1, 
.color--theme h2, 
.color--theme h3, 
.color--theme h4, 
.color--theme h5, 
.color--theme h6, 
.color--theme p, 
.color--theme a, 
.color--theme li, 
.color--theme i, 
.color--theme span,
.color--white .color--theme { color: #009EE0!important; }

.loading--theme .loader { 
  border-color: transparent #009EE0; 
}

.loading--theme .loader::after {
  border-color: transparent rgba(22, 128, 251, .15); 
}

.nav-theme .sm-info { 
  background-color: #009EE0; 
}

.wsmenu > .wsmenu-list.nav-theme > li > ul.sub-menu > li > a:hover,
.wsmenu > .wsmenu-list.nav-theme > li > .wsmegamenu.w-75 ul.link-list > li > a:hover,
.wsmenu > .wsmenu-list.nav-theme > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover {
  color: #009EE0!important;
}

.hero-section .quick-form .form-control:focus {
  border-color: #009EE0;
}


.tabs-1.tabs--theme, 
.tabs-1.tabs--theme li.current:hover,
.faqs-section .tabs--theme .tabs-1 li.current,
.faqs-section .tabs--theme .tabs-1 li.current:hover { 
  color: #009EE0; 
  border-color: #009EE0; 
}

.faqs-section .tabs--theme .tabs-1 li.current,
.faqs-section .tabs--theme .tabs-1 li.current:hover {
  background-color: #009EE0;
  border-color: #009EE0!important;
}


.shape-ico.color--theme path,
.shape-ico.color--theme path,
.shape-ico.color--theme path {
  fill: #f4f9fc;
}

.theme-pagination .page-item.active .page-link {
  color: #fff!important;
  background-color: #009EE0;
  border: 2px solid #009EE0;
}