/*
Theme Name: VDR - Vila de Rosa
Author: Pablo Revetria
Description: WP Theme excusive for Vila de Rosa
Version: 0.0.1
Tags: bootstrap
*/

body {
    width: 100%;
    height: 100%;
	
	background: #fff;
	color: #2c2c2b;
	font-family: 'Gotham Light';
	font-size: 16px;
}

@media (min-width:990px){
	body.home:before {
		background: url("img/menu-bg-gradient.png") repeat-x top center;
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		width: 100%;
		height: 267px !important;
		content: ' ';
		z-index: 2;
	}	
}

html {
    width: 100%;
    height: 100%;
}

@media (min-width:768px){.container{width:750px}}
	
@media (min-width:980px){.container{width:970px}}

@media (min-width:1100px){.container{width:1000px}}

@media (min-width:1200px){.container{width:1170px}}

/* =Titles
--------------------------------------------------------------------------------------------------------*/

h1 {
	font-family: 'Gotham Book';
	font-size: 36px;
	text-transform: uppercase;
	margin-bottom: 40px;
}

.page h1,
.blog h1,
.single h1,
.archive h1 {
	margin-bottom: 8px;
}

@media (min-width:640px){
	h1 {
		font-size: 42px;
	}
	
	.single-cuar_private_file h1 {
		font-size: 34px;
	}
}

section h1 {
	text-align: center;
}

@media (min-width:540px){
	section h1 {
		text-align: left;
	}
}

h2 {
	font-family: 'Gotham Medium';
	font-size: 22px;
	text-transform: uppercase;
	text-align: center;
}

@media (min-width:540px){
	h2 {
		text-align: left;
	}
}

h3 {
	font-family: 'Gotham Medium';
	font-size: 20px;
	text-transform: uppercase;
	margin-bottom: 5px;
	text-align: center; 
}

@media (min-width:540px){
	h3 {
		text-align: left;
	}
}

@media (min-width:640px){
	h3 {
		font-size: 24px;
	}
}

h4 {
	font-family: 'Gotham Book';
	font-size: 32px;
	text-transform: uppercase;
	margin-bottom: 30px;
	text-align: center;
}

@media (min-width:540px){
	h4 {
		text-align: left;
	}
}

h5 {
	font-family: 'Gotham Book';
	font-size: 18px;
	text-transform: uppercase;
	margin-bottom: 8px;
	text-align: center;
}

@media (min-width:540px){
	h5 {
		text-align: left;
	}
}

h6 {
	font-family: 'Gotham Book';
	font-size: 15px;
	margin-bottom: 10px;
	text-align: center;
}

@media (min-width:540px){
	h6 {
		text-align: left;
	}
}

.secondary-p {
	font-family: 'Gotham Book';
	font-size: 14px;
	color: #757373;
	margin-bottom: 20px !important;
}

/* =Nav Top
--------------------------------------------------------------------------------------------------------*/

@media(max-width:767px) {
	.navbar-fixed-top {
		position: relative;
		margin-bottom: 0;
	}
}

@media(min-width:990px) {
    .navbar {
        padding: 0;
       /* -webkit-transition: background .2s ease-in-out,padding .5s ease-in-out;
        -moz-transition: background .2s ease-in-out,padding .5s ease-in-out;
        transition: background .2s ease-in-out,padding .5s ease-in-out;*/
    }

    .top-nav-collapse.navbar-default {
        padding: 0;
        background: #fff;
    }
}

.navbar-default {
	border: none;
	background: #56447a;
}

.inner-page .navbar-default {
	background: #56447a;
}

@media(min-width:540px) {
	.inner-page .navbar-default {
		background: #ebeced;
	}
}

@media(min-width:540px) {
	.navbar-default {
		background: #fff;
	}
}

@media(min-width:767px) {
	.navbar-default {
		background: rgba(256,256,256,0.7);
	}
}

@media(min-width:990px) {
	.navbar-default {
		background: transparent;
	}	
}

.navbar-brand {	
	background: #56447a url("svg/logo-vila-de-rosa.svg") no-repeat 0 15px;
	background-size: 200px 43px;	
	width: 200px;
	height: 73px;
	display: block;
	float: none;
	text-indent: -5000px;    
    padding: 0;
	position: relative;
	z-index: 1;
	margin-left: 0;
}

@media(min-width:480px) {
	.navbar-brand {	
		background: #56447a url("svg/logo-vila-de-rosa.svg") no-repeat 0 18px;
		background-size: 233px 50px;	
		width: 233px;
		height: 85px;		
	}
}

@media(min-width:540px) {
	.navbar-brand {	
		background: #56447a url("svg/logo-vila-de-rosa.svg") no-repeat 0 25px;
		background-size: 298px 64px;	
		width: 298px;
		height: 109px;		
	}
}

.navbar > .container .navbar-brand {
	margin-left: 0;
}

@media(min-width:540px) {
	.navbar-brand:before {
		background: url("img/menu-bg-shape.png") no-repeat top right;
		width: 42px;
		height: 109px;
		display: block;
		content: ' ';
		position: absolute;
		right: -42px;
		z-index: 0;
	}
}

.navbar-default .navbar-brand:focus, 
.navbar-default .navbar-brand:hover {
    background-color: #56447a;
}

@media(min-width:540px) {
	.navbar-header:before {
		background: #56447a;
		width: 25%;
		height: 109px;
		display: block;
		position: absolute;
		left: 0;
		z-index: 0;
	}
}

.navbar-default .navbar-nav {
	padding: 28px 20px;	
}

@media(max-width:767px) {
	.navbar > .container {
		width: 96%;
	}
}

.inner-page .navbar-default .navbar-nav > li,
.home .navbar-default .navbar-nav > li.back {
	display: none;
}

.inner-page .navbar-default .navbar-nav > li.in-page {
	display: block;
}

.navbar-default .navbar-nav > li > a {
	color: #443267;
}

@media(max-width:1200px) {
	.navbar-collapse .nav > li > a {
		padding-left: 8px;
		padding-right: 8px;
		font-size: 14px;
	}
}

.navbar-default .navbar-nav > li > a:hover {
	color: #986297;
}

.navbar-default .navbar-nav > .active > a, 
.navbar-default .navbar-nav > .active > a:focus, 
.navbar-default .navbar-nav > .active > a:hover {
    background-color: transparent;
    color: #443267;
	border-bottom: 3px solid #e6b84e;
}

.navbar-default .navbar-nav > li > a.apps-access {
	border-radius: 100%;
	-o-border-radius: 100%;
	-ms-border-radius: 100%;
	-moz-border-radius: 100%;
	-webkit-border-radius: 100%;
	width: 45px;
	height: 45px;
	border: 1px solid #443267;
	background-color: rgba(256,256,256,0.9);
	text-indent: -2000px;
	margin-left: 10px;
}

@media(min-width:540px) {
	.navbar-default .navbar-nav > li > a.apps-access {
		width: 50px;
		height: 50px;
		border: 1px solid #56447a;
		background-color: rgba(256,256,256,0.5);
		margin-left: 15px;
	}
}

.navbar-default .navbar-nav > li > a.apps-access:hover {	
	border: 1px solid #e6b84e;
	background-color: rgba(256,256,256,0.8);
}

.navbar-default .navbar-nav > li > a.apps-access.cameras {
	background-image: url("svg/icon-cameras-violet.svg");
	background-size: 35px 35px;
	background-repeat: no-repeat;
	background-position: center center;
}

@media(min-width:540px) {
	.navbar-default .navbar-nav > li > a.apps-access.cameras {
		background-image: url("svg/icon-cameras-violet.svg");
		background-size: 40px 40px;
		background-repeat: no-repeat;
		background-position: center center;
	}
}

.navbar-default .navbar-nav > li > a.apps-access.clinical-history {
	background-image: url("svg/icon-clinical-history-violet.svg");
	background-size: 35px 35px;
	background-repeat: no-repeat;
	background-position: center center;
}

@media(min-width:540px) {
	.navbar-default .navbar-nav > li > a.apps-access.clinical-history {
		background-image: url("svg/icon-clinical-history-violet.svg");
		background-size: 40px 40px;
		background-repeat: no-repeat;
		background-position: center center;
	}
}

.apps-access-navbar {
	position: absolute;
	top: 12px;
	right: 5px;
}

.apps-access-navbar .navbar-nav {
	padding: 3px 0px;
	margin: 0;
}

.apps-access-navbar .navbar-nav li {
	float: left;
}

@media(min-width:480px) {
	.apps-access-navbar {
		position: absolute;
		top: 15px;
		right: 5px;
	}
}

@media(min-width:540px) {
	.apps-access-navbar {
		position: absolute;
		top: 25px;
		right: 20px;
	}	
}

@media(min-width:990px) {
	.apps-access-navbar {
		position: relative;		
	}	
}

/* scroll effect > top-nav-collapse */

@media(min-width:990px) {
	.top-nav-collapse .navbar-brand {	
		background: #56447a url("svg/iso-vila-de-rosa-yellow.svg") no-repeat 0 15px;
		background-size: 50px 50px;	
		width: 80px;
		height: 80px;
		display: block;
		float: none;
		text-indent: -5000px;    
		padding: 0;
		position: relative;
		z-index: 1;
		margin-left: 0;
	}
	
	.navbar-default.top-nav-collapse .navbar-nav {
		padding: 13px;
	}
	
	.top-nav-collapse .navbar-header:before {
		background: #56447a;
		width: 12%;
		height: 80px;
		display: block;
		position: absolute;
		left: 0;
		z-index: 0;
	}
	
	.top-nav-collapse .navbar-brand:before {
		background: url("img/menu-bg-shape.png") no-repeat top right;
		width: 31px;
		height: 80px;
		display: block;
		content: ' ';
		position: absolute;
		right: -20px;
		z-index: 0;
	}
	
	.top-nav-collapse .apps-access-navbar {
		top: 0;
	}
	
	.top-nav-collapse {
		box-shadow: 0 0 20px -15px rgba(0,0,0,0.9)
	}
}

@media(min-width:1200px) {
	.top-nav-collapse .navbar-header:before {
		width: 10%;
	}
}

@media(min-width:1400px) {
	.top-nav-collapse .navbar-header:before {
		width: 15%;
	}
}

/* =Intro Section
--------------------------------------------------------------------------------------------------------*/

.featured-img-shape {
	background: url("img/featured-img-shape-01.png") no-repeat 0 0;
	position: absolute;
	right: 0;
	width: 736px;
	height: 827px;
	z-index: 2;
}

.intro-section {	    
	overflow: hidden;
	position: relative;
	z-index: 1;		
	
	background-image: url("img/featured-img-landscape.png");
	background-color: #fff;		
	background-size: cover;
	background-position: top center;
    background-repeat: no-repeat;  
	
	height: 480px;  
}

@media (min-width:480px){
	.intro-section {	
		/*height: 400px;*/    
	}
}

@media (min-width:540px){
	.intro-section {	
		background-image: url("img/featured-img-supersquare.png");
		background-color: #fff;		
		background-size: cover;
		background-position: top center;
    	background-repeat: no-repeat;  
		height: 600px;    
	}
}

@media (min-width:767px){
	.intro-section {	
		background-image: url("img/featured-img-square.png");
		background-color: #fff;		
		background-size: contain;
		background-attachment: fixed;
		background-position: top center;
		background-repeat: no-repeat;	
			
		height: 480px;    
	}
}

@media (min-width:800px){
	.intro-section {			
		height: 500px;    
	}
}

@media (min-width:980px){
	.intro-section {			
		height: 650px;    
	}
}

@media (min-width:1100px){
	.intro-section {	
		background-image: url("img/featured-img-full.png");
		background-color: #fff;		
		background-size: cover;
		background-attachment: fixed;
		background-position: top center;
		background-repeat: no-repeat;    
	}
}

@media (min-width:1200px) and (max-height:800px){
	.intro-section {	
		background-image: url("img/featured-img-wide.png");
		background-color: #fff;		
		background-size: contain;
		background-attachment: fixed;
		background-position: top center;
		background-repeat: no-repeat;    
	}
}

@media (min-height:700px) {
	.intro-section {
		/*background-position: center 50px;*/
	}	
}

.intro-section h1 {
	font-family: 'Gotham Medium';
	font-size: 32px;
	margin-bottom: 10px !important;
}

@media (min-width:767px) {
	.intro-section h1 {
		font-size: 36px;
	}	
}

.intro-section p {
	font-family: 'Gotham Book';
	font-size: 24px;
}

@media (min-width:767px) {
	.intro-section p {
		font-size: 26px;
	}	
}

.intro-section h1,
.intro-section p {
	color: #fff;
	text-shadow: 0 0 5px rgba(0,0,0,0.9);
	text-align: center;
}

.intro-section h1 {
	margin-top: 280px;
	margin-bottom: 10px;
}

@media (min-width:480px) {
	.intro-section h1 {
		margin-top: 320px;
	}
}

@media (min-width:540px) {
	.intro-section h1 {
		margin-top: 400px;
	}
}

@media (min-width:767px) {
	.intro-section h1 {
		margin-top: 250px;
	}	
	
	.intro-section h1,
	.intro-section p {
		text-align: left;
	}
}

.intro-section p {
	margin-bottom: 30px;
}

/* =Violet Bar
-------------------------*/

.violet-bar {
	background: #473267;
	text-align: left;
	position: relative;
	width: 100%;
	height: auto;
	overflow: hidden;
	display: block;
}

@media (min-width:990px) {
	.violet-bar {
		height: 80px;
	}	
}

.violet-bar .container {
	margin-top: 5px;
}

@media (min-width:1000px) {
	.violet-bar .container {
		/*margin-top: 20px;*/
	}	
}

.violet-bar .col-lg-12 { 
	overflow: hidden; 
}

@media (max-width:767px) {
	.violet-bar .col-lg-12 {
		width: 260px;
		float: none;
		margin: 0 auto;
	}
}

.violet-bar.social-btns p,
.violet-bar.social-btns a {
	float: left;
	margin-right: 5px;
}

@media (min-width:990px) {
	.violet-bar.social-btns p,
	.violet-bar.social-btns a {
		margin-right: 15px;
	}	
}

.violet-bar p {
	color: #e6b84e;
	font-size: 15px;
	font-family: 'Gotham Book';
	margin-bottom: 0;
	margin-top: 10px;
}

@media (min-width:990px) {
	.violet-bar p {
		font-size: 20px;
		margin-top: 12px;
	}	
}

.violet-bar.social-btns a {
	width: 38px;
	height: 38px;
}

@media (min-width:990px) {
	.violet-bar.social-btns a {
		width: 45px;
		height: 45px;
	}	
}

.violet-bar.social-btns a.fb {
	background: url("svg/icon-facebook-yellow.svg") no-repeat 0 0;
	background-size: 38px 38px;
}

.violet-bar.social-btns a.fb:hover {
	background: url("svg/icon-facebook-white.svg") no-repeat 0 0;
	background-size: 38px 38px;
}

@media (min-width:990px) {
	.violet-bar.social-btns a.fb,
	.violet-bar.social-btns a.fb:hover {
		background-size: 45px 45px;
	}	
}

.violet-bar.social-btns a.tw {
	background: url("svg/icon-twitter-yellow.svg") no-repeat 0 0;
	background-size: 38px 38px;
}

.violet-bar.social-btns a.tw:hover {
	background: url("svg/icon-twitter-white.svg") no-repeat 0 0;
	background-size: 38px 38px;
}

@media (min-width:990px) {
	.violet-bar.social-btns a.tw,
	.violet-bar.social-btns a.tw:hover {
		background-size: 45px 45px;
	}	
}

.violet-bar.social-btns a.yt {
	background: url("svg/icon-youtube-yellow.svg") no-repeat 0 0;
	background-size: 38px 38px;
}

.violet-bar.social-btns a.yt:hover {
	background: url("svg/icon-youtube-white.svg") no-repeat 0 0;
	background-size: 38px 38px;
}

@media (min-width:990px) {
	.violet-bar.social-btns a.yt,
	.violet-bar.social-btns a.yt:hover {
		background-size: 45px 45px;
	}	
}

/* =VDR Section
--------------------------------------------------------------------------------------------------------*/

.vdr-section {
    /*height: 100%;*/
    padding-top: 50px;
	padding-bottom: 0;
    background: #ebeced;
}

@media (min-width:640px){
	.vdr-section {
		padding-top: 50px;
		padding-bottom: 50px;
	}
}

@media (min-width:990px){
	.vdr-section {
		padding-top: 150px;
		padding-bottom: 50px;
	}
}

.vdr-section [class*="block-"] {
	padding: 35px 30px;
}

@media (max-width:767px){
	.vdr-section .row {
		margin-bottom: 0;
	}
}

.block-violet {
	background: #473267;		
}

.block-violet.first {
	background: #fff;
}

@media (min-width:1020px) {
	.block-violet.first {
		background: #473267;
	}
}

@media (max-width:539px) {
	.block-violet.second p,
	.block-violet.fourth li {
		color: #2c2c2b;
	}
}

@media (max-width:540px) {
	.block-violet.second,
	.block-violet.fourth {
		background: #ebeced;
	}
	
	/*.block-violet.second p {
		color: #2c2c2b;
	}*/
}

.block-violet p,
.block-violet li {
	color: #fff;
	font-family: 'Gotham Light';
	font-size: 16px;
}

.block-violet.first p {
	color: #2c2c2b;
}

@media (min-width:1020px) {
	.block-violet.first p {
		color: #fff;
	}
}

.block-white {
	background: #fff;
}

.block-white p,
.block-white li {
	color: #2c2c2b;
	font-family: 'Gotham Light';
	font-size: 16px;
}

[class*="block-"] h2 {
	padding-bottom: 10px;
}

[class*="block-"] p {
	line-height: 20px;
	text-align: center;
}

@media (min-width:540px){
	[class*="block-"] p {
		text-align: left;
	}
}

@media (min-width:540px) {
	.vdr-section .first p,
	.vdr-section .second p {
		width: 60%;
	}
}

@media (min-width:800px) {
	.vdr-section .fourth p,
	.vdr-section .fourth ul {
		width: 60%;
	}
}

[class*="block-"] li {
	margin-bottom: 12px;
	list-style: disc;
	padding-left: 8px;
	margin-left: 18px;
}

.vdr-section .first h2 {
	color: #473267;
}

@media (min-width:540px) {
	.vdr-section .first {
		background-image: url("img/block-img-01b.png");
		background-position: center right;
		background-repeat: no-repeat;
		background-size: cover;
	}
}

@media (min-width:1020px) {
	.vdr-section .first {
		background-image: url("img/block-img-01.png");
		background-position: center right;
		background-repeat: no-repeat;
		background-size: cover;
	}
	
	.vdr-section .first h2 {
		color: #e6b84e;
	}
}

.vdr-section .second h2,
.vdr-section .fourth h2 {
	color: #473267;
}

@media (min-width:540px) {
	.vdr-section .second {
		background-image: url("img/block-img-02.png");
		background-position: center right;
		background-repeat: no-repeat;
		background-size: cover;
	}
	
	.vdr-section .second h2,
	.vdr-section .fourth h2 {
		color: #e6b84e;
	}
}

@media (min-width:1020px) {
	.vdr-section .first,
	.vdr-section .second {
		height: 220px;
	}		
}

@media (min-width:540px) {
	.vdr-section .fourth {
		background-image: url("img/block-img-04.png");
		background-position: center right;
		background-repeat: no-repeat;
		background-size: cover;
	}
}

/* =Process Section
--------------------------------------------------------------------------------------------------------*/

.process-section {
    padding-top: 40px;
	padding-bottom: 50px;
    background: #fff;
}

@media (min-width:990px) {	
	.process-section {
		padding-bottom: 100px;
	}
}

.process-section h4 {
	margin-bottom: 0px;
}

@media (min-width:990px) {	
	.process-section h4 {
		margin-left: -15px;
	}
}

.process-section .item {
	margin: 10px 0;
	position: relative;
	display: block;
	float: left;
	width: 100%;
	text-align: center;
}

.process-section h2 {
	padding-bottom: 15px;
}

.process-section p {
	line-height: 20px;
}

.process-section .item .number,
.process-section .item .body,
.process-section .item .img {
	float: left;
	clear: right;
}

.process-section .item .number {	
	color: #fff;
	text-align: center;
	font-size: 32px;
	font-family: 'Gotham Medium';
	
	background: rgba(86,68,122,1);
	background: -moz-linear-gradient(left, rgba(86,68,122,1) 0%, rgba(153,98,151,1) 100%);
	background: -webkit-gradient(left top, right top, color-stop(0%, rgba(86,68,122,1)), color-stop(100%, rgba(153,98,151,1)));
	background: -webkit-linear-gradient(left, rgba(86,68,122,1) 0%, rgba(153,98,151,1) 100%);
	background: -o-linear-gradient(left, rgba(86,68,122,1) 0%, rgba(153,98,151,1) 100%);
	background: -ms-linear-gradient(left, rgba(86,68,122,1) 0%, rgba(153,98,151,1) 100%);
	background: linear-gradient(to right, rgba(86,68,122,1) 0%, rgba(153,98,151,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#56447a', endColorstr='#996297', GradientType=1 );
	
	margin: 0 auto -20px;
	width: 70px;
	height: 70px;
	padding: 20px;
		
	border-radius: 100%;
	-o-border-radius: 100%;
	-ms-border-radius: 100%;
	-moz-border-radius: 100%;
	-webkit-border-radius: 100%;
	
	float: none;
	position: relative;
	z-index: 2;
}

.process-section .item.fifth .number:after {		
	background: none;
}

.process-section .item .body {	
	background: rgba(255,255,255,1);
	background: -moz-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(201,201,200,1) 100%);
	background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255,255,255,1)), color-stop(100%, rgba(201,201,200,1)));
	background: -webkit-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(201,201,200,1) 100%);
	background: -o-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(201,201,200,1) 100%);
	background: -ms-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(201,201,200,1) 100%);
	background: linear-gradient(to right, rgba(255,255,255,1) 0%, rgba(201,201,200,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#c9c9c8', GradientType=1 );	
	
	padding: 40px 15px 15px;
}

.process-section .item .img {
	background-repeat: no-repeat;
}

@media (min-width:540px) {	
	.process-section .item {
		text-align: left;
	}
	
	.process-section .item .number {
		width: 70px;
		height: 70px;
		padding: 20px;
		
		border-radius: 100%;
		-o-border-radius: 100%;
		-ms-border-radius: 100%;
		-moz-border-radius: 100%;
		-webkit-border-radius: 100%;
		
		position: absolute;	
		top: 50%;
		margin-top: -35px;
	}
	
	.process-section .item .number:after {		
		position: absolute;	
		top: 90px;
		left: 50%;
		margin-left: -3px;
		background: url("img/connect-gradient.png") no-repeat 0 0;
		height: 140px;
		width: 6px;
		content: '';
		z-index: 2;
	}	
	
	.pulse-rays  {
		border-radius: 100px;
		-o-border-radius: 100px;
		-ms-border-radius: 100px;
		-moz-border-radius: 100px;
		-webkit-border-radius: 100px;
		
		position: absolute;
		
		z-index: 10;
		background: transparent url("img/pulse.png") no-repeat center center;
		opacity: 0.1;
		
		border: 2px solid #996297;
		-webkit-border-radius: 100px;
		-moz-border-radius: 100px;
		-o-border-radius: 100px;
		-ms-border-radius: 100px;
		border-radius: 100px;
		/* Giving Animation Function */
		-webkit-animation: pulsecircle 2s linear infinite;
		-moz-animation: pulsecircle 2s linear infinite;
		border-image: initial;
		
		height: 120px;
		margin: -60px;
		right: 50%;
		top: 50%;
		width: 120px;
	}


	.process-section .item .body,
	.process-section .item .img {
		height: 100%;
	}
	
	.process-section .item .body {
		width: 100%;
		padding: 20px 20px 20px 120px;
	}
	
	.process-section .item .img {
		display: none;
	}
}

@media (min-width:980px) {	
	.process-section .item .number {
		width: 70px;
		height: 70px;
		padding: 20px;
		
		border-radius: 100%;
		-o-border-radius: 100%;
		-ms-border-radius: 100%;
		-moz-border-radius: 100%;
		-webkit-border-radius: 100%;
		
		position: absolute;	
		top: 50%;
		margin-top: -35px;		
	}
	
	.process-section .item .number:after {		
		position: absolute;	
		top: 90px;
		left: 50%;
		margin-left: -3px;
		background: url("img/connect.png") repeat-y 0 0;
		height: 140px;
		width: 6px;
		content: '';
		z-index: 2;
	}	
	
	.pulse-rays  {
		border-radius: 100px;
		-o-border-radius: 100px;
		-ms-border-radius: 100px;
		-moz-border-radius: 100px;
		-webkit-border-radius: 100px;
		
		position: absolute;
		
		z-index: 10;
		background: transparent url("img/pulse.png") no-repeat center center;
		opacity: 0.1;
		
		border: 2px solid #996297;
		-webkit-border-radius: 100px;
		-moz-border-radius: 100px;
		-o-border-radius: 100px;
		-ms-border-radius: 100px;
		border-radius: 100px;
		/* Giving Animation Function */
		-webkit-animation: pulsecircle 2s linear infinite;
		-moz-animation: pulsecircle 2s linear infinite;
		border-image: initial;
		
		height: 120px;
		margin: -60px;
		right: 50%;
		top: 50%;
		width: 120px;
	}

	.process-section .item .body,
	.process-section .item .img {
		height: 220px;
	}
	
	.process-section .item .body {
		width: 70%;
		padding: 20px 20px 20px 120px;
	}
	
	.process-section .item .img {
		width: 30%;
		background-size: cover;
		display: block;
	}
}

@media (min-width:1200px) {
	.process-section .item .number {		
		position: absolute;	
		top: 50%;
		margin-top: -35px;
	}
	
	.process-section .item .number:after {	
		top: 90px;
		background: url("img/connect.png") no-repeat 0 0;
		height: 70px;
	}

	.process-section .item .body,
	.process-section .item .img {
		height: 176px;
	}
	
	.process-section .item .body {
		width: 80%;
		padding: 20px 20px 20px 120px;
	}
	
	.process-section .item .img {
		width: 20%;
		background-size: contain;
	}
}

.process-section .item.first .img {
	background-image: url("img/steps-img-01.png");
	background-position: 0 0;		
}

.process-section .item.second .img {
	background-image: url("img/steps-img-02.png");
	background-position: 0 0;
}

.process-section .item.third .img {
	background-image: url("img/steps-img-03.png");
	background-position: 0 0;	
}

.process-section .item.fourth .img {
	background-image: url("img/steps-img-04.png");
	background-position: 0 0;	
}

.process-section .item.fifth .img {
	background-image: url("img/steps-img-05.png");
	background-position: 0 0;
}

/* =Team Section
--------------------------------------------------------------------------------------------------------*/

.team-section {
    padding-top: 50px;
    text-align: center;
    background: #fff;
}

@media (min-width:1024px) {
	.team-section {
		padding-top: 110px;
	}
}

.team-section h2 {
	margin-bottom: 15px;
}

.team-section p {
	text-align: center;
	line-height: 22px;
	margin-bottom: 15px;
}

.team-section img {
	width: 100%;
}

@media (min-width:540px) {
	.team-section h1 {
		margin-bottom: 20px !important;
	}
	
	.team-section h2 {
		margin-top: 15px;
		margin-bottom: 20px;
	}	
	.team-section p {
		text-align: left;		
	}
}

@media (min-width:540px) {	
	.team-section .btn {
		float: left;
		margin-left: 15px;
	}
}

@media (max-width:480px) {	
	.team-section .btn {
		font-size: 14px !important;
	}
}

/* =Services Section
--------------------------------------------------------------------------------------------------------*/

.services-section {
    padding-top: 100px;
	padding-bottom: 100px;
    text-align: center;
    background: #fff;
}

.services-section .box {
	width: 50%;
	padding: 2% 0;
	height: 46%;
	float: left;
	overflow: hidden;
	display: block;	
}

@media (min-width:480px) {
	.services-section .box {
		width: 33.3%;
		padding: 2% 0;
		height: 29.3%;
	}	
}

@media (min-width:767px) {
	.services-section .box {
		width: 20%;
		padding: 2% 0;
		height: 16%;
	}	
}

@media (min-width:800px) {
	.services-section .box {
		width: 14.2%;
		padding: 2% 0;
		height: 10.2%;
	}	
}

@media (min-width:480px) {
	.services-section .box:nth-child(even) {
		background: #fff;
	}
	
	.services-section .box:nth-child(odd) {
		background: #eee;
	}
}

.services-section .box img {
	margin: 0 auto;
	height: 80px;
	width: 80px;
}

@media (min-width:990px) {
	.services-section .box img {
		height: 100px;
		width: 100px;
	}
}

.services-section .box p {
	width: 100%;
	margin: 0;
	text-align: center;
	font-size: 10px;
	color: #2c2c2b;
	font-family: 'Gotham Book';
	text-transform: uppercase;
}

@media (min-width:800px) {
	.services-section .box p {
		font-size: 8px;
	}	
}

@media (min-width:900px) {
	.services-section .box p {
		font-size: 10px;
	}	
}

@media (min-width:1200px) {
	.services-section .box p {
		font-size: 12px;
	}	
}

/* =Gallery Section
--------------------------------------------------------------------------------------------------------*/

.gallery-section {
	padding-top: 50px;
	padding-bottom: 50px;
    text-align: center;
    background: rgba(71,50,103,1);
	background: -moz-linear-gradient(left, rgba(71,50,103,1) 0%, rgba(86,68,122,1) 25%, rgba(153,98,151,1) 100%);
	background: -webkit-gradient(left top, right top, color-stop(0%, rgba(71,50,103,1)), color-stop(25%, rgba(86,68,122,1)), color-stop(100%, rgba(153,98,151,1)));
	background: -webkit-linear-gradient(left, rgba(71,50,103,1) 0%, rgba(86,68,122,1) 25%, rgba(153,98,151,1) 100%);
	background: -o-linear-gradient(left, rgba(71,50,103,1) 0%, rgba(86,68,122,1) 25%, rgba(153,98,151,1) 100%);
	background: -ms-linear-gradient(left, rgba(71,50,103,1) 0%, rgba(86,68,122,1) 25%, rgba(153,98,151,1) 100%);
	background: linear-gradient(to right, rgba(71,50,103,1) 0%, rgba(86,68,122,1) 25%, rgba(153,98,151,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#473267', endColorstr='#996297', GradientType=1 );
	color: #fff;
}

.gallery-section .col-lg-12 {
	overflow: hidden;
}

.gallery-section h1 {
	margin-bottom: 0;
	width: 100%;
	font-size: 34px;
}

@media (min-width:767px) {
	.gallery-section h1 {
		float: left;
	}	
}

@media (min-width:840px) {
	.gallery-section h1 {
		margin-bottom: 30px;
		width: auto;
	}	
}

@media (min-width:990px) {
	.gallery-section h1 {
		font-size: 42px;
	}	
}

.gallery-section h3 {
	margin-bottom: -15px;
}

@media (min-width:767px) {
	.gallery-section h3 {
		float: left;
		width: 100%;
	}	
}

@media (min-width:840px) {
	.gallery-section h3 {
		margin-bottom: 0;
	}	
}

.gallery-section .all-galleries {
	color: #fff;
	text-transform: uppercase;
	text-decoration: underline;
	font-size: 18px;
}

@media (max-width:839px) {
	.gallery-section .all-galleries {
		float: left;
		margin-top: 15px;
		margin-bottom: 30px;
		width: 100%;
		font-size: 16px;
	}
}

@media (min-width:540px) and (max-width:800px) {
	.gallery-section .all-galleries {
		text-align: left;
	}
}

@media (min-width:840px) {
	.gallery-section .all-galleries {		
		margin-top: 15px;
		margin-bottom: 0;
		float: right;
	}	
}

.gallery-section .carousel {
	border: 8px solid #2c2c2b;
}

.gallery-section .carousel-control {
	opacity: 0;
}

.gallery-section .carousel-control .arrow-left, 
.gallery-section .carousel-control .arrow-right {
    display: inline-block;
    margin-top: -12px;
    position: absolute;
    top: 50%;
    z-index: 5;
}

@media (min-width:767px) {
	.gallery-section .carousel-control .arrow-left, 
	.gallery-section .carousel-control .arrow-right {
		margin-top: -29px;
	}	
}

.gallery-section .carousel-control:hover {
	opacity: 0.5;
}

.gallery-section .carousel-control .arrow-right {
    margin-right: -20px;
}

.arrow-right {
	background: url("img/right.png") no-repeat center center;
	background-size: 20px 28px;
	height: 28px;
	width: 20px;
	display: block;
}

@media (min-width:767px) {
	.arrow-right {
		background-size: 42px 58px;
		height: 58px;
		width: 42px;
	}	
}

.gallery-section .carousel-control .arrow-left {
    margin-left: -20px;
}

.arrow-left {
	background: url("img/left.png") no-repeat center center;
	background-size: 20px 28px;
	height: 28px;
	width: 20px;
	display: block;
}

@media (min-width:767px) {
	.arrow-left {
		background-size: 42px 58px;
		height: 58px;
		width: 42px;
	}	
	
	.gallery-section .carousel-control .arrow-left {
		margin-left: -42px;
	}
}

.aigpl-gallery-album {
	width: 33.3333333%;
	float: left;
}

.aigpl-img-link {
	display: block;
	height: 100%;
	width: 100%;
	opacity: 0.8;
}

.aigpl-img-link:hover {
	opacity: 1;
}

.aigpl-img-title {
	font-family: 'Gotham Medium';
	font-weight: normal !important;
}

.aigpl-img-count {
	font-size: 14px;
	color: #555;
	font-family: 'Gotham Light';
	font-style: normal;
}

.aigpl-breadcrumb-wrp {
    display: block;
    overflow: hidden;
    padding: 20px 0;
    width: 100%;
}	

/* =Quotes Section
--------------------------------------------------------------------------------------------------------*/

.quotes-section {
	padding-top: 50px;
	padding-bottom: 0px;
    text-align: center;
    background: #fff;
	color: #757373;
}

.quotes-section .q-a {
	background: url("img/quote-arrow.png") no-repeat left bottom;
}

.quotes-section h1 {
	font-family: 'Gotham Medium';
	margin-bottom: 10px;
}

.quotes-section h2 {
	font-family: 'Gotham Book';
}

.quotes-section .quotes {
	background: #ebeced;
	padding: 50px 0;
	overflow: hidden;
	width: 100%;
}

.quotes-section .quotes p {
	font-size: 16px;
	text-align: center;
	line-height: 20px;
	margin-bottom: 20px;
	font-family: 'Gotham Light';
}

@media (min-width:540px){
	.quotes-section .quotes p {
		text-align: left;
		margin-right: 45px;
		margin-bottom: 10px;
	}
}

.quotes-section .quotes p.sign {
	font-family: 'Gotham Medium';
}

.quotes-section .socialbuttons-social {
	display: none;
}

/* =News Section
--------------------------------------------------------------------------------------------------------*/

.news-page {
	background: #dbdcdd;
}

.news-section {
	padding-top: 50px;
	padding-bottom: 100px;
    text-align: center;
    background: #ebeced;
	color: #473267;
	border-bottom: 4px solid #56447a;
}

@media (min-width:1024px) {
	.news-section {
		padding-top: 110px;
	}
}


.news-section h1 {
	margin-bottom: 10px;
}

.news-section h5 {
	font-size: 15px;	
}

@media (min-width:540px){
	.news-section h5 {
		font-size: 18px;
	}
}

.news .new {
	padding: 10px;
}

.news .new .new-box {
	padding: 10px;
	background: #fff;
	border: 1px solid #c9c9c8;
}

.news .new img {
	width: 100%;
	height: auto;
	margin-bottom: 15px;
}

.news .new h5 {
	font-family: 'Gotham Medium';
	color: #473267;
	margin: 5px 10px 10px;
}

.news .new p {
	color: #2c2c2b;
	margin: 5px 10px 10px;
	font-size: 14px;
	line-height: 18px;
	font-family: 'Gotham Light';
}

@media (min-width:540px){
	.news .new p {
		text-align: left;
	}
}

.news .new hr {
	margin-left: 10px;
	border-color: #757373;
}

.new-meta {
	font-size: 12px;
	color: #757373;
}

/* carousel */

.carousel-inner.onebyone-carosel { margin: auto; width: 90%; }
.onebyone-carosel .active.left { left: -33.33%; }
.onebyone-carosel .active.right { left: 33.33%; }
.onebyone-carosel .next { left: 33.33%; }
.onebyone-carosel .prev { left: -33.33%; }

.news-section .carousel-control {
	width: 10%;
}

.news-section .carousel-control.left,
.news-section .carousel-control.right {
	background-image: none;
}

.news-section .carousel-control .arrow-left, 
.news-section .carousel-control .arrow-right {
    display: inline-block;
    margin-top: -12px;
    position: absolute;
    top: 50%;
    z-index: 5;
}

@media (min-width:767px) {
	.news-section .carousel-control .arrow-left, 
	.news-section .carousel-control .arrow-right {
		margin-top: -29px;
	}	
}

.news-section .carousel-control:hover {
	opacity: 0.5;
}

.news-section .carousel-control .arrow-right {
    margin-right: -20px;
}

.news-section .arrow-right {
	background: url("img/right-dark.png") no-repeat center center;
}

@media (min-width:767px) {
	.news-section .arrow-right {
		background-size: 42px 58px;
		height: 58px;
		width: 42px;
	}	
}

.news-section .carousel-control .arrow-left {
    margin-left: -20px;
}

.news-section .arrow-left {
	background: url("img/left-dark.png") no-repeat center center;
}

@media (min-width:767px) {	
	.news-section .carousel-control .arrow-left {
		margin-left: -42px;
	}
}


/* =FAQ's Section
--------------------------------------------------------------------------------------------------------*/

.faqs-section {
	padding-top: 20px;
	padding-bottom: 20px;
    text-align: center;
    background: #e6b84e;
	color: #56447a;
}

.faqs-section i {
	background: url("img/ico-question.png") no-repeat center center;
	width: 52px;
	height: 52px;
	display: block;
	margin: 0 auto;
}

@media (min-width:980px){
	.faqs-section i {
		float: left;
		margin: 0 25px 0 0;
	}
}

.faqs-section p.title {
	font-family: 'Gotham Medium';
	font-size: 35px;
	text-transform: uppercase;
	margin-top: 10px;
}

@media (min-width:980px){
	.faqs-section p.title {
		float: left;
		margin-top: 8px;		
	}
}

.faqs-section a {
	font-size: 12px;
	margin-top: 20px;
	padding: 10px 15px;
}

@media (min-width:480px){
	.faqs-section a {
		font-size: 14px;
		padding: 10px 30px;
	}
}

@media (min-width:980px){
	.faqs-section a {
		float: right;
		font-size: 18px;	
		margin-top: 0;
	}
}

/* =Contact Section
--------------------------------------------------------------------------------------------------------*/

.contact-section {
    padding-top: 50px;
	padding-bottom: 100px;
    text-align: center;
    background: #56447a;
	color: #fff;
}

@media (min-width:480px){
	.contact-section {
		background: #56447a url("img/contact-img.png") no-repeat top center;
	}
}

@media (min-width:1024px) {
	.contact-section {
		padding-top: 110px;
	}
}

.contact-section .contact-form {
	 font-size: 150%;
	 overflow: hidden;
	 margin-bottom: 50px;
}

@media (min-width:990px){
	.contact-section .contact-form {
		 margin-bottom: 0px;
	}
}

.contact-section .contact-form input.btn {
	padding: 10px 50px;
	margin-top: 20px;
	width: 100%;
	float: left;
}

@media (min-width:540px){
	.contact-section .contact-form input.btn {
		width: calc(100% - 10em);
	}
}

@media (min-width:767px){
	.contact-section .contact-form input.btn {
		width: calc(100% - 30em);
	}
}

@media (min-width:990px){
	.contact-section .contact-form input.btn {
		width: auto;
	}
}

.contact-section h3 {
	margin-bottom: 20px;
}

.contact-section p,
.contact-section a {
	text-align: center;
	line-height: 20px; 
	font-size: 20px;
	font-family: 'Gotham Light';
	color: #dee972;
	margin-bottom: 20px;
	float: left;
	width: 100%;
}

@media (min-width:540px){
	.contact-section p,
	.contact-section a {
		text-align: left;
	}
}

.contact-section a:focus,
.contact-section a:hover {
	color: #fff;
}

.contact-section p span {
	font-family: 'Gotham Book';
}

.contact-section a.phone {
	font-family: 'Gotham Medium';
}

.contact-section form {
	overflow: hidden;
}

.contact-section .input {
	position: relative;
}

.contact-section .map {
	background: #443267 url("img/yellow-triangle-detail.png") no-repeat top left;
	border: 2px solid #443267;
	color: #fff;
	font-family: 'Gotham Book Italic';
	font-size: 17px;
	overflow: hidden;
	margin: 30px 0 0;
	float: left;
	width: 100%;
	text-align: center;
}

@media (min-width:540px){
	.contact-section .map {
		text-align: left;
	}
}

.contact-section .map ul {
	padding: 15px;
}

.contact-section .map ul li {
	margin-bottom: 10px;
	padding-left: 30px;
	background: url("img/tick.png") no-repeat left top;
	text-align: left;
}

@media (min-width:440px){
	.contact-section .map ul li {
		background: url("img/tick.png") no-repeat left center;
	}
}

.contact-section .map ul li:last-child {
	margin-bottom: 0px;
}

.contact-section .map iframe,
.contact-section #map {
	width: 100%;
	height: 220px;
}

/* =Back to top
--------------------------------------------------------------------------------------------------------*/

#back-to-top {
	bottom: 20px;
    position: fixed;
    right: 20px;
    z-index: 10;
}

/* =Inner page
--------------------------------------------------------------------------------------------------------*/

.inner-page section {
	padding-top: 30px;
	/*height: calc(100% - 30px);*/
}

@media (min-width:540px){
	.inner-page section {
		padding-top: 50px;
	}
}

@media (min-width:767px){
	.inner-page section {
		padding-top: 150px;
		padding-bottom: 80px;
	}
}

@media (min-width:990px){
	.inner-page section {
		min-height: 780px;
	}
}

/* =FAQ's
--------------------------------------------------------------------------------------------------------*/

.panel-default > .panel-heading {
    background-color: #ebeced;
    border-color: #757373;
    color: #56447a;
}

.panel-default {
	margin-bottom: 15px !important;
}

.panel-default:first-child {
	margin-top: 0px;
}

.panel-default > .panel-heading:hover {
    background-color: #fff;
}

.panel-title > a {
	display: block;
	padding: 10px;
	color: #56447a;
	font-family: 'Gotham Medium';
}

.panel-title > a:focus,
.panel-title > a:hover {
	text-decoration: none;
	color: #473267;
}

.panel-default .panel-body {
	font-size: 16px;
	line-height: 20px;
	font-family: 'Gotham Light';
}

.panel-default .panel-body .socialbuttons-social {
	display: none;
}

/* =CV
--------------------------------------------------------------------------------------------------------*/

.inner-page.cv,
.inner-page.page-template-tpl-cv {
	background: #473267;
	color: #fff;
}

.inner-page.cv h1,
.inner-page.page-template-tpl-cv h1 {
	margin-bottom: 10px;
}

.cv .cv-form,
.page-template-tpl-cv .cv-form {
	 font-size: 150%;
	 overflow: hidden;
	 margin-bottom: 50px;
}

.inner-page.cv form,
.inner-page.page-template-tpl-cv form {
	margin-top: 20px;
	overflow: hidden;
	margin-bottom: 150px;
}

.cv-form .input,
.cv-form .input-file {
	width: 100%;
	position: relative;
}

@media (min-width:767px){
	.cv-form .input,
	.cv-form .input-file {
		max-width: 800px;
		width: 48%;
		margin-right: 2%;
	}
}

.page-template-tpl-cv input[type="file"] {
    margin-top: 0.6em;
}

.input-file label span {
	font-family: "Gotham Book",Arial;
    font-size: 18px;
}

.input-file .input-field {
	width: 100%;
	background: #56447a;
	font-size: 16px;
}

/* =Single
--------------------------------------------------------------------------------------------------------*/
.single {
	margin: 0 0 25px;
}

.single .new-meta {
	margin-top: 15px;
	margin-bottom: 5px;
	text-align: center;
}

@media (min-width:540px){
	.single .new-meta {
		text-align: left;
	}
}

.single hr {
	float: none;
	margin-bottom: 20px;
    margin-top: 20px;
}

.single .entry-content {
	overflow: hidden;
	margin-top: 25px;	
	padding: 0 !important;
}

@media (min-width:990px){
	.single .entry-content {
		margin-right: 50px;	
	}
}

.single .entry-content p {
	font-family: 'Gotham Light';
	line-height: 25px;
	margin-bottom: 20px;
}

.single .entry-content img {
	margin-bottom: 25px;
}

/* =Page
--------------------------------------------------------------------------------------------------------*/
.body .entry-content {
	padding: 0 15px;
}

/* =Customer Area
--------------------------------------------------------------------------------------------------------*/
.customer-area.customer-area-active .container {
	max-width: 990px;
}

.customer-area.customer-area-active section {
}

.customer-area .socialbuttons-social,
.customer-area .panel-heading .widget-menu,
.customer-area .sidebar,
.customer-area .cuar-single-post-header {
	display: none;
}

.customer-area .cuar-content-container {
	border: none !important;
}

.customer-area .cuar-toolbar {
	display: none;
}

.customer-area .cuar-page-content-main {
	padding: 0 !important;
}

.customer-area .entry-content,
.customer-area .cuar-content-container,
.customer-area .cuar-css-wrapper {
	padding: 0 !important;
}

.customer-area .cuar-page-customer-dashboard {
	padding: 15px !important;
	/*max-width: 800px !important;*/
}

.customer-area .cuar-single-entry {
	font-family: "Gotham Light" !important;
    line-height: 25px !important;
	color: #2c2c2b !important;
    font-size: 16px !important;
    border: 0 none !important;
    padding: 0 !important;
}

.customer-area .cuar-caption,
.customer-area .cuar-size,
.customer-area .cuar-title {
	font-family: "Gotham Book" !important;
}

.customer-area-active .cuar-css-wrapper .label-default,
.customer-area .cuar-file-count {
	font-family: "Gotham Light" !important;
}

.customer-area .panel-title {
	font-family: "Gotham Medium" !important;
	font-weight: 400 !important;
}

.customer-area .panel-heading {
	border-radius: 4px 4px 0 0 !important;
}

.customer-area .panel-body {
	border-radius: 0 0 4px 4px !important;
}

.customer-area-active .cuar-css-wrapper .label-default {
	color: #c9c9c8 !important;
}

a.logout {
	background: #ebeced none repeat scroll 0 0;
    border-radius: 25px;
    color: #56447a;
    margin-top: -17px;
    padding: 5px 15px;
    position: absolute;
    right: 15px;
    top: 50%;
}

a.logout:hover {
	background: #deea73;
	text-decoration: none;
}

/* =Sidebar
--------------------------------------------------------------------------------------------------------*/
.sidebar {
	height: 100%;	
	margin-top: 15px;
	padding: 0;
}

.sidebar h5 {
	list-style: none;	
	background: #56447a;
	color: #fff;
	margin: -15px -15px 15px;
	padding: 15px;
	border-bottom: 3px solid #e6b84e;
}

.sidebar ul {
	margin-bottom: 25px;
	background: #ebeced;
	padding: 0 15px 15px;
}

.sidebar li {
	list-style-type: circle;
	margin-bottom: 20px;
	margin-left: 15px;
}

.sidebar li:last-child {
	margin-bottom: 10px;
}

/* Disable WhatsApp button on Desktop - Tutorial link: http://socialbuttons.me/1VIxAsz */
@media screen and (min-width: 1024px) {
    .socialbuttons-whatsapp {
		display: none !important;
    }
}
 
.socialbuttons-link {
    padding: 6px !important;
    color: white;
    font-size: 12px;
    border-radius: 2px;
    margin-right: 10px;
    cursor: pointer;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    box-shadow: inset 0 -3px 0 rgba(0,0,0,.2);
    -moz-box-shadow: inset 0 -3px 0 rgba(0,0,0,.2);
    -webkit-box-shadow: inset 0 -3px 0 rgba(0,0,0,.2);
    margin-top: 2px;
    display: inline-block;
    text-decoration: none;
}

.socialbuttons-link:hover,
.socialbuttons-link:active {
    color: white;
}

.socialbuttons-link i {
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 30px 30px;
	width: 30px;
	height: 30px;
	display: block;
}
 
.socialbuttons-twitter {
    background: #00aced;
}

.socialbuttons-twitter:hover,
.socialbuttons-twitter:active {
    background: #0084b4;
}

.socialbuttons-twitter i {
    background-image:url("svg/twitter.svg");
}
 
.socialbuttons-facebook {
    background: #3B5997;
}

.socialbuttons-facebook:hover,
.socialbuttons-facebook:active {
    background: #2d4372;
}

.socialbuttons-facebook i {
    background-image:url("svg/facebook.svg");
}
 
.socialbuttons-linkedin {
    background: #0074A1;
}
 
.socialbuttons-linkedin:hover,
.socialbuttons-linkedin:active {
    background: #006288;
}

.socialbuttons-linkedin i {
    background-image:url("svg/linkedin.svg");
}
 
.socialbuttons-whatsapp {
    background: #43d854;
}
 
.socialbuttons-whatsapp:hover,
.socialbuttons-whatsapp:active {
    background: #009688;
}
 
.socialbuttons-whatsapp i {
    background-image:url("svg/whatsapp.svg");
} 
 
.socialbuttons-social {
    margin: 30px 0px 25px 0px;
	padding-top: 30px;
	border-top: 1px solid #c9c9c8;
    -webkit-font-smoothing: antialiased;
    font-size: 12px;
}

.entry-content .socialbuttons-social {
	overflow: hidden;
	float: left;
	width: 100%;
}

.page-template-tpl-cv .socialbuttons-social {
	border-top: 1px solid #996297;
}

/* =Img
--------------------------------------------------------------------------------------------------------*/
.size-full {
	width: 100%;
	height: auto;
}

/* =Footer
--------------------------------------------------------------------------------------------------------*/

footer {
	padding: 10px 0;
	background: #443267;
	border-top: 3px solid #e6b84e;
	color: #fff;
	font-size: 12px;
	text-align: center;
}

@media (min-width:990px){
	footer {
		font-size: 14px;
		text-align: left;
		padding: 15px 0;
	}
}

footer .row {
	margin: 0;
}

/*--------------------------------------------------------------------------------------------------------
  =TEMPORALES
--------------------------------------------------------------------------------------------------------*/