/*
| --------------------------------------------------------

| Version : 1.2
| Theme Date : 07/08/2018
| Modified Date : 12/09/2018
| Platforms : HTML5, CSS3, Bootstrap4, JS, Jquery, Sass
| Theme Author : Yankee Themes

| Author Contact : enquiry[at]yankeeinfoweb[dot]com
| Tags : yankeethemes, yankeeinfoweb, webdesign, boostrap, wordpress, support, html, responsive, css3, wellorganized, retina, animation, html5, sass, support
| File : yit-theme.css
| --------------------------------------------------------
*/


/*
| --------------------------------------------------------
| TABLE OF CSS CONTENT
| --------------------------------------------------------
| Import All CSS
| Trypography CSS
| Font Variation CSS
| Icon Box CSS
| Button CSS
| Button Variation CSS
| Background Color CSS
| Text Color CSS
| Form Control CSS
| Social Icon CSS
*/


/* NOTE: This file contains the styling for the Theme Template. You can edit/add anything in this file! */


/* Import CSS BOF
========================================================== */

.btn {
    background: #e91e63;
    color: #ffffff;
    padding: 12px 22px;
    -webkit-transition: all 0.4s ease-in-out 0s;
    -moz-transition: all 0.4s ease-in-out 0s;
    -ms-transition: all 0.4s ease-in-out 0s;
    -o-transition: all 0.4s ease-in-out 0s;
    transition: all 0.4s ease-in-out 0s;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.btn:hover,
.btn:focus,
.btn:active,
.btn.active {
    background: #C2185B;
    color: #ffffff;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.form-control {
    background-color: transparent;
    color: #333333;
    padding: 10px 15px;
    height: 47px;
    font-size: 14px;
    font-weight: 500;
    border-width: 1px;
    border-style: solid;
    border-color: #ced4da;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-transition: all 0.4s ease-in-out 0s;
    -moz-transition: all 0.4s ease-in-out 0s;
    -ms-transition: all 0.4s ease-in-out 0s;
    -o-transition: all 0.4s ease-in-out 0s;
    transition: all 0.4s ease-in-out 0s;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.form-control:focus {
    border-color: #e91e63;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    background-color: transparent;
}


/* Body CSS BOF
========================================================== */

body {
    font-family: "Roboto", sans-serif;
    font-size: calc(14px + (15 - 14) * ((100vw - 320px) / (1600 - 320)));
    line-height: 1.7;
    color: #333333;
    background: #ffffff;
    font-weight: 400;
}


/* Alternate Fonts Variations */

.font-dosis {
    font-family: "Dosis", sans-serif;
}

.font-poppins {
    font-family: "Poppins", sans-serif;
}

.font-oswald {
    font-family: "Oswald", sans-serif;
}

.font-source-sans {
    font-family: "Source Sans Pro", sans-serif;
}

.font-playfair {
    font-family: "Playfair Display", serif;
}

.font-rubik {
    font-family: "Rubik", sans-serif;
}

.font-dancing-script {
    font-family: "Dancing Script", cursive;
}

.font-muli {
    font-family: "Muli", sans-serif;
}

.font-roboto {
    font-family: "Roboto", sans-serif;
}

.font-josefin-sans {
    font-family: "Josefin Sans", sans-serif;
}


/* Hyper Link CSS BOF
========================================================== */

a {
    -webkit-transition: all 0.5s ease-in-out 0s;
    -moz-transition: all 0.5s ease-in-out 0s;
    -ms-transition: all 0.5s ease-in-out 0s;
    -o-transition: all 0.5s ease-in-out 0s;
    transition: all 0.5s ease-in-out 0s;
    color: #6f6f6f;
}

a:hover,
a:focus,
a:active,
a.active {
    color: #000;
}


/* Heading CSS BOF
========================================================== */

h1,
h2,
h3,
h4,
h5,
h6 {
    margin-top: 0;
    margin-bottom: 0;
    line-height: 1.5;
    font-family: "Montserrat", sans-serif;
    font-weight: 600;
}

h1 {
    font-size: 2.5rem;
}

h2 {
    font-size: 2.25rem;
}

h3 {
    font-size: 2rem;
}

h4 {
    font-size: 1.875rem;
}

h5 {
    font-size: 1.625rem;
}

h6 {
    font-size: 1.18rem;
}


/* Poppins Font Heading Variation */

.heading-poppins h1,
.heading-poppins h2,
.heading-poppins h3,
.heading-poppins h4,
.heading-poppins h5,
.heading-poppins h6,
h1.heading-poppins,
h2.heading-poppins,
h3.heading-poppins,
h4.heading-poppins,
h5.heading-poppins,
h6.heading-poppins {
    font-family: "Poppins", sans-serif;
}

.heading-poppins h1,
.heading-poppins h2,
.heading-poppins h3 {
    font-weight: 700;
}

.heading-poppins h4,
.heading-poppins h5,
.heading-poppins h6 {
    font-weight: 500;
}


/* Dosis Font Heading Variation */

.heading-dosis h1,
.heading-dosis h2,
.heading-dosis h3,
.heading-dosis h4,
.heading-dosis h5,
.heading-dosis h6,
h1.heading-dosis,
h2.heading-dosis,
h3.heading-dosis,
h4.heading-dosis,
h5.heading-dosis,
h6.heading-dosis {
    font-family: "Dosis", sans-serif;
}


/* Oswald Font Heading Variation */

.heading-oswald h1,
.heading-oswald h2,
.heading-oswald h3,
.heading-oswald h4,
.heading-oswald h5,
.heading-oswald h6,
h1.heading-oswald,
h2.heading-oswald,
h3.heading-oswald,
h4.heading-oswald,
h5.heading-oswald,
h6.heading-oswald {
    font-family: "Oswald", sans-serif;
}


/* Source Sans Font Heading Variation */

.heading-source-sans h1,
.heading-source-sans h2,
.heading-source-sans h3,
.heading-source-sans h4,
.heading-source-sans h5,
.heading-source-sans h6,
h1.heading-source-sans,
h2.heading-source-sans,
h3.heading-source-sans,
h4.heading-source-sans,
h5.heading-source-sans,
h6.heading-source-sans {
    font-family: "Source Sans Pro", sans-serif;
}


/* Playfair Font Heading Variation */

.heading-playfair h1,
.heading-playfair h2,
.heading-playfair h3,
.heading-playfair h4,
.heading-playfair h5,
.heading-playfair h6,
h1.heading-playfair,
h2.heading-playfair,
h3.heading-playfair,
h4.heading-playfair,
h5.heading-playfair,
h6.heading-playfair {
    font-family: "Playfair Display", serif;
}


/* Rubik Font Heading Variation */

.heading-dancing-script h1,
.heading-rubik h2,
.heading-rubik h3,
.heading-rubik h4,
.heading-rubik h5,
.heading-rubik h6,
h1.heading-rubik,
h2.heading-rubik,
h3.heading-rubik,
h4.heading-rubik,
h5.heading-rubik,
h6.heading-rubik {
    font-family: "Rubik", sans-serif;
    font-weight: 500;
}


/* Rubik Font Heading Variation */

.heading-dancing-script h1,
.heading-dancing-script h2,
.heading-dancing-script h3,
.heading-dancing-script h4,
.heading-dancing-script h5,
.heading-dancing-script h6,
h1.heading-dancing-script,
h2.heading-dancing-script,
h3.heading-dancing-script,
h4.heading-dancing-script,
h5.heading-dancing-script,
h6.heading-dancing-script {
    font-family: "Dancing Script", cursive;
    font-weight: 500;
}


/* Muli Font Heading Variation */

.heading-muli h1,
.heading-muli h2,
.heading-muli h3,
.heading-muli h4,
.heading-muli h5,
.heading-muli h6,
h1.heading-muli,
h2.heading-muli,
h3.heading-muli,
h4.heading-muli,
h5.heading-muli,
h6.heading-muli {
    font-family: "Muli", sans-serif;
}


/* Roboto Font Heading Variation */

.heading-roboto h1,
.heading-roboto h2,
.heading-roboto h3,
.heading-roboto h4,
.heading-roboto h5,
.heading-roboto h6,
h1.heading-roboto,
h2.heading-roboto,
h3.heading-roboto,
h4.heading-roboto,
h5.heading-roboto,
h6.heading-roboto {
    font-family: "Roboto", sans-serif;
}


/* J Font Heading Variation */

.heading-josefin-sans h1,
.heading-josefin-sans h2,
.heading-josefin-sans h3,
.heading-josefin-sans h4,
.heading-josefin-sans h5,
.heading-josefin-sans h6,
h1.heading-josefin-sans,
h2.heading-josefin-sans,
h3.heading-josefin-sans,
h4.heading-josefin-sans,
h5.heading-josefin-sans,
h6.heading-josefin-sans {
    font-family: "Josefin Sans", sans-serif;
}


/* Typography CSS BOF
========================================================== */

.font-weight-thin {
    font-weight: 100 !important;
}

.font-weight-extra-light {
    font-weight: 200 !important;
}

.font-weight-light {
    font-weight: 300 !important;
}

.font-weight-regular {
    font-weight: 400 !important;
}

.font-weight-medium {
    font-weight: 500 !important;
}

.font-weight-semibold {
    font-weight: 600 !important;
}

.font-weight-bold {
    font-weight: 700 !important;
}

.font-weight-xtrabold {
    font-weight: 800 !important;
}

.font-weight-black {
    font-weight: 900 !important;
}

.font-italic {
    font-style: italic;
}

.line-height-normal {
    line-height: normal;
}


/* Font Size Variation CSS BOF
========================================================== */

.font-xxlarge {
    font-size: 6.125rem;
}

.font-xlarge {
    font-size: 5.125rem;
}

.font-large {
    font-size: 3.125rem;
}

.font-medium {
    font-size: 2.813rem;
}

.font-small {
    font-size: 2.125rem;
}

.font-xsmall {
    font-size: 1.75rem;
}

.font-xxsmall {
    font-size: 1.2rem;
}

.font-xxxsmall {
    font-size: 0.9rem;
}

.font-extrasmall {
    font-size: 0.83rem;
}

.font-inherit {
    font-size: inherit;
}


/* Image / Icon Variation CSS BOF
========================================================== */

.img-circle {
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    border-radius: 100px;
}

.img-round {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.img-rounded {
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

.img-xxrounded {
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
}

.img-shadow {
    -webkit-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.1);
}

.img-shadow-dark {
    -webkit-box-shadow: 0 7px 20px 0 rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 7px 20px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 7px 20px 0 rgba(0, 0, 0, 0.1);
}


/* Icon Size CSS BOF */

.icon-large {
    font-size: 50px;
}

.icon-medium {
    font-size: 40px;
}

.icon-small {
    font-size: 30px;
}

.icon-xsmall {
    font-size: 25px;
}


/* Icon Variation CSS BOF */

.icon-circle {
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    border-radius: 100px;
    width: 80px;
    height: 80px;
    line-height: 80px;
}

.icon-circle-small {
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    border-radius: 100px;
    width: 60px;
    height: 60px;
    line-height: 60px;
}

.icon-flat {
    width: 80px;
    height: 80px;
    line-height: 80px;
}

.icon-round {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    width: 80px;
    height: 80px;
    line-height: 80px;
}

.icon-rounded {
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    width: 80px;
    height: 80px;
    line-height: 80px;
}

.icon-border {
    border-style: solid;
    border-width: 1px;
    width: 80px;
    height: 80px;
    line-height: 80px;
}

.icon-shadow {
    -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.3);
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.3);
}

.icon-shadow-dark {
    -webkit-box-shadow: 0 7px 20px 0 rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 7px 20px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 7px 20px 0 rgba(0, 0, 0, 0.1);
}

.icon-mini {
    width: 35px;
    height: 35px;
    line-height: 35px;
    font-size: 30px;
}


/* Responsive CSS BOF */

@media (max-width: 767px) {
    .icon-circle {
        margin: 15px auto;
    }
}


/* Button Variation CSS BOF
========================================================== */


/* Default Button */

.btn {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}


/* Border Button */

.btn-border {
    border: solid 1px #e91e63;
    color: #e91e63;
    background: none;
}


/* Radius Button */

.btn-radius {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}


/* Rounded Button */

.btn-rounded {
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
}


/* Circle Button */

.btn-circle {
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    border-radius: 100px;
}


/* Button Size CSS BOF */

.btn-large {
    padding: 22px 32px;
}

.btn-medium {
    padding: 16px 25px;
}

.btn-small {
    padding: 13px 22px;
}

.btn-xsmall {
    padding: 10px 15px;
}

.btn-xxsmall {
    padding: 7px 10px;
}

.btn-xxxsmall {
    padding: 5px 8px;
    font-size: .85rem;
}

.btn:hover i,
.btn:focus i,
.btn:active i,
.btn.active i {
    padding-left: 15px;
}


/* Shadow Button */

.btn-shadow {
    -webkit-box-shadow: 0px 2px 2px 0 rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0px 2px 2px 0 rgba(0, 0, 0, 0.3);
    box-shadow: 0px 2px 2px 0 rgba(0, 0, 0, 0.3);
}

.btn-shadow:hover,
.btn-shadow:focus,
.btn-shadow:active,
.btn-shadow.active {
    -webkit-box-shadow: 0px 2px 2px 0 rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0px 2px 2px 0 rgba(0, 0, 0, 0.3);
    box-shadow: 0px 2px 2px 0 rgba(0, 0, 0, 0.3);
}


/* Button Color Variation CSS BOF
========================================================== */

.btn-white {
    background: #ffffff;
    color: #000;
}

.btn-white:hover,
.btn-white:focus,
.btn-white:active,
.btn-white.active {
    background: #000;
    color: #ffffff;
}

.btn-black {
    background: #000;
    color: #ffffff;
}

.btn-black:hover,
.btn-black:focus,
.btn-black:active,
.btn-black.active {
    background: #ffffff;
    color: #000;
}

.btn-blue {
    background: #2cc6ff;
    color: #ffffff;
}

.btn-blue:hover,
.btn-blue:focus,
.btn-blue:active,
.btn-blue.active {
    background: #009cd6;
}

.btn-red {
    background: #ec161e;
    color: #ffffff;
}

.btn-red:hover,
.btn-red:focus,
.btn-red:active,
.btn-red.active {
    background: #cd0007;
}

.btn-purple {
    background: #9C27B0;
    color: #ffffff;
}

.btn-purple:hover,
.btn-purple:focus,
.btn-purple:active,
.btn-purple.active {
    background: #7B1FA2;
}

.btn-indigo {
    background: #3F51B5;
    color: #ffffff;
}

.btn-indigo:hover,
.btn-indigo:focus,
.btn-indigo:active,
.btn-indigo.active {
    background: #303F9F;
}

.btn-cyan {
    background: #00BCD4;
    color: #ffffff;
}

.btn-cyan:hover,
.btn-cyan:focus,
.btn-cyan:active,
.btn-cyan.active {
    background: #0097A7;
}

.btn-teal {
    background: #009688;
    color: #ffffff;
}

.btn-teal:hover,
.btn-teal:focus,
.btn-teal:active,
.btn-teal.active {
    background: #00796B;
}

.btn-green {
    background: #4CAF50;
    color: #ffffff;
}

.btn-green:hover,
.btn-green:focus,
.btn-green:active,
.btn-green.active {
    background: #388E3C;
}

.btn-yellow {
    background: #FFEB3B;
    color: #000;
}

.btn-yellow:hover,
.btn-yellow:focus,
.btn-yellow:active,
.btn-yellow.active {
    background: #FBC02D;
    color: #000;
}

.btn-orange {
    background: #FF5722;
    color: #ffffff;
}

.btn-orange:hover,
.btn-orange:focus,
.btn-orange:active,
.btn-orange.active {
    background: #E64A19;
}

.btn-brown {
    background: #795548;
    color: #ffffff;
}

.btn-brown:hover,
.btn-brown:focus,
.btn-brown:active,
.btn-brown.active {
    background: #5D4037;
}

.btn-grey {
    background: #9E9E9E;
    color: #ffffff;
}

.btn-grey:hover,
.btn-grey:focus,
.btn-grey:active,
.btn-grey.active {
    background: #616161;
}


/* Button Border Variation CSS BOF
========================================================== */

.btn-white-border {
    background: transparent;
    border: solid 1px #ffffff;
    color: #ffffff;
}

.btn-white-border:hover,
.btn-white-border:focus,
.btn-white-border:active,
.btn-white-border.active {
    background: #ffffff;
    color: #000;
}

.btn-black-border {
    background: transparent;
    border: solid 1px #000;
    color: #000;
}

.btn-black-border:hover,
.btn-black-border:focus,
.btn-black-border:active,
.btn-black-border.active {
    background: #000;
    color: #ffffff;
}

.btn-pink-border {
    background: transparent;
    border: solid 1px #e91e63;
    color: #e91e63;
}

.btn-pink-border:hover,
.btn-pink-border:focus,
.btn-pink-border:active,
.btn-pink-border.active {
    background: #e91e63;
    color: #ffffff;
}

.btn-blue-border {
    background: transparent;
    border: solid 1px #2cc6ff;
    color: #2cc6ff;
}

.btn-blue-border:hover,
.btn-blue-border:focus,
.btn-blue-border:active,
.btn-blue-border.active {
    background: #2cc6ff;
    color: #ffffff;
}

.btn-red-border {
    background: transparent;
    border: solid 1px #ec161e;
    color: #ec161e;
}

.btn-red-border:hover,
.btn-red-border:focus,
.btn-red-border:active,
.btn-red-border.active {
    background: #ec161e;
    color: #ffffff;
}

.btn-purple-border {
    background: transparent;
    border: solid 1px #9C27B0;
    color: #9C27B0;
}

.btn-purple-border:hover,
.btn-purple-border:focus,
.btn-purple-border:active,
.btn-purple-border.active {
    background: #9C27B0;
    color: #ffffff;
}

.btn-indigo-border {
    background: transparent;
    border: solid 1px #3F51B5;
    color: #3F51B5;
}

.btn-indigo-border:hover,
.btn-indigo-border:focus,
.btn-indigo-border:active,
.btn-indigo-border.active {
    background: #3F51B5;
    color: #ffffff;
}

.btn-cyan-border {
    background: transparent;
    border: solid 1px #00BCD4;
    color: #00BCD4;
}

.btn-cyan-border:hover,
.btn-cyan-border:focus,
.btn-cyan-border:active,
.btn-cyan-border.active {
    background: #00BCD4;
    color: #ffffff;
}

.btn-teal-border {
    background: transparent;
    border: solid 1px #009688;
    color: #009688;
}

.btn-teal-border:hover,
.btn-teal-border:focus,
.btn-teal-border:active,
.btn-teal-border.active {
    background: #009688;
    color: #ffffff;
}

.btn-green-border {
    background: transparent;
    border: solid 1px #4CAF50;
    color: #4CAF50;
}

.btn-green-border:hover,
.btn-green-border:focus,
.btn-green-border:active,
.btn-green-border.active {
    background: #4CAF50;
    color: #ffffff;
}

.btn-orange-border {
    background: transparent;
    border: solid 1px #FF5722;
    color: #FF5722;
}

.btn-orange-border:hover,
.btn-orange-border:focus,
.btn-orange-border:active,
.btn-orange-border.active {
    background: #FF5722;
    color: #ffffff;
}

.btn-brown-border {
    background: transparent;
    border: solid 1px #795548;
    color: #795548;
}

.btn-brown-border:hover,
.btn-brown-border:focus,
.btn-brown-border:active,
.btn-brown-border.active {
    background: #5D4037;
    color: #ffffff;
}

.btn-grey-border {
    background: transparent;
    border: solid 1px #9E9E9E;
    color: #9E9E9E;
}

.btn-grey-border:hover,
.btn-grey-border:focus,
.btn-grey-border:active,
.btn-grey-border.active {
    background: #9E9E9E;
    color: #ffffff;
}

.btn-yellow-border {
    background: transparent;
    border: solid 1px #FFEB3B;
    color: #000;
}

.btn-yellow-border:hover,
.btn-yellow-border:focus,
.btn-yellow-border:active,
.btn-yellow-border.active {
    background: #FFEB3B;
    color: #000;
}


/* Background Color CSS BOF
========================================================== */

.primary-color-bg {
    background-color: #333333;
    color: #ffffff;
}

.blue-color-bg {
    background-color: #2cc6ff;
    color: #ffffff;
}

.white-color-bg {
    background-color: #ffffff;
    color: #333333;
}

.black-color-bg {
    background-color: #000;
    color: #ffffff;
}

.pink-color-bg {
    background-color: #e91e63;
    color: #ffffff;
}

.red-color-bg {
    background-color: #ec161e;
    color: #ffffff;
}

.purple-color-bg {
    background-color: #9C27B0;
    color: #ffffff;
}

.indigo-color-bg {
    background-color: #3F51B5;
    color: #ffffff;
}

.cyan-color-bg {
    background-color: #00BCD4;
    color: #ffffff;
}

.teal-color-bg {
    background-color: #009688;
    color: #ffffff;
}

.green-color-bg {
    background-color: #4CAF50;
    color: #ffffff;
}

.yellow-color-bg {
    background-color: #FFEB3B;
    color: #000;
}

.orange-color-bg {
    background-color: #FF5722;
    color: #ffffff;
}

.brown-color-bg {
    background-color: #795548;
    color: #ffffff;
}

.grey-color-bg {
    background-color: #9E9E9E;
    color: #ffffff;
}

.light-grey-color-bg {
    background-color: #f8f8f8;
}

.dark-grey-black-color-bg {
    background-color: #161616;
    color: #ffffff;
}

.light-grey-black-color-bg {
    background-color: #252525;
    color: #ffffff;
}

.light-medium-grey-color-bg {
    background-color: #ededed;
}

.light-extra-grey-color-bg {
    background-color: #e0e0e0;
}

.black-extra-grey-color-bg {
    background-color: #2d3135;
    color: #ffffff;
}

.bg-dark-transparent {
    background-color: rgba(0, 0, 0, 0.8);
}

.bg-extra-dark-transparent {
    background-color: rgba(0, 0, 0, 0.9);
}

.bg-dark-light-transparent {
    background-color: rgba(0, 0, 0, 0.5);
}

.space-grey-color-bg {
    background-color: #222328;
    color: #ffffff;
}

.space-grey-light-color-bg {
    background-color: #f3f7f9;
}


/* Text Color CSS BOF
========================================================== */

.primary-color-text {
    color: #333333;
}

.blue-color-text {
    color: #2cc6ff;
}

.white-color-text {
    color: #ffffff;
}

.black-color-text {
    color: #000;
}

.pink-color-text {
    color: #e91e63;
}

.red-color-text {
    color: #ec161e;
}

.purple-color-text {
    color: #9C27B0;
}

.indigo-color-text {
    color: #3F51B5;
}

.cyan-color-text {
    color: #00BCD4;
}

.teal-color-text {
    color: #009688;
}

.green-color-text {
    color: #4CAF50;
}

.yellow-color-text {
    color: #FFEB3B;
}

.orange-color-text {
    color: #FF5722;
}

.brown-color-text {
    color: #795548;
}

.grey-color-text {
    color: #9E9E9E;
}

.dark-grey-black-color-text {
    color: #161616;
}

.light-grey-black-color-text {
    color: #252525;
}

.light-medium-grey-color-text {
    color: #ededed;
}

.light-extra-grey-color-text {
    color: #e0e0e0;
}


/* Border Color CSS BOF
========================================================== */

.primary-color-border {
    border-color: #333333;
}

.blue-color-border {
    border-color: #2cc6ff;
}

.white-color-border {
    border-color: #ffffff;
}

.black-color-border {
    border-color: #000;
}

.pink-color-border {
    border-color: #e91e63;
}

.red-color-border {
    border-color: #ec161e;
}

.purple-color-border {
    border-color: #9C27B0;
}

.indigo-color-border {
    border-color: #3F51B5;
}

.cyan-color-border {
    border-color: #00BCD4;
}

.teal-color-border {
    border-color: #009688;
}

.green-color-border {
    border-color: #4CAF50;
}

.yellow-color-border {
    border-color: #FFEB3B;
}

.orange-color-border {
    border-color: #FF5722;
}

.brown-color-border {
    border-color: #795548;
}

.grey-color-border {
    border-color: #9E9E9E;
}


/* Hyperlink Color Variation CSS BOF
========================================================== */

.link-white {
    color: #ffffff;
}

.link-white:hover,
.link-white:focus,
.link-white:active,
.link-white.active {
    color: #ffffff;
}

.link-black {
    color: #000;
}

.link-black:hover,
.link-black:focus,
.link-black:active,
.link-black.active {
    color: #000;
}

.link-pink {
    color: #e91e63;
}

.link-pink:hover,
.link-pink:focus,
.link-pink:active,
.link-pink.active {
    color: #C2185B;
}

.link-red {
    color: #ec161e;
}

.link-red:hover,
.link-red:focus,
.link-red:active,
.link-red.active {
    color: #cd0007;
}

.link-purple {
    color: #9C27B0;
}

.link-purple:hover,
.link-purple:focus,
.link-purple:active,
.link-purple.active {
    color: #7B1FA2;
}

.link-indigo {
    color: #3F51B5;
}

.link-indigo:hover,
.link-indigo:focus,
.link-indigo:active,
.link-indigo.active {
    color: #303F9F;
}

.link-cyan {
    color: #00BCD4;
}

.link-cyan:hover,
.link-cyan:focus,
.link-cyan:active,
.link-cyan.active {
    color: #0097A7;
}

.link-teal {
    color: #009688;
}

.link-teal:hover,
.link-teal:focus,
.link-teal:active,
.link-teal.active {
    color: #00796B;
}

.link-green {
    color: #4CAF50;
}

.link-green:hover,
.link-green:focus,
.link-green:active,
.link-green.active {
    color: #388E3C;
}

.link-yellow {
    color: #FFEB3B;
}

.link-yellow:hover,
.link-yellow:focus,
.link-yellow:active,
.link-yellow.active {
    color: #FBC02D;
    color: #000;
}

.link-orange {
    color: #FF5722;
}

.link-orange:hover,
.link-orange:focus,
.link-orange:active,
.link-orange.active {
    color: #E64A19;
}

.link-brown {
    color: #795548;
}

.link-brown:hover,
.link-brown:focus,
.link-brown:active,
.link-brown.active {
    color: #5D4037;
}

.link-grey {
    color: #9E9E9E;
}

.link-grey:hover,
.link-grey:focus,
.link-grey:active,
.link-grey.active {
    color: #616161;
}


/* Form Control CSS BOF
========================================================== */

.form-control {
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
}


/* Form Control Variation CSS BOF */

.input-radius .form-control,
.input-radius.form-control {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.input-rect-round .form-control,
.input-rect-round.form-control {
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
}

.input-rect-rounded .form-control,
.input-rect-rounded.form-control {
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
}

.input-shadow .form-control,
.input-shadow.form-control {
    -webkit-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.1);
}

.input-light .form-control {
    border-color: rgba(255, 255, 255, 0.2) !important;
}

.input-light .form-control:focus {
    border-color: #e91e63 !important;
}


/* Input Light Placeholder CSS BOF */

.common-form.input-light .form-control::-webkit-input-placeholder {
    color: rgba(255, 255, 255, 0.7);
    opacity: .5;
}

.common-form.input-light .form-control:-ms-input-placeholder {
    color: rgba(255, 255, 255, 0.7);
    opacity: .5;
}

.common-form.input-light .form-control::-ms-input-placeholder {
    color: rgba(255, 255, 255, 0.7);
    opacity: .5;
}

.common-form.input-light .form-control::placeholder {
    color: rgba(255, 255, 255, 0.7);
    opacity: .5;
}

.common-form.input-light .form-control::-moz-placeholder {
    color: rgba(255, 255, 255, 0.7);
    opacity: .5;
}

.common-form.input-light .form-control:-ms-input-placeholder {
    color: rgba(255, 255, 255, 0.7);
    opacity: .5;
}

.common-form.input-light .form-control::-webkit-input-placeholder {
    color: rgba(255, 255, 255, 0.7);
    opacity: .5;
}

.common-form.input-light .form-control::-o-input-placeholder {
    color: rgba(255, 255, 255, 0.7);
    opacity: .5;
}


/* Input Dark Placeholder CSS BOF */

.common-form.input-dark .form-control::-webkit-input-placeholder {
    color: rgba(0, 0, 0, 0.7);
    opacity: .5;
}

.common-form.input-dark .form-control:-ms-input-placeholder {
    color: rgba(0, 0, 0, 0.7);
    opacity: .5;
}

.common-form.input-dark .form-control::-ms-input-placeholder {
    color: rgba(0, 0, 0, 0.7);
    opacity: .5;
}

.common-form.input-dark .form-control::placeholder {
    color: rgba(0, 0, 0, 0.7);
    opacity: .5;
}

.common-form.input-dark .form-control::-moz-placeholder {
    color: rgba(0, 0, 0, 0.7);
    opacity: .5;
}

.common-form.input-dark .form-control:-ms-input-placeholder {
    color: rgba(0, 0, 0, 0.7);
    opacity: .5;
}

.common-form.input-dark .form-control::-webkit-input-placeholder {
    color: rgba(0, 0, 0, 0.7);
    opacity: .5;
}

.common-form.input-dark .form-control::-o-input-placeholder {
    color: rgba(0, 0, 0, 0.7);
    opacity: .5;
}


/* Form Border Variation CSS BOF
========================================================== */

.input-white-border .form-control {
    border-color: #ffffff;
}

.input-white-border .form-control:focus {
    border-color: #000;
}

.input-black-border .form-control {
    border-color: #000;
}

.input-black-border .form-control:focus {
    border-color: #ffffff;
}

.input-pink-border .form-control {
    border-color: #e91e63;
}

.input-pink-border .form-control:focus {
    border-color: #C2185B;
}

.input-red-border .form-control {
    border-color: #ec161e;
}

.input-red-border .form-control:focus {
    border-color: #cd0007;
}

.input-purple-border .form-control {
    border-color: #9C27B0;
}

.input-purple-border .form-control:focus {
    border-color: #7B1FA2;
}

.input-indigo-border .form-control {
    border-color: #3F51B5;
}

.input-indigo-border .form-control:focus {
    border-color: #303F9F;
}

.input-cyan-border .form-control {
    border-color: #00BCD4;
}

.input-cyan-border .form-control:focus {
    border-color: #0097A7;
}

.input-teal-border .form-control {
    border-color: #009688;
}

.input-teal-border .form-control:focus {
    border-color: #00796B;
}

.input-green-border .form-control {
    border-color: #4CAF50;
}

.input-green-border .form-control:focus {
    border-color: #388E3C;
}

.input-orange-border .form-control {
    border-color: #FF5722;
}

.input-orange-border .form-control:focus {
    border-color: #E64A19;
}

.input-brown-border .form-control {
    border-color: #795548;
}

.input-brown-border .form-control:focus {
    border-color: #5D4037;
}

.input-grey-border .form-control {
    border-color: #9E9E9E;
}

.input-grey-border .form-control:focus {
    border-color: #616161;
}


/* Social Icon Variation CSS BOF
========================================================== */

.social-circle a {
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    border-radius: 100px;
}

.social-round a {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.social-rounded a {
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

.social-shadow a {
    -webkit-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.1);
}


/* Social Icon Variation CSS BOF
========================================================== */

.tab-circle .nav-link {
    font-size: 35px;
    width: 80px;
    height: 80px;
    line-height: 80px;
    -webkit-border-radius: 100px !important;
    -moz-border-radius: 100px !important;
    border-radius: 100px !important;
}

.tab-round .nav-link {
    -webkit-border-radius: 5px !important;
    -moz-border-radius: 5px !important;
    border-radius: 5px !important;
}

.tab-rounded .nav-link {
    -webkit-border-radius: 10px !important;
    -moz-border-radius: 10px !important;
    border-radius: 10px !important;
}

.tab-shadow .nav-link {
    -webkit-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.1) !important;
    -moz-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.1) !important;
    box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.1) !important;
}


/* Social Icon Variation CSS BOF
========================================================== */

.yit-pagination.style-1 .page-link {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

.pagination-radius .page-link {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.pagination-rounded .page-link,
.pagination-rounded .page-item:first-child .page-link,
.pagination-rounded .page-item:last-child .page-link {
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    border-radius: 40px;
}

.pagination-shadow .page-link {
    -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1);
}

.pagination-circle .page-link,
.pagination-circle .page-item:first-child .page-link,
.pagination-circle .page-item:last-child .page-link {
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    border-radius: 100px;
    width: 35px;
    height: 35px;
    line-height: 35px;
    padding: 0;
    text-align: center;
}


/* OWL Navigation Variation CSS BOF
========================================================== */

.owl-theme.owl-nav-circle .owl-nav [class*="owl-"] {
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    border-radius: 100px;
}

.owl-theme.owl-nav-circle .owl-nav [class*="owl-"]:hover,
.owl-theme.owl-nav-circle .owl-nav [class*="owl-"]:focus,
.owl-theme.owl-nav-circle .owl-nav [class*="owl-"]:active {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

.owl-theme.owl-nav-round .owl-nav [class*="owl-"] {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.owl-theme.owl-nav-rounded .owl-nav [class*="owl-"] {
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

.owl-theme.owl-nav-shadow .owl-nav [class*="owl-"] {
    -webkit-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.1);
}

.owl-theme.owl-nav-shadow .owl-nav [class*="owl-"]:hover,
.owl-theme.owl-nav-shadow .owl-nav [class*="owl-"]:focus,
.owl-theme.owl-nav-shadow .owl-nav [class*="owl-"]:active {
    -webkit-box-shadow: 0 1px 7px 0 rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 1px 7px 0 rgba(0, 0, 0, 0.3);
    box-shadow: 0 1px 7px 0 rgba(0, 0, 0, 0.3);
}