/*!
 * Start Bootstrap - Agency Bootstrap Theme (http://startbootstrap.com)
 * Code licensed under the Apache License v2.0.
 * For details, see http://www.apache.org/licenses/LICENSE-2.0.
 */
 /* latin-ext */
  @font-face {
    font-family: 'Righteous';
    font-style: normal;
    font-weight: 400;
    src: local('Righteous'), local('Righteous-Regular'), url(font/eJYqrhUff1n1Ge9A-rSw_BJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
    unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
    }
    /* latin */
   @font-face {
    font-family: 'Righteous';
    font-style: normal;
    font-weight: 400;
    src: local('Righteous'), local('Righteous-Regular'), url(font/w5P-SI7QJQSDqB3GziL8XVtXRa8TVwTICgirnJhmVJw.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
    }
    
  body
    { 
    font-family: 'Righteous';
    font-weight:500;
    font-size:14px;
    letter-spacing: 1px;
    color: #666;
     
   }
  p {
    font-family: 'Righteous';
	font-size:12px; 
      
  }
  a {
    color:#999999;
  }

    a:hover,
    a:focus,
    a:active,
    a.active {
      color:#FFFF00;
     }
  .style1
   {
    color: #666;
   }
  .title1 {     
    	font-size: 17px;
    	line-height:25px;
    	font-weight:normal;
    	color: #666;
    	padding-left:15px;
    	text-transform:uppercase;
   }
   .title { 
		font-family: 'Righteous';    
		font-size: 16px;
		font-weight:600;
		color: #666;
		padding-left:15px;
		text-transform:uppercase;
   }
   
   .bloc {     
    	width:1050px;
		text-align:justify;
		padding-top:30px;
		line-height:30px;
    	margin:0 auto 20px auto;
    	font-size: 15px;
     }
    
    .text_presentation {
		font-family: "Righteous";
    	font-size: 15px;
    	line-height:25px;
    	font-weight:normal;
    	color: #666;
    	padding-left:15px;
    	text-transform:none;
    	text-align:justify;
   }
    .bg_contact {
		background-image:url(img/Contact_us1.jpg);
    	background-repeat:no-repeat;
    	background-position:top;
    	opacity: 0.5;
		filter: alpha(opacity=50); /* For IE8 and earlier */ 
   }
   
 
	 #success_message{
		display: none;
	  }
	  
	 #Primaires
	   {
		 background-color:#FFFFFF; 
	   }
	 #Finitions
	   {
		 background-color:#FFFFFF; 
	   }
	 #Cire
	   {
		 background-color:#FFFFFF; 
	   }
	 
	 #Decoration
	   {
		 background-color:#FFFFFF; 
	   } 
	#colors {
	   width:40px;
	   height:40px;
	   float:left;
	   padding-top:34px;
	   margin:1px;
	   text-align:left;
	   padding-left:2px;
	   font-size:0px;
	   transition: 0.3s ease;
	}
	#colors:hover {
	   width:40px;
	   height:40px;
	   float:left;
	   margin:1px;
	   font-size:4px;
	   padding-top:34px;
	   color: #fff;
	   padding-left:2px;
	   text-align:left;
	   -webkit-transform: scale(4.7);
	   -ms-transform: scale(4.7);
	   transform: scale(4.7);
	   transition: 0.7s ease;
	}

	 
	.red-tooltip + .tooltip > .tooltip-inner {
	   background-color: #f00;
	}
	.red-tooltip + .tooltip > .tooltip-arrow { 
	  border-bottom-color:#f00;
	 }
	.text-muted {
		color: #777;
	}

	.text-primary {
		color: #1ee2e7;
	}

	 

	p.large {
		font-size: 16px;
	}
	 


	h1,
	h2,
	h3,
	h4,
	h5,
	h6 {
		 text-transform: uppercase;
		 font-weight: 700;
	}
	 .img-centered {
		margin: 0 auto;
	}
	 .bg-light-gray {
		background-color: #f7f7f7;
	}
	 .bg-darkest-gray {
		background-color: #222;
	}
	 .btn-primary {
		border-color: #1ee2e7;
		text-transform: uppercase;
		font-weight: 700;
		color: #fff;
		background-color: #1ee2e7;
	}
	 .btn-primary:hover,
	.btn-primary:focus,
	.btn-primary:active,
	.btn-primary.active,
	.open .dropdown-toggle.btn-primary {
		border-color: #17d0d5;
		color: #fff;
		background-color: #17d0d5;
	}
	 .btn-primary:active,
	.btn-primary.active,
	.open .dropdown-toggle.btn-primary {
	   background-image: none;
	}
	 .btn-primary.disabled,
	.btn-primary[disabled],
	 fieldset[disabled] .btn-primary,
	.btn-primary.disabled:hover,
	.btn-primary[disabled]:hover,
	 fieldset[disabled] .btn-primary:hover,
	.btn-primary.disabled:focus,
	.btn-primary[disabled]:focus,
	 fieldset[disabled] .btn-primary:focus,
	.btn-primary.disabled:active,
	.btn-primary[disabled]:active,
	 fieldset[disabled] .btn-primary:active,
	.btn-primary.disabled.active,
	.btn-primary[disabled].active,
	 fieldset[disabled] .btn-primary.active {
		border-color: #1ee2e7;
		background-color: #1ee2e7;
	}
	 .btn-primary .badge {
		color: #1ee2e7;
		background-color: #fff;
	}
	 .btn-xl {
		padding: 20px 40px;
		border-color: #1ee2e7;
		border-radius: 3px;
		text-transform:capitalize;
		font-size: 14px;
		font-weight:normal;
		color: #fff;
		background-color: #1ee2e7;
	}
	 .btn-xl:hover,
	 .btn-xl:focus,
	 .btn-xl:active,
	 .btn-xl.active,
	 .open .dropdown-toggle.btn-xl {
		border-color: #17d0d5;
		color: #fff;
		background-color: #17d0d5;
	}
	 .btn-xl:active,
	.btn-xl.active,
	.open .dropdown-toggle.btn-xl {
		background-image: none;
	}
  .btn-xl.disabled,
  .btn-xl[disabled],
   fieldset[disabled] .btn-xl,
  .btn-xl.disabled:hover,
  .btn-xl[disabled]:hover,
   fieldset[disabled] .btn-xl:hover,
  .btn-xl.disabled:focus,
  .btn-xl[disabled]:focus,
   fieldset[disabled] .btn-xl:focus,
  .btn-xl.disabled:active,
  .btn-xl[disabled]:active,
   fieldset[disabled] .btn-xl:active,
  .btn-xl.disabled.active,
  .btn-xl[disabled].active,
   fieldset[disabled] .btn-xl.active {
    border-color: #1ee2e7;
    background-color: #1ee2e7;
	}
	 .btn-xl .badge {
		color: #fed136;
		background-color: #fff;
	}
	 .navbar-default {
		border-color: transparent;
		background-color: #373737;
	}
	 .navbar-default .navbar-brand {
		 color: #1ee2e7;
	}
	 .navbar-default .navbar-brand:hover,
	 .navbar-default .navbar-brand:focus,
	 .navbar-default .navbar-brand:active,
	 .navbar-default .navbar-brand.active {
		color: #fec503;
	}
	 .navbar-default .navbar-collapse {
	   /* border-color: rgba(255,255,255,.02); */
	}
	 .navbar-default .navbar-toggle {
	  
	}
	 .navbar-default .navbar-toggle .icon-bar {
		background-color: #fff;
	}
	 .navbar-default .navbar-toggle:hover,
	 .navbar-default .navbar-toggle:focus {
		background-color: #373737;
	}
	 .navbar-default .nav li a {
		 text-transform:uppercase;
		 font-size:13px;
		 font-weight:bold;
		 letter-spacing: 2px;
		 line-height: 25px;
		 color:#CCCCCC;
		 }
	 .navbar-default .nav li a:hover,
	 .navbar-default .nav li a:focus {
		 border-radius: 0.5em;
		 color: #F4FF3A;
		 } 
	 .navbar-default .navbar-nav>.active>a {
		border-radius: 0;
		color: #fff;
		background-color: #1ee2e7;
	}
	 .navbar-default .navbar-nav>.active>a:hover,
	.navbar-default .navbar-nav>.active>a:focus {
		color: #fff;
		background-color: #17d0d5;
	}

	@media(min-width:768px) {
		.navbar-default {
			padding: 25px 0;
			border: 0;
			background-color: transparent;
			-webkit-transition: padding .3s;
			-moz-transition: padding .3s;
			transition: padding .3s;
		}

    .navbar-default .navbar-brand {
        font-size: 2em;
        -webkit-transition: all .3s;
        -moz-transition: all .3s;
        transition: all .3s;
    }

    .navbar-default .navbar-nav>.active>a {
        border-radius: 3px;
    }

    .navbar-default.navbar-shrink {
        padding: 12px 0;
		margin-top:45px;
        background-color: #575556;
    }
     .navbar-default.navbar-shrink .navbar-brand {
        font-size: 1.5em;
    }
	 
 
  .navbar-default #nav2 li:not(:first-child) + li:not(:first-child)::before {
	content: "|";
	float: left;
	width: 2px;
	line-height: 46px;
	color:#999999;
	 }
	}
	@media(max-width:767px) {
		 .navbar-default.navbar-shrink {
			padding: 10px 0;
			margin-top:35px;
		 }
	   .navbar-default .nav li a:hover,
	   .navbar-default .nav li a:focus {
		  border-radius: 0em;
		}
	   }
	 .header1 {
		 width:100%;
		 position: fixed;
		 background-color:#373737;
		 height:50px;
		 top:0
	}
	@media(max-width:928px) {
	   .header1 {
			height:40px;
	 }
	 }
	  #navp{
		position: relative;
	   }
	 .navbar-default #nav2 li a {
			border-right: none;
			text-transform:none;
			font-size:11px;
			font-weight:normal;
			line-height:25px;
	   }

	.ahead{
		letter-spacing: 2px;
		color: #ccc;
		font-size: 14px;
		display: inline;
		margin-top:2.5em;
		margin-left:0.2em;
		font-weight: bold;
	  }
	.ahead:hover {
		color: #F4FF3A;
		text-decoration: none;
	  }
	  
	.navbar-default #nav2 li a:hover,
	.navbar-default #nav2 li a:focus {
			color: #F4FF3A;
		  background-color:transparent;
	   }
	 
	@media screen and (max-width: 960px){
	#navpc{
	   width:0%;
	   height:0em;
	   visibility:hidden; 
	}
	 
	}
 
	.footer1 {
		width:100%;
		position:inherit;
		background-color:#1e1e1c;
		min-height:50px;
		top:0;
	}
	.contenu1 {
		text-align: center;
		width:98%;
		padding-top:7px;
		background-color: #d8d8d8;
		min-height:45px;
		margin:30px auto 30px auto;
	  }

	.fcontenu1{
			padding-top:7px;
			color:#666
			font-family: 'Righteous', cursive;    
			font-weight:700;
			font-size:17px;
			display: inline;
			padding-left:15px;
		}
	 .fcontenu1 a{
			padding-top:7px;
			color:#666;
			font-family: 'Righteous', cursive;    
			font-weight:700;
			font-size:17px;
			display: inline;
			padding-left:15px;
	  }
	 .fcontenu1 a:hover{
			padding-top:7px;
			color:#FFFF00;
			font-family: 'Righteous', cursive;    
			font-weight:700;
			font-size:17px;
			display: inline;
			padding-left:15px;
	   }
		
		.contenu11 {
			text-align: center;
			width:100%;
			padding-top:7px;
			background-color: #d8d8d8;
			min-height:45px;
			margin-bottom:30px;
	  }

	.fcontenu11{
			padding-top:7px;
			color:#333333;
			font-family: 'Righteous', cursive;    
			font-weight:500;
			font-size:15px;
			display: inline;
			padding-left:15px;
		}
	 .fcontenu11 a{
			padding-top:7px;
			color:#333333;
			font-family: 'Righteous', cursive;    
			font-weight:700;
			font-size:17px;
			display: inline;
			padding-left:15px;
		}
	  .fcontenu11 a:hover{
			padding-top:7px;
			color:#FFFF00;
			font-family: 'Righteous', cursive;    
			font-weight:700;
			font-size:17px;
			display: inline;
			padding-left:15px;
		}
	  .fcontenu2{
			padding-top:7px;
			color:#FFFF00;
			font-family: 'Righteous', cursive;    
			font-weight:700;
			font-size:17px;
			display: inline;
	  
	}

	 .menu2 a{
			margin-top:20px;
			color:#CCCCCC;
			font-family: 'Righteous', cursive;    
			font-weight:500;
			font-size:15px;
			display: inline;
			padding-left:15px;
		}
	 .menu2 a:hover{
			padding-top:12px;
			color:#FFFF00;
			font-family: 'Righteous', cursive;    
			font-weight:500;
			font-size:15px;
			display: inline;
			padding-left:15px;
		}
	.titre_prod {
			padding-top:7px;
			color:#333333;
			font-family: 'Righteous', cursive;    
			font-weight:700;
			font-size:16px;
			display: inline;
	  }
	.btn-app-store{
		background: black;
		color: white;
		position: relative;
		height: 60px;
		padding-left: 55px;
		padding-right: 20px;
	}
	.btn-app-store i{
		font-size: 40px;
		position: absolute;
		left: 10px;
	}
	.btn-app-store .small{
		display: block;
		font-size: 12px;
		line-height: 12px;
		margin-bottom: 2px;
		margin-top: 5px;
	}
	.btn-app-store .big{
		display: block;
		text-align: left;
		font-size: 21px;
		line-height: 21px;
	}

	 
	header {
		text-align: center;
		color: #fff;
		background-attachment: scroll;
		background-position: center center;
		background-repeat: none;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		background-size: cover;
		-o-background-size: cover;
	}

	header .intro-text {
		padding-top: 100px;
		padding-bottom: 50px;
	}
	 header .intro-text .intro-lead-in {
			margin-bottom: 25px;
			font-size: 22px;
			font-style: italic;
			line-height: 22px;
	}

	header .intro-text .intro-heading {
		margin-bottom: 25px;
		text-transform: uppercase;
		font-size: 50px;
		font-weight: 700;
		line-height: 50px;
	}

	@media(min-width:768px) {
		header .intro-text {
			padding-top: 300px;
			padding-bottom: 200px;
		}

		header .intro-text .intro-lead-in {
			margin-bottom: 25px;
			font-size: 40px;
			font-style: italic;
			line-height: 40px;
		}

		header .intro-text .intro-heading {
			margin-bottom: 50px;
			text-transform: uppercase; 
			font-size: 75px;
			font-weight: 700;
			line-height: 75px;
		}
	}

	section {
		padding: 100px 0;
	}

	section h2.section-heading {
		margin-top: 0;
		margin-bottom: 15px;
		font-size: 40px;
	}

	section h3.section-subheading {
		margin-bottom: 75px;
		text-transform: none;
		font-size: 16px;
		font-style: italic;
		font-weight: 400;
	}

	@media(min-width:768px) {
		section {
			padding: 150px 0;
		}
	}

	.service-heading {
		margin: 15px 0;
		text-transform: none;
	}

	#portfolio .portfolio-item {
		right: 0;
		margin: 0 0 15px;
	}

	#portfolio .portfolio-item .portfolio-link {
		display: block;
		position: relative;
		margin: 0 auto;
		max-width: 400px;
	}

	#portfolio .portfolio-item .portfolio-link .portfolio-hover {
		position: absolute;
		width: 100%;
		height: 100%;
		opacity: 0;
		background: #1ee2e7;
		-webkit-transition: all ease .5s;
		-moz-transition: all ease .5s;
		transition: all ease .5s;
	}

	#portfolio .portfolio-item .portfolio-link .portfolio-hover:hover {
		opacity: 1;
	}

	#portfolio .portfolio-item .portfolio-link .portfolio-hover .portfolio-hover-content {
		position: absolute;
		top: 50%;
		width: 100%;
		height: 20px;
		margin-top: -12px;
		text-align: center;
		font-size: 20px;
		color: #fff;
	}

	#portfolio .portfolio-item .portfolio-link .portfolio-hover .portfolio-hover-content i {
		margin-top: -12px;
	}

	#portfolio .portfolio-item .portfolio-link .portfolio-hover .portfolio-hover-content h3,
	#portfolio .portfolio-item .portfolio-link .portfolio-hover .portfolio-hover-content h4 {
		margin: 0;
	}

	#portfolio .portfolio-item .portfolio-caption {
		margin: 0 auto;
		padding: 25px;
		max-width: 400px;
		text-align: center;
		background-color: #fff;
	}

	#portfolio .portfolio-item .portfolio-caption h4 {
		margin: 0;
		text-transform: none;
	}

	#portfolio .portfolio-item .portfolio-caption p {
		margin: 0;
		font-size: 16px;
		font-style: italic;
	}

	#portfolio * {
		z-index: 2;
	}

	@media(min-width:767px) {
		#portfolio .portfolio-item {
			margin: 0 0 30px;
		}
	}

	.timeline {
		position: relative;
		padding: 0;
		list-style: none;
	}

	.timeline:before {
		content: "";
		position: absolute;
		top: 0;
		bottom: 0;
		left: 40px;
		width: 2px;
		margin-left: -1.5px;
		background-color: #f1f1f1;
	}

	.timeline>li {
		position: relative;
		margin-bottom: 50px;
		min-height: 50px;
	}

	.timeline>li:before,
	.timeline>li:after {
		content: " ";
		display: table;
	}

	.timeline>li:after {
		clear: both;
	}

	.timeline>li .timeline-panel {
		float: right;
		position: relative;
		width: 100%;
		padding: 0 20px 0 100px;
		text-align: left;
	}

	.timeline>li .timeline-panel:before {
		right: auto;
		left: -15px;
		border-right-width: 15px;
		border-left-width: 0;
	}

	.timeline>li .timeline-panel:after {
		right: auto;
		left: -14px;
		border-right-width: 14px;
		border-left-width: 0;
	}

	.timeline>li .timeline-image {
		z-index: 100;
		position: absolute;
		left: 0;
		width: 80px;
		height: 80px;
		margin-left: 0;
		border: 7px solid #f1f1f1;
		border-radius: 100%;
		text-align: center;
		color: #fff;
		background-color: #1ee2e7;
	}

	.timeline>li .timeline-image h4 {
		margin-top: 12px;
		font-size: 10px;
		line-height: 14px;
	}

	.timeline>li.timeline-inverted>.timeline-panel {
		float: right;
		padding: 0 20px 0 100px;
		text-align: left;
	}

	.timeline>li.timeline-inverted>.timeline-panel:before {
		right: auto;
		left: -15px;
		border-right-width: 15px;
		border-left-width: 0;
	}

	.timeline>li.timeline-inverted>.timeline-panel:after {
		right: auto;
		left: -14px;
		border-right-width: 14px;
		border-left-width: 0;
	}

	.timeline>li:last-child {
		margin-bottom: 0;
	}

	.timeline .timeline-heading h4 {
		margin-top: 0;
		color: inherit;
	}

	.timeline .timeline-heading h4.subheading {
		text-transform: none;
	}

	.timeline .timeline-body>p,
	.timeline .timeline-body>ul {
		margin-bottom: 0;
	}

	@media(min-width:768px) {
    .timeline:before {
        left: 50%;
    }

    .timeline>li {
        margin-bottom: 100px;
        min-height: 100px;
    }

    .timeline>li .timeline-panel {
        float: left;
        width: 41%;
        padding: 0 20px 20px 30px;
        text-align: right;
    }

    .timeline>li .timeline-image {
        left: 50%;
        width: 100px;
        height: 100px;
        margin-left: -50px;
    }

    .timeline>li .timeline-image h4 {
        margin-top: 16px;
        font-size: 13px;
        line-height: 18px;
    }

    .timeline>li.timeline-inverted>.timeline-panel {
        float: right;
        padding: 0 30px 20px 20px;
        text-align: left;
    }
	}

	@media(min-width:992px) {
    .timeline>li {
        min-height: 150px;
    }

    .timeline>li .timeline-panel {
        padding: 0 20px 20px;
    }

    .timeline>li .timeline-image {
        width: 150px;
        height: 150px;
        margin-left: -75px;
    }

    .timeline>li .timeline-image h4 {
        margin-top: 30px;
        font-size: 18px;
        line-height: 26px;
    }

    .timeline>li.timeline-inverted>.timeline-panel {
        padding: 0 20px 20px;
    }
}

	@media(min-width:1200px) {
    .timeline>li {
        min-height: 170px;
    }

    .timeline>li .timeline-panel {
        padding: 0 20px 20px 100px;
    }

    .timeline>li .timeline-image {
        width: 170px;
        height: 170px;
        margin-left: -85px;
    }

    .timeline>li .timeline-image h4 {
        margin-top: 40px;
    }

    .timeline>li.timeline-inverted>.timeline-panel {
        padding: 0 100px 20px 20px;
    }
}

	.team-member {
		margin-bottom: 50px;
		text-align: center;
	}

	.team-member img {
		margin: 0 auto;
		border: 7px solid #fff;
	}

	.team-member h4 {
		margin-top: 25px;
		margin-bottom: 0;
		text-transform: none;
	}

	.team-member p {
		margin-top: 0;
	}


	section#contact {
		background-color: #222;
		background-position: center;
		background-repeat: no-repeat;
	}

	section#contact .section-heading {
		color: #fff;
	}

	section#contact .form-group {
		margin-bottom: 25px;
	}

	section#contact .form-group input,
	section#contact .form-group textarea {
		padding: 20px;
	}

	section#contact .form-group input.form-control {
		height: auto;
	}

	section#contact .form-group textarea.form-control {
		height: 236px;
	}

	section#contact .form-control:focus {
		border-color: #1ee2e7;
		box-shadow: none;
	}

	section#contact::-webkit-input-placeholder {
		text-transform: uppercase;
		font-weight: 700;
		color: #bbb;
	}

	section#contact:-moz-placeholder {
		text-transform: uppercase;
		font-weight: 700;
		color: #bbb;
	}

	section#contact::-moz-placeholder {
		text-transform: uppercase;
		font-weight: 700;
		color: #bbb;
	}

	section#contact:-ms-input-placeholder {
		text-transform: uppercase;
		font-weight: 700;
		color: #bbb;
	}

	section#contact .text-danger {
	  color: #e74c3c;
	}

	.afooter1{
	  font-weight: 400;
	  letter-spacing: 1px;
	  color: #CCCCCC;
	  display: inline;
	  margin-top:2.5em;
	  margin-left:0.4em;
	 }
	.footercopy{
	  font-weight: 400;
	  letter-spacing: 1px;
	  color: #CCCCCC;
	  display: inline;
	  }
	 .afooter1:hover {
		color: #F4FF3A;
		text-decoration: none;
	  }
	footer {
	  padding: 25px 0;
		background-color: #373737;
	}

	footer li.fo{
		background-color: #1E1E1C;
		color:#F4FF3A;
		height:2.6em;
		padding-top: 5px;
		width:80%;
		border-radius: 0.7em;
		text-align: center;
	}

	.afooter1d{
		font-size:13px;
		font-weight:normal;
		line-height:20px;
		letter-spacing:1px;
		color:#CCCCCC;
		padding:2px;
		display:block;
		margin-left:0.6em;	
	}
	.afooter1d:hover {
		color: #F4FF3A;
		text-decoration:none;
		padding-left:3px;
		font-size:14px;
		font-weight:normal;
		line-height:20px;
		letter-spacing:1px;
		display:block;
		margin-left:0.6em;
	}
	.afooter1s{
		font-family: "Righteous"; 
		position:relative;
		top:0.2em;
		font-weight: 500;
		letter-spacing: 1px;
		color: #F4FF3A;
		display: inline;
		margin-left:0.4em;
		text-transform: uppercase;
	}
	.afooter1s:hover {
		font-family: "Righteous"; 
		color: #fff;
		text-decoration: none;
	}
	footer span.copyright {
		text-transform: uppercase;
		text-transform: none;
		line-height: 40px;
	}

	footer ul.quicklinks {
		margin-bottom: 0;
		text-transform: uppercase;
		text-transform: none;
		line-height: 40px;
	}


/* social media */
 
/*=========================
  Icons
 ================= */

/* footer social icons */
ul.social-network {
    list-style: none;
    display: inline;
    margin-left:0 !important;
    padding: 0;
}
ul.social-network li {
  display: inline;
  margin: 0 5px;
}


/* footer social icons */
.social-network a.icoRss:hover {
    background-color: #F56505;
}
.social-network a.icoFacebook:hover {
    background-color:#3B5998;
}
.social-network a.icoTwitter:hover {
    background-color:#33ccff;
}
.social-network a.icoGoogle:hover {
    background-color:#BD3518;
}
.social-network a.icoYoutube:hover {
    background-color:#E62117;
}
.social-network a.icoLinkedin:hover {
    background-color:#007bb7;
}
.social-network a.icoInstagram:hover {
    background-color:#3F729B;
}

.social-network a.icoPinterest:hover {
    background-color:#CC2128;
}
.social-network a.icoRss:hover i, .social-network a.icoFacebook:hover i, .social-network a.icoTwitter:hover i,
.social-network a.icoInstagram:hover i, .social-network a.icoYelp:hover i,
.social-network a.icoGoogle:hover i, .social-network a.icoYoutube:hover i, .social-network a.icoPinterest:hover i, .social-network a.icoLinkedin:hover i {
    color:#fff;
}
a.socialIcon:hover, .socialHoverClass {
    color:#44BCDD;
}

.social-circle li a {
    display:inline-block;
    position:relative;
    margin:0 auto 0 auto;
    -moz-border-radius:50%;
    -webkit-border-radius:50%;
    border-radius:50%;
    text-align:center;
    width: 50px;
    height: 50px;
    font-size:20px;
}
.social-circle li i {
    margin:0;
    line-height:50px;
    text-align: center;
}
 
 
.social-circle li a:hover i, .triggeredHover {
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -ms--transform: rotate(360deg);
    transform: rotate(360deg);
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -o-transition: all 0.2s;
    -ms-transition: all 0.2s;
    transition: all 0.2s;
}
.social-circle i {
    color: #fff;
    -webkit-transition: all 0.8s;
    -moz-transition: all 0.8s;
    -o-transition: all 0.8s;
    -ms-transition: all 0.8s;
    transition: all 0.8s;
}
.ch {
    width: 100px;
    height: 70px;
    display:inline-grid;
    margin: 10px;
    padding-top: 20px;
    padding-left: 20px;
    font-size: 15px;
    font-weight: bold;  
} 
#col_or {
   width:60px;
   height:60px;
   float:left;
   padding-top:34px;
   margin:1px;
   text-align:left;
   padding-left:2px;
   font-size:0px;
 
}
#col_or:hover {
   width:160px;
   height:60px;
   float:left;
   margin:0 1000px 0 5px;
   font-size:14px;
   padding-top:34px;
   color: #939598;
   padding-left:2px;
   text-align:left;
  /*-webkit-transform: scale(1.1);
   -ms-transform: scale(1.1);
   transform: scale(1.1); */
 }

 #box1 {
    display: table-cell;
    float: left;
    width:140px;
    height:60px;
    font-size:12px;
    padding-top:20px;
    padding-left: 20px;
    padding-bottom: 5px;
    border: 1px solid #ccc;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
    text-align:center;
 }
  #box2 {
    display: table-cell;
    float: left;
    width:65px;
    height:45px;
    font-size:9px;
    padding-top:20px;
    padding-left: 50px;
    border: 1px solid #ccc;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
 }
   #box3 {
    display: table-cell;
    float: left;
    width:140px;
    height:90px;
    font-size:14px;
    padding-top:30px;
    padding-left: 20px;
    padding-bottom: 5px;
    border: 1px solid #ccc;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
    text-align:center;
 }