/*
*************************************************************
*
*   Author: Vlad Karpov
*   Version: Codeweapon CSS Framework v1.0.0 (http://)
*   Copyright: 2016 codeweapon.com
*   Licensed: under MIT (https://)
*   FileName: codeweapon-frm.css
*
*************************************************************
*/



/* &&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&& */
/*                                                            */
/*                     Bare Necessity Styles                  */
/*                                                            */
/* &&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&& */


/*  Global
---------------------------------------------------------------------------------------------
--------------------------------------------------------------------------------------------- */

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
    display: block;
}

div,
dl, dt, dd, ul, ol, li,
h1, h2, h3, h4, h5, h6,
blockquote,
p,
pre,
form,
th, td {
    margin: 0;
    padding: 0;
}

ul,
ol,
dl {
    line-height: 1.6;
    margin-bottom: 1rem;
    list-style-position: outside;
}

li {
    font-size: inherit;
}

ul {
    list-style-type: circle;
    margin-left: 1.25rem;
}

ol {
    margin-left: 1.25rem;
}

ul ul, ol ul, ul ol, ol ol {
    margin-left: 1.25rem;
    margin-bottom: 0;
}

dl {
    margin-bottom: 1rem;
}

dl dt {
    margin-bottom: 0.3rem;
    font-weight: bold;
}


/*  Headings
---------------------------------------------------------------------------------------------
--------------------------------------------------------------------------------------------- */

h1, .h1, .supertitle,
h2, .h2,
h3, .h3,
h4, .h4,
h5, .h5,
h6, .h6 {
    margin-top: 0;
    margin-bottom: 0.625rem; /* 10px */
    text-rendering: optimizeLegibility;
    font: normal 100% "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
    font-style: normal;
    color: inherit;
}
.supertitle,
h1, .h1 { font-size: 3.375rem; line-height: 3.875rem; }        /* f-s:54px, l-h:62px */
h2, .h2 { font-size: 2.5rem; line-height: 3rem;} 			   /* f-s:40px, l-h:48px */
h3, .h3 { font-size: 2.25rem; line-height: 2.75rem;} 		   /* f-s:36px, l-h:44px */
h4, .h4 { font-size: 1.875rem; line-height: 2.375rem;} 		   /* f-s:30px, l-h:38px */
h5, .h5 { font-size: 1.5rem; line-height: 2.125rem;} 		   /* f-s:24px, l-h:34px */
h6, .h6 { font-size: 1.125rem; line-height: 1.625rem;} 		   /* f-s:18px, l-h:26px */

/*  Typography
---------------------------------------------------------------------------------------------
--------------------------------------------------------------------------------------------- */

p {
    margin-bottom: 1.5rem; /* 24px */
    line-height: 1.625rem; /* 26px */
    text-rendering: optimizeLegibility;
    font-size: inherit;

}

em,
i {
    font-style: italic;
    line-height: inherit;
}

strong,
b {
    font-weight: bold;
    line-height: inherit;
}

small {
    /* get parent's font size reduced by 20% */
    font-size: 80%;
    line-height: inherit;
}

blockquote {
    margin: 0 0 1rem;
    padding: 0.5625rem 1.25rem 0 1.1875rem;
    border-left: 1px solid #cacaca;
}

blockquote, blockquote p {
    line-height: 1.6;
    color: #8a8a8a;
}

cite {
    display: block;
    font-size: 0.8125rem;
    color: #8a8a8a; }

cite:before {
    content: '\2014 \0020';
}

abbr {
    color: #0a0a0a;
    cursor: help;
    border-bottom: 1px dotted #0a0a0a;
}

code { /* A piece of computer code tag */
    font-family: Consolas, "Liberation Mono", Courier, monospace;
    font-weight: normal;
    color: #0a0a0a;
    background-color: #e6e6e6;
    border: 1px solid #cacaca;
    padding: 0.125rem 0.3125rem 0.0625rem;
}


kbd { /* Keyboard input tag */
    padding: 0.125rem 0.25rem 0;
    margin: 0;
    background-color: #e6e6e6;
    color: #0a0a0a;
    font-family: Consolas, "Liberation Mono", Courier, monospace;
}


/*  Media objects
---------------------------------------------------------------------------------------------
--------------------------------------------------------------------------------------------- */

img {
    /* make all images responsive */
    /*display: block;*/
    max-width: 100%;
    padding: 0;
    border: 0;
    height: auto;
    vertical-align: middle;
    /*display: inline-block;*/
        -ms-interpolation-mode: bicubic;
}

img.fill {
    width: 100%;
}

img.normal {
    /* make all images responsive */
    display: block;
    width: auto;
    max-width: none;
    height: auto;
}

img.right {
    float: right;
    margin: 0 0 25px 40px;
}

img.left {
    float: left;
    margin: 0 40px 25px 0;
}

.img-round {
    border-radius: 50%;
}


/*  Forms
---------------------------------------------------------------------------------------------
--------------------------------------------------------------------------------------------- */

textarea {
    height: auto;
    min-height: 50px;
    border-radius: 0; }

select {
    width: 100%;
    border-radius: 0; }

/*  Buttons
---------------------------------------------------------------------------------------------
--------------------------------------------------------------------------------------------- */

button {
    -webkit-appearance: none;
    -moz-appearance: none;
    background: transparent;
    padding: 0;
    border: 0;
    border-radius: 0;
    line-height: 1;
}

[data-whatinput='mouse'] button {
    outline: 0;
}

/*  Helpers
=============================================================================================
============================================================================================= */

.hidden {
    display: none;
}

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

.rounded-10 {
    border-radius: 10px;
}
.rounded-8 {
    border-radius: 8px;
}
.rounded-6 {
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    -o-border-radius: 6px;
    border-radius: 6px;
}
.rounded-4 {
    border-radius: 4px;
}
.rounded-2 {
    border-radius: 2px;
}
.rounded-max {
    -moz-border-radius: 1000px;
    -webkit-border-radius: 1000px;
    -o-border-radius: 1000px;
    border-radius: 1000px;    
}

/*  Responsive Helpers
---------------------------------------------------------------------------------------------
--------------------------------------------------------------------------------------------- */

.is-visible {
    display: block !important; 
}
.is-hidden {
    display: none !important; 
}
.one-thirds {
    width: 33.33333333333333%;
}
.two-thirds {
    width: 66.66666666666666%;
}

/*  Links
---------------------------------------------------------------------------------------------
--------------------------------------------------------------------------------------------- */
a {
    color: #2199e8;
    text-decoration: none;
    line-height: inherit;
    cursor: pointer;
}

a:hover, a:focus {
    color: #1585cf;
}

a img {
    border: 0;
}

/*  Other
---------------------------------------------------------------------------------------------
--------------------------------------------------------------------------------------------- */

hr {
    max-width: 75rem;
    height: 0;
    border-right: 0;
    border-top: 0;
    border-bottom: 1px solid #cacaca;
    border-left: 0;
    margin: 1.25rem auto;
    clear: both;
}

/*  Lists
---------------------------------------------------------------------------------------------
--------------------------------------------------------------------------------------------- */

.no-bullets {
    margin-left: 0;
}
.no-bullets-reset {
    margin: 0;
    padding: 0;
}

.no-bullets-inline,
.no-bullets-inline li,
.no-bullets-inline li a,
.no-bullets-reset li,
.no-bullets-reset li a {
    margin: 0;
    padding: 0;
}
.no-bullets,
.no-bullets-reset,
.no-bullets-inline {
    list-style: none;
}

.no-bullets-inline li {
    display: inline-block;
    vertical-align: middle;
}

.no-bullets-inline li a{
    display: block;
}

.text-left {
    text-align: left;
}

.text-right {
    text-align: right;
}

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

.text-justify {
    text-align: justify;
}

/*  Margins
---------------------------------------------------------------------------------------------
--------------------------------------------------------------------------------------------- */
/* margin 30px */
.mrg-t-30 {
    margin-top: 30px;
}
.mrg-r-30 {
    margin-right: 30px;
}
.mrg-b-30 {
    margin-bottom: 30px;
}
.mrg-l-30 {
    margin-left: 30px;
}

/* margin 20px */
.mrg-t-20 {
    margin-top: 20px;
}
.mrg-r-20 {
    margin-right: 20px;
}
.mrg-b-20 {
    margin-bottom: 20px;
}
.mrg-l-20 {
    margin-left: 20px;
}

/*  Padding - Horizontal
---------------------------------------------------------------------------------------------
--------------------------------------------------------------------------------------------- */

/*  don't change the order of classes below */

.p-h-15 [class*="grid-"]:not([class*="p-h-"]),
[class*="grid-"].p-h-15 {
    padding-left: 1.102941176471%;        /*  15px / 1360px  */
    padding-right: 1.102941176471%;
}

.p-h-40 [class*="grid-"]:not([class*="p-h-"]),
[class*="grid-"].p-h-40 {
    padding-left: 2.941176470588%;        /*  40px / 1360px  */
    padding-right: 2.941176470588%;
}

.p-h-55 [class*="grid-"]:not([class*="p-h-"]),
[class*="grid-"].p-h-55 {
    padding-left: 4.044117647059%;        /*  55px / 1360px  */
    padding-right: 4.044117647059%;
}

.p-h-80 [class*="grid-"]:not([class*="p-h-"]),
[class*="grid-"].p-h-80 {
    padding-left: 5.882352941176%;        /*  80px / 1360px  */
    padding-right: 5.882352941176%;
}

/* reset edge paddings for first & last columns */

.p-h-edgeclear [class*="grid-"]:first-child {
    padding-left: 0;
    /*border: 2px solid red;*/
}

.p-h-edgeclear [class*="grid-"]:last-child {
    padding-right: 0;
    /*border: 2px solid red;*/
}


/*  Buttons
=============================================================================================
============================================================================================= */

.btn {
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
    line-height: 1.42857143;
    vertical-align: middle;
    font-size: 14px;
    font-weight: normal;
    text-align: center;
    white-space: nowrap;
    cursor: pointer;
    user-select: none;
    touch-action: manipulation;
    -ms-touch-action: manipulation;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;

}

.btn:focus,
.btn:active:focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn.active.focus {
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
}
.btn:hover,
.btn:focus,
.btn.focus {
    color: #333;
    text-decoration: none;
}
.btn:active,
.btn.active {
    background-image: none;
    outline: 0;
    -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
}

/* Custom Added Button Classes*/

.btn.btn-outline-inverse,
.btn.btn-outline-inverse:visited {
    color: #fff;
    border: 2px solid #fff;
}

.btn.btn-outline-inverse:hover,
.btn-outline-inverse:active,
.btn-outline-inverse:focus {
    color: #fff;
}


/*  Container Color Overlay
=============================================================================================
============================================================================================= */

.overlay-target:before {
    position: absolute;
    content:" ";
    top:0;
    left:0;
    width:100%;
    height:100%;
    display: block;
    z-index:0;
}
.overlay-target,
.overlay-target * {
    position: relative;
    /* hack to not overlay elements inside container */
}

.bg-black:before { background: rgba(0, 0, 17, 0.65); }
.bg-red:before { background-color: rgba(255,0,0,0.5); }
.bg-blue:before { background-color: rgba(0,0,255,0.5); }
.bg-green:before{ background-color: rgba(0,255,0,0.5); }
.bg-orange:before { background-color: rgba(146, 82, 0, 0.6); }