@font-face {
    font-family: Raleway;
    src: url('../webfonts/raleway/Raleway-400.ttf');
}
.captcha-code-img{
	cursor: pointer;
}

/* Add here all your CSS customizations */

.text-head-lg{
font-size: 16px !important;
font-weight: bold !important;
padding-right: 16px !important;
}
.text-head-sm{
	font-size: 14px !important;
}
.bg-huika{
	background-color: #1A96D5 !important;
}
.text-color-huika{
	color: #1A96D5 !important;
}
.bg-color-caiju{
	background-color: #e5e5e5 !important;
}

/* 底部询盘 */
.index-about-bg-message {
    background: url(../images/message-b.jpg) !important;
    background-position: center !important;
    /* background-repeat: no-repeat !important; */
    /* background-attachment: fixed !important;  */
  }
		
  .home-bg-number {
    background: url(../images/home-bg-number.jpg) !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
   background-attachment: fixed !important; 
  }





.main-content {
		  display: grid;
		  width: 100%;
		  grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));
		}
		.main-content .item {
		  display: grid;
		  grid-template-rows: 1fr min-content;
		  align-items: center;
		  justify-content: center;
		  height: 50vh;
		  flex-wrap: wrap;
		  background: var(--bg-color);
		}
		.main-content .item:not(.footer) {
		  padding-top: 1rem;
		}

		button {
		  background: transparent;
		  color: #f29200;
		  border: 2px solid #f29200;
		  border-radius: 5px;
		  padding: 0.4rem 1.3rem;
		  font: 16px "Open Sans", sans-serif !important;
		  outline: none;
		  cursor: pointer;
		  position: relative;
		  transition: 0.2s ease-in-out;
		}

		.name {
		  width: 100%;
		  text-align: center;
		  padding: 0 0 3rem;
		  font: 500 14px 'Rubik', sans-serif;
		  letter-spacing: .5px;
		  text-transform: uppercase;
		  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4);
		}

		.button__wrapper {
		  display: inline-block;
		  position: relative;
		  width: 200px;
		  height: 65px;
		  display: flex;
		  justify-content: center;
		  align-items: center;
		}

		.button-pulse button {
		  background: var(--bg-color);
		  width: 100%;
		  height: 100%;
		  position: absolute;
		  top: 0;
		  left: 0;
		  z-index: 2;
		}
		.button-pulse .button__wrapper:hover .pulsing:before {
		  animation: pulsing 0.2s linear infinite;
		}
		.button-pulse .button__wrapper:hover .pulsing:after {
		  animation: pulsing1 0.2s linear infinite;
		}

		.pulsing {
		  width: 99%;
		  height: 99%;
		  border-radius: 50px;
		  z-index: 1;
		  position: relative;
		}
		.pulsing:before, .pulsing:after {
		  width: 100%;
		  height: 100%;
		  border: inherit;
		  top: 0;
		  left: 0;
		  z-index: 0;
		  background: #fff;
		  border-radius: inherit;
		  animation: pulsing 2.5s linear infinite;
		}
		.pulsing:after {
		  animation: pulsing1 2.5s linear infinite;
		}

		@keyframes pulsing {
		  0% {
		    opacity: 1;
		    transform: scaleY(1) scaleX(1);
		  }
		  20% {
		    opacity: 0.5;
		  }
		  70% {
		    opacity: 0.2;
		    transform: scaleY(1.8) scaleX(1.4);
		  }
		  80% {
		    opacity: 0;
		    transform: scaleY(1.8) scaleX(1.4);
		  }
		  90% {
		    opacity: 0;
		    transform: scaleY(1) scaleX(1);
		  }
		}
		@keyframes pulsing1 {
		  0% {
		    opacity: 1;
		    transform: scaleY(1) scaleX(1);
		  }
		  20% {
		    opacity: 0.5;
		  }
		  70% {
		    opacity: 0.2;
		    transform: scaleY(1.3) scaleX(1.15);
		  }
		  80% {
		    opacity: 0;
		    transform: scaleY(1.3) scaleX(1.15);
		  }
		  90% {
		    opacity: 0;
		    transform: scaleY(1) scaleX(1);
		  }
		}
		.button-typewriter button {
		  width: 100%;
		  height: 100%;
		}
		.button-typewriter p {
		  animation: typing 4s steps(12) infinite;
		  display: inline-block;
		  overflow: hidden;
		  white-space: nowrap;
		}
		.button-typewriter .button__wrapper:hover p {
		  animation: blink 0.3s infinite;
		}

		@keyframes typing {
		  0% {
		    width: 0;
		  }
		  50% {
		    width: 100%;
		  }
		  55%,
			65%,
			75% {
		    opacity: 1;
		  }
		  60%,
			70% {
		    opacity: 0;
		  }
		  80% {
		    width: 100%;
		  }
		  100% {
		    width: 0;
		  }
		}
		.button-parrot .parrot {
		  position: absolute;
		  width: 60px;
		  text-align: center;
		  animation: blink 0.8s infinite;
		  color: transparent;
		}
		.button-parrot .parrot:before {
		  content: "Click Me!";
		}
		.button-parrot .parrot:nth-child(1) {
		  top: -30px;
		  left: -40px;
		  font: 12px/1 "Margarine", sans-serif;
		  transform: rotate(-20deg);
		  animation-duration: 0.5s;
		}
		.button-parrot .parrot:nth-child(2) {
		  font: 12px/1 "Margarine", sans-serif;
		  right: -40px;
		  top: -20px;
		  transform: rotate(15deg);
		  animation-duration: 0.3s;
		}
		.button-parrot .parrot:nth-child(3) {
		  font: 16px/1 "Margarine", sans-serif;
		  top: -60px;
		  left: 15px;
		  transform: rotate(10deg);
		  animation-duration: 1s;
		}
		.button-parrot .parrot:nth-child(4) {
		  font: 18px/1 "Margarine", sans-serif;
		  top: -70px;
		  left: 95px;
		  transform: rotate(2deg);
		  animation-duration: 0.7s;
		}
		.button-parrot .parrot:nth-child(5) {
		  font: 14px/1 "Margarine", sans-serif;
		  top: 80px;
		  left: 105px;
		  transform: rotate(-20deg);
		  animation-duration: 0.8s;
		}
		.button-parrot .parrot:nth-child(6) {
		  font: 12px/1 "Margarine", sans-serif;
		  top: 80px;
		  left: 5px;
		  transform: rotate(10deg);
		  animation-duration: 1.2s;
		}
		.button-parrot button:hover .parrot:before {
		  content: "Do it!";
		  width: 70px;
		}

		@keyframes blink {
		  25%,
			75% {
		    color: transparent;
		  }
		  40%,
			60% {
		    color: #fff;
		  }
		}
		.button-hand button .hands:before {
		  transform: rotate(-60deg);
		  left: -45px;
		  top: -10px;
		}
		.button-hand button .hands:after {
		  transform: rotate(170deg);
		  right: 30px;
		  top: 50px;
		}
		.button-hand button:hover .hands:before {
		  opacity: 1;
		  left: -35px;
		}
		.button-hand button:hover .hands:after {
		  opacity: 1;
		  top: 40px;
		}

		@keyframes up-down {
		  50% {
		    margin-top: -20px;
		  }
		}

		@keyframes give-score {
		  30%,
			80% {
		    top: 0;
		  }
		  40%,
			70% {
		    top: 50px;
		  }
		}
		.button-pressure marquee {
		  position: absolute;
		  width: 90%;
		  top: 125%;
		  left: 5%;
		  font: 18px/1 "Margarine", sans-serif;
		}
		.button-pressure marquee span {
		  display: inline-block;
		  height: 20px;
		}
		.button-pressure marquee span:not(:last-child) {
		  margin-right: 130px;
		}
		.button-pressure button:before {
		  content: "OMG YAS";
		  transition: 0.5s ease;
		  left: 0;
		  right: 0;
		  margin: auto;
		  top: -15px;
		  font-size: 12px;
		  opacity: 0;
		}
		.button-pressure button:hover:before {
		  animation: omg-yes 1s;
		}

		.button-rainbow button {
		  animation: rainbow 3s infinite, heartbeat 0.6s infinite;
		  background: #c0392b;
		}
		.button-rainbow button .rainbow {
		  width: 120px;
		  height: 120px;
		  border-radius: 50%;
		  position: absolute;
		  left: 0;
		  right: 0;
		  margin: auto;
		  top: -40px;
		  transition: 0.5s ease;
		  opacity: 0;
		  transform: rotate(0);
		}
		.button-jittery button {
		  animation: jittery 4s infinite;
		}
		.button-jittery button:hover {
		  animation: heartbeat 0.2s infinite;
		}

		@keyframes jittery {
		  5%,
			50% {
		    transform: scale(1);
		  }
		  10% {
		    transform: scale(0.9);
		  }
		  15% {
		    transform: scale(1.15);
		  }
		  20% {
		    transform: scale(1.15) rotate(-5deg);
		  }
		  25% {
		    transform: scale(1.15) rotate(5deg);
		  }
		  30% {
		    transform: scale(1.15) rotate(-3deg);
		  }
		  35% {
		    transform: scale(1.15) rotate(2deg);
		  }
		  40% {
		    transform: scale(1.15) rotate(0);
		  }
		}
		@keyframes heartbeat {
		  50% {
		    transform: scale(1.1);
		  }
    }
    


/*quote*/
.quote-table {
  width: 100%;
}

.quote-table tr th:nth-child(1), .quote-table tr td:nth-child(1) {
  width: 15%;
  text-align: center;
  vertical-align: middle;
}

.quote-table tr th:nth-child(2), .quote-table tr td:nth-child(2) {
  width: 35%;
  text-align: left;
  vertical-align: middle;
}

.quote-table tr th:nth-child(3), .quote-table tr td:nth-child(3) {
  width: 15%;
  text-align: center;
  vertical-align: middle;
}

.quote-table tr th:nth-child(4), .quote-table tr td:nth-child(4) {
  width: 15%;
  text-align: center;
  vertical-align: middle;
}

.quote-table tr th:nth-child(5), .quote-table tr td:nth-child(5) {
  width: 10%;
  text-align: center;
  vertical-align: middle;
}

.quote-table tr th:nth-child(6), .quote-table tr td:nth-child(6) {
  width: 10%;
  text-align: center;
  vertical-align: middle;
}

.cartmoveico {
  color: #252525;
}

.quote-table img {
  width: 75px;
}

.quote-table tr td:nth-child(5) input {
  width: 50%;
  text-align: center;
}

.quote-table tr:first-child {
  height: 50px;
  font-size: 14px;
  color: #000;
}

.quote-table tr {
  height: 120px;
  font-size: 12px;
  color: #666;
  border-bottom: 1px solid #ccc;
}

.quote-btn {
  text-align: right;
}

.quote-btn button:last-child {
  margin-left: 15px;
}

.quote-btn button:first-child {
  background: #ccc;
  color: #333;
}

.quote {
  margin-top: 60px;
  margin-bottom: 60px;
}

.quote p {
  margin: 20px 0 30px;
  color: #d6000f;
}

.contact-supplier {
  margin-top: 40px;
  background: #fff;
}

.contact-supplier h2 {
  font-size: 16px;
  color: #000;
  font-weight: bold;
}

.contact-supplier-email, .contact-supplier-message, .contact-supplier-Quantity {
  padding-bottom: 15px;
}

.contact-supplier-span {
  font-size: 16px;
  color: #000;
  padding-right: 20px;
  display: block;
  padding-bottom: 15px;
}

.contact-supplier-span i {
  color: #ff0000;
}

.contact-supplier-email input, .contact-supplier-Quantity input {
  width: 270px;
  height: 30px;
  border: 1px solid #ced4da;
  padding-left: 10px;
}

.contact-supplier-message textarea {
  height: 200px;
  border: 1px solid #ced4da;
  width: 100%;
  padding: 15px 0 0 15px;
}

.code {
  padding-left: 15px;
}

.code input {
  border: 1px solid #ced4da;
  height: 26px;
  width: 120px;
}

.contact-supplier-message p {
  font-size: 14px;
  color: #888888;
  margin-bottom: 0px;
}

.contact-supplier-email input, .contact-supplier-Quantity input {
  width: 270px;
  height: 30px;
  border: 1px solid #ced4da;
  padding-left: 10px;
}

.contact-supplier-message p {
  font-size: 14px;
  color: #888888;
  margin-bottom: 0px;
}

.contact-supplier-Quantity p {
  /*font-size: 14px;*/
  /*color: #ff0000;*/
  margin-bottom: 5px;
}

.contact-supplier-Quantity button, .contact-supplier-Quantity button:hover, .contact-supplier-Quantity button:focus, .contact-supplier-Quantity button:active {
  border: 1px solid #e5e5e5 !important;
  border-radius: 0 !important;
}

.contact-supplier-button {
  background: #252525;
  font-size: 14px;
  width: 120px;
  height: 48px;
  color: #fff;
  border: none;
  outline: none;
  /*margin-bottom: 45px;*/
  margin-top: 15px;
}

.contact-supplier-button:hover {
  background: #252525;
}

.contact-supplier-input input {
  height: 38px;
  border: 1px solid #ced4da;
  width: 100%;
  padding-left: 15px;
  margin-bottom: 30px;
}




@media (max-width: 1040px) {
  .contactxiaoshi{
    display: none !important;
  }
} 
.img-thumbnail{
	padding: 0 !important;
	/* border: 2px solid #1A96D5 !important; */

}

@media (max-width: 1210px) {
	.phone-logo{
	  width: 200px !important;
	  height: 69px !important;
	}
	#header .header-nav-main nav > ul > li > a{
		padding: 4px;
	}
	phone-dingbu
  } 

  @media (max-width: 994px) {
	
	.phone-dingbudizhi{
		display: none !important;
	}
  }



/* homecss */
.index-about-bg1 {
  background: url(../images/home/bg1.jpg) !important;
  background-position: center !important;
  /* background-repeat: no-repeat !important;
  background-attachment: fixed !important; */
}
.index-about-bg2 {
  background: url(../images/home/bg2.jpg) !important;
  background-position: center !important;

}
.index-about-bg3 {
  background: url(../images/about/bg-ab1.jpg) !important;
	background-position: center !important;
	background-repeat: no-repeat !important;
	height: 100%;

}






 /* 侧边栏 */
 .border-huika{
	border: 2px solid #1A96D5 !important;
}
#Categorys-list .nav-item a:hover {
	background: #1A96D5;
	color: #fff;
}

#Categorys .nav-item a:hover {
background: #1A96D5;
color: #fff;
}

.guanbi {
font-size: 12px;
}

.guanbi .nav-link {
font-weight: 400 !important;
}

@media (max-width: 485px) {
.slider-container {
		width: 100%;
		width: 480px !important;
		height: 100%;

}
}

/* .dropdown-item {
background-color: #fff;
}

.nav-list-2 {
display: none;
}
.rexiaochanpin .owl-prev{
left: -19px !important;
}
.rexiaochanpin .owl-next{
right: -15px !important;
}

.phone-none .owl-nav{
opacity: 0.3 !important;
} */


/* 详情页表格 */
.product-para th {
	min-width: 150px;
	vertical-align: middle;
}
#productDescription img{
	width: 100%;
}
#productDescription td p{
	margin-bottom: 4px !important;
}

@media (min-width: 1100px) {
	#productDescription table {
			width: 100% !important;
			text-align: center;
			margin-bottom: 15px;
			overflow-y: hidden;
			-ms-overflow-style: -ms-autohiding-scrollbar !important;

			height: 100%;

	}
}

@media (max-width: 1099px) {
	#productDescription table {
			width: 100% !important;
			text-align: center;
			margin-bottom: 15px;
			overflow-y: hidden;
			-ms-overflow-style: -ms-autohiding-scrollbar !important;
			border: 1px solid #ddd;
			display: block;
			height: 100%;

	}
}

#productDescription p img{
	width: 100% !important;
}
#productDescription table{
	border: 0 #fff !important;
}
/* #productDescription{
	background-color: #fff;
}
#productDescription table span {
	font-family: "Open Sans" !important;
	font-weight: 400 !important;
	margin-left: 0 !important;
	
}

#productDescription table td {
	text-align: left !important;
	padding-left: 10px !important;
	margin-left: 0 !important;
	padding: 0;
	border: 2px solid #fff !important;

}

#productDescription p {
	line-height: 20px !important;
}

#productDescription p span {
	width: 100%;
	font-family: "Open Sans" !important;
	

}

#productDescription tr:nth-child(odd){
	background-color: #e8eef0 !important;
}
#productDescription tr:first-child td{
	background-color: #737d84 !important;
	
}
#productDescription tr:first-child td span span span span span span{
	color: #fff;
	
} */
/* 详情页表格结束 */





/* products_fl */
.slider-left {
	background: #f29200;
}
.slider-left:hover, .slider-left:focus {
	background: #2376b7 !important;
}

/*equipment*/
.equipment-list-ul li {
	list-style: none;
}

.equipment-list h2 {
	font-size: 16px;
	color: #000000;
	line-height: 14px !important;
	margin: 15px 0;
}

.equipment-list-body {
	padding: 0 15px;

}

.equipment-list {
	background: #f5f6f6;
	border-bottom: 2px solid #2376b7;
	-webkit-box-shadow: 0px 0px 44px -20px rgba(0, 0, 0, 1);
	box-shadow: 0px 0px 44px -20px rgba(0, 0, 0, 1);
}

.equipment-list-body {
	height: 150px;
}
.product-list-body {
	padding: 0 15px;
}
.product-list-body p{
	margin: 6px 0 !important;

}
.product-list-body button{
	background-color: #2376b7;
	border: none;
	
}
.product-list-body button:hover{
	background-color: #f29200 !important;
}



.dropdown-menu{
	background-color: #2376b7;
}



/* OC */
.background-ocb1{

    background: url(../img/oc/b1.jpg) !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    /* background-attachment: fixed !important; */
}

.call-to-action.cta-center {
    text-align: center;
}
.call-to-action {
    position: relative;
    overflow: hidden;
    padding: 46px 50px 34px;
    margin-bottom: 40px;
}

/* team */
.team-members .team-member { background-color: #ffffff; text-align: center; position: relative; overflow: hidden; margin-bottom: 30px; border-radius: 4px; }
.team-members .team-member .team-image { margin-bottom: 20px; }
.team-members .team-member .team-image > img { width: 100%; border-radius: 5px 5px 0 0; }
.team-members .team-member .team-desc { padding-bottom: 20px; padding-left: 10px; padding-right: 10px; }
.team-members .team-member .team-desc > h3 { font-size: 16px; line-height: 22px; margin-bottom: 0; }
.team-members .team-member .team-desc > span { font-size: 13px; color: #777777; line-height: 18px; }
.team-members .team-member .team-desc > p { margin-top: 10px; font-size: 14px; }
.team-members.team-members-circle .team-member { background-color: transparent; padding: 20px; }
.team-members.team-members-circle .team-member .team-image > img { border-radius: 50%; }
.team-members.team-members-card .team-member { border: 1px solid #eeeeee; border-radius: 4px; }
.team-members.team-members-card .team-member .team-image > img { border-radius: 0; }
.team-members.team-members-card .team-member .team-desc { background-color: #fdfdfd; border-radius: 0px 0px 4px 4px; padding: 10px; }
.team-members.team-members-shadow .team-member { border: 1px solid #eeeeee; -webkit-box-shadow: 0px 3px 16px rgba(0, 0, 0, 0.03); box-shadow: 0px 3px 16px rgba(0, 0, 0, 0.03); }
.team-members.team-members-shadow .team-member .team-image > img { border-radius: 0; }
.team-members.team-members-shadow .team-member .team-desc { padding: 20px; }
.team-members.team-members-transparent .team-member { background-color: transparent; }
.team-members.team-members-transparent .team-member .team-desc > h3 { color: #ffffff; }
.team-members.team-members-transparent .team-member .team-desc > span { color: #ffffff; }
.team-members.team-members-transparent .team-member .team-desc > p { color: #ffffff; }
.team-members.team-members-left .team-member { text-align: left; }
.team-members.team-members-left .team-member .team-image { float: left; width: 40%; margin-bottom: 0; }
.team-members.team-members-left .team-member .team-desc { overflow: hidden; position: relative; width: 60%; padding-left: 30px; }
.team-members.team-members-left .team-member .team-desc > h3 { margin-top: 0; }

.background-t-f{

	background: url(../img/team/team-f.jpg) !important;
	background-position: center !important;
	background-repeat: no-repeat !important;
	/* background-attachment: fixed !important; */
  }

/* application 应用领域 */

.masonry .masonry-item {
	width: 50% !important;
  }
  
  .application-detail ul {
	padding-left: 20px !important;
  }

  /* application 应用领域 end*/



  /* ----------------------------------------------------------------------
	Progress Bar
-------------------------------------------------------------------------*/
.social-icons ul { padding: 0; margin: 0; }

.text-center.social-icons ul { display: inline-block; }

.social-icons li { float: left; list-style: none; }

.social-icons li a { float: left; height: 32px; width: 32px; line-height: 32px; font-size: 16px; text-align: center; margin: 0 4px 4px 0; border-radius: 4px; border: 0; background: transparent; color: #333; overflow: hidden; -webkit-transition: all .3s ease; transition: all .3s ease; }

.dark .social-icons li a { color: #ffffff; }

.social-icons.social-icons-colored a, .social-icons.social-icons-colored-hover a:hover { color: #ffffff !important; border: 0; }

.social-icons.social-icons-colored .social-rss a, .social-icons.social-icons-colored-hover .social-rss a:hover, .social-icons.social-icons-colored .social-snapchat a, .social-icons.social-icons-colored-hover .social-snapchat a:hover { background-color: #faa33d; }

.social-icons.social-icons-colored .social-facebook a, .social-icons.social-icons-colored-hover .social-facebook a:hover { background-color: #5d82d1; }

.social-icons.social-icons-colored .social-twitter a, .social-icons.social-icons-colored-hover .social-twitter a:hover { background-color: #40bff5; }

.social-icons.social-icons-colored .social-vimeo a, .social-icons.social-icons-colored-hover .social-vimeo a:hover { background-color: #35c6ea; }

.social-icons.social-icons-colored .social-myspace a, .social-icons.social-icons-colored-hover .social-myspace a:hover { background-color: #008dde; }

.social-icons.social-icons-colored .social-youtube a, .social-icons.social-icons-colored-hover .social-youtube a:hover { background-color: #ef4e41; }

.social-icons.social-icons-colored .social-instagram a, .social-icons.social-icons-colored-hover .social-instagram a:hover { background-color: #e53d00; }

.social-icons.social-icons-colored .social-gplus a, .social-icons.social-icons-colored-hover .social-gplus a:hover { background-color: #d68400; }

.social-icons.social-icons-colored .social-stumbleupon a, .social-icons.social-icons-colored-hover .social-stumbleupon a:hover { background-color: #ff5c30; }

.social-icons.social-icons-colored .social-lastfm a, .social-icons.social-icons-colored-hover .social-lastfm a:hover { background-color: #f34320; }

.social-icons.social-icons-colored .social-pinterest a, .social-icons.social-icons-colored-hover .social-pinterest a:hover { background-color: #e13138; }

.social-icons.social-icons-colored .social-google a, .social-icons.social-icons-colored-hover .social-google a:hover { background-color: #eb5e4c; }

.social-icons.social-icons-colored .social-evernote a, .social-icons.social-icons-colored-hover .social-evernote a:hover { background-color: #9acf4f; }

.social-icons.social-icons-colored .social-dribbble a, .social-icons.social-icons-colored-hover .social-dribbble a:hover { background-color: #f7659c; }

.social-icons.social-icons-colored .social-skype a, .social-icons.social-icons-colored-hover .social-skype a:hover { background-color: #13c1f3; }

.social-icons.social-icons-colored .social-forrst a, .social-icons.social-icons-colored-hover .social-forrst a:hover { background-color: #45ad76; }

.social-icons.social-icons-colored .social-linkedin a, .social-icons.social-icons-colored-hover .social-linkedin a:hover { background-color: #238cc8; }

.social-icons.social-icons-colored .social-wordpress a, .social-icons.social-icons-colored-hover .social-wordpress a:hover { background-color: #2592c3; }

.social-icons.social-icons-colored .social-grooveshark a, .social-icons.social-icons-colored-hover .social-grooveshark a:hover { background-color: #ffb21d; }

.social-icons.social-icons-colored .social-delicious a, .social-icons.social-icons-colored-hover .social-delicious a:hover { background-color: #377bda; }

.social-icons.social-icons-colored .social-behance a, .social-icons.social-icons-colored-hover .social-behance a:hover { background-color: #1879fd; }

.social-icons.social-icons-colored .social-dropbox a, .social-icons.social-icons-colored-hover .social-dropbox a:hover { background-color: #17a3eb; }

.social-icons.social-icons-colored .social-soundcloud a, .social-icons.social-icons-colored-hover .social-soundcloud a:hover { background-color: #ff7e30; }

.social-icons.social-icons-colored .social-deviantart a, .social-icons.social-icons-colored-hover .social-deviantart a:hover { background-color: #6a8a7b; }

.social-icons.social-icons-colored .social-yahoo a, .social-icons.social-icons-colored-hover .social-yahoo a:hover { background-color: #ab47ac; }

.social-icons.social-icons-colored .social-flickr a, .social-icons.social-icons-colored-hover .social-flickr a:hover { background-color: #ff48a3; }

.social-icons.social-icons-colored .social-digg a, .social-icons.social-icons-colored-hover .social-digg a:hover { background-color: #75788d; }

.social-icons.social-icons-colored .social-blogger a, .social-icons.social-icons-colored-hover .social-blogger a:hover { background-color: #ff9233; }

.social-icons.social-icons-colored .social-tumblr a, .social-icons.social-icons-colored-hover .social-tumblr a:hover { background-color: #426d9b; }

.social-icons.social-icons-colored .social-quora a, .social-icons.social-icons-colored-hover .social-quora a:hover { background-color: #ea3d23; }

.social-icons.social-icons-colored .social-github a, .social-icons.social-icons-colored-hover .social-github a:hover { background-color: #3f91cb; }

.social-icons.social-icons-colored .social-amazon a, .social-icons.social-icons-colored-hover .social-amazon a:hover { background-color: #ff8e2e; }

.social-icons.social-icons-colored .social-xing a, .social-icons.social-icons-colored-hover .social-xing a:hover { background-color: #1a8e8c; }

.social-icons.social-icons-colored .social-wikipedia a, .social-icons.social-icons-colored-hover .social-wikipedia a:hover { background-color: #b3b5b8; }

.social-icons.social-icons-border li a { border: 1px solid #d7d7d7; background: transparent; color: #333; }

.dark .social-icons.social-icons-border li a { border: 1px solid #333 !important; }

.dark .social-icons li a .social-icons.social-icons-dark li a { background: #888; color: #fff; }

.social-icons.social-icons-light li a { background: #fff; color: #333; border: 1px solid #eee; }

.social-icons.social-icons-rounded li a { border-radius: 50%; }

.social-icons.social-icons-medium li a { height: 42px; width: 42px; line-height: 42px; font-size: 18px; }

.social-icons.social-icons-large li a { height: 48px; width: 48px; line-height: 48px; font-size: 18px; }

.social-icons:not(.social-icons-colored):not(.social-icons-colored-hover) li a:hover { background-color: #eee; }

.dark .social-icons:not(.social-icons-colored):not(.social-icons-colored-hover) li a:hover { background-color: #1f1f1f; }

.social-icons li:hover i { -webkit-animation: toTopFromBottom 0.3s forwards; animation: toTopFromBottom 0.3s forwards; }




.text-light-p {
    color: #e2e2e2 !important;
}
.background-primary {
    background-color: #1A96D5 !important;
}
section {
    padding: 80px 0;
    position: relative;
    width: 100%;
    overflow: hidden;
    z-index: 1;
    background-color: #ffffff;
}
.background-grey {
    background-color: #F7F9FB !important;
}


.icon-box.border .icon i { line-height: 56px; }
.icon-box.border:hover > .icon i { line-height: 62px; }
.icon-box.border:hover > .icon { border: 0px; }
.icon-box.border .icon i { background-color: transparent !important; color: #404141; }
.icon-box.border.small .icon { height: 46px; position: absolute; top: 5px; width: 46px; }
.icon-box.border.small .icon i { font-size: 20px; line-height: 42px; }
.icon-box.border.small:hover > .icon i { line-height: 49px; }
.icon-box.border.large .icon i { line-height: 81px; }
.icon-box.border.large:hover > .icon i { line-height: 86px; }
.icon-box.square.large:hover > .icon i { line-height: 86px; }
.icon-box.square .icon, .icon-box.square.effect .icon i:after, .icon-box.square .icon i { border-radius: 0; }
.icon-box.square:hover > .icon i { line-height: 66px; }
.icon-box.square.border .icon i { line-height: 59px; }
.icon-box.square.border:hover > .icon i { line-height: 64px; }
.icon-box.square.border.small .icon i { line-height: 41px; }
.icon-box.square.border.small:hover > .icon i { line-height: 47px; }
.icon-box.square.border.large .icon i { line-height: 78px; }
.icon-box.square.border:large:hover > .icon i { line-height: 84px; }
.icon-box.square.small:hover > .icon i { line-height: 48px; }
.icon-box.light .icon i:after { -webkit-box-shadow: 0 0 0 3px #e5e5e5; box-shadow: 0 0 0 3px #e5e5e5; }
.icon-box.light .icon i { background-color: #e5e5e5; }
.icon-box.light .icon i { color: #808080; }
.icon-box.light.border .icon { border: 3px solid #e5e5e5; }
.icon-box.light.border.large .icon i { line-height: 87px; }
.icon-box.light.border.large:hover > .icon i { line-height: 88px; }
.icon-box.fancy .icon i { background-color: transparent; color: #222; font-size: 110px; opacity: 0.09; -webkit-transition: all ease 0.5s; transition: all ease 0.5s; border-radius: 0px; }
.icon-box.fancy.small > .icon i { font-size: 68px; }
.icon-box.fancy.large .icon i { font-size: 120px; }
.icon-box.fancy.text-center .icon, .icon-box.fancy.center .icon { width: auto; margin-bottom: 30px; }
.icon-box.effect.fancy .icon i:after { -webkit-box-shadow: 0 0 0 0px transparent; box-shadow: 0 0 0 0px transparent; }
.icon-box.effect.fancy:hover > .icon i { font-size: 110px; }
.icon-box.effect.fancy.small:hover > .icon i { font-size: 76px; }
.icon-box.clean .icon i { background-color: none; color: #404141; font-size: 50px; }
.icon-box.clean.small .icon i { font-size: 36px; }
.icon-box.effect.clean .icon i:after { -webkit-box-shadow: 0 0 0 0px transparent; box-shadow: 0 0 0 0px transparent; }
.icon-box.process { border: 1px solid #888; margin-top: 45px; padding: 0 30px 10px; border-radius: 4px; }
.icon-box.process.effect .icon i:hover:after, .icon-box.process.effect:hover .icon i::after { opacity: 0; border: 0px; }
.icon-box.process .icon { margin-top: 10px; }
.icon-box.process.small .icon { margin-top: 10px; }
.icon-box.box-type { background: #fafafa; border: 1px solid #ececec; border-radius: 4px; padding: 20px; }
.icon-box.box-type .icon { margin-top: 20px; }



@media (max-width: 600px){
.container {
    padding-left: 45px;
    padding-right: 45px;
}
}
@media (max-width: 994px){
.container {
    padding-left: 30px;
    padding-right: 30px;
}
}