/*
Theme Name: XSTREAM
Theme URI: http://www.codexcoder.com
Description: XSTREAM is fully responsive site template.
Version: 1.0
Author: CodexCoder
Author URI: http://www.codexcoder.com/
Tags: Portfolio, Photography, responsive, multi-purpose
*/

/* Table of contents
---------------------------------------------------------------------- /
*
*  1 - Import Google Font
*  2 - Global Styles
*    2.1 - Animations 
*  3 - Colors Variations
*    3.1 - Text Colors
*    3.2 - Text Hover Link Colors
*    3.3 - Background Colors
*    3.4 - Box Content Background
*    3.5 - Background Colors with transparency
*    3.6 - Pop-up Border Color
*  4 - Elements
*	 4.1 - External Link Icon
*	 4.2 - Bootstrap Buttons Override
*	 4.3 - Green Button Styles
*	 4.4 - Buttons Color
*	 4.5 - Boxes
*	 4.6 - Section Boxes
*	 	4.6.1 - Section Details Box
*	 	4.6.2 - Normal Boxes With Overlay Content
*			4.6.2.1 - Item Overlay Content
*			4.6.2.2 - Visible Content
*			4.6.2.3 - Box Content
*	 4.7 - Social Counter Boxes
*		 4.7.1 - Long Shadow For Social Icon
*		 4.7.2 - Social Box Background Colors
*	 4.8 - Social Box in In line
*	 4.9 - If above has boxes menus
*	 4.10 - Site Text Logo
*	 4.11 - Navigation Menus
*	 4.12 - Social Profiles Icons
*		 4.12.1 - Social Profiles Hover Links
*	 4.13 - Skills Circles
*	 4.14 - Skills Progress Bar
*	 4.15 - Team Members
*	 	4.15.1 - Member Info
*	 4.16 - Member Social Profiles
*	 	4.16.1 - Member Profile Icons On Hover
*	 4.17 - Testimonials Carousel
*	 4.18 - Testimonial
*		 4.18.1 - Testimonial Carousel Control
*	 4.19 - Pop-up Modal style
*  5 - Effects and Styles
*	 5.1 - Box Line Effects Left (Default)
*	 5.2 - Box Line Effects Right
*  6 - Welcome Section
*	 6.1 - Site Title
*	  6.2 - Boxed Menu
*		 6.2.1 - Right Floated Image
*	 6.3 - Animate Image Flip
*  7 - Site Navigation
*	 7.1 - Default Navigation
*	 7.2 - Bullet Navigation
*	 7.3 - Static Navigation
*	 7.4 - Social Icons
*	 7.5 - Static Icon Menus
*  8 - About Section
*  9 - Service Section
*	 9.1 - Our Team On Hover
*  10 - Works Section
*	 10.1 - Project Item
*	 10.2 - Project info
*	 10.3 - Load More Big Button
*	 10.4 - Project Pop-up
*  11 - Clients Section
*	 11.1 - Testimonials
*  12 - Blog Section 
*	 12.1 - Post Title Icons
*	 12.2 - Blog Excerpt and Link
*	 12.3 - Blog Post Styles
*	 12.4 - Blog Pop-up
*  13 - Contact Section
*	 13.1 - Contact Form
*	 13.2 - Contact Address
*		 13.2.1 - Phone Number and email
*	 13.3 - Google Map
*  14 - Footer Section
*	 14.1 - Footer Widgets
*	 14.2 - Twitter Widget
*	 14.4 - Dribbble Widget
*	 14.5 - Newsletter Widget
*	 14.6 - Footer and Copyright
*  15 - Dark Styles
*	 15.1 - Gray BGs
*  16 - Responsive Layout
*	 16.1 - Mini devices (Mobiles Land, 767px and min)
*		 16.1.1 - Effects Styles
*		 16.1.2 - Navigation
*	 16.2 - Small devices (Mobile Pro, 768px and up)
*		 16.2.1 - Contact Form
*	 16.3 - Small devices (Mobile Pro, 360px and up)
*	 16.4 - Small devices (tablets, 768px and up)
*		 16.4.1 - Effects Styles
*	 16.5 - Medium devices (desktops, 992px and up)
*		 16.5.1 - Effects Styles
*	 16.6 - Large devices (large desktops, 1200px and up)
*		 16.6.1 - Line Effects
*	 16.7 - Landscape Tablet and desktop machine 
*
---------------------------------------------------------------------- */



/* 1 - Import Google Font */

@import url(http://fonts.googleapis.com/css?family=Alegreya+Sans:100,300,400,100italic,300italic,400italic|Exo+2:400,100,100italic,200,200italic,400italic,700,700italic);

/*=====================================
=            2 - Global Styles        =
=====================================*/

body {
	background-color: #2a6496;
	font-size: 16px;
	line-height: 28px;
	font-weight: 400;
	font-family: 'Alegreya Sans', sans-serif;
}

a:hover {
	text-decoration: none !important;
}

a:focus {
	text-decoration:none !important;
	color:#fff !important;
}

/* Default Container Size */
@media (min-width: 1200px) {
	.container {
		width:1200px;
	}
}

@font-face {
	font-family: square_721;
	src: url("/assets/fonts/square721_bt.ttf");
	}

/* Margin and Padding class */
.section-margin {
	margin-top: 80px;
}
.section-padding {
	padding-top: 80px;
}
.section-padding-100 {
	padding-top: 80px;
}

.section-margin-bottom {
	margin-bottom: 80px;
}
.firstsection {
	margin-bottom: 68px;
}

/* Typo Tweak */
.uppercase-text,
.uppercase-text a,
.uppercase-text button {
	text-transform: uppercase;
}

/* Forms */
input, textarea {
	border:1px solid #d9d9d9;
	padding: 5px 15px;
	margin: 7px 0px;
}
input:focus, textarea:focus {
	outline:none;
	background: #F5F5F5;
	border-color:#F5F5F5;
}

/* Reset Boostrap */
.navbar {
	min-height: 0;
	margin: 0;
	padding: 0;
}

/*========================================
=            2.1 - Animations            =
========================================*/


a, input, button, button:after, .contact-form, .overlay-content,
.visible-content, .box-content {
	-webkit-transition: .3s;
	-moz-transition: .3s;
	-ms-transition: .3s;
	-o-transition: .3s;
	transition: .3s;
}

 .overlay-content {
 	-webkit-animation-duration: .2s;
 	animation-duration: .2s;
 	-webkit-animation-fill-mode: both;
 	animation-fill-mode: both;
 	-webkit-animation-name: fadeInDown;
 	animation-name: fadeInDown;
 }

/* Fade in down */
@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

/* BounceIn */

@-webkit-keyframes bounceIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(.3);
    transform: scale(.3);
  }

  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes bounceIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(.3);
    -ms-transform: scale(.3);
    transform: scale(.3);
  }


  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}

/* BouncOut */
@-webkit-keyframes bounceOut {
  0% {
    opacity: 0;
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  100% {
    opacity: 1;
    -webkit-transform: scale(0);
    transform: scale(0);
  }
}

@keyframes bounceOut {
  0% {
    opacity: 0;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }


  100% {
    opacity: 1;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
  }
}
/* FadeInLeft */
@-webkit-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    transform: translateX(-20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    transform: translateX(-20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}
/* FadeInRight */
@-webkit-keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(20px);
    transform: translateX(20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(20px);
    -ms-transform: translateX(20px);
    transform: translateX(20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

/*-----  End of Global Styles  ------*/

/*=========================================
=            3 - Colors Variations        =
=========================================*/

/* 3.1 - Text Colors */
.pink {
	color:#ed145b;
}
.red {
	color:#ed3713;
}
.blue {
	color:#13a4ed;
}
.green {
	color:#00ba5d;
}
.yellow {
	color:#edc913;
}
.violet {
	color:#a413ed;
}
.white {
	color:#FFF;
}
.black {
	color:#000;
}

/* 3.2 - Text Hover Link Colors */

a.pink:hover {
	color:#FD528A;
}
a.red:hover {
	color:#F86B4F;
}
a.blue:hover {
	color:#54C6FF;
}
a.green:hover {
	color:#00EC76;
}
a.yellow:hover {
	color:#FFE76C;
}
a.violet:hover {
	color:#C35AF8;
}

/* 3.3 - Background Colors */
.pink-bg, .red-bg, .blue-bg, .green-bg, .yellow-bg, .violet-bg {
	color:#FFF;
}
.pink-bg {
	background:#ed145b;
}
.red-bg {
	background:#ed3713;
}
.blue-bg {
	background:#044476;
}
.green-bg {
	background:#00551b;
}
.yellow-bg {
	background:#edc913;
}
.violet-bg {
	background:#a413ed;
}
.white-bg {
	background:#fff;
}

/* 3.4 - Box Content Background */
.gray-bg-1 {
	background: #ebebeb;
}
.gray-bg-2 {
	background: #e6e6e6;
}
.gray-bg-3 {
	background: #d9d9d9;
}

.gray-bg-4 {
	background: #CCC;
}

.trasparent-gray-bg {
	background: rgba(222, 222, 222, .85);
}

/* 3.5 - Background Colors with transparency */
.pink-bg-tp, .red-bg-tp, .blue-bg-tp, .green-bg-tp, .yellow-bg-tp, .violet-bg-tp {
	color:#FFF;
}
.pink-bg-tp {
	background:rgba(237, 20, 91, 0.8);
}
.red-bg-tp {
	background:#F00;
}
.blue-bg-tp {
	background:rgba(19, 164, 237, 0.8);
}
.green-bg-tp {
	background:rgba(0, 186, 93, 0.8);
}
.yellow-bg-tp {
	background:rgba(237, 201, 19, 0.8);
}
.violet-bg-tp {
	background:rgba(164, 19, 237, 0.8);
}

/* 3.6 - Pop-up Border Color */
.yellow-border-pop {
	border:10px solid #edc913;
}
.green-border-pop {
	border:10px solid #00ba5d;
}
.violet-border-pop {
	border:10px solid #a413ed;
}
.pink-border-pop {
	border:10px solid #ed145b;
}
.blue-border-pop {
	border:10px solid #13a4ed;
}
.red-border-pop {
	border:10px solid #ed3713;
}

/*-----  End of Colors Variations  ------*/


/*================================
=           4 - Elements         =
================================*/

/* 4.1 - External Link Icon */
.ext-link {
	width: 45px;
	height: 45px;
	border:3px solid #FFF;
	border-radius: 4px;
	text-align: center;
	color:#FFF;
	font-size: 20px;
	line-height: 45px;
	display: block;
}
.ext-link:hover {
	color: #FFF;
	background: rgba(255, 255, 255, 0.1);
}

/* 4.2 - Bootstrap Buttons Override */
.btn {
	border-radius: 4px;
	padding: 5px 10px 2px 10px;
	font-size: 15px;
	line-height: 20px;
}
.btn.readall {
	font-weight: 600;
}
.btn:focus, .btn:active, .btn:active:focus, .btn.active {
	outline: none !important;
	-webkit-box-shadow:none;
	box-shadow: none;
	color:#FFF;
}
.btn:focus:hover {
	color:#000;
}

/* 4.3 - Green Button Styles */
.green-btn-tp {
	background: transparent;
}
.green-btn-tp:hover, .green-btn-tp:focus:hover, .green-btn-tp.active {
	background: #fff;
	color:#00ba5d;
}

/* 4.4 - Buttons Color*/
.btn.yellow {
	background: #FFF;
	color:#edc913;
}
.btn.blue {
	background: #13a4ed;
	color:#FFF;
}
/* 4.5 - Boxes */
.box {
	position: relative;
	overflow: hidden;
}
.box-style-1, .box-style-2, .box-style-3, .box-style-4 {
	float:left;
	display: block;
	overflow: hidden;
	height: 390px;
}
.box-style-1 {
	max-width: 100%;
}
.box-style-2 {
	max-width: 100%;
}
.box-style-3 {
	max-width: 100%;
}
.box-style-4 {
	max-width: 100%;
}

/* 4.6 - Section Boxes */
.section-boxes {
	overflow: hidden;
	padding: 0;
	margin: 0;
	position: relative;
}
	/* 4.6.1 - Section Details Boxes */
	.section-boxes .section-details {
		position: relative;
		padding:25px;
		padding-top: 100px;
	}
		.section-details .content {
			text-align: center;
			padding: 25px;
			padding-top:34%;
		}
		
		.section-details>.contato-box-2 {
			padding-top:23% !important;
		}
		
		.section-details .content .title {
			font-size:65px;
			font-weight: 100;
			text-transform: uppercase;
			margin: 0;
			margin-bottom:5px;
		}
		.section-details .content .description {
			font-size:24px;
			line-height: 28px;
			font-weight: 300;
		}
	/* 4.6.2 - Normal Boxes With Overlay Content */
		.box-item img.item-background {
			width:100%;
			height: 100%;
			display: block;
			margin: 0 auto;
			top: 0px;
			left: 0px;
			border: 0;
		}
		.box-item .item-video{
			width:100%;
			height:100%;
		}
		.box-item .item-title {
			position: absolute;
			top:35px;
			margin: 0;
			right: 0;
			font-size: 26px;
			font-weight: 300;
			padding:15px 30px;
			text-transform: uppercase;
			z-index: 100;
		}
		.box-item .item-title.left {
			right: auto;
			left: 0;
		}

		/* 4.6.2.1 - Item Overlay Content */
		.box-item .overlay-content,
		.box-item .visible-content,
		.box-item .box-content {
			position: absolute;
			top: 0;
			width: 100%;
			height: 100%;
			padding:30px;
			padding-top: 150px;
			color:#FFF;
			display: none;
		}
			.overlay-content .text-content,
			.box-content .text-content{
				text-align: justify;
			}
		.box-item .overlay-content {
			background: rgba(0, 0, 0, 0.85);
		}
		/* 4.6.2.2 - Visible Content */
		.box-item .visible-content {
			display: block;
			background: rgba(115, 115, 115, 0.85);
		}
		/* 4.6.2.3 - Box Content */
		.box-item .box-content {
			display: block;
			color:#4a4a4a;
		}
		.box-item .visible-content.blue {
			background: rgba(5, 104, 154, 0.85);
		}
			.overlay-content .client-logo,
			.visible-content .client-logo,
			.box-content .client-logo {
				display: block;
				margin: 0 auto;
			}
	.section-boxes .box-item:hover .overlay-content{
		display: block;
	}
	.section-boxes .box-item:hover .visible-content{
		background: rgba(0, 0, 0, 0.85);
	}

/* 4.7 - Social Counter Boxes */
.social-boxes {
	display: table;
	overflow: hidden;
}
	.social-boxes .social-box {
		font-size: 15px;
		line-height: 25px;
		font-weight: bold;
		width:170px;
		height: 90px;
		background: #dcdcdc;
		padding: 15px 10px;
		position: relative;
		overflow: hidden;
		color:#FFF;
	}
		.social-box i {
			position: absolute;
			right: 10px;
			bottom: 10px;
			font-size: 40px;
		}

		/* 4.7.1 - Long Shadow For Social Icon */
		.social-box.twitter i {
			text-shadow:rgb(31, 140, 185) 1px 1px 4px, rgb(54, 163, 208) 2px 2px, rgb(54, 163, 208) 3px 3px, rgb(54, 163, 208) 4px 4px, rgb(54, 163, 208) 5px 5px, rgb(54, 163, 208) 6px 6px, rgb(54, 163, 208) 7px 7px, rgb(54, 163, 208) 8px 8px, rgb(54, 163, 208) 9px 9px, rgb(54, 163, 208) 10px 10px, rgb(54, 163, 208) 11px 11px, rgb(54, 163, 208) 12px 12px, rgb(54, 163, 208) 13px 13px, rgb(54, 163, 208) 14px 14px, rgb(54, 163, 208) 15px 15px, rgb(54, 163, 208) 16px 16px, rgb(54, 163, 208) 17px 17px, rgb(54, 163, 208) 18px 18px, rgb(54, 163, 208) 19px 19px, rgb(54, 163, 208) 20px 20px, rgb(54, 163, 208) 21px 21px, rgb(54, 163, 208) 22px 22px, rgb(54, 163, 208) 23px 23px, rgb(54, 163, 208) 24px 24px, rgb(54, 163, 208) 25px 25px, rgb(54, 163, 208) 26px 26px, rgb(54, 163, 208) 27px 27px, rgb(54, 163, 208) 28px 28px, rgb(54, 163, 208) 29px 29px, rgb(54, 163, 208) 30px 30px;
		}
		.social-box.facebook i {
			text-shadow:rgb(50, 81, 145) 1px 1px 4px, rgb(76, 107, 171) 2px 2px, rgb(76, 107, 171) 3px 3px, rgb(76, 107, 171) 4px 4px, rgb(76, 107, 171) 5px 5px, rgb(76, 107, 171) 6px 6px, rgb(76, 107, 171) 7px 7px, rgb(76, 107, 171) 8px 8px, rgb(76, 107, 171) 9px 9px, rgb(76, 107, 171) 10px 10px, rgb(76, 107, 171) 11px 11px, rgb(76, 107, 171) 12px 12px, rgb(76, 107, 171) 13px 13px, rgb(76, 107, 171) 14px 14px, rgb(76, 107, 171) 15px 15px, rgb(76, 107, 171) 16px 16px, rgb(76, 107, 171) 17px 17px, rgb(76, 107, 171) 18px 18px, rgb(76, 107, 171) 19px 19px, rgb(76, 107, 171) 20px 20px, rgb(76, 107, 171) 21px 21px, rgb(76, 107, 171) 22px 22px, rgb(76, 107, 171) 23px 23px, rgb(76, 107, 171) 24px 24px, rgb(76, 107, 171) 25px 25px, rgb(76, 107, 171) 26px 26px, rgb(76, 107, 171) 27px 27px, rgb(76, 107, 171) 28px 28px, rgb(76, 107, 171) 29px 29px, rgb(76, 107, 171) 30px 30px;
		}
		.social-box.soundcloud i {
			text-shadow:rgb(192, 82, 16) 1px 1px 4px, rgb(217, 107, 41) 2px 2px, rgb(217, 107, 41) 3px 3px, rgb(217, 107, 41) 4px 4px, rgb(217, 107, 41) 5px 5px, rgb(217, 107, 41) 6px 6px, rgb(217, 107, 41) 7px 7px, rgb(217, 107, 41) 8px 8px, rgb(217, 107, 41) 9px 9px, rgb(217, 107, 41) 10px 10px, rgb(217, 107, 41) 11px 11px, rgb(217, 107, 41) 12px 12px, rgb(217, 107, 41) 13px 13px, rgb(217, 107, 41) 14px 14px, rgb(217, 107, 41) 15px 15px, rgb(217, 107, 41) 16px 16px, rgb(217, 107, 41) 17px 17px, rgb(217, 107, 41) 18px 18px, rgb(217, 107, 41) 19px 19px, rgb(217, 107, 41) 20px 20px, rgb(217, 107, 41) 21px 21px, rgb(217, 107, 41) 22px 22px, rgb(217, 107, 41) 23px 23px, rgb(217, 107, 41) 24px 24px, rgb(217, 107, 41) 25px 25px, rgb(217, 107, 41) 26px 26px, rgb(217, 107, 41) 27px 27px, rgb(217, 107, 41) 28px 28px, rgb(217, 107, 41) 29px 29px, rgb(217, 107, 41) 30px 30px;
		}
		.social-box.googleplus i {
			text-shadow:rgb(175, 60, 46) 1px 1px 4px, rgb(200, 80, 65) 2px 2px, rgb(200, 80, 65) 3px 3px, rgb(200, 80, 65) 4px 4px, rgb(200, 80, 65) 5px 5px, rgb(200, 80, 65) 6px 6px, rgb(200, 80, 65) 7px 7px, rgb(200, 80, 65) 8px 8px, rgb(200, 80, 65) 9px 9px, rgb(200, 80, 65) 10px 10px, rgb(200, 80, 65) 11px 11px, rgb(200, 80, 65) 12px 12px, rgb(200, 80, 65) 13px 13px, rgb(200, 80, 65) 14px 14px, rgb(200, 80, 65) 15px 15px, rgb(200, 80, 65) 16px 16px, rgb(200, 80, 65) 17px 17px, rgb(200, 80, 65) 18px 18px, rgb(200, 80, 65) 19px 19px, rgb(200, 80, 65) 20px 20px, rgb(200, 80, 65) 21px 21px, rgb(200, 80, 65) 22px 22px, rgb(200, 80, 65) 23px 23px, rgb(200, 80, 65) 24px 24px, rgb(200, 80, 65) 25px 25px, rgb(200, 80, 65) 26px 26px, rgb(200, 80, 65) 27px 27px, rgb(200, 80, 65) 28px 28px, rgb(200, 80, 65) 29px 29px, rgb(200, 80, 65) 30px 30px;
		}
		.social-box.youtube i {
			text-shadow:rgb(176, 40, 30) 1px 1px 4px, rgb(201, 65, 55) 2px 2px, rgb(201, 65, 55) 3px 3px, rgb(201, 65, 55) 4px 4px, rgb(201, 65, 55) 5px 5px, rgb(201, 65, 55) 6px 6px, rgb(201, 65, 55) 7px 7px, rgb(201, 65, 55) 8px 8px, rgb(201, 65, 55) 9px 9px, rgb(201, 65, 55) 10px 10px, rgb(201, 65, 55) 11px 11px, rgb(201, 65, 55) 12px 12px, rgb(201, 65, 55) 13px 13px, rgb(201, 65, 55) 14px 14px, rgb(201, 65, 55) 15px 15px, rgb(201, 65, 55) 16px 16px, rgb(201, 65, 55) 17px 17px, rgb(201, 65, 55) 18px 18px, rgb(201, 65, 55) 19px 19px, rgb(201, 65, 55) 20px 20px, rgb(201, 65, 55) 21px 21px, rgb(201, 65, 55) 22px 22px, rgb(201, 65, 55) 23px 23px, rgb(201, 65, 55) 24px 24px, rgb(201, 65, 55) 25px 25px, rgb(201, 65, 55) 26px 26px, rgb(201, 65, 55) 27px 27px, rgb(201, 65, 55) 28px 28px, rgb(201, 65, 55) 29px 29px, rgb(201, 65, 55) 30px 30px;
		}
		.social-box.rssfeed i {
			text-shadow:rgb(191, 117, 30) 1px 1px 4px, rgb(213, 139, 51) 2px 2px, rgb(213, 139, 51) 3px 3px, rgb(213, 139, 51) 4px 4px, rgb(213, 139, 51) 5px 5px, rgb(213, 139, 51) 6px 6px, rgb(213, 139, 51) 7px 7px, rgb(213, 139, 51) 8px 8px, rgb(213, 139, 51) 9px 9px, rgb(213, 139, 51) 10px 10px, rgb(213, 139, 51) 11px 11px, rgb(213, 139, 51) 12px 12px, rgb(213, 139, 51) 13px 13px, rgb(213, 139, 51) 14px 14px, rgb(213, 139, 51) 15px 15px, rgb(213, 139, 51) 16px 16px, rgb(213, 139, 51) 17px 17px, rgb(213, 139, 51) 18px 18px, rgb(213, 139, 51) 19px 19px, rgb(213, 139, 51) 20px 20px, rgb(213, 139, 51) 21px 21px, rgb(213, 139, 51) 22px 22px, rgb(213, 139, 51) 23px 23px, rgb(213, 139, 51) 24px 24px, rgb(213, 139, 51) 25px 25px, rgb(213, 139, 51) 26px 26px, rgb(213, 139, 51) 27px 27px, rgb(213, 139, 51) 28px 28px, rgb(213, 139, 51) 29px 29px, rgb(213, 139, 51) 30px 30px;
		}

		/* 4.7.2 - Social Box Background Colors */
		.social-box.twitter {
			background: #40bff5;
		}
		.social-box.facebook {
			background: #5d82d1;
		}
		.social-box.soundcloud {
			background: #ff7e30;
		}
		.social-box.googleplus {
			background: #eb5e4c;
		}
		.social-box.youtube {
			background: #ef4e41;
		}
		.social-box.rssfeed {
			background: #faa33d;
		}
/* 4.8 - Social Box in In line */
.social-boxes.inline .social-box {
	display: inline-block;
	margin-right: 30px;
}
.social-boxes.inline .social-box:last-child {
	margin: 0;
}

/* 4.9 - If above has boxes menus */
.social-boxes.above-box-menu {
	margin-top: 60px;
}

/* 4.10 - Site Text Logo */
/*.logo .site-name {
	font-family: 'Exo 2', sans-serif;
	letter-spacing: 0.050em;
	font-size: 30px;
	font-weight: 700;
	background-color:#fff;
}*/

/* 4.11 - Navigation Menus */
.main-navigation {
	/*margin:15px; */
	padding: 0;
}
	.main-navigation .item {
		font-size:16px;
		margin-right:40px;
	}
	.main-navigation .item:last-child {
		margin-right: 0px;
	}
		.main-navigation .item a {
			text-transform: uppercase;
			color:#000 !important;
			margin: 0;
			padding: 0;
		}
		.main-navigation .item.active a,
		.main-navigation .item a:hover {
			background: transparent !important;
			color:#a6a6a6 !important;
		}
/* 4.12 - Social Profiles Icons */
.social-profiles {
	padding: 0;
	margin:15px;
}
	.social-profiles .item {
		display: inline;
		margin-right: 5px;
	}
	.social-profiles .item:last-child {
		margin-right: 0px;
	}
		.social-profiles .item a{
			display: inline-block;
			width:32px;
			height: 32px;
			font-size:16px;
			text-align: center;
			line-height: 30px;
			color:#bcbcc4;
			border:2px solid #bcbcc4;
			border-radius: 50%;
		}

		/* 4.12.1 - Social Profiles Hover Links */
		.social-profiles .item.facebook a:hover,
		.social-profiles .item.facebook.active a {
			color:#3f5898;
			border-color: #3f5898;
		}
		.social-profiles .item.twitter a:hover,
		.social-profiles .item.twitter.active a {
			color:#24abe3;
			border-color: #24abe3;
		}
		.social-profiles .item.google-plus a:hover,
		.social-profiles .item.google-plus.active a {
			color:#e24a32;
			border-color: #e24a32;
		}
		.social-profiles .item.skype a:hover,
		.social-profiles .item.skype.active a {
			color:#26aee2;
			border-color: #26aee2;
		}
/* 4.13 - Skills Circles */
.skill-items .skill-item {
	display: inline-block;
	text-transform: uppercase;
}

.circliful {
    position: relative; 
}

.circle-text, .circle-info, .circle-text-half, .circle-info-half {
    width: 100%;
    position: absolute;
    text-align: center;
    display: inline-block;
}

.circle-info, .circle-info-half {
	color: #ed145b;
}
.pink-theme .circle-text, .pink-theme .circle-text-half{
	color:#f40e59;
}
.pink-theme .circle-info, .pink-theme .circle-info-half{
	color:#000;
}
.circliful .fa {
	margin: -10px 3px 0 3px;
	position: relative;
	bottom: 4px;
}
/* 4.14 - Skills Progress Bar */
.skill-items .progress{
	background: #8c8c8c;
	border-radius: 0px;
	-webkit-box-shadow:none;
	box-shadow:none;
	height: 35px;
}
.skill-items .progress .progress-bar{
	font-size: 15px;
	font-weight: 500;
	line-height: 38px;
	text-transform: uppercase;
}

/* 4.15 - Team Members */
.team-members {}
	.team-members .member-item {
		width:280px;
		float:left;
		overflow: hidden;
	}
		.member-item .member-photo {
			width: 100%;
			height: auto;
		}
		/* 4.15.1 - Member Info */
		.member-item .member-info {
			padding: 30px 0;
			background: #020101;
			color: #FFF;
		}
			.member-info .member-name,
			.member-info .member-position {
				text-transform: uppercase;
				margin: 0;
				text-align: center;
			}
			.member-info .member-name {
				font-size: 26px;
				font-weight: 100;
			}
			.member-info .member-position {
				font-size: 15px;
				font-weight: 400;
			}
		.member-item .member-social-profiles {
			margin-top: 10px;
		}
/* 4.16 - Member Social Profiles */
.member-social-profiles {
	padding: 0;
	display: table;
	overflow: hidden;
	margin: 0 auto;
}
	.member-social-profiles .member-profile {
		float: left;
		list-style: none;
		margin-right: 7px;
	}
	.member-social-profiles .member-profile:last-child {
		margin: 0;
	}
		.member-profile a{
			display: block;
			width: 24px;
			height: 24px;
			background: #a9a8a8;
			color:#000;
			border-radius: 50%;
			text-align: center;
			font-size: 14px;
			line-height: 28px;
		}

		/* 4.16.1 - Member Profile Icons On Hover */
		.member-profile.twitter a:hover{
			background: #40bff5;
			color:#FFF;
		}
		.member-profile.facebook a:hover{
			background: #5d82d1;
			color:#FFF;
		}
		.member-profile.linkedin a:hover{
			background: #007bb6;
			color:#FFF;
		}
		.member-profile.googleplus a:hover{
			background: #eb5e4c;
			color:#FFF;
		}
/* 4.17 - Testimonials Carousel */
.testimonials-carousel {
	position: relative;
}
.testimonials-carousel:after {
	content:"\f10d";
	position: absolute;
	font-family: FontAwesome;
	font-size: 100px;
	top:0;
	opacity: 0.1;
}
/* 4.18 - Testimonial */
.testimonial {
	margin-bottom: 15px;
}
	.testimonial p {
		text-align: right;
		margin: 0;
	}
	.testimonial p.content {
		font-size: 16px;
		line-height: 28px;
		font-weight: 400;
		letter-spacing: 1px;
		font-style: italic;
		margin-bottom: 5px;
	}
	.testimonial p.name {
		font-size: 20px;
	}

	/* 4.18.1 - Testimonial Carousel Control */
	.controls.right {
		float: right;
	}
	.testimonial-control {
		display: inline-block;
		color:#FFF;
		width: 28px;
		height: 28px;
		border:3px solid #FFF;
		font-size:13px;
		line-height: 23px;
		text-align: center;
		border-radius: 50%;
		margin:2px 2px;
	}
	.testimonial-control:hover {
		color:#FFF;
		background: rgba(255,255,255,0.2)
	}

/* 4.19 - Pop-up Modal style */
.on-frame {
	position: relative;
	max-width: 900px;
	background: #FFF;
	margin: 20px auto;
	padding: 20px 50px;
}

/*-----  End of Elements  ------*/


/*==========================================
=            5 - Effects and Styles            =
==========================================*/

/* 5.1 - Box Line Effects Left (Default) */
.line-effect {
	position: relative;
}
.line-effect:before,
.line-effect:after {
	content: "";
	position: absolute;
	height: 1px;
	width:35%;
	background: #FFF;
	transform:rotate(45deg);
	-ms-transform:rotate(45deg);
	-webkit-transform:rotate(45deg);
}
.line-effect:before {
	top:11.7%;
	left:-5.4%;
}
.line-effect:after {
	bottom:11.7%;
	right: -5.4%;
}

/* 5.2 - Box Line Effects Right */
.line-effect.right:before,
.line-effect.right:after {
	transform:rotate(-45deg);
	-ms-transform:rotate(-45deg);
	-webkit-transform:rotate(-45deg);
}
.line-effect.right:before {
	top:11.7%;
	left: auto;
	right: -5.4%;
	z-index: 2;
}
.line-effect.right:after {
	bottom: 11.7%;
	right: auto;
	left: -5.4%;
}

/*-----  End of Effects and Styles  ------*/


/*=======================================
=           6 -  Welcome Section        =
=======================================*/

#welcome {
	color:#FFF;
	overflow: hidden;
	position:relative;
	background-size: cover;
}
	#welcome .welcome-section {
		padding-top: 210px !important;	
	}

	/* 6.1 - Site Title */
	.site-title {
		display: table;
		margin: 0 auto;
		margin-bottom: 60px;
		text-align: center;
		text-transform: uppercase;
	}
	
		.site-title .site-name {
			font-size: 30px;
			font-weight: 500;
			letter-spacing: 0.080em;
			margin: 0;
			margin-bottom: 10px;
			word-spacing: 10px;
		}
			.site-title .site-name .name {
				font-family: 'Exo 2', sans-serif;
				letter-spacing: 0.050em;
				font-weight: normal;
				color: #FFF;
			}
		.site-title .site-description {
			font-size: 60px;
			font-weight: 100;
			margin: 0;
			word-spacing: 10px;
		}

	/* 6.2 - Boxed Menu */
	.boxed-menus {
		display: table;
		overflow: hidden;
	}
		.boxed-menus .menu-item {
			position: relative;
			float:left;
		}
		
		
			.boxed-menus .menu-item .box {
				width:235px;
				height: 235px;
				position: relative;
				overflow: hidden;
				display: block;
			}
			.boxed-menus .menu-item .boxlogo {
				padding-top: 50px;
				height: 300px;
			}
			.boxed-menus .menu-item .menu-text {
				font-size: 33px;
				font-weight: 100;
				text-transform: uppercase;
				text-align: center;
				padding-top: 43%;
			}
			.boxed-menus .menu-item .menu-text:hover {
				color:#FFF;
			}
			/* 6.2.1 - Right Floated Image */
			.boxed-menus .menu-item.left-img .menu-image {
				float: right;
			}
			.boxed-menus .menu-item.left-img .menu-text {
				float: left;
			}

/* 6.3 - Animate Image Flip */
.flip-item {
	-webkit-perspective: 1000;
	-moz-perspective: 1000;
	-o-perspective: 1000;
	perspective: 1000;
}

	.flip-item.active .flipper.flipY {
		-webkit-transform: rotateY(180deg);
		-moz-transform: rotateY(180deg);
		-o-transform: rotateY(180deg);
		transform: rotateY(180deg);
	}
	.flip-item.active .flipper.flipX {
		-webkit-transform: rotateX(180deg);
		-moz-transform: rotateX(180deg);
		-o-transform: rotateX(180deg);
		transform: rotateX(180deg);
	}

	.flip-item .flipper {
		-webkit-transition: 0.6s;
		-webkit-transform-style: preserve-3d;
		-moz-transition: 0.6s;
		-moz-transform-style: preserve-3d;
		-o-transition: 0.6s;
		-o-transform-style: preserve-3d;
		transition: 0.6s;
		transform-style: preserve-3d;
		height: 100%;
	}

		.flipper .flip1,
		.flipper .flip2 {
			-webkit-backface-visibility: hidden;
			-moz-backface-visibility: hidden;
			-o-backface-visibility: hidden;
			backface-visibility: hidden;
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
		}
		.flipper .flip1 img,
		.flipper .flip2 img {
			width: 100%;
			height: 100%;
		}
		.flipper.flipX .flip1 {
			position: relative;
		}
		.flipper.flipX .flip2 {
			position: absolute;
		}
	.flipper .flip1 {
		z-index: 2;
	}
	.flipper.flipY .flip2 {
		-webkit-transform: rotateY(180deg);
		-moz-transform: rotateY(180deg);
		-o-transform: rotateY(180deg);
		transform: rotateY(180deg);
	}
	.flipper.flipX .flip2 {
		-webkit-transform: rotateX(180deg);
		-moz-transform: rotateX(180deg);
		-o-transform: rotateX(180deg);
		transform: rotateX(180deg);
	}

/*-----  End of Welcome Section  ------*/


/*=======================================
=            7 - Site Navigation        =
=======================================*/

/* 6.1 - Default Navigation */
.navbar-default{
	background: #f2f2f2;
	padding: 0; 
	margin: 0;
}
	.navbar-default .logo {
		padding:6px 10px 6px 10px;
		float: left;
		background-color:rgba(255,255,255,0.8);
	}
	.navbar-default .navigation {
		/*margin-top: 10px;*/
		float: left;
		padding-left:20px !important;
		margin-left:175px;
	}
	.navbar-default .social-links {
		float:right;
		margin-top: 5px;
	}

/* 6.2 - Bullet Navigation */

.navbar-bullet {
	height: 100%;
	left: auto;
	right: 50px;
	top: 20px;
}
.navbar-bullet.navbar-static-top {
	display: none
}
	.navbar-bullet .navigation {
		display: table;
		margin: 0 auto;
	}
	.navbar-bullet .navbar-toggle {
		background: transparent;
		border-right-color: transparent;;
		border-left-color: transparent;
		background: #000;
		margin: 0 auto;
		float: none;
		width: 50px;
	}
		 .navbar-bullet .navbar-toggle .icon-bar {
		 	height: 3px;
		 	background: #FFF;
		 	width: 100%;
		 	padding: 0 5px;
		 }
	 .navbar-bullet .navbar-nav {
		width: 15px;
	 }

	.navbar-bullet ul li.item {
		float:none;
		position: relative;
		margin: 0;
		margin-top: 30px;
	}
		.navbar-bullet ul li a {
			display: block;
			height: 15px;
			color:#828590;
			margin:0;
			padding:0;
		}
		.navbar-bullet ul li a:hover, .navbar-bullet ul li a:focus {
			background: transparent;
		}
		.navbar-bullet ul li.active a{
			color:#1c1b2a;
		}
			.navbar-bullet ul li a span {
				top: -10px;
				right: 10px;
				margin-right: 15px;
				background: #FFF;
				border:2px solid #000;
				padding: 5px 20px;
				text-transform: lowercase;
				color:#000;
				font-size: 16px;
				font-style: italic;
				font-weight: 600;
				border-radius: 4px;
				position: absolute;
				-webkit-animation-duration: 0.5s;
				animation-duration: 0.5s;
				-webkit-animation-fill-mode: both;
				animation-fill-mode: both;
				-webkit-animation-name: bounceOut;
				animation-name: bounceOut;
			}
			.navbar-bullet ul li a span:after {
				content: "";
				position: absolute;
				border-style: solid;
				border-width: 7px 0 7px 7px;
				border-color: transparent #FFF;
				display: block;
				width: 0;
				z-index: 1;
				left: 100%;
				top: 9px;
			}
			.navbar-bullet ul li a span:before {
				content: "";
				position: absolute;
				border-style: solid;
				border-width: 10px 0 10px 10px;
				border-color: transparent #000;
				display: block;
				width: 0;
				z-index: 1;
				left: 100%;
				top: 6px;
			}
		.navbar-bullet ul li a:hover span{
			display: block;
			position: absolute;
			/*-webkit-animation-fill-mode: both;
			animation-fill-mode: both;*/
			-webkit-animation-name: bounceIn;
			animation-name: bounceIn;
		}
		.navbar-bullet ul li a:after {
			content: "\f111";
			font-family: FontAwesome;
			position: absolute;
			top:0;
		}

/* 6.3 - Static Navigation */
.navbar-static.navbar-static-top {
	position: absolute;
}
.navbar-static.navbar-static-top,
.navbar-static.navbar-fixed-top{
	right: auto;
	left: -200px;
	height:100%;
	width: 200px;
	background: #0d0d0d;
	-webkit-animation-duration: 0.5s;
	animation-duration: 0.5s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-name: fadeInRight;
	animation-name: fadeInRight;
}
.navbar-static.extend {
	left: auto;
	-webkit-animation-duration: 0.5s;
	animation-duration: 0.5s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-name: fadeInLeft;
	animation-name: fadeInLeft;
}
	.navbar-static .navigation {
		position: relative;
		margin-top: 290px;
	}
		.navbar-static .navigation .nav {
			width: 100%;
			margin: 0;
		}
		.navbar-static ul li {
			float: none;
		}
		.navbar-static ul li a {
			padding: 15px 0;
			padding-left: 40px;
			color:#cccccc;
			border-top:1px solid #1a1a1a;
			text-transform: uppercase;
		}.navbar-static ul li.active a,
		.navbar-static ul li a:hover {
			background: #1a1a1a;
		}
/* 6.4 - Social Icons */
.navbar-static .social-profiles {
	display: table;
	margin: 0 auto;
	margin-top: 20px;
}
.navbar-static .social-profiles .item a {
	border:none;
	padding: 0px;
	margin: 0;
	background: transparent;
}
.navbar-static .menu-switch{
	border: none;
	padding: 0;
	padding-top: 5px;
	margin: 0;
	position: absolute;
	left: 100%;
	top:-40px;
	width: 30px;
	font-size: 18px;
	line-height: 30px;
	background: #0d0d0d;
	border-radius: 4px;
	border-top-left-radius: 0px;
	border-bottom-left-radius: 0px;
	color:#FFF;
}
.navbar-static .menu-switch.open .fa{
	-ms-transform:rotate(45deg); /* IE 9 */
	-webkit-transform:rotate(45deg); /* Chrome, Safari, Opera */
	transform:rotate(45deg); /* Standard syntax */
}
.navbar-static .menu-switch:focus {
		outline-color: transparent;
	}
/* 6.5 - Static Icon Menus */
.navbar-static-icons.navbar-static-top {
	position: absolute;
}
.navbar-static-icons.navbar-static-top,
.navbar-static-icons.navbar-fixed-top{
	right: auto;
	left: -60px;
	height: 100%;
	width: 73px;
	background: #1f1f1f;
	-webkit-animation-duration: 0.5s;
	animation-duration: 0.5s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-name: fadeInRight;
	animation-name: fadeInRight;
}
.navbar-static-icons.extend {
	left: auto;
	width: 60px;
	-webkit-animation-duration: 0.5s;
	animation-duration: 0.5s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-name: fadeInLeft;
	animation-name: fadeInLeft;
}
	.navbar-static-icons .navigation{
		margin-top: 295px;
	}
	.navbar-static-icons .navigation .nav {
		width: 100%;
		overflow: hidden;
	}
	.navbar-static-icons.extend .navigation .nav {
		overflow: visible;
		margin: 0;
	}
	.navbar-static-icons ul li {
		margin: 0;
		float: none;
	}
	.navbar-static-icons ul li a {
		text-align: center;
		font-size: 20px;
		padding: 15px 10px;
		color:#999999;
		border-top:1px solid #2e2e2e;
		border-bottom: 1px solid #0f0f0f;
		position: relative;
	}
	.navbar-static-icons ul li.active a,
	.navbar-static-icons ul li a:hover {
		background: #2e2e2e;
		color:#e6e6e6;
	}
	.navbar-static-icons ul li.active a:before{
		content: "";
		position: absolute;
		border-style: solid;
		border-width: 10px 0 10px 10px;
		border-color: transparent #2e2e2e;
		display: block;
		width: 0;
		z-index: 1;
		left: 100%;
	}
	.navbar-static-icons .menu-switch {
		width: 60px;
		background: transparent;
		border-right-color: transparent;;
		border-left-color: transparent;
		border-bottom: 1px solid #0f0f0f;
		border-top: 1px solid #2e2e2e;
		padding: 10px 0;
		position: relative;
		left: 60px;
		background: #1f1f1f;
		border-top-right-radius: 4px;
		border-bottom-right-radius: 4px;
	}
	.navbar-static-icons .menu-switch.open {
		background: #1f1f1f;
		border-radius: 0px;
		background: transparent;
		left: 0px;
	}
	.navbar-static-icons .menu-switch:focus {
		outline-color: transparent;
	}
		.navbar-static-icons .menu-switch .icon-bar{
			display: block;
			height: 3px;
			background: #FFF;
			margin: 4px auto;
			width: 50%;

		}
	.navbar-static-icons ul li a span {
		display: none;
	}


/*-----  End of Site Navigation  ------*/


/*=====================================
=            8 - About Section        =
=====================================*/

#about {}

/*-----  End of About Section  ------*/


/*=====================================
=            9 - Service Section      =
=====================================*/

#service {}

/* 9.1 - Our Team On Hover */
.our-team .overlay-content .team-members,
.our-team .box-content .team-members {
	position: absolute;
	top: 0;
	left: 0;
}
.our-team .overlay-content .team-members.right,
.our-team .box-content .team-members.right {
	left: auto;
	right: 0px;
}
.our-team .overlay-content .text-content,
.our-team .box-content .text-content{
	width: 250px;
	float: right;
}

/*-----  End of Service Section  ------*/


/*=====================================
=            10 - Works Section       =
=====================================*/

#works {
	position: relative;
}

/* 10.1 - Prokect Item */
.project-item.blank {
	z-index: -5;
	position: absolute;
	top:0;
	left: 0;
}

/* 10.2 - Project Info */
.project-info {
	position: relative;
	width: 100%;
	height: 100%;
}
	.project-info .project-tag {
		overflow: hidden;
		padding: 0;
		float: right;
	}
		.project-tag li {
			list-style: none;
			float: left;
			margin-right: 10px;
		}
	.project-info .project-link {
		bottom: 0;
		right: 0px;
		position: absolute;
	}
/* 10.3 - Load More Big Button */
.load-more-projects {
	overflow: hidden;
	text-align: center;
	padding:20px 0 ;
}
	.load-more-projects .load-more {
		font-size: 18px;
		font-weight: 700;
		color:#FFF;
		text-transform: uppercase;
		cursor: pointer;

	}

/* 10.4 - Project Pop-up */
.project-details{}
	
	.project-control {
		color:#FFF;
		background: rgba(0, 0, 0, 0.50);
		position: absolute;
		top:46%;
		display:block;
		width:30px;
		height:30px;
		text-align:center;
		font-size: 18px;
		line-height: 34px;
	}
	.project-control:hover {
		color:#FFF;
		background: rgba(0, 0, 0, .85);
	}
	.left.project-control {
		left:0;
	}
	.right.project-control {
		right:0;
	}
	.project-info .info{
		font-weight: bold;
	}

/*-----  End of Works Section  ------*/


/*=====================================
=            11 - Clients Section     =
=====================================*/

#clients {}

/* Testimonials */
.visible-content .testimonial-control{
	color:#13a4ed;
	border-color:#13a4ed;
}
.visible-content:hover .testimonial-control{
	color:#AAA;
	border-color:#AAA;
}
/*-----  End of Clients Section  ------*/


/*=====================================
=       12 - Blog Section             =
=====================================*/

#blog {
	position: relative;
}

/* 12.1 - Post Title Icons */
.format-standard .item-title:before,
.format-audio .item-title:before,
.format-video .item-title:before,
.format-gallery .item-title:before,
.format-image .item-title:before,
.format-aside .item-title:before,
.format-link .item-title:before,
.format-status .item-title:before,
.format-chat .item-title:before {
	content: "";
	font-family: FontAwesome;
	padding-right: 10px;
}
	.format-standard .item-title:before {
		content: "\f0f6";
	}
	.format-audio .item-title:before {
		content: "\f001";
	}
	.format-video .item-title:before {
		content: "\f008";
	}
	.format-gallery .item-title:before {
		content: "\f03e";
	}
	.format-image .item-title:before {
		content: "\f030";
	}
	.format-aside .item-title:before {
		content: "\f016";
	}
	.format-quote .item-title:before {
		content: "\f10e";
	}
	.format-link .item-title:before {
		content: "\f0c1";
	}
	.format-status .item-title:before {
		content: "\f12a";
	}
	.format-chat .item-title:before {
		content: "\f0e6";
	}

/* 12.2 - Blog Excerpt and Link */
.blog-content {
	position: relative;
	width: 100%;
	height: 100%;
}
	.blog-content .post-excerpt {
		text-align: justify;
		line-height:25px !important;
	}
	.blog-content .post-link {
		position: absolute;
		bottom: 0;
		right:0;
	}

/* 12.3 - Blog Post Styles */
.box-content.blog-post {
	padding: 30px;
	position: absolute;
	height:35%;
	top:auto;
	bottom:0px;
}

/* 12.4 - Blog Pop-up */
.single-post {}
	
	.post-header{}
	.post-header .title {
		margin: 10px 0;
		margin-bottom: 30px;
		font-size: 45px;
		font-weight: 600;
		text-align: center;
		text-transform: uppercase;
	}

	.entry-content {}
		.entry-content img {
			max-width: 100%;
			height: auto;
		}

/*-----  End of Blog Section  ------*/


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

#contact {}

/* 13.1 - Contact Form */
.contact-us {}
	.contact-us .contact-form{
		position: absolute;
		top:0;
		width: 100%;
		height: 100%;
		padding:30px;
		padding-top: 150px;
	}
	.contact-us .contact-form:hover {
		background: rgba(0, 0, 0, 0.85);
	}
	.contact-us.gray-bg-1 .contact-form:hover {
		background: transparent;
	}
	.contact-form .inputfields,
	.contact-form .text-area {
		width: 50%;
		overflow: hidden;
		padding: 0 10px;
	}
	.contact-form .inputfields {
		float: left;
	}
	.inputfields input {
		width: 100%;
		margin: 6px 0px;
		padding: 7px 20px; 
	}
	.contact-form .text-area {
		width: 50%;
		float:right;
	}
	.text-area textarea {
		width: 100%;
		min-height: 100px;
	}
	.text-area button {
		width: 40%;
		text-align:left;
		border-radius: 0px;
		text-transform: uppercase;
		padding: 12px 10px 8px 20px;
		position: relative;
	}
	.text-area button:after {
		content: "\f1d8";
		font-family: FontAwesome;
		position: absolute;
		right: 15px;
		color:#666;
	}
	.text-area button:hover {
		color:#ccc;
		background:#333;
		border:1px solid #ccc !important;
	}
/* 13.2 - Contact Address */
.contact-addresses {}
	.contact-addresses .office-address,
	.contact-addresses .contact-numbers,
	.contact-addresses .email-address {
		text-align: right;
		margin-bottom: 15px;
	}
	.office-address .office-geo,
	.office-address .office-location {
		margin: 0;
		font-size: 16px;
	}
	.office-address .office-geo {
		font-weight: 600;
	}
		/* 13.2.1 - Phone Number and email */
		.contact-numbers ul,
		.email-address ul{
			padding: 0;
		}
		.contact-numbers ul li,
		.email-address ul li {
			list-style: none;
		}

/* 13.3 - Google Map */
.google-map-embed {
	width: 100%;
	height: 100%;
	position: absolute;
}

/*-----  End of Contact Section  ------*/


/*=====================================
=        14 - Footer Section          =
=====================================*/

#site-footer {
	background: #1a1a1a;
	color:#b2b2b2;
}
#site-footer .widget-area {
	overflow: hidden;
	padding: 100px 0;
}

/* 14.1 - Footer Widgets */
.widget-item {
	margin-bottom: 20px;
}
	.widget-item .widget-title {
		font-size: 26px;
		font-weight: 100;
		color:#FFF;
		text-transform: uppercase;
		margin: 0;
	}
	.widget-item .widget-container {
		margin-top: 40px;
		overflow: hidden;
	}

/* 14.2 - Twitter Widget */
.twitter-widget {}
	.twitter-widget .tweet-items {
		padding: 0;
	}
		.tweet-items .tweet-item {
			list-style: none;
			position: relative;
			overflow: hidden;
			padding-left: 25px;
			margin-bottom: 15px;
		}
			.tweet-items .tweet-item:before {
				content: "\f099";
				font-family: FontAwesome;
				position: absolute;
				font-size: 20px;
				color:#40bff5;
				left:0px;
			}
			.tweet-item .tweet-content,
			.tweet-item .tweet-time {
				display: inline-block;
				margin: 0;
			}
				.tweet-content a {
					color:#40bff5;
				}
				.tweet-content a:hover {
					color:#35a3d1;
				}
			.tweet-item .tweet-time {
				float:right;
				font-size: 15px;
				font-style: italic;
			}
/* 14.4 - Dribbble Shoots */
.dribbble-widget {}
	.dribbble-widget .dribbble-items {
		padding: 0;
	}
		.dribbble-items .shots{
			list-style:none;
			float: left;
			margin: 1px;
		}
			.dribbble-items .shots img {
				width:85px;
				height: 85px;
			}
/* 14.5 - Newsletter Widget */
.newsletter-widget {}
	.newsletter-widget .newsletterform {}
		.newsletterform input,
		.newsletterform button {
			width:100%;
			font-size: 16px;
			border:none;
			border-radius: 0;
			padding:10px 30px;
			color:#1a1a1a;
			text-align: left;
			position: relative;
		}
		.newsletterform button {
			background: #edc913;
			margin-top: 10px;
		}
		.newsletterform button:hover{
			background: #fff5c0;
		}
			.newsletterform button:after {
				content: "\f003";
				font-family: FontAwesome;
				font-size: 18px;
				position: absolute;
				right: 30px;
				color:#FFF;
			}
			.newsletterform button:hover:after{
				color:#000;
			}
		.newsletterform input:focus,
		.newsletterform button:focus,
		.newsletterform button:active:focus {
			outline-style: none;
		}
/* 14.6 - Footer and Copyright */
.copyright-credit {
	margin-top: 80px;
	padding:12px 0;
	background:#2a6496;
	text-align: center;
}
.copyright-credit .container {
	position: relative;
}
.copyright-credit .developed-by {
	position: absolute;
	right: 0;
}

.developed-by {
	padding-right:10px !important;	
}

	.copyright-credit p {
		margin: 0;
		color:#fff;
		font-size: 14px;
	}
	.copyright-credit .bright-text {
		color:#fff;
		font-weight:400 !important;
	}
		.copyright-credit a.bright-text:hover {
			color:#006;
		}
/*-----  End of Footer Section  ------*/


/*=====================================
=       15 - Dark Styles              =
=====================================*/
.dark-style .navbar-default{
	background-color: #ffffff;
	background-repeat: repeat-x repeat-y;
}

.dark-style .main-navigation .homebar a,  
.dark-style .main-navigation .greenbgbar a,
.dark-style .main-navigation .bluebgbar a 	{
	color:#0066cc !important;
	letter-spacing:1px;
	padding:27px 10px 20px 10px;
}

.dark-style .main-navigation .homebar a:hover,
.dark-style .main-navigation .homebar.active a  {
	color:#666 !important;
	background-color:#CCC !important;
}

.dark-style .main-navigation .bluebgbar a:hover, 
.dark-style .main-navigation .bluebgbar.active a {
	color:#fff !important;
	background-color:#044476 !important;
}

.dark-style .main-navigation .greenbgbar a:hover,
.dark-style .main-navigation .greenbgbar.active a {
	color:#fff !important;
	background-color:#00551b !important;
}

.dark-style .logo .site-name {
	color:#FFF;
}
.dark-style .social-profiles .item a {
	color:#fff;
	border-color:#fff;
}
/* Gray BGs */
.dark-style .gray-bg-1 {
	background: #333333;
}
.dark-style .gray-bg-2 {
	background: #474747;
}
.dark-style .gray-bg-3 {
	background: #3A3A3A;
}
.dark-style .text-content {
	color:#666;
}
.dark-style .box-content {
	color:#cccccc;
}
.dark-style .trasparent-gray-bg {
	background: rgba(61, 61, 61, 0.95);
}
/*-----  End of Dark Styles  ------*/


/*=====================================
=        16 - Responsive Layout      =
=====================================*/
.box.col-xs-1, .box.col-sm-1, .box.col-md-1, .box.col-lg-1, .box.col-xs-2, .box.col-sm-2, .box.col-md-2, .box.col-lg-2, .box.col-xs-3, .box.col-sm-3, .box.col-md-3, .box.col-lg-3, .box.col-xs-4, .box.col-sm-4, .box.col-md-4, .box.col-lg-4, .box.col-xs-5, .box.col-sm-5, .box.col-md-5, .box.col-lg-5, .box.col-xs-6, .box.col-sm-6, .box.col-md-6, .box.col-lg-6, .box.col-xs-7, .box.col-sm-7, .box.col-md-7, .box.col-lg-7, .box.col-xs-8, .box.col-sm-8, .box.col-md-8, .box.col-lg-8, .box.col-xs-9, .box.col-sm-9, .box.col-md-9, .box.col-lg-9, .box.col-xs-10, .box.col-sm-10, .box.col-md-10, .box.col-lg-10, .box.col-xs-11, .box.col-sm-11, .box.col-md-11, .box.col-lg-11, .box.col-xs-12, .box.col-sm-12, .box.col-md-12, .box.col-lg-12 {
	padding: 0px;
}


/* 16.6 - Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
	#welcome {
		height:780px;
	}
	.container {
		width:1200px;
	}
	#welcome .welcome-section {
		padding-top: 150px;
	}
	.boxed-menus {
  		margin: 0 auto;
	}
	.site-title {
		margin-bottom: 40px;
	}
	.site-title .site-name {
		font-size: 30px;

	}
	.site-title .site-description {
		font-size: 60px;
	}
	.boxed-menus .menu-item .box {
		width:195px;
		height: 195px;
	}
	.boxed-menus .menu-item .boxlogo {
		padding-top: 95px;
		height: 390px;
	}
	.boxed-menus .menu-item .menu-text {
		font-size: 35px;
	}
	.social-boxes {
		margin: 0 auto;
	}
	.social-boxes .social-box {
		width: 170px;
		font-size: 15px;
		font-weight: bold;
	}
	.social-boxes.inline .social-box {
		margin-right: 27px;
	}
	.navbar-default .navigation {
		margin-left: 175px;
	}
	.main-navigation .item {
		margin-right: 40px;
	}
	.navbar-bullet .navbar-toggle {
		display: none;
	}

	/* 16.6.1 - Line Effects */
	.section-details.line-effect:before {
		left:-5.4%;
	}
	.section-details.line-effect:after {
		right: -5.4%;
	}

	.navbar-bullet .navigation{
		display: table;
	}
}

@media (max-width:1200px) {
	.cycle-slideshow img {
		width:100% !important;
		height:auto !important;
	}
	
	/*.parkvideo {
		top:30% !important;
		height:100% !important
		transform:none !important;
	}*/
	
	.section-details .content {
		padding-top:45%;
	}
	

}


/* 16.5 - Medium devices (desktops, 992px and up) */
@media (min-width: 992px) {
	#welcome {
		height: 750px;
	}
	#welcome .welcome-section {
		padding-top: 5px;	
	}
		.section-boxes {
			width:100%;
		}
		
		.boxed-menus {
	  		margin: 0 auto;
		}
		.site-title {
			margin-bottom: 40px;
		}
		.site-title .site-name {
			font-size: 25px;
		}
		.site-title .site-description {
			font-size: 45px;
		}
		.boxed-menus .menu-item .box {
			width:150px;
			height: 150px;
		}
		.boxed-menus .menu-item .menu-text {
			font-size: 25px;
		}
		.social-boxes {
			margin: 0 auto;
		}
		.social-boxes .social-box {
			width: 130px;
			height: 90px;
			font-size: 14px;
			line-height: 30px;
			font-weight: normal;
		}
		.social-box i {
			font-size: 40px;
		}
		.social-boxes.inline .social-box {
			margin-right: 24px;
		}
		.navbar-default .navigation {
			margin-left: 50px;
		}
		.main-navigation .item {
			margin-right: 30px;
		}
		.navbar-default .social-links {
			display: block;
		}

		/* 16.5.1 - Effects Styles */
		.section-details.line-effect:before {
			left: -7.5%;
		}
		.section-details.line-effect:after {
			right: -7.5%;
		}
}

/* 16.1 - Mini devices (Mobiles Land, 767px and min) */
@media (max-width: 768px) {

	.boxvideo {
		height:50% !important;
		padding-bottom:0% !important;
		margin-bottom:0% !important;
	}

	.software {
		padding-top:0px !important;
		margin-top:-115px !important;
	}
	
	.equipatitle {
		font-size:2em;
	}
	
	.box-style-1 {
		width:100% !important;
	}
	.site-title {
		margin-bottom: 30px;
	}
	.site-title .site-name {
		font-size: 14px;
	}
	.site-title .site-description {
		font-size: 20px;
	}
	.boxed-menus .menu-item .box {
		width:135px;
		height: 135px;
	}
	.boxed-menus .menu-item .boxlogo {
	    padding-top: 74px;
		height: 329px;
	}

	.boxed-menus .menu-item .menu-text {
		font-size: 30px;
	}
	.social-boxes .social-box {
		width: 145px;
	}
	.social-boxes.inline .social-box {
		margin-right: 22px;
	}
	.navbar-default .navigation {
		margin-left: 70px;
	}
	.main-navigation .item {
		margin-right: 20px;
	}
	.navbar-default .social-links {
		display: none;
	}
	/* 16.1.1 - Effects Styles */
	.section-details.line-effect:before {
		left: -6%;
	}
	.section-details.line-effect:after {
		right: -6%;
	}
	/* 16.1.2 - Navigation */
	.navbar-static .navigation {
		margin-top: 50px;
	}
	.navbar-static-icons .navigation {
		margin-top: 30px;
	}
	#site-navigation .logo{
		margin-left: 15px;
		margin-top: -10px;
		padding: 6px 10px 9px 10px;
	}
	#site-navigation.navbar-default {
		padding: 5px;
		height:70px;
		padding-top: 10px;
		overflow: hidden;
	}
	#site-navigation.navbar-default.extend {
		height: auto;
	}
	#site-navigation.navbar-default .navigation {
		margin: 0;
		width: 100%;
	}
	#site-navigation.navbar-default .main-navigation {
		margin: 10px 0 10px 0;
		width: 100%;
	}
	#site-navigation.navbar-default .main-navigation li {
		margin: 0;
		/*border: 1px solid #DDD;
		border-bottom-color: transparent;*/
	}
	#site-navigation.navbar-default .main-navigation li:last-child {
		border-bottom-color: #DDD;
	}
	.main-navigation .item a {
		padding: 10px 0 10px 10px;

	}
	.navbar-bullet {
		right: 20px;
	}
	.navbar-bullet .navbar-toggle {
		display: block;
	}
	.navbar-bullet .navigation{
		display: none;
	}
	.navbar-bullet.extend .navigation{
		display: table;
	}
	.navbar-bullet ul li.item {
		margin-top: 15px;
	}
	
	.developed-by {
		display: none !important;
	}
	
	.boxlogo {
		width:290px;
		height:auto !important;
	}
	
}

/* 16.2 - Small devices (Mobile Pro, 768px and up) */
@media (max-width: 480px) {
		
	.boxlogo {
		padding-bottom:35px;
		width:350px;
		height:auto !important;
	}
	
	.boxlogo img {
		padding-left:15px;
	}
	
	#welcome {
		height:1240px;
	}
	.boxed-menus .menu-item .box {
		width:175px;
		height: 175px;
	}
	/* 16.2.1 - Contact Form */
	.contact-us {
		min-height:550px;
	}
	.contact-form .inputfields,
	.contact-form .text-area {
		width: 100%;
	}
	.inputfields input {
		width: 100%;
	}
	.contact-form .text-area {
		width: 100%;
	}
	.text-area textarea {
		width: 100%;
		min-height: 100px;
	}
	.testimonial p.content {
		font-size: 16px;
		line-height: 18px;
	}
	.box-item.contact-us img.item-background {
		height: 100%;
		width: auto;
	}
}

/* 16.3 - Small devices (Mobile Pro, 360px and up) */
@media (max-width: 360px) {
	.boxed-menus .menu-item .box {
		width:145px;
		height:145px;
	}
	.section-details {
		width: 290px;
		height: 290px;
	}
	.section-details .content {
		padding-top: 40%;
	}
	.section-details .content .description {
		display: none;
	}
}

/* 16.4 - Small devices (tablets, 768px and up) */
@media (min-width: 768px) {
		.site-title {
			margin-bottom: 30px;
		}
		.site-title .site-name {
			font-size: 25px;
		}
		.site-title .site-description {
			font-size: 35px;
		}
		.boxed-menus .menu-item .box {
			width:120px;
			height: 120px;
		}
		.boxed-menus .menu-item .boxlogo {
	    	padding-top: 29px;
		    height: 240px;
		}
		.boxed-menus .menu-item .menu-text {
			font-size: 25px;
		}
		.social-boxes {
			margin: 0 auto;
		}
		.social-boxes .social-box {
			width: 110px;
			height: 70px;
			font-size: 14px;
			line-height: 20px;
			font-weight: normal;
		}
		.social-box i {
			font-size: 25px;
		}
		.social-boxes.inline .social-box {
			margin-right: 12px;
		}
		.navbar-default .navigation {
			margin-left:40px;
		}
		.main-navigation .item {
			margin-right: 20px;
		}
		.navbar-default .social-links {
			display: none;
		}

		/* 16.4.1 - Effects Styles */
		.section-details.line-effect:before {
			left: -5%;
		}
		.section-details.line-effect:after {
			right: -5%;
		}

		.navbar-bullet .navbar-toggle {
			display: block;
		}
		.navbar-bullet .navigation{
			display: none;
		}
		.navbar-bullet.extend .navigation{
			display: table;
		}
}


/* Landscape Tablet and desktop machine */
@media (max-height: 768px) and (orientation: landscape) {
	.boxed-menus {
  		margin: 0 auto;
	}
	.site-title {
		margin-bottom: 40px;
	}
	.site-title .site-name {
		font-size: 25px;

	}
	.site-title .site-description {
		font-size: 45px;
	}
	.boxed-menus .menu-item .box {
		width:150px;
		height: 150px;
	}
	.boxed-menus .menu-item .boxlogo {
	    padding-top: 50px;
		height: 300px;
	}
	.boxed-menus .menu-item .menu-text {
		font-size: 25px;
	}
	.social-boxes {
		margin: 0 auto;
	}
	.social-boxes.above-box-menu {
		margin-top: 20px;
	}
	.social-boxes .social-box {
		width: 130px;
		font-size: 14px;
		font-weight: normal;
	}
	.social-boxes.inline .social-box {
		margin-right: 24px;
	}
	.navbar-static-icons .navigation {
		margin-top: 50px;
	}
	.navbar-static .navigation {
		margin-top: 50px;
	}
}

@media (max-height: 480px) and (orientation: landscape) {
	.contact-us .contact-form {
		padding-top:100px ;
	}
	
	.box-item .item-title {
		top:5%;
		padding:10px 20px;
	}
	
	.boxed-menus {
  		margin: 0 auto;
	}
	.site-title {
		margin-bottom: 40px;
	}
	.site-title .site-name {
		font-size: 20px;

	}
	.site-title .site-description {
		font-size: 35px;
	}
	.boxed-menus .menu-item .box {
		width:100px;
		height: 100px;
	}
	.boxed-menus .menu-item .boxlogo {
		padding-top: 30px;
		height: 200px;
	}
	.boxed-menus .menu-item .menu-text {
		font-size: 15px;
	}
	.social-boxes {
		margin: 0 auto;
	}
	.social-boxes.above-box-menu {
		margin-top: 50px;
		display: none;
	}
	.social-boxes .social-box {
		width: 120px;
		font-size: 14px;
		font-weight: normal;
	}
	.social-boxes.inline .social-box {
		margin-right: 24px;
	}
	.navbar-static-icons.extend {
		width: 200px;
	}
	.navbar-static-icons ul li {
		display: inline-block;
		min-width: 60px;
	}
	.navbar-static-icons .navigation {
		margin-top: 10px;
	}
	.navbar-static .navigation {
		margin-top: 50px;
	}
	.navbar-static ul li a {
  	padding: 8px 0px;
  	padding-left: 40px;
	}
}
/*-----  Responsive Layout  ------*/


/* MINHAS CLASSES */

.titleframes {
	color:#fff !important;
}

.background {
	position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: hidden;
    z-index: -1;
    background: #3D5566 url('../img/bg_3.png') center center;
    background-size: cover;
}

.equipaname {
	font-size:22px !important;

}

.equipatitle {
	font-size:45px !important;
}

.btnrelatorio img {
	width:auto;
	height:auto;
}

.boxtextos {
	padding-top:70px !important;
}

.textos {
	color:#fff !important;
	line-height:45px !important;
}

.btnfixolateral {
	position: fixed;
    bottom: 0;
    left: 0;
    xpadding:5px;
    width: 100%;
    background-color:#024b84;
    z-index:9999;	
}

.textobtnfixo {
	line-height:23px !important;
}

.btnfixolateral a {
	color:#fff !important;
}

.btnfixolateral a:hover {
	color:#0c8cf0 !important;
}

.btnfixolateral .contact-icon {
	float:none;
	xmargin-left:22px;
    width:30px;
    height:30px;}

.btnfixolateral .contact-icon .icon {
	fill:#fff;
}

@media (min-width: 768px) {
	.btnfixolateral {
		top: 45%;
		right: -5px;
		bottom: auto;
		left: auto;
		width: auto;
		max-width: 135px;
		border-top: none;
		-webkit-transition: all linear .1s;
		transition: all linear .1s;
		display:inline-block;
	}
}

@media (max-width:991px) {
	
	#welcome {
		display:none;
	}
	
	.sectionimg {
		display:none !important;
	}
	
	.section-details .content {
		padding-top:40% !important;
	}
	
	.contato-box-1 {
		height:180px !important;
	}
	
	.contato-box-1>.contato-box-2 {
		padding-top:5% !important;
	}
	
	.main-navigation .item {
		margin-right:0%;

	}
}

@media (max-width:768px) {
	.btnfixolateral {
		display:none;
	}
	
	.cycle-slideshow img {
		width:192vh !important;
		height:60vh !important;
		overflow: hidden;
	}
	
	.img-mobile {
		width:192vh !important;
		height:60vh !important;
		overflow: hidden;
	}
	
	.parkvideo {
		object-fit: cover !important;
		height:60vh !important;
	}
	
	.boxvideo {
		padding-top:39% !important;
	}
	
	.section-details {
		width:100%;
	}
	
	.section-details>.content>.title{
		font-size:3.5em;
		padding-top:8px !important;
		margin:-85px !important;
	}
	
	.section-details>.content>.description {
		font-size:1.3em !important;
		margin-top:87px;
		display:block !important;
	}
	
	.boxtextos {
		padding-top:40px !important;
	}
	
	.box-style-2 {
		height:180px !important;
	}
	
	.box-style-1 {
		height:360px !important;
	}
	
	.box-content>.text-solucoes {
		margin-top:32px !important;
		font-size:1.3em !important;
		line-height:20px !important;
		text-align:left !important;
		font-weight:200 !important;
	}
	
	.text-content {
		font-size:1.3em !important;
		line-height:45px !important;
		text-align:center !important;
		font-weight:200 !important;
		margin-top:-50px !important;
	}
	
	.equipatitle {
		padding-top:30px !important;
		font-size:2.5em !important;
	}
	
	.contato-box-1 {
		height:180px !important;
	}
	
	.contato-box-1>.contato-box-2>.title {
		margin-top:5% !important;
	}
	
	.contato-box-1>.contato-box-2>.description {
		font-size:1.3em !important;
		margin-top:80px !important;
		display:block !important;	
	}

	.line-effect:before {
		content: "";
		position: absolute;
		height: 1px;
		width:25%;
		background: #FFF;
		transform:rotate(40deg);
		-ms-transform:rotate(40deg);
		-webkit-transform:rotate(40deg);
	}
	
	.line-effect:after {
		content: "";
		position: absolute;
		height: 1px;
		width:25%;
		background: #FFF;
		transform:rotate(40deg);
		-ms-transform:rotate(40deg);
		-webkit-transform:rotate(40deg);
	}
	
	.line-effect:before {
		top:9%;
		left:-5.4%;
	}
	
	.line-effect:after {
		bottom:25%;
		right: 50.4%;
	}

/*
	.btnfixolateral {
		width:33%;
		height:13%;
		text-align:center;
	}
	
	.btnfixolateral .contact-icon {
		display:inline-block;
		margin-top:10px;
		float:left;

	}

	.btnfixolateral .textobtnfixo {
		display:inline-block;
		padding-bottom:50px;
		padding:13px 0 13px 0;
	}
}
*/

@media (max-width:700px) and (orientation: landscape) {
	
	.boxvideo {
		padding-top:16% !important;
	}

	.section-details>.content>.title{
		font-size:4.5em;
		padding-top:8px !important;
		margin:-210px !important;
	}
	
	.section-details>.content>.description {
		font-size:1.5em !important;
		margin-top:210px;
		display:block !important;
	}

	.equipatitle {
		font-size:3.6em !important;
		padding-top:30px !important;
	}

	.contato-box-1>.contato-box-2>.title {
		padding-top:39% !important;
	}

	.contato-box-1>.contato-box-2>.description {
		margin-top:36% !important;
	}

	.box-item .item-title {
		text-align:center !important;
	}

	.box-content>.text-solucoes {
		margin-top:-55px !important;
		font-size:1.5em !important;
		line-height:30px !important;
		text-align:center !important;
		font-weight:200 !important;
	}
	
	.text-content {
		font-size:1.5em !important;
		line-height:50px !important;
		text-align:center !important;
		font-weight:200 !important;
		margin-top:-5px !important;
	}
	
	.box-style-1 {
		height:280px !important;
	}

	.software {
		padding-top:0px !important;
		margin-top:-15px !important;
	}
	
	.cycle-slideshow img {
		width:192vh !important;
		height:80vh !important;
		overflow:hidden;
	}
	
	.img-mobile {
		width:192vh !important;
		height:60vh !important;
		overflow: hidden;
	}
	
	.parkvideo {
		height:70vh !important;
		object-fit:cover !important;
	}
	
}