html #header .header-nav-main nav > ul > li > a
{
font-size:14px;
}

/*PINK*/
html #header .header-nav-main nav > ul > li.dropdown-full-color.dropdown-pink > a {
        color: #ed1191;
    }

    html #header .header-nav-main nav > ul > li.dropdown-full-color.dropdown-pink.active > a,
    html #header .header-nav-main nav > ul > li.dropdown-full-color.dropdown-pink:hover > a {
        background: #ed1191;
        color: #ffffff;
    }

    html #header .header-nav-main nav > ul > li.dropdown-full-color.dropdown-pink .dropdown-menu {
        border-top-color: #ed1191;
        background-color: #ed1191;
    }

    html #header .header-nav-main nav > ul > li.dropdown-full-color.dropdown-pink .dropdown-menu li a {
        color: #ffffff;
        border-bottom-color: #30bec6;
    }

    html #header .header-nav-main nav > ul > li.dropdown-full-color.dropdown-pink .dropdown-menu li:hover > a {
        background: #30bec6;
    }

    html #header .header-nav-main nav > ul > li.dropdown-full-color.dropdown-pink .dropdown-menu li.dropdown-submenu > a:after {
        border-color: transparent transparent transparent #ffffff;
    }

    html #header .header-nav-main nav > ul > li.dropdown-full-color.dropdown-mega.dropdown-pink .dropdown-mega-sub-title {
        color: #ffffff;
        opacity: 0.70;
    }
	



/*orange*/

html #header .header-nav-main nav > ul > li.dropdown-full-color.dropdown-orange > a {
        color: #f1c75c;
    }

    html #header .header-nav-main nav > ul > li.dropdown-full-color.dropdown-orange.active > a,
    html #header .header-nav-main nav > ul > li.dropdown-full-color.dropdown-orange:hover > a {
        background: #f1c75c;
        color: #ffffff;
    }

    html #header .header-nav-main nav > ul > li.dropdown-full-color.dropdown-orange .dropdown-menu {
        border-top-color: #f1c75c;
        background-color: #f1c75c;
    }

    html #header .header-nav-main nav > ul > li.dropdown-full-color.dropdown-orange .dropdown-menu li a {
        color: #ffffff;
        border-bottom-color: #30bec6;
    }

    html #header .header-nav-main nav > ul > li.dropdown-full-color.dropdown-orange .dropdown-menu li:hover > a {
        background: #30bec6;
    }

    html #header .header-nav-main nav > ul > li.dropdown-full-color.dropdown-orange .dropdown-menu li.dropdown-submenu > a:after {
        border-color: transparent transparent transparent #ffffff;
    }

    html #header .header-nav-main nav > ul > li.dropdown-full-color.dropdown-mega.dropdown-orange .dropdown-mega-sub-title {
        color: #ffffff;
        opacity: 0.70;
    }
	


/*purple*/
html #header .header-nav-main nav > ul > li.dropdown-full-color.dropdown-purple > a {
        color: #9f278f;
    }

    html #header .header-nav-main nav > ul > li.dropdown-full-color.dropdown-purple.active > a,
    html #header .header-nav-main nav > ul > li.dropdown-full-color.dropdown-purple:hover > a {
        background: #9f278f;
        color: #ffffff;
    }

    html #header .header-nav-main nav > ul > li.dropdown-full-color.dropdown-purple .dropdown-menu {
        border-top-color: #9f278f;
        background-color: #9f278f;
    }

    html #header .header-nav-main nav > ul > li.dropdown-full-color.dropdown-purple .dropdown-menu li a {
        color: #ffffff;
        border-bottom-color: #30bec6;
    }

    html #header .header-nav-main nav > ul > li.dropdown-full-color.dropdown-purple .dropdown-menu li:hover > a {
        background: #30bec6;
    }

    html #header .header-nav-main nav > ul > li.dropdown-full-color.dropdown-purple .dropdown-menu li.dropdown-submenu > a:after {
        border-color: transparent transparent transparent #ffffff;
    }

    html #header .header-nav-main nav > ul > li.dropdown-full-color.dropdown-mega.dropdown-purple .dropdown-mega-sub-title {
        color: #ffffff;
        opacity: 0.70;
    }
	
/*green*/

	html #header .header-nav-main nav > ul > li.dropdown-full-color.dropdown-green > a {
        color: #2baab1;
    }

    html #header .header-nav-main nav > ul > li.dropdown-full-color.dropdown-green.active > a,
    html #header .header-nav-main nav > ul > li.dropdown-full-color.dropdown-green:hover > a {
        background: #2baab1;
        color: #ffffff;
    }

    html #header .header-nav-main nav > ul > li.dropdown-full-color.dropdown-green .dropdown-menu {
        border-top-color: #2baab1;
        background-color: #2baab1;
    }

    html #header .header-nav-main nav > ul > li.dropdown-full-color.dropdown-green .dropdown-menu li a {
        color: #ffffff;
        border-bottom-color: #30bec6;
    }

    html #header .header-nav-main nav > ul > li.dropdown-full-color.dropdown-green .dropdown-menu li:hover > a {
        background: #30bec6;
    }

    html #header .header-nav-main nav > ul > li.dropdown-full-color.dropdown-green .dropdown-menu li.dropdown-submenu > a:after {
        border-color: transparent transparent transparent #ffffff;
    }

    html #header .header-nav-main nav > ul > li.dropdown-full-color.dropdown-mega.dropdown-green .dropdown-mega-sub-title {
        color: #ffffff;
        opacity: 0.70;
    }

/* grey*/


    html #header .header-nav-main nav > ul > li.dropdown-full-color.dropdown-grey > a {
        color: #383f48;
    }

    html #header .header-nav-main nav > ul > li.dropdown-full-color.dropdown-grey.active > a,
    html #header .header-nav-main nav > ul > li.dropdown-full-color.dropdown-grey:hover > a {
        background: #383f48;
        color: #ffffff;
    }

    html #header .header-nav-main nav > ul > li.dropdown-full-color.dropdown-grey .dropdown-menu {
        border-top-color: #383f48;
        background-color: #383f48;
    }

    html #header .header-nav-main nav > ul > li.dropdown-full-color.dropdown-grey .dropdown-menu li a {
        color: #ffffff;
        border-bottom-color: #434c56;
    }

    html #header .header-nav-main nav > ul > li.dropdown-full-color.dropdown-grey .dropdown-menu li:hover > a {
        background: #434c56;
    }

    html #header .header-nav-main nav > ul > li.dropdown-full-color.dropdown-grey .dropdown-menu li.dropdown-submenu > a:after {
        border-color: transparent transparent transparent #ffffff;
    }

    html #header .header-nav-main nav > ul > li.dropdown-full-color.dropdown-mega.dropdown-grey .dropdown-mega-sub-title {
        color: #ffffff;
        opacity: 0.70;
    }

/*PATTERN*/

.pattern {
    /*position: absolute;*/
    top: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    background-repeat: repeat-x;
    right: 0;

}

.pattern.right-pattern {
    left: auto;
    right: 0;
}

.pattern.right-pattern {
    background-position: left top;
}

.pattern.left-pattern {
    background-position: right top;
}

.pattern.pattern-1 {
    background-image: url("../img2/patt/pat1.png");
}

.pattern.pattern-2 {
    background-image: url("../img2/patt/pat2.png");
}

.pattern.pattern-3 {
    background-image: url("../img2/patt/pat3.png");
}

.pattern.pattern-4 {
    background-image: url("../img/patt/pat4.png");
}

.pattern.pattern-5 {
    background-image: url("../img2/patt/pat5.png");
}

.pattern.pattern-6 {
    background-image: url("../img2/patt/pat6.png");
}

.pattern.pattern-7 {
    background-image: url("../img2/patt/pat7.png");
}

.pattern.pattern-8 {
    background-image: url("../img2/patt/pat8.png");
}

.pattern.pattern-9 {
    background-image: url("../img2/patt/pat9.png");
}

/* BEES*/
.bees {
    display: inline-block;
}

.cws_callout .callout_title .bees {
    vertical-align: baseline;
    width: 0px;
}
.bees {
    display: inline-block;
}

.cws_callout .callout_title .bees.bees-end>span {
    -webkit-transform: rotateY(180deg) translateX(125%);
    -moz-transform: rotateY(180deg) translateX(125%);
    -ms-transform: rotateY(180deg) translateX(125%);
    transform: rotateY(180deg) translateX(125%);
}
.bees.bees-end>span {
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
    transform: rotateY(180deg);
}

.bees>span {
    background: url(../img2/bees@2x.png) left center;
    background-size: 120px;
}
.bees>span {
    content: '';
    display: inline-block;
    width: 40px;
    height: 40px;
    background: url('../img2/bees.png') left center;
    animation: play .1s steps(3) infinite;
    -webkit-animation: play .1s steps(3) infinite;
}

    .bees>span {
        background: url('../img2/bees@2x.png') left center;
        background-size: 120px;
    }

@keyframes play {
    100% {
        background-position: -120px;
    }


@-webkit-keyframes play {
    100% {
        background-position: -120px;
    }




.benefits_area .cloud_wrapper {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    bottom: 0px;
    overflow: hidden;
    margin: 0;
}
.cloud_wrapper {
    margin-top: 0px;
    position: relative;
    z-index: 1;
    overflow: hidden;
}

.half_sin_wrapper {
    position: absolute;
    bottom: calc(100% - 1px);
    left: 0;
    width: 100%;
    height: 10px;
    overflow: hidden;
    z-index: 2;
}

.footer_wrapper_copyright .half_sin, .footer_wrapper_copyright .footer_half_sin {
    position: absolute;
    bottom: 0;
    left: 0;
}

/* Add here all your CSS customizations */
p, ul, li, label, input, span
{
	font-family: "Dosis, Comic Sans MS" !important;
	font-size: 15px;
	font-weight: 400;
}

h1, h2, h3, h4, h5, h6
{
	font-family: "Patrick Hand, Comic Sans MS" !important;
	font-weight: 400;
}

#header .header-nav-main nav > ul > li > a
{
	font-family: "Dosis, Comic Sans MS" !important;
	font-size: 15px;
	font-weight: 600;
}

#footer .recent-work .img-thumbnail-hover-icon {
    border: 0;
    border-radius: 9px;
}

.word-rotate-items span
{
	font-size: 30px;
}

