/*!
 * Project_Name: Creativo
 * Author: Themezy
 * Email: support@themezy.com
 * Url: http://themezy.com
 */
/*=========================================== 
 * Importing CSS Libraries
 *===========================================*/
 article,
 aside,
 details,
 figcaption,
 figure,
 footer,
 header,
 hgroup,
 nav,
 section,
 summary {
   display: block; }
 
 audio,
 canvas,
 video {
   display: inline-block; }
 
 audio:not([controls]) {
   display: none;
   height: 0; }
 
 [hidden], template {
   display: none; }
 
 html {
   background: #fff;
   color: #000;
   -webkit-text-size-adjust: 100%;
   -ms-text-size-adjust: 100%; }
 
 html,
 button,
 input,
 select,
 textarea {
   font-family: sans-serif; }
 
 body {
   margin: 0; }
 
 a {
   background: transparent; }
   a:focus {
     outline: thin dotted; }
   a:hover, a:active {
     outline: 0; }
 
 h1 {
   font-size: 2em;
   margin: 0.67em 0; }
 
 h2 {
   font-size: 1.5em;
   margin: 0.83em 0; }
 
 h3 {
   font-size: 1.17em;
   margin: 1em 0; }
 
 h4 {
   font-size: 1em;
   margin: 1.33em 0; }
 
 h5 {
   font-size: 0.83em;
   margin: 1.67em 0; }
 
 h6 {
   font-size: 0.75em;
   margin: 2.33em 0; }
 
 abbr[title] {
   border-bottom: 1px dotted; }
 
 b,
 strong {
   font-weight: bold; }
 
 dfn {
   font-style: italic; }
 
 mark {
   background: #ff0;
   color: #000; }
 
 code,
 kbd,
 pre,
 samp {
   font-family: monospace, serif;
   font-size: 1em; }
 
 pre {
   white-space: pre;
   white-space: pre-wrap;
   word-wrap: break-word; }
 
 q {
   quotes: "\201C" "\201D" "\2018" "\2019"; }
 
 q:before,
 q:after {
   content: '';
   content: none; }
 
 small {
   font-size: 80%; }
 
 sub,
 sup {
   font-size: 75%;
   line-height: 0;
   position: relative;
   vertical-align: baseline; }
 
 sup {
   top: -0.5em; }
 
 sub {
   bottom: -0.25em; }
 
 img {
   border: 0; }
 
 svg:not(:root) {
   overflow: hidden; }
 
 figure {
   margin: 0; }
 
 fieldset {
   border: 1px solid #c0c0c0;
   margin: 0 2px;
   padding: 0.35em 0.625em 0.75em; }
 
 legend {
   border: 0;
   padding: 0;
   white-space: normal; }
 
 button,
 input,
 select,
 textarea {
   font-family: inherit;
   font-size: 100%;
   margin: 0;
   vertical-align: baseline; }
 
 button,
 input {
   line-height: normal; }
 
 button,
 select {
   text-transform: none; }
 
 button,
 html input[type="button"],
 input[type="reset"],
 input[type="submit"] {
   -webkit-appearance: button;
   cursor: pointer; }
 
 button[disabled],
 input[disabled] {
   cursor: default; }
 
 input[type="checkbox"],
 input[type="radio"] {
   -moz-box-sizing: border-box;
        box-sizing: border-box;
   padding: 0; }
 
 input[type="search"] {
   -webkit-appearance: textfield;
   -moz-box-sizing: content-box;
   box-sizing: content-box; }
 
 input[type="search"]::-webkit-search-cancel-button,
 input[type="search"]::-webkit-search-decoration {
   -webkit-appearance: none; }
 
 button::-moz-focus-inner, input::-moz-focus-inner {
   border: 0;
   padding: 0; }
 
 textarea {
   overflow: auto;
   vertical-align: top; }
 
 table {
   border-collapse: collapse;
   border-spacing: 0; }
 
 *, *:before, *:after {
   -moz-box-sizing: border-box;
        box-sizing: border-box; }
 
 /*
  * Global Styles
  */
 body {
   color: #fff;
   font-family: Museo, Raleway, "Open Sans", sans-serif;
   font-size: 18px;
   font-weight: 300;
   line-height: normal;
   /* background-image: -webkit-radial-gradient(circle, #39323e, #262029); */
   /* background-image: radial-gradient(circle, #39323e, #262029); */
   /* background-size: cover; */
   background-atachment: fixed;
   /* position: relative; */
   /* background: rgba(0,0,0,0.8); */
   /* height: 100vh; */
   }
 
 h1, h2, h3, h4, h5, h6 {
   font-weight: 700;
   margin: 0 0 20px; }
 
 hr {
   border: none;
   border-bottom: 1px solid #777; }
 
 ul, ol {
   margin: 0;
   padding-left: 0; }
 
 a {
   text-decoration: none;
   color: #ffb936; }
 
 address {
   font-style: normal; }
 
 p {
   margin-top: 0; }
 
 form input, form textarea, form select {
   outline: none;
   border: 2px solid #4c4551;
   background: #262029;
   padding: 10px 20px;
   border-radius: 30px; }
 form select {
   -webkit-appearance: none;
   -moz-appearance: none;
   appearance: none; }
 form textarea {
   resize: vertical; }
 
 .center-aligned {
   text-align: center; }
 
 .right-aligned {
   text-align: right; }
 
 .container.shrinked {
   padding: 0 200px; }
   @media screen and (min-width: 991px) and (max-width: 1200px) {
     .container.shrinked {
       padding: 0 100px; } }
   @media screen and (max-width: 990px) {
     .container.shrinked {
       padding: 0 20px; } }
 
 @font-face {
   font-family: "Deftone Stylus";
   font-weight: normal;
   font-style: normal;
   src: url("fonts/deftone.ttf") format("truetype"); }
 @font-face {
   font-family: "Museo";
   font-weight: 300;
   font-style: normal;
   src: url("fonts/Museo300-Regular.otf"); }
 @font-face {
   font-family: "Museo";
   font-weight: 500;
   font-style: normal;
   src: url("fonts/Museo500-Regular.otf"); }
 @font-face {
   font-family: "Museo";
   font-weight: 700;
   font-style: normal;
   src: url("fonts/Museo700-Regular.otf"); }
 /*
  * Reusable Components Style
  */
 .button, form input[type="submit"], form button, form input[type="reset"] {
   display: inline-block;
   background-image: -webkit-linear-gradient(#012555, #0248a5);
   background-image: linear-gradient(#012555, #0248a5);
   padding: 8px 25px;
   border-radius: 20px;
   color: white;
   border-top: 1px solid #1b304d;
   box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
   font-size: 18px;
   font-size: 1em;
   position: relative;
   z-index: 1;
   overlfow: hidden;
   border-left: none;
   border-right: none;
   border-bottom: none;
   outline: none;
   font-weight: 300;
   -webkit-transition: .3s ease;
   transition: .3s ease;
   }
   .button:focus, form input[type="submit"]:focus, form button:focus, form input[type="reset"]:focus {
     outline: none; }
   .button:hover, form input[type="submit"]:hover, form button:hover, form input[type="reset"]:hover, .button:focus, form input[type="submit"]:focus, form button:focus, form input[type="reset"]:focus {
     background: #ffb936;
     }
 
 .container {
   margin-right: auto;
   margin-left: auto;
   padding-left: 15px;
   padding-right: 15px;
   *zoom: 1; }
   .container:after {
     content: " ";
     clear: both;
     display: block;
     overflow: hidden;
     height: 0; }
   @media (min-width: 768px) {
     .container {
       width: 750px; } }
   @media (min-width: 992px) {
     .container {
       width: 970px; } }
   @media (min-width: 1200px) {
     .container {
       width: 1170px; } }
 
 .container-fluid {
   margin-right: auto;
   margin-left: auto;
   padding-left: 15px;
   padding-right: 15px;
   *zoom: 1; }
   .container-fluid:after {
     content: " ";
     clear: both;
     display: block;
     overflow: hidden;
     height: 0; }
 
 .row {
   margin-left: -15px;
   margin-right: -15px;
   *zoom: 1; }
   .row:after {
     content: " ";
     clear: both;
     display: block;
     overflow: hidden;
     height: 0; }
 
 .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .team, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .team, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
   position: relative;
   min-height: 1px;
   padding-left: 15px;
   padding-right: 15px; }
 
 .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .team, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
   float: left; }
 
 .col-xs-1 {
   width: 8.3333333333%; }
 
 .col-xs-2 {
   width: 16.6666666667%; }
 
 .col-xs-3 {
   width: 25%; }
 
 .col-xs-4 {
   width: 33.3333333333%; }
 
 .col-xs-5 {
   width: 41.6666666667%; }
 
 .col-xs-6, .team {
   width: 50%; }
 
 .col-xs-7 {
   width: 58.3333333333%; }
 
 .col-xs-8 {
   width: 66.6666666667%; }
 
 .col-xs-9 {
   width: 75%; }
 
 .col-xs-10 {
   width: 83.3333333333%; }
 
 .col-xs-11 {
   width: 91.6666666667%; }
 
 .col-xs-12 {
   width: 100%; }
 
 .col-xs-pull-0 {
   right: auto; }
 
 .col-xs-pull-1 {
   right: 8.3333333333%; }
 
 .col-xs-pull-2 {
   right: 16.6666666667%; }
 
 .col-xs-pull-3 {
   right: 25%; }
 
 .col-xs-pull-4 {
   right: 33.3333333333%; }
 
 .col-xs-pull-5 {
   right: 41.6666666667%; }
 
 .col-xs-pull-6 {
   right: 50%; }
 
 .col-xs-pull-7 {
   right: 58.3333333333%; }
 
 .col-xs-pull-8 {
   right: 66.6666666667%; }
 
 .col-xs-pull-9 {
   right: 75%; }
 
 .col-xs-pull-10 {
   right: 83.3333333333%; }
 
 .col-xs-pull-11 {
   right: 91.6666666667%; }
 
 .col-xs-pull-12 {
   right: 100%; }
 
 .col-xs-push-0 {
   left: auto; }
 
 .col-xs-push-1 {
   left: 8.3333333333%; }
 
 .col-xs-push-2 {
   left: 16.6666666667%; }
 
 .col-xs-push-3 {
   left: 25%; }
 
 .col-xs-push-4 {
   left: 33.3333333333%; }
 
 .col-xs-push-5 {
   left: 41.6666666667%; }
 
 .col-xs-push-6 {
   left: 50%; }
 
 .col-xs-push-7 {
   left: 58.3333333333%; }
 
 .col-xs-push-8 {
   left: 66.6666666667%; }
 
 .col-xs-push-9 {
   left: 75%; }
 
 .col-xs-push-10 {
   left: 83.3333333333%; }
 
 .col-xs-push-11 {
   left: 91.6666666667%; }
 
 .col-xs-push-12 {
   left: 100%; }
 
 .col-xs-offset-0 {
   margin-left: 0%; }
 
 .col-xs-offset-1 {
   margin-left: 8.3333333333%; }
 
 .col-xs-offset-2 {
   margin-left: 16.6666666667%; }
 
 .col-xs-offset-3 {
   margin-left: 25%; }
 
 .col-xs-offset-4 {
   margin-left: 33.3333333333%; }
 
 .col-xs-offset-5 {
   margin-left: 41.6666666667%; }
 
 .col-xs-offset-6 {
   margin-left: 50%; }
 
 .col-xs-offset-7 {
   margin-left: 58.3333333333%; }
 
 .col-xs-offset-8 {
   margin-left: 66.6666666667%; }
 
 .col-xs-offset-9 {
   margin-left: 75%; }
 
 .col-xs-offset-10 {
   margin-left: 83.3333333333%; }
 
 .col-xs-offset-11 {
   margin-left: 91.6666666667%; }
 
 .col-xs-offset-12 {
   margin-left: 100%; }
 
 @media (min-width: 768px) {
   .col-sm-1, .col-sm-2, .col-sm-3, .team, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
     float: left; }
 
   .col-sm-1 {
     width: 8.3333333333%; }
 
   .col-sm-2 {
     width: 16.6666666667%; }
 
   .col-sm-3, .team {
     width: 25%; }
 
   .col-sm-4 {
     width: 33.3333333333%; }
 
   .col-sm-5 {
     width: 41.6666666667%; }
 
   .col-sm-6 {
     width: 50%; }
 
   .col-sm-7 {
     width: 58.3333333333%; }
 
   .col-sm-8 {
     width: 66.6666666667%; }
 
   .col-sm-9 {
     width: 75%; }
 
   .col-sm-10 {
     width: 83.3333333333%; }
 
   .col-sm-11 {
     width: 91.6666666667%; }
 
   .col-sm-12 {
     width: 100%; }
 
   .col-sm-pull-0 {
     right: auto; }
 
   .col-sm-pull-1 {
     right: 8.3333333333%; }
 
   .col-sm-pull-2 {
     right: 16.6666666667%; }
 
   .col-sm-pull-3 {
     right: 25%; }
 
   .col-sm-pull-4 {
     right: 33.3333333333%; }
 
   .col-sm-pull-5 {
     right: 41.6666666667%; }
 
   .col-sm-pull-6 {
     right: 50%; }
 
   .col-sm-pull-7 {
     right: 58.3333333333%; }
 
   .col-sm-pull-8 {
     right: 66.6666666667%; }
 
   .col-sm-pull-9 {
     right: 75%; }
 
   .col-sm-pull-10 {
     right: 83.3333333333%; }
 
   .col-sm-pull-11 {
     right: 91.6666666667%; }
 
   .col-sm-pull-12 {
     right: 100%; }
 
   .col-sm-push-0 {
     left: auto; }
 
   .col-sm-push-1 {
     left: 8.3333333333%; }
 
   .col-sm-push-2 {
     left: 16.6666666667%; }
 
   .col-sm-push-3 {
     left: 25%; }
 
   .col-sm-push-4 {
     left: 33.3333333333%; }
 
   .col-sm-push-5 {
     left: 41.6666666667%; }
 
   .col-sm-push-6 {
     left: 50%; }
 
   .col-sm-push-7 {
     left: 58.3333333333%; }
 
   .col-sm-push-8 {
     left: 66.6666666667%; }
 
   .col-sm-push-9 {
     left: 75%; }
 
   .col-sm-push-10 {
     left: 83.3333333333%; }
 
   .col-sm-push-11 {
     left: 91.6666666667%; }
 
   .col-sm-push-12 {
     left: 100%; }
 
   .col-sm-offset-0 {
     margin-left: 0%; }
 
   .col-sm-offset-1 {
     margin-left: 8.3333333333%; }
 
   .col-sm-offset-2 {
     margin-left: 16.6666666667%; }
 
   .col-sm-offset-3 {
     margin-left: 25%; }
 
   .col-sm-offset-4 {
     margin-left: 33.3333333333%; }
 
   .col-sm-offset-5 {
     margin-left: 41.6666666667%; }
 
   .col-sm-offset-6 {
     margin-left: 50%; }
 
   .col-sm-offset-7 {
     margin-left: 58.3333333333%; }
 
   .col-sm-offset-8 {
     margin-left: 66.6666666667%; }
 
   .col-sm-offset-9 {
     margin-left: 75%; }
 
   .col-sm-offset-10 {
     margin-left: 83.3333333333%; }
 
   .col-sm-offset-11 {
     margin-left: 91.6666666667%; }
 
   .col-sm-offset-12 {
     margin-left: 100%; } }
 @media (min-width: 992px) {
   .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
     float: left; }
 
   .col-md-1 {
     width: 8.3333333333%; }
 
   .col-md-2 {
     width: 16.6666666667%; }
 
   .col-md-3 {
     width: 25%; }
 
   .col-md-4 {
     width: 33.3333333333%; }
 
   .col-md-5 {
     width: 41.6666666667%; }
 
   .col-md-6 {
     width: 50%; }
 
   .col-md-7 {
     width: 58.3333333333%; }
 
   .col-md-8 {
     width: 66.6666666667%; }
 
   .col-md-9 {
     width: 75%; }
 
   .col-md-10 {
     width: 83.3333333333%; }
 
   .col-md-11 {
     width: 91.6666666667%; }
 
   .col-md-12 {
     width: 100%; }
 
   .col-md-pull-0 {
     right: auto; }
 
   .col-md-pull-1 {
     right: 8.3333333333%; }
 
   .col-md-pull-2 {
     right: 16.6666666667%; }
 
   .col-md-pull-3 {
     right: 25%; }
 
   .col-md-pull-4 {
     right: 33.3333333333%; }
 
   .col-md-pull-5 {
     right: 41.6666666667%; }
 
   .col-md-pull-6 {
     right: 50%; }
 
   .col-md-pull-7 {
     right: 58.3333333333%; }
 
   .col-md-pull-8 {
     right: 66.6666666667%; }
 
   .col-md-pull-9 {
     right: 75%; }
 
   .col-md-pull-10 {
     right: 83.3333333333%; }
 
   .col-md-pull-11 {
     right: 91.6666666667%; }
 
   .col-md-pull-12 {
     right: 100%; }
 
   .col-md-push-0 {
     left: auto; }
 
   .col-md-push-1 {
     left: 8.3333333333%; }
 
   .col-md-push-2 {
     left: 16.6666666667%; }
 
   .col-md-push-3 {
     left: 25%; }
 
   .col-md-push-4 {
     left: 33.3333333333%; }
 
   .col-md-push-5 {
     left: 41.6666666667%; }
 
   .col-md-push-6 {
     left: 50%; }
 
   .col-md-push-7 {
     left: 58.3333333333%; }
 
   .col-md-push-8 {
     left: 66.6666666667%; }
 
   .col-md-push-9 {
     left: 75%; }
 
   .col-md-push-10 {
     left: 83.3333333333%; }
 
   .col-md-push-11 {
     left: 91.6666666667%; }
 
   .col-md-push-12 {
     left: 100%; }
 
   .col-md-offset-0 {
     margin-left: 0%; }
 
   .col-md-offset-1 {
     margin-left: 8.3333333333%; }
 
   .col-md-offset-2 {
     margin-left: 16.6666666667%; }
 
   .col-md-offset-3 {
     margin-left: 25%; }
 
   .col-md-offset-4 {
     margin-left: 33.3333333333%; }
 
   .col-md-offset-5 {
     margin-left: 41.6666666667%; }
 
   .col-md-offset-6 {
     margin-left: 50%; }
 
   .col-md-offset-7 {
     margin-left: 58.3333333333%; }
 
   .col-md-offset-8 {
     margin-left: 66.6666666667%; }
 
   .col-md-offset-9 {
     margin-left: 75%; }
 
   .col-md-offset-10 {
     margin-left: 83.3333333333%; }
 
   .col-md-offset-11 {
     margin-left: 91.6666666667%; }
 
   .col-md-offset-12 {
     margin-left: 100%; } }
 @media (min-width: 1200px) {
   .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
     float: left; }
 
   .col-lg-1 {
     width: 8.3333333333%; }
 
   .col-lg-2 {
     width: 16.6666666667%; }
 
   .col-lg-3 {
     width: 25%; }
 
   .col-lg-4 {
     width: 33.3333333333%; }
 
   .col-lg-5 {
     width: 41.6666666667%; }
 
   .col-lg-6 {
     width: 50%; }
 
   .col-lg-7 {
     width: 58.3333333333%; }
 
   .col-lg-8 {
     width: 66.6666666667%; }
 
   .col-lg-9 {
     width: 75%; }
 
   .col-lg-10 {
     width: 83.3333333333%; }
 
   .col-lg-11 {
     width: 91.6666666667%; }
 
   .col-lg-12 {
     width: 100%; }
 
   .col-lg-pull-0 {
     right: auto; }
 
   .col-lg-pull-1 {
     right: 8.3333333333%; }
 
   .col-lg-pull-2 {
     right: 16.6666666667%; }
 
   .col-lg-pull-3 {
     right: 25%; }
 
   .col-lg-pull-4 {
     right: 33.3333333333%; }
 
   .col-lg-pull-5 {
     right: 41.6666666667%; }
 
   .col-lg-pull-6 {
     right: 50%; }
 
   .col-lg-pull-7 {
     right: 58.3333333333%; }
 
   .col-lg-pull-8 {
     right: 66.6666666667%; }
 
   .col-lg-pull-9 {
     right: 75%; }
 
   .col-lg-pull-10 {
     right: 83.3333333333%; }
 
   .col-lg-pull-11 {
     right: 91.6666666667%; }
 
   .col-lg-pull-12 {
     right: 100%; }
 
   .col-lg-push-0 {
     left: auto; }
 
   .col-lg-push-1 {
     left: 8.3333333333%; }
 
   .col-lg-push-2 {
     left: 16.6666666667%; }
 
   .col-lg-push-3 {
     left: 25%; }
 
   .col-lg-push-4 {
     left: 33.3333333333%; }
 
   .col-lg-push-5 {
     left: 41.6666666667%; }
 
   .col-lg-push-6 {
     left: 50%; }
 
   .col-lg-push-7 {
     left: 58.3333333333%; }
 
   .col-lg-push-8 {
     left: 66.6666666667%; }
 
   .col-lg-push-9 {
     left: 75%; }
 
   .col-lg-push-10 {
     left: 83.3333333333%; }
 
   .col-lg-push-11 {
     left: 91.6666666667%; }
 
   .col-lg-push-12 {
     left: 100%; }
 
   .col-lg-offset-0 {
     margin-left: 0%; }
 
   .col-lg-offset-1 {
     margin-left: 8.3333333333%; }
 
   .col-lg-offset-2 {
     margin-left: 16.6666666667%; }
 
   .col-lg-offset-3 {
     margin-left: 25%; }
 
   .col-lg-offset-4 {
     margin-left: 33.3333333333%; }
 
   .col-lg-offset-5 {
     margin-left: 41.6666666667%; }
 
   .col-lg-offset-6 {
     margin-left: 50%; }
 
   .col-lg-offset-7 {
     margin-left: 58.3333333333%; }
 
   .col-lg-offset-8 {
     margin-left: 66.6666666667%; }
 
   .col-lg-offset-9 {
     margin-left: 75%; }
 
   .col-lg-offset-10 {
     margin-left: 83.3333333333%; }
 
   .col-lg-offset-11 {
     margin-left: 91.6666666667%; }
 
   .col-lg-offset-12 {
     margin-left: 100%; } }
 @-ms-viewport {
   width: device-width; }
 .visible-xs, .visible-sm, .visible-md, .visible-lg {
   display: none !important; }
 
 .visible-xs-block,
 .visible-xs-inline,
 .visible-xs-inline-block,
 .visible-sm-block,
 .visible-sm-inline,
 .visible-sm-inline-block,
 .visible-md-block,
 .visible-md-inline,
 .visible-md-inline-block,
 .visible-lg-block,
 .visible-lg-inline,
 .visible-lg-inline-block {
   display: none !important; }
 
 @media (max-width: 767px) {
   .visible-xs {
     display: block !important; }
 
   table.visible-xs {
     display: table; }
 
   tr.visible-xs {
     display: table-row !important; }
 
   th.visible-xs,
   td.visible-xs {
     display: table-cell !important; } }
 @media (max-width: 767px) {
   .visible-xs-block {
     display: block !important; } }
 
 @media (max-width: 767px) {
   .visible-xs-inline {
     display: inline !important; } }
 
 @media (max-width: 767px) {
   .visible-xs-inline-block {
     display: inline-block !important; } }
 
 @media (min-width: 768px) and (max-width: 991px) {
   .visible-sm {
     display: block !important; }
 
   table.visible-sm {
     display: table; }
 
   tr.visible-sm {
     display: table-row !important; }
 
   th.visible-sm,
   td.visible-sm {
     display: table-cell !important; } }
 @media (min-width: 768px) and (max-width: 991px) {
   .visible-sm-block {
     display: block !important; } }
 
 @media (min-width: 768px) and (max-width: 991px) {
   .visible-sm-inline {
     display: inline !important; } }
 
 @media (min-width: 768px) and (max-width: 991px) {
   .visible-sm-inline-block {
     display: inline-block !important; } }
 
 @media (min-width: 992px) and (max-width: 1199px) {
   .visible-md {
     display: block !important; }
 
   table.visible-md {
     display: table; }
 
   tr.visible-md {
     display: table-row !important; }
 
   th.visible-md,
   td.visible-md {
     display: table-cell !important; } }
 @media (min-width: 992px) and (max-width: 1199px) {
   .visible-md-block {
     display: block !important; } }
 
 @media (min-width: 992px) and (max-width: 1199px) {
   .visible-md-inline {
     display: inline !important; } }
 
 @media (min-width: 992px) and (max-width: 1199px) {
   .visible-md-inline-block {
     display: inline-block !important; } }
 
 @media (min-width: 1200px) {
   .visible-lg {
     display: block !important; }
 
   table.visible-lg {
     display: table; }
 
   tr.visible-lg {
     display: table-row !important; }
 
   th.visible-lg,
   td.visible-lg {
     display: table-cell !important; } }
 @media (min-width: 1200px) {
   .visible-lg-block {
     display: block !important; } }
 
 @media (min-width: 1200px) {
   .visible-lg-inline {
     display: inline !important; } }
 
 @media (min-width: 1200px) {
   .visible-lg-inline-block {
     display: inline-block !important; } }
 
 @media (max-width: 767px) {
   .hidden-xs {
     display: none !important; } }
 @media (min-width: 768px) and (max-width: 991px) {
   .hidden-sm {
     display: none !important; } }
 @media (min-width: 992px) and (max-width: 1199px) {
   .hidden-md {
     display: none !important; } }
 @media (min-width: 1200px) {
   .hidden-lg {
     display: none !important; } }
 .visible-print {
   display: none !important; }
 
 @media print {
   .visible-print {
     display: block !important; }
 
   table.visible-print {
     display: table; }
 
   tr.visible-print {
     display: table-row !important; }
 
   th.visible-print,
   td.visible-print {
     display: table-cell !important; } }
 .visible-print-block {
   display: none !important; }
   @media print {
     .visible-print-block {
       display: block !important; } }
 
 .visible-print-inline {
   display: none !important; }
   @media print {
     .visible-print-inline {
       display: inline !important; } }
 
 .visible-print-inline-block {
   display: none !important; }
   @media print {
     .visible-print-inline-block {
       display: inline-block !important; } }
 
 @media print {
   .hidden-print {
     display: none !important; } }
 /*
  * Header Styles
  */
 .site-header {
   text-align: center;
   padding: 30px 0 18px;
   }
   @media screen and (max-width: 600px) {
     .site-header a.button {
       font-size: 14px;
       font-size: 0.7777777778em; } }
   @media screen and (max-width: 600px) {
     .site-header {
       white-space: nowrap;
       padding: 50px 0; } }
 
 .logo a .img {width: 100%;height: auto;max-width: 100%;display: block;}
 
 .logo {
   width: 165px;
   border-radius: 50%;
   text-align: center;
   display: inline-block;
   background-color: #fff;
   /* background-image: -webkit-linear-gradient(#4d4552, #3e3742);
   background-image: linear-gradient(#4d4552, #3e3742); */
   margin: 0 20px;
   font-family: "Deftone Stylus", Georgia, serif;
   font-weight: normal;
   font-size: 48px;
   font-size: 2.6666666667em;
   -webkit-transition: .3s ease;
   transition: .3s ease;
   text-indent: -10px;
   border-top: 1px solid rgba(255, 255, 255, 0.1);
   border-bottom: 1px solid rgba(0, 0, 0, 0.4);
   display: flex;
   align-items: center;
   justify-content: center;
   aspect-ratio: 1/1;
   }
   @media screen and (max-width: 600px) {
     .logo {
       width: 130px;
       height: 130px;
       margin: 0 10px;
       padding-top: 0px;
       font-size: 40px;
       font-size: 2.2222222222em; } }
   .logo:hover {
     box-shadow: inset 0 0 0 100px #ffb936; }
   .logo a {
     display: inline-block;
     color: white;
     width: 100%;
     height: 100%;
     }
 
 .section-title {
   font-size: 48px;
   font-size: 2.6666666667em;
   font-weight: 300; }
   .section-title span {
     color: #ffb936;
     }
 
 .counter-wrap {
   margin: 50px 25px;
   *
   zoom: 1;
   }
   .counter-wrap:after {
     content: " ";
     clear: both;
     display: block;
     overflow: hidden;
     height: 0; }
   .counter-wrap .counter {
     width: 20%;
     padding: 0 15px;
     float: left;
     margin-left: 4%;
     }
     @media screen and (max-width: 600px) {
       .counter-wrap .counter {
         padding: 0 5px; } }
   .counter-wrap .number {
     border-radius: 50%;
     background-image: -webkit-linear-gradient(#dcb56b, #9b6d16);
     background-image: linear-gradient(#ffb833, #d79210);
     border-top: 1px solid #817489;
     box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
     text-align: center;
     font-size: 90px;
     font-size: 2.5em;
     font-weight: 700;
     padding: 10px 0;
     margin-bottom: 10px;
     width: 110px;
     height: 110px;
     line-height: 95px;
     }
     @media screen and (max-width: 990px) {
       .counter-wrap .number {
         font-size: 70px;
         font-size: 2.8888888889em; } }
     @media screen and (max-width: 480px) {
       .counter-wrap .number {
         font-size: 40px;
         font-size: 2.2222222222em; } 
         .counter-wrap{display: none;}
       }
   .counter-wrap .caption {
     text-align: center;
     text-transform: uppercase;
     color: #ffffff;
     font-weight: 700;
     font-size: 14px;
     font-size: 0.7777777778em;
     text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
     }
 
 .entry-content {
   margin-bottom: 30px;
   line-height: 36px; }
 
 .team-section {
   padding: 30px 0; }
 
 .team {
   text-align: center;
   margin-bottom: 30px; }
   .cta{margin-bottom: 20px;}
   @media screen and (max-width: 480px) {
     .team {
       width: 100%; } 
        .cta{margin-bottom: 20px;}
     }
   .team .team-image {
     border-radius: 50%;
     border: 10px solid #7d7482;
     box-shadow: 0 -1px 1px rgba(255, 255, 255, 0.8), 0 1px 1px rgba(0, 0, 0, 0.6);
     margin-bottom: 10px; }
   .team .team-name {
     color: #7d7482;
     font-size: 14px;
     font-size: 0.7777777778em;
     text-transform: uppercase; }
 
 .contact-section {
   margin-bottom: 50px; }
 
 .contact-form {
   *zoom: 1; }
   .contact-form:after {
     content: " ";
     clear: both;
     display: block;
     overflow: hidden;
     height: 0; }
   .contact-form .control {
     margin-bottom: 10px;
     position: relative; }
     .contact-form .control .fa {
       color: #7d7482;
       -webkit-transition: 0.3s ease;
               transition: 0.3s ease; }
     .contact-form .control input, .contact-form .control textarea {
       width: 100%;
       padding-left: 50px;
       color: #ffb936;
       -webkit-transition: .3s ease;
               transition: .3s ease; }
       .contact-form .control input:focus, .contact-form .control input:hover, .contact-form .control textarea:focus, .contact-form .control textarea:hover {
         border-color: #ffb936; }
         .contact-form .control input:focus + .fa, .contact-form .control input:hover + .fa, .contact-form .control textarea:focus + .fa, .contact-form .control textarea:hover + .fa {
           color: #ffb936; }
     .contact-form .control textarea {
       min-height: 160px;
       resize: vertical; }
     .contact-form .control .fa {
       position: absolute;
       left: 20px;
       top: 13px; }
 
 /*
  * Footer Styles
  */
 .site-footer {
   text-align: center;
   padding-bottom: 80px; }
 
 .subscribe-form {
   position: relative;
   margin-bottom: 70px; }
   .subscribe-form input[type="text"], .subscribe-form input[type="email"] {
     width: 100%;
     padding: 10px 100px 10px 50px;
     border: 2px solid #4c4551;
     border-radius: 25px;
     color: white;
     background-color: #262029;
     font-size: 18px;
     font-size: 1em;
     -webkit-transition: .3s ease;
             transition: .3s ease; }
     .subscribe-form input[type="text"]:focus, .subscribe-form input[type="text"]:active, .subscribe-form input[type="email"]:focus, .subscribe-form input[type="email"]:active {
       border-color: #ffb936; }
       .subscribe-form input[type="text"]:focus ~ .fa, .subscribe-form input[type="text"]:active ~ .fa, .subscribe-form input[type="email"]:focus ~ .fa, .subscribe-form input[type="email"]:active ~ .fa {
         color: #ffb936; }
   .subscribe-form .fa {
     position: absolute;
     left: 20px;
     top: 13px;
     color: #4c4551;
     -webkit-transition: .3s ease;
             transition: .3s ease; }
   .subscribe-form input[type="submit"] {
     position: absolute;
     top: 4px;
     bottom: 4px;
     right: 4px; }
 
     .site-header .container.shrinked {
      display: flex;
      align-items: center;
      justify-content: center;
  }
 .social-links {
   margin-bottom: 30px; }
   .social-links a {
     width: 40px;
     height: 40px;
     border-radius: 50%;
     background-image: -webkit-linear-gradient(#012555, #0248a5);
     background-image: linear-gradient(#012555, #0248a5);
     display: inline-block;
     color: white;
     border-top: 0px solid #012e68;
     box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
     padding-top: 9px;
     font-size: 18px;
     font-size: 1em;
     -webkit-transition: .3s ease;
     transition: .3s ease;
     }
     .social-links a:hover, .social-links a:focus {
       background: #ffb936; }
 
 .colophon {
   color: #ffffff;
   }

body:before{background: url(images/bg-img.png);content: '';position: fixed;top: 0;bottom:0;left: 0;right: 0;margin: auto;background-size: cover;z-index: -1;height: 100vh;}
body:after{content: '';background: rgb(0 0 0 / 65%);position: fixed;width: 100%;height: 100vh;top: 0;z-index: -1;bottom: 0;margin: auto;}