/* Mobile */

/*reset*/
* {
	padding: 0;

	margin: 0;
}
@media (max-width: 320px) {
	.wrapper {
		width: 100%;
	}
} 

header {
	background: url(../img/header-bg.jpg) center top;
  	background-size: cover;
}
	.titles {
		text-align: center;
	}
		.titles h1 {
			font-family: "RobotoCondensedBold";
			text-transform: uppercase;
			color: #fff;
			font-size: 20pt;
			font-weight: 400;
			margin-top: 1px;
			margin-bottom: 1px;
			text-shadow: 0px 1px 2px rgb(16,58,112);
			-o-text-shadow: 0px 1px 1px rgb(16,58,112);
			-moz-text-shadow: 0px 1px 1px rgb(16,58,112);
			-ms-text-shadow: 0px 1px 1px rgb(16,58,112);
			-webkit-text-shadow: 0px 1px 1px rgb(16,58,112);
		}
		.blue-title h1 {
		  color: #b3d5ff;
		  margin-top: 60px;
		}
.btn {
  background: url(../img/header-btn.png) no-repeat;
  display: block;
  max-width: 200px;
  min-width: 200px;
  background-size: cover;
  font-size: 11pt;
  font-family: "RobotoCondensedBold";
  text-transform: uppercase;
  color: #fff;
  text-align: center;
  margin: 10px auto;
   padding: 9px;
  box-shadow: 1px 1px 15px #767676;
  -ms-box-shadow: 1px 1px 15px #767676;
  text-shadow: 0px 1px 1px rgb(199,112,0);
  -o-text-shadow: 0px 1px 1px rgb(199,112,0);
  -moz-text-shadow: 0px 1px 1px rgb(199,112,0);
  -ms-text-shadow: 0px 1px 1px rgb(199,112,0);
  -webkit-text-shadow: 0px 1px 1px rgb(199,112,0);
  border-radius: 100px;
  -webkit-border-radius: 100px;
  -o-border-radius: 100px;
  -ms-border-radius: 100px;
}
	.btn:hover {
		color: #ffde9b;
	}

.btn-indent {
  padding: 9px!important;
}	
	
	.btn:hover {
		text-decoration: none;
	}	


.btn-blue {
	background: url(../img/whyus-blue-btn.png) no-repeat;
	text-shadow: 0px 1px 1px #1c569f;
	-o-text-shadow: 0px 1px 1px #1c569f;
	-moz-text-shadow: 0px 1px 1px #1c569f;
	-ms-text-shadow: 0px 1px 1px #1c569f;
	-webkit-text-shadow: 0px 1px 1px #1c569f;	
}

	.btn-blue:hover {
		color: #8ebcf0;
	}

.monitor {
  background: url(../img/monitor-bg.png) no-repeat;
  background-size: contain;
  padding-top: 39.4%;
  width: 100%;
  position: relative;
  box-shadow: 0 0 55px rgba(0,0,0,0.5);
  -o-box-shadow: 0 0 55px rgba(0,0,0,0.5);
  -moz-box-shadow: 0 0 55px rgba(0,0,0,0.5);
  -ms-box-shadow: 0 0 55px rgba(0,0,0,0.5);
  -webkit-box-shadow: 0 0 55px rgba(0,0,0,0.5);
  -ms-border-radius: 11px 11px 0 0;
  -webkit-border-radius: 11px 11px 0 0;
  -o-border-radius: 11px 11px 0 0;
  border-radius: 11px 11px 0 0;
}
	.monitor-content {
	    position: absolute;
	    top: 0;
	    right: 0;
	    bottom: 0;
	    left: 0;
	    padding: 0!important;
	}

		.monitor-content p {
			  background: url(../img/monitor-blue-block.jpg) no-repeat;
			  color: #fff;
			  background-size: cover;
			  font-family: "RobotoCondensedRegular", sans-serif;
			  text-align: center;
			  font-size: 8pt;
  				padding: 1%;
			  max-width: 100%;
			  margin-top: 18%;
			  box-shadow: 0 10px 30px rgba(0,0,0,0.5);
			  -o-box-shadow: 0 10px 30px rgba(0,0,0,0.5);
			  -moz-box-shadow: 0 10px 30px rgba(0,0,0,0.5);
			  -ms-box-shadow: 0 10px 30px rgba(0,0,0,0.5);
			  -webkit-box-shadow: 0 10px 30px rgba(0,0,0,0.5);
			}

	.our-clients-block-inner {
		background: url(../img/ourclientsupbg.png) center -2px no-repeat;
		background-size: cover;
	}	

	.our-clients-block {
	  background: url(../img/our-clients-bg.png) center bottom repeat-x, url(../img/ourclients-pattern-bg.jpg) center top repeat-x,url(../img/ourclients-pattern-bg.jpg) center 172px repeat-x,url(../img/ourclients-pattern-bg.jpg) center 340px repeat-x,url(../img/ourclients-pattern-bg.jpg) center 512px repeat-x,url(../img/ourclients-pattern-bg.jpg) center 568px repeat-x;;
	  margin-top: -4px;
	  border-top: 1px solid #fff;
	  position: relative;
	  margin-bottom: -12px;
	  z-index: 10;
	}
		.marine-title h1 {
			font-family: "RobotoCondensedBold";
			text-transform: uppercase;
			font-weight: 400;			
			color: #2f455d;
			text-align: center;
			  text-shadow: 0px 1px 0px rgb(255, 255, 255);
			  -ms-text-shadow: 0px 1px 0px rgb(255, 255, 255);
			  margin-bottom: 17px;
			  font-size: 20pt;
		}

	.our-clients-details-inner {
		background: url(../img/our-clients-details.png) no-repeat;
  		background-size: cover;
  		padding-top: 40%;
  		margin-left: -18px;
  		position: relative;
	}

		.our-clients-details {
			position: absolute;
		    top: 0;
		    right: 0;
		    bottom: 0;
		    left: 0;   
		    padding: 5% 7%;
  			line-height: 1.55;
		}

			.our-clients-details p {
				color: #fff;
				font-family: "RobotoBold", sans-serif;
				font-size: 10pt;
				  text-shadow: 0px 1px 1px rgb(232,154,4);
				  -ms-text-shadow: 0px 1px 1px rgb(232,154,4);
			}

.our-clients-logo {
	position: relative;
}

.logo {
	width: 100%;
	height: auto;
	  box-shadow: 0 0 37px rgba(15, 53, 100, 0.21);
	-ms-border-radius: 100px;
	-o-border-radius: 100px;
	-webkit-border-radius: 100px;
	border-radius: 100px;
}

	.logo-groupkin {
		margin-left: 16%;
		width: 100%;
	}

	.logo-knight {
		width: 90%;
		margin-top: 6px;
	}

	.logo-ginza-inner {
		margin-left: -16px;
  		margin-right: 16px;
	}

	.logo-ginza {
		width: 115%;
		margin-top: -43%;
	}

	.logo-lifecap {
		width: 115%;
		margin-top: 35%;	
	}

	.logo-electrolux {
		position: absolute;
		  top: -30px;
	}

	.logo-restore {
		position: absolute;
		width: 83%;
		top: -10px;
	}

	.logo-interskol-inner {
	  margin-left: 16px;
	  margin-right: -16px;
	   margin-top: 15px;
	}

	.logo-interskol {
		width: 96%;
	}

	.logo-probusiness {
		position: absolute;
		width: 73%;
		top: -4px;
  		right: 1px;
	}


	.our-clients-btn a {
		margin-bottom: 30px;
	}

.phone {
  color: #b3d5ff;
  font-size: 30px;
  margin-top: 20px;
  margin-bottom: 25px;
  margin-right: 32px; /*Добавил сегодня phone margin-right*/
}

.clients-logo {
	border-radius: 100px;
	-webkit-border-radius: 100px;
	-o-border-radius: 100px;
	-ms-border-radius: 100px;
}

.row-no-indents {
	padding: 0!important;
	margin: 0!important;
}


.process {
  background: url(../img/process-bg-twp.png) center 25px no-repeat, url(../img/process-bg.png) center bottom repeat-x, url(../img/process-bg.png) center top repeat-x;
  background-size: contain,auto,auto;
  position: relative;
  margin-bottom: -10px;
  padding-top: 20px;
  z-index: 5;
}

.process-btn {
  margin-top: 2px;
  margin-bottom: 24px;
}

.process-title h1 {
	margin-bottom: 17px;
}


.process-balls-inner {
	width: 100%;
	display: none;
}

	.process-balls img {
	  margin-bottom: 16px;
	  margin-left: auto;
	  margin-right: auto;
	  width: 100%;
	}

	.process-balls p {
		text-align: center;
		font-family: "RobotoCondensedBold";
		color: #fff;
		font-size: 6pt;
		text-transform: uppercase;
		text-shadow: 1px 1px 2px #0a449f;
		-ms-text-shadow: 1px 1px 2px #0a449f;
		margin-bottom: 30px;		
		margin-left: -9px;
	}

	.ball-1 {
		margin-left: 8px;
	}

	.ball-2 {
	  margin-left: -4px;
	}

	.ball-3 {
	  margin-left: -8px;
	}

	.ball-4 {
	  margin-left: 9px;
	}

	.ball-5 {
	  margin-left: -5px;
	}

	.ball-6 {
	  margin-left: -7px;
	}

	.process-btn {
	  margin-top: 2px;
	}



		.process-title h1 {
			color: #fff;
			font-size: 20pt!important;
		}

		.step {
			border-radius: 100px;
			-o-border-radius: 100px;
			-webkit-border-radius: 100px;
			-ms-border-radius: 100px;
		}

		.process-details div {
			margin-top: 10px;
		}

			.process-details img {
				 width: 50px;
				height: auto;
			}

		.process-details p {
		  color: #fff;
		  font-family: "RobotoCondensedRegular", sans-serif;
		  text-shadow: 1px 1px 2px rgb(28, 88, 161), 0 0 1px rgb(165, 165, 165);
		  -ms-text-shadow: 1px 1px 2px rgb(28, 88, 161), 0 0 1px rgb(165, 165, 165);
		  font-size: 60%;
  			padding-top: 4%;
  			padding-left: 3%;
		}

		.process-btn {
			margin-top: 2px;
		}

/*--------------------------------------------*/

.process-ball-inner-xs {

}

	.process-ball-inner-xs img {
		display: block;
		margin: 0 auto;
	}

	.process-ball-inner-xs p {
		color: #fff;
		text-align: center;
		  color: #fff;
		  font-family: "RobotoCondensedRegular", sans-serif;
		  text-shadow: 1px 1px 2px rgb(28, 88, 161), 0 0 1px rgb(165, 165, 165);
		  -ms-text-shadow: 1px 1px 2px rgb(28, 88, 161), 0 0 1px rgb(165, 165, 165);
		  margin-bottom: 25px;
		  font-size: 24px;
	}


/*--------------------------------------------*/		

.calendar-block {
  background: url(../img/calendar-bg.png) center -156px repeat-x;
  padding-top: 32px;
  padding-bottom: 36px;
  padding-left: 40px;
  position: relative;
  margin-bottom: -8px;
  z-index: 4;
}


.calendar-cont {
	text-transform: uppercase;
	font-family: "RobotoCondensedBold", sans-serif;
	line-height: 1;
}

.calendar {
	margin-left: auto;
	margin-right: auto;
	margin-top: 9px;
	width: 290px;
}

.calendar-cont img {
  float: left;
  margin-right: 3px;
  width: 17%;
  margin-left: 21px;
}


.calendar-cont h1 {
  -webkit-margin-before: 0;
  -webkit-margin-after: 0;
  font-size: 50pt;
  text-shadow: 0px 1px 0px rgb(255, 255, 255), 0 0 1px rgb(255, 255, 255);
  -ms-text-shadow: 0px 1px 0px rgb(255, 255, 255), 0 0 1px rgb(255, 255, 255);
  letter-spacing: -5px;
  margin-top: -11px;
  float: left;
  color: #36a2e2;
  margin-right: 11px;
  	margin-bottom: -5px;
}

	.calendar-cont p {
	  color: #2f455d;
	  font-size: 7pt;
	  text-shadow: 0px 1px 0px rgb(255, 255, 255), 0 0 1px rgb(255, 255, 255);
	  -ms-text-shadow: 0px 1px 0px rgb(255, 255, 255), 0 0 1px rgb(255, 255, 255);
	}

	.calendar-cont h3 {
	  color: #5fb51e;
	  font-size: 19pt;
	  text-shadow: 0px 1px 0px rgb(255, 255, 255), 0 0 1px rgb(255, 255, 255);
	  -ms-text-shadow: 0px 1px 0px rgb(255, 255, 255), 0 0 1px rgb(255, 255, 255);
	}

	.calendar-cont span {
	  color: #2f455d;
	  font-size: 10pt;
	  text-shadow: 0px 1px 0px rgb(255, 255, 255), 0 0 1px rgb(255, 255, 255);
	  -ms-text-shadow: 0px 1px 0px rgb(255, 255, 255), 0 0 1px rgb(255, 255, 255);
	}

.examples-block {
        /*320x568*/
    background: url(../img/examples-bg-two.png) center -35px no-repeat, url(../img/examples-bg.png) center bottom no-repeat,url(../img/examples-bg.png) center -732px no-repeat,url(../img/examples-bg.png) center -630px no-repeat, url(../img/examples-bg.png) center -751px no-repeat;
  	background-size: cover, auto,auto;
  	position: relative;
  	margin-bottom: -10px;
  	padding-top: 20px;
  	z-index: 3;
}

		.green-title h1 {
			color: #b3f19c;
			font-size: 20pt!important;
		}

	.examples-details {
		text-align: center;
	}		

		.examples-details p {
			color: #fff;
			font-family: "RobotoCondensedBold", sans-serif;
			font-size: 15pt;
			text-transform: uppercase;
			margin-bottom: -27px; /*добавил сегодня*/
			text-shadow: 0px 1px 1px rgb(58, 58, 58);
			-ms-text-shadow: 0px 1px 1px rgb(58, 58, 58);
		}
  
  .achievement-row {
    margin-bottom: 40px;
  }
  
	.examples-number {
		text-align: center;
		margin-bottom: 10pt;
	}

		.examples-number p {
		  color: #ffd131;
		  font-family: "RobotoCondensedBold", sans-serif;
		  text-shadow: 0px 1px 1px rgb(58, 58, 58);
		  -ms-text-shadow: 0px 1px 1px rgb(58, 58, 58);
		  font-size: 70pt;
		}
		
.examples-items {
	text-align: center;
	
}

	.examples-items img {
    width: 100%;
	  display: block;
  		margin: 30px auto 0px auto;/*изменено сегодня (с 13px на 40px)*/
	}	

	.examples-items p {
		color: #fff;
		font-family: "RobotoRegular", sans-serif;
		font-size: 14pt;
	}
		.examples-items span {
			  font-size: 20pt;
			  font-family: "RobotoBold"!important;
			  text-shadow: 2px 2px 3px rgb(87, 87, 87);
			  -ms-text-shadow: 2px 2px 3px rgb(87, 87, 87);
			text-transform: uppercase;
		}

.showmore-btn {
  width: 170px;
  display: block;
  color: #fff;
  font-family: 'RobotoBold', sans-serif;
  padding-top: 12px;
  padding-bottom: 21px;
  background: url(../img/examples-btn.png) no-repeat;
  background-size: cover;
  font-size: 13pt;
  text-decoration: none;
  text-align: center;
  height: auto;
  margin: 15px auto 0 auto;
}

	.showmore-btn:hover {
		color: #ddd;
		text-decoration: none;
	}


	.showmore-underbtn {
	  background: url(../img/examples-underbtn-shadow.png) center no-repeat;
	  background-size: contain;
	  height: 27px;
	  margin-top: -11px;
	  margin-bottom: 1px;
	}

	.examples-btn {
		margin-bottom: 31px;
	}

.whyus-block {
  background: url(../img/whyus-bg-one.png) center top repeat-x, url(../img/whyus-bg-two.png) center bottom repeat-x;
  position: relative;
  margin-bottom: -10px;
  margin-top: -20px;
  padding-top: 20px;
}

	.whyus-details {
		margin-top: 16px;
		margin-left: -1px;
	}

	.whyus-details img {
	  /* width: 25%; */
	  margin: 0 auto;
	  display: block;
	  height: auto;
	  border-radius: 5px;
	  -o-border-radius: 5px;
	  -webkit-border-radius: 5px;
	  -ms-border-radius: 5px;
	  border: 2px solid #feae47;
	  /* margin-left: 100px; */
	}

.whyus-details-inner {
	background: url(../img/whyus-details.png) no-repeat;
  background-size: cover;
  padding-top: 16%;
  margin-top: 10px;
  margin-left: 10px;
  border-radius: 5px;
  height: 101px;
  width: 265px;
  margin-bottom: -40px;
  position: relative;
}


.whyus-details-text {
  position: absolute;
  top: 7px;
  right: 0;
  bottom: 0;
  left: 0;
}

			.whyus-details-text p {
			 color: #2f455d;
			  font-family: "RobotoLight";
			  font-weight: 300;
			  font-size: 8pt;
			  font-style: italic;
			}

			.whyus-details-text span {
				  font-weight: 500;
				  color: #1d67b5;
				  line-height: 1.2;
			}


.whyus-reason-table {
	margin-top: 40px;
	margin-bottom: 41px;
}

	.whyus-one-img {
		  float: left;
		  margin-top: 42px;
		}

.whyus-two-img {
  float: left;
  margin-right: 10px;
  margin-left: 10px;
  width: 26%;
}

.whyus-reason-table p {
  font-family: "RobotoCondensedBold";
  color: #fff;
  text-transform: uppercase;
  font-size: 10pt;
  margin-top: 39px;
}

		.whyus-reason {
			margin-left: 0;
			margin-right: 0;
			padding: 0;
		}	

		.whyus-reason-table-xs {
			margin-right: auto;
			margin-left: auto;
		}

			.whyus-reason img {
				width: 100%;
				height: auto;
			}

			.whyus-reason p {
				color: #fff;
				text-align: center;
				font-family: 'Roboto';
				font-weight: 700;
			}


.whyus-one-1 {
  margin-left: 1px;
  width: 15%;
}

.whyus-two-1 {
  margin-top: 31px;
}


.whyus-one-2 {
  margin-left: 1px;
  width: 15%;
}


.whyus-two-2 {
  margin-bottom: 5px;
  margin-top: 31px;
}


.whyus-one-3 {
  margin-top: 37px;
  margin-left: 1px;
  width: 15%;
}


.whyus-two-3 {
  margin-left: 8px;
  margin-top: 20px;
}

.whyus-one-4 {
  margin-top: 37px;
  width: 15%;
  margin-left: 1px;
}

.whyus-two-4 {
  margin-top: 20px;
}

.reason-table-2 p {
	margin-top: 31px;
}

.reason-two {
	margin-bottom: -45px;
}

.whyus-blue-btn {
  margin-bottom: 60px!important;
  background-size: cover;
}

	.whyus-btns {
		margin-top: 0;
		margin-left: 0;
		margin-right: 0;
		padding: 0;
	}

			.whyus-btn {
				display: block;
				color: #fff;
				font-family: 'Roboto', sans-serif;
				font-weight: 400;
				background: url(../img/whyus-btn.png) no-repeat;
				background-size: contain;
				text-decoration: none;
				height: auto;
				max-width: 174px;
				min-width: 74px;
			}

.java-block {
  background: url(../img/java-bg.png) center bottom repeat-x,url(../img/java-bg.png) center top repeat-x;
  background-size: auto, auto;
  padding-top: 35px;
  margin-top: -15px;
}
		.orange-title h1 {
			font-family: "RobotoCondensedBold", sans-serif;
  			text-transform: uppercase;
  			color: #52a733;
  			font-size: 20pt;
  			margin-bottom: 10px;
  			text-shadow: 0px 1px 0px rgb(255, 255, 255), 0 0 1px rgb(255, 255, 255);
		}

	.java-details-inner {
	background: url(../img/whyus-details-bg.png) -42px,url(../img/whyus-details-bg.png) -60px;
  background-size: cover;
  padding-top: 11.5%;
  position: relative;
  height: 80px;
  margin-bottom: 35px;
}

		.java-details {
			text-align: center;
  			position: absolute;
  			top: 0;
  			right: 0;
  			bottom: 0;
  			left: 0;
  			padding: 6px;
		}

			.java-details p {
				color: #fff;
				font-family: 'RobotoCondensedBold', sans-serif;
				font-size: 9pt;
				font-weight: 700;
				text-transform: uppercase;
				text-shadow: 0 0 1px #56a52f;
				-ms-text-shadow: 0 0 1px #56a52f;
			}

			.java-sertifs img {
				width: 100%;
				height: auto;
				  box-shadow: 0 0 37px rgba(74, 74, 74, 0.5);
				  -ms-box-shadow: 0 0 37px rgba(74, 74, 74, 0.5);
				display: block;
				margin: 0 auto 15px auto;
			}


.java {
	text-align: center;
	background: url(../img/java-bg.jpg) top center no-repeat;
	padding-top: 54px;
	padding-bottom: 43px;
}

.java-showmore-btn {
	margin-top: 30px;
}

.java-block-btn {
	margin-bottom: 25px;
}

	.java img {
	  float: left;
	  margin-right: 44px;
	  margin-left: 28px;
	  margin-top: -3px;
	  margin-bottom: 10px;
	  display: none;
	}
	

	.java p {
		color: #45abef;
		font-family: 'RobotoCondensedBold', sans-serif;		
		text-transform: uppercase;
		float: none;
		font-size: 10pt;
  		text-align: center;
  		height: 100%;		
	}

		.java span {
			color: #ff8e00;
		}


.contacts {
  background: url(../img/contactsupbg.png) center 12px no-repeat, url(../img/contacts-bg.png) center top repeat-x, url(../img/contacts-bg.png) center bottom repeat-x;
  background-size: 142%,auto;
  padding-top: 25px;
}


.btn-contacts {
	cursor: pointer;
  display: none;
}

	.contacts-number {
		text-align: center;
	}

		.contacts-number h1 {
		  font-family: 'RobotoCondensedBold', sans-serif;
		  color: #fff;		  
		  font-size: 21pt;
		  /*margin-top: -30px;*/
		  margin-bottom: 5px;
		}

		.contacts-email {
		  text-align: center;
		  margin-bottom: 9px!important;
		}

		.contacts-email h2 {
		  font-family: 'Roboto Condensed Regular', sans-serif;
		  color: #fff;
		  font-size: 15pt;
		}

			.contacts-email span {
				color: #ffe65d;
				text-decoration: underline;
				margin-bottom: 10px;
			}

				.contacts-email span:hover {
					cursor: pointer;
					text-decoration: none;
				}

.contacts-arrow {
  text-align: center;
  display: block;
  color: #fff;
  font-family: 'Roboto', sans-serif;
  font-weight: 700;
  padding-top: 18px;
  padding-bottom: 16px;
  background: url(../img/icon-or.png) no-repeat;
  background-size: contain;
  font-size: 12pt;
  text-decoration: none;
  height: auto;
  margin-bottom: 24px;
}

	.contacts-form {

	}

	.orange-button {
		  background: url(../img/header-btn.png) no-repeat;
		  display: block;
		  max-width: 200px;
		  min-width: 200px;
		  background-size: cover;
		  font-size: 11pt;
		  font-family: "RobotoCondensedBold";
		  text-transform: uppercase;
		  color: #fff;
		  text-align: center;
		   margin: 35px auto;
		  border: none!important;
		   padding: 9px;
		  box-shadow: 1px 1px 15px #767676;
		  -ms-box-shadow: 1px 1px 15px #767676;
		  text-shadow: 0px 1px 1px rgb(199,112,0);
		  -o-text-shadow: 0px 1px 1px rgb(199,112,0);
		  -moz-text-shadow: 0px 1px 1px rgb(199,112,0);
		  -ms-text-shadow: 0px 1px 1px rgb(199,112,0);
		  -webkit-text-shadow: 0px 1px 1px rgb(199,112,0);
		  border-radius: 100px;
		  -webkit-border-radius: 100px;
		  -o-border-radius: 100px;
		  -ms-border-radius: 100px;
	}

		input {
		  border: 2px solid #eee;
		  font-family: 'Roboto', sans-serif;
		  font-size: 15pt;
		  color: #444;
		  padding: 12px 29px;
		  outline: none;
		  width: 100%;
		  display: block;
		  margin: 0px auto 35px auto;
		}	


		.orange-button:hover {
			color: #ffde9b
		}

		/*.input2 {
		  margin-left: 5px!important;
		}*/


.ok-send {
	text-align: center;
	margin-bottom: 30px;
	color: #fff;
	font-size: 20px;
}


.footer {
	  background: url(../img/footer-bg.png) center top repeat-x;
	  position: relative;
	  margin-top: -10px;
	  text-align: center;
	  font-family: "RobotoRegular";
	  font-weight: 700;
	  padding-top: 73px;
}


.footer h3 {
  color: #fff;
  font-size: 16pt;
}


.footer h2 {
  text-decoration: underline;
  color: #ffe65d;
  font-size: 21pt;
  margin-bottom: 38px;
}

	.logo-groupkin, .logo-knight, .logo-ginza, .logo-lifecap, .logo-electrolux, .logo-restore, .logo-interskol, .logo-probusiness {
		display: none;
	}

.client-icons img {
	display: block;
	margin: 0 auto 27px auto;
	box-shadow: 0 0 37px rgba(15, 53, 100, 0.21);
	border-radius: 100px;
	-ms-border-radius: 100px;
	-mz-border-radius: 100px;
	-webkit-border-radius: 100px;
	-o-border-radius: 100px;
}


@media (min-width: 360px) {
	
	.phone {
		margin-right: 58px;
	}

	.examples-block {
	background: url(../img/examples-bg-two.png) center -35px no-repeat, url(../img/examples-bg.png) center bottom no-repeat,url(../img/examples-bg.png) center -438px no-repeat,url(../img/examples-bg.png) center -630px no-repeat, url(../img/examples-bg.png) center -751px no-repeat;
	}
}

@media (min-width: 414px) {
	.phone {
		margin-right: 79px;
	}
}

/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {

	font.errortext {
		color: #fff!important;
	}


		input {
			    border-radius: 30px;
			    -webkit-border-radius: 30px;
			    -o-border-radius: 30px;
			  -ms-border-radius: 30px;
			  border: 2px solid #ffb95a;
			  font-family: 'Roboto', sans-serif;
			  font-size: 15pt;
			  color: #444;
			  padding: 12px 29px;
			  outline: none;
			  width: 100%;
			  display: block;
			  margin: 0px auto 35px auto;
			}

.phone {
      margin-right: 0;
}			

.client-icons {
	display: none;
}

	.logo-groupkin, .logo-knight, .logo-ginza, .logo-lifecap, .logo-electrolux, .logo-restore, .logo-interskol, .logo-probusiness {
		display: block;
	}

.orange-button {
 display: block;
  color: #fff;
  font-family: "RobotoCondensedBold", sans-serif;
  max-width: 287px;
  min-width: 287px;
  height: 70px;
  padding: 1px;
  font-size: 15pt;
  background: url(../img/contacts-form-btn.png) -59px;
  background-size: cover;
  border-radius: 85px;
  -ms-border-radius: 85px;
  text-decoration: none;
  height: 55px;
  border: none;
  margin-bottom: 74px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 0px;
  box-shadow: 1px 1px 15px #767676;
  -ms-box-shadow: 1px 1px 15px #767676;
  text-shadow: 0px 1px 1px rgb(199,112,0);
  -ms-text-shadow: 0px 1px 1px rgb(199,112,0);
}
	
.wrapper { /*980*/
	margin: 0 auto;	
  	width: 768px;
}


.btn { /*768*/
	max-width: 363px;
	min-width: 291px;
	font-size: 17pt;
	padding: 20px;
	margin-bottom: 40px;
}

.btn-indent { /*768*/
	padding: 19px!important;
}

.blue-title h1 { /*768*/
  font-size: 35pt;
}

.monitor {
	width: 95%;
	border-radius: 32px 32px 0 0;
	-ms-border-radius: 32px 32px 0 0;
}


.monitor-content p { /*768*/
	  font-size: 13pt;
	  margin-top: 16%;
	  padding: 3%;
}

.our-clients-block {
	margin-top: -16px;
}

.our-clients-block-inner {
  background: url(../img/ourclientsupbg.png) center -2px no-repeat;
  padding-top: 15px;
  background-size: 220%;
}

.our-clients-details-inner {
	width: 53%;
	padding-top: 21%;
}

.logo { /*768*/
	-ms-border-radius: 140px;
	border-radius: 140px;
	width: 95%; 
}

	.logo-groupkin { /*768*/
	  width: 95%;
	}

	.logo-knight { /*768*/
  		width: 85%;
	}

	.logo-ginza { /*768*/
	  width: 110%;
	}

	.logo-lifecap { /*768*/
	  width: 110%;
	}

	.logo-restore { /*768*/
  		width: 78%;
}

	.logo-interskol { /*768*/
	  width: 91%;
	}

	.logo-probusiness { /*768*/
	  width: 68%;
	}

.our-clients-block {
  background-position: center -108px, left top;
  margin-top: -12px;
}

	.marine-title h1 {
	  font-size: 25pt;
	    margin-top: 29px;
  		margin-bottom: 46px;
	}

	.our-clients-details p {
	  font-size: 13pt;
	}

	.our-clients-btn { /*768*/
	  margin-top: 25px;
	}

	.our-clients-btn a {
	  margin-bottom: 70px;
	}

	.process-details img { /*768*/
	  width: 85%;
	}

.process {
	  background: url(../img/process-bg-twp.png) center 25px no-repeat, url(../img/process-bg.png) center bottom repeat-x;
}

.process-balls-inner {
	width: 100%;
	display: inherit;
}	

.process-ball-inner-xs {
	display: none;
}

	.process-balls p {
		font-size: 16pt;
		margin-bottom: 57px;
	}

	.process-balls img {
		margin-left: 38px;
		margin-right: 0;
		width: auto;
	}

	.process-details div { /*768*/
	  margin-top: 20px;
	}

	.process-details p { /*768*/
	  font-size: 90%;
	  padding-top: 4%;
	  padding-left: 0%;
	}

	.process-title h1 { /*768*/
	  font-size: 25pt!important;
	}

	.process-btn { /*768*/
	  margin-top: 2px!important;
	}

		.process-btn a { /*768*/
			margin-bottom: 60px;
		}

	.titles h1 { /*768*/
  	margin-bottom: 30px;
}


/*768 calendar*/

.calendar {
	width: 700px;
}

.calendar-block {
  background: url(../img/calendar-bg.png) center top repeat-x;
  padding-top: 60px;
  padding-bottom: 60px;
  padding-left: 40px;
  position: relative;
  margin-bottom: -30px;
  z-index: 4;
}

.calendar-cont img {
	float: left;
	margin-right: 40px;
	margin-left: 0;
	width: auto;
}

	.calendar-cont p {
		font-size: 21pt;
	}

	.calendar-cont h3 {
		font-size: 57pt;
	}

	.calendar-cont span {
		font-size: 31pt;
	}

.calendar-cont h1 {
	font-size: 145pt;
	  text-shadow: 0px 1px 0px rgb(255, 255, 255), 0 0 1px rgb(255, 255, 255);
	  -ms-text-shadow: 0px 1px 0px rgb(255, 255, 255), 0 0 1px rgb(255, 255, 255);
	letter-spacing: -15px;
	margin-top: -32px;
	margin-right: 30px;
}

	.green-title h1 { /*768*/
		color: #b3f19c;
		font-size: 25pt!important;
		margin-bottom: 0;
	}

	.examples-details p { /*768*/
  	margin-top: 0;
  	font-size: 13pt;
	}

	.examples-block { /*768*/
	  background: url(../img/examples-bg-two.png) center -90px no-repeat, url(../img/examples-bg.png) top center no-repeat;
	}

	.examples-number p { /*768*/
	  font-size: 60pt;
	}

	.examples-items p { /*768*/
	  font-size: 16pt;
	  line-height: 1.3;
	}

		.examples-items span { /*768*/
		  font-size: 17pt;
		}

.showmore-btn { /*768*/
  width: 145px;
  display: block;
  color: #fff;
  padding-top: 10px;
  padding-bottom: 15px;
  background: url(../img/examples-btn.png) no-repeat;
  background-size: cover;
  font-size: 13pt;
  text-decoration: none;
  text-align: center;
  height: auto;
  margin: 75px auto 0 auto;
}

.showmore-underbtn {
	margin-top: 0;
	margin-bottom: 22px;
}


.whyus-reason-table p { /*768*/
	font-size: 11pt;
}

	.whyus-details-inner {
			background: url(../img/whyus-details.png) no-repeat;
		  background-size: cover;
		  padding-top: 16%;
		  margin-top: 10px;
		  margin-left: 10px;
		  border-radius: 0;
		  height: auto;
		  width: 83.33333333%;
		  margin-bottom: -40px;
		  position: relative;
	}


	.whyus-details img {
		width: 100%;
		height: auto;
		-ms-border-radius: 5px;
		border-radius: 5px;
		border: 2px solid #feae47;
	}

	.whyus-details-inner {
		background: url(../img/whyus-details.png) no-repeat;
		background-size: cover;
		padding-top: 15%;
		position: relative;
	  margin-top: 0;
	  margin-left: 0;
	  margin-bottom: 0;
	}	

		.whyus-details-text {
			position: absolute;
		    top: 0;
		    right: 0;
		    bottom: 0;
		    left: 0;   		    
		}	


.whyus-one-1 {
	margin-left: 7px;
	width: auto;
}	

.whyus-two-1 {
	margin-top: 2px;
}

.whyus-two-img {
	float: left;
	margin-right: 10px;
	margin-left: 10px;
	width: auto;
}

.whyus-reason-table p {
	font-family: "RobotoCondensedBold";
	color: #fff;
	text-transform: uppercase;
	font-size: 11pt;
	margin-top: 36px;
}

.reason-two {
	margin-bottom: 0;
}

.whyus-one-2 {
  margin-left: -16px;
  width: auto;
}

.whyus-two-2 {
	margin-bottom: 5px;
	margin-top: 2px;
}


.whyus-one-3 {
  margin-top: 37px;
  margin-left: 1px;
  width: 15%;
}

.whyus-two-3 {
	margin-left: 8px;
	margin-top: -2px;
}

.whyus-one-4 {
	margin-top: 37px;
	margin-left: -18px;
	width: auto;
}

.whyus-two-4 {
	margin-top: -2px;
}

.whyus-one-3 {
	margin-top: 37px;
	margin-left: 7px;
	width: auto;
}

.java-details-inner { /*768*/
  margin-bottom: 60px;
  background: url(../img/whyus-details-bg.png) 2px no-repeat;
  background-size: contain;
  padding-top: 11.5%;
  position: relative;
  height: auto;
}

.java-details {
	padding: 23px;
}

.java-details p {
	font-size: 16pt;
}

.java-block {
	padding-top: 59px;
   background: url(../img/java-stamp.png) 765px -43px no-repeat, url(../img/java-bg.png) center bottom repeat;
}

.java img {
	display: block;
}

.title-sm { /*768*/
	margin-bottom: 10px;
}

.contacts {
	padding-top: 64px;
}

.btn-contacts {
	display: block;
}

.contacts-number h1 { /*768*/
    margin-bottom: 42px;
    font-size: 66pt;
    margin-top: 0px;
}

.contacts {
	background-size: 142%,auto;
}

.contacts-email h2 {
	font-size: 20pt;
}

.contacts-arrow {
	text-align: left;
  padding-top: 36px;
  padding-left: 59px;
  padding-bottom: 61px;
  font-size: 26pt;
  margin-left: 53px;
      margin-bottom: 40px;
}

.orange-button {
  display: block;
  color: #fff;
  font-family: "RobotoCondensedBold", sans-serif;
  max-width: 792px;
  min-width: 792px;
  height: 70px;
  padding: 18px;
  text-transform: uppercase;
  font-size: 18pt;
  background: url(../img/contacts-form-btn.png) no-repeat;
  background-size: cover;
  -ms-border-radius: 85px;
  border-radius: 85px;
  text-decoration: none;
  height: auto;
  border: none;
    margin-bottom: 65px;
  margin-left: auto;
margin-right: auto;
  margin-top: -22px;
  box-shadow: 1px 1px 15px #767676;
  -ms-box-shadow: 1px 1px 15px #767676;
  text-shadow: 0px 1px 1px rgb(199,112,0);
  -ms-text-shadow: 0px 1px 1px rgb(199,112,0);
}	

	input {
	  border-radius: 30px;
	  -ms-border-radius: 30px;
	  border: 2px solid #ffb95a;
	  font-family: 'Roboto', sans-serif;
	  font-size: 20pt;
	  color: #444;
	  padding: 11px 50px;
	  outline: none;
	  width: 385px;
	  margin: 0 -57px 34px 77px;
	}

/*	input {
	  margin-left: -63px!important;
	}	

	input {
	  margin-left: 15px!important;
	}

	*/

	.footer h3 {
	  color: #fff;
	  font-size: 25pt;
	}


	.footer h2 {
	  text-decoration: underline;
	  color: #ffe65d;
	  font-size: 27pt;
	  margin-bottom: 38px;
	}

}

/* Medium devices (desktops, 980px and up) */
@media (min-width: 980px) {


.wrapper { /*980*/
	margin: 0 auto;	
  	width: 100%;
}


	.titles h1 {
		font-size: 38pt;
		margin-bottom: 33px;
		line-height: 1.355;
	}

.subtitle h1 {
	font-size: 30pt!important;
}

.btn { /*980*/
	  max-width: 363px;
	  min-width: 363px;
	  padding: 18px;
	  margin-bottom: 55px;
	  font-size: 19pt;
}

.monitor {
  width: 100%;
}


	.monitor-content p { /*980*/
	  font-size: 15pt;
	  padding: 3%;
	  margin-top: 16%;
	}

	.our-clients-block { /*980*/
		background: url(../img/our-clients-bg.png) center bottom repeat-x, url(../img/ourclients-pattern-bg.jpg) center top repeat-x;
		margin-top: -17px;
	}


	.our-clients-details p { /*980*/
	  font-size: 16pt;
	}

	.our-clients-block-inner { /*980*/
	background: url(../img/ourclientsupbg.png) center -2px no-repeat;
	padding-bottom: 70px;
	}	

	.logo-groupkin { /*1200*/
	  width: 191px;
	  margin-left: 25px;
	}

	.logo-knight { /*1200*/
	  width: 160px;
	  margin-top: 6px;
	  margin-left: 26px;
	}

	.logo-ginza { /*1200*/
	  width: 213px;
	  margin-top: 7%;
	  margin-left: 32px;
	}

	.logo-ginza-inner { /*1200*/
	  margin-left: -30px;
	  margin-right: 30px;
	}

	.logo-lifecap { /*1200*/
	  width: 213px;
	  margin-top: 15%;
	  margin-left: 16px;
	}

	.logo-electrolux {
		width: 230px;
		top: -120px;
		right: 3px;
	}



	.logo-restore { /*1200*/
	  width: 213px;
	  top: -22px;
	  left: 91px;
	}

	.logo-interskol { /*1200*/
	  margin-top: -14px;
	  width: 203px;
	  margin-left: 6px;
	}

	.logo-interskol-inner { /*1200*/
	  margin-left: 60px;
	  margin-right: -60px;
	  margin-top: 19px;
	}

	.logo-probusiness { /*1200*/
	  width: 191px;
	  top: -23px;
	  right: 58px;
	}

	.logo { /*980*/
	  border-radius: 185px;
	  -ms-border-radius: 185px;
	}

.our-clients-btn {
  margin-top: 92px;
}	

.our-clients-btn a { /*980*/
margin-bottom: 75px;
margin-top: -102px;
}

.process { /*980*/
  padding-top: 50px;
}

.process-details img { /*980*/
  width: 83%;
}

.process-title h1 {
	margin-bottom: 47px;
}

.process-balls-inner {
	background: url(../img/process-ball-lines.png) center top no-repeat;
	width: 980px;
	margin-left: -35px;
}

.process-balls img {
	margin-left: 75px;
}

.process-details div { /*980*/
  margin-top: 35px;
}

.process-details p { /*980*/
  font-size: 15pt;
  padding-top: 3%;
  padding-left: 0px;
}

.process-btn { /*980*/
    margin-bottom: 66px;
}

	.process-btn a { /*980*/
		margin-bottom: 75px;
	}

.examples-block {
	background: url(../img/examples-bg-two.png) center -95px no-repeat, url(../img/examples-bg.png) center bottom repeat-x;
	padding-top: 50px;
}


.green-title h1 { /*980*/
	color: #b3f19c;
	font-size: 30pt!important;
}


.examples-details p { /*980*/
  font-size: 20pt;
}

.examples-number p { /*980*/
  font-size: 76pt;
  margin-top: -16px;
  margin-bottom: 15px;
  line-height: 70pt;
}

.showmore-btn { /*980*/
  width: 196px;
  display: block;
  color: #fff;
  font-family: 'RobotoBold', sans-serif;
  padding-top: 13px;
  padding-left: 5px;
  padding-bottom: 24px;
  background: url(../img/examples-btn.png) no-repeat;
  background-size: cover;
  font-size: 16pt;
  text-decoration: none;
  text-align: center;
  height: auto;
  margin: 47px auto 0 auto;
}

.examples-btn { /*980*/
	margin-bottom: 50px!important;
}

.whyus-reason-table p { /*980*/
	font-size: 14pt;
}	

.whyus-details img {
  width: 100%;
  margin-left: 1px;
}

.whyus-details-inner {
  margin-left: 3px;
}

.whyus-details-text p { /*980*/
  font-size: 16pt;
  padding-top: 22px;
  padding-left: 27px;
  text-shadow: 1px 1px 2px rgb(255, 255, 255);
  -ms-text-shadow: 1px 1px 2px rgb(255, 255, 255);
}

.ivanov {
	width: 12.666667%;
}

.java-sertifs img { /*980*/
}


.java p { /*980*/
  padding-top: 40px;
  margin-left: 30px;
  font-size: 17pt;
  float: left;
}


.java-showmore-btn { /*980*/
  margin-top: 61px;
}

.orange-title h1 { /*980*/
  font-size: 30pt;
  margin-bottom: 48px;
}

.java-block {
	/*background: url(../img/java-stamp.png) 765px -43px no-repeat, url(../img/java-bg.png) center bottom repeat;*/
	background-size: 29%,auto;
	margin-top: -15px;
	padding-top: 60px;
}

.java-block-btn { /*980*/
  margin-bottom: 68px!important;
}

.java-block-title h1 {
	margin-bottom: 49px!important;
}


.java-details {
	width: 96%;
}

.java-sertifs img {
	width: 90%;
}

		.contacts-title h1 { /*980*/
		  margin-bottom: 36px!important;
		}

		input {
			  display: inline-block;
			margin: 0px -83px 34px 96px;
  			letter-spacing: -1px;
		}

}

@media (min-width: 1030px) {
	.wrapper {
		width: 980px;
		margin: 0 auto;
	}

	.monitor {
		width: 96%;
	}

	.process-balls-inner {
		width: 100%;
	}

}



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

	.btn { /*1200*/
	  max-width: 363px;
  		min-width: 363px;
  		margin-bottom: 55px;
	
}

.titles h1 { /*1200*/
  font-size: 38pt;
  margin-bottom: 33px;
  line-height: 1.355;
}

.subtitle h1 { /*1200*/
	font-size: 30pt!important;
}

.monitor {
	width: 97%;
}

.monitor-content p { /*1200*/
  font-size: 17pt;
  padding: 18px 0px 18px 6px;
  margin-top: 17%;
}



.our-clients-btn { /*1200*/
	
}


	.logo-groupkin { /*1200*/
	  width: 191px;
	  margin-left: 25px;
	}

	.logo-knight { /*1200*/
	  width: 160px;
	  margin-top: 6px;
	  margin-left: 26px;
	}

	.logo-ginza { /*1200*/
	  width: 213px;
	  margin-top: 7%;
	  margin-left: 32px;
	}

	.logo-ginza-inner { /*1200*/
	  margin-left: -30px;
	  margin-right: 30px;
	}

	.logo-lifecap { /*1200*/
	  width: 213px;
	  margin-top: 15%;
	  margin-left: 16px;
	}

	.logo-electrolux { /*1200*/
	  width: 230px;
	  top: -120px;
	  right: -9px;
	}


	.logo-restore { /*1200*/
	  width: 213px;
	  top: -22px;
	  left: 91px;
	}

	.logo-interskol { /*1200*/
	  margin-top: -23px;
	  width: 203px;
	  margin-left: 6px;
	}

	.logo-interskol-inner { /*1200*/
	  margin-left: 60px;
	  margin-right: -60px;
	  margin-top: 19px;
	}

	.logo-probusiness { /*1200*/
	  width: 191px;
	  top: -23px;
	  right: 58px;
	}

.our-clients-btn a { /*1200*/
  margin-bottom: 75px;
  margin-top: -102px;
}

.process-balls-inner {
	background: url(../img/process-ball-lines.png) center top no-repeat;
	width: 100%;
	margin-left: 0!important;
}

.process-title h1 { /*1200*/
  margin-bottom: 47px;
}

.process-details img { /*1200*/
  width: 101px;
  height: 101px;
}

.process-details p { /*1200*/
  font-size: 17pt;
  padding-top: 2%;
  padding-left: 25px;
  margin-left: -7%;
}

.process-btn { /*1200*/
    margin-bottom: 66px;
}

.examples-block {
  background: url(../img/examples-bg-two.png) center -63px no-repeat, url(../img/examples-bg.png) center bottom repeat-x;
  padding-top: 50px;
}


.our-clients-block-inner { /*1200*/
  background: url(../img/ourclientsupbg.png) center -2px no-repeat;
  padding-bottom: 70px;
}


.green-title h1 { /*1200*/
  margin-top: 25px;
  color: #b3f19c;
  font-size: 30pt!important;
  margin-bottom: 38px;
}

.examples-items img {
	margin-left: 0!important;
}

.examples-details p { /*1200*/
  font-size: 22pt;
}


.whyus-title { /*1200*/
	margin-top: 8px;
}


.java-block {
  background: url(../img/java-bg.png) center bottom repeat-x,url(../img/java-bg.png) center top repeat-x;
  background-size: auto, auto;
  padding-top: 59px;
  margin-top: -15px;
}

.java-details-inner {
  padding-top: 11.5%;
}

.java-sertifs img {
	width: 100%;
}

input { /*1200*/
  border-radius: 55px;
  -ms-border-radius: 55px;
}

	.java-block-in {
		margin-top: -45px;
		background: url(../img/java-stamp.png) right -44px no-repeat;
		width: 980px;
	}

	.java-block-title h1 {
		  margin-top: 45px;
	}

}

.phone-link:link{
	color: white;
	text-decoration: none;
}
.email-link:link{
	color: #ffe65d;
	text-decoration: none;
}

.header-phone:link{
	color: #0079c2;
	text-decoration: none;
}

@media (min-width: 1366px) {
	



}

.alert {
  padding: 15px;
  margin-bottom: 20px;
  border: 1px solid transparent;
  border-radius: 4px;
}

.alert-success {
  color: #3c763d;
  background-color: #dff0d8;
  border-color: #d6e9c6;
}

.alert-danger {
  color: #a94442;
  background-color: #f2dede;
  border-color: #ebccd1;
}
@font-face {
    font-family: "RobotoCondensedRegular";
    src: url("../fonts/RobotoCondensedRegular/RobotoCondensedRegular.eot");
    src: url("../fonts/RobotoCondensedRegular/RobotoCondensedRegular.eot?#iefix")format("embedded-opentype"),
    url("../fonts/RobotoCondensedRegular/RobotoCondensedRegular.woff") format("woff"),
    url("../fonts/RobotoCondensedRegular/RobotoCondensedRegular.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}
/* font-family: "RobotoCondensedLight"; */
@font-face {
    font-family: "RobotoCondensedLight";
    src: url("../fonts/RobotoCondensedLight/RobotoCondensedLight.eot");
    src: url("../fonts/RobotoCondensedLight/RobotoCondensedLight.eot?#iefix")format("embedded-opentype"),
    url("../fonts/RobotoCondensedLight/RobotoCondensedLight.woff") format("woff"),
    url("../fonts/RobotoCondensedLight/RobotoCondensedLight.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}
/* font-family: "RobotoCondensedBold"; */
@font-face {
    font-family: "RobotoCondensedBold";
    src: url("../fonts/RobotoCondensedBold/RobotoCondensedBold.eot");
    src: url("../fonts/RobotoCondensedBold/RobotoCondensedBold.eot?#iefix")format("embedded-opentype"),
    url("../fonts/RobotoCondensedBold/RobotoCondensedBold.woff") format("woff"),
    url("../fonts/RobotoCondensedBold/RobotoCondensedBold.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}

@font-face {
    font-family: "RobotoRegular";
    src: url("../fonts/RobotoRegular/RobotoRegular.eot");
    src: url("../fonts/RobotoRegular/RobotoRegular.eot?#iefix")format("embedded-opentype"),
    url("../fonts/RobotoRegular/RobotoRegular.woff") format("woff"),
    url("../fonts/RobotoRegular/RobotoRegular.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}
/* font-family: "RobotoLight"; */
@font-face {
    font-family: "RobotoLight";
    src: url("../fonts/RobotoLight/RobotoLight.eot");
    src: url("../fonts/RobotoLight/RobotoLight.eot?#iefix")format("embedded-opentype"),
    url("../fonts/RobotoLight/RobotoLight.woff") format("woff"),
    url("../fonts/RobotoLight/RobotoLight.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}
/* font-family: "RobotoMedium"; */
@font-face {
    font-family: "RobotoMedium";
    src: url("../fonts/RobotoMedium/RobotoMedium.eot");
    src: url("../fonts/RobotoMedium/RobotoMedium.eot?#iefix")format("embedded-opentype"),
    url("../fonts/RobotoMedium/RobotoMedium.woff") format("woff"),
    url("../fonts/RobotoMedium/RobotoMedium.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}
/* font-family: "RobotoBold"; */
@font-face {
    font-family: "RobotoBold";
    src: url("../fonts/RobotoBold/RobotoBold.eot");
    src: url("../fonts/RobotoBold/RobotoBold.eot?#iefix")format("embedded-opentype"),
    url("../fonts/RobotoBold/RobotoBold.woff") format("woff"),
    url("../fonts/RobotoBold/RobotoBold.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}
.gcid-container {
  will-change: bottom;
  position: fixed;
  right: 0;
  bottom: 0;
  background: #e7e7e7;
  color: #333;
  padding: 5px 10px;
  z-index: 9999999;
  opacity: 0; 
}
.gcid-container .error-text {
    display: none; 
}
.gcid-container.success, .gcid-container.error {
    opacity: 1; 
}
.gcid-container.error {
    background: #fe0000;
    color: #fff; 
}
.gcid-container.error .error-text {
      display: inline-block; 
  }
.gcid-container.error .success-text {
      display: none; 
  }