*,*:before,:after{
	padding: 0;
	margin: 0;
	border: 0;
	box-sizing: border-box;

}
html,body{
	height: 100%;
	font-family:  "Roboto Condensed", sans-serif;
}
.wrapper{

}
.hidden {
    visibility:hidden;
}
.container{
	max-width: 1180px;
	margin: 0px auto;
	padding: 0 10px;

}
.header{

	top: 0;
	left: 0;
	z-index: 50;
	height: 500px;
	width: 100%;
	background-image: -webkit-linear-gradient(top, rgba(89, 0, 0, 0.7), rgba(0, 0, 0, 0.7));
	background-color: #000;
	align-items: center;

}
.header:before{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 500px;
	background-image:url(/tc/static/img/theader.jpg);
	background-attachment: scroll;
	z-index: 3;
	background-size: cover;
	opacity: 0.3;
	overflow: hidden;


}
.header__blog{

	top: 0;
	left: 0;
	z-index: 50;
	height: 350px;
	width: 100%;
	background-image: -webkit-linear-gradient(top, rgba(89, 0, 0, 0.7), rgba(0, 0, 0, 0.7));
	background-color: #000;
	align-items: center;

}
.header__blog:before{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 350px;
	background-image:url(/tc/static/img/theader.jpg);
	background-attachment: scroll;
	z-index: 3;
	background-size: cover;
	opacity: 0.3;
	overflow: hidden;


}

.header__page{

	top: 0;
	left: 0;
	z-index: 50;
	height: 350px;
	width: 100%;
	background-image: -webkit-linear-gradient(top, rgba(89, 0, 0, 0.7), rgba(0, 0, 0, 0.7));
	background-color: #000;
	align-items: center;

}
.header__page:before{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 350px;
	background-image:url(/tc/static/img/theader.jpg);
	background-attachment: scroll;
	z-index: 3;
	background-size: cover;
	opacity: 0.3;
	overflow: hidden;


}

.text__blog h1 {
	font-size: 3em;
}
.header__body{
	position: relative;

	display: flex;
	justify-content: space-between;
	height: 100px;
	align-items: center;

}



.header__list li{
	list-style: none;
	margin: 0px 0px 0px 20px;


}
.header__list{
	display: flex;
	z-index: 3;
	position: relative;
}
.header__link{
	color: #fff;
	text-transform: uppercase;
	font-size: 15px;
	text-decoration: none;

}
.header__logo{
	z-index: 56;
}
.header__burger{}
.header__logo img {
	max-width: 100%;
	display: block;
}



.header__menu{}


.content{
	padding: 80px 0 0 0 ;

}
.content__text{
	line-height: 25px;
	font-size: 18px;
}
.content__text p {
	margin: 0 0 20px 0;

}
.header__contact{
	position: relative;

	display: grid;
	justify-content: space-between;
	height: 200px;
	align-items: center;

}
.header__order{
	max-width: 1180px;
	display: flex;
	position: absolute;
	opacity: 1;
	z-index: 50;
	margin: auto;
	overflow: hidden;

}


.text{
	flex:1;
	color:#fff;
	padding: 5px 50px 5px 5px;
	margin-top:70px;
}
.text h1 {
	padding:0 0 5px 0;
	font-size: 3em;

}
.text p {
	font-size: 1.2em;
	margin-bottom: 50px;
}
.form {
  position: relative;
  z-index: 1;
  background: #FFFFFF;
  max-width: 360px;
  margin-right: 10px;
  margin-left:10px;
  padding: 35px;
  text-align: center;


}
.foo{
	box-shadow: 0 0 10px rgba(0,0,0,0.5);
}
.form input {
  font-family: "Roboto", sans-serif;
  outline: 0;
  background: #f2f2f2;
  width: 100%;
  border: 0;
  margin: 0 0 15px;
  padding: 15px;
  box-sizing: border-box;
  font-size: 14px;
}
.form button {
  font-family: "Roboto", sans-serif;
  text-transform: uppercase;
  outline: 0;
  background: #4CAF50;
  width: 100%;
  border: 0;
  padding: 15px;
  color: #FFFFFF;
  font-size: 14px;
  -webkit-transition: all 0.3 ease;
  transition: all 0.3 ease;
  cursor: pointer;
}
.form button:hover,.form button:active,.form button:focus {
  background: #43A047;
}
.form .message {
  margin: 15px 0 0;
  color: #b3b3b3;
  font-size: 12px;
}
.form .message a {
  color: #4CAF50;
  text-decoration: none;
}
.f_text{
	color:#757575;
	margin-bottom: 10px;
}
.content__text{



}
.content__text h2,
.content__text h3{
	text-align: center;
}
.content__text h2 {
	margin-bottom: 20px;
}
.content__text h3 {
	font-size: 1.2em;
}
.offers_wrapper div {
	padding-top:7em;
}
.offers_wrapper h3,
.offers_wrapper p{
	text-align: center;
	padding-bottom: 10px;

}
.offers_wrapper{
	margin-top:50px;
	display:grid;
	grid-gap: 5px;
	grid-template-columns: repeat(auto-fit, 380px);

	justify-content: center;


}
.offers_wrapper div {
	align-self: center;
}
.context{
	background-image: url(/tc/static/img/context.png);
	background-repeat:no-repeat;
	background-position: center top;

}

.seo{
	background-image: url(/tc/static/img/seo.png);
	background-repeat:no-repeat;
	background-position: center top;

}
.feed{

	background-image: url(/tc/static/img/feed.png);
	background-repeat:no-repeat;
	background-position: center top;

}
.analytics{
	background-image: url(/tc/static/img/analytics.png);
	background-repeat:no-repeat;
	background-position: center top;

}
.smm{
	background-image: url(/tc/static/img/analytics.png);
	background-repeat:no-repeat;
	background-position: center top;

}
.mobile{
	background-image: url(/tc/static/img/mobile.png);
	background-repeat:no-repeat;
	background-position: center top;

}
.video{
	background-image: url(/tc/static/img/video.png);
	background-repeat:no-repeat;
	background-position: center top;

}
.audit{
	background-image: url(/tc/static/img/audit.png);
	background-repeat:no-repeat;
	background-position: center top;

}
.calltracking{
	background-image: url(/tc/static/img/calltracking.png);
	background-repeat:no-repeat;
	background-position: center top;

}

.info {
	background-image: url(/tc/static/img/info.jpg);
	background-repeat:no-repeat;
	height: 100%;
	background-attachment: fixed;
	background-size: cover;

}
.container__info{
	background-image: -webkit-linear-gradient(top, rgba(26,40,120,0.70), rgba(10,143,196,0.80));
	height: 100%;
}
.info__content {
	display:grid;
	grid-gap: 5px;
	grid-template-columns: repeat(auto-fit, 380px);
	justify-content: center;

}
.info__content div {
	text-align: center;
	padding-top:90px;
	padding-bottom: 50px;
    height: 100%;


}

.info__content h2,
.info__content p {
	color:#fff;
}

.info__content h2 {
	font-size: 3.5em;
    line-height: 1.17;
}
.info__content p {
	font-size: 1.2em;
    line-height: 1.55;
}
.line {
	width:2px;
	background-color:#000;
	margin-left: 2px;

}
.steps_wrapper{
	margin-top:50px;
	display:grid;

	grid-template-columns: 1fr 0.01fr 1fr;


}
.steps_wrapper p {
	font-size: 0.9em;

}
.steps_wrapper h3 {
	margin-bottom:10px;
}

.step_1,
.step_2,
.step_3,
.step_4 {
	max-width: 450px;
	text-align: center;
	margin: 0 auto;
	padding-top: 5em;
	background-size: 18%;



}
.circle,
.circle2,
.circle3,
.circle4{
	color:#fff;
	border-radius: 100%;
    border: 2px solid #fff;
    background-color: #000;
    display: block;
    width: 35px;
    height: 35px;
    position: absolute;
    right: 0;
    left: 0;
	margin: 0 auto;
	text-align: center;
	padding-top: 3px;
	padding-right: 2px;
	opacity: 1;
}

.circle2{
	margin-top: 200px;
}
.circle3{
	margin-top: 400px;
}
.circle4{
	margin-top: 600px;
}
.num {

    text-align: center;
    font-weight: bold;
}
.steps_wrapper div:nth-child(1){
	grid-column-start: 2;
	grid-row: 1 /4;

}

.steps_wrapper div:nth-child(2){
	grid-column-start: 1;
	grid-row-start: 1;
	background-image: url(/tc/static/img/loop.svg);
    background-repeat: no-repeat;
    background-position: center top;


}
.steps_wrapper div:nth-child(3){
	grid-column-start: 3;
	grid-row-start: 2;
	background-image: url(/tc/static/img/caledar.svg);
    background-repeat: no-repeat;
    background-position: center top;


}
.steps_wrapper div:nth-child(4){
	grid-column-start: 1;
	grid-row-start: 3;
	background-image: url(/tc/static/img/menu.svg);
    background-repeat: no-repeat;
    background-position: center top;

}
.steps_wrapper div:nth-child(5){
	grid-column-start: 3;
	grid-row-start: 4;
	background-image: url(/tc/static/img/pack.svg);
    background-repeat: no-repeat;
    background-position: center top;

}
.serts {
	display: grid;
	grid-template-columns: repeat(auto-fit, 300px );
	justify-content: center;

}
.serts div {
	margin: 0 auto;
	padding-top: 30px;
	padding-bottom:50px;
}
.sert {
	background-color:#efefef;
}
.slider	{
	display:grid;
	grid-template-columns: 0.01fr 0.98fr 0.01fr;
	margin-top:50px;
	justify-content: center;
	margin:10px auto;

}

.logos {
	display:grid;
	grid-template-columns: repeat(auto-fit, 160px);
	justify-content: space-between;




}
.logos img {
	margin:0 auto;
	align-content: center;
	align-items: center;

}
.left__arrow  {
	width: 20px;
    height: 20px;
    border-left: 2px solid;
    border-bottom: 2px solid;
    border-color: #494949;
    margin:	auto 0;
    transform: rotate(45deg);
    margin-right: 30px;
    border-radius: 2px;


}
.left__arrow:hover,
.right__arrow:hover {

	border-color: #858585;
	cursor:pointer;

}

.right__arrow  {
	width: 20px;
    height: 20px;
    border-right: 2px solid;
    border-top: 2px solid;
    border-color: #494949;
    margin:	auto 0;
    transform: rotate(45deg);
    margin-left: 30px;
    border-radius: 2px;


}
.invisible {
	display:none;

}
.clients {
	    padding-bottom: 90px;
}

.cont {
	display: grid;
	grid-template-columns: 1fr;
	justify-content: center;

}
.cont div {

	padding-bottom:50px;
}
.contact{
	background-color:#efefef;
}
.contact h2 {
	margin-bottom: 50px;
}
.connect_us {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(320px, 500px));
	justify-content: space-between;
	grid-gap: 20px;
}
.connect_us div {

}
.information h3{
	text-align: left;
	margin-bottom: 20px;
}
.information p {
	margin-bottom:10px;

}
.information a {
	text-decoration: none;
	color: #000;
}
.information {
	margin-top: auto;
    margin-bottom: auto;
}
.foo{
	max-width: 500px;
	margin: 0;
}

.q-form input:nth-child(5){
	height:110px;
}
.content__footer {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(200px, 300px));
	justify-content: space-between;
	grid-gap: 20px;


}
.content__footer div {
	margin: 0 auto;
}
.socilal {
	padding-bottom: 30px;
	text-align: center;
	padding-top: 25px;
}
.socilal li {
	list-style-type: none;
}

.content__footer h3 {
	color: #fff;
	text-align: left;
	margin-bottom: 5px;
}
.content__footer a {
	font-size: 0.7em;
}
.footer {

	background-color: #202B40;
	padding-bottom:30px;
	border-top: 2px solid #001845;
	border-bottom: 2px solid #001845;

}

.content__footer li{
	list-style-type: none;
}

.social__links {
	display: grid;
    grid-template-columns: repeat(auto-fit, 50px);
    justify-content: space-between;
    max-width: 400px;
    margin: 0 auto;
    grid-gap: 15px;
}
.social__links a {
	display:block;

}
.sf {
	display:grid;
	grid-gap: 20px;
	grid-template-columns: repeat(3, minmax(200px, 320px));
	justify-content: space-between;
	margin: 0 auto;
	max-width: 100%
}
.sf input,
.sf button {
	height: 100%;
	margin:10px;

}

.fform {
	margin: 0 auto;
}
.tel a {
	text-decoration: none;
    color: #fff;
    text-transform: uppercase;
    font-size: 20px;
    display: block;
    z-index: 55;
    cursor: pointer;
    font-family: "Roboto Condensed", sans-serif;


}
.tel {
	z-index: 56;
	background-image: url(/tc/static/img/tel1.png);
	opacity:1;
	background-repeat: no-repeat;
	background-position: left;
	background-size: contain;
	justify-content: space-between;
	padding-left:40px;
	margin-right: 95px;
	margin-top: 20px;

}
.tel p {
	color: #fff;
	font-family: "Roboto Condensed", sans-serif;
}
.story p,
.story h3{
	text-align:left;

}
.story a,
.story a:visited,
.story a:active,
.story a:hover{
    text-decoration: none;
    color:#000;
}
.story p{
	text-align:left;
	font-size: 17px;

}
.story_wrapper{

	display:grid;
	grid-gap: 10px;
	grid-template-columns: repeat(auto-fit, minmax(250px, 380px));
	margin-bottom: 30px;
	justify-content: center;


}
.story_wrapper div {
	align-self: center;
	max-height: 351px;

	overflow: hidden;

}
.story_wrapper div a {
text-decoration: none;

}
.story_wrapper img {
	margin-bottom:10px;
	box-shadow: 5px 4px 3px 0px rgba(0,0,0,0.5);
}
.bread a {
	color:#298AB0;
}
.bread a:hover {
	color:#34AFDF;
}
.bread  {
	padding:15px 0 15px 0;
}
.breadcrumbs li{
	list-style: none;
	margin-right:10px;


}
.breadcrumbs{
	display: flex;


}
.breadcrumbs p {
	margin-right: 5px;


}
.bc {
	text-decoration: none;
}

.content_story {
	padding-top:5px;
}

.text__blog{
	flex:1;
	color:#fff;
	padding: 5px 50px 5px 5px;
	margin-top:70px;
}
.text__blog h1 {
	padding:0 0 5px 0;
	font-size: 2.6em;

}
.text__blog p {
	font-size: 1.2em;
	margin-bottom: 50px;
}
.nav  a:hover,
.links a:hover{
	color:#298AB0;
}

@media(max-width: 1180px){
	.breadcrumbs {
		display: flex;
		justify-content: center;
	}
}
@media(max-width: 1117px){
	.tel{
		display:none;
	}
}
@media(max-width: 1160px){
	.connect_us{
		margin: 0 auto;
	}
	.information p,
	.information h3
	 {

	text-align: center;
	}
}
@media (max-width: 956px){
	body.lock{
		overflow: hidden;
	}

	.invisible{
	display:none;
		}
	.text__blog {
		margin-left: 20px;
	}

	.story {
	padding-top:5px;
	}

	.tel {
		display:block;
	}
	.header__logo{
		flex: 0 0 150px;
	}
	.header__body{
		height: 60px;
	}
	.header__burger{
		display:block;
		position: relative;
		width: 30px;
		height:20px;
		z-index: 56;
	}
	.header__burger span {
		position: relative;
		background-color: #fff;

		width:100%;
		height: 2px;
		top: 9px;
		display:block;
		transition: all 0.3s ease 0s;
	}
	.header__burger:before,
	.header__burger:after {
		content: '';
		background-color: #fff;
		position: absolute;
		width:100%;
		height: 2px;
		left: 0;
		transition: all 0.3s ease 0s;
	}
	.header__burger:before{
		top:0;

	}
	.header__burger:after{
		bottom: 0;
	}
	.header__burger.active span {
		transform: scale(0);

	}
	.header__burger.active:before{
		transform: rotate(45deg);
		top:9px;
	}
	.header__burger.active:after{
		transform: rotate(-45deg);
		bottom:9px;
	}
	.header__menu{
		position: fixed;
		top: -100%;
		left: 0;
		width: 100%;
		height: 100%;
		background-color: rgba(0,173,238, 0.15);
		padding: 70px 10px 20px 10px ;
		transition: all 0s ease 0s;
		overflow: auto;
		z-index: 55;
	}
	.header__menu.active{
		top: 0;
		height:750px;
	}


	.header__menu_blog{
		position: fixed;
		top: -100%;
		left: 0;
		width: 100%;
		height: 100%;
		background-color: rgba(0,173,238, 0.15);
		padding: 70px 10px 20px 10px ;

		overflow: auto;
		transition: all 0s ease 0s;
		z-index: 55;
	}
	.header__menu_blog.active{
		top: 0;
		height:900px;
	}
	.header__list {
		display: block;
	}
	.header__list li {
		margin: 0 0 20px 0;
	}
		.header_order{
		margin-left:-10px;
	}

	.content{
		padding: 90px 0 0 0;
	}
	.header__link {
		font-size: 24px;

	}
	.header__order{

	display: flex;
	flex-flow: column;
	align-items: center;
	position: absolute;
	opacity: 1;
	z-index: 50;
	overflow: hidden;
	margin-left:-10px;
	}
	.header{
		height:750px;
	}
	.header:before{
		height:750px;
	}
	.header__blog{
		height:300px;
		transition: all 0.3s ease 0s;
	}

	.header__blog:before{
		height:300px;
		transition: all 0.3s ease 0s;
	}

	.height{
		height:900px;
	}

	.height:before{
		height:900px;
	}

	.text{

	padding-left:20px;
	margin-top: 0;
	}
	.text p {
	font-size: 1.4em;

	}
	.offers_wrapper{
	margin-top:50px;
	display:grid;
	grid-gap: 5px;
	grid-template-columns: repeat(auto-fit, 250px);

	justify-content: center;


	}
	.info__content {
	display:grid;
	grid-gap: 5px;
	grid-template-columns: repeat(auto-fit, 250px);
	justify-content: center;
	}

	.content__footer {

	grid-template-columns: 1fr;
	grid-gap: 25px;
	margin-bottom: 25px;
	text-align: center;

	}
	.content__footer h3 {
		text-align: center;
	}

}
@media(max-width: 900px){
	.header__page,
	.header__page:before {
		height:350px;
	}

.text__blog h1 {
	font-size: 2em;
}
}
@media (max-width: 800px){
	.steps_wrapper {
		grid-template-columns: 1fr;
	}

	.steps_wrapper div:nth-child(1),
	.steps_wrapper div:nth-child(2),
	.steps_wrapper div:nth-child(3),
	.steps_wrapper div:nth-child(4),
	.steps_wrapper div:nth-child(5)
	{
		grid-column-start: 1;
	}
	.circle,
	.circle2,
	.circle3,
	.circle4{
		display:none;
	}
	.line{
		display: none;
		}
	.height{
	height:900px;
	}
	.height:before{
		height:900px;
	}

}
@media (max-width: 790px){
	.story_wrapper {
		grid-template-columns: repeat(auto-fit, minmax(250px, 650px));
	}
	.story_wrapper div {
		max-height: 650px;
	}
}
@media(max-width: 760px){
	.header__page,
	.header__page:before {
		height:350px;
	}

.text__blog h1 {
	font-size: 2em;
}
}
@media (max-width: 700px){
	.header{
		height:800px;

	}
	.header:before{
		height:800px;

	}
		.header__blog:before{
		height:300px;

	}
	.header_blog{
		height:800px;

	}

	.header__page,
	.header__page:before {
		height:350px;
	}

	.text__blog h1 {
	font-size: 2em;
}
	.header_order{
		margin-left:-10px;
	}
	.text h1 {
	padding:0 0 5px 0;
	font-size: 3em;
	}
	.text{

	padding: 5px 20px 5px 10px;
	}

	.text p {
		font-size: 1.4em;
		}
	.header__menu.active{
		top: 0;
		height:800px;
	}
		.header__menu_blog.active{
		top: 0;
		height:300px;
	}
	.sf {
	display:grid;
	grid-gap: 20px;
	grid-template-columns: repeat(auto-fit, minmax(200px, 320px));
	justify-content: center;
	margin: 0 auto;
	max-width: 100%
}
	.height{
	height:900px;
	}
	.height:before{
		height:900px;
	}

}

@media(max-width: 601px;){


}
@media (max-width: 570px){
	.header{
		height:900px;

	}
	.header__blog:before{
		height:300px;

	}
	.header_blog{
		height:300px;

	}
	.header:before{
		height:900px;

	}
	.header_order{
		margin-left:-10px;
	}
	.text h1 {
	padding:0 0 5px 0;
	font-size: 2em;
	}
	.text{

	padding: 5px 20px 5px 10px;
	}
	.text p {
	font-size: 1.4em;
	}
	.header__menu.active{
		top: 0;
		height:900px;
	}
		.header__menu_blog.active{
		top: 0;
		height:900px;
	}
	.height{
	height:900px;
	}
	.height:before{
		height:900px;
	}
}
@media(max-width: 502px){
		.tel{
		display:none;
	}
	.text__blog {
	margin-top: 30px;

}
.text__blog h1 {
	font-size: 2em;
}
.header__page,
	.header__page:before {
		height:380px;
	}

}
@media (max-width: 455px){
	.header{
		height:900px;

	}
	.header:before{
		height:900px;

	}
	.header_order{
		margin-left:-10px;
	}
	.text h1 {
	padding:0 0 5px 0;
	font-size: 2em;
	}
	.text{

	padding: 5px 20px 5px 10px;
	}
	.text p {
	font-size: 1.4em;
	margin-bottom: 50px;
	}
	.header__menu.active{
		top: 0;
		height:900px;
	}
		.header__menu_blog.active{
		top: 0;
		height:900px;
	}
	.logos {
		grid-template-columns: 1fr;
	}
	.social__links {
    display: grid;
    grid-template-columns: 1fr;
    max-width: 400px;
    margin: 0 auto;
    grid-gap: 15px;
}
	.height{
	height:900px;
	}
	.height:before{
		height:900px;
	}
	.header__page,
	.header__page:before {
		height:400px;
	}
}
@media(max-width: 380px ){
	.header__blog{
		height:310px;

	}
	.header__blog:before{
		height:310px;

	}
	.height{
	height:900px;
	}
	.height:before{
		height:900px;
	}
	.header__page,
	.header__page:before {
		height:450px;
	}
}
@media (max-width: 326px){
	.content{
		padding: 120px 0 0 0;
	}
	.header__menu.active{
		top: 0;
		height:900px;
	}
		.header__menu_blog.active{
		top: 0;
		height:900px;
	}
	.height{
	height:900px;
	}
	.height:before{
		height:900px;
	}
}
@media (max-width: 321px){
	.header{
		height:900px;

	}
	.header:before{
		height:900px;

	}
	.header_order{
		margin-left:-10px;

	}
	.text h1 {
	padding:0 0 5px 0;
	font-size: 2em;
	}
	.text{

	padding: 5px 20px 5px 10px;
	}
	.text p {
	font-size: 1.4em;
	margin-bottom: 20px;
	}
	.content{
		padding: 40px 0 0 0;
	}
	.header__menu.active{
		top: 0;
		height:900px;
	}
		.header__menu_blog.active{
		top: 0;
		height:900px;
	}
	.height{
	height:900px;
	}
	.height:before{
		height:900px;
	}
}
@media (max-width: 288px){
	.content{
		padding: 120px 0 0 0;
	}
		.form {
  position: relative;
  z-index: 1;
  background: #FFFFFF;
  max-width: 360px;
  margin:0 auto;

  padding: 45px;
  text-align: center;
}
	.height{
	height:900px;
	}
	.height:before{
		height:900px;
	}
}