/* Fonts */
body,
.open-sans-light { font-family: 'Open Sans', sans-serif; font-weight: 100; }

h1, 
#header .navigation-bar > li > a,
.open-sans-regular { font-family: 'Open Sans', sans-serif; font-weight: 300; }

h1,h2,h3,h4,h5,h6,h7,h8, 
.fancy-features-list ul li a, 
.stat .value, .btn, 
.oswald-regular { font-family: 'Oswald', sans-serif; font-weight: 300; }

#hero .hero-content .big { font-family: 'Helvetica', Arial, sans-serif; }

/* Colour Theme */
.red { color: #ff4d50; }
.pink { color: #FF676A; }
.grey { color: #565656; }

/* Global & Helper */
body { color: #FF676A; font-size: 18px; background: #fff; margin: 0; }

h1 { font-size: 40px; } 
h2 { font-size: 34px; } 
h3 { font-size: 32px; } 
h4 { font-size: 28px; }
h5 { font-size: 20px; }
h6 { font-size: 18px; }
h7 { font-size: 16px; }
h8 { font-size: 14px; }
h1,h2,h3,h4,h5,h6,h7,h8 { font-weight: 300; text-transform: uppercase; }
h1 span, h2 span, h3 span, h4 span, h5 span, h6 span,  h7 span, h8 span { color: #ff4d50; } 
h1, .h1, h2, .h2, h3, .h3 { margin-top: 0px; margin-bottom: 40px; }
h4, .h4, h5, .h5, h6, .h6 { margin-top: 0px; margin-bottom: 10px; }
h7, .h7, h8, .h8 { margin-top: 0px; margin-bottom: 10px; }
a { color: #ff4d50; text-decoration: none; }
a:hover, a:active, a:focus { color: #ff4d50; text-decoration: underline; outline: none; }
::selection { background-color: #FF676A; color: #fff; }
hr { width: 20px; border-top:1px solid #fe4918; }
.img-center { margin: 0 auto; }

.light { color: #fff; background: #333; }
.light h1, .light h2, .light h3, .light h4, .light h5, .light h6, .light h7, .light h8 { color: #fafafa; }
.dark { color: #5a5a5a; background: #fff; }
.dark h1, .dark h2, .dark h3, .dark h4, .dark h5, .dark h6, .dark h7, .dark h8 { color: #4a4a4a; }

.btn { border: 1px solid transparent; border-radius: 0; background: transparent; }
.btn:Hover { opacity: 1; border: 1px solid transparent; }
.img-responsive-full { max-width: 100%; width: 100%; }

section.section { 
  min-height: 400px; 
  padding-bottom: 60px; 
  padding-top: 60px; 
  overflow: hidden; 
  position: relative; 
  text-align: center; }
section.section-special { padding-bottom: 0; }
.container { z-index: 1; position: relative; }

.navigation { background: #FFFFFF; }
.navigation-brand { float: left; }
.navigation-brand:after { content: ''; display: table; }
.navigation-brand .brand-logo { padding: 15px 0; }
.navigation-navbar { display: block; }
.navigation-bar { margin: 0 auto; padding: 0; list-style: none; }
.navigation-bar-left { float: left; }
.navigation-bar-right { float: right; }
.navigation-bar > li { display: inline-block; }
.navigation-bar > li a { display: inline-block; padding:15px; }
.navigation-bar > li a:Hover,
.navigation-bar > li.active a { color: #fe4918; text-decoration: none; }
.navigation-toggle { position: relative; float: right; padding: 9px 10px; margin: 8px 15px; border-radius: 4px; border: 1px solid rgba(255, 255, 255, .6); outline: none; }
.navigation-toggle:after { content: ''; clear: both; height: 1%; }
.navigation-toggle .icon-bar { display: block; width: 22px; height: 2px; border-radius: 1px; background: #333; }
.navigation-toggle .icon-bar+.icon-bar { margin-top: 4px; }

.hiding { opacity: 0; }
.visible { opacity: 1; }

.sticky { position: fixed; top:0; display: block; width: 100%; z-index: 9; border-bottom: 1px solid #d0d0d0; }

.back-to-top {
	border-radius: 50px;
	text-align: center;
	background: #ff4d50;
	color: #fff;
	display: none;
	width: 40px;
	height: 40px;
	line-height: 40px;
	font-size: 12px;
	position: fixed;
	right: 20px;
	bottom: 20px;
	opacity: 0.4;
	filter: alpha(opacity=40);
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
	cursor: pointer;
	z-index: 9999;
}

.back-to-top:hover { opacity: 1; filter: alpha(opacity=100); }

.slopy { position: relative; }
.slopy:before, .slopy:after { content: ''; width: 0px; height: 0px; top:0px; position: absolute; z-index: 1; }

p.header-txt { font-size: 20px; }
p span { color: #FF676A; }

.bg-wrapper { 
  background-repeat: no-repeat; 
  background-size: cover; 
  background-position: center top; 
  min-height: 400px; 
  margin-top: -60px; 
  margin-bottom: -60px; 
  padding-top: 60px; 
  padding-bottom: 60px; }
    
.big-gap { padding: 50px 0; }
.gap { padding: 25px 0; }

.form-control::-webkit-input-placeholder { color: #bebebe; }
.form-control:-moz-placeholder { color: #bebebe; }
.form-control::-moz-placeholder { color: #bebebe; }
.form-control:-ms-input-placeholder { color: #bebebe; }

#location-gmap { width:100%; height:430px; }
#location-gmap img { max-width:none; }
#location-gmap label { width: auto; display: inline; }

/* Content */
#header .navigation-bar > li { padding-top: 13px; padding-bottom: 12px; padding-right: 3px; }
#header .navigation-bar > li > a { 
  font-size: 14px; 
  color: #565656; 
  background: #fff; 
  text-transform: uppercase; 
  padding-right: 10px; 
  z-index: 1; 
  -webkit-transition: all 0.3s; 
  transition: all 0.3s; }
#header .navigation-bar > li > a.slopy:before { 
  border-bottom: 25px solid transparent;
  border-left: 10px solid #c0c0c0;
  right: -10px;
  top: 13px; }
#header .navigation-bar > li > a.slopy:after {
  border-bottom: 25px solid transparent;
  border-left: 10px solid #FFF;
  right: -9px;
  top: 13px; 
}
#header .navigation-bar > li > .fa { 
  color: #ddd;
  font-size: 20px;
  position: relative;
  z-index: 0;
  top: 2px;
  left: -3px;   
  -webkit-transition: all 0.3s;
  transition: all 0.3s; }
#header .navigation-bar > li.active > a,
#header .navigation-bar > li:Hover > a { top: -3px; }
#header .navigation-bar > li.active > a.slopy:before, 
#header .navigation-bar > li.active > a.slopy:after,
#header .navigation-bar > li:Hover > a.slopy:before,
#header .navigation-bar > li:Hover > a.slopy:after { top: 16px; }
#header .navigation-bar > li.active > .fa, 
#header .navigation-bar > li:Hover > .fa { color: #FF676A; left: 2px; }
#header .navigation:after,
#header .navigation-navbar:after,
#header .navigation-navbar .navigation-bar-right:last-child::after, 
#header .navigation > div:after { content: ''; clear: both; }

h2 { display: inline-block; position: relative; padding-right: 80px; margin-top: 10px; margin-bottom: 50px; }
h2:before, h2:after { 
  content:''; position: absolute; width: 0; width: 85px; border-top: 1px solid #e6e6e6; 
  -webkit-transform: rotate(-60deg);
  -moz-transform: rotate(-60deg);
  -ms-transform: rotate(-60deg);
  -o-transform: rotate(-60deg); 
  transform: rotate(-60deg); 
  top: 22px; }
h2:before { left: -75px; }
h2:after { right: -12px; }
h2 span.skew { 
  position: absolute;
  top: 0;
  right: -15px;
  height: 55px; 
  overflow: hidden; 
  -webkit-backface-visibility : hidden;
  -webkit-transform: skew(-30deg);
  -moz-transform: skew(-30deg);
  -ms-transform: skew(-30deg);
  -o-transform: skew(-30deg);
  transform: skew(-30deg); }
h2 span.skew .fa {
  position: relative;
  left: -15px;
  top: 3px;
  font-size: 46px;
  color: #FF676A;
  -webkit-transform: skew(30deg);
  -moz-transform: skew(30deg);
  -ms-transform: skew(30deg);
  -o-transform: skew(30deg);
  transform: skew(30deg); }
.light h2 span { right: -5px; }
.light h2 span.skew .fa { color: #fff; opacity: .8; }


/* PARALLAX EFFECT */
#hero .bg-wrapper { background-image: url('../img/bg/hero-bg.jpg'); background-size: cover; background-attachment: fixed; }
#why-us .bg-wrapper { background-image: url('../img/bg/why-us-bg.jpg'); background-size: cover; background-attachment: fixed; }
#servicii .bg-wrapper { background-image: url('../img/bg/services-bg.jpg'); background-size: cover; background-attachment: fixed; }
#portofoliu .bg-wrapper { background-image: url('../img/bg/our-work-bg.jpg'); background-size: cover; background-attachment: fixed; }
#stats .bg-wrapper { background-image: url('../img/bg/stats-bg.jpg'); background-size: cover; background-attachment: fixed; }
/*#echipa_noastra .bg-wrapper { background-image: url('../img/bg/our-team.jpg'); background-size: cover; background-attachment: fixed; }*/
#clients .bg-wrapper { background-color: #ff4d50; min-height: 100px; }

#hero { text-align: center; position: relative; }
#hero .bg-wrapper { padding-top: 0; height: 100%; padding-bottom: 0; margin-top: 0; margin-bottom: 0; }
#hero .container { min-height: 680px; height: 100%; }
#hero .hero-wrapper { position: absolute; top:50%; left: 0; right: 0; margin-top: -180px; }
#hero .hero-content { font-size: 24px; color: #fff; text-transform: uppercase; margin: 0 0 40px 0;  }
#hero .hero-content .big { font-size: 86px; font-weight: 900; position: relative; display: inline-block; }
#hero .hero-content .big span { color: #ff4d50; font-family: 'Open Sans', sans-serif;}
#hero .hero-content .big:before,
#hero .hero-content .big:after { 
  width: 100px; border-top: 1px solid #c0c0c0; content: ''; position: absolute; 
  -webkit-transform: rotate(-60deg); 
  -moz-transform: rotate(-60deg); 
  -ms-transform: rotate(-60deg); 
  -o-transform: rotate(-60deg); 
  transform: rotate(-60deg); 
  top: 60px; }
#hero .hero-content .big:before { left: -100px; }
#hero .social { position: absolute; bottom: 40px; left: 0; right: 0; }
#hero .social li { padding-left: 1px; padding-right: 1px; }
#hero .social li a { width: 40px; height: 40px; background: #ff4d50; display: inline-block; border-radius: 70px; padding: 9px 0; }
#hero .social li a .fa { font-size: 22px; color: #fff; }
#hero .carousel h1 { font-size: 30px; color: #fff; margin:0 0 20px; }
#hero .carousel .wrapper { 
  background: rgba(0, 0, 0, .5); 
  -webkit-backface-visibility : hidden;
  -webkit-transform: skew(-30deg); 
  -moz-transform: skew(-30deg); 
  -ms-transform: skew(-30deg); 
  -o-transform: skew(-30deg); 
  transform: skew(-30deg); 
  padding: 7px 20px; 
  display: inline-block; }
#hero .carousel .wrapper h8 { 
  color: #fff; 
  -webkit-transform: skew(30deg); 
  -moz-transform: skew(30deg); 
  -ms-transform: skew(30deg); 
  -o-transform: skew(30deg); 
  transform: skew(30deg); 
  display: inline-block; 
  margin-bottom: 0; }

.carousel.vertical .carousel-inner { margin: 20px 0 20px; }
.carousel.vertical .item {
  -webkit-transition: 0.6s ease-in-out top;
     -moz-transition: 0.6s ease-in-out top;
      -ms-transition: 0.6s ease-in-out top;
       -o-transition: 0.6s ease-in-out top;
          transition: 0.6s ease-in-out top;
}
.carousel.vertical .item.active { top: 0; }
.carousel.vertical .item.active.left { top: -92px; }
.carousel.vertical .item { top: 92px; }
.carousel.vertical .item { left: 0; }

#despre_noi .item .box-wrapper { overflow: hidden; border-bottom: 1px solid #e6e6e6; width: 94px; height: 90px; margin: 0 auto; position: relative; margin-bottom: 30px; }
#despre_noi .item .box-wrapper .circle-wrap { border: 2px solid #9d9d9d; width: 90px; height: 90px; border-radius: 100px; bottom: -20px; position: absolute; -webkit-transition: all 0.3s; transition: all 0.3s; }
#despre_noi .item .box-wrapper .circle-wrap .fa { font-size: 36px; padding: 26px; line-height: 36px; color: #9d9d9d; }
#despre_noi .item .box-wrapper .circle-wrap .fa.fa-puzzle-piece { position: relative; left: 3px; }
#despre_noi .item:Hover { cursor: pointer; cursor: hand; }
#despre_noi .item:Hover .box-wrapper .circle-wrap { bottom: -5px; border-color: #ff4d50; }
#despre_noi .item:Hover .box-wrapper .circle-wrap .fa,
#despre_noi .item:Hover h5 { color: #ff4d50; }
#despre_noi .item p { font-size: 15px; color: #999; }

#why-us { color: #d1d1d1; }
#why-us .row ul { text-align: left; margin: 50px 0 0; }
#why-us .row ul li { margin: 0 0 20px; }

#echipa_noastra .item { padding-left: 20px; padding-bottom: 20px; }
#echipa_noastra .box-wrapper { position: relative; }
#echipa_noastra .box-wrapper { text-align: right; }
#echipa_noastra .box-wrapper .circle-wrap { float: right; border: 3px solid transparent; border-radius: 190px; width: 173px; height: 173px; box-sizing: content-box; }
#echipa_noastra .item:Hover .circle-wrap { border: 3px solid #ff4d50; }
#echipa_noastra .box-wrapper .circle-wrap img { border-radius: 190px; }
#echipa_noastra .social .fa { color: #999; }
#echipa_noastra .social ul li { margin: 0; padding: 0 5px 0 0; }
#echipa_noastra .title-wrap { 
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  position: absolute;
  left: 35px;
  background: #FFF;
  padding: 15px 0;
  height: 175px;
  width: 130px; }
#echipa_noastra .title-wrap:before { 
  border-bottom: 175px solid transparent;
  border-left: 40px solid #c0c0c0;
  right: -40px;
  top: 0; }
#echipa_noastra .title-wrap:after {
  border-bottom: 175px solid transparent;
  border-left: 40px solid #FFF;
  right: -39px;
  top: 0; }
#echipa_noastra .item p { font-size: 15px; color: #999; padding-left: 140px; padding-top: 15px; }
#echipa_noastra .item:Hover { cursor: pointer; cursor: hand; }
#echipa_noastra .item:Hover .title-wrap { left: 55px; }


.fancy-features-list ul li {
  line-height: 24px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  text-align: left;
  margin: 35px 10px 35px 60px;  }
.fancy-features-list ul li a { color: #fff; font-size: 18px; }
.fancy-features-list ul li a:Hover { text-decoration: none; -webkit-animation: fadeIn 1s;animation: fadeIn 1s;  }
.fancy-features-list ul li a:Hover .fa { color: #565656; }
.fancy-features-list ul li .fa { font-size: 34px; vertical-align: middle; margin-right: 25px; }
.fancy-features-image .h_slider,
.fancy_testimonial_testimonial .h_slider { display: none }
.fancy-features-image .h_slider img { margin: 0 auto }
.fancy-features-image .showme { -webkit-animation: fadeInLeft 1s; animation: fadeInLeft 1s; display: block; }
.fancy-features-list .inner_list { padding: 0 }

.navigation-tab li a { color: #5a5a5a; font-size: 13px; text-transform: uppercase; padding-left: 10px; padding-right: 15px; }
.navigation-tab li a:Hover { text-decoration: none; }
.navigation-tab li.active a { color: #ff4d50; }
.navigation-tab li { position: relative; padding-left: 0; padding-right: 0; }
.navigation-tab li:after { content: '';
  border-right: 1px solid #c0c0c0;
  position: absolute;
  right: 0;
  height: 27px;
  -webkit-transform: rotate(20deg);
  -moz-transform: rotate(20deg);
  -ms-transform: rotate(20deg);
  -o-transform: rotate(20deg);
  transform: rotate(20deg); }
.navigation-tab li:last-child a { padding-right: 0; }
.navigation-tab li:last-child::after { display: none; }

#showcase .tab-content { padding: 0 40px; } 
#showcase .tab-pane { padding-top: 40px; }
#showcase .prev-tab { border-right: 1px solid #c0c0c0;
  position: absolute;
  width: 40px;
  height: 60px;
  -webkit-backface-visibility : hidden;
  -webkit-transform: skew(-30deg);
  -moz-transform: skew(-30deg);
  -ms-transform: skew(-30deg);
  -o-transform: skew(-30deg);
  transform: skew(-30deg);
  z-index: 1;
  overflow: hidden; 
  left: 0px;
  top: 25%; }
#showcase .prev-tab span { position: relative;
  -webkit-transform: skew(30deg); 
  -moz-transform: skew(30deg); 
  -ms-transform: skew(30deg); 
  -o-transform: skew(30deg); 
  transform: skew(30deg); 
  color: #999;
  font-size: 38px;
  right: -8px;
  z-index: 0;
  top: 15px; }
#showcase .next-tab { border-left: 1px solid #c0c0c0;
  position: absolute;
  width: 40px;
  height: 60px;
  -webkit-backface-visibility : hidden;
  -webkit-transform: skew(-30deg);
  -moz-transform: skew(-30deg);
  -ms-transform: skew(-30deg);
  -o-transform: skew(-30deg);
  transform: skew(-30deg);
  z-index: 1;
  overflow: hidden;
  right: 0px;
  top: 25%; }
#showcase .next-tab span { position: relative;
  -webkit-transform: skew(30deg);
  -moz-transform: skew(30deg);
  -ms-transform: skew(30deg);
  -o-transform: skew(30deg);
  transform: skew(30deg);
  color: #999;
  font-size: 38px;
  left: -8px;
  z-index: 0;
  top: 15px; }
#showcase p { font-size: 18px; }

#portofoliu .carousel-wrapper { margin: 0 40px; }
.bx-wrapper .bx-viewport {
  -webkit-backface-visibility : hidden;
  -webkit-transform: skew(-15deg);
  -moz-transform: skew(-15deg);
  -ms-transform: skew(-15deg);
  -o-transform: skew(-15deg);
  transform: skew(-15deg);
  -webkit-box-shadow: 0 0 0 transparent;
  -moz-box-shadow: 0 0 0 transparent;
  -ms-box-shadow: 0 0 0 transparent;
  -o-box-shadow: 0 0 0 transparent;
  box-shadow: 0 0 0 transparent;
  background: none;
  border:none; }
.bx-wrapper .slide {
  -webkit-transform: skew(15deg);
  -moz-transform: skew(15deg);
  -ms-transform: skew(15deg);
  -o-transform: skew(15deg);
  transform: skew(15deg);
}
.bx-wrapper .bx-controls-direction a { text-indent: 0; }
.bx-wrapper .bx-controls-direction a .fa { font-size: 40px; color: #555; }
.bx-wrapper .bx-prev { left: -50px; }
.bx-wrapper .bx-next { right: -50px; }
.bx-wrapper .slide { position: relative; }
.bx-wrapper .slide .overlay { 
  background: rgba(255, 103, 106, 0.8); 
  position: absolute; 
  bottom: 0; 
  top:0; 
  left: 0; 
  right: 0; 
  opacity: 0;
	/*-webkit-transition: all 0.5s ease;*/
	/*transition: all 0.5s ease; */
}
.bx-wrapper .slide:Hover .overlay { opacity: 1; }
.bx-wrapper .slide .overlay-content { position: absolute; top:50%; margin-top: -47px; width: 100%; }
.bx-wrapper .slide .overlay-content .img-wrap { 
  background: #944444;
  display: inline-block;
  width: 50px;
  height: 50px;
  border-radius: 70px;
  padding: 13px 0;
  margin-bottom: 10px; }
.bx-wrapper .slide .overlay-content .content-wrap, 
.bx-wrapper .slide .overlay-content .img-wrap .fa { color: #fff; font-size: 30px; -webkit-font-smoothing: antialiased; }

#carousel-testimonial .item span.fa { color: #fff; font-size: 24px; padding-top: 40px; }
#carousel-testimonial .item p { width: 65%; margin: 30px auto; font-size: 18px; line-height: 36px; text-shadow: 0px 1px 1px rgba(50, 50, 50, 1); }
#carousel-testimonial .item .user-name { text-shadow: 0px 1px 1px rgba(50, 50, 50, 1); }
#carousel-testimonial .user-wrapper {
  overflow: hidden;
  -webkit-backface-visibility : hidden;
  -webkit-transform: skew(-30deg, 30deg);
  -moz-transform: skew(-30deg, 30deg);
  -ms-transform: skew(-30deg, 30deg);
  -o-transform: skew(-30deg, 30deg);
  transform: skew(-30deg, 30deg);
  width: 105px;
  height: 120px;
  margin: 30px auto 20px;
  border-left: 1px solid #999;
  border-right: 1px solid #999;
}
#carousel-testimonial .user-wrapper img {
  -webkit-transform: skew(30deg, -30deg);
  -moz-transform: skew(30deg, -30deg);
  -ms-transform: skew(30deg, -30deg);
  -o-transform: skew(30deg, -30deg);
  transform: skew(30deg, -30deg);
  border-radius: 150px;
  position: relative;
  top:10px; 
}
.carousel-control { width: 0; }
.carousel-control.left {
  background-image: none;
  background-repeat: none;
  filter: none;
  bottom: 130px;
  top: auto;
  font-size: 32px;
  left: 50%;
  right: 0;
  margin-left: -80px;
}
.carousel-control.right {
  left: 50%;
  right: 0;
  background-image: none;
  background-repeat: none;
  filter: none;
  bottom: 56px;
  top: auto;
  font-size: 32px;
  margin-left: 70px;
}

.carousel-fade .carousel-inner .item { opacity: 0; transition-property: opacity; -webkit-transition: opacity 2s; }
.carousel-fade .carousel-inner .active { opacity: 1; }
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right { left: 0; opacity: 0; z-index: 1; }
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right { opacity: 1; }
.carousel-fade .carousel-control { z-index: 2; }

#stats .stat .value { 
  font-size: 53px;
  border: 2px solid #fff;
  border-radius: 100px;
  width: 150px;
  display: inline-block;
  height: 150px;
  padding: 36px 0; }
#stats .icon-wrap .fa { font-size: 40px; margin: 30px 0 20px; }

#subscribe .subscribe-wrapper { padding-top: 80px; }
#subscribe .subscribe-wrapper h4 { font-size: 24px; }
#subscribe .subscribe-wrapper h4 .fa { color: #ff4d50; margin-right: 20px; position: relative; top:-3px; }
#subscribe .subscribe-wrapper .sub-title { font-size: 13px; text-transform: uppercase; padding-left: 80px; }

#subscribe .form { padding-left: 60px; padding-top: 20px; }
.form-control { border: 1px solid #bebebe; height: 54px; -webkit-box-shadow: 0 0 0 transparent; box-shadow: 0 0 0 transparent; }
.form-inline .btn { margin-left: 10px; }
.form-inline input.form-control { min-width: 300px; }
.btn { height: 54px; text-transform: uppercase; }
.btn-primary { background: #ff4d50; border-radius: 4px; padding: 6px 15px; }
.btn-primary:Hover { background: #FF676A; }

#clients hr { 
  width: 100px;
  border-top: 1px solid #D1191C;
  -webkit-transform: rotate(-60deg);
  -moz-transform: rotate(-60deg);
  -ms-transform: rotate(-60deg);
  -o-transform: rotate(-60deg);
  transform: rotate(-60deg);
  margin-left: -30px;
  margin-right: -30px;
  position: relative;
  top: 15px; }
#clients .bg-wrapper { margin-top: 0; margin-bottom: 0; padding-top: 35px; padding-bottom: 35px; }
#clients a:Hover { opacity: .8; }

#contact { position: relative; height: 0; z-index: 100; }
#contact h4 { font-size: 24px; margin-bottom: 20px; }
#contact .contact-wrapper .form,
#contact .contact-wrapper address { position: relative; z-index: 2; }
#contact .contact-wrapper { position: absolute; width: 310px; height: 380px; padding: 30px 30px 0 ; z-index: 0; }
#contact .corner { 
  position: absolute;
  z-index: 1;
  background: #333;
  border-radius: 23px;
  width: 232px;
  height: 232px;
  left: 39px;
  bottom: -117px;  
  outline: none; 
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-box-shadow: 2px 2px 2px 0px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 2px 2px 2px 0px rgba(0, 0, 0, 0.75);
  box-shadow: 2px 2px 2px 0px rgba(0, 0, 0, 0.75); }
#contact .form-contact { 
  background: #464646;
  font-size: 12px;
  border-radius: 2px;
  color: #bebebe;
  margin-bottom: 2px;
  height: 36px;
  border: 1px solid transparent; }
#contact textarea.form-contact { height: auto; resize: none; }
#contact .btn { margin: 8px 0; height: 36px; border-radius: 2px; }
#contact address { padding:20px 0 0; font-size: 14px; color: #999; font-size: 14px; margin-bottom: 0; }
#contact address .fa { color: #999; font-size: 22px; margin-right: 5px; position: relative; top:3px; }
#contact .arrow { 
  position: absolute;
  z-index: 2;
  color: #999;
  left: 50%;
  font-size: 28px;
  margin-left: -12px;
  bottom: -145px; }
#contact .arrow:hover { opacity: 0.7; }

#location-map { min-height: 415px; }
#footer { min-height: 160px; text-align: center; color: #999; font-size: 13px; padding: 30px; }
#footer ul li a { border: 1px solid #999; display: inline-block; text-align: center; border-radius: 50px; width: 50px; height: 50px; line-height: 50px; margin: 5px; }
#footer ul li .fa { font-size: 22px; color: #999; }

/* Preloader */
#mask {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #F6F6F6;
  z-index: 10000;
  height: 100%;
}

#loader {
  width: 200px;
  height: 200px;
  position: absolute;
  left: 50%;
  top: 50%;
  background-image: url("../img/loading.gif");
  background-repeat: no-repeat;
  background-position: center;
  margin: -100px 0 0 -100px;
}

/* Icon zoom effect */
.icon-zoom {
  position: relative;
}

.icon-zoom:after {
  pointer-events: none;
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  content: '';
  -webkit-box-sizing: content-box; 
  -moz-box-sizing: content-box; 
  box-sizing: content-box;
}

.icon-wrapper .icon-zoom {
  -webkit-transition: box-shadow 0.2s;
  -moz-transition: box-shadow 0.2s;
  transition: box-shadow 0.2s;
}

.icon-wrapper .icon-zoom:after {
  top: 0;
  left: 0;
  padding: 0;
  box-shadow: 0 0 0 1px #999;
  -webkit-transition: -webkit-transform 0.2s, opacity 0.2s;
  -moz-transition: -moz-transform 0.2s, opacity 0.2s;
  transition: transform 0.2s, opacity 0.2s;
}

.no-touch .icon-wrapper .icon-zoom:hover:after {
  -webkit-transform: scale(0.80);
  -moz-transform: scale(0.80);
  -ms-transform: scale(0.80);
  transform: scale(0.80);
}

.no-touch .icon-wrapper .icon-zoom:hover {
  box-shadow: 0 0 0 5px rgba(255,255,255,0.4);
  color: #fff;
}

/* Flexslider */
.flexslider {
  box-shadow: none;
  margin-bottom: 0;
  padding-left: 10px;
  padding-right: 10px;
}

.flexslider .slides img {
  width: auto;
  max-width: 100% !important;
}

.flexslider p {
  padding-left: 20px;
  padding-right: 20px;
}

/* Mobile device */
@media (max-width: 480px) {
  h2 { margin-left: 36px; }

  #hero .hero-content .big { font-size: 52px !important; }
  #hero .hero-content .big:before,
  #hero .hero-content .big:after { top:37px !important; }

  #echipa_noastra .box-wrapper { float: none !important; margin-left: -30px; }
  #echipa_noastra .item p { padding-left: 0 !important; clear: both; }
  
  #subscribe .subscribe-wrapper h4 .fa { display: block; margin-right: 0; top:-10px;}
  #subscribe .subscribe-wrapper .sub-title, 
  #subscribe .form { padding-left: 0; }
  #subscribe .subscribe-wrapper { padding-top: 0; }
  
  #stats .stat .value {
    font-size: 43px;
    width: 120px;
    height: 120px;
    padding: 28px 0; }
  #footer ul li .fa { font-size: 18px; }
  #footer ul li { width: 40px; height: 40px; padding: 8px; }
  
  .form-inline input.form-control { min-width: 0px !important; }
}

@media (max-width: 767px) {
  .big-gap { padding: 25px 0; }
  
  #hero .hero-content .big { font-size: 62px; }
  #hero .hero-content .big:before,
  #hero .hero-content .big:after { width: 60px; top:40px; }
  #hero .hero-content .big:before { left:-60px; }
  
  .navigation-brand { float: none; }
  .navigation-brand .brand-logo { float: left; }
  .navigation-bar { display: block; width: 100%; }
  .navigation-bar > li { 
      display: block; 
      width: 100%; 
      padding-top: 5px !important; 
      padding-bottom: 5px !important; 
      border-bottom: 1px solid #eaeaea;  
      text-align: center; }
  .navigation-bar > li a { display: inline-block; }
  .navigation-navbar { overflow: hidden; height: 0; display: block; }
  .navigation-navbar.open { height: auto; margin-left: -15px; margin-right: -15px; border-top:1px solid #d0d0d0; }
  .navigation-brand:after { content: ''; clear: both; }
  .navigation-bar-left, .navigation-bar-right { float: none; }
  
  .navigation-toggle { margin: 20px 5px; background: #fafafa; border-color: #333; }
  
  #echipa_noastra .box-wrapper { float: right; width: 300px; }
  #echipa_noastra .item p { padding-left: 0; }
  
  #why-us .row ul { margin: 0 0 40px; display: inline-block; }
  .fancy-features-list ul { display: inline-block; margin: 40px 0 40px; }
  .fancy-features-list ul li { margin:  15px 0 15px 0; }
  
  #stats { padding-bottom: 40px; }
  #stats .counter { margin-bottom: 30px; }
  
  #clients hr { display: none; }
  #clients ul li { text-align: center; display: block; margin-bottom: 10px; }
  
  #contact { height: auto; }
  #contact .container { padding-left: 0; padding-right: 0; }
  #contact .contact-wrapper .corner,
  #contact .contact-wrapper .arrow { display: none; }
  #contact .contact-wrapper { 
      position: static; width: 100%; padding-top: 30px; padding-bottom: 30px; height: auto; opacity: 1 !important; }
}

@media (min-width: 768px) {
  #contact .container { height: 0; }
  #contact .cut-off { overflow: hidden; height: 540px; width: 320px; position: relative; padding-left: 5px; }
}

/* Tablet device */
@media (max-width: 991px) and (min-width: 768px) {
  #header .navigation-bar > li > a { padding-left: 2px; }
  
  #echipa_noastra .box-wrapper { float: right; width: 300px; }
  #echipa_noastra .item p { padding-left: 0; }
  
  #footer { overflow: hidden; } 
  #footer .footer-wrap { padding-left: 140px; }
}

/* Desktop small screen */
@media (min-width: 992px) and (max-width: 1199px) {
  #footer { overflow: hidden; }	
}

/* Desktop large screen */
@media (min-width: 1200px) {
	.container { width: 1090px; }
}