﻿


/**/
/* Generic */
/**/
.try-tabs,
.try-tabs * {
	margin: 0 auto;
	padding: 0;
	outline: none;
	border: 0;
	background: none;
}
.try-tabs {
	position: relative;
	font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-size: 0;
	text-align: left;
	color: #fff;
}
.try-tabs > input {
	position: absolute;
	display: none;
}
.try-tabs > label {
	position: relative;
	z-index: 1;
	display: inline-block;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	padding: 1px;
	padding-top: 0;
	padding-left: 0;
	font-size: 14px;
	line-height: 45px;
	cursor: pointer;
	font-family: 'Open sans', sans-serif;
	font-weight:400;
	text-transform: uppercase;
}
.try-tabs > label.inverse {
	float: right;
	padding-right: 0;
	padding-left: 1px;
}
.try-tabs > label.disabled {
	cursor: default;
}
.try-tabs > label span {
	display: block;
	padding: 5px;
	
}

 #services .typography .col-md-6,#services .typography .col-md-5 {
	padding: 0;
}
.try-tabs > label span span {
	padding: 0 20px;
	background: transparent;
	transition: background 0.4s, color 0.4s;
	-o-transition: background 0.4s, color 0.4s;
	-ms-transition: background 0.4s, color 0.4s;
	-moz-transition: background 0.4s, color 0.4s;
	-webkit-transition: background 0.4s, color 0.4s;	
}
.try-tabs > label:hover span span {
	background: none;
	color: #fff;	
}
.try-tabs > label.disabled span span {
	background: transparent;
	color: inherit;
}
.try-tabs > input:checked + label {
	cursor: default;
}
.try-tabs > input:checked + label span span {
	color: #fff;
}
.sp1 {
	background: #009ba8;
	border-top: 1px solid rgba(255, 255, 255, 0.2);
}

.sp2 {
	background: #3475ba;
	border-top: 1px solid rgba(255, 255, 255, 0.2);
}

.sp3 {
	background: #1eb8d8;
	border-top: 1px solid rgba(255, 255, 255, 0.2);
}

.sp4 {
	background: #273480;
	border-top: 1px solid rgba(255, 255, 255, 0.2);
}

.sp_offert {
	background: #aa49c3;
	border-top: 1px solid rgba(255, 255, 255, 0.2);
}
.try-tabs > input:checked + label .sp_offert span {
	background: #bc61d4;
}
.try-tabs > input:checked + label .fa-map-marker{
	
	color: #000;
}
.try-tabs > .switcher {
	display: none;
}
.try-tabs > .switcher a {
	display: block;
	margin: 0 -20px;
	padding: 0 20px;
	text-decoration: none;
	color: inherit;
}
.try-tabs > ul {
	list-style: none;
	position: relative;
	display: block;
	font-size: 14px;
}
.try-tabs > ul > li {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	overflow: hidden;
	padding: 20px 20px 20px;
	background: #eee;
    border: 1px solid rgba(255, 255, 255, 0.2);
    box-shadow:rgba(0, 0, 0, 0.2);
	opacity: 0;
	-o-transform-origin: 0% 0%;
	-ms-transform-origin: 0% 0%;
	-moz-transform-origin: 0% 0%;
	-webkit-transform-origin: 0% 0%;
	-o-transition: opacity 0.8s, -o-transform 0.8s;	
	-ms-transition: opacity 0.8s, -ms-transform 0.8s;	
	-moz-transition: opacity 0.8s, -moz-transform 0.8s;	
	-webkit-transition: opacity 0.8s, -webkit-transform 0.8s;
}


.try-tabs > .try-tab-content-1:checked ~ ul > .try-tab-content-1,
.try-tabs > .try-tab-content-2:checked ~ ul > .try-tab-content-2,
.try-tabs > .try-tab-content-3:checked ~ ul > .try-tab-content-3,
.try-tabs > .try-tab-content-4:checked ~ ul > .try-tab-content-4,
.try-tabs > .try-tab-content-5:checked ~ ul > .try-tab-content-5,
.try-tabs > .try-tab-content-6:checked ~ ul > .try-tab-content-6,
.try-tabs > .try-tab-content-7:checked ~ ul > .try-tab-content-7,
.try-tabs > .try-tab-content-8:checked ~ ul > .try-tab-content-8,
.try-tabs > .try-tab-content-9:checked ~ ul > .try-tab-content-9 {
	position: relative;
	z-index: 1;
	opacity: 1;
}

.try-tabs > ul > li .typography p{
    font-family:'Open sans', Sans-Serif;
    font-size:13px;
    color:#232323;
    }
/**/
/* positions */
/**/
.try-tabs-pos-top-center {
	text-align: center;
}
.try-tabs-pos-top-right {
	text-align: right;
}
.try-tabs-pos-top-right > label {
	padding-right: 0;
	padding-left: 1px;
}
.try-tabs-pos-top-justify > label {
	padding-right: 0;
	padding-left: 1px;
}
.try-tabs-pos-top-justify.try-tabs-amount-2 > label {
	width: 50%;
}
.try-tabs-pos-top-justify.try-tabs-amount-3 > label {
	width: 33.33%;
}
.try-tabs-pos-top-justify.try-tabs-amount-4 > label {
	width: 25%;
}
.try-tabs-pos-top-justify.try-tabs-amount-5 > label {
	width: 20%;
}
.try-tabs-pos-top-justify.try-tabs-amount-6 > label {
	width: 16.66%;
}
.try-tabs-pos-top-justify.try-tabs-amount-7 > label {
	width: 14.28%;
}
.try-tabs-pos-top-justify.try-tabs-amount-8 > label {
	width: 12.5%;
}
.try-tabs-pos-top-justify.try-tabs-amount-9 > label {
	width: 11.11%;
}
.try-tabs-pos-top-justify > input:first-child + label {
	padding-left: 0;
}
.try-tabs-pos-left > label,
.try-tabs-pos-right > label {
	display: block;
	width: 25%;
	float: left;
	clear: left;
	margin-right: 0;
}
.try-tabs-pos-right > label {
	float: right;
	clear: right;
}
.try-tabs-pos-left > ul {
	margin-left: 25%;
}
.try-tabs-pos-right > ul {
	margin-right: 25%;
}
.try-tabs-pos-right > label {
	padding-right: 0;
	padding-left: 1px;
}
.try-tabs-pos-top-center > ul > li,
.try-tabs-pos-top-justify > ul > li {
	-o-transform-origin: 50% 0%;
	-ms-transform-origin: 50% 0%;
	-moz-transform-origin: 50% 0%;
	-webkit-transform-origin: 50% 0%;
}
.try-tabs-pos-right > ul > li,
.try-tabs-pos-top-right > ul > li {
	-o-transform-origin: 100% 0%;
	-ms-transform-origin: 100% 0%;
	-moz-transform-origin: 100% 0%;
	-webkit-transform-origin: 100% 0%;
}



/**/
/* Typography */
/**/



.try-tabs .typography h1,
.try-tabs .typography h2,
.try-tabs .typography h3,
.try-tabs .typography h4,
.try-tabs .typography h5,
.try-tabs .typography h6 {
	margin: 40px 0 0 0;
	padding: 0;
	text-align: left;
	color: #232323;
	font-family: 'Open sans', sans-serif;
	font-weight:200;
}
.try-tabs .typography h1 {
	font-size: 40px;
	line-height: 50px;
	font-weight: 300;
}
.try-tabs .typography h1.coming_txt{margin-bottom:20px;}
.try-tabs .typography h2 {
	font-size: 34px;
	line-height: 44px;
	font-weight: 300;
}
.try-tabs .typography h3 {
	font-size: 28px;
	line-height: 36px;
	font-weight: 300;
	font-family: 'Josefin Slab',sans-serif;
}
.try-tabs .typography h4 {
	font-size: 22px;
	line-height: 30px;
	font-weight: 400;
}
.try-tabs .typography h5 {
	font-size: 16px;
	line-height: 23px;
	font-weight: 400;
	text-transform: uppercase;
}
.try-tabs .typography h6 {
	font-size: 14px;
	line-height: 20px;
	font-weight: 400;
	text-transform: uppercase;
}
.try-tabs .typography p {
	margin: 10px 0 0 0;
	padding: 0;
	line-height: 20px;
	text-align: left;
}
.try-tabs .typography ul,
.try-tabs .typography ol {
	list-style: none;
	margin: 20px 0 0 0;
	padding: 0;
	line-height: 20px;
}

.try-tabs .typography li ul,
.try-tabs .typography li ol {
	margin-top: 5px;
}
.try-tabs .typography ul li:before {
	content: '';
	position: absolute;
	top: 8px;
	left: 0;
	width: 4px;
	height: 4px;
	background: #333;
}
.try-tabs .typography ol {
	counter-reset: list1;
}
.try-tabs .typography ol > li:before {
	counter-increment:list1;
	content: counter(list1)'.';
	position: absolute;
	top: 0;
	left: 0;
	color: #333;
}
.try-tabs .typography a {
	text-decoration: underline;
	color: #000;
}
.try-tabs .typography a:hover {
	text-decoration: none;
}
.try-tabs .typography .pic {
	padding: 4px;
	border: 1px dotted #ccc;
}
.try-tabs .typography .pic img {
	display: block;
}
.try-tabs .typography .pic-right {
	float: right;
	margin: 0 0 10px 20px;
}
.try-tabs .typography .link {
	text-decoration: underline;
	color: #000;
	cursor: pointer;
}
.try-tabs .typography .link:hover {
	text-decoration: none;
}
.try-tabs .typography h1:first-child,
.try-tabs .typography h2:first-child,
.try-tabs .typography h3:first-child,
.try-tabs .typography h4:first-child,
.try-tabs .typography h5:first-child,
.try-tabs .typography h6:first-child,
.try-tabs .typography p:first-child {
	margin-top: 0;
}
.try-tabs .typography .text-center {
	text-align: center;
}
.try-tabs .typography .text-right {
	text-align: right;
}


/**/
/* Social icons */
/**/
.try-tabs > label .fa {
	display: block;
	float: left;
	width: 18px;
	margin: 0 12px 0 -6px;
  font-family: FontAwesome;
  font-style: normal;
  font-size: 16px;
  line-height: 45px;
  text-align: center;
  -webkit-font-smoothing: antialiased;
}
.try-tabs .try-tab5 .fa
{
    font-size: 38px;
    color: rgba(36, 23, 4, 0.6);
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.2);
    }
.try-tabs .try-tab5{
    float:right;
    }
/**/
/* Device pad */
/**/
@media screen and (max-width: 1000px) {
	.try-tabs > label span span {
		padding: 0 15px;
	}
	.try-tabs > label .fa {
		margin-right: 10px;
		margin-left: -5px;
	}
}


/**/
/* Device phone */
/**/
@media screen and (max-width: 767px) {
	
	.try-tabs .grid-col,
	.try-tabs .grid-col:first-child {
		float: none;
		width: 100%;
		margin: 20px 0 0 0;
	}
	
	.try-tabs-response-to-stack > label {
		display: block;
		width: 100%;
		padding-right: 0;
		padding-left: 0;
		text-align: left;
	}
	.try-tabs-response-to-stack > ul {
		margin-top: 0;
		margin-right: 0;
		margin-left: 0;
	}
	.try-tabs-response-to-stack > ul > li {
		-o-transform-origin: 50% 0%;
		-ms-transform-origin: 50% 0%;
		-moz-transform-origin: 50% 0%;
		-webkit-transform-origin: 50% 0%;
	}
	.try-tabs-response-to-stack.try-tabs-anim-flip > ul > li {
		-webkit-transform: rotateX(-90deg);
	}
	
	/*.try-tabs-response-to-icons > label {
		font-size: 0;
	}*/
	.try-tabs-response-to-icons > label .fa {
		width: 45px;
		margin: 0;
		font-size: 16px;
	}
	.try-tabs-response-to-icons > label span span {
		padding: 0;
	}
	.try-tabs-response-to-icons.try-tabs-pos-left > label,
	.try-tabs-response-to-icons.try-tabs-pos-right > label {
		width: 56px;
	}
	.try-tabs-response-to-icons.try-tabs-pos-left > ul {
		margin-left: 56px;
	}
	.try-tabs-response-to-icons.try-tabs-pos-right > ul {
		margin-right: 56px;
	}
	
	.try-tabs-response-to-switcher > label {
		display: none;
		width: 100%;
		padding-right: 0;
		padding-left: 0;
		text-align: left;
	}
	.try-tabs-response-to-switcher > .switcher {
		display: block;
	}
	.try-tabs-response-to-switcher:hover > label {
		display: block;
	}
	.try-tabs-response-to-switcher:hover > .switcher {
		display: none;
	}
	.try-tabs-response-to-switcher > ul {
		margin-top: 0;
		margin-right: 0;
		margin-left: 0;
	}
	.try-tabs-response-to-switcher > ul > li {
		-o-transform-origin: 50% 0%;
		-ms-transform-origin: 50% 0%;
		-moz-transform-origin: 50% 0%;
		-webkit-transform-origin: 50% 0%;
	}
	.try-tabs-response-to-switcher.try-tabs-anim-flip > ul > li {
		-webkit-transform: rotateX(-90deg);
	}
}
