/* JUGOOS HTML/CSS TEMPLATE DESIGNED FOR THEMEFOREST V.1.0
   ================================================== */

body {
    background-color: #fff;
    color: #969696;
    font-weight: 400;
    font-size: 14px;
    font-family: Lucida Sans, Lucida Unicode, sans-serif;
	line-height:150%;
}


h1,
h2
{
    color: #393939;
    font-weight: 100;
    font-family: Lucida Sans Unicode, Lucida Grande, sans-serif;
	text-transform:uppercase;
}

h3,
h4,
h5,
h6 {
    color: #222;
    font-weight: 100;
    font-family: Lucida Sans Unicode, Lucida Grande, sans-serif;
	text-transform:uppercase;
}

::selection{background: #eee;background: rgba(0,0,0,0.08);}
/* SIMPLE BUTTONS
   ================================================== */

.btn-dark {
    background-color: #2d323c;
    color: #fff;
}
.btn-dark:hover {
    background-color: #1E1A27;
    color: #f1f1f1;
}

/* SECTION SPACE
   ================================================== */

.space {
    padding-top: 90px;
    padding-bottom: 90px;
    min-width: 100%;
    width: 100%;
}
.space-top {
    padding-top: 90px;
}
.space-top-small {
    padding-top: 40px;
}
.space-bottom-small {
    padding-bottom: 30px;
}
/* FORMS
   ================================================== */

input,
select,
textarea {
    margin: 5px 0;
    padding: 10px;
    border: 1px solid #f1f1f1;
    color: #96969E;
}



/* BUTTON BORDER
   ================================================== */

.btn-border,.btn-border-green,
.btn-border-white {
    display: inline-block;
    border: 2px solid #fff;
    background-color: transparent;
    color: #fff;
    -moz-transition: 0.1s;
    -o-transition: 0.1s;
    -webkit-transition: 0.1s;
    transition: 0.1s;
}

.btn-border-dark {
    border: 2px solid #96969E;
    color: #96969E;
}

.btn-border-green {
    border: 2px solid #9fce64;
    color: #9fce64;
	-moz-border-radius: 35px;
	border-radius: 35px;

}

.btn-border-green:hover {
    border: 2px solid #9fce64;
   /*background: transparent;*/
    background-color: #9fce64;
    color: #fff;
    text-decoration: none;
	/*-webkit-box-shadow:  0px 5px 0px 0px #609519;
	-moz-box-shadow:  0px 5px 0px 0px #609519;
	box-shadow:  0px 5px 0px 0px #609519;*/
}
.btn-border-white {
    border: 2px solid #fff;
    color: #fff;
	-moz-border-radius: 35px;
	border-radius: 35px;
}

.btn-border-white:hover {
    border: 2px solid #fff;
   /*background: transparent;*/
    background-color: #fff;
    color: #000;
    text-decoration: none;
}

/* NAVIGATION
   ================================================== */

.navbar-default .navbar-brand,
.navbar-inverse .navbar-brand {
    color: #000;
    font-family: Lucida Sans, Lucida Unicode, sans-serif;
    font-size: 35px;
}

.navbar-default {
    padding: 25px 0;
    border: none;
    background-color: #fff;
    -moz-transition: 0.75s;
    -o-transition: 0.75s;
    -webkit-transition: 0.75s;
    transition: 0.75s;
}

@media handheld, only screen and (max-width: 770px) { 
    .navbar-collapse { background-color: #fff }
}
#top-nav {
	color: #969696;
	font-weight: 400;
	font-size: 14px;
	padding-top: 15px;
	text-transform:uppercase;
}

.navbar-default .navbar-nav > li > a {
    color: #969696;
    font-weight: 400;
    font-size: 14px;
	text-transform:uppercase;
}

.navbar-default .navbar-nav > li > a:hover { color: #000000 }

.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
    background-color: transparent;
    color: #000;
}

/* ===[ Sliding Nav ]=== */

.navbar-inverse {
    padding: 0px;
    border-color: #efefef;
    background-color: #fff;
	-moz-transition: 0.75s;
    -o-transition: 0.75s;
    -webkit-transition: 0.75s;
    transition: 0.75s;
}


.navbar-inverse .navbar-nav > li > a {
    color: #969696;
    font-weight: 400;
	text-transform:uppercase;
	font-size: 14px;
}

.navbar-inverse .navbar-nav > .active > a,
.navbar-inverse .navbar-nav > .active > a:hover,
.navbar-inverse .navbar-nav > .active > a:focus {
    background-color: transparent;
    color: #000;
}

/* CAROUSEL
   ================================================== */
#main-carousel {
    z-index: 1;
    margin-top: 120px;
    background-color: #000;
	height: 513px ;
}
#main-carousel.carousel .item { height: 513px ;}

/* SLIDES SEETINGS - ADD BACKGROUND IMAGE AND GRADIENTS
   ================================================== */
#main-carousel div.carousel-inner {
	background:  url('../img/hipodes_office.jpg') no-repeat;background-size: auto 513px;background-position:center top;background-repeat:no-repeat;
}
#main-carousel.carousel .carousel-inner .slide-1 {
    background: -webkit-radial-gradient(top center, ellipse cover, rgba(0, 0, 0, 0.7) 0%,rgba(0, 1, 7, 0.88) 100%), url('../img/hipodes_office.jpg') no-repeat;background-size: auto 513px;background-position:center top;
    background: -moz-radial-gradient(top center, ellipse cover, rgba(0, 0, 0, 0.7) 0%,rgba(0, 1, 7, 0.88) 100%), url('../img/hipodes_office.jpg') no-repeat;background-size: auto 513px;background-position:center top;
    background: -ms-radial-gradient(top center, ellipse cover, rgba(0, 0, 0, 0.7) 0%,rgba(0, 1, 7, 0.88) 100%), url('../img/hipodes_office.jpg') no-repeat;background-size: auto 513px;background-position:center top;
    background: -o-radial-gradient(top center, ellipse cover, rgba(0, 0, 0, 0.7) 0%,rgba(0, 1, 7, 0.88) 100%), url('../img/hipodes_office.jpg') no-repeat;background-size: auto 513px;background-position:center top;
    background: radial-gradient(top center, ellipse cover, rgba(0, 0, 0, 0.7) 0%,rgba(0, 1, 7, 0.88) 100%), url('../img/hipodes_office.jpg') no-repeat;background-size: auto 513px;background-position:center top;
    background-size: auto 513px;background-position:center top;
}

.carousel .carousel-inner .slide-2{background-color:#fff;}

.carousel .carousel-inner .item .caption { padding-top: 15% }

.carousel .carousel-inner .item .caption h1 {
    color: #fff;
    text-transform: uppercase;
    font-weight: 100;
    font-size: 24px;
	font-family: Lucida Sans, Lucida Unicode, sans-serif;
	margin-bottom: 5px;
}
.video{margin-top: -50px;width: 100%;height: 513px;z-index:-10!important;background-color:#000;}

/* INNER PAGES CAROUSEL
   ================================================== */

#who-we-are blockquote {text-align: center;font-style: italic;color: #8cc63f;padding: 10px 0 5px 0;margin: 0;font-size: 19px;font-weight: 100;line-height: 1.25;}
#innerpage-carousel2 {
    z-index: 1;
    margin-top: 120px;
    background-color: #000;
	height: 100px ;
}
#innerpage-carousel2.carousel .carousel-inner .item .caption { padding-top: 1% }
#innerpage-carousel {
    z-index: 1;
    margin-top: 120px;
    background-color: #000;
	height: 335px ;
}
#innerpage-carousel .carousel .item { height: 335px;}
#innerpage-carousel div.carousel-inner {
	background: -webkit-radial-gradient(top center, ellipse cover, rgba(0, 0, 0, 0.7) 0%,rgba(0, 1, 7, 0.88) 100%);background-position:center top;
    background: -moz-radial-gradient(top center, ellipse cover, rgba(0, 0, 0, 0.7) 0%,rgba(0, 1, 7, 0.88) 100%);background-position:center top;
    background: -ms-radial-gradient(top center, ellipse cover, rgba(0, 0, 0, 0.7) 0%,rgba(0, 1, 7, 0.88) 100%);background-position:center top;
    background: -o-radial-gradient(top center, ellipse cover, rgba(0, 0, 0, 0.7) 0%,rgba(0, 1, 7, 0.88) 100%);background-position:center top;
    background: radial-gradient(top center, ellipse cover, rgba(0, 0, 0, 0.7) 0%,rgba(0, 1, 7, 0.88) 100%);background-position:center top;
    background-size: auto 335px;background-position:center top;
}

#innerpage-carousel.carousel .carousel-inner .item .caption { padding-top: 7% }
#innerpage-carousel div.row {margin-right: -15px;margin-left: -15px;height: 335px;}
#innerpage-carousel p{ color: #fff;}
/*#page-wrapper h2{margin-top:50px}*/
/* media for small screen carousel - set your desired height of carousel here */


@media handheld, only screen and (max-width: 1200px) { 
    .carousel .carousel-inner .item .caption { padding-top: 15% }
	/*.carousel .item { height: 513px }*/
	#myCarousel  .carousel-inner  .item { height: 100% }
	#innerpage-carousel div.carousel-inner { height: 335px }
	img.hipo{position:relative;left:45%;margin:0 auto;padding:0;z-index:1;margin-bottom: -1178px;}
	.video{margin-top: -51px;}
	/*#bottom-banner p{text-align:center;color:#000;padding-top: 50px;padding-bottom: 20px;}*/
	/*div.cta{padding-top: 35px;text-align: center;}*/
	#bottom-banner div.cta {text-align: left;}

}

@media handheld, only screen and (max-width: 1000px) { 
   
	/*.carousel .item { height: 513px }   */
   .carousel .carousel-inner .item .caption { padding-top: 20% }
    #myCarousel  .carousel-inner  .item { height: 100% }
	img.hipo{position:relative;left:45%;margin:0 auto;padding:0;z-index:1;margin-bottom: -1178px;}
	.carousel .carousel-inner .item .caption .video{ padding-top: 10% }

}
@media handheld, only screen and (max-width: 991px) { 
	img.hipo{position:absolute;left:80%;margin:0 auto;padding:0;z-index:1;bottom: -4.4%;}
	 #myCarousel  .carousel-inner  .item { height: 100% }
}
@media handheld, only screen and (max-width: 767px) { 
   /* #main-carousel {height: 400px;}
	.carousel .item { height: 400px }
	.carousel .carousel-inner .item .caption { padding-top: 25% }*/
	.carousel .carousel-inner .item .caption .video{ padding-top: 55% }
    #myCarousel  .carousel-inner  .item { height: 100% }
	#testimonials { visibility:hidden;height: 0px;padding:0; margin:0;}
	img.hipo{position:absolute;left:70%;margin:0 auto;padding:0;z-index:1;bottom: -5.5%;}
	.carousel .carousel-inner .item .caption .video{ padding-top: 35% }
	.video{margin-top: -51px;}
}
@media handheld, only screen and (min-width: 500px) { 
	#cta_bottom {display:none;}	
}
@media handheld, only screen and (max-width: 500px) { 
	/*#main-carousel {height: 400px;}
	.carousel .item { height: 400px }*/
    .carousel .carousel-inner .item .caption { padding-top: 35% }
    .carousel .carousel-inner .item .caption h1 { font-size: 35px }
	#testimonials {display:none;}
	#find {display:none;}
	#main-carousel h1{display:none;}
	#main-carousel h3{font-size: 21px;padding:10px 10px 0 10px;}
	#main-carousel .btn-border-white{border:none;color:#8cc63f;font-size: 18px;margin-top: 10px; }
	#main-carousel .btn-border-white:hover {border:none;background:transparent;text-decoration: none;color:#8cc63f;margin-top: 10px;}
	#main-carousel .btn-border-green{border: 2px solid #9fce64;/*background: transparent;*/background-color: #9fce64;color: #fff;text-decoration: none;	-webkit-box-shadow:  0px 5px 0px 0px #609519;
	-moz-box-shadow:  0px 5px 0px 0px #609519;
	box-shadow:  0px 5px 0px 0px #609519;}
	#how-it-works .col-md-8{display:none;}
	.space {padding-top: 20px;padding-bottom: 0px;min-width: 100%;width: 100%;}
	#how-it-works h3, .h3 {font-size: 20px;color:#8cc63f;font-weight: 800;}
	#how-it-works p {color:#000;}
	p {font-size: 20px;padding: 0 20px;line-height:120%;}
	article.blog-entry {margin-top: 0px;}
	h2 {margin-top: 88px;}
	#what-you-get p {color:#969696;margin-bottom: 35px;}
	#what-you-get  small{font-size: 21px;}
	#what-you-get .blog-heading{margin:0;padding:0;height: 45px;}
	#what-you-get .blog-text p{display:none;}
	#what-you-get .arrow-box strong {color: #222;font-size: 14px;margin-bottom: 45px;display: block;}
	#look .carousel{margin-top: 35px;}
	.carousel-indicators{display:none;}  
	#simple  p {color:#969696;}
	#simple.arrow-box {padding: 0 20px;}
	#simple div.featured-blog{display:none;} 
	#simple h2 {margin-top: -35px;background-image:url('../img/simple.png');background-position:center; width: 100%/*position: absolute;*/;background-repeat:no-repeat;padding-top: 380px;} 
	img.hipo{position:absolute;left:66%;margin:0 auto;padding:0;z-index:1;bottom: -4.5%;width:36%}
	#contact h4{font-size: 21px;color:#969696;margin-top: 35px;margin-bottom: 10px;}
	#contact p{font-size: 21px;color:#000;font-weight: 800;}
	#contact blockquote, #contact small{display:none;} 
	#contact .btn-border-green{margin-bottom: 70px;}
	#footer {text-align: center;}
	#footer .connect {width: 100%;margin-bottom: 35px;}
	#footer .connect li{font-size: 21px;padding:4px;}
	#footer .connect li img{display:none;}
	#footer .connect .phone {text-align: center;font-weight: normal;line-height: 180%;font-size: 40px}
	#footer .socials {margin: 25px auto;text-align: center;}
	#footer .socials ul {padding:0;}
	#bottom p{color:#616161;font-size: 10px;text-align: center;}
	#bottom .terms{display:none;}
	#cta_bottom .cta{padding-top: 50px;padding-bottom: 50px;background: #000;border-bottom-style: dotted;border-bottom-color: #2b2b2b;border-bottom-width: 1px;text-transform: uppercase;}
	#cta_bottom .btn-border-white {border:none;background-color: #fff;text-decoration: none;color:#000;}
	.video{margin-top: -51px;}
	/*#innerpage-carousel p{display:none;}*/
	#innerpage-carousel.carousel .carousel-inner .item .caption { padding-top: 35% }
	#bottom-banner{display:none;}
	#about-us div.big strong{display:none;}

}

.carousel .carousel-inner .item .caption h3,
.item .caption h4 {
	margin-top: 5px;
    margin-bottom: 22px;
    color: #fff;
	text-transform: uppercase;
}
.carousel-control.right,
.carousel-control.left { background-image: none; }

/* SECTIONS BORDERS
   ================================================== */
#how-it-works , #what-you-get, #simple, #who-we-are, #customers, #about-us { background-color: #fff;
border-bottom-style: dotted;
border-bottom-color: #d5d5d5;
border-bottom-width: 1px; }

#look{ background-color: #fff; 
border-bottom-style: solid;
border-bottom-color: #d5d5d5;
border-bottom-width: 1px; }

#testimonials { background-color: #f5f5f5;}
#blog-section1 { background-color: #F1F1F1 }


/* HOW IT LOOKS SECTION
   ================================================== */


#myCarousel  .carousel-inner  .item { height: 100% }
#myCarousel .carousel-control a { text-decoration: none;font-size: 0px;}
div#myCarousel { font-size: 30px;line-height: 0px;background-image:url('../img/screen_bg.png');
background-size:100%;
background-color: #fff;
background-repeat:no-repeat;
}

/* TESTIMONIAL SECTION
   ================================================== */
#map {background-image:url('../img/map.jpg');
 width: 100%;
  height: 589px;
  /*position: absolute;*/
  top: 500px;
  left: 0;
  background-repeat:no-repeat;
}
#map  li {
list-style-type:none;
}
#map  li p {
    font-size: 12px;
	font-family:"Georgia", Times, serif;
	font-style:italic;
	display:block;
	text-align:left;
	color:#ffa101;
	font-weight:normal;
	line-height:150%;
}
#map  li p small{
    font-size: 10px;
	color:#9c9c9c;
}
.bubble1 { 
position:absolute;display:none;
left:191px;
top:305px;
background-image:url('../img/testimonial_bg.png');
background-repeat:no-repeat;
height: 133px; width: 254px; 
}
.bubble1 p{ 
	padding: 15px 23px 0px 43px;
}
.bubble2 { 
position:absolute;display:none;
left:545px;
top:225px;
background-image:url('../img/testimonial_bg2.png');
background-repeat:no-repeat;
height: 140px; width: 284px; 
}
.bubble2 p{ 
	padding: 8px 10px 0px 56px;
}
.bubble3 { 
position:absolute;display:none;
left:618px;
top:505px;
background-image:url('../img/testimonial_bg3.png');
background-repeat:no-repeat;
height: 141px; width: 246px; 
}
.bubble3 p{ 
	padding: 22px 23px 0px 36px;
}

/* CLIENTS LOGOS
   ================================================== */

#customers header p { color: #96969E }

#customers .banner-wrap {
    overflow: hidden;
    margin: 25px 0;
}

#customers .banner-wrap .featured-thumbnail {
    margin: 0;
    padding: 0;
    border: none;
    /*transition*/
    -moz-transition: 0.2s;
    -o-transition: 0.2s;
    -webkit-transition: 0.2s;
    transition: 0.2s;
}

#customers .banner-wrap .featured-thumbnail img {
    /*display: block;*/
    padding: 10px;
   /* width: 100%;*/
    height: auto;
}

#customers .banner-wrap .featured-thumbnail:hover {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=69)";
    filter: alpha(opacity=69);
    opacity: 0.699999988079;
}


/* BLOG SECTION
   ================================================== */
#blog-section { background-color: #fff;
border-bottom-style: dotted;
border-bottom-color: #d5d5d5;
border-bottom-width: 1px; }

#blog-section1 { background-color: #F1F1F1 }
#about-us div.big strong{margin-top: 85%;font-size:18px;font-weight:100;}
.blog-entry {
   /* margin-top: 88px;
    background-color: #fff;*/
    text-align: center;
}

.arrow-box {
    position: relative;
    padding: 0;
	margin: 0;
}
#about-us i.icon-twitter {font-size:30px;font-weight:100;color:#c6c6c6;}
#about-us i.icon-twitter:hover {color:#01b7ee;}
#bottom-banner {background-color: #fafafa;padding-top: 50px;padding-bottom: 35px;}
#bottom-banner p{text-transform:uppercase;color:#000;margin-top: 10px;float:left;}
#bottom-banner .arrow-box{}
#bottom-banner .cta {text-align: right;}


/*.arrow-box:after,
.arrow-box:before {
    position: absolute;
    bottom: 100%;
    width: 0;
    height: 0;
    border: solid transparent;
    content: " ";
    pointer-events: none;
}

.arrow-box:after {
    left: 60%;
    margin-left: 50px;
    border-width: 19px;
    border-color: rgba(136,183,213,0);
    border-bottom-color: #FFF;
}

.arrow-box:before {
    left: 50%;
    margin-left: -36px;
    border-width: 36px;
    border-color: rgba(255,255,255,0);
}
*/
.blog-entry a {
    text-decoration: none;
    cursor: pointer;
}
.arrow-box  p {
 padding: 0 10px;
 color: #96969E;
}
.arrow-box   strong {
    color: #222;
    font-size: 14px;
    margin-bottom: 10px;
	display:block;
}
.blog-info {
    padding: 10px 0;
    border-top: #f1f1f1 1px solid;
    margin-top: 25px;
}
.blog-info ul {
    margin: 0;
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 10px;
}
.blog-info ul li {
    color: #96969E;
    font-size: 12px;
}
.blog-info ul li:hover { color: #222 }

/* BLOG PAGE */
#page-wrapper { background-color: #fff }
.blog-full { margin:0px }
.blog-full .arrow-box {
    padding: 50px 0 70px 0;
    background-color: #fff;
}
.blog-full .blog-info {
    padding: 0 0 15px;
    text-align: center;
    border-top: none;
    margin: 0;
}
.blog-full .blog-info ul li {
    color: #222;
    font-size: 14px;
}
.arrow-box blockquote {
    padding: 15px 25px;
    margin: 20px 0 25px;
    border-left: 5px solid #E5E9F3;
}
.arrow-box blockquote p {
    color: #222;
    font-family: "Seaweed Script", cursive;
    font-size: 22px;
}
#comments .avatar {
    float: left;
    margin-right: 11px;
}
#comments ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
#comments ul li {
    margin: 0;
    padding: 23px 0 0 30px;
}
.comment_right { display: table }
#comments .comment_info {
    color: #222;
    font-weight: 600;
    margin: 0 0 10px;
}
#comments .comment_info span { padding: 0 12px }


/* CONTACT SECTION
   ================================================== */
#contact { background-color: #fff }
#contact p{ color: #444;text-transform:uppercase; }
form#contact { background-color: #fff }

.modal-content {
    border: none;
}

.modal-body {
    position: relative;
    padding: 50px 20px;
}

#thanks { margin-top: 25px }

#contact .alert {
    padding: 15px;
    margin-bottom: 20px;
    border: 1px solid transparent;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    color: #fff;
}

.form-control {
    display: block;
    width: 100%;
    height: 40px;
    padding: 0 14px;
    font-size: 14px;
    line-height: 23px;
    vertical-align: middle;
    background-color: #fff;
    border: 1px solid #f1f1f1;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

.alert-success {
    color: #468847;
    background-color: #20E770;
    border-color: #d6e9c6;
    color: #fff;
    margin-top: 25px;
}

/* FOOTER
   ================================================== */
#footer {
    padding-top: 50px;
    padding-bottom: 50px;
    background: #000;
	border-bottom-style: dotted;
	border-bottom-color: #2b2b2b;
	border-bottom-width: 1px;
	text-transform:uppercase;
	font-size: 12px;

}
#footer  a{
text-decoration: none;
color: #969696;
}
#footer  a:hover{
text-decoration: none;
color: #fff;
}
#footer.socials { 
margin: 25px auto;
text-align: right;
}

.socials ul  li{
    display: inline-block;
	margin:4px;
}
.socials ul  li a{
    display: inline-block;width: 62px;height: 62px;
}
.socials {text-align: right;margin-top: 54px;}

#twitter{left:0px;width:62px;height: 62px;}
#twitter{background:url('../img/social.png') 0 0;}
#twitter a:hover{background: url('../img/social.png') 0 -62px;}
#facebook{left:0px;width:62px;height: 62px;}
#facebook{background:url('../img/social.png') -62px 0;}
#facebook a:hover{background: url('../img/social.png') -62px -62px;}
#vimeo{left:0px;width:62px;height: 62px;}
#vimeo{background:url('../img/social.png') -124px 0;}
#vimeo a:hover{background: url('../img/social.png') -124px -62px;}
#linkdin{left:0px;width:62px;height: 62px;}
#linkdin{background:url('../img/social.png') -186px 0;}
#linkdin a:hover{background: url('../img/social.png') -186px -62px;}

#find {
position:relative;
left:0px;
top:25px;
}
#footer .connect { 
float:left;
 }
 #footer .connect img{ 
margin-bottom: 2px;
 }
.connect .phone{
	font-size: 26px;
	display:block;
	text-align:left;
	font-weight:normal;
	line-height:180%;
}
.connect  ul {
margin:0 auto;
padding: 0;
}
.connect  li {
list-style-type:none;
}

#bottom {
    padding-top: 50px;
    padding-bottom: 50px;
    background: #000;
	font-size: 12px;
	text-transform:uppercase;
}
#bottom  p { 
margin: 0px;
float:left;
}
#bottom .container img {
margin-bottom: 3px;
}
 .terms  ul {
float:right;
}
.terms  li {
list-style-type:none;
display: inline;
text-align: right;
padding: 1em;
}
#bottom  a { 
text-decoration:none;
 color: #616161;
}
 #bottom  a:hover { 
text-decoration:none;
 color: #a7a7a7;
}
.octo { margin: 20px auto; }
#octo_1 { height: 125px; width: 179px; background: url('../img/poulpe_1.png') no-repeat scroll 0% 0% transparent; }
#octo_2 { height: 125px; width: 179px; background: url('../img/poulpe_2.png') no-repeat scroll 0% 0% transparent; }
#octo_3 { height: 125px; width: 179px; background: url('../img/poulpe_3.png') no-repeat scroll 0% 0% transparent; }
.close { 
background: url('../img/icons/down.png') no-repeat scroll 0% 0% transparent;
border: 1px solid #f1f1f1;
}
div.hr {
  height: 11px;
  background: #fff url(../img/line_bg.png) repeat-x scroll center;
}
div.hr hr {
  display: none;
}
div.hr2 {
  height: 11px;
  background: #fff url(../img/line_bg2.png) repeat-x scroll center;
}
div.hr2 hr {
  display: none;
}
div.hr3 {
  height: 11px;
  background: #fff url(../img/line_bg3.png) repeat-x scroll center;
}
div.hr3 hr {
  display: none;
}
 .stars img {
 margin: 2px;
}
.hipo{
position:relative;left:45%;margin:0 auto;padding:0;z-index:1;margin-bottom: -144.5%;
}

#writing-about-us ul  li{
    display: inline-block;padding:70px 25px 40px 25px;font-size:18px;
}
.stepsLink1 {
	display: block;
	width: 164px;
	height: 30px;
	background: url('../img/1.png') bottom;
	text-indent: -99999px;
	background-repeat:no-repeat;
	margin: 1em auto;
}
.stepsLink1:hover {
	background-repeat:no-repeat;
	background-position: 0 0;
}
.stepsLink2 {
	display: block;
	width: 164px;
	height: 30px;
	background: url('../img/2.png') bottom;
	text-indent: -99999px;
	background-repeat:no-repeat;
	margin: 1em auto;
}
.stepsLink2:hover {
	background-repeat:no-repeat;
	background-position: 0 0;
}
.stepsLink3 {
	display: block;
	width: 164px;
	height: 30px;
	background: url('../img/3.png') bottom;
	text-indent: -99999px;
	background-repeat:no-repeat;
	margin: 1em auto;
}
.stepsLink3:hover {
	background-repeat:no-repeat;
	background-position: 0 0;
}