/* Font imports */
@import url(http://fonts.googleapis.com/css?family=Roboto:400italic,400,300,100,500&subset=latin-ext);

/* Common styles */
body {
    padding-top: 50px;
	
}
.top-line {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}
.top-line.simple {
    height: 5px;
    background: url('../img/pixel-white-25.png') 0 0 repeat;
}
.no-bottom-padding { padding-bottom: 0 !important; }
.no-top-padding { padding-top: 0 !important; }
.align-left { text-align: left; }
.align-center { text-align: center; }
.align-right { text-align: right; }
a { outline: none !important; }
p {
    font-size: 13px;
    line-height: 16px;
    color: #fff;
    margin: 0 0 20px;
}
h1, h2, h3 , h4{
    display: block;
    margin: 0;
    padding: 0;
    text-align: center;
    color: #fff;
	font-family: 'Roboto';
}
h1 {
    display: block;
    height: 50px;
    font-family: 'Roboto';
    font-weight: 300;
    font-size: 27px;
    line-height: 50px;
    text-transform: uppercase;
    /*background: url('../img/h1.png') center bottom no-repeat;*/
    margin-bottom: 48px;
}
h3 {
    font-size: 23px;
    line-height: 36px;
    margin: -9px 0 41px 0;
}
h3, p, ul.list > li {
    font-family: 'Roboto';
    font-weight: 300;
}
ul.list, ul.list > li {
    list-style: none;
    padding: 0;
    margin: 0;
    font-family: 'Roboto';
    font-weight: 300;
    color: #fff;
}
ul.list > li {
    padding-left: 15px;
    background: url('../img/list-bullet.png') left center no-repeat;
}
.overlay {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 5px;
    background: url('../img/overlay-line.png') 0 0 repeat-x;
}
.overlay > .arrow {
    display: block;
    width: 81px;
    height: 20px;
    margin: 0 auto;
    background: url('../img/overlay-arrow.png') 0 0 no-repeat;
}
.overlay > .semi-arrow {
    display: block;
    width: 81px;
    height: 20px;
    margin: 0 auto;
    background: url('../img/overlay-semi-arrow.png') 0 0 no-repeat;
}
.button, .button:hover, .button:focus, .button:visited, .button:active {
    display: inline-block;
    font-family: 'Roboto';
    font-weight: 400;
    font-size: 18px;
    line-height: 48px;
    text-align: center;
    text-transform: uppercase;
    text-decoration: none;
    height: 48px;
    color: #fff;
    background: #f39b11;
    border: 0;
    padding: 0 25px;
}
.button.button-small {
    font-size: 14px;
    line-height: 35px;
    height: 35px;
}

/* Header, holds the navigation */
header {
    z-index: 9000 !important;
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    background: #fff;
	-webkit-box-shadow: 0 3px 3px rgba(0,0,0,0.1);
	-moz-box-shadow: 0 3px 3px rgba(0,0,0,0.1);
	box-shadow: 0 3px 3px rgba(0,0,0,0.1);
}
.navbar {
    z-index: auto;
    border: 0;
    border-radius: 0;
    margin: 0;
}
.navbar-toggle {
    width: 36px;
    height: 30px;
    padding: 0;
    margin: 10px 0 0 0;
    border: 0;
    border-radius: 0;
    background-color: #0C75B9;
}
.navbar .logo {
    float: left;
	display:block;
	width:165px;
}
.navbar .logo  img{
	width:100%;
	max-width:158px;
}
.navbar-collapse {
    max-height: 350px;
    border: 0;
}
.navbar-nav {
    min-height: 50px;
    margin: 0 -15px;
    background: #fff;
}

.navigation-top{
width:66.66666666666666%;
}
.navbar-nav > li > a {
    display: block;
    height: 50px;
    font-family: 'Roboto';
    font-weight: 400;
    font-size: 14px;
    line-height: 25px;
    text-transform: uppercase;
    color: #0C75B9;
    padding-top: 12px;
}
.navbar-nav > li > a .number {
    color: #dc6d1d;
    margin-right: 3px;
}
.navbar-nav > li li a .number {
    display: none;
}
.navbar-nav > li.active > a, .navbar-nav > li.active > a:hover {
    background-color: #bf392b;
}
.navbar-nav > li > a:hover, .navbar-nav > li > a:focus {
    background: transparent;
}
.navbar-nav > li.active > a .number, .navbar-nav > li > a:hover .number {
    color: #fff;
}
.head-facebook a{
display:block;
width:28px;
height:28px;
background:url('../images/face.png') no-repeat center center;
-o-transition:.5s;
-ms-transition:.5s;
-moz-transition:.5s;
-webkit-transition:.5s;
transition:.5s;
}

.head-facebook a:hover{
background:url('../images/face2-hover.png') no-repeat center center;
}

.head-in a{
display:block;
width:29px;
height:28px;
background:url('../images/in.png') no-repeat center center;
-o-transition:.5s;
-ms-transition:.5s;
-moz-transition:.5s;
-webkit-transition:.5s;
transition:.5s;
}

.head-in a:hover{
background:url('../images/2in-hover.png') no-repeat center center;
}

.head-in,.head-facebook{
float:right;
margin-top: 20px;
margin-left: 5px;
}
/* parallax element */
.parallax {
    display: block;
    position: relative;
    width: 100%;
    background-position: 50% 0;
    background-repeat: no-repeat;
    background-attachment: fixed;
}
.parallax .overlay {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url('../img/parallax-overlay.png');
}
.parallax .content {
    display: block;
    position: relative;
    padding: 50px 0;
}

/* Testimonial slider */
.testimonials, .testimonials > li {
    display: block;
    list-style: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
}
.testimonials {
    height: 0;
}
.testimonials > li {
    display: none;
    padding-bottom: 50px;
}
.testimonials > li.active {
    display: block;
}
.testimonials blockquote {
    border: 0;
    margin: 0;
    padding: 0;
}
.testimonials .image {
    display: block;
    width: 140px;
    height: 140px;
    margin: 31px auto 28px auto;
}
.testimonials blockquote {
    text-align: right;
}
.testimonials blockquote p, .testimonials blockquote cite {
    font-size: 11px;
    line-height: 17px;
    color: #fff;
    text-align: center;
}
.testimonials blockquote cite {
    display: inline-block;
    text-align: right;
    padding-left: 33px;
    margin-top: 20px;
    line-height: 13px;
    height: 13px;
    background: url('../img/quotes-small.png') 0 center no-repeat;
}
.testimonials blockquote cite .by {
    font-style: italic;
    font-size: 9px;
    line-height: 14px;
}
.bullets {
    display: block;
    height: 25px;
    text-align: center;
    margin-top: -14px;
    margin-bottom: -9px;
}
.bullets a {
    line-height: 25px;
    background: url('../img/bullet.png') center center no-repeat;
}
.bullets a.active {
    background-image: url('../img/bullet-active.png');
}
.bullets a > img {
    width: 17px;
    height: 25px;
}

/* Section */
section {
    display: block;
    position: relative;
    width: 100%;
    padding: 50px 0;
}
section h1 {
    margin-top: -15px;
}

/* Light section */
section.light {
    background: #e8eff1;
}
section.light h1 {
    color: #0c75b9;
}
section.light p {
    color: #333;
}

/* Blue section */
section.blue {
    background: #0C75B9;
}

/* Red section */
section.red {
    background: #bf392b;
}

/* Yellow section */
section.yellow {
    background: #f39b11;
}

/* Green section */
section.green {
    background: #159f85;
}

/* Services section */
.services .item h2 {
    text-transform: uppercase;
    font-size: 17px;
    line-height: 20px;
    margin-bottom: 25px;
    color: #fff;
	font-family: roboto;
	font-weight: 300;
}

.services .item .graphic {
    position: relative;
    display: block;
    width: 150px;
    height: 150px;
    margin: 0 auto 30px auto;
    background: url('../img/services-graphic-dashed.png') center center no-repeat;
    cursor: pointer;
}
.services .item .graphic > .hover, .services .item .graphic > img {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 150px;
    height: 150px;
}
.services .item .graphic > .hover {
    background: url('../img/services-graphic-hover.png') center center no-repeat;
}
.services .item .bottom {
    display: block;
    width: 100%;
    height: 20px;
    margin-bottom: 30px;
    background: url('../img/services-bottom.png') center 0 no-repeat;
}
.services .item:hover .bottom {
    background-image: url('../img/services-bottom-hover.png');
}
.services .item .content {
    font-family: 'Roboto';
    font-weight: 300;
    font-size: 14px;
    line-height: 14px;
    text-align: center;
    color: #fff;
}
#skills h1 span,#skills h2 span{
background:#fff;
padding: 10px 60px;
color:#f39b11;
}
#skills h1:after{
content:none;
}
#skills .container>p{
font-size:16px;
font-weight: 300;
}
#skills .counter>div{
font-weight: 300;
font-size:30px
}
.contact-line a{
color:#fff;
}
.contact-line a:hover{
text-decoration:none;
}
.services .arrow {
    display: block;
    width: 37px;
    height: 52px;
    margin: 30px auto 30px auto;
    background: url('../img/services-arrow.png') center center no-repeat;
}

/* How can we help section */
.flexslider.mini {
    background: transparent;
    border: 0;
    border-radius: 0;
    margin-bottom: -75px;
}
.flexslider.mini .flex-control-paging li a {
    background: #b6b6b6;
}
.flexslider.mini .flex-control-paging li a.flex-active {
    background: #f39b11;
}
.flexslider.mini .flex-direction-nav {
    display: none;
}

/* Team section */
.team {
  
}
.team h1 span{
background:#0C75B9;
padding: 10px 60px;
color:#fff;
}
.team h1:after{
content:none;
}



.team .item {
    max-width: 275px;
    margin: 0 auto;
    padding: 0; 
    color: #0C75B9;
    background: #d2dfe3;
}

.team .item .image {
    display: block;
    margin: 0 auto;
	width:250px;
}
.team .item .name {
    font-family: 'Roboto';
    font-weight: 400;
    font-size: 16px;
    line-height: 16px;

    text-align: center;
    margin: 15px 0 0 0;
}
.team .item .title {
    font-family: 'Roboto';
    font-weight: 300;
    font-size: 12px;
    line-height: 12px;
    text-transform: capitalize;
    text-align: center;
    margin: 11px 0;
}
.team .item .team-item{
	max-width:254px;
	margin:0 auto;
	border: 2px solid #fff;
	background:#e8eff1;
}
.services .item .graphic > .hover img {

width:100%;
height:100%;
}
.services .item .graphic > .hover{
z-index:2000;
}
.team .social, .team .social > li, .team .social > li > a {
    display: block;
    margin: 0;
    padding: 0;
    list-style: none;
}
.team .social {
	display:none;
    width: 160px;
    height: 40px;
    margin: 28px auto 0px auto;
}
.team .social > li, .team .social > li > a {
    width: 38px;
    height: 38px;
    float: left;
	overflow:hidden;
}
.team .item .social > li > a {

}

.team .item .social > li > a.facebook {
background: url('../images/faceb.png') no-repeat center center;
}
.team .item:hover .social > li > a.facebook {
background: url('../images/faceb-hover.png') no-repeat center center;

}
.team .item:hover .social > li > a.twitter {
    background: #2e97e9;
}
.team .item:hover .social > li > a.dribbble {
    background: #f05e95;
}
.team .item:hover .social > li > a.linkedin {
background: url('../images/in2-hover.png') no-repeat center center;
}
.team .item .social > li > a.linkedin {
background: url('../images/in2.png') no-repeat center center;
}

/* The experience (counters) section */
.counters {
    margin-top: 3px;
}
.counters .title {
    display: inline-table;
    font-family: 'Roboto';
    font-weight: 300;
    font-size: 22px;
    line-height: 22px;
    text-transform: uppercase;
    text-align: center;
    color: #fff;
}
.counters .counter {
    position: relative;
    display: block;
    width: 77px;
    height: 85px;
    margin: 30px auto 20px auto;
    background: url('../img/about-circle.png');
	color:#f39b11;
	font-size:30px;
	font-weight: 300;
	text-align: center;
	padding-top: 19px;
}
.counters .counter .left, .counters .counter .right {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 66px;
    height: 132px;
    overflow: hidden;
}
.counters .counter .right {
    left: 66px;
}
.counters .counter .right > img {
    margin-left: -66px;
}
.counters .counter .value {
    position: absolute;
    display: block;
    width: 132px;
    height: 132px;
    font-family: 'Roboto';
    font-weight: 300;
    font-size: 36px;
    line-height: 132px;
    text-align: center;
    color: #fff;
}

/* Our services section */
.vertical-tabs {
    margin-top: 43px !important;
}

/* Responsive tabs */
.resp-arrow {
    display: none;
}
h2.resp-accordion {
    position: relative;
    height: 50px;
    font-family: 'Roboto';
    font-weight: 400;
    font-size: 16px;
    line-height: 50px;
    text-transform: uppercase;
    text-align: left;
    color: #777;
    padding: 0 15px;
    background: #e8eff1;
    border: #e6d7c9 1px solid;
    border-left: 0 !important;
    border-right: 0 !important;
    border-top: 0px #e6d7c9 solid;
}
.resp-accordion.resp-tab-active {
    color: #0C75B9;
    background: #fff !important;
    padding: 0 15px !important;
}
.resp-accordion .number {
    display: block;
    position: absolute;
    top: 0;
    right: 15px;
    height: 50px;
    font-family: 'Roboto';
    font-weight: 100;
    font-size: 28px;
    line-height: 48px;
    color: #d9e0e2;
}
.resp-vtabs .resp-tab-content {
    background:#f39b11;;
    border: #e6d7c9 1px solid;
    border-left: 0;
    border-right: 0;
}
h2.resp-accordion:first-child {
    border-top: #e6d7c9 1px solid !important;
}
.resp-vtabs .resp-tab-content:last-child {
    border-bottom: #e6d7c9 1px solid !important;
}

/* Portfolio section */
.portfolio.flexslider {
    margin-top: 50px;
    margin-bottom: 0;
    background: transparent;
    border: 0;
    border-radius: 0;
}
.portfolio .item, .portfolio .item > img, .portfolio .item > .overlay {
    width: 280px;
    height: 200px;
}
.portfolio .width3 > img, .portfolio .width3 > .overlay, .portfolio .width3{
width: 280px;
}
.portfolio .item {
    position: relative;
    overflow: hidden;
}
.portfolio .item > .overlay {
    position: absolute;
    top: 200px;
    left: 0;
    background: #0C75B9;
	opacity:0.8;
}
.portfolio .item:hover > .overlay {
    top: 0;
}
.portfolio .item > .overlay .title, .portfolio .item > .overlay .subtitle, .portfolio .item > .overlay .likes {
    display: block;
    font-family: 'Roboto';
    font-weight: 400;
    font-size: 18px;
    text-transform: uppercase;
    text-align: center;
    color: #fff;
}
.portfolio .item > .overlay .title {
    margin-top: 50px;
}
.portfolio .item > .overlay .subtitle {
    font-size: 12px;
    margin-top: 10px;
}
.portfolio .item > .overlay .subtitle em {
    font-style: normal;
    color: #f29a11;
}
.portfolio .item > .overlay .likes {
    position: absolute;
    bottom: 15px;
    left: 10px;
    width: 100px;
    text-transform: none;
    text-align: left;
    font-size: 12px;
    line-height: 22px;
}
.portfolio .item > .overlay .likes > img {
    width: auto;
    height: auto;
    float: left;
    margin-right: 10px;
}
.portfolio .item > .overlay .zoom, .portfolio .item > .overlay .link {
    position: absolute;
    bottom: 10px;
    display: block;
    width: 40px;
    height: 40px;
   
}
.portfolio .item > .overlay .zoom {
    right: 42px;
    background: url('../img/full-screen.png') center center no-repeat;
}
.portfolio .item > .overlay .link {
    right: 10px;
    background: url('../img/link.png') center center no-repeat;
}
.portfolio .flex-direction-nav a.flex-next {
    width: 52px;
    height: 37px;
    top: -50px;
    right: 10px !important;
    background: url('../img/flex-next.png') center center no-repeat;
}
.portfolio .flex-direction-nav a.flex-prev {
    width: 52px;
    height: 37px;
    top: -50px;
    left: 10px !important;
    background: url('../img/flex-prev.png') center center no-repeat;
}
.flex-direction-nav a.flex-prev:before {
    content: '';
}
.flex-direction-nav a.flex-next:before {
    content: '';
}

/* Blog posts section */
.posts, .posts .type-post {
    display: block;
    width: 100%;
}
.posts {
    margin-bottom: 50px;
}
.posts .type-post {
    position: relative;
    background: #fff;
    overflow: hidden;
    min-height: 70px;
    height: 70px;
}
.posts .type-post .image {
    width: 100%;
}
.posts .type-post .content {
    padding: 30px;
}
.posts .type-post .content p {
    color: #777;
    font-size: 13px;
    line-height: 16px;
}
.posts .type-post .line {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    min-height: 70px;
    color: #fff;
    font-family: 'Roboto';
    font-weight: 300;
    text-decoration: none;
    background: url('../img/blog-post-line.png') 0 0 repeat;
}
.posts .type-post .line .type {
    margin: 10px;
    float: left;
}
.posts .type-post .line .title {
    display: block;
    float: left;
    font-size: 18px;
    line-height: 22px;
    margin: 22px 0;
    max-width: 50%;
}
.posts .type-post .line .date {
    font-size: 14px;
    line-height: 17px;
    text-transform: uppercase;
    float: right;
    margin: 26px 10px;
}

/* Social icons */
.social-icons {
    font-size: 0;
}
.social-icons > a {
    width: 64px;
    height: 64px;
    display: inline-block;
    overflow: hidden;
    background: #fff;
}
.social-icons > a > img {
    width: 64px;
    height: 140px;
}
@-webkit-keyframes social-forward {
    0% { margin-top: 0; -webkit-transform: scale(1); }
    0.25% { margin-top: 0; -webkit-transform: scale(0.84375) translate(0, -7px); }
    0.75% { margin-top: -64px; -webkit-transform: scale(0.84375) translate(0, -7px); }
    1% { margin-top: -76px; -webkit-transform: scale(1); }
    100% { margin-top: -76px; -webkit-transform: scale(1); }
}
@-webkit-keyframes social-backward {
    0% { margin-top: -76px; -webkit-transform: scale(1); }
    0.5% { margin-top: -64px; -webkit-transform: scale(0.84375) translate(0, -7px); }
    0.75% { margin-top: 0; -webkit-transform: scale(0.84375) translate(0, -7px); }
    1% { margin-top: 0; -webkit-transform: scale(1); }
    100% { margin-top: 0; -webkit-transform: scale(1); }
}
@keyframes social-forward {
    0% { margin-top: 0; transform: scale(1); }
    0.25% { margin-top: 0; transform: scale(0.84375) translate(0, -7px); }
    0.75% { margin-top: -64px; transform: scale(0.84375) translate(0, -7px); }
    1% { margin-top: -76px; transform: scale(1); }
    100% { margin-top: -76px; transform: scale(1); }
}
@keyframes social-backward {
    0% { margin-top: -76px; transform: scale(1); }
    0.5% { margin-top: -64px; transform: scale(0.84375) translate(0, -7px); }
    0.75% { margin-top: 0; transform: scale(0.84375) translate(0, -7px); }
    1% { margin-top: 0; transform: scale(1); }
    100% { margin-top: 0; transform: scale(1); }
}
.social-icons > a:hover > img {
    -webkit-animation: social-forward 65s;
    animation: social-forward 65s;
}
.social-icons > a > img {
    -webkit-animation: social-backward 50s;
    animation: social-backward 50s;
}

/* Contact us section */
.contact-line {
    display: block;
    width: 100%;
    height: 200px;
    position: relative;
    margin-top: 170px;
    margin-bottom: 100px;
}
.contact-line .left, .contact-line .right {
    display: block;
    width: 100%;
    height: 120px;
    position: absolute;
    top: 0;
    text-align: center;
}
.contact-line .left p, .contact-line .right p {
    margin-top: 35px;
    color: #fff;
}
.contact-line .left {
    left: 0;
    background: #0d74b9;
}
.contact-line .right {
    top: 100px;
    left: 0;
    background: #f39c11;
}
.contact-line .arrow {
    position: absolute;
    top: -120px;
    left: 50%;
    margin-left: -36px;
}
.contact-form {
    margin-top: 30px;
    margin-bottom: 50px;
}
.contact-form input:not(#recaptcha_response_field), .contact-form textarea {
    width: 100%;
    height: 50px;
    font-family: 'Roboto';
    font-style: italic;
    font-size: 14px;
    line-height: 20px;
    padding: 15px;
    border: 0;
    border-bottom: #ccc 1px solid;
    background: transparent;
    outline: none;
    margin-bottom: 20px;
}
.contact-form input:focus:not(#recaptcha_response_field), .contact-form textarea:focus {
    border-bottom: #f39c11 1px solid;
}

#recaptcha_response_field {
    line-height: 14px;
}
.contact-form textarea {
    height: 190px;
    resize: none;
}
.map {
    width: 100%;
    height: 440px;
}

/* Subscribe section */
.subscribe {
    background: #bf392b;
    padding: 50px 0 20px 0;
    text-align: center;
}
.subscribe p {
    font-family: 'Roboto';
    font-weight: 300;
    font-size: 22px;
    color: #fff;
    text-align: center;
}
.subscribe input {
    width: 257px;
    height: 50px;
    color: #fff;
    font-family: 'Roboto';
    font-style: italic;
    font-size: 14px;
    line-height: 20px;
    border: 0;
    border-bottom: #e7b4ae 1px solid;
    background: url('../img/mail.png') 10px 7px no-repeat transparent;
    padding: 0 15px 0 48px;
    margin-bottom: 30px;
    outline: 0;
}
.subscribe .button {
    height: 50px;
    margin-bottom: 30px;
}
.subscribe .result {
    width: 320px;
    margin: 10px auto 0 auto;
    color: #fff;
}

/* Footer section */
footer {
    display: block;
    width: 100%;
    font-family: 'Roboto';
    font-weight: 300;
    font-size: 16px;
    text-align: center;
    color: #777;
    padding: 50px 0;
}

/* Back to top link */
.to-top {
    z-index: 9000;
    position: fixed;
    right: 0;
    bottom: 0;
	margin: 10px;
	border:1px solid #fff;
}

/* Slider CSS */
.slider, .slider .slide, .slider .slide > * {
    z-index: 3000 !important;
}
.slider {
    position: relative;
}
.slider .slide {
	position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
}
.slider .slide .content {
    display: block;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    text-align: center;
}
.slider .h1, .slider .h2 {
    font-family: 'Roboto';
    font-weight: 400;
    font-size: 30px;
    line-height: 35px;
    margin-bottom: 30px;
    color: #fff;
    text-transform: uppercase;
    text-align: center;
}
.slider .h2 {
    font-weight: 300;
    font-size: 18px;
    line-height: 24px;
    text-transform: none;
}
.slider .button {
    display: block;
    width: 220px;
    height: 60px;
    line-height: 60px;
    margin: 0 auto;
}
.slider .button.long-btn{
 width: 270px !important;
}
.itpluscluster .button.long-btn{
 width: 324px !important;
}
.slider .button-red {
    margin-top: 80px;
    background: #bf392b;
}
.slider .button-green {
    background: #159f85;
}
.slider .or {
    margin: 20px 0;
}

.flex-viewport{
min-width:500px;
}


/* custom changes */
.social-icons > a {
    position: relative;
}
.social-icons > a > img {
    position: absolute;
    top: 0;
    left: 0;
}
.contact-form input:focus::-webkit-input-placeholder,
.contact-form textarea:focus::-webkit-input-placeholder {
    opacity: 0.5;
}
.contact-form input:focus:-moz-placeholder,
.contact-form textarea:focus:-moz-placeholder {
    opacity: 0.5;
}
.contact-form input:focus::-moz-placeholder,
.contact-form textarea:focus::-moz-placeholder {
    opacity: 0.5;
}
.contact-form input:focus:-ms-input-placeholder,
.contact-form textarea:focus:-ms-input-placeholder {
    opacity: 0.5;
}
.contact-form input,
.contact-form textarea {
    -moz-appearance: textfield;
    -webkit-appearance: textfield;
    appearance: textfield;
}
.bullets {
    position: relative;
}
.posts .type-post .line+.content{
    margin-top: 70px;
}
.posts .type-post .line .title{
    white-space: pre;
    text-overflow: ellipsis;
    overflow: hidden;
}
.posts .type-post.open .line .title{
    white-space: normal;
    overflow: visible;
}
@-webkit-keyframes posts-load {
    from { -webkit-transform: rotate(0deg); }
    to { -webkit-transform: rotate(360deg); }
}
@keyframes posts-load {
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
}
.posts_load{
    height: 32px;
    width: 32px;
    cursor: pointer;
    margin: auto;
    background-image: url('../img/load_posts.png');
    background-repeat: no-repeat;
    background-position: center top;
}
.posts_load.posts_load_progress{
    background-position: center bottom;
    -webkit-animation: posts-load 1s linear infinite;
    animation: posts-load 1s linear infinite;
}
h1 {
    position: relative;
}
.yellow h1:after {
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    width: 180px;
    height: 1px;
    margin: auto;
    background: #fff;
}

.green h1:after {
    background: #7fc7bb;
}
.red h1:after,
.yellow h1:after {
    background: #fff;
}
.counters,
.team {
    font-size: 0;
    text-align: center;
}

.team > div {
    display: inline-block;
    float: none;
}
.team .social {
    text-align: center;
    font-size: 0;
}
.team .social > li {
    display: inline-block;
    float: none;
}
.flexslider.mini{
    margin-bottom: 45px;
}
.asset-mini-slider .flexslider.mini{
    margin-bottom: -75px;
}
.posts .type-post{
    -webkit-transition: opacity 0.8s ease;
    -moz-transition: opacity 0.8s ease;
    -ms-transition: opacity 0.8s ease;
    -o-transition: opacity 0.8s ease;
    transition: opacity 0.8s ease;
}
.admin-bar header{
-webkit-box-shadow: -2px 0px 25px 0px rgba(110,110,110,1);
-moz-box-shadow: -2px 0px 25px 0px rgba(110,110,110,1);
box-shadow: -2px 0px 25px 0px rgba(110,110,110,1);
    top: 32px;
}
#filters .button{
	display: inline-block;
	font-weight: 400;
	font-size: 14px;
	line-height: 35px;
	text-align: center;
	text-transform: uppercase;
	text-decoration: none;
	height: 35px;
	color: #0C75B9;
	background: #e8eff1; 
	border: 1px solid #0C75B9; 
	padding: 0 25px;
	box-shadow:none;
}
#filters .button:focus{
outline:none;
}
	#filters{
	text-align:center;
	}
#filters .button.is-checked{
	color: #fff;
	background:  #0C75B9; 
}
.top-right{
float:right;
}
.team .item{
margin-right:10px;
}
#portfolio button{
	display: inline-block;
	font-family: 'Roboto';
	font-weight: 500;
	font-size: 14px;
	line-height: 30px;
	text-align: center;
	text-transform: none;
	text-decoration: none;
	height: 30px;
	color: #fff;
	background: #f39b11;
	border: 0;
	padding: 0 22px;
	margin-bottom: 5px;
}
#filters{
	text-align: center;	
	margin-bottom:25px;
}
.white_line{
	height: 2px; 
	border: 1px solid #fff; 
	display: inline-block;
	width: 225%;
	position: absolute;
	text-align: right;
	top: 40px;
	left: 77px;
}
.skills:last-child .white_line{
	display:none;
}
.isotope{
margin: 0 auto;	
}
.isotope:after {
  content: '';
  display: block;
  clear: both;
}
.navbar-nav > li{

}
#lang_choice{
  -moz-appearance: none;
    text-indent: 0.01px;
    text-overflow: '';
  -moz-appearance: none !important;

}

#team .container.compact>p.align-center{
 padding: 0 16%; 
}


@media (max-width: 950px) {
	#team .container.compact>p.align-center{
	 padding: 0 5%!important; 
	}
}

@media (max-width: 767px) {
    .admin-bar header{
        top: 46px;
    }
		#team .container.compact>p.align-center{
	 padding: 0 3%!important; 
	}
}
@media (min-width: 768px) {
    .navbar-nav > li {
        position: relative;
    }
    .navbar-nav > li:before {
        content: "";
        position: absolute;
       /* background: #bf392b;*/
        left: 0;
        right: 0;
        height: 15px;
        /*top: -15px;*/
        top: -33px;
        -webkit-transition: top 0.35s cubic-bezier(0.13, 0.71, 0.3, 0.94), opacity 0.35s cubic-bezier(0.13, 0.71, 0.3, 0.94);
        -khtml-transition: top 0.35s cubic-bezier(0.13, 0.71, 0.3, 0.94), opacity 0.35s cubic-bezier(0.13, 0.71, 0.3, 0.94);
        -moz-transition: top 0.35s cubic-bezier(0.13, 0.71, 0.3, 0.94), opacity 0.35s cubic-bezier(0.13, 0.71, 0.3, 0.94);
        -ms-transition: top 0.35s cubic-bezier(0.13, 0.71, 0.3, 0.94), opacity 0.35s cubic-bezier(0.13, 0.71, 0.3, 0.94);
        -o-transition: top 0.35s cubic-bezier(0.13, 0.71, 0.3, 0.94), opacity 0.35s cubic-bezier(0.13, 0.71, 0.3, 0.94);
        transition: top 0.35s cubic-bezier(0.13, 0.71, 0.3, 0.94), opacity 0.35s cubic-bezier(0.13, 0.71, 0.3, 0.94);
        opacity: 0;
    }
    .navbar-nav > li.active:before,
    .navbar-nav > li.current-menu-item.biznex-no-anchor:before,
    .navbar-nav > li.current-menu-ancestor.biznex-no-anchor:before,
    .navbar-nav > li.current_page_item.biznex-no-anchor:before,
    .navbar-nav > li.current_page_ancestor.biznex-no-anchor:before {
        top: 33px;
        opacity: 1;
    }
    .navbar-nav > li > a, .navbar-nav > li > a:hover, .navbar-nav > li.active > a, .navbar-nav > li.active > a:hover {
        background-image: none !important;
    }
		
}
@media (min-width: 992px) {
    .navbar-nav > li:before {
        height: 17px;
    }
}
@media (min-width: 767px) and  (max-width: 850px) {
	.contact-line .left, .contact-line .right{
	height:153px;
	}
}
@media (max-width: 767px) {
    .navbar-nav > li.active > a, .navbar-nav > li.active > a:hover {
        background-color:  #0C75B9 !important;
		color:#fff;
    }
	#contact .arrow{
	display:none;
	}
	#contact .contact-line{
	margin-top:0px;
	}
	 .navbar-nav > li > a, .navbar-nav > li> a:hover {
	   border:0px !important;
	   height:auto!important;
	 }
	 
	 #services .container>p.align-center,
	 #products .container>p.align-center,
	 #portfolio .container>p.align-center,
	 #contact .container>p.align-center,
	 #team .container>p.align-center,
	 #skills .container>p{
	 font-size:17px !important;
	 }
	 .esolutions .content{
	 font-size: 14px!important;
	 line-height: 16px!important;
	 }
	 .skills .white_line{display: none;}
}
@media (max-width: 991px) {
    .asset-mini-slider .flexslider.mini{
        margin-bottom: -25px;
    }
    .asset-mini-slider .flex-control-nav{
        bottom: -80px;
    }
    .asset-mini-slider .flexslider.mini .slides > li > .row > div:first-child{
        margin-bottom: 40px;
    }
	#filters .button{
	font-size: 14px;
	line-height: 14px;
	text-align: center;
	text-transform: uppercase;
	text-decoration: none;
	height: 31px;
	padding: 0 18px;
	margin-bottom:5px;
	}

	
}
@media (min-width: 767px) and (max-width: 992px) {
	.esolutions>div {
	min-height:437px;
	}
.resp-vtabs .resp-tabs-list li{
	height: 40px!important;
	font-size: 11px!important;
	line-height: 40px!important;
	}
	
	
}

@media (max-width: 415px) {
	#services h1 span {

	padding: 5px 12px !important;
	}
}
@media (max-width: 333px) {
	#portfolio h1 span, #team h1 span ,#contact h1 span{
	padding: 10px 20px;
	font-size:20px;
	}
	

	.navbar-toggle{
	float:right;
	}
}
@media (max-width: 345px) {
	.navbar .logo {
	width:120px!important;
	margin-top:7px;
	}
}
/* fixes */
.portfolio .item > .overlay .link{
      right: 50%;
	margin-right: -38px;
}
.portfolio .item > .overlay .zoom{
    right: 50%;
	margin-right: 5px;
}
.parallax{
    background-size: 100%;
}
.slider .first-slide .content{
    top: 40px !important;
}
.slider .blue-slide .content{
	top: 160px !important;
}



@media (max-width: 767px){
	.navbar-header{	
		padding-right:103px !important;
		float:left ;
		width:90%;
	}
	.top-right{
	margin-left:-120px;
	}
	.head-facebook,.head-in{
	margin-top:10px;
	}
	
	ul.lang{
	margin:10px 0px 0px -70px!important
	}
	.esolutions .graphic {	
		margin-top: 20px;
	}
	#processes h1, .technology h1 {
	font-size: 26px!important;
	}
	div.lang{
		margin-top: 10px!important;
	}

	.hesperiden.tparrows{
		width: 20px;
		height: 20px;
	}
	
	.hesperiden.tparrows:before{
		font-size: 15px;
		line-height: 22px;
	}
	
	.hesperiden.tparrows.tp-leftarrow:before{
		margin-left: -2px;
	}
	
	.hesperiden.tparrows.tp-rightarrow:before{
		margin-right: -2px;
	}
	
}
@media (max-width: 1010px) {
	.slider .first-slide .slider-image img{
		width:100%
	}
	.slider .first-slide .content{
		top: 10px !important;
	}

	.first-slide .slider-text{
		margin-left:10px!important;
		width:35%!important;
		margin-top:10px!important;
	}
	.first-slide  .h2{
		font-size:20px!important;
		margin-bottom:10px;
	}
	.first-slide  .nev{
		font-size:22px!important;
	}
	.first-slide .slider-image{
		margin-left:25% !important;
		width:20% !important;
	}
	.first-slide .s-text{
	margin-left:30px !important;
	}
	.apostrop{
	margin-left:-32px!important;
	}
	.slider .blue-slide .content{
		top:20%!important;
	}

}
@media (max-width: 520px) {

	.first-slide  .nev{
		font-size:13px!important;
	}
	.first-slide  .h2{
	font-size:16px!important;
	}
	.esolution .sub-t {
		font-size: 28px !important;
	}
	.first-slide .slider-image {
		margin-left: 9% !important;
		width: 35% !important;
	}
	.first-slide .slider-text{
		width:46%;
	}
	
	#team .owl-next,
	#team .owl-prev{
		top:-160px !important;
	}
}
@media (max-width: 324px) {
.itpluscluster .button.long-btn{
 width: 100% !important;
}
}
@media (min-width: 767px) and (max-width: 992px){
	.navbar-header .logo {
		width:124px!important;
		margin-top:25px!important;
	}
}

.slider .h1{	
font-weight:300;
}
/*------*/

/* ----------- KARRIER PAGES STYLE ----------------*/
.career_bg {
    background-color: white;
}

.carrier-post {
    padding-top: 25px;
    
}

.career_title {
    color: #0b6dad;
    font-family: Roboto;
    font-weight: 400;
    font-size: 35px;
    padding-left: 90px;

}

.single-career_title {
    color: white !important;
    font-family: Roboto;
    font-weight: 400;
    font-size: 35px;
    padding-left: 90px;
    background-color: #F39B11;
}

.career_date {
    font-size: 15px;
    font-weight: 300;
    color: #0B6DAD;
    margin-top: -91px;
    width: 119px;
    float: right;
}

.career_post_content {
    text-align: justify;
}

.more-info-button {
    text-align: center;
    border-bottom: 1px solid #cacaca;
    width:100%;
}

.more-nfo-btn {
    display: inline-block;
    font-family: 'Roboto';
    font-weight: 400;
    font-size: 18px;
    line-height: 48px;
    text-align: center;
    text-transform: none;
    text-decoration: none;
    height: 48px;
    color: #fff;
    background: #f39b11;
    border: 0;
    padding: 0 25px;
}

.more-info-button a {
    margin-top: 38px;
    font-weight: 300 !important;
    font-size: 14px;
    text-transform: none;
    padding-left: 40px;
    padding-right: 40px;
    text-decoration: none;
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    overflow: hidden;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: color, background-color;
    transition-property: color, background-color;
}

.more-info-button a:hover {
    margin-top: 38px;
    font-weight: 300 !important;
    font-size: 14px;
    text-transform: none !important;
    padding-left: 40px;
    padding-right: 40px;
    text-decoration: none;
    background-color: #2098d1;
    color: white;

}

.title-row {
    min-height: 100px;
    text-align: center;
}

.spacer {
    min-height: 100px;
    background-color: white;
}

.single-career-details {
    width:102%;
    background-color:#ecf4f6;
    margin-top: 34px;
}

.column1 {
    padding: 50px 50px 50px 100px;
}

.column1 h4 {
    color:white;
    text-align: left;
    font-weight: 300;
    text-transform: none;
    background-color: #0C74B9;
    padding: 12px;
}

.column1 p {
    text-align: justify;
}

.columns {
    padding-top: 27px;
}

.single-carrier-title {
    display: inline-block;
    font-weight: 300;
    font-size: 30px;
    text-align: center;
    text-transform: uppercase;
    text-decoration: none;
    height: auto;
    color: white !important; 
    padding: 37px;
    box-shadow:none;
    line-height: 7px;
    margin-top:50px;
    background-color:#f39b11;
    border:0px;
}

.carrier-section-subtitle {
    color:#999;
    font-size:17px;
    display:block;
    margin-top:-40px;
    margin-bottom:60px;
}

.carrier-section-contact-title {
    margin-top: 40px;
}

.carrier-section-contact-subtitle {
    font-weight: 300;
    color:#999;    
    margin-top: -51px;
    margin-bottom: 65px;
    text-transform: none;
}

./* ------- CONTACT FORM 7 STYLE ------- */

.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 textarea
{
    background-color: #fff;
    color: #000;
    width: 50%;
    height: 40px;
    margin-top: 20px;
}

input.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required {
    width: 100%;
    height: 40px;
    margin-top: 13px;
    border:1px solid #A9A9A9;
}

input.wpcf7-form-control.wpcf7-text {
    width: 100%;
    height: 40px;
    margin-top: 13px;
    border:1px solid #A9A9A9;
}

textarea.wpcf7-form-control.wpcf7-textarea {
    width: 100%;
    margin-top: 13px;
    border:1px solid #A9A9A9;
}

span.wpcf7-form-control-wrap.uploadcv {
    display: block;
    margin-top: 11%;
}

div#recapcha {
    margin-bottom: 55px;
}

input.wpcf7-form-control.wpcf7-submit {
    color:#fff;
    background-color: #0670B6;
    border: 0px;
    padding: 10px 43px 10px 43px;
    margin-left: 37px;
    -o-transition:.5s;
    -ms-transition:.5s;
    -moz-transition:.5s;
    -webkit-transition:.5s;
    transition:.5s; 
}

input.wpcf7-form-control.wpcf7-submit:hover {
    background-color: #6DC5FF !important;
}

#upload-file {
    background: url(http://test15.demo.enetix.ro/wp-content/uploads/2015/11/btn-normal.png) no-repeat;
    width: 189px;
    height: 45px;
    left: 36px;
    border: 1px solid #999;
      -o-transition:.5s;
    -ms-transition:.5s;
    -moz-transition:.5s;
    -webkit-transition:.5s;
    transition:.5s; 
}

#upload-file:hover {
    background: url(http://test15.demo.enetix.ro/wp-content/uploads/2015/11/btn-hvr.png) no-repeat;
    width: 189px;
    height: 45px;
    border: 1px solid #00aef0;
}

#upload-file input {
    opacity: 0;
    display:inherit;
    width:189px;
    height:45px;
}

div#recapcha > div > div {
    margin: 0 auto;
}

/*Team Section arrow navigator CSS (asztalosa)*/

/* Medium Devices, Desktops */
@media only screen and (max-width : 991px) {

}

/* Small Devices, Tablets */
@media only screen and (max-width : 767px) {

}

/* Extra Small Devices, Phones */ 
@media only screen and (max-width : 575px) {

}

@media (max-width: 575px) {
	#team .owl-next,
	#team .owl-prev{
		top: 150px !important;
	}
	
	#team .owl-next{
		right:-13px !important;
	}
	
	#team .owl-prev{
		left: -13px !important;
	}
	
	.owl-theme .owl-controls .owl-buttons div{
		zoom: 0.7 !important;
	}
}

/* Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) and (max-width: 767px) { 
	#team .owl-next,
	#team .owl-prev{
		top: 100px !important;
	}
	
	#team .owl-next{
		right:10px !important;
	}
	
	.owl-carousel .owl-wrapper-outer{
		width:50% !important;
	}
	
/* Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) and (max-width: 991px) {
	#team .owl-next,
	#team .owl-prev{
		top: 100px !important;
	}
	
	.owl-carousel .owl-wrapper-outer{
		width:50% !important;
	}
}

/* Large devices (desktops, 992px and up)*/
@media (min-width: 992px) and (max-width: 1199px) {
	
}

/* Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) {
	
}