@charset "utf-8";
@import url("fonts.css");

html {
    overflow-x: hidden;
    height: 100%;
}

.blue-overlay{
	width: 100%;
	height: 100%;
	position: fixed;
	background: rgba(10,25,85,0.81);
	top: 0;
	z-index: 1000;
	display: none;
}

.subscribe-popup{
	display: none;
	width: 80%;
	position: fixed;
	height: 450px;
	z-index: 2000;
	padding: 40px;
	top: 50%;
	left: 50%;
	margin-top: -225px;
	margin-left: -40%;
	background: #00B69C;
	overflow: hidden;
}
.subscribe-popup .close{
	width: 20px;
	height: 20px;
	position: absolute;
	right: 20px;
	top: 20px;
	opacity: 1;
	background: url(/img/new/close-popup.jpg) no-repeat;
}
.subscribe-popup h1{
	font-size: 66px;
	color: #0A1853;
}
.subscribe-popup p{
	font-size: 36px;
	color: white;
	font-style: italic;
	line-height: 1.5;
}
.subscribe-popup .half{
	width: 50%;
	float: left;
}
.subscribe-popup form{
	text-align: right;
}
.subscribe-popup input{
	border: none;
	height: 50px;
	padding-top: 10px;
	padding-left: 10px;
	background: #00CAA8;
	color: white;
	font-size: 24px;
	width: 85%;
	display: inline-block;
	margin-bottom: 10px;
	margin-top: 20px;
}
body {
    min-height: 100%;
    background-color: #fffef4;
    height: 100%;
    color: #16154E;
    margin: 0 auto;
    font-family: 'BaskervilleMTStdRegular';
}


a,
.post-par a{
    color: #00B79D;
}
a[href^=tel]{
    color:inherit;
    text-decoration:none;
}

a:hover {
    color: #00D9BB;
    text-decoration: none;
}

.st-container.inner {
    overflow-y: visible!important;
    position: relative;
}
body:not(.homepage) .main{
    padding-top: 75px;
}
.cover {
    height: 100%;
    width: 100%;
    background-color: #fffef4;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999999999999999;
    display: none;
}
.homepage .cover{
	display: block;
}
.cover > img {
    display: none;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -100px;
    margin-top: -100px;
/*    -webkit-animation:spin 1s linear infinite;
    -moz-animation:spin 1s linear infinite;
    animation:spin 1s linear infinite;*/
}
@-moz-keyframes spin {
    100% {
        -moz-transform: rotate(360deg)
    }
}

@-webkit-keyframes spin {
    100% {
        -webkit-transform: rotate(360deg)
    }
}

@keyframes spin {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

.centered {
    display: table-cell;
    float: none;
    margin: 0 auto;
    max-width: 1600px;
    width: 100%;
}

.switch {
    background: url("/img/new/switch.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
    height: 79px;
    border: 0px;
    width: 73px;
    float: right;
    cursor: pointer;
    position: relative;
    z-index: 200;
}

.second-menu a {
    color: #FFFFFF;
    font-size: 20px;
    letter-spacing: 1px;
    text-decoration: none;
    text-transform: uppercase;
    -webkit-transition:all .15s linear;
       -moz-transition:all .15s linear;
    	-ms-transition:all .15s linear;
    	 -o-transition:all .15s linear;
    	    transition:all .15s linear;
}
.second-menu a:hover {
	color: #07B79C
}
.second-menu .selected a {
    color: #07B79C !important
}

.sidebar .selected {
    font-weight: bold
}

.sidebar {
    background: url("/img/new/pattern-sidebar.png");
    width: 20%;
    right: -20%;
    position: fixed;
    top: 0;
    font-family: 'DINRegular';
    height: 100%;
    z-index: 2147483647;
}

.menu-inner .wrapper {
    width: 100%!important;
    float: right!important;
    margin-top: -8px;
}

.menu-inner .wrapper > img {
    float: left;
    margin-left: 0;
    margin-top: -10px;
}

.menu-inner.intro {
    min-height: 39px!important;
    height: 39px!important;
}

#first-slide .menu-opened {
    z-index: -1!important
}

#fifth-slide {
    color: #07B79C
}

.contact-page .centered h1 {
    font-size: 66px;
    font-weight: normal;
    margin-top: 0;
}

.contact-page {
    position: relative
}

#fifth-slide .centered > span {
    font-size: 40px
}


.logo {
    padding: 0 20px;
    width: 100%;
}


.tagline {
    color: #26265A;
    font-size: 49px;
    line-height: 50px;
    text-align: left;
}

#text-slider-wrapper {
    font-family: 'BaskervilleMTStdItalic';
    font-size: 28px;
    font-style: normal;
}

#text-slider-wrapper div > span {
    color: #07b79c
}

.gang ul {
    position: relative
}

.sidebar ul {
    list-style: none outside none;
    margin: 25px 20px;
    padding: 0;
    position: absolute;
}

.sidebar ul li {
    border-bottom: 1px solid #DEDEDC;
    float: left;
    width: 98%;
}

.sidebar ul li.last {
    border-bottom: 0px solid #dededc
}

.sidebar ul li a {
    color: #252559;
    float: left;
    display: block;
    margin: 20px 0;
    font-size: 18px;
    font-weight: normal;
    letter-spacing: 0.5px;
    padding-left: 3%;
    text-decoration: none;
    width: 100%;
        z-index: 9999999;
}


.column ul {
    margin: 0;
    font-family: 'DINRegular';
}

.menu {
    list-style: none;
    margin: 0;
    padding: 0;
    float: right;
}

.menu.first-menu-index {
    padding-right: 23px;
    margin-top: 30px;
}

.menu li {
    float: left;
    margin-right: 40px;
}

.separator {
    margin-top: 2px
}

.menu li.last {
    margin-right: 0px!important
}

.menu li a {
    color: #26265A;
    font-size: 12px;
    text-decoration: none;
    text-transform: uppercase;
}

.menu li span {
    color: #26265A;
    font-size: 20px;
    text-decoration: none;
    text-transform: uppercase;
}

.intro {
    float: none;
    height: 65%;
    min-height: 370px;
    padding-top: 40px;
    width: 100%;
    max-width: 1600px;
    display: block;
    margin: 0 auto;
}

.portfolio-studies {
    display: block
}

.show-it {
    display: block!important
}

.boxes {
    background: none repeat scroll 0 0 #161352;
    border: 0 none;
    bottom: 0;
    float: left;
    height: 200px;
    position: absolute;
    width: 100%;
}

.boxes > div > div {
    float: left;
    padding-left: 8%;
    width: 15%;
}

.boxes div h2 {
    color: #FFFFFF;
    float: left;
    font-family: "DINCond-Medium";
    font-size: 21px;
    font-weight: normal;
    letter-spacing: 0.5px;
    margin-bottom: 10px;
    margin-top: 15%;
    text-transform: uppercase;
    width: 100%;
}

.boxes div p {
    color: white;
    font-family: 'BaskervilleMTStdRegular';
    font-size: 15px;
}

.boxes div a {
    background-color: #07B79C;
    border-bottom: 3px solid #248D89;
    border-radius: 0;
    color: #FFFFFF;
    float: left;
    font-family: "DINCond-Medium";
    font-size: 15px;
    font-weight: normal;
    margin-top: 5px;
    padding: 5px 8px 2px;
    text-decoration: none;
    text-transform: uppercase;
}

.boxes div a:hover {
    border-bottom: 0px solid #248D89;
    margin-top: 8px;
}

.current-menu a {
    color: #07b79c!important
}

.second-menu li {
    background: url("/img/new/separator.png") center right no-repeat
}

.second-menu li.last {
    background: none!important;
    padding-right: 0;
}

.back-next li {
    background: url("/img/new/separator.png") center right no-repeat
}

.back-next li.last {
    background: none!important
}

.inner-who-we .wrapper h2 {
    color: #07B79C!important
}

.inner-who-we .wrapper h1,
#contact-slider h1 {
    color: #07B79C!important;
    margin-top: 80px!important;
}

.inner-who-we ul {
    display: block!important
}

.section-who-we.services {
    background: #161352 !important;
    color: #07B79C;
}

.section-who-we2.services {
    background: #FFFEF4 !important;
    color: #07B79C;
}

.services {
    float: left;
    margin-top: 0px;
    height: 100%;
    width: 100%;
}

.services  .wrapper > h1 {
    color: #161352;
    float: none;
    font-size: 48px;
    font-weight: normal;
    line-height: 62px;
    margin: 0px auto 0;
    max-width: 1200px;
    text-align: center;
    width: 90%;
}

.featured {
    text-align: center
}

.featured .col-sm-4 {
    display: inline-block;
    vertical-align: top;
    float: none;
}

.some-featured {

        
}

.servicesEd  .wrapper > h1 {
    color: #161352;
    float: none;
    font-size: 48px;
    font-weight: normal;
    line-height: 62px;
    margin: 60px auto -15px;
    max-width: 1200px;
    text-align: center;
    width: 71%;
}

.intro.inner {
    float: right;
    height: auto !important;
    min-height: 53px !important;
    padding-top: 33px;
}

.inner-section h1 {
    margin-bottom: 46px !important;
    font-size: 55px !important;
}

.bottom-services {
    margin-top: 70px;
    background: #16154E;
}
.b-page p{
	    font-family: 'DINRegular';
}
.services  .wrapper > p {
    color: #FFFFFF;
    float: none;
    font-family: 'DINRegular';
    font-size: 22px;
    line-height: 40px;
    margin: 15px auto;
    max-width: 1000px;
    text-align: center;
    width: 90%;
}

.services  .wrapper ul {
    list-style: none;
    margin: 0 auto;
    padding: 0;
    max-width: 1000px;
}

.services  .wrapper ul li {
    float: left;
    height: 170px;
    margin-top: 5px;
    margin-left: 6%;
    margin-right: 1%;
    width: 171px;
    margin-bottom: 10px;
    text-align: center;
}

a.what-we-link,
a.who-we-link,
a.how-we-link {
    color: #fff;
    font-family: "DINCond-Medium";
    font-size: 20px;
    letter-spacing: 0.5px;
    margin-bottom: 40px;
    margin-top: 45px;
    text-align: center;
    text-transform: uppercase;
    width: 100%;
    margin-bottom: 30px;
    -webkit-transition:all .15s linear;
       -moz-transition:all .15s linear;
    	-ms-transition:all .15s linear;
    	 -o-transition:all .15s linear;
    	    transition:all .15s linear;
}
a.what-we-link:hover{
	color: #161352;
}
a.who-we-link:hover,
a.how-we-link:hover {
	color: #00D9BB;
}
.img-how-we {
    height: 90px
}

.how-we,
.how-we-link,
.who-we-link {
    display: none
}

.who-we {
    display: none
}

.who-we h2 {
    float: left;
    font-size: 18px !important;
    letter-spacing: 0.5px;
    margin-top: 11px !important;
    width: 100%;
}

.who-we li {
    height: 190px!important
}

.contact {
    background: url("/img/new/contact.png");
    width: 18px;
    height: 19px;
    display: block;
    text-indent: -5555px;
}

.support {
    background: url("/img/new/support.png");
    width: 20px;
    height: 20px;
    display: block;
    text-indent: -5555px;
}

.mustard {
    background: url("/img/new/mustard.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    color: #000000;
    float: left;
    font-family: "DINCond-Medium";
    font-size: 16px;
    letter-spacing: 0.5px;
    padding-left: 40px;
    padding-top: 29px;
    text-decoration: none;
    text-transform: uppercase;
}

.mustard span {
    background: url("/img/new/play.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
    display: block;
    float: left;
    height: 14px;
    margin-left: 15px;
    margin-top: -1px;
    width: 13px;
}

.intro .col-1 {
    float: left;
    margin-right: 7%;
    width: 43%;
}

.intro .col-2 {
    float: left;
    width: 50%;
}

.twitter {
    background: url("/img/new/twitter.png");
    width: 21px;
    height: 18px;
    display: block;
    text-indent: -5555px;
}

.plus {
    background: url("/img/new/gplus.png");
    width: 19px;
    height: 18px;
    display: block;
    text-indent: -5555px;
}

.facebook {
    background: url("/img/new/facebook2.png");
    width: 11px;
    height: 21px;
    display: block;
    text-indent: -5555px;
}
.home {
    background: url("/img/new/home.png");
    width: 19px;
    height: 20px;
    display: block;
    text-indent: -5555px;
}



.back-link {
    color: #15124f;
    text-transform: uppercase;
    top: 35px;
    /*margin-left: 230px;*/
    margin-left: 150px;
    position: absolute;
    -webkit-transition:all .15s linear;
       -moz-transition:all .15s linear;
    	-ms-transition:all .15s linear;
    	 -o-transition:all .15s linear;
    	    transition:all .15s linear;
			padding-left:30px;
			   background: url("/img/new/back3.png") no-repeat 4px -2px;

}
.back-link.subscribe {
	margin-left: 400px;
    background: transparent;
    color: white;
	z-index: 3000;
    font-family: "DINCond-Medium";
}
.back-link:hover{
	text-decoration: none!important;
	color: #00D9BB!important;
}

.circle {
    background: url("/img/new/thecircle.png");
    width: 16px;
    height: 20px;
    display: block;
    text-indent: -5555px;
}

.square {
    background: url("/img/new/thesquare.png");
    width: 14px;
    height: 18px;
    display: block;
    text-indent: -5555px;
}

ul.servicesHomepage li a {
    text-decoration: none;
    margin: 0 !important;
}

#services ul.servicesItems li {
    height: 250px
}

.servicesItems ul {
    padding-left: 0
}

#services ul.servicesItems li a {
    text-align: left
}

#services ul.servicesItems li h2 {
    border-bottom: 1px solid #143659;
    text-align: left;
}

#services ul.servicesItems li img {
    margin: 0;
    display: block;
    height: 90px;
}


#services ul li h2 {
    color: #143659;
    font-family: "DINCond-Medium";
    font-size: 22px;
    font-weight: normal;
    margin-top: 7px;
    text-transform: uppercase;
    width: 100%;
    text-align: center;
}

#services ul li div {
    color: #143659;
    font-family: "DINCond-Medium";
    font-size: 12px;
    font-weight: normal;
    text-transform: uppercase;
}

#services.homepage {
    background: #00B49A;

}
#services[data-active='who-we-are']{
	-webkit-transition:all .05s linear;
	   -moz-transition:all .05s linear;
		-ms-transition:all .05s linear;
		 -o-transition:all .05s linear;
		    transition:all .05s linear;
}

#services ul li h2 span {
    font-family: 'BaskervilleMTStdItalic';
    text-transform: none;
}

#second-slide .switch {
    background: url(/img/new/switch2.png);
    height: 86px;
}

.top-menu {
    background: none repeat scroll 0 0 #29265B;
    color: #FFFFFF;
    font-family: "DINCond-Medium";
    width: 100%;
}

.change > div {
    width: 430px
}

.change > div,
.ls-nav {
    display: none
}

.change > .show-1 {
    display: block
}

.top-menu.inner {
    position: fixed;
    z-index: 200;
    top: 0;
    width: 100%;
}

.panel {
    box-shadow: none;
    -webkit-box-shadow: none;
    border: none;
}

.top-menu .facebook {
    background: url("/img/new/facebook2.png") repeat scroll 0 0 rgba(0, 0, 0, 0) !important
}

.top-menu .contact {
    background: url("/img/new/contact2.png") repeat scroll 0 0 rgba(0, 0, 0, 0) !important
}

.top-menu .support {
    background: url("/img/new/support2.png") repeat scroll 0 0 rgba(0, 0, 0, 0) !important
}

.top-menu .wrapper > img {
    margin-top: 28px;
    float: left;
}

.separator > span {
    color: #07B79C !important
}

.top-menu .second-menu {
    margin-top: 32px
}

#services {
    background-size: cover
}

.second-menu > li {
    float: left;
    list-style: none outside none;
    margin-right: 20px;
    padding-right: 20px;
    padding-top: 2px;
    margin-top: -3px;
}
.firt-menu-home-nav .menu,
.top-menu .menu {
    margin: 35px 20px 0 0
}
.top-menu .menu {

}
.intro-portfolio {
    float: right;
    width: 30%;
}

.portfolio-image {
    float: right;
    width: 67%;
    margin-left: 3%;
}

.portfolio-image > img {
    width: 100%
}

.intro-portfolio .title {
    background: url("/img/new/title.png") no-repeat scroll left bottom rgba(0, 0, 0, 0);
    color: #16134E;
    font-family: 'DINRegular';
    font-size: 29px;
    line-height: 32px;
    margin-bottom: 22px;
    padding-bottom: 15px;
    text-transform: uppercase;
    width: 30%;
}

.intro-portfolio > p {
    color: #404041;
    font-family: 'DINRegular';
    font-size: 14px;
    line-height: 20px;
}

.intro-portfolio h3 {
    color: #16134E;
    font-family: "DINCond-Medium";
    font-size: 18px;
    font-weight: normal;
    letter-spacing: 0.5px;
    line-height: 32px;
    margin: 20px 0 0 !important;
    padding: 0 !important;
    text-transform: uppercase;
    width: 90%;
}

.intro-portfolio ul {
    color: #404041;
    font-family: 'DINRegular';
    font-size: 11px;
    line-height: 20px;
    margin-left: 0 !important;
    padding-left: 12px;
    text-transform: uppercase;
}

.portfolio-studies img {
    margin-bottom: 20px;
    margin-top: 20px;
    width: auto !important;
}

.portfolio-studies {
    display: block;
    margin: 0 auto;
    width: 100%;
    max-width: 1000px;
    padding-top: 50px;
}

.project .statistics,
.project.statistics {
    display: none
}

.statistics {
    float: left;
    width: 100%;
    font-family: "DINCond-Medium";
    font-weight: normal;
}

.statistics > div {
    float: left;
    width: 33%;
}

.statistics > div h3 {
    color: #16134E;
    font-size: 12px;
    font-weight: normal;
    height: 35px;
    letter-spacing: 0.5px;
    line-height: 14px;
    margin-bottom: 21px;
    padding-bottom: 15px;
    text-align: center;
    text-transform: uppercase;
    width: 100%;
}

.organic-visits > span {
    width: 70px;
    height: 70px;
    padding-top: 21px;
    font-size: 20px;
    display: block;
    background: url(/img/new/grey-circle.png) no-repeat;
    margin: 0 auto;
    text-align: center;
    color: white;
    font-weight: normal;
}

.average-time > span {
    width: 70px;
    height: 70px;
    padding-top: 21px;
    display: block;
    background: url(/img/new/violet-circle.png) no-repeat;
    display: block;
    margin: 0 auto;
    text-align: center;
    font-size: 20px;
    color: white;
    font-weight: normal;
}

.lead-generation > span {
    width: 70px;
    height: 70px;
    font-size: 20px;
    padding-top: 21px;
    display: block;
    background: url(/img/new/grey-circle.png) no-repeat;
    margin: 0 auto;
    text-align: center;
    color: white;
    font-weight: normal;
}

.view-case,
.view-project,
.view-campaign {
    background: none repeat scroll 0 0 #07B79C;
    border-bottom: 3px solid #248D89;
    color: #FFFFFF;
    display: block;
    float: none;
    font-family: "DINCond-Medium";
    font-size: 13px;
    height: 28px;
    margin: 20px auto;
    padding-top: 6px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    width: 100px;
	-webkit-transition:all .15s linear;
	   -moz-transition:all .15s linear;
		-ms-transition:all .15s linear;
		 -o-transition:all .15s linear;
		    transition:all .15s linear;
}

.view-case:hover,
.view-project:hover,
.view-campaign:hover {
    color: white;
    text-decoration: none;
    background: none repeat scroll 0% 0% #00d9bb!important;

}

.view {
    float: left;
    margin-top: 5px;
    width: 100%;
}

.homepage .portfolio h1 {
    text-align: left
}

.portfolio {
    margin: 30px 0
}

.background {
    background-color: #161352;
    height: 100%;
    right: 0;
    position: absolute;
    top: 0;
    width: 50%;
    z-index: -1;
}

.background-project {
    background-color: #00b8a0!important;
    height: 100%;
    right: 0;
    position: absolute;
    top: 0;
    width: 50%;
    z-index: -1;
}

.background-campaign {
    background-color: #404040!important
}

.project-hidden,
.campaign-hidden {
    display: none
}

.extract ul {
    padding-left: 10px
}

.extract .statistics {
    float: left;
    font-family: "DINCond-Medium";
    font-weight: normal;
    width: 170px;
}

.extract .statistics > div h3 {
    color: #16134E;
    background: transparent;
    font-size: 11px;
    font-weight: normal;
    height: auto;
    letter-spacing: 0.5px;
    line-height: 14px;
    margin-bottom: 0 !important;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0px;
    padding-bottom: 5px;
    text-align: center;
    text-transform: uppercase;
    width: 44%;
}

.extract .statistics > div {
    float: left;
    width: 100%;
}

.row.project,
.row.campaign {
    width: 100%;
    position: absolute;
}

.quote {
    background: url("/img/new/background-quote.png") no-repeat scroll left top rgba(0, 0, 0, 0);
    color: #16134E !important;
    float: left;
    font-size: 14px;
    line-height: 23px;
    margin-left: 1%;
    margin-top: 50px;
    padding-left: 6%;
    padding-right: 5%;
    padding-top: 10px;
    font-family: 'BaskervilleMTStdItalic';
}

.quote.project {
    display: none
}

.quote p {
    color: #16134E !important;
    font-family: 'BaskervilleMTStdRegular' !important;
    font-size: 17px !important;
}

.counter {
    background: url("/img/new/counter.png");
    width: 46px;
    height: 46px;
    display: block;
    float: left;
    text-align: center;
    color: #07b79c;
}

.back-next,
.back-next li {
    float: left;
    list-style: none outside none;
    color: #07b79c;
    margin-right: 5px;
}

.back-next li a {
    float: left;
    list-style: none outside none;
    color: white;
    text-transform: uppercase;
    text-decoration: none;
}

.counter {
    background: url("/img/new/counter.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
    color: #07B79C;
    display: block;
    font-size: 17px;
    margin-left: 12%;
    margin-right: 6%;
    margin-top: 17px;
    padding-top: 13px;
    text-align: center;
    width: 46px;
}

.back-next,
.back-next li {
    color: #07B79C;
    list-style: none outside none;
    margin-right: 21px;
    margin-top: 13px;
    padding-right: 22px;
    font-size: 22px;
}

#third-slide .switch,
#forth-slide .switch,
#fifth-slide .switch {
    background: url("/img/new/switch2.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
    height: 86px;
}

#forth-slide {
    font-family: 'DINRegular'
}

#forth-slide .wrapper  h1 {
    color: #161352;
    float: left;
    font-family: "BaskervilleMTStdRegular";
    font-size: 48px;
    font-weight: normal;
    margin-bottom: 20px;
    text-align: center;
    width: 100%;
}

#forth-slide .wrapper  h3 {
    color: #252525;
    display: block;
    font-size: 23px;
    font-weight: normal;
    line-height: 28px;
    margin: 0 auto;
    text-align: center;
    width: 75%;
}

.featured-blog {
    text-align: left
}

.featured-blog .pagination {
    display: none
}

.featured-blog .col-sm-4 {
    height: 350px
}

.featured-blog h4 {
    background: url("/img/new/title.png") no-repeat scroll left bottom rgba(0, 0, 0, 0);
    color: #161352;
    float: left;
    font-size: 14px;
    font-weight: normal;
    margin-bottom: 14px;
    padding-bottom: 10px;
    text-transform: uppercase;
    width: 100%;
    text-align: left;
}

.featured-blog p {
    color: #404041;
    float: left;
    font-size: 12px;
    line-height: 15px;
    margin-top: 0;
    width: 90%;
}



.featured-blog a {
    color: #07B79C;
    float: right;
    font-size: 11px;
    margin-right: 20%;
    text-transform: uppercase;
    display: block;
}

.featured-blog a:last-of-type {
    display: inline-block;
    margin-bottom: 20px;
}
.featured-blog img{
	width: 100%;
	display: block;
	margin: 0 auto;
	height: auto;
}
.archive {
    color: #FFFFFF;
    float: left;
    font-size: 21px;
    letter-spacing: 0.5px;
    margin-left: 19%;
    margin-top: 26px;
    text-transform: uppercase;
}

.archive:hover {
    text-decoration: none
}

.top-menu.inner a:hover {
    text-decoration: underline
}

.twitter-ticker {
    float: left;
    width: 100%;
    border-top: 1px solid #07B79C;
    margin-top: 20px;
}

.user,
.tweet,
.timePosted {
    float: left
}

.user {
    width: 25%
}

.tweet {
    float: left;
    font-size: 11px;
    width: 100%;
    font-family: 'DINRegular';
}

.tweet a {
    color: #ccc
}

.timePosted {
    width: 15%;
    display: none;
}

.user {
    width: auto;
    float: left;
    clear: none;
}

.user a {
    width: auto;
    float: left;
}

.user span span {
    display: none
}

.user a > span {
    width: 100%;
    float: left;
}

.user img {
    display: none
}

.interact {
    display: none
}

.interact a {
    margin-left: 5px;
    float: left;
}

.user a > span {
    color: #ccc;
    float: left;
    font-size: 11px;
    font-weight: bold;
    margin-left: 0px;
}

#tweets > ul {
    float: left;
    list-style: none;
    margin: 0;
    width: 100%;
    padding: 0;
}

#tweets li {
    background: url("/img/new/tweet-inactive.png") no-repeat scroll left top rgba(0, 0, 0, 0);
    float: left;
    margin-right: 1%;
    color: #ccc;
    margin-top: 14px;
    padding-left: 30px;
    width: 32%;
    text-align: left;
}

#tweets li.incenter,
#tweets li:hover {
    background: url("/img/new/tweet.png") no-repeat scroll left top rgba(0, 0, 0, 0)!important;
    color: #000!important;
    cursor: default;
}

#tweets li.incenter .user a > span,
#tweets li:hover .user a > span,
#tweets li.incenter .tweet a,
#tweets li:hover .tweet a {
    color: #000!important
}

#fifth-slide .wrapper > p {
    float: left;
    font-size: 21px;
    margin-left: 14%;
    margin-top: 33px;
    text-transform: uppercase;
}

.menu-1 a {
    color: #16134E;
    font-family: "DINCond-Medium";
    font-size: 18px;
    margin-bottom: 10px;
    text-transform: uppercase;
}

.menu-1 a:hover{
    color: #00D9BB;

}
.menu-1 a.active {
	text-decoration: none;
	  color: #00D9BB;
}
.portfolio-a a:hover {
    text-decoration: none;
}

.filters h4 {
    margin-bottom: 0;
    margin-top: 0;
}

.filters ul {
    width: 100%
}

.filters ul li {
    display: inline-block;
    width: 49%;
}

.menu-2 li {
    color: #16134E;
    text-transform: uppercase;
}

.menu-2 li h4 {
    font-family: "DINCond-Medium";
    font-size: 18px;
    text-decoration: none;
    padding: 0;
}

.menu-2 li a {
    font-family: 'DINRegular';
    color: #363636;
    text-decoration: none;
    font-size: 11px;
    background-color: transparent;
    box-shadow: 0 0 0 #00B79E;
    -webkit-transition:all .15s linear;
       -moz-transition:all .15s linear;
    	-ms-transition:all .15s linear;
    	 -o-transition:all .15s linear;
    	    transition:all .15s linear;
}

.menu-2 li a:hover,
.menu-2 li a.active {
    color: #00D9BB;
}

.col-right ul {
    list-style: none;
    float: left;
    width: 100%;
    padding: 0;
    margin-top: 30px;
}

.col-right a:hover {
    text-decoration: none
}

.col-right li {
    color: #16134E;
    float: left;
    font-family: "DINCond-Medium";
    font-size: 18px;
    margin-bottom: 10px;
    text-decoration: none;
    text-transform: uppercase;
    width: 100%;
}

.col-right li a {
    font-family: 'DINRegular';
    color: #363636;
    text-decoration: none;
    font-size: 11px;
}

.col-right li a:hover {
	color: #00D9BB;
}

#fifth-slide {
    background: #161351
}

.top-menu.inner * {
    cursor: default!important
}

.top-menu.inner a {
    cursor: pointer!important
}

.top-menu.inner a img {
    cursor: pointer!important
}

#text-slider .panel-wrapper {
    padding-top: 0;
    padding-left: 0;
}

.table {
    display: table;
    position: relative;
    width: 100%;
}

.boxes .wrapper {
    display: block;
    margin: 0 auto;
    max-width: 1200px;
}

.wrapper.tweet-contact {
    display: block;
    float: none;
    font-family: 'DINRegular';
    margin: 0 auto;
    max-width: 940px;
    width: 100%;
    padding-top: 30px;
    padding-bottom: 30px;
}

body.portfolio .wrapper-logo a,
body.portfolio .wrapper-logo p {
    color: #29265b!important;
    text-transform: uppercase;
}

.portfolio .wrapper-logo {
    padding-left: 0px!important;
    margin-left: 0px!important;
    text-transform: uppercase;
}

.tweet-contact .twitter-ticker {
    border-top: 0px
}

.wrapper.logo-contact {
    background: none repeat scroll 0 0 #161351;
    float: left;
    margin-top: 20px;
    max-width: 99999999px;
    padding-bottom: 20px;
    padding-top: 30px;
    width: 100%;
}

.wrapper.logo-contact .contact-page {
    margin: 0 auto;
    max-width: 940px;
}

#fifth-slide .centered span {
    font-size: 40px;
    font-weight: normal;
    margin-right: 10px;
}

#fifth-slide input,
#fifth-slide textarea
 {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: 0 none;
    color: #ffffff;
    font-family: 'BaskervilleMTStdRegular';
    font-size: 40px;
    resize: none;
    outline: none;
}

#fifth-slide input[type='placeholder'] {

    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: 0 none;
    color: #423f70!important ;
    font-family: 'BaskervilleMTStdRegular';
    font-size: 35px;
    resize: none;
    outline: none;
}

#fifth-slide input[type='submit'] {
	margin-left: 35%;
	font-size: 17px;
	margin-top: 30px;
    margin-bottom: 30px;
}
::-webkit-input-placeholder {
   color: #423f70;
}

:-moz-placeholder { /* Firefox 18- */
   color: #423f70;
}

::-moz-placeholder {  /* Firefox 19+ */
   color: #423f70;
}

:-ms-input-placeholder {
   color: #423f70;
}

#fifth-slide input[type='file'] {
    font-size: 13px;
    color: white;
}

#fifth-slide input[type='radio'] + span {
    display: inline-block;
    margin-left: 10px;
    margin-right: 10px;
    font-size: 35px;
}

.styled-select select {
   background: transparent;
   font-size: 20px;
   color: #423D71;
   width: 200px;
   padding: 5px;
   line-height: 1;
   border: 0;
   border-radius: 0;
   height: 34px;
   }

.b-page input,
.b-page textarea {
    border: 1px solid #dcdcdc;
    background: white;
    height: 30px;
    font-size: 14px;
    padding-left: 10px;
}

.b-page label {
    font-size: 13px
}

.b-page .webform {
    padding: 20px;
    display: block;
}

.b-page .webform tr:first-child {
    display: none
}


.inner-section .logo-footer {
    margin-bottom: 40px!important
}

.inner-how-we#services {
    background: #404041!important
}

.inner-how-we#services h1,
.inner-how-we#services ul li h2 {
    color: #07b79c!important
}

.inner-how-we .wrapper > div {
    float: left;
    width: 100%;
    margin-bottom: 40px;
}

.inner-how-we#services ul.how-we {
    display: block !important
}

#fifth-slide .centered > div {
    float: left;
    margin-bottom: 15px;
    margin-top: 15px;
    width: 100%;
}

.blog .centered {
    display: block;
    width: 100%;
    max-width: 1000px;
}

.ls-responsive .ls-nav-right-arrow,
.ls-responsive .ls-nav-left-arrow,
.go-left,
.go-right {
    position: absolute;
    right: 0;
    z-index: 2;
    opacity: 1!important;
    display: block!important;
    visibility: visible!important;
}

.top-menu.inner .wrapper {
    padding: 0 0 0 20px
}

.logo-wrapper {
    max-width: 1600px;
    margin: 0 auto;
    width: 100%;
}

.logo-footer {
    background: url("/img/new/logo-mini.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    color: #fffef4;
    float: left;
    font-family: "DINCond-Medium";
    font-size: 14px;
    margin-top: 90px;
    padding-top: 40px;
    position: relative;
    bottom: 5px;
}

.logo-footer > div > * {
    margin-right: 30px !important
}

.logo-footer p {
    clear: both;
    float: left;
    margin: 4px 0;
    width: 100%;
    text-align: left;
}

.logo-footer .phone,
.logo-footer .email {
    clear: none;
    float: left;
    width: auto !important;
}

.logo-footer a {
    float: left;
    clear: both;
}

.logo-footer .address {
    background: url("/img/new/a-logo.png") no-repeat scroll left center rgba(0, 0, 0, 0);
    height: 18px;
    line-height: 20px;
    padding-left: 30px;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.logo-footer .phone {
    background: url("/img/new/t-logo.png") no-repeat scroll left center rgba(0, 0, 0, 0);
    height: 18px;
    line-height: 20px;
    padding-left: 30px;
    letter-spacing: 1px;
}

.logo-footer .email {
    background: url("/img/new/e-mini.png") no-repeat scroll left center rgba(0, 0, 0, 0);
    color: #FFFFFF !important;
    line-height: 20px;
    margin-left: 10px;
    padding-left: 24px;
    padding-top: 5px !important;
    text-decoration: none;
    text-transform: uppercase;
    letter-spacing: 1px;
}
.creamy .logo-footer-blue{
	color:#404041;
}
.logo-footer-blue {
    color: #161352;
    background: url("/img/new/logo-mini.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    float: left;
    font-family: "DINCond-Medium";
    font-size: 14px;
    margin-top: 90px;
    padding-top: 40px;
    position: relative;
    text-transform: absolute;
    bottom: 0;
}

.logo-footer-blue > div > * {
    margin-right: 30px !important
}

.logo-footer-blue p {
    clear: both;
    float: left;
    margin: 4px 0;
    width: 100%;
    font-family: "DINCond-Medium" !important;
    margin-top: 0 !important;
    background: transparent;
    padding-top: 0!important;
}

.logo-footer-blue .phone,
.logo-footer-blue .email {
    clear: none;
    float: left;
    width: auto !important;
}

.logo-footer-blue a {
    float: left;
    clear: both;
}
.logo-footer-blue .copyright a,
.logo-footer-blue .copyright span{
	display: inline-block;
	vertical-align: top;
	float: none;
	clear: none;
}
.logo-footer-blue .copyright a{
	color: #404041;
}
.logo-footer-blue .copyright a:hover{
	color: #00d9bc;
}
.homepage .logo-footer .copyright a,
.homepage .logo-footer .copyright span{
	color: white;
}
.creamy .logo-footer-blue .copyright a,
.creamy .logo-footer-blue .copyright span{
	color: #404041;
}
.creamy .logo-footer-blue .copyright a:hover,
.creamy .logo-footer-blue .email:hover{
	color: #00d9bc!important;
}
.logo-footer .copyright a,
.logo-footer .copyright span{
	display: inline-block;
	vertical-align: top;
	float: none;
	clear: none;
	color: white;
}
.logo-footer .copyright a{
}
.logo-footer .copyright a:hover{
	color: #00D9BB;
}



.logo-footer-blue .address {
    background: url("/img/new/a-logo.png") no-repeat scroll left center rgba(0, 0, 0, 0);
    line-height: 20px;
    padding-left: 24px;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.logo-footer-blue .phone {
    background: url("/img/new/t-logo.png") no-repeat scroll left center rgba(0, 0, 0, 0);
    line-height: 20px;
    padding-left: 24px;
    letter-spacing: 1px;
}

.creamy .logo-footer-blue .email {
    color: #404041 !important;
}
.logo-footer-blue .email {
    background: url("/img/new/e-mini.png") no-repeat scroll left center rgba(0, 0, 0, 0);
    color: #404041 !important;
    line-height: 20px;
    margin-left: 10px;
    padding-left: 24px;
    padding-top: 0px !important;
    text-decoration: none;
    text-transform: uppercase;
    letter-spacing: 1px;
}
.logo-footer .email:hover,
.logo-footer-blue .email:hover{
		color: #00D9BB!important;
}
.table > .wrapper {
    padding-top: 26px
}

.services h5 {
    color: #07B79C !important;
    float: none;
    font-family: 'BaskervilleMTStdItalic' !important;
    font-size: 40px;
    font-weight: normal;
    margin-bottom: 30px;
    text-align: center;
    width: 100%;
}

.twitter-footer {
    background: url("/img/new/twitter-mini.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
    display: block;
    float: left;
    height: 16px;
    width: 19px;
}

.facebook-footer {
    background: url("/img/new/facebook-mini.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
    display: block;
    float: left;
    height: 19px;
    width: 11px;
}
.linkedin-footer {
    background: url("/img/new/linkedin-mini.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
    display: block;
    float: left;
    height: 17px;
    width: 16px;
    clear:none!important;
}

.facebook-footer-contact {
    background: url("/img/new/facebook-blue.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    display: block;
    height: 29px;
    width: 18px;
    margin-top: 20px;
    margin-left: 20px;
}

.linkedin-footer-contact {
    background: url("/img/new/linkedin-blue.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    display: block;
    height: 26px;
    width: 24px;
    margin-top: 20px;
    margin-left: 20px;
}

.twitter-footer-contact {
    background: url("/img/new/twitter-blue.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    display: block;
    height: 26px;
    width: 29px;
    margin-top: 20px;
}

.twitter-footer,
.facebook-footer,
.facebook-footer-contact,
.linkedin-footer-contact,
.twitter-footer-contact {
    float: left;
    clear: none!important;
    margin-right: 10px;
}

.logo-footer .copyright {
    clear: none!important;
    float: left;
    width: auto!important;
    margin-top: 3px;
    padding: 0;
    background: transparent;
}

.logo-footer > div {
    float: left;
    width: 100%;
    margin-top: 10px;
}

.logo-footer-blue .twitter-footer {
    background: url("/img/new/twitter-mini.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
    display: block;
    float: left;
    height: 16px;
    width: 19px;
}

.logo-footer-blue .facebook-footer {
    background: url("/img/new/facebook-mini.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
    display: block;
    float: left;
    height: 19px;
    width: 11px;
}

.logo-footer-blue .copyright {
    clear: none!important;
    float: left;
    width: auto!important;
    margin-top: 3px;
    padding: 0;
    background: transparent;
}

.logo-footer-blue > div {
    float: left;
    width: 100%;
    margin-top: 10px;
}

.contacts.table {
    position: static
}

.inner-section .wrapper {
    display: block
}

.bottom-services h1 {
    color: #07B79C;
    font-size: 45px !important;
    width: 90%;
    font-weight: normal;
    line-height: 56px;
    margin: 100px auto 0;
    text-align: center;
}
.bottom-services h1 span:hover {
 color: #00D9BB;
}
div.circleBlock {
    margin: 0 auto 50px;
    height: 200px;
    width: 200px;
    background: #16154E;
    color: #00B79E;
    border-radius: 100px;
    text-align: center;
    font-family: 'BaskervilleMTStdItalic';
    font-size: 40px;
    line-height: 42px;
    padding-top: 42px;
}

.portfolio-a ul {
    float: left;
    font-family: 'DINRegular';
    font-size: 11px;
    list-style: none outside none;
    margin-bottom: 50px;
    margin-right: 50px;
    margin-top: 30px;
    padding-left: 0px;
    text-transform: uppercase;
}

.portfolio-a li {
    float: left;
    width: inherit;
    clear: both;
}

.portfolio-a .menu-2 > li {
    margin-bottom: 5px
}

.portfolio-a .menu-2 a {
    float: left;
    margin-bottom: -1px;
    width: 100%;
}

.col-right li {
    margin-bottom: 5px
}

.col-right li a {
    float: left;
    margin-bottom: -1px;
    width: 100%;
}

#portfoliowrapper {
    height: auto;
    text-align: center;
    width: 100%;
    max-width: 970px;
    margin: 0 auto;
}

.portfolio-a {
    float: none;
    margin: 0 auto;
    width: 100%;
    max-width: 970px;
}

.blog-posts .pagination {
    width: 100%;
    display: block;
    position: absolute!important;
    bottom: -60px;
}

.blog-posts .pagination a,
.blog-posts .pagination .pag-current {
    position: relative;
    float: none;
    display: inline-block;
    vertical-align: top;
    padding: 6px 12px;
    text-decoration: none;
    color: #00B79D;
    background-color: transparent;
    border: none;
    margin-left: 0px;
    -webkit-transition: all .15s linear;
    -moz-transition: all .15s linear;
    -ms-transition: all .15s linear;
    -o-transition: all .15s linear;
    transition: all .15s linear;
}

.blog-posts .pagination a:hover {
    background-color: transparent;
    color: #15124f;
}

.blog-posts .pagination .pag-current {
    text-decoration: underline;
    color: #15124f;
}

.blog-a {
    float: none;
    margin: 0 auto;
    width: 100%;
    max-width: 1120px;
}

.blog-a h1 {
    color: #15124f;
    font-size: 35px;
    font-weight: normal;
    text-align: center;
    width: 100%;
    margin-bottom: 30px;
}

.image img {
    margin-top: 7px
}

.post > * {
    margin-bottom: 5px
}

.read-more {
    font-family: 'DINRegular';
    color: #16134E;
    margin-top: 16px;
    display: block;
}

.blog-a .post-div h3 {
    color: #16134E;
    font-family: 'DINRegular';
    font-size: 25px;
    margin-bottom: 10px;
    margin-top: 0;
    text-transform: uppercase;
    padding: 0;
    background: transparent;
}

.blog-a h3 a {
    color: #16134E;
    text-decoration: none;
    -webkit-transition:all .10s linear;
       -moz-transition:all .10s linear;
    	-ms-transition:all .10s linear;
    	 -o-transition:all .10s linear;
    	    transition:all .10s linear;
}

.blog-a h3 a:hover {
	color: #00D9BB;
}

.article .post {
    width: 26%;
    max-width: 270px;
    margin-right: 1%;
}

.article .content {
    float: left;
    margin-left: 1%;
    width: 73%;
}

.article .content h2 {
    color: #16134E;
    font-family: "Myriad Pro",Myriad,"Liberation Sans","Nimbus Sans L","Helvetica Neue",Helvetica,Arial,sans-serif;
    font-weight: normal;
    text-align: center;
    line-height: 36px;
    font-size: 25px;
}

.article .content > img {
    float: left;
    width: 100%;
}

.article .content p {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    color: #404041;
    font-family: 'DINRegular';
    font-size: 13px;
    line-height: 20px;
    margin-bottom: 0;
    margin-top: 20px;
    padding-top: 0;
}

.article .post h3 {
    background: url("/img/new/p-divisor.png") no-repeat scroll left bottom rgba(0, 0, 0, 0);
    margin-top: 22px;
    padding-bottom: 30px;
    margin-bottom: 30px;
}

.author {
    margin-bottom: 15px;
    width: auto !important;
    background: url('/img/new/p-divisor.png') no-repeat scroll left top transparent;
    margin-top: 20px;
    padding-top: 20px;
}

.blog-a p {
    background: url("/img/new/p-divisor.png") top left no-repeat;
    margin-top: 12px;
    padding-top: 14px;
    font-family: 'DINRegular';
}

.post-div {
    padding-bottom: 30px;
    padding-top: 30px;
	padding-right: 10px;
}
.post-div:after{
	content: "";
	height: 1px;
	background:#d4d6d6;
	width: 99%;
	position: absolute;
	bottom: 0;
	left: 0;
}

.date {
    background: url("/img/new/date.png") no-repeat left center;
    padding-left: 21px;
}

.noted {
    background: url("/img/new/noted.png") no-repeat left center;
    padding-left: 21px;
}


.category {
    background: url("/img/new/category.png") no-repeat left center;
    padding-left: 21px;
}

.category span {
    display: inline-block;
    margin-right: 5px;
}

.category span:after {
    content: ","
}

.category span:last-child:after {
    content: ""
}

.comments {
    background: url("/img/new/comments.png") no-repeat left center;
    padding-left: 21px;
}

.post-page .back-link {
    background: url("/img/new/back.png") no-repeat scroll left 4px rgba(0, 0, 0, 0);
    color: #000000;
    font-family: "DINCond-Medium";
    font-size: 22px;
    margin-left: 17%;
    margin-top: 0px;
    padding-left: 30px;
}

.post-page .back-link:hover {
    text-decoration: none
}

.contact-location {
    float: left;
    width: 100%;
}

.contact-location iframe {
    float: left;
    width: 50%;
}

.location {
    background: none repeat scroll 0 0 #07B89B;
    color: #FFFFFF;
    height: 364px;
    padding-left: 40px;
    padding-top: 85px;
    min-height: 450px;
}

.tweet-contact-div {
    float: left;
    width: 100%;
    margin-top: 35px;
}

.location h2 {
    color: #161352;
    font-weight: normal;
    font-size: 52px;
    margin-top: 0px;
    margin-bottom: 0px;
}

.location > ul {
    font-family: "DINCond-Medium";
    list-style: none outside none;
    font-size: 26px;
    width: 100%;
    max-width: 530px;
    text-transform: uppercase;
    font-weight: normal;
    line-height: 35px;
    padding: 0;
}

.location span {
    float: left;
    width: 5%;
    margin-right: 3%;
    color: #161352;
}

.location p {
    float: left;
    margin-top: 0;
    text-transform: uppercase;
    width: 92%;
    margin-bottom: 5px;
}

.location a {
    text-decoration: none;
    color: white;
}

.location a:hover {
    text-decoration: underline
}

.post-page .wrapper-logo * {
    color: #363636!important;
    text-transform: uppercase;
}

div.randomWords {
    font-size: 24px;
    font-family: 'BaskervilleMTStdItalic';
}

span#firstWord {
    color: #07B79C
}

.blueText {
    color: #161352 !important
}

hr.separator {
    border: 0;
    border-bottom: 1px solid #fff;
    box-shadow: 0 1px 1px #d3d3d3;
    width: 70%;
}

.row.what-we {
    padding: 10px 0 50px
}

.servicesHomepage {
    margin-bottom: 0px
}

.servicesItems.pulsers img {
    height: 90px;
    display: block;
}

.servicesItems.pulsers li {
    text-align: left;
    display: block;
    font-family: 'DINRegular';
    text-transform: uppercase;
    font-size: 11px;
    list-style: none;
}

.servicesHomepage li {
    display: none
}

.servicesItems.pulsers li a {
    color: #161352;
    -webkit-transition:all .15s linear;
       -moz-transition:all .15s linear;
    	-ms-transition:all .15s linear;
    	 -o-transition:all .15s linear;
    	    transition:all .15s linear;
}
.servicesItems.pulsers li a:hover {
    color: #00D9BB
}

.servicesItems.pulsers > div:nth-child(4):after {
    content: "";
    display: block;
    clear: both;
    height: 80px;
}

.servicesItems.pulsers h2 {
    font-family: 'DINCond-Medium';
    font-size: 16px;
    color: #161352;
    text-transform: uppercase;
    text-decoration: none;
    width: 75%;
    text-align: left;
    position: relative;
    height: 40px;
}

.servicesItems.pulsers h2:after {
    content: "";
   border-bottom: 1px solid #fff;
   box-shadow: 0 1px 1px #d3d3d3;
    width: 120%;
    position: absolute;
    bottom: 0;
    left: 0;
    height: 2px;
}

.what-we h3 {
    margin-top: 0;
    font-size: 28px;
    text-align: left;
}

.what-we-p {
    font-size: 20px;
    font-family: 'DINRegular';
    margin-bottom: 20px;
}

.what-we p {
    font-family: 'DINRegular';
    text-align: left;
}

input.btnGord,
.btnGord {
    padding: 13px 20px;
    color: #FFF!important;
    background: #00B79E!important;
    border-radius: 4px;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 15px;
    font-family: 'DINRegular';
    white-space: nowrap;
    outline: none;
    position: relative;
    -webkit-transition: all 0.1s;
    -moz-transition: all 0.1s;
    transition: all 0.1s;
    display: block;
    border-bottom: 4px solid #248D89!important;
}
input.btnGord.blue{
    background: #0A1853!important;
    width: 150px;
    border-bottom: 4px solid #152b80!important;
    float: right;
}
input.btnGord:hover,
.btnGord:hover,
.btnGord:active,
.btnGord:focus {
    color: #FFF;
    background: none repeat scroll 0% 0% #00d9bb!important;
    text-decoration: none;
}
input.btnGord.blue:hover{
	background: none repeat scroll 0% 0% #152b80!important;
}
input.btnGord.blue:active{
	margin-top: 20px;
}
input.btnGord:focus,
.btnGord:active,
.btnGord:focus {
    margin-top: 3px;
    border-bottom: 1px solid #248D89;
}

.btnGord.btCenter {
    width: 113px;
    display: block;
    margin: 20px auto 50px;
}
input.btnGord{
	width: 100px;
	text-align: center;
	display: block;
	font-size: 15px;
    font-family: 'DINRegular'!important;

}
.servDetailImg {
    margin: 60px auto 0;
}

.service-detail h1 {
    text-align: center;
    color: #29265B;
    margin: 20px 0 40px;
}

ul.servDetailList {
    list-style: none;
    letter-spacing: 1px;
    font-size: 15px;
    font-family: 'DINRegular';
    padding: 0;
    text-transform: uppercase;
}

ul.servDetailList a {
    color: #29265B;
}

ul.servDetailList a:hover {
    color: #00D9BB;
}

ul.servDetailList li {
    display: inline;
    border-right: 1px solid #29265B;
    padding: 0 10px;
    line-height: 2.5em;
}

ul.servDetailList li:first-child {
    border: none
}

ul.servDetailList li.active a {
    color: #00B79E;
    text-decoration: none;
}

ul.servDetailList li:first-child a:after {
    content: ":";
    text-decoration: none;
    display: inline-block;
    margin-left: -3px;
}

ul.servDetailList li:last-child {
    border: none
}

.service-detail p {
    font-family: 'DINRegular'!important;
    padding: 0 5px;
}

.service-detail h3 {
    margin: 40px 0;
    line-height: 33px;
    font-style: italic;
}

.service-detail h3 div {
    font-style: normal
}

.creMethBtn {
    width: 326px;
    display: inline;
}

a.linkToProject {
    text-transform: uppercase;
    font-family: 'DINRegular';
    color: #3B3B3C;
}

.servicesEd .pWhat div h3 {
    color: #fff;
    margin-top: 0;
    font-size: 29px;
    line-height: 36px;
}

.servicesEd .pWhat div p {
    color: #fff;
    font-family: 'DINRegular';
    line-height: 20px;
    margin-bottom: 58px;
}

hr.separator.separatorWh {
    border: 0;
    border-bottom: 1px solid #3B3B3C;
    width: 70%;
}

.sectionPadding {
    padding-top: 86px
    /*padding-top: 26px*/
}

h3.h3Color {
    color: #29265A;
    font-family: 'BaskervilleMTStdItalic';
    font-size: 30px;
}

a.linkToMethodologies {
    text-transform: uppercase;
	font-family: "DINCond-Medium";
    color: #161352;
    font-size: 20px;
    -webkit-transition:all .15s linear;
       -moz-transition:all .15s linear;
    	-ms-transition:all .15s linear;
    	 -o-transition:all .15s linear;
    	    transition:all .15s linear;
}

a.linkToMethodologies:hover {
    color: #00D9BB;
}

.container {
    max-width: 992px
}

.b-page {
    margin: 0 auto;
    max-width: 950px;
    padding-top: 20px;
}

.container.b-page form table tbody {
    width: 60%;
    margin: 0 auto;
    display: block;
}

.container.b-page form table tbody tr,
.container.b-page form table tbody td,
input.cat_textbox,
textarea.cat_listbox,
select.cat_dropdown,
select.cat_listbox {
    width: 100%!important;
    display: block;
}

div.bgGreen {
    background: #07B79C;
    padding: 0 20px 80px;
    overflow: hidden;
}

.inner-how-we #services div.bgGreen h1 {
    color: #29265B !important
}

.inner-how-we #services div.bgGreen h3 {
    font-family: 'BaskervilleMTStdItalic'
}

.circleCreativeTitle {
    height: 100px;
    width: 100px;
    border-radius: 50px;
    color: #fff;
    font-family: 'DINRegular';
    text-align: center;
    padding-top: 40px;
}

.circleCreativeTitle.colorBlue {
    background: #29265B
}

.circleCreativeTitle.colorGreen {
    background: #07B79C
}

.cretaiveImgs img {
    margin: 0 auto 70px;
    height: auto;
    max-width: 100%;
    display: block;
}

.techImgs img {
    margin: 0 auto;
    height: auto;
    max-width: 100%;
    display: block;
}

h1.letsBegin {
    /*margin-bottom: 90px !important*/
    margin-bottom: 20px
}

.creativeMeth h4 {
    font-family: 'BaskervilleMTStdItalic';
    color: #07B79C;
    font-size: 21px;
}
.creativeMeth h3 {
	line-height: 30px;
}
.creativeMeth p.parrCrea {
    max-width: 400px;
    margin: 0 auto 20px;
    font-family: 'DINRegular';
}

.techMethPeace h3 {
    margin-top: 0
}

.techMethPeace p {
    font-family: 'DINRegular'
}

.parTechCont p.parTech {
    font-family: 'DINRegular';
    max-width: 400px;
    margin: 0 auto 20px;
}

.section-who-we.services .arePes p {
    font-family: 'DINRegular';
    line-height: 20px;
}

.section-who-we.services .arePes h3 {
    margin: 0 0 40px;
    font-size: 29px;
    line-height: 36px;
}

.section-who-we.services .arePes a {
    font-family: 'BaskervilleMTStdItalic';
    color: #07B79C;
    text-decoration: underline;
    font-size: 18px;
}

.section-who-we.services .arePes a:hover {
    color: #00D9BB
}

.section-who-we.services .gangMember h4 {
    font-size: 15px;
    font-family: 'DINCond-Medium';
    margin-bottom: 40px;
	height: 54px;
}

.section-who-we.services .gangMember h4 span {
    font-size: 16px;
    font-family: 'BaskervilleMTStdItalic';
}

hr.separator.separatorWhoWe {
    border: 0;
    border-bottom: 1px solid #161F5B;
    margin: 50px auto;
    width: 70%;
}

.gang .background {
    background-color: #404040
}

.gang .top-menu {
    background-color: transparent
}

.gang .back-link {
    color: #292758
}

.gang .position {
    font-family: 'BaskervilleMTStdItalic';
    width: 150px;
    font-weight: normal;
    font-size: 20px;
}

.gang .title {
    background: url("/img/new/title.png") no-repeat scroll left bottom rgba(0, 0, 0, 0);
    color: #16134E;
    font-family: 'DINRegular';
    font-size: 22px;
    line-height: 32px;
    margin-bottom: 22px;
    padding-bottom: 15px;
    text-transform: uppercase;
    width: 30%;
	margin-top: 0;
}

.gang p,
.post-par {
    color: #404041;
    font-family: 'DINRegular';
    font-size: 14px;
    line-height: 20px;
}

.gang h3 {
    background: url("/img/new/h3.jpg") no-repeat scroll left top rgba(0, 0, 0, 0);
    color: #16134E;
    font-family: "DINCond-Medium";
    font-size: 18px;
    font-weight: normal;
    letter-spacing: 0.5px;
    line-height: 32px;
    margin-top: 32px;
    padding-top: 25px;
    text-transform: uppercase;
}

.gang button.switch {
    background-color: #15154E
}

.gang .row .col-sm-4,
.gang .row .col-sm-8 {
    padding: 5px
}
.gang .row .col-sm-4{
	padding-right: 15px;
	width:33.33%;
}
.gang .row.profile-pics .col-sm-4,
.gang .row .col-sm-4.module-social{
	padding: 5px;
}
.moduleMember {
    width: 100%;
    height: 290px;
    padding: 0;
    background-color: #15154E;
}

.moduleMemberTop {
    height: 96px;
    line-height: 96px;
    text-transform: uppercase;
    color: #00B79D;
    font-family: "DINCond-Medium";
    font-size: 19px;
}

.moduleMemberTop a {
    color: #00B79D
}

.moduleMemberMiddle {
    height: 94px;
    line-height: 94px;
    background-color: #292758;
}

.moduleMemberBottom {
    margin-top: 5px;
    height: 95px;
    line-height: 95px;
    background-color: #292758;
}

.moduleMemberMiddle a,
.moduleMemberBottom a {
    text-transform: uppercase;
    color: #00B79D;
    font-family: "DINCond-Medium";
    font-size: 19px;
}

.moduleMemberTop a:hover,
.moduleMemberMiddle a:hover,
.moduleMemberBottom a:hover {
	color: #00D9BB;
}

.modules {
    width: 100%
}

.modules .item {
    width: 440px;
    margin-bottom: 10px;
}

.item .mask {
    width: 100%;
    height: 100%;
    position: absolute;
    overflow: hidden;
    top: 0;
    left: 0;
    text-align: center;
}

.item .content {
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;
    top: 0;
    left: 0;
    text-align: center;
}

.item img {
    display: block;
    position: relative;
}

.item h2 {
    font-family: 'BaskervilleMTStdRegular';
    color: #fff;
    text-align: center;
    font-size: 25px;
    width: 100%;
}

.item p {
    font-family: 'BaskervilleMTStdItalic';
    font-size: 15px;
    color: #fff;
    padding: 0 20px 20px;
    text-align: center;
    width: 100%;
}

.item a.info {
    display: inline-block;
    text-decoration: none;
    font-family: "DINCond-Medium";
    font-size: 13px;
    padding: 7px 14px 4px;
    background: #00B79D;
    color: #fff;
    text-transform: uppercase;
    box-shadow: 0 0 1px #00B79D;
}

.mask-content {
    position: absolute;
    top: 35%;
    width: 100%;
    text-align: center;
}

.item a.info:hover {
    box-shadow: 0 2px 10px #00B79D
}

.view-first img {
    transition: all 0.2s linear
}

.view-first .mask {
    opacity: 0;
    background-color: rgba(41,39,88,0.9);
    transition: all 0.4s ease-in-out;
}

.view-first h2 {
    /*transform: translateY(-100);*/
    opacity: 0;
    transition: all 0.2s ease-in-out;
}

.view-first p {
    opacity: 0;
    transition: all 0.4s ease-in-out;
}


.view-first:hover .mask {
    opacity: 1
}

.view-first:hover h2,
.view-first:hover p,
.view-first:hover a.info {
    opacity: 1;
}

.view-first:hover p {
    transition-delay: 0.1s
}

.view-first:hover a.info {
    transition-delay: 0.2s
}

h3.article-title {
    font-family: 'DINRegular';
    background: transparent;
    font-size: 22px;
    margin-top: 0;
}

iframe {
    width: 100%
}

.panel {
    background: transparent !important
}

.col-sm-6.map-iframe {
    padding: 0;
	margin-bottom: -10px;
	height: 450px
}

.container-fluid {
    padding: 0
}

.container-fluid.bg-white {
    background: #fffef4;
    padding: 20px 0;
}

#portfolio .ls-wrapper .ls-nav-left,
.ls-wrapper .ls-nav-left-arrow,
#portfolio .ls-wrapper .ls-nav-right,
.ls-wrapper .ls-nav-right-arrow {
    top: 50%!important;
    margin-top: -15px!important;
    margin-right: 15px;
}

#fifth-slide .ls-responsive .liquid-slider .panel .panel-wrapper {
    padding-left: 10%
}

#fifth-slide h3{

display: block;
font-size: 23px;
font-weight: normal;
line-height: 28px;
margin: 0 auto;
text-align: center;
width: 75%;
font-family:'DINRegular';
margin-bottom:20px;

}

.liquid-slider span.label-c {
    font-size: 40px;
    margin-right: 10px;
}

.liquid-slider input.label-c {
    background: none repeat scroll 0px 0px transparent;
    border: 0px none;
    color: #423F71;
    font-family: 'BaskervilleMTStdRegular';
    font-size: 40px;
}

.container-blue {
    background: #16154E;
    margin-top: 70px;
    padding: 30px 0;
}

.intro-nav h2 {
    font-family: 'DINCond-Medium';
    color: #fff;
    text-transform: uppercase;
    font-size: 20px;
    margin-top: 0;
}

.intro-nav p {
    color: #fff;
    font-size: 15px;
}

a.btn-read-more {
    background-color: #07B79C;
    border-bottom: 3px solid #248D89;
    border-radius: 4px;
    color: #FFF;
    float: left;
    font-family: "DINCond-Medium";
    font-size: 15px;
    font-weight: normal;
    margin-top: 5px;
    padding: 5px 8px 2px;
    text-decoration: none;
    text-transform: uppercase;
    -webkit-transition:all .15s linear;
       -moz-transition:all .15s linear;
    	-ms-transition:all .15s linear;
    	 -o-transition:all .15s linear;
    	    transition:all .15s linear;
}
a.btn-read-more:hover{
    background: none repeat scroll 0% 0% #00d9bb;

}
.mini-logo {
    margin: 22px 0 0 20px
}

.servicesHomepage a h2 {
    font-family: 'DINCond-Medium';
    color: #161352;
    text-transform: uppercase;
    font-size: 19px;
    width: 70%;
    text-align: center;
    margin: 20px auto 15px;
}

.container-relative {
    position: relative
}

.liquid-slider-h1 {
    font-size: 50px
}

.ls-wrapper {
    overflow: hidden
}

.container.how-we {
    padding-bottom: 40px
}

.services .wrapper a.who-we-link {
    margin-bottom: 250px
}

.project-name {
    color: #16134E;
    font-family: "DINRegular";
    font-size: 16px;
    margin-bottom: 10px;
    text-decoration: none;
    text-transform: uppercase;
    text-align: center;
}

.post-par {
    padding: 25px 0
}

.top-menu.back-none {
    background: #fffef4
}

.top-menu.back-gray {
    background: #404041
}

.top-menu a > img {
    margin-top: 24px
}

.top-menu a {
    cursor: pointer;
    z-index: 1000;
}

.logo-footer,
.logo-footer-blue {
    padding-bottom: 20px
}

h4.toggleUl {
    font-family: "DINCond-Medium";
    text-transform: uppercase;
    padding: 5px 5px 0px 15px;
    background-color: #E4E4E3;
    margin-bottom: 0;
    color: #777;
    line-height: 26px;
}
.creamy .wrapper{
	margin: 0px auto
}

ul.untoggleList li.visible-xsGord {
    display: none
}

.section {
    min-height: 614px;
}

.homepage .center-me-parent {
    display: table;
    width: 100%;
    -webkit-transition:all .15s linear;
       -moz-transition:all .15s linear;
    	-ms-transition:all .15s linear;
    	 -o-transition:all .15s linear;
    	    transition:all .15s linear;
}

.homepage .center-me {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    -webkit-transition:all .15s linear;
       -moz-transition:all .15s linear;
    	-ms-transition:all .15s linear;
    	 -o-transition:all .15s linear;
    	    transition:all .15s linear;
}

.xs-work-menu a {
    color: #16134E;
    font-family: "DINCond-Medium";
    font-size: 18px;
    margin-bottom: 10px;
    text-decoration: none;
    text-transform: uppercase;
}

.twitter.tuit-white {
    background: url('/img/new/tuiter-white.png') no-repeat
}

.facebook.face-white {
    background: url('/img/new/facebook-white.png') no-repeat !important
}

.contact.contact-white {
    background: url('/img/new/contact-white.png') no-repeat !important
}

.support.support-white {
    background: url('/img/new/support-white.png') no-repeat !important
}

.separator.separator-white {
    background: url('/img/new/separator-white.png') no-repeat !important
}

#fifth-slide .logo-footer {
    margin-top: 65px
}

.servDetailPar {
    font-family: 'DINRegular';
    margin: 0 10px;
}

.servDetailPar .column {
    margin: 0 10px;
}
/*Optin Newsletter on Indiesights Page
----------------------------------------------------------*/

.optin-newsletter{
	text-align: center;
	width: 100%;
	max-width: 600px;
	margin: 10px auto;
}
.post.optin-newsletter h4{
	font-size: 16px;
	margin-top: 40px;
	text-align: left;
	padding-left: 5px;
}
.optin-newsletter h4{
	font-size: 18px;
    font-family: 'DINRegular'
}
.post.optin-newsletter input{
	font-size: 15px;
	display: block;
	width: 93%;
	margin-bottom: 10px;
}
.optin-newsletter input{
	border: 1px solid #e1e1e1;
	height: 40px;
	display: inline-block;
	width: 75%;
	vertical-align: top;
	padding-left: 10px;
	font-size: 18px;
	padding-top: 2px;
    font-family: 'DINRegular'
}
.post.optin-newsletter input[type='submit']{
	margin-right: 22px;
	width: 30%;
}
.post.optin-newsletter input[type='submit']:active{
	margin-right: 22px!important; /*fix for moving btn*/
}

.optin-newsletter input[type='submit']{
	width: 20%;
	height: inherit;
	border:none;
	padding: 6px 12px;
	border-radius: 4px;
}
.optin-newsletter input[type='submit']:active{
	margin: 0!important; /*fix for moving btn*/
}


/**Client Logo**/
.client__list{
	float: left;
	width: 100%;
	margin-bottom: 50px;
}

.client__list h2{
	color: #161352;
    
    font-family: "BaskervilleMTStdRegular";
    font-size: 48px;
    font-weight: normal;
    margin-top: 30px;
    margin-bottom: 50px;
    text-align: center;
    width: 100%;
    padding-top: 30px;	
}

.icon-row{
	margin-bottom: 30px;
}

.icon-row  img{
	width: auto;
	height: 80px;
}

.icon-row:nth-child(3) img{
	width: auto;
	height: 100px;
}

.five-icon-splash{
	width: 20%;
}

.six-icon-splash{
	width: 16.667%;
}

.provider__icon, .pfizer_icon{
	height: 60px !important;
	width: auto;
	margin-top: 10px;
}

.pfizer_icon{
	margin-left: 30px;
}

.mid__icon{
	margin-left: 20px;
}

.ace_icon{
	height: 110px !important;
	width: auto;
}

.ghg_icon{
	height: 70px !important;
	width: auto;
	margin-left: 45px;
}

.insights-overlay{
	position: fixed;
	opacity: 0;
	bottom: 0;
	right: 0;
	width: 50%;
	max-width: 700px;
	background-color: #FFFEF4;
	padding: 30px;
	padding-top: 20px;
	padding-right: 20px;
	z-index: 30;
	font-family: 'BrandonGrotesque';
	font-weight: normal;
	font-style: normal;
}

.insights-overlay .ebooks_img{
	width: 285px;
    margin-top: 35px;
    height: auto;
}

.insights-overlay h3{
	text-transform: uppercase;
	line-height: 1.5;
	font-weight: 700;
}

.insights-overlay .overlay-content{
	padding-right: 0;
}

.insights-overlay .subtitle{
	font-size: 16px;
    padding-right: 30px;
}

.insights-overlay .consultation__button{
	border: none;
	background-color: #00B69A;
	color: white;
	font-weight: 600;
	font-size: 16px;
	margin-top: 15px;
	display: block;
	padding: 10px 15px;
	width: 95%;
	text-align: center;
	text-transform: uppercase;
}

.dontshow{
	font-size: 16px;
	cursor: pointer;
	display: block;
	width: 260px;
	margin-top: 10px;
	text-align: center;
}

.expander-arrow{
	position: absolute;
	top: 20px;
	right: 20px;
	width: 19px;
	height: 10px;
	cursor: pointer;
	z-index: 32;
}

.insights-overlay.closed{
	padding-bottom: 15px;
}

.closed-content{
	display: none;
	padding: 0;
}

.closed-content h3{
	margin: 0;
}

.closed .expander-arrow{
	-moz-transform: scaleY(-1);
    -o-transform: scaleY(-1);
    -webkit-transform: scaleY(-1);
    transform: scaleY(-1);
    filter: FlipV;
    -ms-filter: "FlipV";
    top: 27px;
}

.dialog {
	-webkit-align-items: flex-end;
  	align-items: flex-end;
}

.dialog.dialog--open,
.dialog.dialog--close{
	opacity: 1;
	-webkit-animation-duration: 0.3s;
	animation-duration: 0.3s;
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
	-webkit-transform-origin: 50% 100%;
	transform-origin: 50% 100%;
	-webkit-animation-timing-function: ease-in-out;
	animation-timing-function: ease-in-out;
}

.dialog.dialog--open{
	-webkit-animation-name: anim-open;
	animation-name: anim-open;
}

.dialog.dialog--close{
	-webkit-animation-name: anim-close;
	animation-name: anim-close;
}

.dialog.dialog--open h2,
.dialog.dialog--open button {
	-webkit-animation: anim-elem 0.3s both;
	animation: anim-elem 0.3s both;
}

.dialog.dialog--open h2 {
	-webkit-animation-delay: 0.15s;
	animation-delay: 0.15s;
}

.dialog.dialog--open button {
	-webkit-animation-delay: 0.2s;
	animation-delay: 0.2s;
}

@-webkit-keyframes anim-open {
	0% { -webkit-transform: perspective(1000px) rotate3d(1,0,0,90deg); }
	100% { -webkit-transform: perspective(1000px) rotate3d(1,0,0,0deg); }
}

@keyframes anim-open {
	0% { -webkit-transform: perspective(1000px) rotate3d(1,0,0,90deg); transform: perspective(1000px) rotate3d(1,0,0,90deg); }
	100% { -webkit-transform: perspective(1000px) rotate3d(1,0,0,0deg); transform: perspective(1000px) rotate3d(1,0,0,0deg); }
}

@-webkit-keyframes anim-close {
	0% { -webkit-transform: perspective(1000px) rotate3d(1,0,0,0deg); }
	100% { -webkit-transform: perspective(1000px) rotate3d(1,0,0,90deg); }
}

@keyframes anim-close {
	0% { -webkit-transform: perspective(1000px) rotate3d(1,0,0,0deg); transform: perspective(1000px) rotate3d(1,0,0,0deg); }
	100% { -webkit-transform: perspective(1000px) rotate3d(1,0,0,90deg); transform: perspective(1000px) rotate3d(1,0,0,90deg); }
}

/* Inner elements animations */

@-webkit-keyframes anim-elem {
	0% { opacity: 0; -webkit-transform: translate3d(0, 100px, 0); }
	100% { opacity: 1; -webkit-transform: translate3d(0, 0, 0); }
}

@keyframes anim-elem {
	0% { opacity: 0; -webkit-transform: translate3d(0, 100px, 0); transform: translate3d(0, 100px, 0); }
	100% { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
}