@charset "utf-8";

/* CSS Document */
/*
Theme Name: RCM Global
Author: Shimon Jacobson @ Right Click Media
Author uri: #
License: GNU License
License URI: #
Version: 1.0
Description: This is a custom development professional wordpress theme
*/

* {
	margin: 0px;
}

html {
  scroll-behavior: smooth;
}

html, body {
	font-family: 'Montserrat', sans-serif;
	margin: 0;
	color: #333;
	/*overflow-x: hidden;*/
    font-size: 14px;
	background-color: #fbfbfb !important;
}

body {
	overflow-x: hidden;
}

.layercolor {
    position: absolute;
    z-index: 999999;
    background: #bc02bc;
    background: -moz-linear-gradient(-45deg, #bc02bc 0%, #6d11c4 100%);
    background: -webkit-linear-gradient(-45deg, #bc02bc 0%,#6d11c4 100%);
    background: linear-gradient(135deg, #bc02bc 0%,#6d11c4 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bc02bc', endColorstr='#6d11c4',GradientType=1 );
}

p {
	letter-spacing: auto !important;
}

h1 {
	font-family: 'Montserrat', sans-serif;
	letter-spacing: 3px !important;
	font-weight: 100 !important;
	text-transform: uppercase;
}

h2, h3 {
	text-transform: uppercase;
	font-weight: 700 !important;
}

h1 {
	font-size: 80px !important;
}

h2 {
	font-size: 40px !important;
}

h3 {
	font-size: 27px;
}

@media (max-width: 650px) {
h1 {
    font-size: 30px !important;
}
}

ul, ol {
	margin-bottom: 0px !important;
}

a {
	transition: ease-in-out .20s;
	-webkit-transition: ease-in-out .20s;
	-moz-transition: ease-in-out .20s;
	-ms-transition: ease-in-out .20s;
	-o-transition: ease-in-out .20s;
	text-decoration: none !important;
}

a:hover {
	text-decoration: none !important;
}
#banner-wrapper {
    width: 100%;
    height: 90vh;
    margin: auto;
    position: relative;
    display: block;
    background: #fbfbfb;
}
#banner-wrapper-index {
    width: 100%;
    /*height: 54vh;*/
    margin: auto;
    position: relative;
    display: block;
    background: #fbfbfb;
}
/*@media (max-width: 860px) {*/
/*#banner-wrapper-index {*/
/*    width: 100%;*/
/*    height: 60vh;*/
/*    margin: auto;*/
/*    position: relative;*/
/*    display: block;*/
/*    background: #fbfbfb;*/
/*}*/
/*}*/
/*@media (max-width: 400px) {*/
/*#banner-wrapper-index {*/
/*    width: 100%;*/
/*    height: 60vh !important;*/
/*    margin: auto;*/
/*    position: relative;*/
/*    display: block;*/
/*    background: #fbfbfb;*/
/*}*/
/*}*/
.bannertxt {
    position: absolute;
    /*font-size: 550%;*/
    /*font-weight: 900;*/
    /*line-height: 0.9;*/
    z-index: 99;
    color: #3753a6;
    top: calc(49% - 50px);
    left: calc(20% - 100px);
}
.bannertxtbig {
    font-size: 550%;
    font-weight: 900;
    line-height: 0.9;
    z-index: 99;
    color: #3753a6;
}
@media (max-width: 860px) {
.body_box {
    max-width: 800px !important;
}
}
@media (max-width: 500px) {
.bannertxtbig {
    font-size: 400%;
    font-weight: 900;
    line-height: 0.9;
    z-index: 99;
    color: #3753a6;
}
#banner-wrapper {
    height: 60vh;
}
}
.bannertxt2 {
    text-align: center;
    /*font-weight: 900;*/
    /*line-height: 0.9;*/
    /*z-index: 99;*/
    /*color: #3753a6;*/
    /*top: calc(56% - 50px);*/
    /*left: calc(20% - 100px);*/
}
.bannertxtback {
    position: absolute;
    font-size: 1200%;
    font-weight: 900;
    line-height: 0.9;
    opacity: 0.07;
    color: #3753a6;
    top: calc(40% - 50px);
    left: calc(-5% - 100px);
}
.bannertxtback2 {
    position: absolute;
    font-size: 800% !important;
    font-weight: 900;
    line-height: 0.9;
    opacity: 0.07;
    z-index: 0;
    color: #3753a6;
    text-transform: uppercase;
    top: calc(40% - 50px);
    left: calc(5% - 100px);
}
.bannertxtback22 {
    position: absolute;
    font-size: 800% !important;
    font-weight: 900;
    line-height: 0.9;
    opacity: 0.07;
    z-index: -9;
    color: #3753a6;
    text-transform: uppercase;
    top: calc(63% - 50px);
    left: calc(5% - 100px);
}
@media (max-width: 550px) {
.bannertxtback22 {
    display: none;
}
}
.bannertxtback3 {
    position: absolute;
    font-size: 1200%;
    font-weight: 900;
    line-height: 0.9;
    opacity: 0.07;
    color: #3753a6;
    margin-top: -10%;
    left: calc(0% - 100px);
}
.bannersmalltxt {
    /*position: absolute;*/
    font-size: 165%;
    font-weight: 900;
    /*line-height: 0.9;*/
    z-index: 99;
    color: #333;
    /*top: calc(85% - 30px);*/
    /*left: calc(20% - 100px);*/
}
.blop {
    
}
.blop1 {
    width: 350px;
    position: absolute;
    top: calc(65% - 50px);
    left: -150px;
    transform: translatey(0px);
	animation: float 6s ease-in-out infinite;
}
.blop2 {
    width: 90px;
    position: absolute;
    top: calc(90% - 10px);
    left: 20%;
    transform: translatey(0px);
	animation: float4 6s ease-in-out infinite;
}
.blop3 {
    width: 20px;
    position: absolute;
    top: calc(40% - 10px);
    left: -5px;
    transform: translatey(0px);
	animation: float4 6s ease-in-out infinite;
}
.blop4 {
    width: 20px;
    position: absolute;
    top: calc(32% - 10px);
    left: 35%;
    transform: translatey(0px);
	animation: float 6s ease-in-out infinite;
}
.blop11 {
    width: 300px;
    position: absolute;
    top: calc(50% - 50px);
    left: -250px;
    transform: translatey(0px);
	animation: float 6s ease-in-out infinite;
}
.blop22 {
    width: 60px;
    position: absolute;
    top: calc(60% - 10px);
    left: calc(50% - 20px);
    transform: translatey(0px);
	animation: float4 6s ease-in-out infinite;
}
.blop33 {
    width: 20px;
    position: absolute;
    top: calc(40% - 10px);
    left: -5px;
    transform: translatey(0px);
	animation: float4 6s ease-in-out infinite;
}
.blop44 {
    width: 20px;
    position: absolute;
    top: calc(32% - 10px);
    left: 35%;
    transform: translatey(0px);
	animation: float 6s ease-in-out infinite;
}
.blob {
    width: 25%;
    position: absolute;
    right: -10%;
    z-index: 0;
    animation-name: floating;
    animation-duration: 15s;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in-out;
}
@media (max-width: 650px) {
.blob {
    right: 0% !important;
}
.lineblob {
    right: 0% !important;
}
}
.blob2 {
    width: 5%;
    position: absolute;
    left: 2%;
    margin-top: 200px;
    z-index: -1;
    animation-name: floating;
    animation-duration: 15s;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in-out;
}
.blob3 {
    width: 20%;
    position: absolute;
    left: -5%;
    margin-top: 0px;
    z-index: 0;
    animation-name: floating;
    animation-duration: 15s;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in-out;
}
.blob4 {
    width: 5%;
    position: absolute;
    right: 5%;
    margin-top: -40px;
    z-index: 0;
    animation-name: floating;
    animation-duration: 15s;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in-out;
}
.blob5 {
    width: 2.5%;
    position: absolute;
    right: 35%;
    /*margin-top: -240px; */
    z-index: 0;
    animation-name: floating;
    animation-duration: 15s;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in-out;
}

.lineblob {
    width: 35%;
    position: absolute;
    right: -8%;
    margin-top: calc(30% - 20px);
    transform: rotate(35deg);
    z-index: -1;
    /*animation-name: floating;*/
    /*animation-duration: 15s;*/
    /*animation-iteration-count: infinite;*/
    /*animation-timing-function: ease-in-out;*/
}
.lineblob2 {
    width: 30%;
    position: absolute;
    left: -8%;
    margin-top: -300px;
    transform: rotate(-35deg);
    z-index: -1;
    /*animation-name: floating;*/
    /*animation-duration: 15s;*/
    /*animation-iteration-count: infinite;*/
    /*animation-timing-function: ease-in-out;*/
}
.rocket {
    max-width:500px;
    width:auto;
    position:relative;
    margin:auto;
    margin-bottom: 80px;
}
button#myBtn {
    cursor: pointer;
    max-width: 500px;
    width: 100%;
    height: auto;
    background: rgba(255,255,255,0);
    border: 0px;
    margin: auto;
    display: block;
}
button#myBtn:active {
    border: 0px !important; 
}
.bannerani {
    width: auto;
    max-width: 550px;
    min-width: 550px;
    position: absolute;
    z-index: 99;
    right: calc(15% - 100px);
    top: calc(40% - 100px);
}
@keyframes floating {
    0% {
       transform: scale(0.8, 0.8) translate3d(0px, 0px, 1px);
       animation-timing-function:ease-in-out
   }
   50% {
       transform: scale(1, 1) translate3d(-20px, 12px, -15px);
       animation-timing-function:ease-in-out
   }
   50% {
       transform: scale(1, 1) translate3d(-20px, 12px, -15px);
       animation-timing-function:ease-in-out
   }
   100% {
       transform: scale(0.8, 0.8) translate3d(0px, 0px, 1px);
       animation-timing-function:ease-in-out
   }
}
.servwrap {
    width: 100%;
    height: 250px;
    border-radius: 30px;
    overflow: hidden;
    position: relative;
}
.webdesign {
    width: 100%;
    height: 250px;
    border-radius: 30px;
    transform: scale(1.0);
    -webkit-transform: scale(1.0);
    background: url(https://www.rightclickmediaint.com/wp-content/uploads/2019/09/webdesign.jpg);
    background-size: cover;
    background-position: center;
    transition: all .4s;
    -webkit-transition: all .4s;
}
.webdesign:hover {
    transform: scale(1.2);
    -webkit-transform: scale(1.2);
}
.appdevelopment {
    width: 100%;
    height: 250px;
    border-radius: 30px;
    transform: scale(1.0);
    -webkit-transform: scale(1.0);
    background: url(https://www.rightclickmediaint.com/wp-content/uploads/2019/09/appdevelopment.jpg);
    background-size: cover;
    background-position: center;
    transition: all .4s;
    -webkit-transition: all .4s;
}
.appdevelopment:hover {
    transform: scale(1.2);
    -webkit-transform: scale(1.2);
}
.seo {
    width: 100%;
    height: 250px;
    border-radius: 30px;
    transform: scale(1.0);
    -webkit-transform: scale(1.0);
    background: url(https://rightclickmediaint.com/wp-content/uploads/2019/09/seo.jpg);
    background-size: cover;
    background-position: center;
    transition: all .4s;
    -webkit-transition: all .4s;
}
.seo:hover {
    transform: scale(1.2);
    -webkit-transform: scale(1.2);
}
.googleads {
    width: 100%;
    height: 250px;
    border-radius: 30px;
    transform: scale(1.0);
    -webkit-transform: scale(1.0);
    background: url(https://rightclickmediaint.com/wp-content/uploads/2019/09/googleads.jpg);
    background-size: cover;
    background-position: center;
    transition: all .4s;
    -webkit-transition: all .4s;
}
.googleads:hover {
    transform: scale(1.2);
    -webkit-transform: scale(1.2);
}
.socialmedia {
    width: 100%;
    height: 250px;
    border-radius: 30px;
    transform: scale(1.0);
    -webkit-transform: scale(1.0);
    background: url(https://rightclickmediaint.com/wp-content/uploads/2019/09/socialmedia.jpg);
    background-size: cover;
    background-position: center;
    transition: all .4s;
    -webkit-transition: all .4s;
}
.socialmedia:hover {
    transform: scale(1.2);
    -webkit-transform: scale(1.2);
}
.youtube {
    width: 100%;
    height: 250px;
    border-radius: 30px;
    transform: scale(1.0);
    -webkit-transform: scale(1.0);
    background: url(https://rightclickmediaint.com/wp-content/uploads/2019/09/youtube.jpg);
    background-size: cover;
    background-position: center;
    transition: all .4s;
    -webkit-transition: all .4s;
}
.youtube:hover {
    transform: scale(1.2);
    -webkit-transform: scale(1.2);
}
.sertext {
    color: #fff;
    font-size: 32px;
    letter-spacing: 8px;
    text-transform: uppercase;
    font-weight: 900;
    padding-top: 90%;
    padding-left: 10px;
    position: relative;
    z-index: 999;
    transition: all .4s;
    -webkit-transition: all .4s;
}
@media (max-width: 450px) {
.sertext {
    color: #fff;
    font-size: 28px;
    letter-spacing: 6px;
    text-transform: uppercase;
    font-weight: 900;
    padding-top: 40%;
    padding-left: 10px;
    position: relative;
    z-index: 999;
    transition: all .4s;
    -webkit-transition: all .4s;
}
}
.sertext:hover {
    letter-spacing: 1px;
    font-weight: 900;
    font-size: 20px;
    padding-top: calc(60% - 20px);
    padding-left: 45px;
}
.servlay:before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
    width: 100%;
    height: 100%;
    border-radius: 30px;
    background: -moz-linear-gradient(-45deg,  rgba(125,126,176,0.5) 0%, rgba(242,130,157,0.5) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(-45deg,  rgba(125,126,176,0.5) 0%,rgba(242,130,157,0.5) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(135deg,  rgba(125,126,176,0.5) 0%,rgba(242,130,157,0.5) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#807d7eb0', endColorstr='#80f2829d',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
@keyframes float {
	0% {
		transform: translatey(0px);
	}
	50% {
		transform: translatey(-20px);
	}
	100% {
		transform: translatey(0px);
	}
}
@keyframes float2 {
	0% {
		transform: translatey(0px);
	}
	50% {
		transform: translatey(-30px);
	}
	100% {
		transform: translatey(0px);
	}
}
@keyframes float3 {
	0% {
		transform: translatey(0px);
	}
	80% {
		transform: translatey(-10px);
	}
	100% {
		transform: translatey(0px);
	}
}
@keyframes float4 {
	0% {
		transform: translatey(0px);
	}
	50% {
		transform: translatey(-50px);
	}
	100% {
		transform: translatey(0px);
	}
}
/* SEO PACKS */
#seopackwrap {
    width: auto;
    margin: auto;
    background: #fbfbfb;
    border-radius: 15px;
    padding: 15px;
    -webkit-box-shadow: 5px 5px 30px 5px #DBDBDB;
    box-shadow: 5px 5px 30px 5px #DBDBDB;
    transition: all .5s;
    -webkit-transition: all .5s;
    transform: scale(1.0);
    -webkit-transform: scale(1.0); 
}
#seopackwrap:hover {
    color: #fff;
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -webkit-animation: random 15s infinite;
     animation: random 15s infinite;
}
@keyframes  random {
    15% { background-color: #ef649d; } 
    30% { background-color: #3753a7; } 
    45% { background-color: #70ad45; } 
    60% { background-color: #efea21; }
    75% { background-color: #777fb1; }  
}
#seopackwrap2 {
    width: auto;
    height: auto;
    margin: auto;
    background: #fbfbfb;
    border-radius: 15px;
    padding: 15px;
    -webkit-box-shadow: 5px 5px 30px 5px #DBDBDB;
    box-shadow: 5px 5px 30px 5px #DBDBDB;
    transition: all .5s;
    -webkit-transition: all .5s;
    transform: scale(1.0);
    -webkit-transform: scale(1.0); 
}
#seopackwrap2:hover {
    color: #fff;
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -webkit-animation: random 15s infinite;
     animation: random2 15s infinite;
}
@keyframes  random2 {
    0% { background-color: #efea21; } 
    60% { background-color: #3753a7; }
    75% { background-color: #777fb1; }  
}
#seopackwrapini {
    width: auto;
    height: auto;
    margin: auto;
    background: #fbfbfb;
    border-radius: 15px;
    padding: 15px;
    -webkit-box-shadow: 5px 5px 30px 5px #DBDBDB;
    box-shadow: 5px 5px 30px 5px #DBDBDB;
    transition: all .5s;
    -webkit-transition: all .5s;
    transform: scale(1.0);
    -webkit-transform: scale(1.0); 
}
#seopackwrapini:hover {
    color: #fff;
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -webkit-animation: random3 15s infinite;
     animation: random 15s infinite;
}
@keyframes  random3 {
    0% { background-color: #ef649d; } 
    30% { background-color: #3753a7; } 
    45% { background-color: #70ad45; } 
    60% { background-color: #efea21; }
    75% { background-color: #777fb1; }  
}
/* SEO PACKS */
/* Hosting PACKS */
#hostingwrap {
    width: auto;
    height: auto;
    margin: auto;
    background: #fbfbfb;
    border-radius: 15px;
    border-bottom: solid #aeaeae 10px;
    padding: 0px;
    -webkit-box-shadow: 5px 5px 30px 5px #DBDBDB;
    box-shadow: 5px 5px 30px 5px #DBDBDB;
    transition: all .5s;
    -webkit-transition: all .5s;
    transform: scale(1.0);
    -webkit-transform: scale(1.0); 
}
.hostingblock {
    width: auto;
    height: auto;
    margin: auto;
    padding: 10px;
}
#hostingwrap:hover {
    color: #fff;
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -webkit-animation: random 15s infinite;
     animation: random 15s infinite;
}
@keyframes  random {
    15% { background-color: #3753a7; } 
    30% { background-color: #efea21; } 
    45% { background-color: #70ad45; } 
    60% { background-color: #efea21; }
    75% { background-color: #777fb1; }  
}
h2.hostlabel {
    text-transform: uppercase;
    font-size: 24px !important;
    text-align: center;
    padding: 20px 0px;
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#5671a6+0,3e495b+100 */
background: rgb(86,113,166); /* Old browsers */
background: -moz-linear-gradient(-45deg,  rgba(86,113,166,1) 0%, rgba(62,73,91,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg,  rgba(86,113,166,1) 0%,rgba(62,73,91,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg,  rgba(86,113,166,1) 0%,rgba(62,73,91,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5671a6', endColorstr='#3e495b',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

    color: #fff;
    border-radius: 10px;
    margin-top: 0px;
}
.hostprice {
    background: #abbd4a;
    color: #fff;
    border-radius: 10px;
    padding: 10px;
    text-align: center;
}
.hostbt {
    background: #8f7fad;
    color: #fff;
    padding: 10px;
    text-transform: uppercase;
}
/* Hosting PACKS */
.overlaypop {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.7);
  transition: opacity 500ms;
  visibility: hidden;
  opacity: 0;
  z-index: 9999;
}
.overlaypop:target {
  visibility: visible;
  opacity: 1;
}

.popup {
  margin: 70px auto;
    margin-top: 10%;
    padding: 50px;
    background: #fff;
    border-radius: 5px;
    width: 40%;
    position: relative;
    transition: all 5s ease-in-out;
}
@media (max-width: 800px) {
.popup {
    margin: 70px auto;
    margin-left: 50px;
    margin-right: 50px;
    margin-top: 180px;
    padding: 50px;
    background: #fff;
    border-radius: 5px;
    width: auto;
    position: relative;
    transition: all 5s ease-in-out;
}
}

.popup h2 {
  margin-top: 0;
  color: #333;
  font-family: Tahoma, Arial, sans-serif;
}
.popup .close {
  position: absolute;
  top: 20px;
  right: 30px;
  transition: all 200ms;
  font-size: 30px;
  font-weight: bold;
  text-decoration: none;
  color: #333;
}
.popup .close:hover {
  color: #06D85F;
}
.popup .content {
  max-height: 30%;
  overflow: auto;
}
/* floatie1 */
.floatie1 {
    position: absolute;
    width: 30%;
    right: -20px;
    top: calc(15% - 80px);
    z-index: -9;
}
.floatie2 {
    position: absolute;
    width: 40%;
    left: -20px;
    top: calc(55% - 80px);
    z-index: -9;
}
.floatie3 {
    position: absolute;
    width: 10%;
    left: 10px;
    top: calc(60% - 80px);
    z-index: -9;
}
.floatie4 {
    position: absolute;
    width: 20%;
    left: -20px;
    top: calc(35% - 80px);
    z-index: -9;
}
.floatie5 {
    position: absolute;
    width: 10%;
    left: -20px;
    top: calc(10% - 80px);
    z-index: -9;
}
.floatie6 {
    position: absolute;
    width: 20%;
    left: -20px;
    top: calc(100% - 80px);
    z-index: -9;
}
.floatie7 {
    position: absolute;
    width: 10%;
    right: -20px;
    top: calc(55% - 80px);
    z-index: -9;
}
.floatie8 {
    position: absolute;
    width: 35%;
    right: 30px;
    top: calc(100% - 80px);
    z-index: -9;
}
.floatie9 {
    position: absolute;
    width: 5%;
    right: 30px;
    top: calc(120% - 80px);
    z-index: -9;
}
.floatie10 {
    position: absolute;
    width: 15%;
    right: 50px;
    top: calc(5% - 80px);
    z-index: -9;
}
.floatie11 {
    position: absolute;
    width: 5%;
    right: 30px;
    top: calc(120% - 80px);
    z-index: -9;
}
.floatie11 {
    position: absolute;
    width: 5%;
    right: 30px;
    top: calc(120% - 80px);
    z-index: -9;
}
.floatie12 {
    position: absolute;
    width: 5%;
    right: 30px;
    top: calc(120% - 80px);
    z-index: -9;
}
.floatie13 {
    position: absolute;
    width: 10%;
    left: 20%;
    top: calc(90% - 80px);
    z-index: -9;
}
.floatie14 {
    position: absolute;
    width: 15%;
    right: 10px;
    top: calc(40% - 80px);
    z-index: -9;
}
.ytblock {
    width: auto;
    height: auto;
    margin: 30px 0px;
    background: #fbfbfb;
    border-radius: 15px;
    padding: 15px;
    -webkit-box-shadow: 5px 5px 30px 5px #DBDBDB;
    box-shadow: 5px 5px 30px 5px #DBDBDB;
    transition: all .5s;
    -webkit-transition: all .5s;
    transform: scale(1.0);
    -webkit-transform: scale(1.0);
}
.ytblock:hover {
    color: #fff;
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -webkit-animation: random 15s infinite;
     animation: random 15s infinite;
}
.fa-angle-double-right, .fa-angle-double-left {
    font-size: 30px !important;
    vertical-align: middle;
}
/* floatie1 */
.body_box h1 {
}
#header_nav {
    background-color:rgba(0,0,0,0.70);
    width:100%;
    height:auto;
    min-height:90px;
    text-align:center;
    position:fixed;
    z-index:9999
}
.wp-block-table td {
    border: 0px !important;
}
.gfield_label {
    display: none !important;
}
.logo {
    -webkit-transition:all .3s;
    -moz-transition:all .3s;
    -ms-transition:all .3s;
    -o-transition:all .3s;
    transition:all .3s
}

footer {
    background: url(images/footer.svg);
	background-repeat: no-repeat;
	background-size: cover;
    width:100%;
    height:auto;
    min-height:500px;
    padding:20px;
	padding-top: 45px;
    color:#fff;
    position:relative;
    z-index:99;
}
footer ul li {
    display: inline-block;
    padding: 5px;
    font-size: 10px;
    text-transform: uppercase;
    text-align: center;
}
footer ul li a {
    transition: all .3s;
    -webkit-transition: all .3s;
}
footer ul li a:hover {
    color: #acacac;
}
footer #menu-header-menu-1 {
    text-align: center !important;
}
.footerlogo {
    width: 300px;
    margin: auto;
    margin-top: -100px;
}
@media (max-width: 320px) {
.footerlogo {
    width: auto !important;
    max-width: 100%;
    margin: auto;
    margin-top: -100px;
}
}
.footerfacebook {
    width: 60px;
    height: 60px;
}
.footerfacebook i.fab {
    width: 60px;
    height: 60px;
    font-size: 35px;
    padding: 12px 19px;
    margin: 30px 10px;
    margin-bottom: 20px;
    background: url(images/social-01.png);
    background-size: 100%;
    background-position: center;
}
.footerinstagram i.fab {
    width: 60px;
    height: 60px;
    font-size: 35px;
    padding: 12px 14px;
    margin: 30px 10px;
    margin-bottom: 20px;
    background: url(images/social-02.png);
    background-size: 100%;
    background-position: center;
}
.footeryoutube i.fab {
    width: 60px;
    height: 60px;
    font-size: 35px;
    padding: 14px 12px;
    margin: 30px 10px;
    margin-bottom: 20px;
    background: url(images/social-03.png);
    background-size: 100%;
    background-position: center;
}
.footerlinkedin i.fab {
    width: 60px;
    height: 60px;
    font-size: 35px;
    padding: 12px 15px;
    margin: 30px 10px;
    margin-bottom: 20px;
    background: url(images/social-04.png);
    background-size: 100%;
    background-position: center;
}
@media (max-width: 1170px) {
    footer {
    background: url(images/footer.png);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: right;
}
}

@media (max-width: 700px) {
    footer {
    background: url(images/footer.png);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}
}

footer h2 {
	font-size: 40px;
	font-family: 'Montserrat', sans-serif;
	text-align: center;
	font-weight: bolder;
	color: #fff;
	margin-top: 5px !important;
	margin-bottom: 5px !important;
}

.footer_wrap {
	width: 100%;
	max-width: 1000px;
	margin: auto;
}

.footer_block {
    text-align:center;
    text-transform:uppercase;
    width:100%;
    text-decoration:none;
    color:#fff;
	background-color: #333;
}

.footer_block li {
    text-decoration:none;
    color:#fff;
    display:inline-block;
    text-align:right !important;
}

.footer_block a {
    text-decoration:none;
    color: #bc02bc;
    display:inline-block;
		text-align:right !important;
		cursive; font-family: 'Montserrat', sans-serif;
		font-size: 22px;
		line-height: 2;
		font-weight: bolder !important;
    transition:ease-in-out .3s;
    -webkit-transition:ease-in-out .3s;
    -moz-transition:ease-in-out .3s;
    -ms-transition:ease-in-out .3s;
    -o-transition:ease-in-out .3s
}

.footer_block li a {
    padding: 10px;
}

.footer_copyright {
	width: auto;
	max-width: 100%;
	font-size: 10px !important;
	letter-spacing: 4px;
	text-transform: uppercase;
	padding: 25px;
	color: #787878 !important;
	text-align: center;
}

.footer_copyright a {
	color: #787878 !important;
}

.footer_copyright a:hover {
	color: #bc02bc !important;
}

.footer_copyright a:hover {
	color: #bc02bc !important;
}

@media (max-width: 760px) {

.footer_block li a {
    padding: 5px;
	font-size: 14px !important;
}

}

.footer_block a:hover {
    background-color: #bc02bc;
	color: #fff;
}

.footer_texture {
    /*background-image:url(http://blacklinepix.co.za/blacklinepix/wp-content/uploads/2015/06/p01.jpg);*/
    /*background-position:fixed!important*/
}

footer a {
    color:#fff;
    text-decoration:none;
    transition: all .5s;
    -webkit-transition:ease-in-out .5s;
    -moz-transition:ease-in-out .5s;
    -ms-transition:ease-in-out .5s;
    -o-transition:ease-in-out .5s
}

footer a:hover {
    color: #acacac !important;
}

footer a fa {
    font-size: 18px !important;
}


.social {
    width:auto;
    height:auto;
    transition:ease-in-out .2s;
    -webkit-transition:ease-in-out .2s;
    -moz-transition:ease-in-out .2s;
    -ms-transition:ease-in-out .2s;
    -o-transition:ease-in-out .2s;
    filter:gray;
    filter:grayscale(100%);
    -webkit-filter:grayscale(100%);
    -moz-filter:grayscale(100%);
    -ms-filter:grayscale(100%);
    -o-filter:grayscale(100%)
}

.social:hover {
    filter:grayscale(0%);
    -webkit-filter:grayscale(0%);
    -moz-filter:grayscale(0%);
    -ms-filter:grayscale(0%);
    -o-filter:grayscale(0%)
}

.box_wrap {
	max-width: 1000px;
	margin: auto;
	padding: 20px 10px;
}

.body_wrapper {
	background-position: center;
    width:100%;
    height:auto;
    min-height:500px;
    position:relative;
    z-index:99;
}

.body_wrapper a {
	color: #333;
	text-decoration: none;
	transition: ease-in-out .20s;
	-webkit-transition: ease-in-out .20s;
	-moz-transition: ease-in-out .20s;
	-ms-transition: ease-in-out .20s;
	-o-transition: ease-in-out .20s;
}

.body_wrapper a:hover {
	color: #bc02bc;
}

.body_wrapper_02 {
    background-color:rgba(255,255,255,0.80);
    width:100%;
    height:auto;
    min-height:300px;
    position:relative;
    z-index:99
}

.body_wrapper_a {
    background-color:#fff;
    width:100%;
    height:auto;
    min-height:300px;
    position:relative;
    z-index:99;
    padding-top:50px;
    padding-bottom:100px!important;
    -webkit-box-shadow:0 0 20px 2px rgba(0,0,0,0.5);
    box-shadow:0 0 20px 2px rgba(0,0,0,0.5)
}

.body_box_b {
    /*width: 100%;*/
	max-width: 100%;
	/*background-color: rgba(255,255,255,0.50);*/
    height:auto;
    min-height:500px;
    margin: auto;
	padding: 0px;
    padding-top:20px;
    padding-bottom:50px;
    position:relative;
    z-index:99;
	/*-webkit-text-stroke-width: 1px;
	-moz-text-stroke-width: 1px;
	-ms-text-stroke-width: 1px;
	-o-text-stroke-width: 1px;
	-webkit-text-stroke-color: white;
	-moz-text-stroke-color: white;
	-ms-text-stroke-color: white;
	-o-text-stroke-color: white;*/
}


.body_box_b h1 {
    font-size: 4.5em !important;
}

.body_box_b h2 {
	/*font-family: 'Pacifico', cursive;
	font-size: 50px;*/
	font-weight: normal;
}

.table_box {
	margin: auto !important;
}

.table_box li a {
	margin: auto !important;
	text-shadow: 1px 1px 5px rgba(0,0,0,0.80);
}

.arrow_block {
	position: absolute;
	z-index: 99;
	width: 100%;
	margin-top: -120px !important;
	margin: auto;
	text-align: center !important;
}

@media (max-width: 400px) {
.body_box_b {
    width:100%;
    padding-left:10px;
    padding-right:10px
}
}

@media (max-width: 550px) {

.body_box_b h1 {
    font-size: 36px !important;
}

}

.body_box_parallax {
    width:100%;
    max-width:1000px;
    height:auto;
    min-height:300px;
    margin:auto;
    padding:20px 10px;
    color:#fff
}

.body_box_b a {
    text-decoration:none;
    color:rgba(33,33,33,1.00);
    transition:ease-in-out .2s;
    -webkit-transition:ease-in-out .2s;
    -moz-transition:ease-in-out .2s;
    -ms-transition:ease-in-out .2s;
    -o-transition:ease-in-out .2s
}

.body_box_b a:hover {
    color:#B4770D
}

.body_box {
	width: auto;
	max-width: 88%;
	min-height: 200px;
	padding: 50px 10px;
	margin: auto !important;
}

.body_box h1 {
    font-size: 50px !important;
	color: #3753a6;
	letter-spacing: 1px !important;
	font-weight: 900 !important;
	margin-bottom: 0px;
	text-transform: uppercase;
}

@media (max-width: 438px) {
    .body_box h1 {
        font-size: 250% !important;
        text-align: left !important;
}
}

.body_box a {
    color:#2B2B2B;
    text-decoration:none;
    transition:ease-in-out .2s;
    -webkit-transition:ease-in-out .2s;
    -moz-transition:ease-in-out .2s;
    -ms-transition:ease-in-out .2s;
    -o-transition:ease-in-out .2s
}

.body_box a:hover {
    color: #bc02bc;
}

.headborder {
	width: 120px;
	height: 12px;
	background: url(images/headborder.png);
	background-repeat: no-repeat;
	background-size: 100%;
	margin-top: 5px;
	margin-bottom: 30px;
}

::selection {
  background-color: #bc02bc;
  color: #fff;
}

-webkit-::selection {
  background-color: #bc02bc;
  color: #fff;
}

#head_home {
	width: 100%;
	height: 100vh;
	background: url(images/head.jpg);
	background-size: 100%;
	background-repeat: no-repeat;
}

.body_box_gr1 {
	width: 100%;
	min-height: 100vh;
	padding: 50px 10px;
	margin: auto !important;
	background: url(images/body_01.jpg);
	background-size: cover;
	background-repeat: no-repeat !important;
}

.homeimg1 {
	width: auto;
	max-width: 660px;
	position: absolute;
	right: 0px;
	top: 50px;
}

.disrib h1 {
	color: #fff;
	text-align: center;
	padding: 250px 0px 150px 0px;
	margin: 0px !important;
	font-size: 50px !important;
	cursive; font-family: 'Montserrat', sans-serif;
	position: relative;
	z-index: 99;
}

@media (max-width: 500px) {

.disrib h1 {
    color: #fff;
    /*text-shadow: 2px 2px 2px rgba(0,0,0,0.80);*/
    text-align: center;
	padding: 150px 0px 100px 0px;
	margin: 0px !important;
	font-size: 36px !important;
	cursive; font-family: 'Montserrat', sans-serif;
	position: relative;
	z-index: 99;
}

}

.disrib_02 h1 {
    color:#fff;
    text-shadow:2px 2px 2px rgba(0,0,0,0.80);
    position:relative;
    z-index:99;
    margin-top:-465px;
    text-align:center;
    padding-bottom:48px
}

.description {
    width:100%;
    height:auto;
    min-height:150px;
    text-align:center;
    padding-top:100px
}

.description h1 {
    max-width: 1200px;
    height: auto;
    margin: auto;
    text-align: left !important;
    padding: 120px 0px;
    padding-top: 150px;
    padding-bottom: 50px;
    margin-bottom: 0px;
	font-size: 40px !important;
    color: #3753a7;
    letter-spacing: 5px !important;
    font-weight: 700 !important;
    position: relative;
    z-index: 99;
}

@media (max-width: 1220px) {
    .description h1 {
        padding-left: 5px;
        padding-right: 5px;
}
}
@media (max-width: 420px) {
.description h1 {
}
}
@media (max-width: 375px) {
    .description h1 {
        font-size: 32px !important;
        letter-spacing: 1px !important;
}
}

.disrib_02 h1 {
    color: #fff;
    text-shadow: 2px 2px 2px rgba(0,0,0,0.80);
    text-align: center;
    padding: 250px 0px 200px 0px;
    margin: 0px !important;
    font-size: 45px !important;
    /*font-family: 'Pacifico', cursive;*/
    position: relative;
    z-index: 99;
}

@media (max-width: 670px) {

.disrib h1 {
    /*font-family: 'TwCenMTRegular', Raleway, sans-serif !important;*/
	padding: 150px 0px 20px 0px;
}

}

.color_1 {
	width: 100%;
	min-height: 400px;
	margin: auto;
	background-color: rgba(233,65,68,1.00);
}

.tb_menu {
	width: 100%;
	max-width: 750px;
	margin: auto;
	text-align: center;
}

.head_m_block {
	width: 100%;
	max-width: 250px;
	text-align: center;
}

.head_l_block {
	width: 100%;
	max-width: 250px;
	text-align: center;
}

li ul {
	width: 100% !important;
	max-width: 1200px !important;
}

.contact_wrap {
	width: 100%;
	min-height: 10px;
	background-color: #bc02bc;
}

.call_a {
	width: 100%;
	/*padding: 2px;*/
	background-color: #bc02bc;
	text-align: left;
	color: #fff;
}

@font-face {
	font-family: 'TwCenMTRegular';
	src: url('TwCenMTRegular/ca.eot?') format('eot'),
	url('images/TwCenMTRegular.ttf') format('truetype'),
	url('images/ca.svg#webfontdSscXrwb') format('svg');
	font-weight: normal;
	font-style: normal;
}

.call_a a {
	color: #fff;
	text-decoration: none;
	margin-left: 10px;
	font-size: 12px;
	font-family: 'TwCenMTRegular', sans-serif;
	text-transform: uppercase;
	letter-spacing: 0px;
	transition: ease-in-out .20s;
	-webkit-transition: ease-in-out .20s;
	-moz-transition: ease-in-out .20s;
	-ms-transition: ease-in-out .20s;
	-o-transition: ease-in-out .20s;
}

.call_a a:hover {
	text-decoration: none;
	color: #000;
}

.social_header {
	/*text-align: right !important;*/
	/*float: right;*/
	/*margin-right: 10px;*/
	padding-top: 2px;
	margin-bottom: -3px;
}

.social_h {
	fill: #fff;
	width: 20px;
	transition: ease-in-out .20s;
	-webkit-transition: ease-in-out .20s;
	-moz-transition: ease-in-out .20s;
	-ms-transition: ease-in-out .20s;
	-o-transition: ease-in-out .20s;
}

.social_h:hover {
	fill: #333;
}

a svg:hover #facebook {
	fill: #3B5998;
}

a svg:hover #instagram {
	fill: #C1A391;
}

a svg:hover #vimeo {
	fill: #1AB7EA;
}

a svg:hover #youtube {
	fill: #E14E42;
}

a svg #facebook,
a svg #instagram,
a svg #vimeo,
a svg #youtube {
	float: right;
	fill: #fff;
	transition: 200ms;
	transition-timing-function: ease-in-out;
	-webkit-transition: 200ms;
	-webkit-transition-timing-function: ease-in-out;
}

#mega-menu-wrap-right-menu #mega-menu-right-menu > li.mega-menu-megamenu > ul.mega-sub-menu {
    width: 100% !important;
    display: inline-block !important;
    max-width: 3200px !important;
    position: absolute !important;
    z-index: 99999 !important;
}

#mega-menu-wrap-right-menu, #mega-menu-wrap-right-menu #mega-menu-right-menu, #mega-menu-wrap-right-menu #mega-menu-right-menu ul.mega-sub-menu, #mega-menu-wrap-right-menu #mega-menu-right-menu li.mega-menu-item, #mega-menu-wrap-right-menu #mega-menu-right-menu a.mega-menu-link {
    position: static !important;
}

/* SVG */
.svgbg1, .svgbg2, .svgbg3 {
    width: calc(60% - 20px);
    right: 0;
    position: absolute;
    z-index: 0;
}
.svgbg1 {
    transform: translatey(0px);
	animation: float2 6s ease-in-out infinite;
}
.svgbg2 {
    transform: translatey(0px);
	animation: float3 6s ease-in-out infinite;
}
.svgbg3 {
    transform: translatey(0px);
	animation: float4 6s ease-in-out infinite;
}
/* SVG */
/* SVG */
.svgbg11, .svgbg22, .svgbg33 {
    width: calc(40% - 20px);
    right: 0;
    position: absolute;
    z-index: 0;
}
.svgbg11 {
    transform: translatey(0px);
	animation: float2 6s ease-in-out infinite;
}
.svgbg22 {
    transform: translatey(0px);
	animation: float3 6s ease-in-out infinite;
}
.svgbg33 {
    transform: translatey(0px);
	animation: float4 6s ease-in-out infinite;
}
/* SVG */

/*/////////////////////////////////////////////////////////
///////////////////////////////////////////////////////////
V_Block
///////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////*/

.v_wrap {
	width: 100%;
	margin-top: -120px;
	overflow: hidden !important;
	height: 150px;
	background-image: url(images/background_wood.jpg);
	background-size: 100%;
	background-attachment: fixed;
	background-position: center;
	background-color: #fff;
	z-index: 9999;
	display: none !important;
}

.left_v {
	width: 50%;
	left: 0px;
	right: auto;
	float: left;
	margin-top: 60px;
	overflow: hidden !important;
    height: 150px;
	background-image: url(images/background_wood.jpg);
	background-size: 100%;
	background-attachment: fixed;
	/*background-repeat: no-repeat;*/
	background-position: center;
	background-color: #fff;
	transform: skew(10deg, 0deg);
	-webkit-transform: skew(0deg, 10deg);
	-moz-transform: skew(0deg, 10deg);
	-ms-transform: skew(0deg, 10deg);
	-o-transform: skew(0deg, 10deg);
}

.right_v {
	width: 50%;
	left: auto;
	right: 0px;
	float: right;
    height: 150px;
	overflow: hidden !important;
	margin-top: 60px;
	background-image: url(images/background_wood.jpg);
	background-size: 100%;
	background-attachment: fixed;
	/*background-repeat: no-repeat;*/
	background-position: center;
	background-color: #fff;
	transform: skew(0deg, -10deg);
	-webkit-transform: skew(0deg, -10deg);
	-moz-transform: skew(0deg, -10deg);
	-ms-transform: skew(0deg, -10deg);
	-o-transform: skew(0deg, -10deg);
}

@media (max-width: 680px) {

.v_wrap {
	margin-top: -120px;
}

.left_v {
	margin-top: 90px;
}

.right_v {
	margin-top: 90px;
}

}

@media (max-width: 550px) {

.v_wrap {
	margin-top: -120px;
}

.left_v {
	margin-top: 90px;
}

.right_v {
	margin-top: 90px;
}

}

/*/////////////////////////////////////////////////////////
///////////////////////////////////////////////////////////
V_Block
///////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////*/

/*/////////////////////////////////////////////////////////
///////////////////////////////////////////////////////////
Drop Down Menu
///////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////*/

/*ul {*/
/*}*/

/*ul li {*/
/*}*/

/*ul li:hover {*/
/*}*/

/*ul li ul {*/
/*  padding: 0;*/
/*  position: absolute;*/
/*  top: 118px;*/
/*  left: 0;*/
/*  width: 100% !important;*/
/*  max-width: 100% !important;*/
/*  -webkit-box-shadow: none;*/
/*  -moz-box-shadow: none;*/
/*  box-shadow: none;*/
/*  display: none;*/
/*  opacity: 0;*/
/*  z-index: 99;*/
/*  -webkit-transiton: opacity 0.2s;*/
/*  -moz-transition: opacity 0.2s;*/
/*  -ms-transition: opacity 0.2s;*/
/*  -o-transition: opacity 0.2s;*/
/*  -transition: opacity 0.2s;*/
/*}*/

/*ul li ul li {*/
/*	width: 49% !important;*/
/*	margin: 0px;*/
/*	line-height: 1px !important;*/
/*}*/

/*ul li ul li {*/
/*  background: rgba(0,0,0,0.80);*/
/*  display: inline-block;*/
/*  color: #fff;*/
/*  text-shadow: 0 -1px 0 #000;*/
/*  line-height: auto !important;*/
/*}*/

/*ul li ul li a {*/
/*    padding: 5px;*/
/*    line-height: 1px;*/
/*}*/

/*ul li ul li:hover { background: #666; }*/
/*ul li:hover ul {*/
/*  display: block;*/
/*  opacity: 1;*/
/*  visibility: visible;*/
/*}*/

/*ul.sub-menu {*/
/*    height: auto;*/
/*    line-height: 1px;*/

/*}*/

.menu_b ul ul {
    padding: 0;
    text-align: center;
    display: none;
    width: 100%;
    position: absolute;
    left: 0px;
    min-height: 0px;
}

.menu_b ul ul a {
    width: 100%;
    font-size: 14px !important;
    line-height: 2;
    padding-left: 15px;
}

.menu_b ul li ul { display: none; position: relative; padding-left: 0px !important; }

.menu_b ul ul { display: none }
.menu_b ul li:hover > ul {
    display: block;
    position: absolute;
    z-index: 99;
    width: 100%;
    background: #333;
    left: 0;
    line-height: 1px !important;
}

.menu_b li ul {
    max-width: 100% !important;
}

.menu_b li ul li {
    max-width: 100% !important;
}

.menu_b ul li ul {
    line-height: 1px !important;
}

ul li ul:hover {
    background: #000;
}

ul li ul li {
    width: 49%;
}

ul li ul li a {
    width: 100%;
    line-height: 1px;
}

ul li ul li h3 {
    margin: 5px 0px;
}

ul li ul li ul a {
    top: 0px;
}
/*Mobile Menu*/
#responsive-menu {
    margin-top: 80px !important;
}
button#responsive-menu-button {
    z-index: 999999 !important;
}
ul#resonsive-menu .current_page_item {
}
#responsive-menu-container {
    z-index: 99999 !important;
}
#responsive-menu-container #responsive-menu li.responsive-menu-item .responsive-menu-item-link {
    font-size: 23px !important;
    font-weight: 900;
    text-transform: uppercase;
    text-align: center;
}
@media (max-width: 400px) {
#responsive-menu-container #responsive-menu li.responsive-menu-item .responsive-menu-item-link {
    font-size: 18px !important;
    font-weight: 900;
    text-transform: uppercase;
    text-align: center;
}
}
#responsive-menu-container #responsive-menu li.responsive-menu-item a {
    border-bottom: 1px solid #21212100 !important;
    background-color: #21212100 !important;
    transition: all .3s;
    -webkit-transition: all .3s;
}
#responsive-menu-container #responsive-menu li.responsive-menu-item a:hover {
    color: #3753a7 !important;
    background-color: #3f3f3f00 !important;
    border-color: #21212100 !important;
}
/*Mobile Menu*/

header #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-item > a.mega-menu-link {
    line-height: 9 !important;
    height: auto !important;
    transition: all .5s;
    -webkit-transition: all .5s;
}

header.smaller #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-item > a.mega-menu-link {
    line-height: 6.7 !important;
}

#mega-menu-wrap-left-menu #mega-menu-left-menu > li.mega-menu-item {
	transition: ease-in-out .20s;
	-webkit-transition: ease-in-out .20s;
	-moz-transition: ease-in-out .20s;
	-ms-transition: ease-in-out .20s;
	-o-transition: ease-in-out .20s;
}

#mega-menu-wrap-right-menu #mega-menu-right-menu > li.mega-menu-item {
	transition: ease-in-out .20s;
	-webkit-transition: ease-in-out .20s;
	-moz-transition: ease-in-out .20s;
	-ms-transition: ease-in-out .20s;
	-o-transition: ease-in-out .20s;
}

#mega-menu-wrap-left-menu #mega-menu-left-menu > li.mega-menu-item {
	transition: ease-in-out .20s;
	-webkit-transition: ease-in-out .20s;
	-moz-transition: ease-in-out .20s;
	-ms-transition: ease-in-out .20s;
	-o-transition: ease-in-out .20s;
}

#mega-menu-wrap-left-menu #mega-menu-left-menu {
	visibility: visible;
	text-align: right !important;
	padding: 0px 0px 0px 0px;
}

#mega-menu-wrap-right-menu #mega-menu-right-menu {
    visibility: visible;
    text-align: left !important;
    padding: 0px 0px 0px 0px;
}

#mega-menu-wrap-header-menu {
    clear: none !important;
}

#mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item li.mega-menu-item > a.mega-menu-link {
    font-size: 11px !important;
}

#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link {
    line-height: 35px !important;
    height: 35px !important;
    padding: 0 10px;
    background: transparent;
    text-align: left;
    color: #fff;
    font-size: 14px !important;
}

#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link:hover {
    color: #333;
    font-weight: 400;
    background: #e49520;
}

#responsive-menu-container {
    background: rgba(0, 0, 0, 0.85) !important;
}

#responsive-menu-container #responsive-menu-wrapper {
    background: #00000000 !important;
}

@media (max-width: 760px) {
    #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item li.mega-menu-item > a.mega-menu-link {
    font-size: 12px;
}
}

button#responsive-menu-button {
    transition: all .5s;
    -webkit-transition: all .5s;
}

button#responsive-menu-button.smaller {
    width: 55px;
    height: 55px;
    position: fixed;
    top: 18px;
    right: 5%;
}

/*/////////////////////////////////////////////////////////
///////////////////////////////////////////////////////////
Drop Down Menu End
///////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////*/

/*/////////////////////////////////////////////////////////
///////////////////////////////////////////////////////////
Parallax Lay
///////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////*/

/* ============================================================
  PRIMARY STRUCTURE
============================================================ */
.container {
    max-width:1000px;
    margin:0 auto;
    padding:0 10px
}

/* ============================================================
  SECTIONS
============================================================ */
section.module:last-child {
    margin-bottom:0
}

/*section.module h2 {
  margin-bottom: 0px;
  font-family: "Roboto Slab", serif;
  font-size: 30px;
}*/

/*section.module p {
  margin-bottom: 0px;
  font-size: 16px;
  font-weight: 300;
}

section.module p:last-child {
  margin-bottom: 0;
}*/
section.module.content {
    padding:40px 0
}

section.module.parallax {
/*padding: 50px 0;*/
/*background-position: center !important;*/
/*background-position: 0 0;*/
}

/*section.module.parallax h1 {
  color: #1e1e1e;
  font-size: 48px;
  line-height: 1;
  font-weight: 700;
  text-align: center;
  text-transform: uppercase;
  text-shadow: 0 0 10px white;
}*/

section.module.parallax-1 {
    background-image:url(http://blacklinepix.co.za/blacklinepix/wp-content/uploads/2016/04/DC-185.jpg);
	background-size: 100%;
}

section.module.parallax-2 {
    background-image:url(images/img_01.jpg);
	background-size: cover;
}

section.module.parallax-404 {
    background-image:url(images/404.jpg);
	background-size: 100%;
}

.body_404 {
    background-image:url(images/404.jpg);
	background-size: 100%;
	background-repeat: no-repeat;
	background-position: center;
}

section.module.parallax-3 {
    background-image:url(http://rcmtest.co.za/rcm_wp/wp-content/uploads/2015/08/back_par_02.jpg);
}

section.module.parallax-description {
  background-image: url(images/description.jpg);
	background-size: 100%;
	background-repeat: no-repeat;
	background-color: #fbfbfb;
}

@media (max-width: 560px) {
    section.module.parallax-description {
	    background-size: cover;
}
}

section.module.parallax-about-back {
    background-image: url(images/about_back.jpg);
	background-size: 100%;
}

section.module.parallax-about-back2 {
    background-image: url(images/about_back_02.jpg);
	background-size: 100%;
}

section.module.parallax-props {
    background-image: url(images/props.jpg);
	background-size: 100%;
}

section.module.parallax-video {
    background-image: url(images/video.jpg);
	background-size: 100%;
}

section.module.parallax-our {
    background-image: url(http://blacklinepix.co.za/blacklinepix/wp-content/uploads/2015/12/L-J-31131.jpg);
	background-size: 100%;
}

section.module.parallax-contact {
    background-image: url(http://blacklinepix.co.za/blacklinepix/wp-content/uploads/2015/12/contact.jpg);
	background-size: 100%;
}

section.module.parallax-wedding {
    background-image: url(http://blacklinepix.co.za/blacklinepix/wp-content/uploads/2015/12/BL-400.jpg);
	background-size: 100%;
}

section.module.parallax-engagement {
    background-image: url(http://blacklinepix.co.za/blacklinepix/wp-content/uploads/2015/12/C-A-28-1.jpg);
	background-size: 100%;
}

section.module.parallax-family {
    background-image: url(http://blacklinepix.co.za/blacklinepix/wp-content/uploads/2015/12/Nel-18.jpg);
	background-size: 100%;
}

section.module.parallax-baby {
    background-image: url(http://blacklinepix.co.za/blacklinepix/wp-content/uploads/2015/12/img_1746.jpg);
	background-size: 100%;
}

section.module.parallax-event {
    background-image: url(http://blacklinepix.co.za/blacklinepix/wp-content/uploads/2015/12/Erin-129.jpg);
	background-size: 100%;
}

section.module.parallax-corporate {
    background-image: url(http://blacklinepix.co.za/blacklinepix/wp-content/uploads/2015/12/E-12.jpg);
	background-size: 100%;
}

section.module.parallax-slow {
    background-image: url(http://blacklinepix.co.za/blacklinepix/wp-content/uploads/2015/12/2015-12-22-9.jpg);
	background-size: 100%;
}

section.module.parallax-videography {
    background-image: url(http://blacklinepix.co.za/blacklinepix/wp-content/uploads/2015/12/CA-16.jpg);
	background-size: 100%;
}

section.module.parallax-blog {
    background-image: url(http://blacklinepix.co.za/blacklinepix/wp-content/uploads/2016/01/blog.jpg);
	background-size: 100%;
}

section.module.parallax-album {
    background-image: url(http://blacklinepix.co.za/blacklinepix/wp-content/uploads/2016/01/IMG_7045-1.jpg);
	background-size: 100%;
}

section.module.parallax-feat {
  background-size: cover;
}

@media (max-width: 450px) {

section.module.parallax-about {
    background-image: url(images/description.jpg);
	background-size: 250%;
	background-repeat: no-repeat;
	background-color: #fff;
}

section.module.parallax-about-back {
    background-image: url(images/about_back.jpg);
	background-size: cover;
}

section.module.parallax-about-back2 {
    background-image: url(images/about_back_02.jpg);
	background-size: cover;
}

/*section.module.parallax-blog {
    background-image: url(http://blacklinepix.co.za/blacklinepix/wp-content/uploads/2016/01/blog.jpg);
	background-size: 100%;
	background-attachment: fixed !important;
	background-position: center !important;
}

section.module.parallax-about-back {
    background-image: url(images/about_back.jpg);
	background-size: 100%;
	background-attachment: fixed !important;
	background-position: center !important;
}

section.module.parallax-about-back2 {
    background-image: url(images/about_back_02.jpg);
	background-size: 100%;
	background-attachment: fixed !important;
	background-position: center !important;
}

section.module.parallax-props {
    background-image: url(images/props.jpg);
	background-size: 100%;
	background-attachment: fixed !important;
	background-position: center !important;
}

section.module.parallax-video {
    background-image: url(images/video.jpg);
	background-size: 100%;
	background-attachment: fixed !important;
	background-position: center !important;
}

section.module.parallax-1 {
    background-image:url(http://blacklinepix.co.za/blacklinepix/wp-content/uploads/2016/04/DC-185.jpg);
	background-size: cover;
}

section.module.parallax-2 {
    background-image:url(http://blacklinepix.co.za/blacklinepix/wp-content/uploads/2015/12/IMG_93672.jpg);
	background-size: cover;
}

section.module.parallax-3 {
    background-image:url(http://rcmtest.co.za/rcm_wp/wp-content/uploads/2015/08/back_par_02.jpg);
	background-size: cover;
}

section.module.parallax-about {
    background-image: url(http://blacklinepix.co.za/blacklinepix/wp-content/uploads/2015/11/BL-214.jpg);
	background-size: cover !important;
}

section.module.parallax-our {
    background-image: url(http://blacklinepix.co.za/blacklinepix/wp-content/uploads/2015/12/L-J-31131.jpg);
	background-size: cover !important;
}

section.module.parallax-contact {
    background-image: url(http://blacklinepix.co.za/blacklinepix/wp-content/uploads/2015/12/contact.jpg);
	background-size: cover !important;
}

section.module.parallax-wedding {
    background-image: url(http://blacklinepix.co.za/blacklinepix/wp-content/uploads/2015/12/BL-400.jpg);
	background-size: cover;
}

section.module.parallax-engagement {
    background-image: url(http://blacklinepix.co.za/blacklinepix/wp-content/uploads/2015/12/C-A-28-1.jpg);
	background-size: cover;
}

section.module.parallax-family {
    background-image: url(http://blacklinepix.co.za/blacklinepix/wp-content/uploads/2015/12/Nel-18.jpg);
	background-size: cover;
}

section.module.parallax-baby {
    background-image: url(http://blacklinepix.co.za/blacklinepix/wp-content/uploads/2015/12/img_1746.jpg);
	background-size: cover;
}

section.module.parallax-event {
    background-image: url(http://blacklinepix.co.za/blacklinepix/wp-content/uploads/2015/12/Erin-129.jpg);
	background-size: cover;
}

section.module.parallax-corporate {
    background-image: url(http://blacklinepix.co.za/blacklinepix/wp-content/uploads/2015/12/E-12.jpg);
	background-size: cover;
}

section.module.parallax-slow {
    background-image: url(http://blacklinepix.co.za/blacklinepix/wp-content/uploads/2015/12/2015-12-22-9.jpg);
	background-size: cover;
}

section.module.parallax-videography {
    background-image: url(http://blacklinepix.co.za/blacklinepix/wp-content/uploads/2015/12/CA-16.jpg);
	background-size: 100%;
}

section.module.parallax-album {
    background-image: url(http://blacklinepix.co.za/blacklinepix/wp-content/uploads/2016/01/IMG_7045-1.jpg);
	background-size: 100%;
}*/

}

.wp-block-gallery.columns-3 .blocks-gallery-image, .wp-block-gallery.columns-3 .blocks-gallery-item {
    margin-right: 2px !important;
}

.wp-block-gallery .blocks-gallery-item {
    margin: 0 2px 2px 0 !important;
}

@media all and (min-width: 600px) {
/*section.module h2 {
    font-size: 42px;
  }

  section.module p {
    font-size: 20px;
  }*/
section.module.parallax {
    padding:0;
}/*section.module.parallax h1 {
    font-size: 96px;
  }*/
}

@media all and (min-width: 960px) {
/*section.module.parallax h1 {
    font-size: 160px;
  }*/
}

.mobile_logo {
	display: none !important;
}

.mobile_display {
	display: none !important;
}

#mega-menu-wrap-mobile-menu .mega-menu-toggle:before {
	content: "\f333";
	font-family: 'dashicons';
	font-size: 50px !important;
	margin: 10px 5px;
	float: right;
	text-shadow: 1px 1px 3px rgba(0,0,0,0.80);
}

#mega-menu-wrap-mobile-menu #mega-menu-mobile-menu > li.mega-menu-item {
    display: list-item;
    margin: 0;
    clear: both;
    border: 0;
    background-color: rgba(34,34,34,0.90);
}

@media (max-width: 992px) {

.table_box {
	display: none;
}

.mobile_logo {
	display: inline-block !important;
}

.mobile_display {
	display: block !important;
}

header.smaller {
	height: 95px !important;
	background-color: rgba(255,255,255,0.95) !important;
}

header.smaller .menu_b ul li {
    margin-top: 0px !important;
}

header {
    height: 119px !important;
}

#mega-menu-wrap-mobile-menu {
	display: none;
}

#mega-menu-wrap-mobile-menu #mega-menu-mobile-menu > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item {
	padding: 0px !important;
	font-size: 12px !important;
}

#mega-menu-wrap-mobile-menu #mega-menu-mobile-menu > li.mega-menu-item > a.mega-menu-link {
	font-size: 12px !important;
	line-height: 20px;
    height: 20px;
    padding: 0 10px;
}

#mega-menu-wrap-mobile-menu #mega-menu-mobile-menu > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link {
	font-size: 16px !important;
	text-align: center;
	background-color: #bc02bc;
}

#mega-menu-wrap-mobile-menu #mega-menu-mobile-menu > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item li.mega-menu-item > a.mega-menu-link {
	font-size: 12px !important;
	padding: 0px 5px !important;
}

#mega-menu-wrap-mobile-menu, #mega-menu-wrap-mobile-menu #mega-menu-mobile-menu, #mega-menu-wrap-mobile-menu #mega-menu-mobile-menu ul.mega-sub-menu, #mega-menu-wrap-mobile-menu #mega-menu-mobile-menu li.mega-menu-item, #mega-menu-wrap-mobile-menu #mega-menu-mobile-menu a.mega-menu-link {
	line-height: none !important;
}

}

#arrow_title {
	/*fill: #333;*/
}

@keyframes arrow_title {
              0% {
				  left: 0px;
              }
              50% {
                  left: 50%;
              }
              100% {
                  left: 100%;
              }
          }

          #arrow_title {
              fill: #333333;
              animation-name: left;
              animation-duration: 4s;
              /*animation-iteration-count: infinite;*/
          }

/*/////////////////////////////////////////////////////////
///////////////////////////////////////////////////////////
Parallax Lay End
///////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////*/

/*@media (max-width: 1130px) {

.disrib_02 h1 {
	margin-top: -100px;
	text-align: center;
	padding-bottom: 0px;
}

}

@media (max-width: 930px) {

.disrib_02 h1 {
	margin-top: -15%;
	text-align: center;
	padding-bottom: 0px;
	font-size: 40px !important;
}

}

@media (max-width: 510px) {

.disrib_02 h1 {
	text-align: center;
	padding-bottom: 0px;
	font-size: 30px !important;
}

}

@media (max-width: 420px) {

.disrib_02 h1 {
	text-align: center;
	padding-bottom: 0px;
	font-size: 20px !important;
}

}*/
.profile_images {
    max-width:428px!important;
    width:100%!important
}

.discrib_contact {
/*background-image: url(images/contact.jpg);*/
    background-attachment:fixed;
    background-position:center;
    background-size:cover;
    background-size:cover;
    -webkit-background-size:cover;
    -moz-background-size:cover;
    -ms-background-size:cover;
    -o-background-size:cover;
    width:100%;
    height:auto;
    min-height:150px;
    text-align:center;
    font-size:36px;
    font-weight:700;
    padding-top:120px;
    padding-bottom:20px;
    color:#fff;
    text-shadow:2px 2px 2px rgba(0,0,0,0.80);
}

.discrib_gallery {
/*background-image: url(images/6.jpg);*/
    background-attachment:fixed;
    background-position:center;
    background-size:cover;
    background-size:cover;
    -webkit-background-size:cover;
    -moz-background-size:cover;
    -ms-background-size:cover;
    -o-background-size:cover;
    width:100%;
    height:auto;
    min-height:150px;
    text-align:center;
    font-size:36px;
    font-weight:700;
    padding-top:120px;
    padding-bottom:20px;
    color:#fff;
    text-shadow:2px 2px 2px rgba(0,0,0,0.80)
}

.discrib_photo {
/*background-image: url(images/L&B-20.jpg);*/
/*background-attachment: fixed;*/
/*background-position: center;
	background-size: cover;
	background-size: cover;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-ms-background-size: cover;
	-o-background-size: cover;*/
    width:100%;
    height:auto;
/*min-height: 150px;*/
/*text-align: center;
	font-size: 36px;
	font-weight: 700;
	margin-top: -100px;*/
/*padding-top: 120px;
	padding-bottom: 20px;*/
    color:#fff;
    text-shadow:2px 2px 2px rgba(0,0,0,0.80);
    position:relative;
    z-index:9999999!important
}

.contact_img {
    width:100%;
    transition:ease-in-out .2s;
    -webkit-transition:ease-in-out .2s;
    -moz-transition:ease-in-out .2s;
    -ms-transition:ease-in-out .2s;
    -o-transition:ease-in-out .2s;
    filter:gray;
    filter:grayscale(100%);
    -webkit-filter:grayscale(100%);
    -moz-filter:grayscale(100%);
    -ms-filter:grayscale(100%);
    -o-filter:grayscale(100%);
    cursor:pointer
}

.contact_img:hover {
    filter:grayscale(0%);
    -webkit-filter:grayscale(0%);
    -moz-filter:grayscale(0%);
    -ms-filter:grayscale(0%);
    -o-filter:grayscale(0%)
}

.img_01 {
    background-image:url(images/L&B-26.jpg);
    background-attachment:fixed;
/*background-size: cover;*/
    background-size:100%;
    width:100%;
    min-height:200px;
    font-size:50px;
    font-weight:700;
    text-align:center;
    color:#fff;
    padding-top:75px;
    text-shadow:2px 2px 2px rgba(0,0,0,0.85)
}

.spacer {
    width:100%;
    min-height:150px;
    margin-bottom:50px
}

.sitemap_menu li {
    display:inline-block
}

/*///////////////////////////////////////////////////
//////////////////////////////////////////////////
Contact Form 7
///////////////////////////////////////////////////
///////////////////////////////////////////////////*/

.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"],
.wpcf7 input[type="select"] {
	background-color: #eee !important;
	border: none !important;
	color: #333;
	width: 100%;
	padding:6px;
	margin: 5px 0px;
	transition:ease-in-out .2s;
	-webkit-transition:ease-in-out .2s;
	-moz-transition:ease-in-out .2s;
	-ms-transition:ease-in-out .2s;
	-o-transition:ease-in-out .2s
}

select {
	background-color: #eee !important;
	color: #333;
	width: 100%;
	padding:6px;
	margin: 5px 0px;
	border: none !important;
	transition:ease-in-out .2s;
	-webkit-transition:ease-in-out .2s;
	-moz-transition:ease-in-out .2s;
	-ms-transition:ease-in-out .2s;
	-o-transition:ease-in-out .2s
}

.wpcf7 textarea {
	background-color: #eee !important;
	color: #333;
	padding: 6px;
	margin: 5px 0px;
	border: none !important;
	width: 100% !important;
	height: 100px;
	transition: ease-in-out .2s;
	-webkit-transition: ease-in-out .2s;
	-moz-transition: ease-in-out .2s;
	-ms-transition: ease-in-out .2s;
	-o-transition: ease-in-out .2s
}

.wpcf7 input[type="text"]:hover,.wpcf7 input[type="email"]:hover,.wpcf7 input[type="tel"]:hover,.wpcf7 textarea:hover, .wpcf7 input[type="select"]:hover {
    background-color: #d6d6d6 !important;
}

select:hover {
    background-color: #d6d6d6 !important;
}

option {
	color: #333;
}

input[type="button"],input[type="reset"],input[type="submit"] {
    width: auto !important;
    padding: 10px 25px !important;
    font-size: 12px;
    text-align: center;
    background: #bc02bc !important;
    text-transform: uppercase;
    letter-spacing: 5px !important;
    color: #333 !important;
    border-radius: 25px;
    border: solid #c9a661 1px !important;
    display: -webkit-inline-box !important;
	border: none !important;
	float: right;
    transition:ease-in-out .2s;
    -webkit-transition:ease-in-out .2s;
    -moz-transition:ease-in-out .2s;
    -ms-transition:ease-in-out .2s;
    -o-transition:ease-in-out .2s
}

input[type="button"]:hover,input[type="reset"]:hover,input[type="submit"]:hover {
    background-color: #333 !important;
	color: #fff !important;
	-webkit-box-shadow: 8px 8px 1px 0 rgba(0,0,0,0.4);
    box-shadow: 8px 8px 1px 0 rgba(0,0,0,0.4);
}

.gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]) {
    font-size: inherit;
    font-family: inherit;
    padding: 10px 15px !important;
    letter-spacing: normal;
    border-radius: 25px;
    border: solid 1px #333;
    width: 100% !important;
}

.gform_wrapper textarea.medium {
    height: 160px;
    font-size: inherit;
    font-family: inherit;
    padding: 10px 15px !important;
    letter-spacing: normal;
    border-radius: 25px;
    border: solid 1px #333;
    width: 100% !important;
}

/*////////////////////////////////////////////
////////////////////////////////////////////
Contact Form 7 End
////////////////////////////////////////////
////////////////////////////////////////////*/

/*.cf7-style input.wpcf7-form-control.wpcf7-submit {*/
/*    text-align:center;*/
/*    font-size:18px;*/
/*    background-color:#296DA4;*/
/*    color:#fff!important;*/
/*    border:none;*/
/*    cursor:pointer;*/
/*	float: right;*/
/*    transition:ease-in-out .2s;*/
/*    -webkit-transition:ease-in-out .2s;*/
/*    -moz-transition:ease-in-out .2s;*/
/*    -ms-transition:ease-in-out .2s;*/
/*    -o-transition:ease-in-out .2s*/
/*}*/

/*.cf7-style input.wpcf7-form-control.wpcf7-submit:hover {*/
/*    background-color:#1B425B;*/
/*    color:#fff;*/
/*    border-radius:20px 0 20px 0*/
/*}*/

/*///////////////////////////////////////////////////
///////////////////////////////////////////////////
Contact Form 7 End
///////////////////////////////////////////////////
///////////////////////////////////////////////////*/



/*///////////////////////////////////////////////////
///////////////////////////////////////////////////
Header
///////////////////////////////////////////////////
///////////////////////////////////////////////////*/
/* =Header

-------------------------------------------------------------- */

.call_to_action {
    width: 100%;
    height: 42px;
    margin: auto;
    font-size: 20px;
    font-weight: 700;
    line-height: 2.6;
    color: #fff !important;
    position: fixed;
    z-index: 99999;
    margin-left: auto;
    margin-right: auto;
    left: 0px;
    right: 0px;
		text-align: right;
}

.ctacolor.call_to_action {
    margin-top: -12px;
    font-size: 16px;
}

.ctacolor {
    color: #333 !important;
    margin-top: -12px;
    z-index: 99999;
}

/*.ctacolor .fa {*/
/*    color: #333 !important;*/
/*}*/

.c_wrap a .fa-facebook-f {
    transition: all .3s;
    -webkit-transition: all .3s;
}
.c_wrap a .fa-facebook-f:hover {
    color: #3b5998 !important;
}
.c_wrap a .fa-instagram {
    transition: all .3s;
    -webkit-transition: all .3s;
}
.c_wrap a .fa-instagram:hover {
    color: #C13584 !important;
}
.c_wrap a .fa-youtube {
    transition: all .3s;
    -webkit-transition: all .3s;
}
.c_wrap a .fa-youtube:hover {
    color: #ff0000 !important;
}
.c_wrap a .fa-linkedin-in {
    transition: all .3s;
    -webkit-transition: all .3s;
}
.c_wrap a .fa-linkedin-in:hover {
    color: #0077B5 !important;
}

.ctacolor .c_wrap a {
    color: #333 !important;
}

.ctacolor .c_wrap a .fa-facebook-f {
    transition: all .3s;
    -webkit-transition: all .3s;
}
.ctacolor .c_wrap a .fa-facebook-f:hover {
    color: #3b5998 !important;
}
.ctacolor .c_wrap a .fa-instagram {
    transition: all .3s;
    -webkit-transition: all .3s;
}
.ctacolor .c_wrap a .fa-instagram:hover {
    color: #C13584 !important;
}
.ctacolor .c_wrap a .fa-youtube {
    transition: all .3s;
    -webkit-transition: all .3s;
}
.ctacolor .c_wrap a .fa-youtube:hover {
    color: #ff0000 !important;
}
.ctacolor .c_wrap a .fa-linkedin-in {
    transition: all .3s;
    -webkit-transition: all .3s;
}
.ctacolor .c_wrap a .fa-linkedin-in:hover {
    color: #0077B5 !important;
}

.menu_block {
	width: 100%;
	max-width: 1400px;
	margin: auto;
	height: 140px;
}
@media (max-width: 1200px) {
.menu_block {
	width: auto;
	padding: 0px 20px;
}
.c_wrap {
    width: auto !important;
    padding-left: 20px !important;
    padding-right: 20px !important;
}
}

header {
    max-width: 100%;
    width: 100%;
    height: 160px !important;
    position: absolute;
    top:0;
    left:0;
    text-align: right;
    z-index: 999;
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+100&0.6+0,0+100 */
background: -moz-linear-gradient(top,  rgba(0,0,0,0.6) 0%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(0,0,0,0.6) 0%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(0,0,0,0.6) 0%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#99000000', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */

    -webkit-transition:height .8s;
    -moz-transition:height .8s;
    -ms-transition:height .8s;
    -o-transition:height .8s;
    transition:height .8s;
		-webkit-transition:ease-in-out .5s;
    -moz-transition:ease-in-out .5s;
    -ms-transition:ease-in-out .5s;
    -o-transition:ease-in-out .5s;
    transition:ease-in-out .5s;
}

@media (max-width: 992px) {
header {
    height:100px;
}
}

header #logo {
    display:inline-block;
	width: 280px;
    padding-left: 5px;
    padding-top: 10px;
	float: left;
    -webkit-transition:ease-in-out .5s;
    -moz-transition:ease-in-out .5s;
    -ms-transition:ease-in-out .5s;
    -o-transition:ease-in-out .5s;
    transition:ease-in-out .5s
}

header nav {
    display:inline-block;
		-webkit-transition:ease-in-out .5s;
    -moz-transition:ease-in-out .5s;
    -ms-transition:ease-in-out .5s;
    -o-transition:ease-in-out .5s;
    transition:ease-in-out .5s;
}

header nav a {
	line-height: 130px;
	margin-left: 20px;
	line-height:90px;
    color:#9fdbfc;
    font-weight:700;
    font-size:14px;
    -webkit-transition:ease-in-out .5s;
    -moz-transition:ease-in-out .5s;
    -ms-transition:ease-in-out .5s;
    -o-transition:ease-in-out .5s;
    transition:ease-in-out .5s;
}

header nav a:hover {
	color:#fff;
	-webkit-transition:ease-in-out .5s;
	-moz-transition:ease-in-out .5s;
	-ms-transition:ease-in-out .5s;
	-o-transition:ease-in-out .5s;
	transition:ease-in-out .5s;
}

header.smaller {
	background-color: rgba(255, 255, 255, 0.95) !important;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,0+100 */
    background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */
    position: fixed;
	height: 90px !important;
	-webkit-transition: ease-in-out .5s;
	-moz-transition: ease-in-out .5s;
	-ms-transition: ease-in-out .5s;
	-o-transition: ease-in-out .5s;
	transition: ease-in-out .5s;
	-webkit-box-shadow: 0 0 10px 1px rgba(0,0,0,0.2);
	box-shadow: 0 0 10px 1px rgba(0,0,0,0.2);
}

header.smaller #logo {
	width: 172px;
    padding-top: 0;
	-webkit-transition:ease-in-out .5s;
	-moz-transition:ease-in-out .5s;
	-ms-transition:ease-in-out .5s;
	-o-transition:ease-in-out .5s;
	transition:ease-in-out .5s;
}

@media (max-width: 346px) {
    header.smaller #logo {
	    width: 160px !important;
	    padding-top: 15px !important;
}
}

header.smaller .menu_b a {
	color: #333;
}

header.smaller .menu_b ul li {
    display: inline-block;
    margin-top: 30px;
}

header.smaller nav a {
    line-height:35px;
    font-size:12px;
		color: #333 !important;
	-webkit-transition:ease-in-out .5s;
    -moz-transition:ease-in-out .5s;
    -ms-transition:ease-in-out .5s;
    -o-transition:ease-in-out .5s;
    transition:ease-in-out .5s;
}

header.smaller .menu_block {
	height: 80px;
}

/* =Footer
-------------------------------------------------------------- */
/* =Extras
-------------------------------------------------------------- */
.clearfix:after {
    visibility:hidden;
    display:block;
    content:"";
    clear:both;
    height:0;
    text-align:center!important;
	-webkit-transition:ease-in-out .5s;
    -moz-transition:ease-in-out .5s;
    -ms-transition:ease-in-out .5s;
    -o-transition:ease-in-out .5s;
    transition:ease-in-out .5s
}

/*///////////////////////////////////////////////////
///////////////////////////////////////////////////
Header End
///////////////////////////////////////////////////
///////////////////////////////////////////////////*/



/*///////////////////////////////////////////////////
///////////////////////////////////////////////////
Creative Menu
///////////////////////////////////////////////////
///////////////////////////////////////////////////*/

*,:after,::before {
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box
}

body {
    font-family:'Raleway',sans-serif
}

/*nav a {
    position:relative;
    display:inline-block;
    margin:5px 15px;
    outline:none;
    color:#fff;
    text-decoration:none;
    text-transform:uppercase;
    letter-spacing:1px;
    font-weight:400;
    text-shadow:0 0 1px rgba(255,255,255,0.3);
    font-size:14px;
    -webkit-transition:all .3s;
    -moz-transition:all .3s;
    -ms-transition:all .3s;
    -o-transition:all .3s;
    transition:all .3s
}

nav a:hover,nav a:focus {
    outline:none
}

@font-face {
    font-family:'codropsicons';
    src:url(../fonts/codropsicons/codropsicons.eot);
    src:url(../fonts/codropsicons/codropsicons.eot?#iefix) format("embedded-opentype"),url(../fonts/codropsicons/codropsicons.woff) format("woff"),url(../fonts/codropsicons/codropsicons.ttf) format("truetype"),url(../fonts/codropsicons/codropsicons.svg#codropsicons) format("svg");
    font-weight:400;
    font-style:normal
}*/

.color-6 {
/*padding-top: 15px;*/
    -webkit-transition:all .3s;
    -moz-transition:all .3s;
    -ms-transition:all .3s;
    -o-transition:all .3s;
    transition:all .3s
}

.logo2 {
    -webkit-transition:all .3s;
    -moz-transition:all .3s;
    -ms-transition:all .3s;
    -o-transition:all .3s;
    transition:all .3s;
    display:none
}

/*@media screen and (max-width: 896px) {
.color-6 {
    display:none
}

.logo2 {
    display:block;
    padding-top:12px;
    margin-left:auto!important;
    margin-right:auto!important
}

header {
    height:90px!important;
    padding-top:3px!important;
    text-align:center!important
}
}

@media screen and (max-width: 25em) {
.codrops-icon span {
    display:none
}
}*/

/* Effect 18: cross */
.cl-effect-18 {
    position:relative;
    z-index:1;
    width:100%;
    -webkit-transition:all .3s;
    -moz-transition:all .3s;
    -ms-transition:all .3s;
    -o-transition:all .3s;
    transition:all .3s
}

.cl-effect-18 a {
    padding:0 5px;
    /*color:#b4770d;*/
	color: #fff;
    font-weight:700;
	text-decoration: none !important;
    -webkit-transition:color .3s;
    -moz-transition:color .3s;
    transition:color .3s
}

.cl-effect-18 li {
	display: inline-block !important;
}

.cl-effect-18 ul {
	display: inline-block !important;
}

.cl-effect-18 ul li {
	display: inline-block !important;
}

.cl-effect-18 a::before,.cl-effect-18 a::after {
    position:absolute;
    width:100%;
    left:0;
    top:50%;
    height:2px;
    margin-top:-1px;
    /*background:#b4770d;*/
	background: #fff;
    content:'';
    z-index:-1;
    -webkit-transition:-webkit-transform 0.3s,opacity .3s;
    -moz-transition:-moz-transform 0.3s,opacity .3s;
    transition:transform 0.3s,opacity .3s;
    pointer-events:none
}

.cl-effect-18 a::before {
    -webkit-transform:translateY(-20px);
    -moz-transform:translateY(-20px);
    transform:translateY(-20px)
}

.cl-effect-18 a::after {

    -webkit-transform:translateY(20px);
    -moz-transform:translateY(20px);
    transform:translateY(20px)
}

.cl-effect-18 a:hover,.cl-effect-18 a:focus {
    /*color:#b4770d;*/
}

.cl-effect-18 a:hover::before,.cl-effect-18 a:hover::after,.cl-effect-18 a:focus::before,.cl-effect-18 a:focus::after {
	background:#b4770d;
    opacity:.7
}

.cl-effect-18 a:hover::before,.cl-effect-18 a:focus::before {
    -webkit-transform:rotate(45deg);
    -moz-transform:rotate(45deg);
    transform:rotate(45deg)
}

.cl-effect-18 a:hover::after,.cl-effect-18 a:focus::after {
    -webkit-transform:rotate(-45deg);
    -moz-transform:rotate(-45deg);
    transform:rotate(-45deg)
}

/*///////////////////////////////////////////////////
///////////////////////////////////////////////////
Creative Menu End
///////////////////////////////////////////////////
///////////////////////////////////////////////////*/



/*///////////////////////////////////////////////////
///////////////////////////////////////////////////
Responsive Grid 2
///////////////////////////////////////////////////
///////////////////////////////////////////////////*/

/*  SECTIONS  */
.section {
    clear:both;
    padding:0;
    margin:0
}

/*  COLUMN SETUP  */
.col {
    display:block;
    float:left;
    margin:1% 0 1% 1.6%
}

.col:first-child {
    margin-left:0
}

/*  GROUPING  */
.group:before,.group:after {
    content:"";
    display:table
}

.group:after {
    clear:both
}

.group {
    zoom:1
/* For IE 6/7 */
}

/*  GRID OF TWO  */
.span_2_of_2 {
    width:100%
}

.span_1_of_2 {
    width:49.2%
}

/*  GO FULL WIDTH AT LESS THAN 480 PIXELS */
@media only screen and (max-width: 480px) {
.col {
    margin:1% 0
}
}

@media only screen and (max-width: 480px) {
.span_2_of_2,.span_1_of_2 {
    width:100%
}
}

/*/////////////////////////////////////////////////////////*/
/*  SECTIONS  */
.section {
	clear: both;
	padding: 0px;
	margin: 0px;
}

/*  COLUMN SETUP  */
.col_full {
	display: block;
	float:left;
	margin: 0;
}
.col_full:first-child { margin-left: 0; }

/*  GROUPING  */
.group:before,
.group:after { content:""; display:table; }
.group:after { clear:both;}
.group { zoom:1; /* For IE 6/7 */ }
/*  GRID OF TWO  */
.span_2_of_2_full {
	width: 100%;
}
.span_1_of_2_full {
	width: 50%;
}

/*  GO FULL WIDTH AT LESS THAN 480 PIXELS */

@media only screen and (max-width: 480px) {
	.col_full {
		margin: 1% 0 1% 0%;
	}
}

@media only screen and (max-width: 680px) {
	.span_2_of_2_full, .span_1_of_2_full { width: 100%; }
}
/*/////////////////////////////////////////////////////////*/

/*  SECTIONS  */
.section_head {
	clear: both;
	padding: 0px;
	margin: 0px;
}

/*  COLUMN SETUP  */
.col_head {
	display: block;
	float:left;
	margin: 0 1% 0 1%;
}
.col_head:first-child { margin-left: 0; }

/*  GROUPING  */
.group_head:before,
.group_head:after { content:""; display:table; }
.group_head:after { clear:both;}
.group_head { zoom:1; /* For IE 6/7 */ }
/*  GRID OF TWO  */
.span_2_of_2_head {
	width: 100%;
}
.span_1_of_2_head_left {
	width: 48.5%;
	text-align: left;
}

.span_1_of_2_head_right {
	width: 48.5%;
	text-align: right;
}

@media (max-width: 760px) {
.span_1_of_2_head_left {
	display: none;
}
.span_1_of_2_head_right {
	width: 100%;
	text-align: center;
}
.menu_b {
	display: none;
}
}



.responsive-menu-inner, .responsive-menu-inner::before, .responsive-menu-inner::after {
    border-radius: 0px !important;
}

/*  GO FULL WIDTH AT LESS THAN 480 PIXELS */

@media only screen and (max-width: 760px) {
	.col_head {
		margin: 0px !important;
	}
}

@media only screen and (max-width: 180px) {
	.span_2_of_2_head, .span_1_of_2_head { width: 100%; }
}

/*  SECTIONS  */
.section_arrow {
	clear: both;
	padding: 0px;
	margin: 0px;
}

/*  COLUMN SETUP  */
.col_arrow {
	display: block;
	float:left;
	margin: 1% 0 1% 0;
}
.col_arrow:first-child { margin-left: 0; }

/*  GROUPING  */
.group_arrow:before,
.group_arrow:after { content:""; display:table; }
.group_arrow:after { clear:both;}
.group_arrow { zoom:1; /* For IE 6/7 */ }
/*  GRID OF THREE  */
.span_3_of_3_arrow { width: 100%; }
.span_2_of_3_arrow { width: 66.33%; }
.span_1_of_3_arrow { width: 32.66%; }

/*  GO FULL WIDTH BELOW 480 PIXELS */
@media only screen and (max-width: 480px) {
	.col_arrow {  margin: 1% 0 1% 0%; }
	.span_3_of_3_arrow, .span_2_of_3_arrow, .span_1_of_3_arrow { display: ; }
}

/*  SECTIONS  */
.section_describ {
	clear: both;
	padding: 0px;
	margin: 0px;
}

/*  COLUMN SETUP  */
.col_describ {
	display: block;
	float:left;
	margin: 0 0 0 0;
}
.col_describ:first-child { margin-left: 0; }

/*  GROUPING  */
.group_describ:before,
.group_describ:after { content:""; display:table; }
.group_describ:after { clear:both;}
.group_describ { zoom:1; /* For IE 6/7 */ }
/*  GRID OF THREE  */
.span_3_of_3_describ { width: 100%; }
.span_2_of_3_describ { width: 66.33%; }
.span_1_of_3_describ { width: 32.66%; }
.span_1_of_3_describ_left { width: 32.66%; text-align: right !important; }
.span_1_of_3_describ_right { width: 32.66%; text-align: right !important; }

/*  GO FULL WIDTH BELOW 480 PIXELS */
@media only screen and (max-width: 0px) {
	.col_describ {  margin: 1% 0 1% 0%; }
	.span_3_of_3_describ, .span_2_of_3_describ, .span_1_of_3_describ { display: ; }
}

@media only screen and (max-width: 670px) {
	.col_describ {  margin: 0; }
	.span_1_of_3_describ_left { display: none !important; }
	.span_1_of_3_describ_right { display: none !important; }
	.span_1_of_3_describ { width: 100%; display:block;}
}

/*///////////////////////////////////////////////////
///////////////////////////////////////////////////
Responsive Grid 2 End
///////////////////////////////////////////////////
///////////////////////////////////////////////////*/



/*///////////////////////////////////////////////////
///////////////////////////////////////////////////
Responsive Grid 3
///////////////////////////////////////////////////
///////////////////////////////////////////////////*/

/*  SECTIONS  */
.section {
    clear:both;
    padding:0;
    margin:0
}

/*  COLUMN SETUP  */
.col {
    display:block;
    float:left;
    margin:1% 0 1% 1.6%
}

.col:first-child {
    margin-left:0
}

/*  GROUPING  */
.group:before,.group:after {
    content:"";
    display:table
}

.group:after {
    clear:both
}

.group {
    zoom:1
/* For IE 6/7 */
}

/*  GRID OF THREE  */
.span_3_of_3 {
    width:100%
}

.span_2_of_3 {
    width:66.13%
}

.span_1_of_3 {
    width:32.26%
}

/*  GO FULL WIDTH BELOW 480 PIXELS */
@media only screen and (max-width: 700px) {
.col {
    margin:1% 0
}

.span_3_of_3,.span_2_of_3,.span_1_of_3 {
    width:100%
}
}

/*///////////////////////////////////////////////////
///////////////////////////////////////////////////
Responsive Grid 3 End
///////////////////////////////////////////////////
///////////////////////////////////////////////////*/



/*///////////////////////////////////////////////////
///////////////////////////////////////////////////
Responsive Grid 3_menu
///////////////////////////////////////////////////
///////////////////////////////////////////////////*/

/*  SECTIONS  */
.section {
    clear:both;
    padding:0;
    margin:0
}

/*  COLUMN SETUP  */
.col_menu {
    display:block;
    float:left;
    margin:0% 0 0% 0.5%
}

.col_menu:first-child {
    margin-left:0
}

/*  GROUPING  */
.group:before,.group:after {
    content:"";
    display:table
}

.group:after {
    clear:both
}

.group {
    zoom:1
/* For IE 6/7 */
}

/*  GRID OF THREE  */
.span_3_of_3 {
    width:100%
}

.span_2_of_3 {
    width:66.13%;
}

.span_1_of_3_menu {
    width: 41% !important;
}

.span_1_of_3_logo {
    width: auto !important;
}

/*  GO FULL WIDTH BELOW 480 PIXELS */
@media only screen and (max-width: 700px) {
.col {
    margin:1% 0
}

.span_3_of_3,.span_2_of_3,.span_1_of_3 {
    width:100%
}
}

/*///////////////////////////////////////////////////
///////////////////////////////////////////////////
Responsive Grid 3_menu End
///////////////////////////////////////////////////
///////////////////////////////////////////////////*/



/*/////////////////////////////////////
/////////////////////////////////////
Blocks
/////////////////////////////////////
/////////////////////////////////////*/
.grid {
    overflow:hidden;
    margin:0;
    padding:3em 0 0;
    width:100%;
    list-style:none;
    text-align:center;
    border-radius: 25px;
}

/* Common style */
.grid figure {
    position:relative;
    z-index:1;
    display:inline-block;
    overflow:hidden;
    margin:-.135em;
    /*width:33.333%;*/
	width: 100%;
    height:350px;
    border-radius: 25px;
    background:#000;
    text-align:center;
    cursor:pointer
}

.grid_full figure {
    position:relative;
    z-index:1;
    display:inline-block;
    overflow:hidden;
    margin:-.135em;
    /*width:33.333%;*/
	width:49%;
    height:400px;
    background:#000;
    text-align:center;
    cursor:pointer
}

.grid figure_b {
    position:relative;
    z-index:1;
    display:inline-block;
    overflow:hidden;
    margin:-.135em;
    width:100%;
    height:400px;
    background:#000;
    text-align:center;
    cursor:pointer
}

.grid figure img {
    position:relative;
    display:block;
    min-height:100%;
    opacity:.6
}

.grid figure figcaption {
    padding:2em;
    color:#fff!important;
    text-transform:uppercase;
    font-size:1.25em;
    -webkit-backface-visibility:hidden;
    backface-visibility:hidden
}

.grid figure figcaption::before,.grid figure figcaption::after {
    pointer-events:none;
    color:#fff!important
}

.grid figure figcaption,.grid figure a {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    color:#fff!important
}

/* Anchor will cover the whole item by default */
/* For some effects it will show as a button */
.grid figure a {
    z-index:1000;
    text-indent:200%;
    white-space:nowrap;
    font-size:0;
    opacity:0;
    color:#fff!important
}

.grid figure h2 {
    word-spacing:-.15em;
    font-weight:300;
    color:#fff!important
}

.grid figure h2 span {
    font-weight:800;
    color:#fff!important
}

.grid figure h2,.grid figure p {
    margin:0;
    color:#fff!important
}

.grid figure p {
    letter-spacing:1px;
    font-size:68.5%;
    color:#fff!important
}

/*/////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////


/////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////*/



/*///////////////////////////////////////////////////
///////////////////////////////////////////////////
Responsive Grid 3
///////////////////////////////////////////////////
///////////////////////////////////////////////////*/

.grid_b {
    overflow:hidden;
    margin:0;
    padding:3em 0 0;
    width:100%;
    list-style:none;
    text-align:center
}

/* Common style */
.grid_b figure {
    position:relative;
    z-index:1;
    display:inline-block;
    overflow:hidden;
    margin:-.135em;
    width:100%;
    height:400px;
    background:#000!important;
    text-align:center;
    cursor:pointer;
    color:#fff!important
}

.grid_b figure img {
    position:relative;
    display:block;
    min-height:100%;
    opacity:.8
}

.grid_b figure figcaption {
    padding:2em;
    color:#fff;
    text-transform:uppercase;
    font-size:1.25em;
    -webkit-backface-visibility:hidden;
    backface-visibility:hidden;
    color:#fff!important
}

.grid_b figure figcaption::before,.grid_b figure figcaption::after {
    pointer-events:none
}

.grid_b figure figcaption,.grid_b figure a {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    color:#fff!important
}

/* Anchor will cover the whole item by default */
/* For some effects it will show as a button */
.grid_b figure a {
    z-index:1000;
    text-indent:200%;
    white-space:nowrap;
    font-size:0;
    opacity:0;
    color:#fff!important
}

.grid_b figure h2 {
    word-spacing:-.15em;
    font-weight:300;
    color:#fff!important
}

.grid_b figure h2 span {
    font-weight:800;
    color:#fff!important
}

.grid_b figure h2,.grid_b figure p {
    margin:0;
    color:#fff!important
}

.grid_b figure p {
    letter-spacing:1px;
    font-size:68.5%;
    color:#fff!important
}

/*---------------*/
/***** Romeo *****/
/*---------------*/
figure.effect-romeo {
    -webkit-perspective:1000px;
    perspective:1000px
}

figure.effect-romeo img {
    -webkit-transition:opacity 0.35s,-webkit-transform .35s;
    transition:opacity 0.35s,transform .35s;
    -webkit-transform:translate3d(0,0,300px);
    transform:translate3d(0,0,300px)
}

figure.effect-romeo:hover img {
    opacity:.2;
    -webkit-transform:translate3d(0,0,0);
    transform:translate3d(0,0,0)
}

figure.effect-romeo figcaption::before,figure.effect-romeo figcaption::after {
    position:absolute;
    top:50%;
    left:50%;
    width:80%;
    height:1px;
    background:#fff!important;
    content:'';
    -webkit-transition:opacity 0.35s,-webkit-transform .35s;
    transition:opacity 0.35s,transform .35s;
    -webkit-transform:translate3d(-50%,-50%,0);
    transform:translate3d(-50%,-50%,0);
    color:#fff!important
}

figure.effect-romeo:hover figcaption::before {
    opacity:.5;
    background-color:#000;
    color:#fff!important;
    -webkit-transform:translate3d(-50%,-50%,0) rotate(45deg);
    transform:translate3d(-50%,-50%,0) rotate(45deg)
}

figure.effect-romeo:hover figcaption::after {
    opacity:.5;
    color:#fff!important;
    -webkit-transform:translate3d(-50%,-50%,0) rotate(-45deg);
    transform:translate3d(-50%,-50%,0) rotate(-45deg)
}

figure.effect-romeo h2,figure.effect-romeo p {
    position:absolute;
    top:50%;
    left:0;
    width:100%;
    color:#fff!important;
    -webkit-transition:-webkit-transform .35s;
    transition:transform .35s
}

figure.effect-romeo h2 {
    color:#fff!important;
    -webkit-transform:translate3d(0,-50%,0) translate3d(0,-150%,0);
    transform:translate3d(0,-50%,0) translate3d(0,-150%,0)
}

figure.effect-romeo p {
    padding:.25em 2em;
    color:#fff!important;
    -webkit-transform:translate3d(0,-50%,0) translate3d(0,150%,0);
    transform:translate3d(0,-50%,0) translate3d(0,150%,0)
}

figure.effect-romeo:hover h2 {
    color:#fff!important;
    -webkit-transform:translate3d(0,-50%,0) translate3d(0,-100%,0);
    transform:translate3d(0,-50%,0) translate3d(0,-100%,0)
}

figure.effect-romeo:hover p {
    color:#fff!important;
    -webkit-transform:translate3d(0,-50%,0) translate3d(0,100%,0);
    transform:translate3d(0,-50%,0) translate3d(0,100%,0)
}

*,:after,:before {
    box-sizing:border-box
}

.clearfix:before,.clearfix:after {
    content:'';
    display:table
}

.clearfix:after {
    clear:both
}

/* Related demos */
.related {
    padding:6em 1em;
    font-size:120%
}

.related > a {
    border:1px solid #4f7f90;
    display:inline-block;
    text-align:center;
    margin:20px 10px;
    padding:25px
}

.related a:hover {
    border-color:#39545e
}

.related a img {
    max-width:100%;
    opacity:.8
}

.related a:hover img,.related a:active img {
    opacity:1
}

.related a h3 {
    margin:0;
    padding:.5em 0 .3em;
    max-width:300px;
    text-align:left
}

@media screen and (max-width: 25em) {
.codrops-header {
    font-size:75%
}

.codrops-icon span {
    display:none
}
}

@media screen and (max-width: 50em) {
.content {
    padding:0 10px;
    text-align:center
}

.grid figure {
    display:inline-block;
    float:none;
    margin:10px auto;
    width:100%
}
}

/*/////////////////////////////////////
/////////////////////////////////////
Blocks End
/////////////////////////////////////
/////////////////////////////////////*/



/*///////////////////////////////////////////////////
///////////////////////////////////////////////////
Block 2
///////////////////////////////////////////////////
///////////////////////////////////////////////////*/

.grid_2 {
    position:relative;
    clear:both;
    margin:0 auto;
    padding:1em 0 4em;
    width:100%;
    min-height:400px;
    list-style:none;
    text-align:center!important
}

/* Common style */
.grid_2 figure {
    position:relative;
/*float: left;*/
/*z-index: 1;*/
    overflow:hidden;
    margin:10px 1%;
/*min-width: 250px;
	max-width: 380px;*/
    min-width:250px;
    width:30%;
    min-height:150px;
    height:auto;
    background:#3085a3;
    text-align:center;
    cursor:pointer;
    display:inline-block
}

/*.grid figure {
	position: relative;
	z-index: 1;
	display: inline-block;
	overflow: hidden;
	margin: -0.135em;
	width: 33.333%;
	height: 400px;
	background: #3085a3;
	text-align: center;
	cursor: pointer;
}*/
.grid_2 figure img {
    position:relative;
    display:block;
    min-height:100%;
    max-width:100%;
    opacity:.8
}

.grid_2 figure figcaption {
    padding:2em;
    color:#fff;
    text-transform:uppercase;
    font-size:1.25em;
    -webkit-backface-visibility:hidden;
    backface-visibility:hidden
}

.grid_2 figure figcaption::before,.grid_2 figure figcaption::after {
    pointer-events:none
}

.grid_2 figure figcaption,.grid_2 figure figcaption > a {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%
}

/* Anchor will cover the whole item by default */
/* For some effects it will show as a button */
.grid_2 figure figcaption > a {
    z-index:1000;
    text-indent:200%;
    white-space:nowrap;
    font-size:0;
    opacity:0
}

.grid_2 figure h2 {
    word-spacing:-.15em;
    font-weight:300
}

.grid_2 figure h2 span {
    font-weight:800
}

.grid_2 figure h2,.grid_2 figure p {
    margin:0
}

.grid_2 figure p {
    letter-spacing:1px;
    font-size:68.5%
}

/*-----------------*/
/***** Steve *****/
/*-----------------*/
figure.effect-steve {
    z-index:auto;
    overflow:visible;
    background:#000
}

figure.effect-steve:before,figure.effect-steve h2:before {
    position:absolute;
    top:0;
    left:0;
    z-index:-1;
    width:100%;
    height:100%;
    background:#000;
    content:'';
    -webkit-transition:opacity .35s;
    transition:opacity .35s
}

figure.effect-steve:before {
    box-shadow:0 3px 30px rgba(0,0,0,0.8);
    opacity:0
}

figure.effect-steve figcaption {
    z-index:1
}

figure.effect-steve img {
    opacity:1;
    -webkit-transition:-webkit-transform .35s;
    transition:transform .35s;
    -webkit-transform:perspective(1000px) translate3d(0,0,0);
    transform:perspective(1000px) translate3d(0,0,0)
}

figure.effect-steve h2,figure.effect-steve p {
    background:#fff;
    color:#2d434e
}

figure.effect-steve h2 {
    position:relative;
    margin-top:20px;
    padding:.25em
}

figure.effect-steve h2:before {
    box-shadow:0 1px 10px rgba(0,0,0,0.5)
}

figure.effect-steve p {
    margin-top:1em;
    padding:.5em;
    font-weight:800;
    opacity:0;
    -webkit-transition:opacity 0.35s,-webkit-transform .35s;
    transition:opacity 0.35s,transform .35s;
    -webkit-transform:scale3d(0.9,0.9,1);
    transform:scale3d(0.9,0.9,1)
}

figure.effect-steve:hover:before {
    opacity:1
}

figure.effect-steve:hover img {
    -webkit-transform:perspective(1000px) translate3d(0,0,21px);
    transform:perspective(1000px) translate3d(0,0,21px)
}

figure.effect-steve:hover h2:before {
    opacity:0
}

figure.effect-steve:hover p {
    opacity:1;
    -webkit-transform:scale3d(1,1,1);
    transform:scale3d(1,1,1)
}

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

audio,canvas,video {
    display:inline-block
}

audio:not([controls]) {
    display:none;
    height:0
}

[hidden] {
    display:none
}

html {
    font-family:sans-serif;
    -ms-text-size-adjust:100%;
    -webkit-text-size-adjust:100%
}

body {
    margin:0
}

a:focus {
    outline:thin dotted
}

a:active,a:hover {
    outline:0
}

h1 {
    font-size: 38px;
    margin:.67em 0
}

abbr[title] {
    border-bottom:1px dotted
}

b,strong {
    font-weight:700
}

dfn {
    font-style:italic
}

hr {
    -moz-box-sizing:content-box;
    box-sizing:content-box;
    height:0
}

mark {
    background:#ff0;
    color:#000
}

code,kbd,pre,samp {
    font-family:monospace,serif;
    font-size:1em
}

pre {
    white-space:pre-wrap
}

q {
    quotes:"\201C" "\201D" "\2018" "\2019"
}

small {
    font-size:80%
}

sub,sup {
    font-size:75%;
    line-height:0;
    position:relative;
    vertical-align:baseline
}

sup {
    top:-.5em
}

sub {
    bottom:-.25em
}

img {
    border:0
}

svg:not(:root) {
    overflow:hidden
}

figure {
    margin:0
}

fieldset {
    border:1px solid silver;
    margin:0 2px;
    padding:.35em .625em .75em
}

legend {
    border:0;
    padding:0
}

button,input,select,textarea {
    font-family:inherit;
    font-size:100%;
    margin:0
}

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],html input[disabled] {
    cursor:default
}

input[type="checkbox"],input[type="radio"] {
    box-sizing:border-box;
    padding:0
}

input[type="search"] {
    -webkit-appearance:textfield;
    -moz-box-sizing:content-box;
    -webkit-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
}

#searchform {
    display: inline-block;
    margin-top: -10px;
    vertical-align: middle;
}
.ctaclor .c_wrap {
    height: 30px !important;
    margin-top: -10px !important;
}
.ctacolor #searchform {
    display: inline-block;
    margin-top: -10px;
    vertical-align: middle;
}
.ctacolor input#s {
    background: #bababa6e;
    border-radius: 30px;
    border: solid 0px;
    padding: 5px;
    width: 200px;
    font-size: 12px;
}
input#s {
    background: #fcfcfc6e;
    border-radius: 30px;
    border: solid 0px;
    padding: 8px;
    width: 200px;
    font-size: 14px;
}
input#searchsubmit {
    content: "f002";
    font-family: FontAwesome;
    font-size: 0px !important;
    border-radius: 30px;
    width: 20px !important;
    height: 32px !important;
    position: absolute;
    margin-left: -50px;
    margin-top: 12px;
    background-color: rgba(0,0,0,0) !important;
}
button#searchsubmit {
    height: 32px !important;
    position: absolute;
    margin-left: -35px;
    margin-top: 12px;
    border: solid 0px;
    background-color: rgba(0,0,0,0) !important;
}
.ctacolor button#searchsubmit {
    margin-top: 7px;
}

input#searchsubmit:after {
    font-family: FontAwesome;
    content: "\f004"; /* Value may need to be changed in newer version of font awesome*/
    font-size: 13px;
    position: absolute;
    right: 20px;
    top: 1px;
    pointer-events: none;
}
.widget_nav_menu a {
    color: #fff;
}
/*input#searchsubmit {*/
/*content: “\f179”;*/
/*display: inline-block;*/
/*-webkit-font-smoothing: antialiased;*/
/* font: normal 30px/1 ‘dashicons’; */
/*vertical-align: middle;*/
/*background: none;*/
/*border: none;*/
/*padding-left: 20px;*/
/*font-family: FontAwesome;*/
/*width: 60px;*/
/*}*/

*,:after,:before {
    -webkit-box-sizing:border-box;
    box-sizing:border-box
}

.clearfix:before,.clearfix:after {
    display:table;
    content:''
}

.clearfix:after {
    clear:both
}

@media screen and (max-width: 700px) {
.grid_2 figure {
    width:100%!important;
    max-width:100%!important
}

figure.effect-steve {
    background-size:cover!important
}

figure.effect-steve:before, {
    background-size:cover!important
}

figure.effect-steve img {
    width:100%!important
}
}

@media screen and (max-width: 1248px) {
figure.effect-steve h2 {
    font-size:100%
}
}

@media screen and (max-width: 700px) {
figure.effect-steve h2 {
    font-size:1.5em
}
}

/*///////////////////////////////////////////////////
///////////////////////////////////////////////////
Block 2 End
///////////////////////////////////////////////////
///////////////////////////////////////////////////*/



/*///////////////////////////////////////////////////////
///////////////////////////////////////////////////////
Bootstrap Menu
///////////////////////////////////////////////////////
///////////////////////////////////////////////////////*/

/*-------------------------------*/
/*     Sidebar nav styles        */
/*-------------------------------*/
.sidebar-nav {
    position:absolute;
    top:0;
    width:220px;
    margin:0;
    padding:0;
    list-style:none;
    z-index:9999999999999!important
}

.sidebar-nav li {
    position:relative;
    line-height:20px;
    display:inline-block;
    width:100%
}

.sidebar-nav li:before {
    content:'';
    position:absolute;
    top:0;
    left:0;
    z-index:-1;
    height:100%;
    width:3px;
    background-color:#1c1c1c;
    -webkit-transition:width .2s ease-in;
    -moz-transition:width .2s ease-in;
    -ms-transition:width .2s ease-in;
    transition:width .2s ease-in
}

.sidebar-nav li:first-child a {
    color:#fff;
    background-color:#1a1a1a
}

.sidebar-nav li:nth-child(2):before {
    background-color:#ec1b5a
}

.sidebar-nav li:nth-child(3):before {
    background-color:#79aefe
}

.sidebar-nav li:nth-child(4):before {
    background-color:#314190
}

.sidebar-nav li:nth-child(5):before {
    background-color:#279636
}

.sidebar-nav li:nth-child(6):before {
    background-color:#7d5d81
}

.sidebar-nav li:nth-child(7):before {
    background-color:#ead24c
}

.sidebar-nav li:nth-child(8):before {
    background-color:#2d2366
}

.sidebar-nav li:nth-child(9):before {
    background-color:#35acdf
}

.sidebar-nav li:hover:before,.sidebar-nav li.open:hover:before {
    width:100%;
    -webkit-transition:width .2s ease-in;
    -moz-transition:width .2s ease-in;
    -ms-transition:width .2s ease-in;
    transition:width .2s ease-in
}

.sidebar-nav li a {
    display:block;
    color:#ddd;
    text-decoration:none;
    padding:20px 10px!important;
    position:relative;
    z-index:9999!important
}

.sidebar-nav li a:hover,.sidebar-nav li a:active,.sidebar-nav li a:focus,.sidebar-nav li.open a:hover,.sidebar-nav li.open a:active,.sidebar-nav li.open a:focus {
    color:#fff;
    text-decoration:none;
    background-color:#296DA4!important
}

.sidebar-nav > .sidebar-brand {
    height:65px;
    font-size:20px;
    line-height:44px!important
}

.sidebar-nav .dropdown-menu {
    position:relative;
    width:100%;
    padding:0;
    margin:0;
    border-radius:0;
    border:none;
    background-color:#222;
    box-shadow:none
}

/*-------------------------------*/
/*       Hamburger-Cross         */
/*-------------------------------*/
.hamburger {
    position:fixed;
    top:28px!important;
    z-index:999;
    display:block;
    width:32px;
    height:32px;
    margin-left:15px;
    background:transparent;
    border:none
}

.hamburger:hover,.hamburger:focus,.hamburger:active {
    outline:none
}

.hamburger.is-closed:before {
    content:'';
    display:block;
    width:100px;
    font-size:14px;
    color:#fff;
    line-height:32px;
    text-align:center;
    opacity:0;
    -webkit-transform:translate3d(0,0,0);
    -webkit-transition:all .35s ease-in-out
}

.hamburger.is-closed:hover:before {
    opacity:1;
    display:block;
    -webkit-transform:translate3d(-100px,0,0);
    -webkit-transition:all .35s ease-in-out
}

.hamburger.is-closed .hamb-top,.hamburger.is-closed .hamb-middle,.hamburger.is-closed .hamb-bottom,.hamburger.is-open .hamb-top,.hamburger.is-open .hamb-middle,.hamburger.is-open .hamb-bottom {
    position:absolute;
    left:0;
    height:4px;
    width:100%
}

.hamburger.is-closed .hamb-top,.hamburger.is-closed .hamb-middle,.hamburger.is-closed .hamb-bottom {
    background-color:#1a1a1a
}

.hamburger.is-closed .hamb-top {
    top:5px;
    -webkit-transition:all .35s ease-in-out
}

.hamburger.is-closed .hamb-middle {
    top:50%;
    margin-top:-2px
}

.hamburger.is-closed .hamb-bottom {
    bottom:5px;
    -webkit-transition:all .35s ease-in-out
}

.hamburger.is-closed:hover .hamb-top {
    top:0;
    -webkit-transition:all .35s ease-in-out
}

.hamburger.is-closed:hover .hamb-bottom {
    bottom:0;
    -webkit-transition:all .35s ease-in-out
}

.hamburger.is-open .hamb-top,.hamburger.is-open .hamb-middle,.hamburger.is-open .hamb-bottom {
    background-color:#1a1a1a
}

.hamburger.is-open .hamb-top,.hamburger.is-open .hamb-bottom {
    top:50%;
    margin-top:-2px
}

.hamburger.is-open .hamb-top {
    -webkit-transform:rotate(45deg);
    -webkit-transition:-webkit-transform .2s cubic-bezier(.73,1,.28,.08)
}

.hamburger.is-open .hamb-middle {
    display:none
}

.hamburger.is-open .hamb-bottom {
    -webkit-transform:rotate(-45deg);
    -webkit-transition:-webkit-transform .2s cubic-bezier(.73,1,.28,.08)
}

.hamburger.is-open:before {
    content:'';
    display:block;
    width:100px;
    font-size:14px;
    color:#fff;
    line-height:32px;
    text-align:center;
    opacity:0;
    -webkit-transform:translate3d(0,0,0);
    -webkit-transition:all .35s ease-in-out
}

.hamburger.is-open:hover:before {
    opacity:1;
    display:block;
    -webkit-transform:translate3d(-100px,0,0);
    -webkit-transition:all .35s ease-in-out
}

/*-------------------------------*/
/*            Overlay            */
/*-------------------------------*/
/*.overlay {
    position:fixed;
    display:none;
    width:100%;
    height:100%;
    top:0;
    left:0;
    right:0;
    bottom:0;
    background-color:rgba(250,250,250,.8);
    z-index:1
}*/

.overlay {
	width: 100%;
	height: 100%;
	position: absolute;
	background-image: -webkit-linear-gradient(270deg,rgba(0,0,0,0.40) 0%,rgba(0,0,0,0.40) 100%);
	background-image: linear-gradient(180deg,rgba(0,0,0,0.40) 0%,rgba(0,0,0,0.40) 100%);
}

#menu-menu-1-container {
    margin-left:-39px!important
}

.menu {
    margin-left:-39px!important
}

.sidebar-nav > .sidebar-brand {
    line-height:0!important;
    font-size:16px!important
}

.sidebar-nav {
    display:none
}

.header_responsive {
    background-color:rgba(0,0,0,0.75);
    width:100%;
    min-height:100px;
    position:absolute
}

.header_responsive {
    display:none
}

.hamburger .is-closed button {
    display:none!important
}

.res_menu {
    display:none
}

@media screen and (max-width: 670px) {
.sidebar-nav {
    display:block!important
}

nav a {
    margin:5px 0!important
}

/*header {
    text-align:center!important
}*/

.header_responsive {
    display:block
}

.hamburger .is-closed button {
    display:block!important
}

.res_menu {
    display:block
}
}

/*/////////////////////////////////////////////
/////////////////////////////////////////////
Creative Menu
/////////////////////////////////////////////
/////////////////////////////////////////////*/
body {
    position:relative;
    overflow-x:hidden
}

body,html {
    height:100%
}

.nav .open > a,.nav .open > a:hover,.nav .open > a:focus {
    background-color:transparent
}

/*-------------------------------*/
/*           Wrappers            */
/*-------------------------------*/
#wrapper {
    padding-left:0;
    -webkit-transition:all .5s ease;
    -moz-transition:all .5s ease;
    -o-transition:all .5s ease;
    transition:all .5s ease
}

#wrapper.toggled {
    padding-left:220px
}

#sidebar-wrapper {
    z-index:1000;
    left:220px;
    width:0;
    height:100%;
    margin-left:-220px;
    overflow-y:auto;
    overflow-x:hidden;
    position:fixed;
    background:#1a1a1a;
    -webkit-transition:all .5s ease;
    -moz-transition:all .5s ease;
    -o-transition:all .5s ease;
    transition:all .5s ease
}

#sidebar-wrapper::-webkit-scrollbar {
    display:none
}

#wrapper.toggled #sidebar-wrapper {
    width:220px
/*margin-top: -46px;*/
}

#page-content-wrapper {
    width:100%
/*padding-top: 70px;*/
}

#wrapper.toggled #page-content-wrapper {
    position:absolute;
    margin-right:-220px
}

/*-------------------------------*/
/*     Sidebar nav styles        */
/*-------------------------------*/
.sidebar-nav {
    position:absolute;
    top:0;
    width:220px;
    margin:0;
    padding:0;
    list-style:none;
    background-color:rgba(57,57,57,0.00);
    z-index:99999!important
}

.sidebar-nav li {
    position:relative;
    line-height:20px;
    display:inline-block;
    width:100%
}

.sidebar-nav li:before {
    content:'';
    position:absolute;
    top:0;
    left:0;
    z-index:-1;
    height:100%;
    width:3px;
    background-color:#1c1c1c;
    -webkit-transition:width .2s ease-in;
    -moz-transition:width .2s ease-in;
    -ms-transition:width .2s ease-in;
    transition:width .2s ease-in
}

.sidebar-nav li:first-child a {
    color:#fff;
    background-color:#1a1a1a
}

.sidebar-nav li:nth-child(2):before {
    background-color:#ec1b5a
}

.sidebar-nav li:nth-child(3):before {
    background-color:#79aefe
}

.sidebar-nav li:nth-child(4):before {
    background-color:#314190
}

.sidebar-nav li:nth-child(5):before {
    background-color:#279636
}

.sidebar-nav li:nth-child(6):before {
    background-color:#7d5d81
}

.sidebar-nav li:nth-child(7):before {
    background-color:#ead24c
}

.sidebar-nav li:nth-child(8):before {
    background-color:#2d2366
}

.sidebar-nav li:nth-child(9):before {
    background-color:#35acdf
}

.sidebar-nav li:hover:before,.sidebar-nav li.open:hover:before {
    width:100%;
    -webkit-transition:width .2s ease-in;
    -moz-transition:width .2s ease-in;
    -ms-transition:width .2s ease-in;
    transition:width .2s ease-in
}

.sidebar-nav li a {
    display:block;
    color:#ddd;
    text-decoration:none
/*padding: 10px 15px 10px 30px;*/
}

.sidebar-nav li a:hover,.sidebar-nav li a:active,.sidebar-nav li a:focus,.sidebar-nav li.open a:hover,.sidebar-nav li.open a:active,.sidebar-nav li.open a:focus {
    color:#fff;
    text-decoration:none;
    background-color:transparent
}

.sidebar-nav > .sidebar-brand {
    height:65px;
    font-size:20px;
    line-height:44px
}

.sidebar-nav .dropdown-menu {
    position:relative;
    width:100%;
    padding:0;
    margin:0;
    border-radius:0;
    border:none;
    background-color:#222;
    box-shadow:none
}

/*-------------------------------*/
/*       Hamburger-Cross         */
/*-------------------------------*/
.hamburger {
    position:fixed;
    top:20px;
    z-index:999;
    display:block;
    width:32px;
    height:32px;
    margin-left:15px;
    background:transparent;
    border:none
}

.hamburger:hover,.hamburger:focus,.hamburger:active {
    outline:none
}

.hamburger.is-closed:before {
    content:'';
    display:block;
    width:100px;
    font-size:14px;
    color:#fff;
    line-height:32px;
    text-align:center;
    opacity:0;
    -webkit-transform:translate3d(0,0,0);
    -webkit-transition:all .35s ease-in-out
}

.hamburger.is-closed:hover:before {
    opacity:1;
    display:block;
    -webkit-transform:translate3d(-100px,0,0);
    -webkit-transition:all .35s ease-in-out
}

.hamburger.is-closed .hamb-top,.hamburger.is-closed .hamb-middle,.hamburger.is-closed .hamb-bottom,.hamburger.is-open .hamb-top,.hamburger.is-open .hamb-middle,.hamburger.is-open .hamb-bottom {
    position:absolute;
    left:0;
    height:4px;
    width:100%
}

.hamburger.is-closed .hamb-top,.hamburger.is-closed .hamb-middle,.hamburger.is-closed .hamb-bottom {
    background-color:#fff!important
}

.hamburger.is-closed .hamb-top {
    top:5px;
    -webkit-transition:all .35s ease-in-out
}

.hamburger.is-closed .hamb-middle {
    top:50%;
    margin-top:-2px
}

.hamburger.is-closed .hamb-bottom {
    bottom:5px;
    -webkit-transition:all .35s ease-in-out
}

.hamburger.is-closed:hover .hamb-top {
    top:0;
    -webkit-transition:all .35s ease-in-out
}

.hamburger.is-closed:hover .hamb-bottom {
    bottom:0;
    -webkit-transition:all .35s ease-in-out
}

.hamburger.is-open .hamb-top,.hamburger.is-open .hamb-middle,.hamburger.is-open .hamb-bottom {
    background-color:#fff!important
}

.hamburger.is-open .hamb-top,.hamburger.is-open .hamb-bottom {
    top:50%;
    margin-top:-2px
}

.hamburger.is-open .hamb-top {
    -webkit-transform:rotate(45deg);
    -webkit-transition:-webkit-transform .2s cubic-bezier(.73,1,.28,.08)
}

.hamburger.is-open .hamb-middle {
    display:none
}

.hamburger.is-open .hamb-bottom {
    -webkit-transform:rotate(-45deg);
    -webkit-transition:-webkit-transform .2s cubic-bezier(.73,1,.28,.08)
}

.hamburger.is-open:before {
    content:'';
    display:block;
    width:100px;
    font-size:14px;
    color:#fff;
    line-height:32px;
    text-align:center;
    opacity:0;
    -webkit-transform:translate3d(0,0,0);
    -webkit-transition:all .35s ease-in-out
}

.hamburger.is-open:hover:before {
    opacity:1;
    display:block;
    -webkit-transform:translate3d(-100px,0,0);
    -webkit-transition:all .35s ease-in-out
}

/*-------------------------------*/
/*            Overlay            */
/*-------------------------------*/
/*.overlay {
    position:fixed;
    display:none;
    width:100%;
    height:100%;
    top:0;
    left:0;
    right:0;
    bottom:0;
    background-color:rgba(250,250,250,.8);
    z-index:1
}*/

#responsive-menu-button {
    transition: all .3s;
    -webkit-transition: all .3s;
    transition: height .3s;
    -webkit-transition: height .3s;
}

.hammove {
    top: 24px !important;
    transition: all .3s;
    -webkit-transition: all .3s;
}

/*/////////////////////////////////////////////
/////////////////////////////////////////////
Creative Menu End
/////////////////////////////////////////////

/////////////////////////////////////////////*/
/*//////////////////////////////////////////////////////*/
/*Bootstrap Menu End*/
/*/////////////////////////////////////////////////////*/

.menu_b ul li {
    display: inline-block;
    margin-top: 60px;
}

.menu_b li {
    display: inline-block;
}

.menu_b ul li:hover > a {
    color: #FFFFFF;
}

.menu_b a:hover {
	background-color: #bc02bc;
	color: #fff;
	text-decoration: none;
	border-radius: 30px;
}

.menu_b a {
    text-align: right;
    display: inline-block;
    text-decoration: none;
    font-size: 12px;
	font-weight: 700;
    color: #fff;
	text-transform: uppercase;
    padding: 12px 5px;
    letter-spacing: -0.3px;
    transition: linear .25s;
    -webkit-transition: linear .25s;
    -moz-transition: linear .25s;
    -ms-transition: linear .25s;
    -o-transition: linear .25s;
}

.menu_b {
	position: relative;
	display: block;
	z-index: 9999;
}

.menu-item-1464 a, .menu-item-1465 a, .menu-item-1508 a, .menu-item-1509 a {
    padding: 8px 0px !important;
    font-size: 10px !important;
}

.menu-item-1464 .fa, .menu-item-1465 .fa, .menu-item-1508 .fa, .menu-item-1509 .fa {
    font-size: 17px !important;
}

.menu-item-1464 .fa:hover, .menu-item-1465 .fa:hover {
    background: rgba(0,0,0,0) !important;
}

/*///////////////////////////////////////////////////////
///////////////////////////////////////////////////////
Shift Nav
///////////////////////////////////////////////////////
///////////////////////////////////////////////////////*/
#shiftnav-toggle-main {
    font-size:45px!important
}

#shiftnav-toggle-main {
    background:rgba(0,0,0,0.6) no-repeat scroll center center / 80px auto!important;
/*background-image: url(http://blacklinepix.co.za/blacklinepix/wp-content/themes/blacklinepix/images/Logo_2.png) !important;*/
    color:#FCFCFC
}

/*///////////////////////////////////////////////////////
///////////////////////////////////////////////////////
Shift Nav End
///////////////////////////////////////////////////////



///////////////////////////////////////////////////////*/
/*///////////////////////////////////////////////////////
///////////////////////////////////////////////////////
HR style
///////////////////////////////////////////////////////
///////////////////////////////////////////////////////*/
hr {
    height: 1px;
    background: #fff;
    border-style: solid;
    display: block;
    margin: auto;
    margin-top: 15px;
    margin-bottom: 15px;
}

hr:before {
    display:block;
    content:"";
    height:30px;
    margin-top:-31px;
    border-style:solid;
    border-color:#8c8b8b;
    border-width:0 0 1px;
    border-radius:20px
}

/*///////////////////////////////////////////////////////
//////////////////////////////////////////////////////
HR style End
///////////////////////////////////////////////////////
///////////////////////////////////////////////////////*/



/*///////////////////////////////////////////////////////
///////////////////////////////////////////////////////
Responsive Grid 2
///////////////////////////////////////////////////////
///////////////////////////////////////////////////////*/
/*  SECTIONS  */
.section {
    clear:both;
    padding:0;
    margin:0
}

/*  COLUMN SETUP  */
.col {
    display:block;
    float:left;
    margin:1% 0 1% 1.6%
}

.col:first-child {
    margin-left:0
}

/*  GROUPING  */
.group:before,.group:after {
    content:"";
    display:table
}

.group:after {
    clear:both
}

.group {
    zoom:1
/* For IE 6/7 */
}

/*  GRID OF TWO  */
.span_2_of_2 {
    width:100%
}

.span_1_of_2 {
    width:49.2%
}

/*  GO FULL WIDTH AT LESS THAN 480 PIXELS */
@media only screen and (max-width: 720px) {
.col {
    margin:1% 0
}
}

@media only screen and (max-width: 720px) {
.span_2_of_2,.span_1_of_2 {
    width:100%
}
}

/*///////////////////////////////////////////////////////
///////////////////////////////////////////////////////
Responsive Grid 2 End
///////////////////////////////////////////////////////
///////////////////////////////////////////////////////*/
.ug-lightbox-overlay {
    opacity:.8!important
}

.shiftnav-main-toggle-content .shiftnav-toggle-main-block {
    background-image:url(http://blacklinepix.co.za/blacklinepix/wp-content/uploads/2015/05/logo1.png);
    background-size:100%;
    font-size:0!important
}

/*////////////////////////////////////////////////////
//////////////////////////////////////////////////////
Figure Cap
/////////////////////////////////////////////////////
////////////////////////////////////////////////////*/

@media (max-width: 400px) {
.grid_2 figure figcaption {
    padding:10px
}

figure.effect-steve {
    height:300px;
    margin-bottom:30px!important
}
}

/*////////////////////////////////////////////////////
/////////////////////////////////////////////////////
Figure Cap End
/////////////////////////////////////////////////////
////////////////////////////////////////////////////*/

#hmenu_load_1 .hmenu_navigation_holder > ul > li > a, #hmenu_load_1 .hmenu_wrap, #hmenu_load_1
.hmenu_navigation_holder > ul li a .hmenu_wrap:before, #hmenu_load_1 .hmenu_navigation_holder > ul li a
.hmenu_wrap:after, #hmenu_load_1 .hmenu_social_holder > ul li a .hmenu_wrap:before, #hmenu_load_1
.hmenu_product_holder > ul li a .hmenu_wrap:before, #hmenu_load_1 .hmenu_search_container .hmenu_search_inner .hmenu_wrap {
	transition: ease-in-out .20s !important;
	-webkit-transition: ease-in-out .20s !important;
	-moz-transition: ease-in-out .20s !important;
	-ms-transition: ease-in-out .20s !important;
	-o-transition: ease-in-out .20s !important;
}

/* ============================================================
  PRIMARY STRUCTURE
============================================================ */
.container {
    max-width: 1000px;
    margin: 0 auto;
    padding: 0 10px
}

/* ============================================================
  SECTIONS
============================================================ */
section.module:last-child {
    margin-bottom: 0
}

/*section.module h2 {
  margin-bottom: 0px;
  font-family: "Roboto Slab", serif;
  font-size: 30px;
}*/
/*section.module p {
  margin-bottom: 0px;
  font-size: 16px;
  font-weight: 300;
}

section.module p:last-child {
  margin-bottom: 0;
}*/
section.module.content {
    padding: 40px 0
}

section.module.parallax {
/*padding: 50px 0;*/
/*background-position: center !important;*/
/*background-position: 0 0;*/
}

/*section.module.parallax h1 {
  color: #1e1e1e;
  font-size: 48px;
  line-height: 1;
  font-weight: 700;
  text-align: center;
  text-transform: uppercase;
  text-shadow: 0 0 10px white;
}*/

/*////////////////////////////////////////////
////////////////////////////////////////////
Blog Hover End
////////////////////////////////////////////
////////////////////////////////////////////*/


/*////////////////////////////////////////////
////////////////////////////////////////////
Effect Layla
////////////////////////////////////////////
////////////////////////////////////////////*/

/*---------------*/
/***** Layla *****/
/*---------------*/

figure.effect-layla {
	background: #000;
}

figure.effect-layla img {
	width: 100%;
}

figure.effect-layla figcaption {
	padding: 3em;
}

figure.effect-layla figcaption::before,
figure.effect-layla figcaption::after {
	position: absolute;
	content: '';
	opacity: 0;
}

figure.effect-layla figcaption::before {
	top: 50px;
	right: 30px;
	bottom: 50px;
	left: 30px;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
	-webkit-transform: scale(0,1);
	transform: scale(0,1);
	-webkit-transform-origin: 0 0;
	transform-origin: 0 0;
}

figure.effect-layla figcaption::after {
	top: 30px;
	right: 50px;
	bottom: 30px;
	left: 50px;
	border-right: 1px solid #fff;
	border-left: 1px solid #fff;
	-webkit-transform: scale(1,0);
	transform: scale(1,0);
	-webkit-transform-origin: 100% 0;
	transform-origin: 100% 0;
}

figure.effect-layla h2 {
	padding-top: 21vh;
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
}

figure.effect-layla p {
	padding: 0.5em 2em;
	text-transform: none;
	opacity: 0;
	-webkit-transform: translate3d(0,-10px,0);
	transform: translate3d(0,-10px,0);
}

figure.effect-layla img,
figure.effect-layla h2 {
	-webkit-transform: translate3d(0,-30px,0);
	transform: translate3d(0,-30px,0);
}

figure.effect-layla img,
figure.effect-layla figcaption::before,
figure.effect-layla figcaption::after,
figure.effect-layla p {
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
}

figure.effect-layla:hover img {
	opacity: 0.3;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

figure.effect-layla:hover figcaption::before,
figure.effect-layla:hover figcaption::after {
	opacity: 1 !important;
	-webkit-transform: scale(1);
	transform: scale(1);
}

figure.effect-layla:hover h2,
figure.effect-layla:hover p {
	opacity: 1;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

figure.effect-layla:hover figcaption::after,
figure.effect-layla:hover h2,
figure.effect-layla:hover p,
figure.effect-layla:hover img {
	-webkit-transition-delay: 0.15s;
	transition-delay: 0.15s;
}

figcaption a {
	width: 100%;
	height: 100%;
	display: block;
	position: absolute;
	z-index: 999;
}

/*////////////////////////////////////////////
////////////////////////////////////////////
Effect Layla End
////////////////////////////////////////////
////////////////////////////////////////////*/

#map {
	width: 100%;
	height: 400px;
	-webkit-box-shadow: 0px 0px 15px 5px rgba(0,0,0,0.05);
	box-shadow: 0px 0px 15px 5px rgba(0,0,0,0.05);
}

@media (max-width: 650px) {

#map {
	width: 100%;
	height: 200px;
	-webkit-box-shadow: 0px 0px 15px 5px rgba(0,0,0,0.05);
	box-shadow: 0px 0px 15px 5px rgba(0,0,0,0.05);
}

}

/*////////////////////////////////////////////
////////////////////////////////////////////
Read More
////////////////////////////////////////////
////////////////////////////////////////////*/

.read_more {
    font-size: 12px !important;
    display: block;
    width: auto !important;
    padding: 10px 40px !important;
    background: #bc02bc !important;
    text-transform: uppercase;
    letter-spacing: 2px !important;
		font-weight: 700 !important;
    color: #fff !important;
    border-radius: 30px;
    display: -webkit-inline-box !important;
		transition: all .5s !important;
		-webkit-transition: all .5s !important;;
}

.packsread {
    margin: auto;
    display: block !important;
}

.wp-embed-aspect-16-9.wp-has-aspect-ratio {
    width: 100% !important;
}

iframe {
    width:100% !important;
}

.read_more:hover {
    background: #333 !important;
    color: #fff !important;
    -webkit-box-shadow: 8px 8px 1px 0 rgba(0,0,0,0.4);
    box-shadow: 8px 8px 1px 0 rgba(0,0,0,0.4);
}

.read_more2 {
    font-size: 12px !important;
    display: block;
    width: auto !important;
    padding: 10px 40px !important;
    background: #6d11c4 !important;
    text-transform: uppercase;
    letter-spacing: 2px !important;
		font-weight: 700 !important;
    color: #fff !important;
    border-radius: 10px;
    display: -webkit-inline-box !important;
		transition: all .5s !important;
		-webkit-transition: all .5s !important;;
}

.read_more2:hover {
    background: #333 !important;
    color: #fff !important;
    -webkit-box-shadow: 8px 8px 1px 0 rgba(0,0,0,0.4);
    box-shadow: 8px 8px 1px 0 rgba(0,0,0,0.4);
}

.read_more_custom {
    display: block;
    width: auto !important;
    padding: 10px !important;
    background: rgba(255,255,255,0) !important;
    text-transform: uppercase;
    letter-spacing: 4px !important;
    color: #c9a661 !important;
    border-radius: 25px;
    border: solid #c9a661 1.5px;
    display: -webkit-inline-box !important;
}

.read_more_custom:hover {
    background: #333 !important;
    color: #fff !important;
    -webkit-box-shadow: 8px 8px 1px 0 rgba(0,0,0,0.4);
    box-shadow: 8px 8px 1px 0 rgba(0,0,0,0.4);
}

#post-grid-220 .element_1533665417901 {
    font-size: 12px !important;
    display: -webkit-inline-box !important;
    float: right;
    letter-spacing: 4px;
    text-transform: uppercase;
}

.element.element_1534791062094.title {
    font-size: 12px !important;
    letter-spacing: 4px;
    text-transform: uppercase;
}

#post-grid-220 .item .layer-media {
    transition: ease-in-out .30s;
    -webkit-transition: ease-in-out .30s;
}

#post-grid-220 .item .layer-media:hover {
    height: auto;
    overflow: hidden;
}

#post-grid-220 .item .layer-media img:hover {
    z-index: 9 !important;
}

#post-grid-220 .item .layer-media:after {
    background: rgba(0,0,0,0.4);
    position: absolute;
    z-index: 999;
    margin: 20px;
}

#post-grid-220 .item {
    width: 32%;
}

@media (max-width: 920px) {
    #post-grid-220 .item {
        width: 49%;
    }
}

@media (max-width: 620px) {
    #post-grid-220 .item {
        width: 100%;
    }
}

/*////////////////////////////////////////////
////////////////////////////////////////////
Read More End
////////////////////////////////////////////
////////////////////////////////////////////*/

.post-grid .pagination {
    display: none !important;
}

.mbr-arrow {
  bottom: 20px;
  left: 0;
  line-height: 0px;
  /*padding: 0 15px;*/
  position: absolute;
  width: 100%;
  z-index: 3;
}
.mbr-arrow__link {
	display: inline-block;
	font-size: 70px;
	transition: ease-in-out 0.20s;
	-webkit-transition: ease-in-out 0.20s;
	-moz-transition: ease-in-out 0.20s;
	-ms-transition: ease-in-out 0.20s;
	-o-transition: ease-in-out 0.20s;
	text-shadow: 5px 5px 5px rgba(0,0,0,1.00);
}
.mbr-arrow__link:hover {
	color: rgba(53,158,48,1.00);
}
.mbr-arrow__link,
.mbr-arrow__link:focus {
  color: #fff;
}
.mbr-arrow--floating .mbr-arrow__link {
  -webkit-animation: floating-arrow 1.6s infinite ease-in-out 0s;
  -o-animation: floating-arrow 1.6s infinite ease-in-out 0s;
  animation: floating-arrow 1.6s infinite ease-in-out 0s;
}
@-webkit-keyframes floating-arrow {
  from {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  65% {
    -webkit-transform: translateY(11px);
    transform: translateY(11px);
  }
  to {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@-o-keyframes floating-arrow {
  from {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  65% {
    -webkit-transform: translateY(11px);
    transform: translateY(11px);
  }
  to {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes floating-arrow {
  from {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  65% {
    -webkit-transform: translateY(11px);
    transform: translateY(11px);
  }
  to {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
.mbr-arrow--dark .mbr-arrow__link,
.mbr-arrow--dark .mbr-arrow__link:hover,
.mbr-arrow--dark .mbr-arrow__link:focus {
  color: #252525;
}
@media (max-width: 767px) {
  .mbr-arrow {
    bottom: 41px;
  }
}
@media (max-width: 320px) {
  .mbr-arrow {
    bottom: 21px;
    text-align: center;
  }
}
@media all and (device-width: 320px) and (device-height: 568px) and (orientation: portrait) {
  .mbr-arrow {
    bottom: 31px;
  }
}

.grid {
	padding: 0px !important;
	margin: 0px !important;
}

#post-grid-510 {
    padding: 0px !important;
    background: rgba(255,255,255,0.00) !important;
}

#post-grid-749 {
    padding: 5px;
    background: rgba(255,255,255,0.00) !important;
}

.post-grid .item {
    background: rgba(255,255,255,0.00) !important;
    display: inline-block;
    vertical-align: top;
}

.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px; height: 0; overflow: hidden;
}

.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

body {
  background: black;
}

.arrow {
  position: fixed;
  bottom: 25px;
  left: 50%;
  margin-left:-20px;
  width: 40px;
  height: 40px;
  border: solid 1.5px #fff !important;
    border-radius: 50%;
    padding: 20px;
    background-size: 25px !important;
    background-position: center;
    background-repeat: no-repeat !important;
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNi4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iNTEycHgiIGhlaWdodD0iNTEycHgiIHZpZXdCb3g9IjAgMCA1MTIgNTEyIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA1MTIgNTEyIiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik0yOTMuNzUxLDQ1NS44NjhjLTIwLjE4MSwyMC4xNzktNTMuMTY1LDE5LjkxMy03My42NzMtMC41OTVsMCwwYy0yMC41MDgtMjAuNTA4LTIwLjc3My01My40OTMtMC41OTQtNzMuNjcyICBsMTg5Ljk5OS0xOTBjMjAuMTc4LTIwLjE3OCw1My4xNjQtMTkuOTEzLDczLjY3MiwwLjU5NWwwLDBjMjAuNTA4LDIwLjUwOSwyMC43NzIsNTMuNDkyLDAuNTk1LDczLjY3MUwyOTMuNzUxLDQ1NS44Njh6Ii8+DQo8cGF0aCBmaWxsPSIjRkZGRkZGIiBkPSJNMjIwLjI0OSw0NTUuODY4YzIwLjE4LDIwLjE3OSw1My4xNjQsMTkuOTEzLDczLjY3Mi0wLjU5NWwwLDBjMjAuNTA5LTIwLjUwOCwyMC43NzQtNTMuNDkzLDAuNTk2LTczLjY3MiAgbC0xOTAtMTkwYy0yMC4xNzgtMjAuMTc4LTUzLjE2NC0xOS45MTMtNzMuNjcxLDAuNTk1bDAsMGMtMjAuNTA4LDIwLjUwOS0yMC43NzIsNTMuNDkyLTAuNTk1LDczLjY3MUwyMjAuMjQ5LDQ1NS44Njh6Ii8+DQo8L3N2Zz4=);
  background-size: contain;
}

.bounce {
  @include animation(bounce 3s infinite);
  -webkit-animation(bounce 3s infinite);
  -moz-animation(bounce 3s infinite);
  -ms-animation(bounce 3s infinite);
  -o-animation(bounce 3s infinite);
}

#mega-menu-wrap-left-menu #mega-menu-left-menu > li.mega-menu-item > a.mega-menu-link {
	font-family: 'Amatic SC', Raleway, sans-serif, cursive;
	font-size: 24px !important;
	transition: ease-in-out .40s !important;
	-webkit-transition: ease-in-out .40s !important;
	-moz-transition: ease-in-out .40s !important;
	-ms-transition: ease-in-out .40s !important;
	-o-transition: ease-in-out .40s !important;
}

#mega-menu-wrap-right-menu #mega-menu-right-menu > li.mega-menu-item > a.mega-menu-link {
	font-family: 'Amatic SC', Raleway, sans-serif, cursive;
	font-size: 24px !important;
	transition: ease-in-out .40s !important;
	-webkit-transition: ease-in-out .40s !important;
	-moz-transition: ease-in-out .40s !important;
	-ms-transition: ease-in-out .40s !important;
	-o-transition: ease-in-out .40s !important;
}

#mega-menu-wrap-right-menu #mega-menu-right-menu > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link {
	font-size: 26px !important;
	font-family: 'Amatic SC', Raleway, sans-serif, cursive;
}

#mega-menu-wrap-mobile-menu .mega-menu-toggle .mega-toggle-block-right {
	display: none;
}

.tp-shadow2:before, .tp-shadow2:after, .tp-shadow3:before, .tp-shadow4:after {
	display: none !important;
}

.v_slider {
	position:absolute;
	margin-top: -113px;
	z-index:99;
	width:100%;
}

/* Change Width and Height of Logo Image + Add Custom Image File */
.login h1 a {
  background-image: url(images/logo.png);
  width: 300px;
  height: 104px;
  background-size: 300px 104px;
}

/* Add a few changes to the color and style of form itself */

.login, .login-action-login, wp-core-ui, .locale-en-us {
	background-image: url(images/login.jpg);
	background-size: cover;
	background-position: center !important;
}

.login form {
	background-color: rgba(0,0,0,0.60) !important;
	border-radius: 10px !important;
}

.login label {
    color: #fff !important;
}

#login {
    padding: 5% 0 0 !important;
}

.wp-core-ui .button-group.button-large .button, .wp-core-ui .button.button-large {
	background-color: rgba(162,162,162,0.00) !important;
	border-radius: 0px !important;
	color: #fff;
	width: auto !important;
	height: auto;
	border: solid #fff 2px !important;
	padding: 7px 15px !important;
	transition: ease-in-out .20s;
	-webkit-transition: ease-in-out .20s;
	-moz-transition: ease-in-out .20s;
	-ms-transition: ease-in-out .20s;
	-o-transition: ease-in-out .20s;
	-webkit-box-shadow: 0px 0px 0px 0px rgba(255,255,255,0.00) !important;
	box-shadow: 0px 0px 0px 0px rgba(255,255,255,0.00) !important;
	text-shadow: 0px 0px 0px rgba(255,255,255,0.00) !important;
}

.wp-core-ui:hover .button-group:hover .button-large:hover .button:hover, .wp-core-ui:hover .button.button-large:hover {
	background-color: #fff !important;
	border-radius: 0px !important;
	color: #333 !important;
	border: solid #fff 2px !important;
}

.arrow {
  position: fixed;
  bottom: 0;
  left: 50%;
  margin-left:-20px;
  width: 40px;
  height: 40px;
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNi4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iNTEycHgiIGhlaWdodD0iNTEycHgiIHZpZXdCb3g9IjAgMCA1MTIgNTEyIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA1MTIgNTEyIiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik0yOTMuNzUxLDQ1NS44NjhjLTIwLjE4MSwyMC4xNzktNTMuMTY1LDE5LjkxMy03My42NzMtMC41OTVsMCwwYy0yMC41MDgtMjAuNTA4LTIwLjc3My01My40OTMtMC41OTQtNzMuNjcyICBsMTg5Ljk5OS0xOTBjMjAuMTc4LTIwLjE3OCw1My4xNjQtMTkuOTEzLDczLjY3MiwwLjU5NWwwLDBjMjAuNTA4LDIwLjUwOSwyMC43NzIsNTMuNDkyLDAuNTk1LDczLjY3MUwyOTMuNzUxLDQ1NS44Njh6Ii8+DQo8cGF0aCBmaWxsPSIjRkZGRkZGIiBkPSJNMjIwLjI0OSw0NTUuODY4YzIwLjE4LDIwLjE3OSw1My4xNjQsMTkuOTEzLDczLjY3Mi0wLjU5NWwwLDBjMjAuNTA5LTIwLjUwOCwyMC43NzQtNTMuNDkzLDAuNTk2LTczLjY3MiAgbC0xOTAtMTkwYy0yMC4xNzgtMjAuMTc4LTUzLjE2NC0xOS45MTMtNzMuNjcxLDAuNTk1bDAsMGMtMjAuNTA4LDIwLjUwOS0yMC43NzIsNTMuNDkyLTAuNTk1LDczLjY3MUwyMjAuMjQ5LDQ1NS44Njh6Ii8+DQo8L3N2Zz4=);
  background-size: contain;

}

.bounce {
    -webkit-animation: bounce 2s infinite;
    animation: bounce 2s infinite;
}

/* Scroll down indicator (bouncing) */
@-webkit-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0); }
  40% {
    -webkit-transform: translateY(-30px); }
  60% {
    -webkit-transform: translateY(-15px); } }
@-moz-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -moz-transform: translateY(0); }
  40% {
    -moz-transform: translateY(-30px); }
  60% {
    -moz-transform: translateY(-15px); } }
@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0); }
  40% {
    -webkit-transform: translateY(-30px);
    -moz-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    -o-transform: translateY(-30px);
    transform: translateY(-30px); }
  60% {
    -webkit-transform: translateY(-15px);
    -moz-transform: translateY(-15px);
    -ms-transform: translateY(-15px);
    -o-transform: translateY(-15px);
    transform: translateY(-15px); } }

#click-menu #RMX {
	font-size: 85px !important;
}

.body_box_b placeholder .wpcf7 input[type="text"], .wpcf7 input[type="email"], .wpcf7 input[type="tel"], .wpcf7 textarea {
	color: #333 !important;
}

.body_box_b .wpcf7 input[type="text"]::-webkit-input-placeholder {
	color: #333 !important;
}

.body_box_b .wpcf7 input[type="email"]::-webkit-input-placeholder {
	color: #333 !important;
}

.body_box_b .wpcf7 input[type="tel"]::-webkit-input-placeholder {
	color: #333 !important;
}

.body_box_b .wpcf7 select::-webkit-input-placeholder {
	color: #333 !important;
}

.body_box_b .wpcf7 select {
	color: #333 !important;
}

.body_box_b .wpcf7 option::-webkit-input-placeholder {
	color: #333 !important;
}

.body_box_b .wpcf7 textarea::-webkit-input-placeholder {
	color: #333 !important;
}

#post-grid-510 .item {
	width: 33.3% !important;
	margin-bottom: 0px !important;
	margin-left: 0px !important;
	margin-right: 0px !important;
}

.hp_block {
	width: 100%;
	height: 50vh;
	background: url(images/home_block.jpg);
	background-repeat:  no-repeat;
	background-size: cover;
	background-position: center;
}

.c_wrap {
	max-width: 1400px;
	margin: auto;
}

.c_wrap a {
	color: #fff;
	text-decoration: none;
	padding: 0px 8px;
	transition: ease-in-out .30s;
	-webkit-transition: ease-in-out .30s;
}

.c_wrap a:hover {
	color: #949494;
	text-decoration: none;
}

header.smaller .call_to_action {
	color: #333;
	z-index: 9999;
}

header.smaller .call_to_action .c_wrap a {
	color: #333;
	z-index: 9999;
}

.fa {
    font-size: 20px;
    margin-top: 9px;
    /*margin-left: 8px;*/
	vertical-align: sub;
    color: #fff;
	transition: ease-in-out .30s;
	-webkit-transition: ease-in-out .30s;
}

.fa:hover {
    color: #949494;
}

.desk_view {
	display: block;
	letter-spacing: 0 !important;
	vertical-align: sub;
}

.mobile_view {
	display: none;
}

@media (max-width: 760px) {
	.desk_view {
		display: none;
	}
	.mobile_view {
		display: block;
	}
}

.post-grid .item .layer-media img {
    border-radius: 0;
    box-shadow: none;
    height: 350px !important;
    width: auto !important;
    margin: auto;
    margin-left: -90px !important;
    text-align: center;
    transition: ease-in-out;
    -webkit-transition: ease-in-out;
}

/*.post-grid .item .layer-media img:hover {*/
/*    opacity: 0.8;*/
/*}*/

/*// Drop Down Menu //*/
/*.sub-menu-parent {*/
/*  position: relative;*/
/*}*/
/*.sub-menu {*/
/*  visibility: hidden;*/
/*  opacity: 0;*/
/*  position: absolute;*/
/*  transform: translateY(-2em);*/
/*  z-index: 99;*/
/*  transition: all 0.3s ease-in-out 0s, visibility 0s linear 0.3s, z-index 0s linear 0.01s;*/
/*}*/
/*.sub-menu-parent:focus .sub-menu,*/
/*.sub-menu-parent:focus-within .sub-menu,*/
/*.sub-menu-parent:hover .sub-menu {*/
/*  visibility: visible;*/
/*  opacity: 1;*/
/*  z-index: 1;*/
/*  transform: translateY(0%);*/
/*  transition-delay: 0s, 0s, 0.3s;*/
/*}*/
/*// Drop Down Menu //*/

.post-grid .item .layer-media img {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    transition: all .5s;
    -webkit-transition: all .5s;
}

.post-grid .item .layer-media img:hover {
    -webkit-filter: grayscale(0%);
    filter: grayscale(0%);
}

.item {
  width: 200px;
  height: 200px;
  margin: 50px auto;
  padding-top: 75px;
  background: #ccc;
  text-align: center;
  color: #FFF;
  font-size: 3em;
}

.skin.flat .layer-content {
    color: #333 !important;
}

.post-grid .item {
   
}

@media only screen and (min-width: 768px) {

  .alignfull {
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
    width: auto;
    max-width: 1000%;
  }

  .alignwide {
    margin-left: calc(25% - 25vw);
    margin-right: calc(25% - 25vw);
    width: auto;
    max-width: 1000%;
  }

  .alignwide img,
  .alignfull img {
    display: block;
    margin: 0 auto;
  }
}

.fspacer .fa {
    padding: 0px 15px;
    transition: ease-in-out .30s;
    -webkit-transition: ease-in-out .30s;
}

.fspacer .fa:hover {
    color: #bc02bc;
}

#mega-menu-item-1464, #mega-menu-item-1465, #mega-menu-item-1508, #mega-menu-item-1509 {
    transtion: all .30s;
    -webkit-transtion: all .30s;
}

#mega-menu-item-1464:hover, #mega-menu-item-1465:hover, #mega-menu-item-1508:hover, #mega-menu-item-1509:hover {
    background: rgba(0,0,0,0) !important;
    color: #bc02bc;
}

.packbox {
    width: auto;
    height: 550px;
    margin: auto;
    background: #fbfbfb;
    border-radius: 15px;
    padding: 15px;
    -webkit-box-shadow: 5px 5px 30px 5px #DBDBDB;
    box-shadow: 5px 5px 30px 5px #DBDBDB;
    transition: all .5s;
    -webkit-transition: all .5s;
    /*transform: scale(1,0);*/
    /*-webkit-transform: scale(1,0);*/
}

.packbox:hover {
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
}

/*  SECTIONS  */
.section {
	clear: both;
	padding: 0px;
	margin: 0px;
}

/*  COLUMN SETUP  */
.colpack {
	display: block;
	float:left;
	margin: 1% 0 1% 1.6%;
}
.colpack:first-child { margin-left: 0; }

/*  GROUPING  */
.group:before,
.group:after { content:""; display:table; }
.group:after { clear:both;}
.group { zoom:1; /* For IE 6/7 */ }
/*  GRID OF THREE  */
.span_3_of_3pack { width: 100%; }
.span_2_of_3pack { width: 66.13%; }
.span_1_of_3pack { width: 32.26%; }

/*  GO FULL WIDTH BELOW 480 PIXELS */
@media only screen and (max-width: 480px) {
	.colpack {  margin: 1% 0 1% 0%; }
	.span_3_of_3pack, .span_2_of_3pack, .span_1_of_3pack { width: 100%; }
}

header #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-item > a.mega-menu-link {
    letter-spacing: 3px !important;
}

.imgert {
    border-radius: 15px;
}

/** LIGHTBOX MARKUP **/

.lightup {
	position: absolute;
	z-index: 99999999;
	width: 0px;
	height: 0px;
	opacity: 1;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	top: 0;
	left: 0;
	background: rgba(0,0,0,0.7);
	transition: all .9s;
	-webkit-transition: all .9s;
}

.lightup:target {
    opacity: 0;
    width: 100%;
	height: 100%;
	transition: all .5s;
	-webkit-transition: all .5s;
}

.menuimg {
}

input.button, input[type=submit] {
    color: #fff !important;
    font-size: 11px !important;
}

.sliderbox1 {
	max-width: 550px;
	height: auto;
	min-height: 200px;
	background-color: #f4f4f4;
	border-radius: 15px;
	padding: 15px;
	position: absolute;
	left: 100px;
	top: 300px;
	-webkit-box-shadow: 5px 5px 15px 1px rgba(0,0,0,0.2);
	box-shadow: 5px 5px 15px 1px rgba(0,0,0,0.2);
}

@media (max-width: 580px) {
    .sliderbox1 {
        margin-right: 15px !important;
        margin-left: 15px !important;
    }
}

.sliderbox2 {
	max-width: 100%;
	height: 261px;
	min-height: 10px;
	background-color: #f4f4f4;
	border-radius: 15px;
	padding: 35px 15px;
	font-size: 18px;
	-webkit-box-shadow: 5px 5px 15px 1px rgba(0,0,0,0.2);
	box-shadow: 5px 5px 15px 1px rgba(0,0,0,0.2);
}

.sliderbox2 li {
	margin-left: 30px;
}

.fa.fa-facebook.foot, .fa.fa-linkedin.foot, .fa.fa-instagram.foot, .fa.fa-youtube-play.foot {
    font-size: 24px;
    padding-left: 35px;
    transform: all .30s;
    -webkit-transform: all .30s;
}

.fa.fa-facebook.foot:hover, .fa.fa-linkedin.foot:hover, .fa.fa-instagram.foot:hover, .fa.fa-youtube-play.foot:hover {
	color: #333 !important;
}

ul#menu-main-menu-1.menu {
	list-style: none !important;
	font-size: 16px;
	font-weight: 700;
	padding-bottom: 10px;
}

/* //////////////////////////////////////////////// */
/* The overlay effect with black background */
.overlay {
  height: 100%;
  width: 100%;
  display: none;
  position: fixed;
  z-index: 1;
  top: 0;
  left: 0;
  background-color: rgb(0,0,0);
  background-color: rgba(0,0,0, 0.6); /* Black with a little bit see-through */
}

/* The content */
.overlay-content {
  position: relative;
  top: 46%;
  width: 80%;
  text-align: center;
  margin-top: 30px;
  margin: auto;
}

/* Close button */
.overlay .closebtn {
  position: absolute;
  top: 20px;
  right: 45px;
  font-size: 60px;
  cursor: pointer;
  color: white;
}

.overlay .closebtn:hover {
  color: #ccc;
}

/* Style the search field */
.overlay input[type=text] {
  padding: 15px;
  font-size: 17px;
  border: none;
  float: left;
  width: 80%;
  background: white;
	color: #333;
}

.overlay input[type=text]:hover {
  background: #f1f1f1;
}

/* Style the submit button */
.overlay button {
  float: left;
  width: 20%;
  padding: 12px;
  background: #bc02bc;
  font-size: 17px;
  border: none;
  cursor: pointer;
	transition: all .3s;
	-webkit-transition: all .3s;
}

.overlay button:hover {
  background: #23527c;
}

button.openBtn {
	background-color: rgba(0,0,0,0) !important;
	border: none;
}

.current_page_item  {
	border-radius: 30px;
    background: rgb(245,172,155); /* Old browsers */
    background: -moz-linear-gradient(left,  rgba(245,172,155,1) 0%, rgba(234,104,157,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left,  rgba(245,172,155,1) 0%,rgba(234,104,157,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right,  rgba(245,172,155,1) 0%,rgba(234,104,157,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5ac9b', endColorstr='#ea689d',GradientType=1 ); /* IE6-9 */
}

footer #nav_menu-2 .current_page_item {
	border-bottom: solid 0px #333 !important;
}

/*/////////////////////////////////*/
.popup {
  display: flex;
  align-items: center;
  justify-content: center;
  position: fixed;
  width: 100vw;
  height: 100vh;
  bottom: 0;
  right: 0;
  background-color: rgba(0, 0, 0, .80);
  z-index: 2;
  visibility: hidden;
  opacity: 0;
  overflow: hiden;
  transition: .64s ease-in-out;
}
 .popupinner {
    position: relative;
    bottom: -100vw;
    right: -100vh;
    display: flex;
    align-items: center;
    max-width: 800px;
    max-height: 600px;
    width: 60%;
    height: 80%;
    background-color: #fff;
    transform: rotate(32deg);
    transition: .64s ease-in-out;
}
  .popup__photo {
    display: flex;
    justify-content: flex-end;
    align-items: flex-end;
    width: 40%;
    height: 100%;
    overflow: hidden;
}
.popup img {
    width: auto;
    height: 100%;
}
.popup__text {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 60%;
    height: 100%;
    padding: 4rem;
}
.popup:target {
    visibility: visible;
    opacity: 1;
}
.popup.popup-inner {
    bottom: 0;
    right: 0;
    transform: rotate(0);
}
.popup__close {
    position: absolute;
    right: -1rem;
    top: -1rem;
    width: 3rem;
    height: 3rem;
    font-size: .875rem;
    font-weight: 300;
    border-radius: 100%;
    background-color: #0A0A0A;
    z-index: 4;
    color: #fff;
    line-height: 3rem;
    text-align: center;
    cursor: pointer;
    text-decoration: none;
  }
/* ////////////////////////////////// */

/*  SECTIONS  */
.section {
	clear: both;
	padding: 0px;
	margin: 0px;
}

/*  COLUMN SETUP  */
.col {
	display: block;
	float:left;
	margin: 1% 0 1% 1.6%;
}
.col:first-child { margin-left: 0; }

/*  GROUPING  */
.group:before,
.group:after { content:""; display:table; }
.group:after { clear:both;}
.group { zoom:1; /* For IE 6/7 */ }
/*  GRID OF FIVE  */
.span_5_of_5 {
	width: 100%;
}
.span_4_of_5 {
	width: 79.68%;
}
.span_3_of_5 {
	width: 59.36%;
}
.span_2_of_5 {
	width: 39.04%;
}
.span_1_of_5 {
	width: 18.72%;
}

/*  GO FULL WIDTH BELOW 480 PIXELS */
@media only screen and (max-width: 900px) {
	.col {  margin: 1% 0 1% 0%; }
	.span_1_of_5, .span_2_of_5, .span_3_of_5, .span_4_of_5, .span_5_of_5 { width: 100%; }
	.wrapblocks h3 {
	    padding-top: 150px !important;
	    font-size: 24px !important;
	}
}
.wrapblocks {
  width: 100%;
  height: 300px;
  border-radius: 15px;
  clip-path: polygon(0 0, 100% 0, 100% 96%, 0 100%);
  -webkit-clip-path: inset(10px round 80px 20px 30px 10px);
  clip-path: inset(0px round 60% 30px 30px 30px);
  background-size: cover;
  background-color: #000;
  background-position: center;
  transition: all .90s;
  -webkit-transition: all .90s;
}
.wrapblocks:hover {
  background-size: cover;
  background-position: left;
}
.wrapblocks h3 {
  font-size: 20px;
  font-weight: 900;
  text-align: center;
  color: #fff;
  padding-top: 65%;
  text-transform: uppercase;
  letter-spacing: normal !important;
}
.wrapimg1 {
  background-image: url(images/Graphics.jpg);
}
.wrapimg2 {
  background-image: url(images/Concept-Prototype-Design.jpg);
}
.wrapimg3 {
  background-image: url(images/Design-2d-3d.jpg);
}
.wrapimg4 {
  background-image: url(images/Milling.jpg);
}
.wrapimg5 {
  background-image: url(images/Casting.jpg);
}
.wrapimg6 {
  background-image: url(images/Moulding.jpg);
}
.wrapimg7 {
  background-image: url(images/Laser-Cutting.jpg);
}
.wrapimg8 {
  background-image: url(images/Vinyl-Printing.jpg);
}
.wrapimg9 {
  background-image: url(images/Metal-Work.jpg);
}
.wrapimg10 {
  background-image: url(images/Pad-printing.jpg);
}
.wrapimg11 {
  background-image: url(images/Sandblasting.jpg);
}
.wrapimg12 {
  background-image: url(images/Biometric-Technology.jpg);
}
.wrapimg13 {
  background-image: url(images/Custom-Wire-Harness.jpg);
}
.wrapimg14 {
  background-image: url(images/Circuit-boards.jpg);
}
.wrapimg15 {
  background-image: url(images/Microcontroller-boards.jpg);
}
.wrapimg16 {
  background-image: url(images/Embedded-Firmware.jpg);
}
.wrapimg17 {
  background-image: url(images/Electrical-Wire-Harness-Design.jpg);
}
/* .wrapimg18 {
  background-image: url(images/Custom-Wire-Harness.jpg.jpg);
} */
.wrapimg18 {
  background-image: url(images/Power-Management-Systems.jpg);
}

.responsive-menu-inner, .responsive-menu-inner::before, .responsive-menu-inner::after {
    border-radius: 20px !important;
}

.responsive-menu-inner::after {
    border-radius: 20px !important;
}

.responsive-menu-inner {
    border-radius: 20px !important;
}

.responsive-menu-inner::after {
    border-radius: 20px !important;
}
.hammove .responsive-menu-inner::before {
    background: #cd375b !important;
}
.hammove .responsive-menu-inner::after {
    background: #cd375b !important;
}
label.screen-reader-text {
    display: none;
}
.hammove .responsive-menu-inner {
    background: #cd375b !important;
}
/* ////////////////////////////////////// */
/* Media Quaries */
/* ////////////////////////////////////// */
@media (max-width: 1200px) {
    .menu_b a {
        letter-spacing: 1px;
    }
}
@media (max-width: 1060px) {
    .menu_b a {
        letter-spacing: 0px;
    }
}
@media (max-width: 1120px) {
    .menu_b a {
        display: none;
    }
}
@media (max-width: 1250px) {
    .homeimg1 {
        max-width: 550px;
}
}
@media (max-width: 1010px) {
    .homeimg1 {
        max-width: 450px;
}
#head_home {
    background-size: cover;
    background-position: right;
}
}
@media (max-width: 820px) {
.wp-block-column {
    flex-basis: 100% !important;
    flex-grow: 0 !important;
}
.homeimg1 {
    display: none;
}
}
@media (min-width: 820px) {
.wp-block-column {
    flex-basis: 100% !important;
    flex-grow: 0;
}
.bannertxtback {
    display: none !important;
}
.bannertxtback3 {
    display: none !important;
}
}
@media (max-width: 820px) {
.bannertxtback {
    display: none !important;
}
.bannertxtback2 {
    display: none !important;
}
.bannertxtback3 {
    display: none !important;
}
}
@media (max-width: 720px) {
.sliderbox1 {
    left: 0 !important;
    right: 0 !important;
    margin-right: auto !important;
    margin-left: auto !important;
}
}
@media (max-width: 610px) {
    .call_to_action {
        text-align: right !important;
        display: block !important;
        padding-right: 20px;
        padding-top: 5px;
    }
    input#s {
        display: none;
    }
    button#searchsubmit {
        display: none;
    }
    .c_wrap {
        margin-top: -18px;
        top: 0px;
    }
    .ctacolor .c_wrap {
        margin-top: 0px;
        top: 0px;
    }
    .bannerani {
        display: none;
    }
    .bannertxt {
        left: 5px;
    }
    .bannersmalltxt {
        display: none;
    }
}
@media (max-width: 500px) {
    header #logo {
        width: 170px !important;
    }
}
/* ////////////////////////////////////// */
/* Media Quaries */
/* ////////////////////////////////////// */