/* GENERAL CSS  ------------------------------------------------> */

/*@import url("hover-min.css");*/
@import url("animate.css");
@import url("bootsnav.css");
@import url("style.css");



/* Helpers */
.t-justify{ text-align:justify!important;}
.relative{position:relative;}
.fleft{float:left;}
.fright{float:right;}
.aright{text-align:right;}
.aleft{text-align:left;}
.center{text-align:center;}
.clear{width:100%; clear:both;}
.w100{width:100%!important; max-width:100%!important;}
.h100{height:100%;}
.w130{width:130%!important; max-width:130%!important;}
.fullwh{width:100%; height:100%;}
.mar5{margin:5px!important;}
.relative{position:relative!important;}
.absolute{position: absolute;}
.no-pad{ padding:0px!important;}
.width20{width: 20%;}
.t-shadow{
	text-shadow: 0px 5px 10px rgba(33,33,3,0.3);
}
.b-shadow{
	box-shadow: 0px 5px 10px rgba(33,33,3,0.3);
}

.w100p{width:100px;}

/* Margins */
.marright10{margin-right: 10px;}


.bigger20{
	font-size:150%;
}

.martop0{margin-top:0px;}
.martop5{margin-top:5px;}
.martop10{margin-top:10px;}
.martop15{margin-top:15px;}
.martop18{margin-top:18px;}
.martop20{margin-top:20px;}

.martop25{margin-top:25px;}
.martop30{margin-top:30px!important;}
.martop50{margin-top:50px!important;}
.martop100{margin-top:100px;}
.martopnone{margin-top:0!important;}


.marbot10{margin-bottom:10px;}
.marbot15{margin-bottom:15px;}
.marbot20{margin-bottom:20px;}
.marbot30{margin-bottom:30px;}
.marbot50{margin-bottom:50px!important;}
.marbot100{margin-bottom:100px;}

.margin-left{margin-left: 20%;}

.marleftriht100{margin-left: 100px; margin-right: 100px;}
.marle15{
	margin-left:15px;
}

/* Paddings */
.pad0{padding:0px !important;}
.padtop8{padding:8px;}
.pad5{padding:5px;}
.pad10{padding:10px!important;}
.pad15{padding:15px;}
.pad30{padding:30px;}
.pad50{padding:50px;}
.pad100{padding:100px;}

.padtop10{padding-top:10px;}
.padtop30{padding-top:30px;}
.padtop45{padding-top:45px;}
.padtop50{padding-top:50px!important;}
.padtop100{padding-top:100px;}
.padtop250{padding-top:250px!important;}
.padtop0{padding-top:0px!important;}

.padbot10{padding-bottom:10px;}
.padbot30{padding-bottom:30px;}
.padbot50{padding-bottom:50px;}
.padbot100{padding-bottom:100px;}
.padbot250{padding-bottom:250px!important;}

.padri30{padding-right:30px;}
.padri50{padding-right:50px;}

.padle10{padding-left:10px!important}
.padle30{padding-left:30px!important}
.padle50{padding-left:50px;}

.padtopbot50{padding: 50px 0px;}
.padtopbot100{padding: 100px 0px;}
.padtopbot200{padding: 200px 0px;}
.padtopbot350{padding: 350px 0px;}


/* Functional */
.grayish{font-size:12px; color:gray;}

/* - linkify */
.linkify{color:inherit; cursor:pointer;}
.linkify:hover{text-decoration:underline;}

/* - Hoverfy */
.hoverfy{opacity:0.7; cursor:pointer;}
.hoverfy:hover{opacity:1;}

/* - Grayscalefy */
.grayscalefy{-webkit-filter:grayscale(1); filter:grayscale(1); transition: all .3s ease-in-out;}
.grayscalefy:hover{-webkit-filter:grayscale(0); filter:grayscale(0);}
.grayscalefy-h{transition: all .3s ease-in-out;}
.grayscalefy-h:hover{-webkit-filter:grayscale(1); filter:grayscale(1);}

/* - Sepiafy */
.sepiafy{-webkit-filter:sepia(1); filter:sepia(1);}
.sepiafy-h{transition: all .3s ease-in-out;}
.sepiafy-h:hover{-webkit-filter:sepia(1); filter:sepia(1);}

/* - Blurify */
.blurify{-webkit-filter:blur(3px); filter:blur(3px); }
.blurify-h{transition: all .3s ease;}
.blurify-h:hover{-webkit-filter:blur(3px); filter:blur(3px);}

/* - Growify */
.growify {transform:scale(1.1);}
.growify-h{transition: all .2s ease-in-out;}
.growify-h:hover{transform:scale(1.1);}

/* Font sizes */
.f12{font-size:12px!important;}
.f14{font-size:14px!important;}
.f16{font-size:16px!important;}
.f18{font-size:18px!important;}
.f20{font-size:20px!important;}
.f22{font-size:22px!important;}
.f24{font-size:24px!important;}
.f26{font-size:26px!important;}
.f28{font-size:28px!important;}
.f30{font-size:30px!important;}
.f36{font-size:36px!important;}
.f40{font-size:40px!important;}
.f60{font-size:60px!important;}
.f80{font-size:80px!important;}
.f120{font-size:120px!important;}
.f160{font-size:160px!important;}

/* GENERAL ------------------------------------------------> */

.grayish{ font-size:12px; color:gray; margin-top:10px; }
.linkify{ color:inherit; cursor:pointer; }
.linkify:hover{ text-decoration:underline; }
.hoverfy{ opacity:0.7; cursor:pointer; }
.hoverfy:hover{ opacity:1; }
.fright{ float:right; }
.relative{ position:relative; }
.fleft{ float:left; }
.aright{ text-align:right; }
.aleft{ text-align:left; }
.center{ text-align:center; }
.clear{ width:100%; clear:both; }
.pad10{ padding:10px; }


.nomar{ margin:0!important;}
.f12{ font-size:12px;}
.f18{font-size:18px !important;}
.mt4{margin-top: 4px;}
.nopad{padding:0!important;}
.shortpad{padding-left:5px; padding-right:5px;}
.fullwh{ width:100%; height:100%;}
.fullwidth{width: 100%;}
.h100{height:100%!important;}
.bgwhite{background:white;}
.bordradi0{border-radius: 0px;}


.padding{
	padding-top: 50px;
	padding-bottom: 50px;
}

@font-face{
	font-family: lato-light;
	src:url(fonts/lato/Lato-Light.ttf);
}
@font-face{
	font-family: lato-regular;
	src: url(fonts/lato/Lato-Regular.ttf);
}

@font-face{
	font-family: lato-bold;
	src: url(fonts/lato/Lato-Bold.ttf);
}

@font-face{
	font-family: lato-bold-italic;
	src: url(fonts/lato/Lato-BoldItalic.ttf);
}

.btn, .btn-md, .btn-lg{
	border-radius: 50px !important;
}

html, body{
	padding: 0px;
	margin: 0px;
	font-family: lato-light;
}

h2,h3,h4,h5,h6{
	color: #056ab2;
	text-transform: uppercase;
}


h1{
	color: #056ab2;
	text-transform: uppercase;
	font-size: 40px;
}


p{
	font-family: lato-regular;
	font-size: 18px;
}

input, select, textarea{
	border-radius: 25px !important;
	min-height:  40px;
}
label.error{
	font-style:italic; color:red;
}
.content{
    padding:50px 0;
}

.textbold{
	font-family: lato-bold !important;
}




.mybtn-blue{
	border: solid 1px #056ab2;
	background: #056ab2;
	color: white;
	min-width: 150px;
	min-height: 40px;
	transition: background-color 0.5s ease;
}
.mybtn-blue:hover{
	border: solid 1px #056ab2;
	background: none;
	color: #056ab2;
	font-weight: bold;
}
.mybtn-marketing, .mybtn-design, .mybtn-development, .mybtn-research, .mybtn-consultation, .mybtn-programming{
	border: solid 1px #EC0B1D;
	background: #EC0B1D;
	color: white;
	min-width: 150px;
	min-height: 40px;
	transition: background-color 0.5s ease;
}
.mybtn-marketing:hover, .mybtn-design:hover, .mybtn-development:hover, .mybtn-research:hover, .mybtn-consultation:hover, .mybtn-programming:hover{
	border: solid 1px #EC0B1D;
	background: none;
	color: #EC0B1D;
	font-weight: bold;
}
.mybtn-design{
	border: solid 1px #ea6f02;
	background: #ea6f02;
}
.mybtn-design:hover{
	border: solid 1px #ea6f02;
	color: #ea6f02;
}

.mybtn-development{
	border: solid 1px #dbcc04;
	background: #dbcc04;
}
.mybtn-development:hover{
	border: solid 1px #dbcc04;
	color: #dbcc04;
}


.mybtn-research{
	border: solid 1px #02d1ea;
	background: #02d1ea;
}
.mybtn-research:hover{
	border: solid 1px #02d1ea;
	color: #02d1ea;
}


.mybtn-consultation{
	border: solid 1px #00b824;
	background: #00b824;
}
.mybtn-consultation:hover{
	border: solid 1px #00b824;
	color: #00b824;
}

.mybtn-programming{
	border: solid 1px #bc02ea;
	background: #bc02ea;
}
.mybtn-programming:hover{
	border: solid 1px #bc02ea;
	color: #bc02ea;
}



.btn-default:focus, .btn-default.focus{
	color: none;
	background-color: transparent;
	border-color: none;
}

.mybtn-white,.mybtn-white:hover,.mybtn-white:active{
	border: solid 1px white!important;
	background: transparent!important;
	color: white!important;
	font-weight:100!important;
}

.btn-default.disabled, .btn-default.disabled.active, .btn-default.disabled.focus, .btn-default.disabled:active, .btn-default.disabled:focus, .btn-default.disabled:hover, .btn-default[disabled], .btn-default[disabled].active, .btn-default[disabled].focus, .btn-default[disabled]:active, .btn-default[disabled]:focus, .btn-default[disabled]:hover, fieldset[disabled] .btn-default, fieldset[disabled] .btn-default.active, fieldset[disabled] .btn-default.focus, fieldset[disabled] .btn-default:active, fieldset[disabled] .btn-default:focus, fieldset[disabled] .btn-default:hover{
	color:inherit;
}


.download-modal .download-btn .btn img{
	height:24px; vertical-align: top;
}

.business-form{
	display:none;
}
h2 span, h3 span, h1 span, h4 span{
	font-family: lato-bold !important;
}
footer .lang-img{
    margin:5px;
}

.progress1{
	position:relative;
}
.progress1 .progress-label-left{
	position:absolute; left:7px; top:4px; color:white;
}
.progress1 .progress-label-right{
	position:absolute; right:7px; top:4px; color:white;
}
.progress1{
	background:#4a4a4a;
}
.progress1 .ui-progressbar-value{
	background:#00b824!important;
	margin:0;
}
.progress1 .ui-widget-header{
	border:none!important;
}


.progress2{
	position:relative;
}
.progress2 .progress-label-left{
	position:absolute; left:7px; top:4px; color:white;
}
.progress2 .progress-label-right{
	position:absolute; right:7px; top:4px; color:white;
}
.progress2{
	background:#4a4a4a;
}

.progress2 .ui-progressbar-value{
	background:#00b824!important;
	margin:0;
}
.progress2 .ui-widget-header{
	border:none!important;
}
.graybg{
	background:#fafafa;
}



@media (min-width: 1024px){
	nav.navbar.bootsnav li.dropdown ul.dropdown-menu {
		border: none!important; padding:1px;
	}
}
.dropdown li.marketing{
	border-left:5px solid #EC0B1D!important;
}
.dropdown li.development{
	border-left:5px solid #dbcc04!important;
}
.dropdown li.design{
	border-left:5px solid #ea6f02!important;
}
.dropdown li.consultation{
	border-left:5px solid #00b824!important;
}
.dropdown li.research{
	border-left:5px solid #02d1ea!important;
}
.dropdown li.programming{
	border-left:5px solid #bc02ea;
}


.label-success{
	background:#00b824;
}
.label-black{
	background:#4a4a4a;
}

.cms_logo{
	max-width:100px;
}
.cms_logo_big{
	max-width:150px;
}

.pretty.p-default a{
	position: relative!important;
	z-index: 999;
}