/*STYLE.CSS*/
/*-------------------------------------------------------------------------------------------------------------------------------*/
/*This is main CSS file that contains custom style rules used in this template*/
/*-------------------------------------------------------------------------------------------------------------------------------*/
/* Template Name: Invisio.*/
/* Version: 1.0 Initial Release*/
/* Build Date: 20-8-2014*/
/* Author: Unbranded.*/
/* Website: http://moonart.net.ua/Magellan/ 
/* Copyright: (C) 2014 */
/*-------------------------------------------------------------------------------------------------------------------------------*/
/* =WordPress Core
-------------------------------------------------------------- */
.alignnone {
    margin: 5px 20px 20px 0;
}

.aligncenter,
div.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

.alignright {
    float:right;
    margin: 5px 0 20px 20px;
}

.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}

a img.alignnone {
    margin: 5px 20px 20px 0;
}

a img.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.wp-caption {
    background: #fff;
    border: 1px solid #f0f0f0;
    max-width: 96%; /* Image does not overflow the content area */
    padding: 5px 3px 10px;
    text-align: center;
}

.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}

.wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 98.5%;
    padding: 0;
    width: auto;
}

.wp-caption p.wp-caption-text {
    font-size: 11px;
    line-height: 17px;
    margin: 0;
    padding: 0 4px 5px;
}

/*.menu-mobile-icon {float: right; position: relative; cursor: pointer; padding:15px; display: none; z-index:5;}*/
.scrollto, .section, footer{position: relative; float: left; width: 100%; z-index: 1; background: #fff;}
.class a{text-transform: capitalize;}
img.divid{margin: 0 auto;display: block;}
.content {width: 100%;text-align: center;position: relative;display: inline-block;float: left; overflow: hidden;}
.title, .title a {font-weight: 700; font-size: 14px; line-height: 21px; color: #333; text-transform: uppercase; position: relative; display:inline-block; padding-top: 10px; padding-left: 20px; float: left;}
.service-block ul li:before {content: "/";position: absolute;left: 0;}
.service-block ul li {color: #545454; float: none; position: relative; display: block; text-align: left; padding: 4px 0 4px 15px;}
.career-container {margin:0 auto; position: relative;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-o-backface-visibility:hidden;backface-visibility:hidden; overflow: hidden; text-align: center; width: 100%; background:#5c5c5c;}

.icon {text-align: center; width: 100%; position: relative; padding: 60px 0px 45px 0px; clear: both;}
.popup-slide .img-pp {position: relative; z-index: 100; display: inline-block; float: none; height: 80%;}
.popup-team-container{position: fixed; top: -100%; left:0; width: 100%; height: 100%; z-index: 7000; background: rgba(31,31,31,0.9); text-align: center; overflow: hidden;transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; z-index: 1000;}
.left-content img {float: none;  position: relative ; display: inline-block; height: 100%; width: 100%; margin:0; padding:0;}
.career-popup-container {position: fixed; left:0; top: -100%; width: 100%; height: 100%; background: rgba(31,31,31,0.9); text-align: center; z-index: 5000; display: block; text-align: center; overflow-y: scroll;transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out;}
.career-popup {text-align: center; padding-bottom: 50px; color: #5acdc4; height: auto; width: 80%; background-color:#fff; position: relative; display: inline-block; float: none; margin: 50px auto;}
.career-popup .top-career-sity {padding-top: 60px; position: relative; float: none; display: inline-block;}
.career-popup .top-career-jobs {padding: 25px 0 25px; font-size: 40px; line-height: 35px; text-transform: uppercase; position: relative; float: none; display: inline-block; font-weight: 700;}
.icon a{text-decoration: none;display: inline-block;}
.icon.txt-align-left{text-align: left;}
.icon.txt-align-right{text-align: right;}
body span.wpcf7-not-valid-tip {display: none;}
input.wpcf7-not-valid {border-color: #F00;}
.wpcf7{position: relative; float: left;width: 100%;}
body div.wpcf7 .screen-reader-response {display:none;position: absolute;z-index: 60000;width: 100%;height: 100%;color: #FFF;clip: auto;font-weight: 500;font-size: 3em;text-transform: uppercase;text-align: center;line-height: 1.2em;padding: 5%;background: rgba(90, 205, 196, 1);}
body div.wpcf7 .screen-reader-response[role="alert"]{display:block;}
.contact-massege {float: left;width: 100%;}
.full-width > .col-md-12, .full-width .row > .col-md-12 {padding: 0;}
body .fancybox-nav{position: fixed!important;}
body .fancybox-nav span{width: 35px;	height: 35px;visibility: visible!important;}
body .fancybox-nav span:after{
	content: '';
	position: absolute;
	border: 1px solid #fff;
	width: 35px;
	height: 35px;
	left: 0px;
	top: 0px;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
	-webkit-transition: All 300ms ease-in;
	-moz-transition: All 300ms ease-in;
	-o-transition: All 300ms ease-in;
	-ms-transition: All 300ms ease-in;
	transition: All 300ms ease-in;
}
body .fancybox-nav.fancybox-next span{right: 20px;}
body .fancybox-nav.fancybox-prev span{left: 20px;}
body .fancybox-nav.fancybox-next span:before{content:'×';padding-left: 6px;}
body .fancybox-nav.fancybox-prev span:before{content:'Ô';padding-left: 6px;}
body .fancybox-nav span:before{position: absolute;color: #fff;font-family: 'WebSymbolsLigaRegular';cursor: pointer;z-index: 1;font-size: 24px;}
body .fancybox-nav:hover span:after{
	width: 55px;
	height: 55px;
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	transform: rotate(0deg);
	left: -10px;
	top: -10px;
}
.fancybox-our-team-popup a.fancybox-nav {width: 70px;}
.fancybox-our-team-popup .wrap-team {margin: 0px auto;}
.fancybox-close, .fancybox-prev span, .fancybox-next span {background-image: none !important;}
.wpcf7 select {
	width: 100%;
	font-family: 'Open Sans', sans-serif;
	font-weight: 300;
	font-size: 13px;
	color: #545454;
	text-align: left;
	border-radius: 0;
	outline: none;
	background: none;
	border: 1px solid #c1c1c1;
	padding: 15px 15px;
}
.wpcf7 select option {color: #545454;padding: 3px 15px;}
.logo-company.hide-nav-client .slider-prev, .logo-company.hide-nav-client .slider-next{display: none;}
.sticky, .gallery-caption, .bypostauthor{position: relative;}
.no_vc p{text-align: left;}
/* WordPress Gallery 
------------------------------------------ */

.gallery {
	margin-left: -0.5em;
	margin-right: -0.5em;
}

.gallery:after {
	display: table;
	content: "";
	clear: both;
}

.gallery-item {
	margin: 0;
	float: left;
	padding: 0.5em;
}

.gallery-item img {
	width: 100%;
}

.gallery-columns-1 .gallery-item {
    width: 100%;
    float: none;
}
.gallery-columns-2 .gallery-item {
    width: 50%
}
.gallery-columns-3 .gallery-item {
    width: 33.3333%
}
.gallery-columns-4 .gallery-item {
    width: 25%
}
.gallery-columns-5 .gallery-item {
    width: 20%
}
.gallery-columns-6 .gallery-item {
    width: 16.6667%
}
.gallery-columns-7 .gallery-item {
    width: 14.2857%
}
.gallery-columns-8 .gallery-item {
    width: 12.5%
}
.gallery-columns-9 .gallery-item {
    width: 11.1111%
}

.gallery-columns-2 .gallery-item:nth-child(2n+1),
.gallery-columns-3 .gallery-item:nth-child(3n+1),
.gallery-columns-4 .gallery-item:nth-child(4n+1),
.gallery-columns-5 .gallery-item:nth-child(5n+1),
.gallery-columns-6 .gallery-item:nth-child(6n+1),
.gallery-columns-7 .gallery-item:nth-child(7n+1),
.gallery-columns-8 .gallery-item:nth-child(8n+1),
.gallery-columns-9 .gallery-item:nth-child(9n+1) {
	clear: left;
}

@media screen and (max-width: 1200px) {.info-block .info-icon {display: none;} .swich_4 {top:0px;} }
@media screen and (max-width: 980px) {
   .navigation {height: 50px; top: 0;}
   .nav-row>.container{ width: 100%; padding: 0!important; }
   .nav-row>.container>.navigation{padding: 0!important;}
   .top-menu nav {position: absolute; left: 0px; top: 0px; width: 100%; background-color: #323232; margin: 100px auto 0;padding-bottom: 50px; transform: translateY(-500px); -moz-transform: translateY(-500px);-webkit-transform: translateY(-500px);-o-transform: translateY(-500px);-ms-transform: translateY(-500px);transition: all 0.3s ease-in;-moz-transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;-ms-transition: all 0.3s ease-in;}
   .scroll-menu .top-menu nav {background-color: rgba(0,0,0,0.6);}
   .top-menu nav li{margin-left: 0;}
   .wrap-team {width: 70%; margin: 60px auto;}
   .logo {top: 5px;left: 2px;}
   .class, .close-up, .drop span a,.img-work span, .work-title, .team-button, .roll-batton img, .layer, .career-button, .career-top, .career-left, .career-left:after, .career-top:after, .soc-icon .icon-hov, .soc-icon:after, .drop-con span a, .contact-button input[type="submit"] { -webkit-transition: none!important; -moz-transition: none!important; -o-transition: none!important; transition: none!important;}
   	.swiper-slide.popup-team .right-content {width: 100%;}
	.fancybox-our-team-popup .left-content, .fancybox-our-team-popup .left-content img{height: 93px;z-index: 1;width: auto;position: absolute;}
	.team-button2 {width: 100%;}
}
@media screen and (max-width: 768px) {
    .navigation {height: 50px;top: 0;}
    .popup-slider-team .slider-next {top: 50%; right: 20px;}
    .popup-slider-team .slider-prev {top: 50%; left: 20px;}
	.service-block-wrap{text-align: center;}
	.contact-button input[type="submit"]{height: 40px;}
}
@media screen and (max-width: 642px) {.wrap-team { width: 90%; height: auto;}}
@media screen and (max-width: 557px) {.service-block ul {list-style-position: outside; padding-top: 0px; padding-left: 0px;}}
@media screen and (max-width: 450px) {
	.wrap-team{width: 100%;}
	.info-block .divid{display: none;}
    .team-icon .roll-batton{float: none; display: inline-block;}
    .team-container .pagination {top: 30px;}
    .team-container{margin-bottom: 0;}
	body .fancybox-nav span{display: none;}
	.gallery-title{position: relative;top: 0;width: 100%;}
	.fancybox-our-team-popup .wrap-team {width: 100%;}
	.fancybox-our-team-popup .fancybox-inner, .fancybox-our-team-popup .fancybox-skin, .fancybox-our-team-popup .fancybox-opened{width: 100%!important; height: 100%!important; top: 0!important; left: 0!important; padding: 0!important;}
	.fancybox-our-team-popup .team-button2{padding-left: 115px;text-align: left;padding-right: 50px;}
	.fancybox-our-team-popup .fancybox-close{top: 0;right: 0;}
}