@font-face {
    font-family: 'coconbold';
    src: url('../fonts/cocon-bold-5911cb5074120-webfont.woff2') format('woff2'),
         url('../fonts/cocon-bold-5911cb5074120-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    }
	
    @font-face {
    font-family: 'Code_Pro_Black_LC';
    src: url('../fonts/BurbankBigWide-Bold.otf') format('truetype');
    font-weight: normal;
    font-style: normal;
    }
	
	@font-face {
    font-family: 'Code_Pro_Black_LC';
    src: url('../fonts/Code_Pro_Black_LC.otf') format('truetype');
    font-weight: normal;
    font-style: normal;
    }
	
	@font-face {
    font-family: 'MoreOrLess';
    src: url('../fonts/MoreOrLess-Regular.otf') format('truetype');
    font-weight: normal;
    font-style: normal;
    }

* a{
    -webkit-transition : all linear 300ms;
    transition : all linear 300ms;
}
body {
    margin: 0;
    padding: 0;
    position: relative;
    font-size: 15px;
    font-family: 'Open Sans', sans-serif;
    color: #1b1b1b;
    -webkit-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
    right: 0;

}


/* ============= background colors classes end */
.fade {
    -webkit-transition: opacity 500ms linear !important;
    transition: opacity 500ms linear !important;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0;
    padding: 0;
    line-height: normal;
    font-weight: 400;
    font-family: 'Raleway', sans-serif;
}

h1 {
    font-size: 48px;
}
@media screen and (max-width: 767px) {
    h1 {
        font-size: 32px;
    }
}

h2 {
    font-size: 42px;
    font-weight: 100;
    font-family: "Raleway", sans-serif;
}
@media screen and (max-width: 767px) {
    h2 {
        font-size: 30px;
    }
}

h3 {
    font-size: 32px;
}
@media screen and (max-width: 767px) {
    h3 {
        font-size: 24px;
    }
}

h4 {
    font-size: 24px;
}
@media screen and (max-width: 767px) {
    h4 {
        font-size: 18px;
    }
}

h5 {
    font-size: 16px;
    font-family: "Raleway", sans-serif;
    color: #74a534;
    text-transform: uppercase;
}
p {
    padding: 0;
    margin: 0;
    font-family: 'Open Sans', sans-serif;
    font-size: 13px;
    font-weight: 400;
    line-height: normal;
}


.p-margin {
    margin-left: 10%;
    margin-right: 10%;
}
/*
ul,
ol {
    margin: 0;
    padding: 0;
    list-style: none;
}
*/
a,
a:hover,
a:focus {
    text-decoration: none;
    outline: none;
    color: inherit;
}


.big-padding3 {
    padding: 100px 0 100px 0;
}

/*.mid-level-padding {
    padding: 100px 0;
}*/
.mid-level-padding2 {
    padding: 0;
}

.padding2 {
    padding: 20px 0;
}

.low-level-padding {
    padding: 80px 0;
}

/* sectiong heading */

.section-top-heading {
    margin-bottom: 20px;

}
.section-top-heading h2{
    font-weight: 300;
    margin-bottom: 10px;

}
.section-top-heading h5,.vertical-heading h5 {
    margin-bottom: 10px;
    text-transform: none;
    font-weight: 400;
    font-size: 18px;
}
.section-top-heading p{
    font-size: 18px;
    color: #a9a9a9;
    font-family: 'Raleway', sans-serif;

}
@media screen and (max-width: 767px)
{
    .section-top-heading p,.section-top-heading h5{
        font-size: 14px;
    }
}
/* section heading */

/* social icons styling */

.list-inline li a {
    width: 35px;
    height: 35px;
    display: inline-block;
    border-radius: 4px;
    border: 1px solid #ffffff;
    text-align: center;
    line-height: 35px;
    -webkit-transition: 400ms linear;
    transition: 400ms linear;
}
.list-inline li:nth-child(1) a:hover {
    background: #3b5998;
    border-color: transparent;
    color: #ffffff;
}
.list-inline li:nth-child(2) a:hover {
    background: #58bbff;
    border-color: transparent;
    color: #ffffff;
}
.list-inline li:nth-child(3) a:hover {
    background: -webkit-radial-gradient(33% 100%, circle, #fed373 4%, #f15245 30%, #d92e7f 62%, #9b36b7 85%, #515ecf);
    background: -webkit-radial-gradient(33% 100% circle, #fed373 4%, #f15245 30%, #d92e7f 62%, #9b36b7 85%, #515ecf);
    background: radial-gradient(circle at 33% 100%, #fed373 4%, #f15245 30%, #d92e7f 62%, #9b36b7 85%, #515ecf);
    border-color: transparent;
    color: #ffffff;
}
/* social icons styling */
hr {
    width: 96px;
    border: 1px solid #1b1b1b;
    margin: 0 auto 30px;
}

hr.whiteline {
    width: 96px;
    border: 1px solid #ffffff;
    margin: 0 auto 20px;
}

.margin-0 {
    margin-left: 0;
    margin-right: 0;
}

.margin-100-top {
    margin-top: 100px;
}

.margin-100-bottom {
    margin-bottom: 100px;
}

.margin-60-top {
    margin-top: 60px;
}

.margin-right-plus {
    margin-right: 15px;
}

.button {
    font-family: 'Open Sans', sans-serif;;
    font-size: 14px;
    line-height: 20px;
    padding: 12px 46px;
    text-transform: capitalize;
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    position: relative;
    -webkit-transition: all linear 400ms;
    transition: all linear 400ms;
    border: none;
    border-radius: 4px;

}
@media screen and (max-width: 767px) {
    .button {
        padding: 10px 28px;
        font-size: 11px;
        line-height: 16px;
    }
}

.button:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    display: inline-block;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 51%;
    transform-origin: 51%;
    -webkit-transition-property: -webkit-transform;
    transition-property : -webkit-transform;
    transition-property : transform;
    transition-property: transform, -webkit-transform;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    border: none;
    border-radius: 4px;
}

.button:hover:before, .button:focus:before, .button:active:before {
    -webkit-transform: scale(1.02);
    transform: scale(1.02);
}



.lucho{
    height: 100vh
}


.no-padding {
	padding: 0 !important;
}

#home, #section-Howto {
	position:relative;
	background: #e5b8d3 url(../img/BG_Patern.png) top center repeat-y;
	background-size:cover;
	padding: 4%;
}

@media screen and (max-width: 767px) {
	#home {
		padding: 10% 1%;
	}
}


.Player {
	position:relative;
	max-width:1280px;
	margin: auto;
	z-index:3;
	box-shadow: 0 0px 12px rgba(0, 0, 0, 0.7);
}

.Howto_img {
	/*margin: 0 -20px;*/
}

#home a, #section-Howto a {
	margin: 30px auto;
	font-family: 'MoreOrLess', 'Montserrat', 'Open Sans', sans-serif;
	color: #ff00de!important;
	font-size:40px;
	/*text-shadow: -2px 2px 0px rgba(58,34,85,.9);*/
	text-shadow: rgb(58, 34, 85) 2px 0px 0px, rgb(58, 34, 85) 1.75517px 0.958851px 0px, rgb(58, 34, 85) 1.0806px 1.68294px 0px, rgb(58, 34, 85) 0.141474px 1.99499px 0px, rgb(58, 34, 85) -0.832294px 1.81859px 0px, rgb(58, 34, 85) -1.60229px 1.19694px 0px, rgb(58, 34, 85) -1.97998px 0.28224px 0px, rgb(58, 34, 85) -1.87291px -0.701566px 0px, rgb(58, 34, 85) -1.30729px -1.5136px 0px, rgb(58, 34, 85) -0.421592px -1.95506px 0px, rgb(58, 34, 85) 0.567324px -1.91785px 0px, rgb(58, 34, 85) 1.41734px -1.41108px 0px, rgb(58, 34, 85) 1.92034px -0.558831px 0px;
	}
	
#home .white, #section-Howto .white {
	color: #ffffff!important;
}

#section-1 {
	position:relative;
	background-image: linear-gradient(to bottom right, #ED6EA7, #E6007E);
	overflow:hidden;
}

#section-1 .row{
	background: url(../img/BG_Patern.png) top center repeat-y;
	background-size:cover;
}

.Section-1_paralax {
	position:relative;
	margin-top: 30px;
	margin-bottom: -15px;
}

.section-1_img-1 {
  position: relative;
  top: 0;
  left: 0;
  z-index: 1;
}
.cloud {
  position: absolute;
  top: 0;
  left: 0;
  width: auto;
  height: auto;
  z-index: 2;
}

#section-1 .title{
	padding: 5%;
}

#section-2 h2 {
	margin: 30px auto;
	margin-top: 60px;
	font-family: 'MoreOrLess', 'Montserrat', 'Open Sans', sans-serif;
	color: #ff00de!important;
	/*text-shadow: -2px 2px 0px rgba(58,34,85,.9);*/
text-shadow: rgb(58, 34, 85) 2px 0px 0px, rgb(58, 34, 85) 1.75517px 0.958851px 0px, rgb(58, 34, 85) 1.0806px 1.68294px 0px, rgb(58, 34, 85) 0.141474px 1.99499px 0px, rgb(58, 34, 85) -0.832294px 1.81859px 0px, rgb(58, 34, 85) -1.60229px 1.19694px 0px, rgb(58, 34, 85) -1.97998px 0.28224px 0px, rgb(58, 34, 85) -1.87291px -0.701566px 0px, rgb(58, 34, 85) -1.30729px -1.5136px 0px, rgb(58, 34, 85) -0.421592px -1.95506px 0px, rgb(58, 34, 85) 0.567324px -1.91785px 0px, rgb(58, 34, 85) 1.41734px -1.41108px 0px, rgb(58, 34, 85) 1.92034px -0.558831px 0px;}

#section-2 h3 {
	margin: 0 auto;
	font-size: 24px;
	font-family: 'MoreOrLess', 'Montserrat', 'Open Sans', sans-serif;
	color: #fff!important;
	text-shadow: rgb(58, 34, 85) -2px 2px 6px, rgb(58, 34, 85) 1px -1px 2px, rgb(58, 34, 85) 0px 0px 3px;
	transition: all .2s ease-in-out
}

#section-2 h4 {
	margin-bottom: 15px;
	font-family: 'MoreOrLess', 'Montserrat', 'Open Sans', sans-serif;
	color: #ff00de!important;
}

#section-2 p {
	font-size:20px;
	text-align: left;
	font-family: 'MoreOrLess', 'Montserrat', 'Open Sans', sans-serif;
	color: #333333!important;
}

#section-2 li {
	margin: 15px auto;
}

#Section-2_img-5 {
	    margin-right: -20px;
}

#section-2 .encart {
    position: absolute;
	pointer-events: none;
	width:80%;
    top: 25%;
    left: 5%;
	opacity: 0;
	z-index: 9;
	transform:scale(0.5);
    background: rgba(255, 255, 255, 0.9);
    padding: 20px;
	border-radius: 40px;
    border: 3px solid #ff00de;
	box-shadow: -2px 2px 6px rgba(58, 34, 85, 0.5);
	transition: all .3s ease-in-out;
}


#section-3 {
    position: relative;
    background-image: linear-gradient(to bottom right, #ED6EA7, #E6007E);
    overflow: hidden;
}

#section-3 .BG {
    background: url(../img/BG_Patern.png) top center repeat-y;
    background-size: cover;
}

#section-3 h2 {
	margin: 30px auto;
	margin-top: 60px;
	font-family: 'MoreOrLess', 'Montserrat', 'Open Sans', sans-serif;
	color: #ff00de!important;
	/*text-shadow: -2px 2px 0px rgba(58,34,85,.9);*/
text-shadow: rgb(58, 34, 85) 2px 0px 0px, rgb(58, 34, 85) 1.75517px 0.958851px 0px, rgb(58, 34, 85) 1.0806px 1.68294px 0px, rgb(58, 34, 85) 0.141474px 1.99499px 0px, rgb(58, 34, 85) -0.832294px 1.81859px 0px, rgb(58, 34, 85) -1.60229px 1.19694px 0px, rgb(58, 34, 85) -1.97998px 0.28224px 0px, rgb(58, 34, 85) -1.87291px -0.701566px 0px, rgb(58, 34, 85) -1.30729px -1.5136px 0px, rgb(58, 34, 85) -0.421592px -1.95506px 0px, rgb(58, 34, 85) 0.567324px -1.91785px 0px, rgb(58, 34, 85) 1.41734px -1.41108px 0px, rgb(58, 34, 85) 1.92034px -0.558831px 0px;}

#section-3 h3 {
	margin: 0 auto;
	font-size: 24px;
	font-family: 'MoreOrLess', 'Montserrat', 'Open Sans', sans-serif;
	color: #fff!important;
	text-shadow: rgb(58, 34, 85) -2px 2px 6px, rgb(58, 34, 85) 1px -1px 2px, rgb(58, 34, 85) 0px 0px 3px;
	transition: all .2s ease-in-out
}

#section-3 h4 {
	margin-bottom: 15px;
	font-family: 'MoreOrLess', 'Montserrat', 'Open Sans', sans-serif;
	color: #ff00de!important;
}

#section-3 p {
	font-size:20px;
	text-align: left;
	font-family: 'MoreOrLess', 'Montserrat', 'Open Sans', sans-serif;
	color: #333333!important;
}

#section-3 li {
	margin: 15px auto;
}

#Section-3-img {
	position: relative; 
	height: 400px;
}

#section-3 .encart {
    position: absolute;
	pointer-events: none;
	width:80%;
    top: 25%;
    left: 5%;
	opacity: 0;
	z-index: 9;
	transform:scale(0.5);
    background: rgba(255, 255, 255, 0.9);
    padding: 20px;
	border-radius: 40px;
    border: 3px solid #ff00de;
	box-shadow: -2px 2px 6px rgba(58, 34, 85, 0.5);
	transition: all .3s ease-in-out;
}

#main img{
	margin-right: -20px;
	margin-top: 50px;
}


#Anim {
	    padding: 5% 15%;
}

.AnimVideo {
	margin:0;
	padding:0;
	opacity:0;
	position:absolute;
	top:0;
    margin: auto;
    z-index: 3;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out
}



.BG_What {
	position: absolute;
	z-index: 0;
	transition: all .3s ease-in-out;
	transform: scale(1);
	opacity: 0;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out
}

.What {
	position: absolute;
	z-index: 0;
	transition: all .3s ease-in-out;
	opacity: 1;
	transform: scale(1);
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out
}

.HeartOver {
	opacity: 1;
	transform: scale(1.1);
}

.Anim_img, .Anim_obj, .Anim_click, .CallOut {
	cursor:pointer;
	pointer-event:none;
	position:absolute;
	top:0;
	z-index:99;
	opacity: 0;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out
}

.CallOut {
	margin: -10%;
}

.Num {
	position:absolute;
	top: 0;
	left:0;
	margin-top: -20px;
	opacity: 0;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out
}


.TextWhite2 {
    letter-spacing: 1px !important;
    margin: 5% 0;
    font-size: 28px;
    font-family: 'Code_Pro_Black_LC', 'Montserrat', 'Open Sans', sans-serif;
    letter-spacing: 0;
    color: #fff !important;
    text-shadow: 3px 3px 0px rgba(186, 9, 127, 1);
    transition: all .2s ease-in-out;
}

#OrderNow2 {
	position:absolute;
	top:35%;
	right: 5%;
	cursor:pointer;
}

#OrderNow3 {
	position:absolute;
	bottom: -20px;
	left: 2%;
	cursor:pointer;
}


@media screen and (max-width: 767px) {
	#OrderNow2 {
		top:50%;
    	width: 125px;
	}
	#OrderNow3 {
    	width: 125px;
	}
	.Num {
		max-width: 40px;
	}
	#Anim {
		padding: 5%;
		margin-top: 20%;
	}
	.CallOut {
    	margin-top: -35%;
		margin-left:-5%;
	}
	
}

#section-2 {
	position:relative;
	background: linear-gradient(5deg, #61439a 0%, #a85ca4 100%);
	overflow: hidden;
}

#section-2 .BG {
	background: url(../img/BG_Patern.png) top center repeat-y;
	background-size:cover;
}

/*.descript {
	position:relative;
    background: rgba(160, 120, 200, 0.7);
}*/

#collection {
	margin-top: 50px;
}


.photostack {
	background: #e5b8d3 url(../img/BG_Patern.png) top center repeat-y;
	background-size:cover;
	overflow: hidden;
	box-shadow: inset 0 0 15px rgba(0, 0, 0, 0.7);
	border-left: 3px solid #3a2255;
	border-right: 3px solid #3a2255;
}

#Adopt {
    position: absolute;
    top: -30px;
    right: -20px;
    z-index: 99;
}

.photostack-img img {
	width:320px;
	height:320px;
}

.photostack nav {
	display:none !important;
}


#section-4 {
	position:relative;
	background: #e5b8d3 url(../img/BG_Patern.png) top center repeat-y;
	background-size:cover;
	overflow: hidden;
	min-height:550px;
}






#videogrande{
    position: relative;
    height: 100vh;
    margin-top:60%;

}

#about-us .about-us-1 .outer-bound {
    min-height: 100%;
    position: relative;
}
@media screen and (max-width: 767px) {
    #about-us .about-us-1 .outer-bound {
        position: static;
        min-height: 100%;
    }
}
#about-us .about-us-1 .outer-bound .left-section {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
@media screen and (max-width: 767px) {
    #about-us .about-us-1 .outer-bound .left-section {
        -webkit-transform: translate(0);
        transform: translate(0);
        position: static;
    }
}
@media screen and (max-width: 767px) {
    #about-us .about-us-1 .right-section {
        text-align: center;
        margin-top: 50px;
    }
}
#about-us .about-us-1 .right-section .feature h5 {
    margin-bottom: 2px;
    -webkit-transition: all 400ms linear;
    transition: all 400ms linear;
    font-size: 12px;
}
#about-us .about-us-1 .right-section .feature h4 {
    margin-bottom: 8px;
}
#about-us .about-us-1 .right-section .feature.middle {
    margin: 50px 0;
}
#about-us .about-us-1 .right-section .feature .icon {
    text-align: right;
    -webkit-transition: all 400ms linear;
    transition: all 400ms linear;
}
@media screen and (max-width: 767px) {
    #about-us .about-us-1 .right-section .feature .icon {
        text-align: center;
        font-size: 36px;
    }
}
#about-us .about-us-1 .right-section .feature:hover h5 {
    color: #202125;
}
#about-us .about-us-1 .right-section .feature:hover .icon {
    color: #74a534;
}


#about-us .about-us-2 {
    background: url("../images/balloon.gif") no-repeat fixed center;
    background-size: cover;
    height: 400px
}
#about-us .about-us-2 h3 {
    font-family: "Raleway", sans-serif;
    color: #ffffff;
    line-height: 45px;
    margin: 0 20%;
    font-size: 28px;
}

#about-us .about-us-2 h3 i {
    color: rgba(255,255,255,0.1);
}
#about-us .about-us-2 p {
    font-family: "Raleway", sans-serif;
    color: #74a534;
    margin-top: 8px;
}
@media screen and (max-width: 1366px){
    #about-us .about-us-2 h3{
        margin: 0 10%;
    }
}
@media screen and (max-width: 767px){
    #about-us .about-us-1 .right-section .feature:hover .icon{
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }

    #about-us .about-us-2 h3{
        margin: 0 3%;
    }
}



 .service-1 .section {
    padding: 20px 0px 0px 0px;
   /* background: #ffffff;*/
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    -webkit-transition: all 400ms ease-in-out;
    transition: all 400ms ease-in-out;
     border-radius: 4px;

}
@media screen and (max-width: 767px) {
     .service-1 .section.middle-section {
        margin: 0px 0;
    }
    #about-us .about-us-2 h3{
        font-size: 22px;
    }
}
 .service-1 .section h2 {
    margin-bottom: 20px;
    font-family: "Raleway", sans-serif;
    -webkit-transition: all 400ms ease-in-out;
    transition: all 400ms ease-in-out;
}
.service-1 .section hr {
    width: 100%;
    height: 2px;
    background:red;
    margin: 0;
    -webkit-transition: all 400ms ease-in-out;
    /* transition: all 400ms ease-in-out; */
    /* border: none; */
}

 .service-1 .section h4 {
    margin-bottom: 10px;
    font-family: "Raleway", sans-serif;
}
 .service-1 .section p {
    line-height: 24px;
}
 .service-1 .section:hover {
    /*background: #E00008;*/
}
 .service-1 .section:hover hr {
    background: #ffffff;
}
 .service-1 .section:hover h2 {
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
}
 .service-1 .section:hover h2,  .service-1  .section:hover h4,  .service-1  .section:hover p {
    color: #ffffff;
}


.fancybox-overlay {
    background: rgba(0, 0, 0, 0.9);
}



.mix {
    display: none;
}

.index_2 .work-item {
    width: 20%;
}

.work-item {
    height: auto;
    width: auto;
    float: left;
    position: relative;
    overflow: hidden;
}
.work-item > img {
    display: block;
    max-width: 100%;
    width: 100%;
    height: auto;
}

.item-container:hover img {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
    -webkit-transition: all ease-in-out 300ms;
    transition: all ease-in-out 300ms;
}

.overlay {
    background-color: rgba(255, 255, 255, 0.8);
    position: absolute;
    top: 10px;
    right: 10px;
    bottom: 10px;
    left: 10px;
    width: auto;
    height: inherit;
    color: #383838;
    opacity: 0;
    filter: alpha(opacity=0);
    padding: 2%;
    z-index: 1;
}

.overlay-inner {
    margin: auto;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 100%;
}

.item-container:hover .overlay {
    opacity: 1;
    filter: alpha(opacity=100);
}

.work-item:hover .line {
    width: 40%;
}

.overlay h4.color {
    color: #74a534;
}
.overlay h4.base {
    color: #74a534;
}

.work-item .overlay p {
    font-size: 14px;
}

.overlay .line {
    width: 0;
    height: 1px;
    margin: 15px auto;
    background-color: #383838;
    -webkit-transition: all ease-in-out 500ms;
    transition: all ease-in-out 500ms;
}

.product-content .line {
    height: 1px;
    margin: 15px auto;
    background-color: #383838;
    -webkit-transition: all ease-in-out 500ms;
    transition: all ease-in-out 500ms;
}


.portfolio{
    background-color:#00709c;
   /*background-image: url(../images/fondoazul.jpg);*/
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center
}


.mix {
    display: none;
}

.index_2 .work-item {
    width:20%;
}

.work-item {
    height:auto;
    width:auto;
    float:left;
    position: relative;
    overflow:hidden;
}

.work-item > img {
    display: block;
    height: auto;
    max-width: 100%;
    width:100%;
}
.item-containe > img{
    -webkit-transition: all 0.7s ease 0s;
    transition:all 0.7s ease 0s;
}
.item-container:hover  img{
    -webkit-transform:scale(1.2);
    transform:scale(1.2);

    -webkit-transition: all 0.3s ease-in-out ;
    transition:all 0.3s ease-in-out;
}

.overlay {
    background-color:rgba(20,0,67,.5);
    position: absolute;
    left:10px;
    top:10px;
    bottom:10px;
    right:10px;
    width:auto;
    height:inherit;
    color: #222222;
    opacity: 0;
    filter: alpha(opacity=0);
    padding:2%;
    z-index:1;
}

.overlay-inner{
    margin: auto;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 100%;
}

.item-container:hover .overlay {
    opacity: 1;
    filter: alpha(opacity=100);
}
.work-item:hover .line{
    width:40%;
}
.overlay h4.color{ color:#74a534;}
.overlay h4.base{ color:#74a534;}

.work-item .overlay p{
    font-size:14px;
}
.overlay .line{
    width:0%;
}
.overlay .line ,
.product-content .line{
    height:1px;
    margin:15px auto;
    background-color:#000;
    -webkit-transition: all 500ms ease-out;
    transition: all 500ms ease-out;
}




/* ---------- Footer  ---------- */
footer{
    background:#ffffff;
    padding:35px 0;
    position:relative;
}
footer p{
    margin:0;
    color:#00709c;
    font-size:16px;
}
footer .breadcrumb{
    background-color:transparent;
    padding:0;
}

footer .breadcrumb li a {
    text-shadow: none;
    color:#00709c;
    font-size:14px;
    position:relative;
}
footer .breadcrumb li a:hover, footer .breadcrumb li a:focus{
    color: #00709c;
}




#background {
    position: relative;
    top: 100%;
    left: 100%;
    min-width: 100%;
    min-height: 100%;
    width: 100%;
    height: auto;
    z-index: -100;
    -webkit-transform: translateX(-100%) translateY(-100%);
    transform: translateX(-100%) translateY(-100%);
    background: url(polina.jpg) no-repeat;
    background-size: cover;
}

.red{
    color: #CC2128;
    font-family: 'coconbold';
    font-size: 30px;
    /*text-shadow: 2px -2px 0px #ffffff;*/
}
.facebookcolor{
    color: #3b5998;
    font-family: 'coconbold';
    font-size: 60px;
    /*text-shadow: 2px -2px 0px #ffffff;*/
}




.captions{
    margin-top: 10px;
    text-transform: uppercase;
}


.container-fluid {
    padding-right: 0px!important; 
    padding-left: 0px!important; 
    margin-right: auto;
    margin-left: auto;
}

.col-md-12{
    padding-right: 0px!important; 
    padding-left: 0px!important; 
}

.row {
    margin-right: 0px!important;
    margin-left: 0px!important;
}

.navbar-right {
    float: right!important;
    margin-right: 40px;
    padding-top: 10px;
}


video { 
   width:100%;
   height:auto;

}
/*#top_video, video {
    width: 100%;
    display: block;
}
video{
    position:fixed;
    top:50%;
    left:50%;
    min-width:100%;
    width:auto;
    height:auto;
    -ms-transform:translateX(-50%) translateY(-50%);
    -moz-transform:translateX(-50%) translateY(-50%);
    -webkit-transform:translateX(-50%) translateY(-50%);
    transform:translateX(-50%) translateY(-50%);
    -webkit-background-size:cover!important;
    -moz-background-size:cover!important;
    -o-background-size:cover!important;
    background-size:cover!important}*/

    figure { display: block; background: #eee; padding: 10px;margin-top: 40px }
@media (max-width: 723px){
    .swiper-container .slider-content.left{
    margin-top: 80px
}
        
    }

.hvr-grow {
  /*display: inline-block;
  vertical-align: middle;*/
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  z-index:1;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
}
.hvr-grow:hover, .hvr-grow:focus, .hvr-grow:active {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
  z-index:2;
}

/* Trim */
.hvr-trim {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
}
.hvr-trim:before {
  content: '';
  position: absolute;
  border: white solid 4px;
  top: 4px;
  left: 4px;
  right: 4px;
  bottom: 4px;
  opacity: 0;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: opacity;
  transition-property: opacity;
}

.word--kidnap, .textinviting {
    font-family: "coconbold";
    font-size: 80px;
    font-weight: 400;
    color: #ffffff;
}

.word--kidnap span {
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: 100%;
}
.service-1{
    background-color: #070043;
    padding-top: 100px;
    padding-bottom: 100px
}

.slowmotion{
    position: relative;
    padding-bottom: 40px;
    margin-top:-150px;
}
.slowmo {
    z-index: 20;
    margin-top: -150px;
}

.bloque{
    margin-top: -100px
}
.boxshare, .face{
   /* position: absolute;*/
     display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 60vh;
    
}

p.mailus{
    font-family: "coconbold";
    font-size: 40px;
    font-weight: 400;
    color: #ffffff;
    text-align: center;
    text-decoration: none;
    color: #aaf;
    text-shadow: none;
    
}
p.blue{
    font-family: "coconbold";
    font-size: 60px;
    font-weight: 400;
    color: #00709c;
    text-align: center;
    text-decoration: none;
    text-shadow: none;
    
}

p.mailus
{
    color: #fff;
    text-shadow: -1px 1px 58px #ffc, 1px -1px 58px #fff;
}


@media (max-width: 667px){
    p.mailus{
    font-family: "coconbold";
    font-size: 20px;
    font-weight: 400;
    color: #ffffff;
}
}
@media (max-width: 991px){
    .boxshare{
        display: none
    }

    #about-us {
    background: url(../images/Big_img.jpg) center center repeat-y fixed;
    -webkit-background-size: cover!important;
    -moz-background-size: cover!important;
    -o-background-size: cover!important;
    background-size: cover!important;
}
.slowmo {
    z-index: 20;
    margin-top: 0px;
}
.slowmotion {
    position: relative;
    padding-bottom: 40px;
    margin-top: 0px; 
}

}

@media (min-width: 992px) and (max-width: 1191px){
    .word--kidnap, .textinviting {
    font-family: "coconbold";
    font-size: 40px;
    font-weight: 400;
    color: #ffffff;
}
}

@media (max-width: 991px){
.word--kidnap, .textinviting {
    font-family: "coconbold";
    font-size: 50px;
    font-weight: 400;
    color: #ffffff;
}
}


.vertical-center{
  display: flex;
  align-items: center;
}

.uploadsection{
    height: 60vh;
    background-image: url(../images/fondoupload2.jpg);
    background-color: #00709c;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.settlesection{
    height: 600px;
    /*background-image: url(../images/fondo3.jpg);*/
    background-color: #ffffff;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 80px;
    margin-bottom: 80px
}


@media (max-width: 674px){
    .settlesection{
    height: 450px;
    /*background-image: url(../images/fondo3.jpg);*/
    background-color: #ffffff;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 40px;
}
}


@media (max-width: 481px){
    p.blue{
    font-family: "coconbold";
    font-size: 40px;
    font-weight: 400;
    color: #00709c;
    text-align: center;
    text-decoration: none;
    text-shadow: none;
    
}
}

@media (max-width: 440px){
     .settlesection{
    height: 300px;
    /*background-image: url(../images/fondo3.jpg);*/
    background-color: #ffffff;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    margin-top: 40px
}
}
@media (min-width: 441px) and (max-width: 542px){
     .settlesection{
    height: 400px;
    /*background-image: url(../images/fondo3.jpg);*/
    background-color: #ffffff;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    margin-top: 40px
}
}

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


.logo{
    margin-top:10px;
}

.logo img{
    margin-bottom:-30px;
}

    header {
    position: fixed;
    z-index: 9999;
    width: 100%;
    top: 0px;
}

    .videito{
        margin-top: 100px
    }

    .mtop{
        padding-top: 80px
    }

    .navbar {
    position: relative;
    height: 100px;
    margin-bottom: 20px;
    border: 0;
	background-color: #ec008c;
    width: 100%;
    background-image: url(../img/BG_ShimmerStars.jpg);
    background-repeat: repeat;
    border-bottom: 3px solid #61439a;
	box-shadow: 0 0 15px rgba(0, 0, 0, 0.5);
}

.buyit{
    right: 5px;
    margin-top: -35px;
    margin-right: 5%;
    margin-bottom: -120px;
}

@media (max-width:600px){

.logo{
    height: 80px;
    padding: 0;
}

.logo img{
    height: 80px;
	width:auto;
}

.logo2 {
    margin-top: -10px;
}
.logo2 img{
    max-width: 120px;
	margin-top: -10px;
}

.navbar {
    position: relative;
    height: 80px;
    margin-bottom: 20px;
    width: 100%;
    background-color: #00709c;
}

.videito {
    margin-top: 50px;
}
}

    .embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; /*margin-top: 80px*/ } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
    
    .logo_right {
	float: right;
    margin: 0 0 -40px -40px;
	}
	.S50 {
		max-width: 175px;
		height:auto;
		padding:25px;
	}
	
	.bottom {
    position: relative;
    bottom: 0px;
    padding-top: 10%;
	}

	.l-footer {
    overflow: hidden;
    margin: 0 auto;
	padding: 20px 0;
    width: 100%;
	    background: linear-gradient(5deg, #61439a 0%, #a85ca4 100%);
    font-family: 'Montserrat', 'Open Sans', sans-serif;
    font-size: 14px;
	font-weight:200;
    line-height: 60px;
}

.logoFlip{
width: 25%;
min-width:200px;
float:left;
/*perspective*/
-webkit-perspective:1000px;
   -moz-perspective:1000px;
    -ms-perspective:1000px;
     -o-perspective:1000px;
        perspective:1000px;
}
.flip{
min-width:200px;
height:60px;
/*transform*/
-webkit-transform:rotateY(0deg);
   -moz-transform:rotateY(0deg);
    -ms-transform:rotateY(0deg);
     -o-transform:rotateY(0deg);
        transform:rotateY(0deg);
/*transition*/
-webkit-transition:all 500ms ease;
   -moz-transition:all 500ms ease;
     -o-transition:all 500ms ease;
        transition:all 500ms ease;
/*transform-style*/
-webkit-transform-style:preserve-3d;
   -moz-transform-style:preserve-3d;
    -ms-transform-style:preserve-3d;
     -o-transform-style:preserve-3d;
        transform-style:preserve-3d;
}
.logoFlip:hover .flip{
/*transform*/
-webkit-transform:rotateY(-180deg);
   -moz-transform:rotateY(-180deg);
    -ms-transform:rotateY(-180deg);
     -o-transform:rotateY(-180deg);
        transform:rotateY(-180deg);
}
.flip div{
position:absolute;
width:100%;
height:60px;
text-align:center;
/*backface-visibility*/
-webkit-backface-visibility:hidden;
   -moz-backface-visibility:hidden;
    -ms-backface-visibility:hidden;
     -o-backface-visibility:hidden;
        backface-visibility:hidden;
}
.flip div:last-child{
/*transform*/
-webkit-transform:rotateY(180deg);
   -moz-transform:rotateY(180deg);
    -ms-transform:rotateY(180deg);
     -o-transform:rotateY(180deg);
        transform:rotateY(180deg);
}
.flip div p{
	color:white;
	line-height:60px;
	text-align:center;
}
.signature {
	color:white;
	font-style:bold;
	line-height:60px;
	text-align:center;
/*transition*/
-webkit-transition:all 500ms ease;
   -moz-transition:all 500ms ease;
     -o-transition:all 500ms ease;
        transition:all 500ms ease;
}

@media (max-width: 800px){
.logoFlip {
    width: 100%;
	float: none;
	padding: 10px 0;
}

.signature {
	text-align:right;
	padding-right: 20px;
}
}

#tagline{
	line-height: 60px;
	text-align: center;
	background: linear-gradient(5deg, #61439a 0%, #a85ca4 100%);
	padding: 5px;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out
	}
	
#tagline .tag {
	padding: 20px 0;
	background: url(../img/BG_Shimmer.png) center repeat;
	border-top: 2px dashed #ffde84;
	border-bottom: 2px dashed #ffde84;
	margin: 0!important;
	text-align: center;
}

#tagline2 {
	background-color: #2cc7d5!important;
}


#tagline h1 {
	margin: 0 auto;
	font-size: 60px;
	font-weight: 500!important;
	font-family: 'Code_Pro_Black_LC', 'Montserrat', 'Open Sans', sans-serif;
	color: #fffad2;
	z-index:1;
	background: linear-gradient(2deg, #ffe080 0%, #ffffff 55%, #e2a521 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	/*text-shadow: rgb(58, 34, 85) 5px 0px 0px, rgb(58, 34, 85) 4.90033px 0.993347px 0px, rgb(58, 34, 85) 4.60531px 1.94709px 0px, rgb(58, 34, 85) 4.12668px 2.82321px 0px, rgb(58, 34, 85) 3.48353px 3.58678px 0px, rgb(58, 34, 85) 2.70151px 4.20736px 0px, rgb(58, 34, 85) 1.81179px 4.6602px 0px, rgb(58, 34, 85) 0.849836px 4.92725px 0px, rgb(58, 34, 85) -0.145998px 4.99787px 0px, rgb(58, 34, 85) -1.13601px 4.86924px 0px, rgb(58, 34, 85) -2.08073px 4.54649px 0px, rgb(58, 34, 85) -2.94251px 4.04248px 0px, rgb(58, 34, 85) -3.68697px 3.37732px 0px, rgb(58, 34, 85) -4.28444px 2.57751px 0px, rgb(58, 34, 85) -4.71111px 1.67494px 0px, rgb(58, 34, 85) -4.94996px 0.7056px 0px, rgb(58, 34, 85) -4.99147px -0.291871px 0px, rgb(58, 34, 85) -4.83399px -1.27771px 0px, rgb(58, 34, 85) -4.48379px -2.2126px 0px, rgb(58, 34, 85) -3.95484px -3.05929px 0px, rgb(58, 34, 85) -3.26822px -3.78401px 0px, rgb(58, 34, 85) -2.4513px -4.35788px 0px, rgb(58, 34, 85) -1.53666px -4.75801px 0px, rgb(58, 34, 85) -0.560763px -4.96845px 0px, rgb(58, 34, 85) 0.437495px -4.98082px 0px, rgb(58, 34, 85) 1.41831px -4.79462px 0px, rgb(58, 34, 85) 2.34258px -4.41727px 0px, rgb(58, 34, 85) 3.17346px -3.86382px 0px, rgb(58, 34, 85) 3.87783px -3.15633px 0px, rgb(58, 34, 85) 4.4276px -2.32301px 0px, rgb(58, 34, 85) 4.80085px -1.39708px 0px, rgb(58, 34, 85) 4.98271px -0.415447px 0px;
	*/
	transition: all .2s ease-in-out
}

#tagline h1:before {
 	content:url(../img/TagBefore.png);
	position: absolute;
    z-index: 0;
	margin-left: -40px;
}

#tagline h1:after {
 	content:url(../img/TagAfter.png);
	position: absolute;
    z-index: 0;
	margin-left:-10px
}

#tagline h1 .yellow {
	color: #ffda00!important;
	font-size:120%;
}

#tagline h2, #tagline h3 {
	margin: 0 auto;
	font-family: 'Code_Pro_Black_LC', 'Montserrat', 'Open Sans', sans-serif;
	color: #fff!important;
	text-shadow: 2px 2px 6px rgba(0,0,0,.5);
	transition: all .2s ease-in-out
}

@media screen and (max-width:1310px) {
#tagline h1 {
	font-size: 50px
	line-height: 50px!important
}
@media screen and (max-width:1050px) {
#tagline h1 {
font-size:45px;
line-height:45px!important
}
}
@media screen and (max-width:935px) {
#tagline h1 {
font-size:40px;
line-height:40px!important
}
}
@media screen and (max-width:880px) {
#tagline h1 {
font-size:35px;
line-height:35px!important
}
}
@media screen and (max-width:740px) {
#tagline h1 {
font-size:30px;
line-height:30px!important
}
#tagline h3 {
font-size:22px;
line-height:22px!important
}
}
@media screen and (max-width:650px) {
#tagline h1 {
font-size:28px;
}
}
}

#SpeakIMG {
	margin-bottom:-70px;
	margin-top: 25px;
	min-width: 325px;
}
#SpeakIMG:hover, #Speaking:hover {
	cursor:pointer;
}
#Speaker {
	position:relative;
}
#Speaking {
	position:absolute;
    top: 65%;
    right: 10%;
}

.Spacing {
	position:relative;
	height: 100px;
}

@media screen and (max-width:768px) {
#Speaking {
    top: 80%;
    right: -70%;
	-webkit-transform: scale(0.5);
	-moz-transform: scale(0.5);
	-o-transform: scale(0.5);
	-ms-transform: scale(0.5);
	transform: scale(0.5) !important;
}
.Spacing {
	display:none;
}
}

#SpeechIMG {
	margin:auto;
	/*display: none;*/
}
#ListenIMG {
	margin-top: 10%;
}

#Section-2_Coco {
    margin: -15%;
    min-width: 350px;
}
#Section-2_Speeches {
    margin-top: -10%;
}

.Cards {
    max-width: 825px;
    margin: 0 0 -10% -10%;
}

.Card{
	position:relative;
	margin: -30px;
    margin-top: -50px;
	display: inline-block;
	z-index: 2;
	-moz-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out
}

.Card:nth-child(even) {
	-webkit-transform: rotate(2deg) translateZ(0);
	-moz-transform: rotate(2deg);
	-o-transform: rotate(2deg);
	-ms-transform: rotate(2deg);
	transform: rotate(2deg)
}
.Card:nth-child(odd) {
	-webkit-transform: rotate(-3deg) translateZ(0);
	-moz-transform: rotate(-3deg);
	-o-transform: rotate(-3deg);
	-ms-transform: rotate(-3deg);
	transform: rotate(-3deg)
}

.Card:nth-child(even):hover, .Card:nth-child(odd):hover {
	-webkit-animation: moveImg 4s ease-in-out infinite forwards;
	-moz-animation: moveImg 4s ease-in-out infinite forwards;
	-o-animation: moveImg 4s ease-in-out infinite forwards;
	-ms-animation: moveImg 4s ease-in-out infinite forwards;
	animation: moveImg 4s ease-in-out infinite forwards;
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-o-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1);
	z-index: 10;
}
#top-footer {
    background-color: #89c450;
    padding: 20px 0;
}

#top-footer p{
    font-family: 'Montserrat', 'Open Sans', sans-serif;
    color: #fff!important;
    font-size: 14px;
    line-height: 16px;
    font-weight: 200;
}

#section-5 span {
    font-family: 'Montserrat', 'Open Sans', sans-serif;
    color: #fff!important;
	font-size:22px;
	font-weight: 700;
    padding: 40px;
    float: left;
    transition: all .2s ease-in-out;
}


.modal, .modal-backdrop {
	right: 0;
	bottom: 0;
	left: 0
}
.modal-content, .popover {
	background-clip: padding-box
}
.modal {
	position: fixed;
	top: 0;
	margin: 5%;
	z-index: 1040;
	display: none;
	overflow: auto;
}
.modal.fade .modal-dialog {
	-webkit-transform: translate(0, -25%);
	-ms-transform: translate(0, -25%);
	transform: translate(0, -25%);
	-webkit-transition: -webkit-transform .3s ease-out;
	-moz-transition: -moz-transform .3s ease-out;
	-o-transition: -o-transform .3s ease-out;
	transition: transform .3s ease-out
}
.modal.in .modal-dialog {
	-webkit-transform: translate(0, 0);
	-ms-transform: translate(0, 0);
	transform: translate(0, 0)
}
.modal-dialog {
	position: relative;
	z-index: 1050;
	width: auto;
	padding: 10px;
	margin-right: auto;
	margin-left: auto
}
.modal-content {
	position: relative;
	background-color: #fff;
	border: 1px solid #999;
	border: 1px solid rgba(0,0,0,.2);
	border-radius: 6px;
	-webkit-box-shadow: 0 3px 9px rgba(0,0,0,.5);
	box-shadow: 0 3px 9px rgba(0,0,0,.5)
}
.modal-backdrop {
	position: fixed;
	top: 0;
	z-index: 1030;
	background-color: #000
}
.modal-backdrop.fade {
	opacity: 0;
	filter: alpha(opacity=0)
}
.modal-backdrop.in {
	opacity: .5;
	filter: alpha(opacity=50)
}
.modal-header {
	min-height: 16.43px;
	padding: 15px;
	border-bottom: 1px solid #e5e5e5
}
.modal-header .close {
	margin-top: -2px
}
.modal-title {
	margin: 0;
	line-height: 1.428571429
}
.modal-body {
	position: relative;
}

.modal-body a {
  color:#a20f88;
	-moz-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out
}

.modal-body a:hover {
  color:#ff00de;
}

.popover, .tooltip, .tooltip-arrow {
	position: absolute
}
.modal-footer {
	padding: 19px 20px 20px;
	margin-top: 15px;
	text-align: right;
	border-top: 1px solid #e5e5e5
}
.tooltip.top .tooltip-arrow, .tooltip.top-left .tooltip-arrow, .tooltip.top-right .tooltip-arrow {
	bottom: 0;
	border-top-color: #000;
	border-width: 5px 5px 0
}
.modal-footer:after, .modal-footer:before {
	display: table;
	content: " "
}
.modal-footer .btn+.btn {
	margin-bottom: 0;
	margin-left: 5px
}
.modal-footer .btn-group .btn+.btn {
	margin-left: -1px
}
.modal-footer .btn-block+.btn-block {
	margin-left: 0
}
@media screen and (min-width:768px) {

.modal-body {
	position: relative;
	padding: 50px
}
	
.modal-dialog {
	width: 600px;
	padding-top: 30px;
	padding-bottom: 30px
}
.modal-content {
	-webkit-box-shadow: 0 5px 15px rgba(0,0,0,.5);
	box-shadow: 0 5px 15px rgba(0,0,0,.5)
}
}
.modal, .modal-body {
	background: #ffe5f5!important
}
.bigmodal {
	width: 100%;
	height: 100%;
	left: 0;
	margin: 0
}
.bigmodal.fade.in {
	top: 0
}
.bigmodal .modal-body {
	max-height: none
}
.modal {
	overflow-x: hidden;
	border: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none
}

.modal img {
	width: 80%;
	max-width: 100%;
	height: auto
}

.ScaleHover {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-o-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	-moz-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	-ms-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out
}

.ScaleHover:hover {
	-webkit-animation: moveImg 4s ease-in-out infinite forwards;
	-moz-animation: moveImg 4s ease-in-out infinite forwards;
	-o-animation: moveImg 4s ease-in-out infinite forwards;
	-ms-animation: moveImg 4s ease-in-out infinite forwards;
	animation: moveImg 4s ease-in-out infinite forwards;
	-webkit-transform: scale(1.2);
	-moz-transform: scale(1.2);
	-o-transform: scale(1.2);
	-ms-transform: scale(1.2);
	transform: scale(1.2);
	z-index: 10;
}

.close {
	font-size: 38px;
	background: 0 0;
	color: #444;
	margin: 0 50%!important;
	cursor: pointer;
	border: 0;
	-webkit-appearance: none;
	-webkit-transition: .2s;
	-moz-transition: .2s;
	-o-transition: .2s;
	transition: .2s;
	-webkit-text-shadow: none;
	-moz-text-shadow: none;
	-o-text-shadow: none;
	text-shadow: none
}
.close:hover {
	color: #555;
	-webkit-transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	transform: rotate(-90deg);
	-webkit-transition: .3s;
	-moz-transition: .3s;
	-o-transition: .3s;
	transition: .3s
}
.modal-backdrop {
	display: none!important
}
.modal-backdrop, .modal-backdrop.fade.in {
	z-index: 0
}
.progress {
	float: right;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	height: 10px;
	background: rgba(0,0,0,.2);
	width: 70%;
	margin: 10px
}

.modal-body h3 {
	font-family: 'Code_Pro_Black_LC', 'Montserrat', 'Open Sans', sans-serif;
	color: #3a2255;
	margin:40px 0 20px 0;
}

@media screen and (max-width: 767px) {
	.box img {
		width: 150px;
	}
	#buy {
		padding: 0!important;
	}
	.modal-body {
		padding: 20px 0 ;
	}
	.modal-body h3 {
		margin: 20% 0 5% 0;
	}
}



/**************************** GRID Charms***************************/

/*-----------------------------------------------------------------------------------*/
/*	09: WORK
/*-----------------------------------------------------------------------------------*/
.box {
	display: none;
	cursor:pointer;
	position:relative;
	z-index:3;
}

/* ***CATEGORY NAVIGATION BAR*** */
.category-navbar{
	font-size: 0px;
	list-style: none;
	margin: 60px 0 10px 0;
	padding: 7px 0 2px 0px;
	width: 100%;
 }
.category-navbar li:first-child{ margin: 0 0 0 0px; }
.category-navbar li{
	display: inline-block;
	line-height: 16px;
	margin: 0 0 0 0px;
	padding: 20px 0;
}
.category-navbar li a{
	position:relative;
	z-index:3;
	cursor: pointer;
	color: #3a2255;
	font-size: 28px;
	font-family: 'Code_Pro_Black_LC', 'Montserrat', 'Open Sans', sans-serif;
	color: #3a2255;
	text-decoration: none;
	margin: 20px;
	padding: 10px;
	border-radius: 5px;
	moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
.category-navbar li a:hover{ text-decoration:none; background:#ff0099; color:#fff; }
.category-navbar li.select a{ background:#3a2255; color:#fff; }

/* ***CAPTION STYLE*** */
.box{  overflow:hidden; }
.lightbox-text{ display: none; }
.thumbnail-caption{ position:absolute; width:100%; height:100%; display:none; text-transform:uppercase; }
/* The style for centering the caption (vertically and horizontally) */
.thumbnail-caption>div{ height:100%;  width:100%; display:table !important; }
.thumbnail-caption>div>div{
	padding: 15px;
	display: table-cell!important;
    vertical-align: middle;
    text-align:center; 
}
.thumbnail-caption h3{ font-size:14px; letter-spacing:2px; font-weight:600!important; color: #fff!important; }

/* ***LOADING STYLE*** */
.grid-loader{
	padding: 10px 0px;
	background: url(../img/loader.gif) no-repeat;
	background-position: center;
	margin: 20px auto;
	width: 25%;
	color: #bbb!important;
	height: 50px!important;
}
.grid-loadMore{ 
	cursor: pointer;
	margin: 40px auto 0;
	text-align: center;
	background-color: transparent;
	font-weight: 400;
	font-size: 30px!important;
    font-family: 'Code_Pro_Black_LC', 'Montserrat', 'Open Sans', sans-serif;
    color: #3a2255;
	text-shadow: -2px 2px 0px rgba(255,255,255,.6);
	padding: 10px 0px;
	height: 50px!important;
	font-size: 17px;
	letter-spacing: 2px;
	-webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.grid-loadMore:hover{ text-decoration: none; background:transparent!important; height:50px!important; }

/* ***LIGHT-BOX STYLE*** */
.lightbox-timer{
	height: 1px;
	position: absolute;
	bottom: 0;
	left: 0;
	background: #fff;
}
.lb-loader{
	width: 43px;
	height: 11px;
	background: url(../img/loader.gif);
	margin: 20px auto;
}
.autoGrid-lightbox{
	display: none;
	position: fixed;
	top:0;
	width: 100%;
	height: 100%;
	background: #313131;
	 z-index:9999!important;
	background: rgba(20,22,24,0.90);
	text-align: center;
}
.autoGrid-lightbox img{ margin: 5px auto; max-width: 100%; }
.autoGrid-nav{ margin-top: -56px; height: 56px; width: 100%;  }
.autoGrid-play, .autoGrid-close, .autoGrid-next, .autoGrid-prev, .autoGrid-font {
	width: 88px;
	height: 56px;
	position: relative;
	cursor: pointer;
}
.autoGrid-play:hover, .autoGrid-close:hover, .autoGrid-next:hover, .autoGrid-prev:hover, .autoGrid-font:hover{ background: #313941; }
.autoGrid-lbcaption{
	float: left;
	color: #f0f0f0;
	height: 57px;
	font-size: 17px;
}
.autoGrid-lbcaption span { margin-left: 3px; color: #333; font-size: 14px; }
.autoGrid-lbcaption>div { height: 100%;  width: 100%;display: table !important; }
.autoGrid-lbcaption>div>div{
	padding: 0 15px 0 15px;
	display: table-cell !important;
	vertical-align: middle; /* FOR VERTICAL ALIGN */
	text-align:center; /* FOR HORIZONTAL ALIGN */
}
.autoGrid-play, .autoGrid-close {  float: right; }
.autoGrid-next, .autoGrid-prev { float: right; }
.iconPlay, .iconClose, .iconNext, .iconPrev{
  	font-family: 'FontAwesome';
	speak: none;
	font-size: 26px;
	line-height: 62px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	display: block;
	-webkit-font-smoothing: antialiased;
	color:  #eee;
	-webkit-transition:all .3s;
     -moz-transition:all .3s;
       -o-transition:all .3s;
      -ms-transition:all .3s;
          transition:all .3s;
} 
.iconPlay:hover, .iconClose:hover, .iconNext:hover, .iconPrev:hover{
	color:  #3a2255;
	-webkit-transition:all .3s;
     -moz-transition:all .3s;
       -o-transition:all .3s;
      -ms-transition:all .3s;
          transition:all .3s;
} 
.iconClose:before { content: "\f057"; }
.iconPlay:before { content: "\f144"; }
.iconNext, .iconPrev {  margin: -1px 0 0 0px; }
.iconPrev:before { content: "\f04a"; }
.iconNext:before { content: "\f04e"; }
.selected{ background:  #E84E41; }
.selected .iconPlay:before { content: "\f04c"; color: #eee; }
.selected:hover .iconPlay:before { color:#3a2255; }

/**** Transitions ****/
.transitions-enabled.masonry,
.transitions-enabled.masonry .masonry-brick {
  -webkit-transition-duration: 0.7s;
     -moz-transition-duration: 0.7s;
      -ms-transition-duration: 0.7s;
       -o-transition-duration: 0.7s;
          transition-duration: 0.7s;
}
.transitions-enabled.masonry {
  -webkit-transition-property: height, width;
     -moz-transition-property: height, width;
      -ms-transition-property: height, width;
       -o-transition-property: height, width;
          transition-property: height, width;
}
.transitions-enabled.masonry  .masonry-brick {
  -webkit-transition-property: left, right, top;
     -moz-transition-property: left, right, top;
      -ms-transition-property: left, right, top;
       -o-transition-property: left, right, top;
          transition-property: left, right, top;
}
/* disable transitions on container */
.transitions-enabled.infinite-scroll.masonry {
  -webkit-transition-property: none;
     -moz-transition-property: none;
      -ms-transition-property: none;
       -o-transition-property: none;
          transition-property: none;
}

/**** Clearfix ****/
.grid-clearfix:before, .grid-clearfix:after { content: ""; display: table; }
.grid-clearfix:after { clear: both; }
.grid-clearfix { zoom: 1; }
.centered { overflow: auto; }

.thumbnail-caption{ background: #609fbf;}
.grid-loadMore:hover{ color:#ec008c!important; }
.autoGrid-nav{ background: #ec008c; }





#section-4 .thumbnail-caption{
	background: #bf6099;
}


#Section-4_img-2 {
	margin-left:-10%;
}

#Section-4_img-1 {
	position:absolute;
	top:0;
}


.Color {
	margin: 0;
}

#sphere-area {
    height: 500px;
    position: absolute;
    top: 0;
    left: 10%;
    width: 100%;
}

.Flie {
    -webkit-transition: all 800ms ease-in-out;
    transition: all 800ms ease-in-out;
	top: 200% !important;
	opacity:0 !important;
	transform: rotateZ(720deg);
}
.Flies {
	top: 40px;
	left: 300px;
	opacity: 1;
    transform: rotateZ(0deg);
}

#Flie_1 {
	position: absolute;
	top: 50px;
	left: 250px;
	}
#Flie_2 {
	position: absolute;
	top: 40px;
	left: 300px;
	opacity: 0;
	}
#Flie_3 {
	position: absolute;
	top: 20px;
	left: 200px;
	opacity: 0;
}

@media screen and (max-width:768px) {
.Color {
	margin: 0 -10%;
}
.Flies {
	transform:scale(0.7);
}
#sphere-area {
	left:-10%;
	top:-50px;
}
#Section-4_img-2 {
	position:absolute;
	bottom:0;
	z-index: 100;
	margin:0;
}
}