/* ////////////////////////////////////////////////////   STYLING   ////////////////////////////// */
/*
           ######   #######  ##        #######  ########
          ##    ## ##     ## ##       ##     ## ##     ##
          ##       ##     ## ##       ##     ## ##     ##
          ##       ##     ## ##       ##     ## ########
          ##       ##     ## ##       ##     ## ##   ##
          ##    ## ##     ## ##       ##     ## ##    ##
           ######   #######  ########  #######  ##     ##
*/

/* --------------------  Kolory  ---------------------- */

*.c-white, *.c-white p, *.c-white h1, *.c-white h2, *.c-white h3, *.c-white h4, *.c-white h5, *.c-white h6,
*.c-white::before,    *.c-white::after,    *.c-white *::before,   *.c-white *::after,
.bg-white > .btn:hover, .btn.bg-white:hover,
.style-dark .bg-white > .btn > i,.style-dark .btn.bg-white > i,.style-dark .bg-white > .btn span,.style-dark .btn.bg-white span,
.section-title.c-white h1, .section-title.c-white h4
{ color: #fff !important; }

*.c-blue, *.c-blue p, *.c-blue h1, *.c-blue h2, *.c-blue h3, *.c-blue h4, *.c-blue h5, *.c-blue h6,
*.c-blue::before,    *.c-blue::after,    *.c-blue *::before,   *.c-blue *::after,
.bg-blue > .btn:hover, .btn.bg-blue:hover,
.style-dark .bg-blue > .btn > i,.style-dark .btn.bg-blue > i,.style-dark .bg-blue > .btn span,.style-dark .btn.bg-blue span,
.section-title.c-blue h1, .section-title.c-blue h4
{ color: #35c1fd !important; }

*.c-blue2, *.c-blue2 p, *.c-blue2 h1, *.c-blue2 h2, *.c-blue2 h3, *.c-blue2 h4, *.c-blue2 h5, *.c-blue2 h6,
*.c-blue2::before,   *.c-blue2::after,   *.c-blue2 *::before,  *.c-blue2 *::after,
.bg-blue2 > .btn:hover, .btn.bg-blue2:hover,
.style-dark .bg-blue2 > .btn > i,.style-dark .btn.bg-blue2 > i,.style-dark .bg-blue2 > .btn span,.style-dark .btn.bg-blue2 span,
.section-title.c-blue2 h1, .section-title.c-blue2 h4
{ color: #3074d8 !important; }

*.c-navy, *.c-navy p, *.c-navy h1, *.c-navy h2, *.c-navy h3, *.c-navy h4, *.c-navy h5, *.c-navy h6,
*.c-navy::before,    *.c-navy::after,    *.c-navy *::before,   *.c-navy *::after,
.bg-navy > .btn:hover, .btn.bg-navy:hover,
.style-dark .bg-navy > .btn > i,.style-dark .btn.bg-navy > i,.style-dark .bg-navy > .btn span,.style-dark .btn.bg-navy span,
.section-title.c-navy h1, .section-title.c-navy h4
{ color: #01478a !important; }

*.c-green, *.c-green p, *.c-green h1, *.c-green h2, *.c-green h3, *.c-green h4, *.c-green h5, *.c-green h6,
*.c-green::before,   *.c-green::after,   *.c-green *::before,  *.c-green *::after,
.bg-green > .btn:hover, .btn.bg-green:hover,
.style-dark .bg-green > .btn > i,.style-dark .btn.bg-green > i,.style-dark .bg-green > .btn span,.style-dark .btn.bg-green span,
.section-title.c-green h1, .section-title.c-green h4
{ color: #99cc00 !important; }

*.c-green2, *.c-green2 p, *.c-green2 h1, *.c-green2 h2, *.c-green2 h3, *.c-green2 h4, *.c-green2 h5, *.c-green2 h6,
*.c-green2::before,  *.c-green2::after,  *.c-green2 *::before, *.c-green2 *::after,
.bg-green2 > .btn:hover, .btn.bg-green2:hover,
.style-dark .bg-green2 > .btn > i,.style-dark .btn.bg-green2 > i,.style-dark .bg-green2 > .btn span,.style-dark .btn.bg-green2 span,
.section-title.c-green2 h1, .section-title.c-green2 h4
{ color: #05c193 !important; }

*.c-yellow, *.c-yellow p, *.c-yellow h1, *.c-yellow h2, *.c-yellow h3, *.c-yellow h4, *.c-yellow h5, *.c-yellow h6,
*.c-yellow::before,  *.c-yellow::after,  *.c-yellow *::before, *.c-yellow *::after,
.bg-yellow > .btn:hover, .btn.bg-yellow:hover,
.style-dark .bg-yellow > .btn > i,.style-dark .btn.bg-yellow > i,.style-dark .bg-yellow > .btn span,.style-dark .btn.bg-yellow span,
.section-title.c-yellow h1, .section-title.c-yellow h4
{ color: #ffc25e !important; }

*.c-orange, *.c-orange p, *.c-orange h1, *.c-orange h2, *.c-orange h3, *.c-orange h4, *.c-orange h5, *.c-orange h6,
*.c-orange::before,  *.c-orange::after,  *.c-orange *::before, *.c-orange *::after,
.bg-orange > .btn:hover, .btn.bg-orange:hover,
.style-dark .bg-orange > .btn > i,.style-dark .btn.bg-orange > i,.style-dark .bg-orange > .btn span,.style-dark .btn.bg-orange span,
.section-title.c-orange h1, .section-title.c-orange h4
{ color: #f38927 !important; }

*.c-red, *.c-red p, *.c-red h1, *.c-red h2, *.c-red h3, *.c-red h4, *.c-red h5, *.c-red h6,
*.c-red::before,     *.c-red::after,     *.c-red *::before,    *.c-red *::after,
.bg-red > .btn:hover, .btn.bg-red:hover,
.style-dark .bg-red > .btn > i,.style-dark .btn.bg-red > i,.style-dark .bg-red > .btn span,.style-dark .btn.bg-red span,
.section-title.c-red h1, .section-title.c-red h4
{ color: #ff0033 !important; }

*.c-purple, *.c-purple p, *.c-purple h1, *.c-purple h2, *.c-purple h3, *.c-purple h4, *.c-purple h5, *.c-purple h6,
*.c-purple::before,  *.c-purple::after,  *.c-purple *::before, *.c-purple *::after,
.bg-purple > .btn:hover, .btn.bg-purple:hover,
.style-dark .bg-purple > .btn > i,.style-dark .btn.bg-purple > i,.style-dark .bg-purple > .btn span,.style-dark .btn.bg-purple span,
.section-title.c-purple h1, .section-title.c-purple h4
{ color: #4d398b !important; }

*.c-grey, .c-grey p, .c-grey h1, .c-grey h2, .c-grey h3, .c-grey h4, .c-grey h5, .c-grey h6,
*.c-grey::before,  *.c-grey::after,  *.c-grey *::before, *.c-grey *::after,
.bg-grey > .btn:hover, .btn.bg-grey:hover,
.style-dark .bg-grey > .btn > i,.style-dark .btn.bg-grey > i,.style-dark .bg-grey > .btn span,.style-dark .btn.bg-grey span,
.section-title.c-grey h1, .section-title.c-grey h4
{ color: #323952 !important; }

*.c-dark, .c-dark p, .c-dark h1, .c-dark h2, .c-dark h3, .c-dark h4, .c-dark h5, .c-dark h6,
*.c-dark::before,  *.c-dark::after,  *.c-dark *::before, *.c-dark *::after,
.bg-dark > .btn:hover, .btn.bg-dark:hover,
.style-dark .bg-dark > .btn > i,.style-dark .btn.bg-dark > i,.style-dark .bg-dark > .btn span,.style-dark .btn.bg-dark span,
.section-title.c-dark h1, .section-title.c-dark h4
{ color: #4e5469 !important; }

*.c-dark2, .c-dark2 p, .c-dark2 h1, .c-dark2 h2, .c-dark2 h3, .c-dark2 h4, .c-dark2 h5, .c-dark2 h6,
*.c-dark2::before,  *.c-dark2::after,  *.c-dark2 *::before, *.c-dark2 *::after,
.bg-dark2 > .btn:hover, .btn.bg-dark2:hover,
.style-dark .bg-dark2 > .btn > i,.style-dark .btn.bg-dark2 > i,.style-dark .bg-dark2 > .btn span,.style-dark .btn.bg-dark2 span,
.section-title.c-dark2 h1, .section-title.c-dark2 h4
{ color: #2b2b29 !important; }

*.c-black, .c-black p, .c-black h1, .c-black h2, .c-black h3, .c-black h4, .c-black h5, .c-black h6,
*.c-black::before,  *.c-black::after,  *.c-black *::before, *.c-black *::after,
.bg-black > .btn:hover, .btn.bg-black:hover,
.style-dark .bg-black > .btn > i,.style-dark .btn.bg-black > i,.style-dark .bg-black > .btn span,.style-dark .btn.bg-black span,
.section-title.c-black h1, .section-title.c-black h4
{ color: #000 !important; }



/* ////////////////////////////////////////////////////   STYLING   ////////////////////////////// */
/*
          ########   ######
          ##     ## ##    ##
          ##     ## ##
          ########  ##   ####
          ##     ## ##    ##
          ##     ## ##    ##
          ########   ######
*/

/* --------------------  Kolory teł  ---------------------- */

*.bg-white,
.style-dark .bg-white > .btn:hover, .style-dark .btn.bg-white:hover
{ background-color: #fff !important; border-color: #fff !important; }

*.bg-blue,
.style-dark .bg-blue > .btn:hover, .style-dark .btn.bg-blue:hover
{ background-color: #35c1fd !important; border-color: #35c1fd !important; }

*.bg-blue2,
.style-dark .bg-blue2 > .btn:hover, .style-dark .btn.bg-blue2:hover
{ background-color: #3074d8 !important; border-color: #3074d8 !important; }

*.bg-navy,
.style-dark .bg-navy > .btn:hover, .style-dark .btn.bg-navy:hover
{ background-color: #01478a !important; border-color: #01478a !important; }

*.bg-green,
.style-dark .bg-green > .btn:hover, .style-dark .btn.bg-green:hover
{ background-color: #99cc00 !important; border-color: #99cc00 !important; }

*.bg-green2,
.style-dark .bg-green2 > .btn:hover, .style-dark .btn.bg-green2:hover
{ background-color: #05c193 !important; border-color: #05c193 !important; }

*.bg-yellow,
.style-dark .bg-yellow > .btn:hover, .style-dark .btn.bg-yellow:hover
{ background-color: #ffc25e !important; border-color: #ffc25e !important; }

*.bg-orange,
.style-dark .bg-orange > .btn:hover, .style-dark .btn.bg-orange:hover
{ background-color: #f38927 !important; border-color: #f38927 !important; }

*.bg-red,
.style-dark .bg-red > .btn:hover, .style-dark .btn.bg-red:hover
{ background-color: #ff0033 !important; border-color: #ff0033 !important; }

*.bg-purple,
.style-dark .bg-purple > .btn:hover, .style-dark .btn.bg-purple:hover
{ background-color: #4d398b !important; border-color: #4d398b !important; }

*.bg-dark,
.style-dark .bg-dark > .btn:hover, .style-dark .btn.bg-dark:hover
{ background-color:#4e5469 !important; border-color: #4e5469 !important; }

*.bg-dark2,
.style-dark .bg-dark2 > .btn:hover, .style-dark .btn.bg-dark2:hover
{ background-color:#2b2b29 !important; border-color: #2b2b29 !important; }

*.bg-black,
.style-dark .bg-black > .btn:hover, .style-dark .btn.bg-black:hover
{ background-color:#000 !important; border-color: #000 !important; }

*.bg-light,
.style-dark .bg-light > .btn:hover, .style-dark .btn.bg-light:hover
{ background-color:#eeeeee !important; border-color: #eeeeee !important; }

*.bg-light-blue,
.style-dark .bg-light-blue > .btn:hover, .style-dark .btn.bg-light-blue:hover
{ background-color:#daeaf7 !important; border-color: #daeaf7 !important; }

*.bg-transparent,
.style-dark .bg-transparent > .btn:hover, .style-dark .btn.bg-transparent:hover
{ background: transparent !important;  border-color: transparent !important; }



/* ////////////////////////////////////////////////////   STYLING   ////////////////////////////// */
/*
          ########   #######  ########  ########  ######## ########
          ##     ## ##     ## ##     ## ##     ## ##       ##     ##
          ##     ## ##     ## ##     ## ##     ## ##       ##     ##
          ########  ##     ## ########  ##     ## ######   ########
          ##     ## ##     ## ##   ##   ##     ## ##       ##   ##
          ##     ## ##     ## ##    ##  ##     ## ##       ##    ##
          ########   #######  ##     ## ########  ######## ##     ##
*/

/* --------------------  Kolory borderów  ---------------------- */

*[class*="arrow-"].c-white
{ border-color: #fff; }

*[class*="arrow-"].c-blue
{ border-color: #35c1fd; }

*[class*="arrow-"].c-blue2
{ border-color: #3074d8; }

*[class*="arrow-"].c-navy
{ border-color: #01478a; }

*[class*="arrow-"].c-green
{ border-color: #99cc00; }

*[class*="arrow-"].c-green2
{ border-color: #05c193; }

*[class*="arrow-"].c-yellow
{ border-color: #ffc25e; }

*[class*="arrow-"].c-orange
{ border-color: #f38927; }

*[class*="arrow-"].c-red
{ border-color: #ff0033; }

*[class*="arrow-"].c-purple
{ border-color: #4d398b; }

*[class*="arrow-"].c-grey
{ border-color: #323952; }