/* ============================================
Fonts
=============================================*/
/* ============================================
Fonts
=============================================*/

@font-face {
    font-family: 'Cocogoose Pro';
    src: url('../fonts/CocogoosePro.woff2') format('woff2'),
        url('../fonts/CocogoosePro.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'cocogoose-light';
    src: url('../fonts/CocogoosePro-Light.woff2') format('woff2'),
        url('../fonts/CocogoosePro-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
}
@font-face {
    font-family: 'Helvetica Neue';
    src: url('../fonts/HelveticaNeue.woff2') format('woff2'),
        url('../fonts/HelveticaNeue.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Cocogoose Pro Ultra';
    src: url('../fonts/CocogoosePro-UltraLight.woff2') format('woff2'),
        url('../fonts/CocogoosePro-UltraLight.woff') format('woff');
    font-weight: 200;
    font-style: normal;
}
@font-face {
    font-family: 'Cocogoose Pro Regular';
    src: url('../fonts/CocogoosePro.woff2') format('woff2'),
        url('../fonts/CocogoosePro.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

/* ============================================
default styles
=============================================*/
body {
    height: 100%;
    width: 100%;
    color: #545652;
    font-family: 'Helvetica Neue';
    font-size: 17px;
    line-height: 26px;
}

a {
    color: #016f90;
    }
    a:hover {
    color: #3b91ab;
    }
input,
button {
    outline: none;
}

/* mobile menu slicknav*/
.mobile_menu {
    display: none;
}

.slicknav_menu .slicknav_menutxt {
    display: none;
}

.slicknav_menu {
    background: transparent;
    margin-top: 30px;
    margin-right: 23px;
}

.slicknav_menu .slicknav_icon-bar {
    background-color: #545652;
    height: 2px;
    width: 35px;
    margin: 3px 0px;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.slicknav_btn {
    background-color: transparent;
    position: relative;
    margin-top: -48px;
    cursor: pointer;
}

.slicknav_menu .slicknav_open .slicknav_icon-bar:nth-child(2) {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}

.slicknav_menu .slicknav_open .slicknav_icon-bar:nth-child(1) {
    -webkit-transform: rotate(45deg) translate(1px, 7px);
    transform: rotate(45deg) translate(1px, 7px);
}

.slicknav_menu .slicknav_open .slicknav_icon-bar:nth-child(3) {
    -webkit-transform: rotate(-45deg) translateY(-6px);
    transform: rotate(-45deg) translateY(-6px);
}

.slicknav_menu {
    padding: 0;
}

.slicknav_nav {
    background: #202020;
    margin: 0;
    padding: 0;
}

.slicknav_nav a:hover {
    background: #fefefe;
    border-radius: 0;
}

.slicknav_nav a {
    font-size: 14px;
    letter-spacing: 0.01em;
    text-transform: capitalize;
}

.slicknav_nav .slicknav_arrow {
    float: right;
}

.slicknav_nav .slicknav_row:hover,
.slicknav_nav .slicknav_row:hover .slicknav_arrow {
    border-radius: 0;
    background-color: #3c3333;
}

.slicknav_nav li a img {
    display: none;
}

.slicknav_nav li a br {
    display: none;
}

/* ============================================
header area css
=============================================*/

header {
    position: relative;
    overflow: hidden;
}

.nav-top {
    color: #545652;
    font-size: 20px;
    line-height: 30px;
    font-family: 'cocogoose-light';
    word-spacing: 6px;
    text-align: left;
    margin-left: 152px;
	font-weight:bold;
}
.nav-top p{
    text-align: center;
}

.nav-top p span {
	letter-spacing: 8.2px;
	font-family: 'cocogoose-light';
	letter-spacing: 6.05px;
    padding-left: 5.1px;
}

header nav ul {
    margin: 0;
    padding: 0;
    text-transform: capitalize;
    padding-top: 20px;
}

header nav li {
    display: inline-block;
    padding-left: 18px;
    text-align: center;
}

header nav li a {
    color: #545652;
    font-family: 'cocogoose-light';
    -webkit-transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    transition: all .3s ease-in;
	font-size: 12px;
	font-weight:normal;
}

header nav li a:hover {
    color: #008080;
}

header nav li a span {
    text-transform: uppercase;
}
header nav li a div {
    height: 64px;
    width: 64px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

header nav li a div img {
    max-width: 100%;
}

header nav li a .portfolio {
    background: #95b705;
}

header nav li a .about {
    background: #d60270;
}

header nav li a .faq {
    background: #545652;
}

header nav li a .faq img {
    width: 16px;
}

header nav li a .contact {
    background: #e8e8e8;
}
header nav li a .bolt {
    background: #e8e8e8;
}
header nav li a div.bolt img {
    max-width: 67%;
    margin-top: 5px;
}

header nav li a .ugnoodle {
    background: #3b91ab;
}

header nav li a .social {
    background: #016f90;
}

header nav li a .portfolio img {
    margin: -6px 3px 0 0;
}

header nav li a .about img {
    margin: 4px 0 0 0;
}

header nav li a .social img {
    margin: 0 0 5px 5px;
}

header .container {
    position: relative;
    padding: 35px 0;
}

header .container:after {
    position: absolute;
    height: 5px;
    width: 100%;
    left: 0;
    bottom: 0;
    background: #016f90;
    content: '';
}




.image-disk {
    height: 554px;
    width: 554px;
    margin: 0 auto;
    border-radius: 50%;
}

.image-disk img {
    cursor: pointer;
}

.circle-box {
    height: 246px;
    width: 246px;
    background: #95b705;
    position: absolute;
    top:51.7%;
    left:51.7%;
    margin-top: -132px;
    margin-left: -132px;
    border-radius: 50%;
    padding: 25px;
    display: flex;
}

.circle-box.feel {
    background: #d60270;
}

.circle-box.learn {
    background: #545652;
}

a.think-1 {
    position: absolute;
	top:0;
	left:24.1%;
}

a.think-2 {
    position: absolute;
	right:0;
	top:9.7%;
}

a.think-3 {
	position: absolute;
	bottom:10.3%;
	right:0;
}

a.think-4 {
	position: absolute;
	bottom:0;
	left:27.5%;
}

a.think-5 {
	position: absolute;
	left:0;
	bottom:6.4%;
}

a.think-6 {
	position: absolute;
	left:0;
	top:8.5%;
}

a.learn-1 {
	position: absolute;
	top:0;
	left:24%;
}

a.learn-2 {
	position: absolute;
	right:0;
	top:9.7%;
}

a.learn-3 {
	position: absolute;
	bottom:10.3%;
	right:0;
}

a.learn-4 {
	position: absolute;
	bottom:0;
	left:27.5%;
}

a.learn-5 {
	position: absolute;
	left:0;
	bottom:6.4%;
}

a.learn-6 {
	position: absolute;
	left:0;
	top:8.5%;
}

a.feel-1 {
	position: absolute;
	top:0;
	left:24.2%;
}

a.feel-2 {
	position: absolute;
	right:0;
	top:9.7%;
}

a.feel-3 {
	position: absolute;
	bottom:10.3%;
	right:0;
}

a.feel-4 {
	position: absolute;
	bottom:0;
	left:27.5%;
}

a.feel-5 {
	position: absolute;
	left:0;
	bottom:6.4%;
}

a.feel-6 {
	position: absolute;
	left:0;
	top:8.5%;
}

/* ============================================
hero area
=============================================*/
.hero-slider-top h4 {
    font-size: 32px;
    margin: 50px 0;
    font-family: 'Helvetica';
    font-weight: 300;
    line-height: 44px;
}
.hero-slider-top .home_title{
	width: 415px;
	text-align: left;
	font-size: 24px;
	margin: 50px auto;
	font-family: 'cocogoose-light';
	font-weight: 300;
	line-height: 44px;
}
.hero-slider-top .home_title p{
	text-align: center;
	line-height: 1.4;
}
.hero-slider-top .home_title span{
	display:block;
	width:100%;
}
.hero-slider-top .home_title span:first-child{
	letter-spacing: 2.5px;
}
.hero-slider-top .home_title span:nth-child(2){
	word-spacing: 2px;
	padding-left: 2px;
}

.slider-up-text h3 {
    font-size: 28px;
    text-transform: uppercase;
    word-spacing: 5px;
    letter-spacing: 2px;
    font-weight: 400;
    padding-bottom: 30px;
}

.slider-area.section-padding {
    padding: 60px 0;
}

.slider-bottom-text {
    padding: 30px 0;
	font-family:'cocogoose-light';
}

.slider-bottom-text p {
    color: #016f90;
    word-spacing: 5px;
}

.slider-bottom-text p a {
    color: #016f90;
    text-transform: uppercase;
    text-decoration: underline;
}

.owl-carousel .owl-item img {
    width: initial;
}

.slider-area .single-slides,
.slider-area .owl-stage-outer,
.slider-area .owl-stage,
.slider-area .owl-item {
    height: 100%;
    width: 100%;
}


.slider-area .single-slides {
    position: relative;
    background-repeat: no-repeat;
    background-position: center;
}

.circle-box h2 {
    font-size: 45px;
    text-transform: uppercase;
    color: #fff;
    padding: 20px 0 10px;
    font-weight: 500;
}

.circle-box p {
	font-family: 'cocogoose-light';
    color: #f2f2f2;
    line-height: 20px;
    font-size: 9px;
}

.slider-area .owl-carousel .owl-dots.disabled,
.slider-area .owl-carousel .owl-nav.disabled {
    display: block !important;
}

.owl-dots {
    display: none;
}

.hero-item {
    padding: 10px;
}
.hero-slide {
	width: 604px;
	margin: auto;
}
.hero-slide .owl-nav {
    position: absolute;
    top: 46%;
    width: 100%;
}

.hero-slide button.owl-next {
    right: -14%;
    position: absolute;
    outline: none;
}

.hero-slide button.owl-prev {
    left: -14%;
    position: absolute;
    outline: none;
}

.hero-content {
    cursor: pointer;
    padding: 0 45px;
}

/* ================================== */
.video-area {
    display: none;
}

.video-area video {
    max-width: 90%;
}

.video-area {
    padding: 60px 0;
}

.video-area .col-lg-8 {
    position: relative;
}

.video-area .col-lg-8:after {
    position: absolute;
    height: 100%;
    width: 3px;
    top: 0;
    right: 0;
    content: '';
    background: #016f90;
}
.videoBlock img{
	width: 100%;
	height: auto;
}

.heading.text-center {
    padding-bottom: 30px;
}

.video-content .text-left p {
	font-family: "Cocogoose Pro Ultra";
    color: #545652;
    padding: 0 0 20px 15px;
	font-size:15px;
}
.flim_video_header{
	padding-bottom:20px !important;
	color: #545652 !important;
	font-size: 30px;
	font-weight:bold;
	padding-right: 10px;
}
.flim_video_header img{
	width: 100%;
    height: auto;
    /* min-height: 45px; */
    max-width: 250px;
}
.video-content .testimonial,
.video-content .testimonial p {
	font-family: 'Helvetica';
    padding: 5px 0px;
    color: #016f90;
	font-style: italic;
	font-size: 15px;
	 text-transform: uppercase;
}
.video-content .testimonial p {
    padding-left: 15px;
    text-align: left;
}

.cross {
    position: absolute;
    height: 30px;
    width: 30px;
    border: 1px solid #545652;
    border-radius: 50%;
    top: -20px;
    right: 0;
    cursor: pointer;
    z-index: 9;
}
.cols2{
	-webkit-columns: 2;
  -moz-columns: 2;
  columns: 2;
  -webkit-column-gap: 2.5em;
  -moz-column-gap: 2.5em;
  column-gap: 2.5em;
}
.cross .fa-times {
    margin-left: 8px;
}

/* ============================================
footer top
=============================================*/

.footer-top .container {
    position: relative;
}

.footer-top .container:after {
    position: absolute;
    height: 5px;
    width: 100%;
    left: 0;
    top: 0;
    background: #016f90;
    content: '';
}

.footer-top .owl-carousel .owl-stage {
    display: flex;
    align-items: center;
    justify-content: center;
}

.footer-top .client-icon.owl-carousel .owl-dots.disabled,
.footer-top .client-icon.owl-carousel .owl-nav.disabled {
    display: none !important;
}

.footer-top .owl-carousel .owl-item img {
    width: 100%;
	padding: 30px;
	text-align: center;
}

.footer-top .col-lg-10.offset-lg-1 {
    padding: 0;
}

/* ============================================
footer
=============================================*/
footer {
    background: #016f90;
    padding: 50px 0;
    font-family: 'Helvetica Neue';
}

.footer-contact p,
.footer-contact p a {
    color: #f3f3f3;
    padding-bottom: 15px;
	letter-spacing: 0.4px;
}

.footer-social li {
    display: inline-block;
    height: 40px;
    width: 40px;
    border-radius: 50%;
    background: #545652;;
}

.footer-social li a {
    color: #fff;
    height: 100%;
    display: flex;
    font-size: 24px;
    align-items: center;
    justify-content: center;
}

.footer-social {
    position: absolute;
    bottom: -20px;
    right: 15px;
}

.vimeo_icon{
}
.youtube_icon{
}
.facebook_icon{
}
.twitter_icon{
}
.instagram_icon{
}
.linkedin_icon{
}
.skype_icon{
}


/* ============================================
portfolio page
=============================================*/
section.portfolio-area h2 {
    font-size: 50px;
    text-transform: uppercase;
    margin: 0;
    padding-bottom: 20px;
}

section.portfolio-area p {
    padding-bottom: 11px;
    font-family: 'Helvetica Neue';
    font-size: 17px;
    line-height: 26px;
}
section.portfolio-area p:last-child{
    padding-bottom: 60px;
}
section.portfolio-area p a{
    color: #e60066;
}
.portfolio_box{
	margin-bottom:9.8%;
}
.portfolio-img img {
    border-radius: 50%;
    cursor: pointer;
}

section.portfolio-area {
    padding: 70px 0 0;
}

.portfolio-bottom-text a {
    text-transform: uppercase;
    color: #545652;
    text-decoration: underline;
}

/* ============================================
about page css
=============================================*/
.about-content {
    padding: 80px 100px;
    height: 600px;
    width: 600px;
    border: 10px solid #d60270;
    border-radius: 50%;
    margin: 0 auto;	
}
.about-content,
.about-content p{
	font-family: 'Helvetica';
	font-size: 16px !important;
	line-height: 22px !important;
}
.about-content h2{
	font-family: 'Cocogoose Pro';
}

.about-content h4 {
    padding-top: 50px;
	font-family: 'Cocogoose Pro';
	letter-spacing: 2px;
	font-weight: normal;
}

.about-slider-item h2 {
    font-size: 42px;
    text-transform: uppercase;
	padding-bottom: 10px;
}

.about-slider-item p {
    padding-top: 20px;
	font-size: 15px;
	line-height:20px;
}

.slider-area .owl-carousel .owl-dots.disabled,
.slider-area .owl-carousel .owl-nav.disabled,
.about-area .owl-carousel .owl-dots.disabled,
.about-area .owl-carousel .owl-nav.disabled {
    display: block;
}

.about-slider-item img {
    margin: 0 auto;
}

.about-area .owl-carousel .owl-item img {
    width: 600px;
}

.about-area .owl-nav {
    position: absolute;
    width: 100%;
    top: 46%;
}

.about-area button.owl-next {
    right: 13%;
    position: absolute;
    outline: none;
}

.about-area button.owl-prev {
    left: 13%;
    position: absolute;
    outline: none;
}

/* ============================================
faq area css
=============================================*/
section.faq-area {
    padding: 70px 0;
}
section.faq-area p,
section.faq-area p span,
section.faq-area h2,
section.faq-area h3{
	font-family: 'helvetica';
}

section.faq-area h2 {
    text-transform: uppercase;
    font-size: 42px;
    padding-bottom: 30px;
	font-family: 'Cocogoose Pro';
}

section.faq-area h3 {
    padding-top: 40px;
    font-size: 26px;
    text-transform: uppercase;
    font-weight: 400;
	color: #016f90;
}

section.faq-area p span {
    display: block;
	font-weight: 700;
    padding: 20px 0 15px;
	text-transform:capitalize;
}

/* ====================
    Contact Page
====================== */
.contact-us-area.section-padding {
    padding: 68px 0;
    font-family: 'Helvetica';
}

.contact-us-area .h3 {
    margin-bottom: 25px;
    color: #016f90;
    font-size: 24px;
}

.contact-us-area .col-lg-8.text-center p {
    padding: 0 75px 60px;
}

.contact-us-area .map a {
    color: #016f90;
    margin-bottom: 50px;
    display: inline-block;
    font-size: 24px;
    font-family: 'Helvetica Neue';
    font-weight: 400;
}

.contact-us-area .map {
    margin-top: 30px;
}

.contact-info-area h3 {
    padding: 15px 0;
    text-transform: capitalize;
    font-size: 24px;
}

.contact-info-area address {
    margin-bottom: 1rem;
    font-style: normal;
    line-height: inherit;
    position: static;
    text-align: left;
    margin-left: 60px;
}

.contact-us-area .map a::after {
    position: relative;
    top: 0;
    left: 0;
    content: "";
    height: 100%;
    width: 100%;
    display: block;
    border-bottom: 2px solid #016f90;
}

.contact-form-area form input[type='text'],
.contact-form-area form input[type='email'],
.contact-form-area form input[type='tel'],
.contact-form-area form textarea {
    background-color: #3b91ab;
    outline: 0;
    border: none;
    margin-bottom: 30px;
    padding: 10px;
    color: #fff;
    padding-left: 15px;
}

.contact-form-area form input[type='text'] {
    width: 48%;
    margin-right: 20px;
}

.contact-form-area form .second-name {
    margin-right: 0 !important;
}

.contact-form-area form textarea,
.contact-form-area form input[type='email'],
.contact-form-area form input[type='tel'] {
    width: 100%;
}

.contact-form-area form textarea {
    resize: none;
    height: 120px;
}

.contact-form-area form input::placeholder,
.contact-form-area form input::placeholder,
.contact-form-area form input::placeholder,
.contact-form-area form textarea::placeholder {
    color: #fff;
    font-weight: 400;
    font-family: sans-serif;
}

.contact-form-area form button[type='submit'] {
    float: right;
    border: none;
    outline: 0;
    background-color: #d60270;
    padding: 8px 30px;
    color: #fff;
    font-weight: 700;
    cursor: pointer;
    border: 2px solid transparent;
}

.contact-form-area form button[type='submit']:hover {
    background: transparent;
    border-color: #d60270;
    color: #000;
    transition: all .4s ease-in;
    border-radius: 5px;
}

.contact-us-area .map a:hover {
    color: #545652;
    transition: all .4s ease-in;
}
.contact_box{
	padding: 50px 0px;
}
.contact_upper_left{
	width: 64.667%;
	float: left;
	padding: 0 2%;
}
.contact-form-area{
	padding-top: 20px;
}
.contact_upper_right{
	width: 33.33%;
	float: right;
}
.contact_upper_right h3{
	padding-bottom: 25px;
	font-family: 'Cocogoose Pro Regular';
}
.contact_upper_right,
.contact_upper_right p{
}
.contact_gmap{
	padding-top: 20px;
}
.contact_lower_left{
	width: 58%;
	padding: 0px 2%;
	float: left;
}
.contact_lower_left h2{
	font-size: 30px;
	padding-bottom: 15px;
	font-family: 'Helvetica';
}
.contact_lower_left p{
	padding-bottom: 15px;
}
.contact_lower_right{
	width: 40%;
	float: right;
	text-align: center;
}
.contact_lower_right img{
	width: 100%;
}
div.wpcf7-mail-sent-ok {
	border: 2px solid #95b705;
	color:#95b705;
}

/* =====================
    Contact page end
======================== */
/* ============================================
Social page
=============================================*/
section.socail-area p {
    line-height: 32px;
}

/* ============================================
splash
=============================================*/
section.splash-area {
    position: relative;
    height: 100%;
    width: 100%;
	background: #000;
	overflow:hidden;
}
.splash-logo{
	max-width:200px;
	margin: 0px auto 15px;
}
.splash_content_box h1,
.splash-area h1 {
	padding-bottom: 20px;
    font-size: 80px;
	color: #fff;
	font-family: 'Helvetica Neue';
	line-height: 80px;
	font-weight: normal;
}
.splash_content_box h3,
.splash-area h3 {
    font-size: 20px;
	padding: 0 0 40px 0;
	font-weight: normal;
	color: #fff;
}

.splash-area a.splash-btn {
    color: #fff;
	padding: 14px 20px;
	text-transform: uppercase;
	font-size: 14px;
	display: inline-block;
	border: 2px solid #fff;
}

.splash-area .footer-social {
	position: fixed;
	margin-top: 20px;
	bottom: 30px;
	width: 100%;
	right: 0px;
}
.splash-area .footer-social li {
	background: #fff;
}
.splash-area .footer-social svg{
	color: #545652;
}
.splash-area .footer-social li a {
    margin: 0 5px;
    font-size: 20px;
}
.splash_content_box {
	width: 100%;
	font-family: 'Helvetica Neue';
	position: fixed;
	top: 50%;
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	left: 0%;
}
.svg-inline--fa.fa-w-14 {
    width: 20px;
}
.svg-inline--fa.fa-w-16 {
    width: 20px;
}
.svg-inline--fa.fa-w-18 {
    width: 20px;
}
.svg-inline--fa.fa-w-9 {
    width: 20px;
}
@media screen and (max-width:992px){
.portfolio_box {
    margin-bottom: 7.8%;
}
}

@media screen and (max-width:600px){
	.cols2{
	-webkit-columns: 1;
  -moz-columns: 1;
  columns: 1;
  -webkit-column-gap: 2.5em;
  -moz-column-gap: 2.5em;
  column-gap: 2.5em;
}
	}
	@media screen and (max-width:767px){
.portfolio_box {
    margin-bottom: 14.8%;
}
}
@media screen and (max-width:479px){
	.contact_upper_left,
	.contact_upper_right,
	.contact_lower_left,
	.contact_lower_right{
		width:98%;
		padding: 0 2% 20px;
	}
	.splash_content_box {
		padding: 20px 0px;
	}
	.splash_content_box h1, .splash-area h1 {
		font-size: 38px;
		line-height: 42px;
	}
	.splash_content_box h3, .splash-area h3 {
		font-size: 16px;
	}
	.ugnoodle_button_box li{
		width:44% !important;
		padding-bottom: 20px !important;
	}
	
}

/* ============================================

=============================================*/
/* ============================================
Ugnoodle Pag
=============================================*/
.ugnoddle_button_text{
	display: block;
	text-align: center;
	width: 100%;
}
.ugnoodle_button_box {
	width: 80%;
	list-style: none;
	padding: 50px 0px;
	margin: 0px auto;
}
.ugnoodle_button_box li{
	width: 20%;
	list-style: none;
	display: inline-flex;
	padding: 0 4%;
}
.ugnoodle_button_box li a{
	font-size: 10px;
	text-decoration: none;
}
.ugnoodle_button_box li img{
	width: 100%;
}
.ugnoodle_button_box li span{
	padding-top: 10px;
	display: block;
	text-transform: uppercase;
	    font-size: 14px;
    line-height: 1.2;
}

.section-padding {
    padding: 40px 0;
}

.ugnoodle-setting {
    font-family: 'cocogoose-light';
}

/*
.ugnoodle-setting-img img {
    margin: 0 10px;
}
*/

.ugnoodle-setting-img h1 {
    margin: 10px 0 50px;
}

.ugnoodle-setting h2 {
    margin-top: 50px;
	font-weight: 400;
}

.secton-heading {
    margin-bottom: 50px;
}

.sinle-work p {
    color: #545652;
    font-size: 18px;
    padding: 30px 0 60px 90px;
}

.ugnoodle_title_cont{
	display: block;
	width: 80%;
	margin: 0 auto;
	text-align: center;
}
.ugnoodle_title_cont p{
	text-align: center;
}

section.ugnoodle-setting p {
    font-size: 22px;
    text-align: center;
    line-height: 30px;
	padding: 30px 45px 60px 45px;
}

.ugnoodle-setting .sinle-work p {
    font-size: 17px;
    line-height: 26px;
}

.sinle-work-content p {
    text-align: left;
}

h3 {
    font-family: "Helvetica Neue";
    font-size: 34px;
}

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

.heading-number h3 {
    margin-bottom: 30px;
}

.checkbox-content label {
    margin-bottom: 10px;
}

.script-text-area textarea {
    width: 60%;
}

.script-text-area textarea {
    background: #3b91ab none repeat scroll 0 0;
    border: medium none;
    color: #fff;
    padding: 10px 20px;
    width: 80%;
}

.script-text-area textarea::placeholder {
    color: #fff;
}

.script-text input {
    margin-top: 20px
}

.script-text input {
    border: 2px solid #3b91ab;
    border-radius: 10px;
    color: #3b91ab;
    margin-right: 20px;
    padding: 5px;
    text-align: center;
}

.script-text span {
    font-size: 29px;
    color: #3b91ab;
    font-family: 'Helvetica Neue';
}

.style-box img {
    border: 2px solid #3b91ab;
    border-radius: 10px;
}

.style-box label {
    margin-bottom: 40px;
    margin-top: 5px;
}

.music-area .budge-img img {
    padding-top: 120px;
}

.branding-content ul li {
    display: inline-block;
}

.branding-content ul li a {
    border: 3px solid #3b91ab;
    color: #3b91ab;
    padding: 5px 30px;

}

.branding-content ul li {
    display: inline-block;
    margin-bottom: 40px;
    margin-top: 20px;
    font-family: 'Helvetica Neue';
}

.branding-content ul li a {
    border: 3px solid #3b91ab;
    color: #3b91ab;
    margin: 5px;
    padding: 5px 28px;
}

.branding-content h6 {
    margin-bottom: 10px;
}

.branding-content ul + h6 {
    margin-bottom: 20px;
}

.branding-text-box textarea {
    border: 3px solid #3b91ab;
    padding: 5px 10px;
    resize: none;
    width: 100%;
}

.drop-files {
    border: 3px solid #3b91ab;
    height: 340px;
    position: relative;
    text-align: center;
}

.drop-files > img {
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
}

.drop-files p {
    font-size: 24px;
    margin-top: 30px;
}

.drop-files a {
    margin-top: 10px;
    font-size: 24px;
    display: block;
}

.branding-btn button {
    border: medium none;
    border-radius: 20px;
    font-size: 15px;
    margin-left: 10px;
    margin-top: 15px;
    padding: 6px 19px;
    width: 46%;
    background: #3b91ab;
    color: #fff;
    cursor: pointer
}

.banding .hr {
    background: #3b91ab none repeat scroll 0 0;
    height: 3px;
    margin-top: 100px;
}

.delivery-option {
    margin-left: -20px;
}

.delivery-area .heading-number > h3 {
    text-align: left;
}
.time_scale > h3{
	margin-bottom:0px;
}
.time_scale span{
	width: 100%;
	display: block;
	text-align: left;
	font-family: 'Helvetica Neue';
}
.delivery-checkbox-heading{
	color: #3b91ab;
}

.delivery-input {
    border: 3px solid #3b91ab;
    border-radius: 30px;
    margin-bottom: 30px;
    margin-left: 19px;
    padding: 10px 20px;
    width: 48%;
    font-family: 'Helvetica Neue';
}

.delivery-checkbox-heading p {
    margin: 40px 0;
    font-family: 'Helvetica Neue';
}

.delivery-checkbox-heading span {
    font-weight: 700;
}



.delivery-area .checkbox-custom + .checkbox-custom-label::before {
    background: #fff none repeat scroll 0 0;
    border: 2px solid #3b91ab;
    color: #3b91ab;
    /*content: "✓";*/
    display: inline-block;
    font-family: "FontAwesome";
    font-size: 22px;
    height: 40px;
    line-height: 30px;
    width: 40px;
}

.delivery-area .checkbox-custom:checked + .checkbox-custom-label::before {
    height: 40px;
    width: 40px;
}

.delivery-checkbox {
    margin-bottom: 30px;
}

.checkbox-custom-label > p {
    font-size: 18px;
    margin-left: 60px;
    position: absolute;
    top: -7px;
    width: 400px;
    font-weight: 700
}
.page-id-81 form{
	font-family: 'cocogoose-light';
}
.page-id-81 form h2, .page-id-81 form h3{
	font-family: 'Cocogoose Pro Regular';
}
span.need_hurry{
	font-family: 'Cocogoose Pro Regular';
}
.checkbox-custom-label > p {
    font-family: 'Cocogoose Pro Regular';
}
.checkbox-custom-label > p span{
    font-family: 'cocogoose-light';
}
.checkbox-custom-label p span {
    font-weight: 400;
    font-family: 'Helvetica Neue';
}
.delivery_box span,.lets-go-content p{
	font-family: 'Helvetica Neue';
}
.theme-color h2 {
    color: #016f90
}

.lets-go-content p + p {
    margin-top: 15px;
}

.total-amount {
    margin-top: 34px;
}

.total-amount > input {
    border: 3px solid #016f90;
    padding: 10px 20px;
    width: 50%;
    text-align: center;
    font-size: 30px;
    border-radius: 5px;
}
.total-amount > input[type=submit] {
    font-family: 'Cocogoose Pro Regular';
}

.total-amount {
    align-items: center;
    display: flex;
}

.amount {
    background: #3b91ab none repeat scroll 0 0;
    border: medium none;
    color: #fff;
    font-size: 30px;
    font-weight: 800;
    line-height: 39px;
    margin-left: 30px;
    padding: 20px 0;
    width: 290px;
    cursor: pointer
}
.price_text {
	display: block;
	text-align: left;
	font-size: 13px;
	font-family: 'Helvetica Neue';
}

.lets-go-area h1 {
    font-family: 'Cocogoose Pro Regular';
    font-size: 50px;
    line-height: 60px;
    margin-top: 80px;
}

.lets-go-area h1 span {
    color: #3b91ab;
}

.hr {
    background: #3b91ab none repeat scroll 0 0;
    height: 3px;
    margin-top: 50px;
}
.hr_section {
    background: #3b91ab none repeat scroll 0 0;
    height: 3px;
}

.ugnoodle-faq-content h2 {
    color: #016f90;
    font-family: "Helvetica";
    font-size: 28px;
    font-weight: 700;
}

.ugnoodle-faq-content p {
    margin-bottom: 30px;
    margin-top: 5px;
	font-family: 'Helvetica';
}

.style-box.mr-bt-0 label {
    margin-bottom: 0;
}

.ugnoodle-faqs-area {
    margin-bottom: 30px;
}

.audio_bar {
	background: url(../img/audio/music.png) no-repeat left top;
	width: 23px;
	height: 18px;
	margin-right: 8px;
}


/*===Audio Area====*/

.single-audio {
    float: left;
    margin-bottom: 0;
}

.single-audio > input {
    margin-left: 10px;
    margin-top: 14px;
}

progress {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-size: 200% 100%;
    border: none;
    color: #3B91AB;
    height: 0.5rem;
    width: 50px !important;
    background: #3B91AB !important;
    border: 2px solid #fff !important;
    padding: 2px;
}

progress::-ms-fill {
    animation-name: none;
}

.audio.js-audio {
    float: left;
    margin-bottom: 10px;
	width:80%;
}

.single-audio p {
    color: #545652;
    font-size: 16px;
    text-transform: uppercase;
	clear:both;
	font-family: 'Helvetica Neue';
}

progress[value],
progress::-webkit-progress-bar,
progress[value]::-webkit-progress-value {
    background: none;
    border: none;
    border-radius: 0px;
}

progress[value]::-webkit-progress-bar {
    background: #3B91AB;
}

progress[value]::-webkit-progress-value {
    background-color: #fff;
}

progress:not([value]) {
    -webkit-animation: animate-progress 2s ease infinite;
    animation: animate-progress 2s ease infinite;
}

@-moz-document url-prefix() {
    progress::-moz-progress-bar {
        background-color: transparent;
    }

    progress[value],
    progress[value]::-moz-progress-bar {
        border: medium none;
        border-radius: 0px;
        height: 0.5rem;
    }

    progress[value] {
        background-color: #3B91AB !important;
    }

    progress[value]::-moz-progress-bar {
        background-color: #fff;
    }
}

audio {
    width: 100%;
}

.audio {
    align-items: center;
    background-color: #3B91AB;
    border-radius: 4px;
    display: flex;
    padding: -0.625rem 0.25rem;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.audio__src,
.audio__icon {
    display: none;
}

.audio__bar {
    box-sizing: content-box;
    flex-grow: 1;
    margin: 0 0.25rem;
}

.audio__time {
    cursor: default;
    color: #fff;
    flex-shrink: 0;
    font-size: 0.875rem;
    margin: 0 0.5rem;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.audio__vol-pop {
    display: none;
    height: 1.875rem;
    width: 6rem;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    right: 1.5rem;
    top: 0.5rem;
    -webkit-transform: rotate(-90deg) translateX(-1rem);
    transform: rotate(-90deg) translateX(-1rem);
    -webkit-transform-origin: 1.5rem -1.625rem;
    transform-origin: 1.5rem -1.625rem;
    transition: all 0.25s ease;
}

.audio__vol-pop::before {
    background-color: transparent;
    border-radius: 4px;
    content: "";
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    width: calc(100% - 1rem);
}

.audio__vol {
    background-color: white;
    border-radius: 4px;
    box-sizing: content-box;
    cursor: -webkit-grab;
    cursor: grab;
    display: block;
    height: 0.5rem;
    width: 4rem;
    margin: 0.6875rem 0.5rem 0.6875rem 1.5rem;
}

.audio__vol:active {
    cursor: -webkit-grabbing;
    cursor: grabbing;
}

.audio__vol-pop:hover,
.audio__vol-pop:active,
.audio__icon--vol:hover + .audio__vol-pop {
    opacity: 1;
    pointer-events: all;
    -webkit-transform: rotate(-90deg) translateX(0);
    transform: rotate(-90deg) translateX(0);
}

[controls] ~ .audio__bar {
    cursor: -webkit-grab;
    cursor: grab;
}

[controls] ~ .audio__bar:active {
    cursor: pointer;
}

[controls] ~ .audio__icon {
    background-color: transparent;
    background-position: center;
    background-size: auto 1rem;
    border: none;
    border-radius: 4px;
    box-shadow: none;
    cursor: pointer;
    display: block;
    flex-shrink: 0;
    height: 1.75rem;
    width: 1.875rem;
    margin: 0 0.125rem;
}

[controls] ~ .audio__icon--play {
    background-image: url(../img/audio/play.png);
}

[controls] ~ .audio__icon--pause {
    background-image: url("../img/audio/pause.png");
}

.audio__icon.audio__icon--loop.js-audio__loop {
    display: none;
}

.ugnoodle-slide {
    padding: 30px 0;
}

.ugnoodle-slide .owl-carousel .owl-dots.disabled,
.ugnoodle-slide .owl-nav.disabled {
    display: block !important;
    position: absolute;
    top: 50%;
    width: 100%;
    margin-top: -30px;
}

.ugnoodle-slide button.owl-next {
    position: absolute;
    right: -100px;
    outline: none;
}

.ugnoodle-slide button.owl-prev {
    position: absolute;
    left: -100px;
    outline: none;
}

.ugnoodle-slide .item img {
    margin: 0 auto;
}
.ugnoodle_letgo{
	font-family: "Helvetica Neue";
}

/*

[controls] ~ .audio__icon--loop {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='1022 1586.865 18.8 14.328'%3E%3Cg transform='translate(1022 1587.014)' fill='none' stroke='black' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2'%3E%3Cpath d='M13,7l2.4,2.4L17.8,7'/%3E%3Cpath d='M5.8,7,3.4,4.6,1,7'/%3E%3Cpath d='M12.2,12.3a5.939,5.939,0,0,1-7-1A6.169,6.169,0,0,1,3.8,5'/%3E%3Cpath d='M6.6,1.7a5.919,5.919,0,0,1,7,1A6.169,6.169,0,0,1,15,9'/%3E%3C/g%3E%3C/svg%3E");
}
*/


[controls] ~ .audio__icon--vol-mute {
    background-image: url("../img/audio/sound-of.png");
}

[controls] ~ .audio__icon--vol-lo {
    background-image: url(../img/audio/sound.png);
}

[controls] ~ .audio__icon--vol-mid {
    background-image: url("../img/audio/sound.png");
}

[controls] ~ .audio__icon--vol-hi {
    background-image: url(../img/audio/sound.png);
}

[controls] ~ .audio__icon--download {
    background-image: url(../img/audio/music.png);
}

[controls] ~ .audio__icon:hover,
[controls] ~ .audio__icon--active {
    background-color: none;
}

[controls] ~ .audio__icon:active,
[controls] ~ .audio__icon:focus {
    outline: none;
}

[controls] ~ .audio__icon:active {
    background-color: none;
}

[controls] ~ .audio__vol-pop {
    display: block;
}

*,
::before,
::after {
    background-repeat: no-repeat;
    box-sizing: border-box;
    position: relative;
}

.contact-info-area li {
    font-size: 14px;
}

.email.text-center p,
.phn.text-center p {
    font-size: 14px;
}


/*==========Style ==========*/
.style-box > img {
    width: 100%;
}

/*==========Style ==========*/


/*input box*/

input[type="radio"] {
    display: none;
}

input[type="radio"] + :before {
    background: #fff none repeat scroll 0 0;
    /*border: 1px solid #43adeb;
    border-radius: 30px;*/
	border: 1px solid #ddd;
    content: "";
    display: inline-block;
    font-size: 30px;
    height: 60px;
    line-height: 53px;
    text-align: center;
    vertical-align: middle;
    width: 60px;
    cursor: pointer;
}

input[type="radio"]:checked + :before {
    content: "✓";
    /*background: #17E242;
    color: #fff;*/
	background: #fff;
	color: #3b91ab;
	border: 1px solid #ddd;
    /*border: 1px solid #17E242;*/
    font-family: 'FontAwesome';
}



.checkbox-custom {
    display: none !important;
}

.checkbox-custom,
.radio-custom {
    opacity: 0;
    position: absolute;
}

.checkbox-custom,
.checkbox-custom-label,
.radio-custom,
.radio-custom-label {
    cursor: pointer;
    display: inline-block;
    float: right;
    margin: 0 5px;
    position: absolute;
    vertical-align: middle;
}

.checkbox-custom-label,
.radio-custom-label {
    position: absolute;
}

.drawn .checkbox-custom-label,
.drawn .radio-custom-label {
    position: inherit;
}

.drawn .checkbox-custom-label {
    float: inherit;
    font-family: 'Helvetica Neue';
}
.branding-content p{
	font-family: 'Helvetica Neue';
}

.checkbox-content .checkbox-custom-label {
    float: inherit;
}

.checkbox-content .checkbox-custom-label {
    position: inherit;
    display: block;
    font-family: 'Helvetica Neue';
}

.checkbox-custom + .checkbox-custom-label::before {
    background: #fff none repeat scroll 0 0;
    border: 2px solid #ddd;
    color: #000;
    content: "";
    display: inline-block;
    font-family: "FontAwesome";
    font-size: 16px;
    font-weight: bold;
    height: 20px;
    line-height: 13px;
    margin-right: 10px;
    padding: 2px;
    text-align: center;
    vertical-align: middle;
    width: 20px;
}

.checkbox-custom:checked + .checkbox-custom-label::before {
    content: "✓";
    display: inline-block;
    height: 20px;
    margin-right: 10px;
    padding: 2px;
    text-align: center;
    vertical-align: middle;
    width: 20px;
}

.checkbox-custom:focus + .checkbox-custom-label,
.radio-custom:focus + .radio-custom-label {
    outline: none;
}

.delivery-area .checkbox-custom,
.delivery-area .radio-custom {
    position: inherit;
}

.delivery-area .checkbox-custom {
    display: none !important;
}

.delivery-checkbox {
    height: 40px;
    position: relative;
}

.ugnoodle-setting a {
    color: #545652;
    font-weight: bold;
    text-decoration: underline;
}

.branding-btn button:hover {
    background: #0799c5;
}

.ugnoodle-faq-content a,
.banding a,
.sinle-work-content a,
.ugnoodle-setting a {
    color: #3b91ab;
}