/*
Theme Name: IPTeam landing
Theme URI: http://demo.webkit.com.ua/ipteam/
Author: WebKit.com.ua
Author URI: http://demo.webkit.com.ua/ipteam/
Description: IPTeam landing шаблон
Version: 1.0.1
License: Commercial
*/

html {
	overflow-x: hidden;	
}

body {
	background-color: #fefefe;
    font-family: 'Open Sans',sans-serif;
    font-size: 19pt;
    margin: 0 auto;
}

h1 {
    font-size: 200%;
}

h1.title {
	font-weight: bold;
	margin: 0 0 30px;
	text-align: center;
}

a {
	color: inherit;
	text-decoration: none;
}

p {
	margin: 5px 0;
}

img.aligncenter {
	display: block;
	margin: 0 auto;
}

table {
    border-collapse: collapse;
	table-layout: fixed;
}

.section-content {
    margin: 0 auto;
    width: 960px;
}

/** VC Start **/

.home_box_wrap {
    display: inline-block;
    width: 100%;
}

.vc_row.wpb_row.home_box_wrap .vc_col-sm-2 {
	width: 20%;
}

.vc_row.wpb_row.home_box_wrap .vc_col-sm-2:last-child {
	display: none;
	margin: 0 !important;
}

.hd-tabs ul.ui-tabs-nav li {
	position: relative;
	z-index: 9;
}

.hd-tabs ul.ui-tabs-nav li:first-child a {
	padding-right: 5.5em;
}

.hd-tabs ul.ui-tabs-nav li:last-child a {
	padding-left: 5.5em;
}

.hd-tabs ul.ui-tabs-nav li:last-child {
	margin-left: -4.5em;
}

.hd-tabs ul.ui-tabs-nav li:last-child:before {
	background-color: #A8D4AF;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.5) inset;
    border-radius: 40px;
    content: "\e6f4";
	color: #009846;
	font-family:'Defaults'; 
    font-size: 35pt;
    left: 0;
    padding: 0 4px;
    position: absolute;
    text-align: left;
    top: 6px;
    width: 100px;
	z-index: -1;
}

.hd-tabs ul.ui-tabs-nav li.ui-state-active:last-child:before {
    text-align: right;
}

.hd-tabs ul.ui-tabs-nav li[aria-selected="false"] {
	z-index: 10;
}

.wpb_content_element .wpb_tabs_nav {
    width: 68%;
}

.gallery-item {
    height: 200px;
    width: 200px;
    margin-left:auto;
    margin-right:auto;
}
/*
.gallery-item {
    float: left;
    margin: 10px 50px 20px;
    text-align: center;
    width: auto;
}

.gallery-item:nth-child(3n-2) {
	margin-left: 0;
}

.gallery-item:nth-child(3n) {
	margin-right: 0;
}
*/
.hd-tabs .gallery-item {
    border: 1px solid #999;
    cursor: pointer;
    position: relative;
}

.hd-tabs .gallery-icon img {
    border: medium none !important;
    cursor: pointer;
    height: 100%;
    width: 100%;
}

.hd-tabs .gallery-item,
.hd-tabs .wp-caption-text {

}

.hd-tabs .gallery-item .gallery-icon, 
.hd-tabs .wp-caption-text  {
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	backface-visibility: hidden;
	-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;
	-ms-transition: 0.6s;
	-ms-transform-style: preserve-3d;
	transition: 0.6s;
	transform-style: preserve-3d;
	
	height: 200px;	
}

.hd-tabs .gallery-item:hover .gallery-icon {
	-webkit-transform: rotateY(180deg);
	-moz-transform: rotateY(180deg);
	-o-transform: rotateY(180deg);
	transform: rotateY(180deg);
}

.hd-tabs .wp-caption-text {
	background-color: #FDF2D8;
	color: #000;
    left: 50%;
    margin-left: -50% !important;
    position: absolute;
    top: 0;
    width: 100%;	
	
	-webkit-transform: rotateY(180deg);
	-moz-transform: rotateY(180deg);
	-o-transform: rotateY(180deg);
	transform: rotateY(180deg);	
}

.hd-tabs .wp-caption-text .price {
    bottom: 10px;
    position: absolute;
    right: 10px;
}

.hd-tabs .gallery-item:hover .wp-caption-text {
	-webkit-transform: rotateY(0deg);
	-moz-transform: rotateY(0deg);
	-o-transform: rotateY(0deg);
	-ms-transform: rotateY(0deg);
	transform: rotateY(0deg);
}

/** VC End **/

/** Media Queries for Standard Devices Start **/

/* Smartphones (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) {
	
}

/* Smartphones (landscape) ----------- */
@media only screen 
and (min-width : 321px) {
	
}

/* Smartphones (portrait) ----------- */
@media only screen 
and (max-width : 320px) {
	
}

/* iPads (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) {
	
}

/* iPads (landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) {
	
}

/* iPads (portrait) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) {
	
}

/* Desktops and laptops ----------- */
@media only screen 
and (min-width : 1224px) {
	.section-content {
		width: 1224px;
	}	
}

/* Large screens ----------- */
@media only screen 
and (min-width : 1824px) {

}

/* iPhone 4 ----------- */
@media
only screen and (-webkit-min-device-pixel-ratio : 1.5),
only screen and (min-device-pixel-ratio : 1.5) {
	
}

/** Media Queries for Standard Devices End **/

button {
	background-color: #75D69C !important;
	border: none;	
	border-radius: 15px;
	color: #000 !important;
	display: inline-block;	
	font-size: 26pt;
	font-weight: bold;
	height: 150px;
	line-height: 1.2;
	max-width: 450px;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
	width: 75%;
}

button:hover {
	background-color: #5DCF8A !important;
}

button.ups-button {

}

button.ups-button:after {
	content: "и получить в ПОДАРОК БЕСПЕРЕБОЙНОЕ ПИТАНИЕ";
    display: inline-block;
    font-size: 18pt;
    font-weight: normal;
}

button.test-drive-button {
    font-size: 18pt;
	font-weight: normal;
}

button.test-drive-button:before {
	content: "ЗАКАЗАТЬ";
    display: block;
    font-size: 26pt;
    font-weight: bold;
}

button.test-drive-button:after {
	content: "ТЕСТ-ДРАЙВ";
    display: block;
    font-size: 26pt;
    font-weight: bold;
}

button.ask-button {
    font-size: 20pt;
    height: auto;
    padding: 10px 20px;
    width: auto;
}

button.free-test-drive-button {
	background-color: #FDC71F !important;
	border-radius: 0;
	color: #000000 !important;
	font-size: 12pt;
	height: auto;
	width: 85%;
}

button.free-test-drive-button:before {
	content: "Бесплатный";
    display: inline-block;
    font-weight: normal;
    font-size: 14pt;
    margin-right: 3pt;
    margin-top: 10pt;
    margin-bottom: 10pt;
}

.content > section {
	padding: 10px 0;
}

#ustanovka-videonablyudeniya {
	background: url(images/house.jpg) no-repeat top center / auto 100%;
	min-height: 653px;
}

#nashi-preimushhestva {
	background-color: #B1D6F2;	
}

#videonablyudenie-bez-kota-v-meshke {
	background: url(images/cat.png) no-repeat top +100px center / auto;	
	background-color: #DFDFE0;
}

#\35-prichin-zakazat-u-nas {
	background-color: #F8F7D7;
}

#arenda-videonabludeniya {
	background-color: #DFDFE0;	
}
#nashi-uslugi {
	background-color: #B1D6F2;	
}

#pochemu-my-ne-rabotaem-s-analogovymi-kamerami {
	background-color: #EF9F6D;
}

#kompleksnaya-garantiya-2-ili-3-goda {
	background-color: #B1D6F2;
}

#zainteresovalo-nashe-predlozhenie {
	background-color: #F8F7D7;	
}

#nashi-raboty {
	background-color: #DFDFE0;
}

#otzyvy-nashih-klientov {
	background-color: #B1D6F2;
}

#chasto-zadavaemye-voprosy {
	background-color: #DFDFE0;
}

#nashi-kontakty,
footer {
	background-color: #F8F7D7;	
}

footer a {
    color: #8EC89A;
    display: block;
    margin: 0 auto;
    text-align: center;
    text-decoration: none;
}

li.isotope-item {
    width: 33%;
}

li.isotope-item a img {
	margin: 0 auto;
}


a.all_comments_link {
    background: #5AA1E3;
    border-radius: 15px;
    color: #000;
    font-size: 15pt;
    font-weight: bold;
    line-height: 1.33;
    padding: 10px 20px;	
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;	
}

a.all_comments_link:hover {
    background-color: #4092DE !important;
}

.our-benefits {
	display: table;
    height: 150px;
    margin: auto;
    width: 200px;
}

.our-benefits span {
	color: #fff;
    display: table-cell;
    font-size: 50pt;
    text-align: center;
    vertical-align: middle;
}

.our-benefits span.text {
	font-size: 40pt;
	font-weight: bold;
	-webkit-user-select: none;        
	-moz-user-select: none; 
	-ms-user-select: none; 
	-o-user-select: none;
	user-select: none;	
}

/*
.our-benefits.test-drive-icon {
	background-color: #E0995E;
}
.our-benefits.test-drive-icon span {
	background: url(images/test-drive.png) no-repeat center / 100px auto;
}
.our-benefits.test-drive-icon2 {
	background-color: #E0995E;
}
.our-benefits.test-drive-icon2 span {
	background: url(images/test-drive2.png) no-repeat center / 100px auto;
}
.our-benefits.hd-icon {

}
.our-benefits.hd-icon span {
	background: url(images/hd-icon.png) no-repeat center / 100px auto;
}
.our-benefits.price-icon {
	background-color: #76C2AF;
}
.our-benefits.price-icon span {

}
.our-benefits.term-icon {
	background-color: #77B3D4;
}
.our-benefits.term-icon span {

}
.our-benefits.warranty-icon {
	background-color: #C75C5C;
}
.our-benefits.warranty-icon span {
	color: #fefefe;
}
.our-benefits.c6 {
	background-color: #76C2AF;
}
.our-benefits.c6 span {

}
.our-benefits.c7 {
	background-color: #C75C5C;
}
.our-benefits.c7 span {

}
.our-benefits.c8 {
	background-color: #E0995E;
}
.our-benefits.c8 span {
	color: #fff;
}
.our-benefits.c9 {
	background-color: #4F5D73;
}
.our-benefits.c9 span {

}
.our-benefits.c10 {

}
.our-benefits.c10 span {
	color: #000;
} */

.our-benefits.test-drive-icon {
	background: url(images/test-drive.png) no-repeat center;
}
.our-benefits.test-drive-icon2 {
	background: url(images/test-drive2.png) no-repeat center;
}
.our-benefits.hd-icon {
	background: url(images/hd-icon.png) no-repeat center;
}
.our-benefits.price-icon {
	background: url(images/price-icon.png) no-repeat center;
}
.our-benefits.term-icon {
	background: url(images/term-icon.png) no-repeat center;
}
.our-benefits.warranty-icon {
	background: url(images/warranty-icon.png) no-repeat center;
}
.our-benefits.request-icon {
	background: url(images/request-icon.png) no-repeat center;
}
.our-benefits.truck-icon {
	background: url(images/truck-icon.png) no-repeat center;
}
.our-benefits.video-icon {
	background: url(images/video-icon.png) no-repeat center;
}
.our-benefits.solution-icon {
	background: url(images/solution-icon.png) no-repeat center;
}

.wpb_wrapper {

}

#pochemu-my-ne-rabotaem-s-analogovymi-kamerami a .vc_single_image-wrapper {
	position: relative;
}

#pochemu-my-ne-rabotaem-s-analogovymi-kamerami a .vc_single_image-wrapper:before {
    bottom: 19px;
    color: #FFED00;
    content: "НАЖМИТЕ для увеличения";
    display: block;
    font-size: 16pt;
    position: absolute;
    text-align: center;
    text-shadow: 0 0 2px #000;
    width: 100%;
}	

h2.wpb_singleimage_heading {

}

#kompleksnaya-garantiya-2-ili-3-goda .vc_col-sm-3 {
    display: table-cell;
    float: none;
    vertical-align: middle;
}

#kompleksnaya-garantiya-2-ili-3-goda .vc_col-sm-9 {
    display: table-cell;
    float: none;
}

.iphone-cams {
	position: relative;
}	

.iphone-cams img {
	position: absolute;
	right: 0;
	top: -25px;
	
    transform: rotate(26.4deg);
    -ms-transform: rotate(26.4deg);
    -webkit-transform: rotate(26.4deg); 
    -o-transform: rotate(26.4deg);
    -moz-transform: rotate(26.4deg);
}

.our-works-grid li.isotope-item a {
	margin-bottom: 30px;
}

.wpcf7 span.label {

}

input.wpcf7-text {
    border: 1px solid #999;
    font-family: 'Open Sans',sans-serif;	
    font-size: 18pt;
	height: 36px;	
	padding: 0 5pt;	
    max-width: 340px;
}

select.wpcf7-select {
    border: 1px solid #999;
    font-family: 'Open Sans',sans-serif;
    font-size: 18pt;
	font-style: italic;
    height: 36px;
    margin-left: 5%;
    padding: 0 5pt;
    width: 95%;
}

select.wpcf7-select option {
    font-family: 'Open Sans',sans-serif;
    font-size: 18pt;
	height: 36px;
}

.wpcf7 span.ups label input {
	display: none;
}

.wpcf7 span.ups label span.wpcf7-list-item-label {
    border: 1px solid;
	cursor: pointer;
    display: inline-block;
    font-size: 12pt;
    line-height: 1;
	margin-left: 40px;
    padding: 10pt;
	position: relative;
    text-align: justify;
    width: 430px;
}

.wpcf7 span.ups label span.wpcf7-list-item-label:before {
    border: 1px solid #999;
    bottom: 50%;
    content: "";
    height: 28px;
    left: -50px;
    margin-bottom: -14px;
    position: absolute;
    width: 28px;
}

.wpcf7 span.ups label span.wpcf7-list-item-label:after {
    bottom: 50%;
    content: "";
    display: inline-block;
    height: 36px;
    left: -52px;
    margin-bottom: -14px;
    position: absolute;
    width: 36px;
}

.wpcf7 span.ups label input:checked + span.wpcf7-list-item-label:after {
	background: url(images/check.png) no-repeat center;
}

.wpcf7 span.label-ups {
	display: block;
}

question {
	background-color: #FEC436;
	border: none;	
	border-radius: 15px;
    clear: both;
    color: #fff;
    cursor: pointer;
    display: block;
    font-size: 28pt;
    font-weight: bold;
    line-height: 1.33;
    margin: 0;
    padding: 20px;
	
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}

input.wpcf7-submit.test-drive-submit {
    padding-bottom: 10px;
	padding-top: 10px;
    white-space: normal;
    width: 300px;
}

input.wpcf7-submit {
	cursor: pointer;
	background-color: #75D69C! important;
  	border: none;
  	border-radius: 15px;
  	color: #000 !important;
  	display: inline-block;
	font-size: 18pt;
  	font-weight: normal;
 	height: 50px;
	width: 300px;
  	line-height: 1.2;
 	 max-height: 100px;
	 max-width: 300px;
 	 -webkit-transition: all 0.5s;
  	-o-transition: all 0.5s;
  	transition: all 0.5s;
  	width: 75%;
	margin-left: 100px;
	margin-right: 100px;
}

input.wpcf7-submit:hover {
	background-color: #5DCF8A !important;
}

.estimate-box .ult-html {
	font-size: 11pt;
}

#button-click-overlay.estimate-box .ult_modal {
	margin: 0 0 0 auto;
}
#button-click-overlay.estimate-box .ult_modal-content {
	border-radius: 0;
}
#button-click-overlay.estimate-box .ult-overlay-close {
	background: url(images/cross_black.png) no-repeat center;
    height: 30px;
    right: 10px;
    top: 10px;
    width: 30px;	
}

img.wp-image-26 {
    position: relative;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-o-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;	
    -webkit-animation: cat 30s infinite;
    animation: cat 30s infinite;	
}

img.wp-image-26:hover {
    -webkit-animation-duration: 5s;
    animation-duration: 5s;
}

@-webkit-keyframes cat {
    0%  {
		-webkit-transform: rotateY(0deg);
		-moz-transform: rotateY(0deg);
		-o-transform: rotateY(0deg);
		-ms-transform: rotateY(0deg);
		transform: rotateY(0deg);	
	}

    50%  {
		-webkit-transform: rotateY(180deg);
		-moz-transform: rotateY(180deg);
		-o-transform: rotateY(180deg);
		transform: rotateY(180deg);		
	}
}

@keyframes cat {
    0%  {
		-webkit-transform: rotateY(0deg);
		-moz-transform: rotateY(0deg);
		-o-transform: rotateY(0deg);
		-ms-transform: rotateY(0deg);
		transform: rotateY(0deg);	
	}

    50%  {
		-webkit-transform: rotateY(180deg);
		-moz-transform: rotateY(180deg);
		-o-transform: rotateY(180deg);
		transform: rotateY(180deg);		
	}
}

.install-video .wpb_wrapper,
.install-video2 .wpb_wrapper {
	color: #fff;
	text-shadow: 0 0 2px #000;
}

.inborder {
	text-shadow: -1px -1px 1px black, 1px -1px 1px black, -1px 1px 1px black, 1px 1px 1px black; 
}