/* --------------------------------------------------------------------------------------
+
+   AUTHOR: Plakarstudio
+
-------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------
+
+ BASIC STYLES
+
-------------------------------------------------------------------------------------- */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline;
}

html {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

caption, th, td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle;
}

q, blockquote {
  quotes: none;
}
q:before, q:after, blockquote:before, blockquote:after {
  content: "";
  content: none;
}

a img {
  border: none;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary {
  display: block;
}

/* --------------------------------------------------------------------------------------
+
+ VARIABLES
+
-------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------
+
+ MIXINS
+
-------------------------------------------------------------------------------------- */
/* LINE-HIGH */
/* BOX SIZING */
             /* SPRITES
$icon-spacing: 10px;
@import "icon/*.png";
@include all-icon-sprites(true);
 */
body {
  color: #707475;
  font-family: "Roboto", sans-serif;
  font-size: 15px;
  line-height: 1.46;
}

h1, h2, h3, h4, h5, h6 {
  line-height: 1;
  font-family: Tahoma, Arial, sans-serif;
}

h1 {
  color: #e01649;
  font-size: 21px;
  margin-bottom: 20px;
}

a {
  outline: none;
  /* removing outline in Mozilla */
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
  text-decoration: none;
  color: white;
}
a:hover {
  color: white;
}

p {
  margin-bottom: 20px;
  clear: both;
}

img {
  vertical-align: top;
}

table {
  width: 100%;
}

strong {
  font-weight: bold;
}

.clearfix {
  *zoom: 1;
}
.clearfix:after {
  content: "";
  display: table;
  clear: both;
}

::-moz-selection {
  background: black;
  color: white;
  text-shadow: none;
}

::selection {
  background: black;
  color: white;
  text-shadow: none;
}

.hide {
  display: none !important;
}

button:hover,
input[type="submit"]:hover,
label {
  cursor: pointer;
}

textarea {
  margin: 0;
  /* removing margin in Mozilla */
  overflow: auto;
  /* for IE and older browsers */
}

/* align checkboxes, radios, text inputs with their label */
input[type="radio"] {
  vertical-align: text-bottom;
}

input[type="checkbox"] {
  vertical-align: bottom;
  *vertical-align: baseline;
}

input:focus,
textarea:focus,
button:focus {
  outline: none;
}

button::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner {
  border: 0;
  padding: 0;
}

/* --------------------------------------------------------------------------------------
+
+ LAYOUT
+
-------------------------------------------------------------------------------------- */
html, body {
  height: 100%;
}

.layout {
  clear: both;
  min-height: 100%;
  height: auto !important;
  height: 100%;
  margin-bottom: -175px;
}
.layout .layout_footer {
  height: 175px;
}

footer {
  clear: both;
  position: relative;
  height: 175px;
}

.container {
  margin: 0 auto;
  width: 950px;
}

.left {
  float: left;
}

.right {
  float: right;
}

/* --------------------------------------------------------------------------------------
+
+ BUTTONS
+
-------------------------------------------------------------------------------------- */
.btn {
  height: 25px;
  line-height: 25px;
  text-align: center;
  padding: 0 10px;
  color: white;
  background: white;
  border: none;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.btn:hover {
  background: white;
}

/* --------------------------------------------------------------------------------------
+
+ FORMS
+
-------------------------------------------------------------------------------------- */
/* MAIN PART */
input[type="text"], textarea {
  vertical-align: middle;
  border: none;
  color: white;
  background-color: white;
  padding: 0 10px;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
}
input[type="text"]:hover, input[type="text"]:focus, textarea:hover, textarea:focus {
  background-color: #fff;
}

/* --------------------------------------------------------------------------------------
+
+ HEADER
+
-------------------------------------------------------------------------------------- */
header {
  height: 70px;
  width: 100%;
  background-color: #333637;
  display: block;
}
header .facebook, header .phone {
  height: 70px;
  line-height: 70px;
  background: url('../images/facebook.png?1371822642') no-repeat 0 50%;
  padding-left: 30px;
  color: #fff;
}
header .phone {
  background: url('../images/phone.png?1371822776') no-repeat 0 50%;
}

.subheader {
  width: 100%;
  height: 500px;
  display: block;
  background: url('../images/main.jpg?1372150762') no-repeat 50% 0;
  background-size: cover;
  position: relative;
}
.subheader img {
  position: absolute;
  left: 50%;
  bottom: 0;
  margin-left: -450px;
}

/* --------------------------------------------------------------------------------------
+
+ FOOTER
+
-------------------------------------------------------------------------------------- */
footer {
  text-align: center;
  background: url('../images/footer_logo.png?1372153332') no-repeat 50% 30px;
}
footer small {
  top: 115px;
  position: relative;
  text-align: center;
}

/* --------------------------------------------------------------------------------------
+
+ CONTENT
+
-------------------------------------------------------------------------------------- */
.content {
  padding: 70px 0;
}

.gallery {
  border: 1px solid #ccd4d6;
  background-color: #fff;
  -webkit-box-shadow: 0 0 5px #d4dadc;
  -moz-box-shadow: 0 0 5px #d4dadc;
  box-shadow: 0 0 5px #d4dadc;
  padding: 20px;
  overflow: hidden;
}
.gallery a {
  float: left;
  margin-left: 22px;
}
.gallery a:first-child {
  margin-left: 0;
}
.gallery .img_wrap {
  position: relative;
}
.gallery .img_wrap:hover i, .gallery .img_wrap:hover b {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}
.gallery .img_wrap i, .gallery .img_wrap b {
  background: url('../images/img_hover.png?1371825177') no-repeat 50% 50%;
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.gallery .img_wrap b {
  z-index: 1;
  background: url('../images/mask.png?1371825197') repeat 0 0;
}

#tabs {
  margin-top: 70px;
}
#tabs ul {
  text-align: center;
}
#tabs li {
  margin-left: 10px;
  display: inline-block;
}
#tabs li a {
  width: 62px;
  padding-left: 45px;
  padding-right: 5px;
  height: 39px;
  line-height: 39px;
  border: 1px solid #ccd4d6;
  color: #707374;
  display: block;
  background: white url('../images/tab_bgr.png?1371826541') no-repeat 20px 50%;
  -webkit-transition: background-color 0.1s ease;
  -moz-transition: background-color 0.1s ease;
  -o-transition: background-color 0.1s ease;
  transition: background-color 0.1s ease;
}
#tabs .ar {
  direction: rtl;
  font-family: Tahoma, Arial, sans-serif;
}
#tabs .ui-state-active a {
  border: 1px solid #b3123b;
  -webkit-box-shadow: inset 0 0 10px #bb103c;
  -moz-box-shadow: inset 0 0 10px #bb103c;
  box-shadow: inset 0 0 10px #bb103c;
  color: #fff;
  background: #ef285a url('../images/active_tab_bgr.png?1371826451') no-repeat 20px 50%;
}
#tabs > div {
  margin-top: 30px;
  width: 850px;
  border: 1px solid #ccd4d6;
  background-color: #fff;
  -webkit-box-shadow: 0 0 5px #d4dadc;
  -moz-box-shadow: 0 0 5px #d4dadc;
  box-shadow: 0 0 5px #d4dadc;
  padding: 50px;
  overflow: hidden;
  background: url('../images/map.jpg?1372162665') no-repeat 100% 50%;
}
#tabs > div .text {
  float: left;
  width: 370px;
}
#tabs > div .text a {
  color: #e01649;
}
#tabs > div .text a:hover {
  color: #dd6b88;
}

/* --------------------------------------------------------------------------------------
+
+ COLORBOX
+
-------------------------------------------------------------------------------------- */
#colorbox {
  position: relative;
  z-index: 1000;
  background-color: #fff;
  padding: 50px 0 40px 40px;
  height: 360px;
}

/*
    Colorbox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9999;
  overflow: hidden;
}

#cboxWrapper {
  position: relative;
  bottom: -20px;
}

#cboxOverlay {
  position: fixed;
  width: 100%;
  height: 100%;
}

#cboxMiddleLeft, #cboxBottomLeft {
  clear: left;
  display: none;
}

#cboxContent {
  position: relative;
  overflow: visible;
  background: #fff;
}
#cboxContent:hover #cboxPrevious, #cboxContent:hover #cboxNext {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}

#cboxLoadedContent {
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}

#cboxTitle {
  margin: 0;
  position: absolute;
  top: -40px;
  left: 0px;
  text-align: left;
  width: 70%;
  color: white;
}

#cboxLoadingOverlay, #cboxLoadingGraphic {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow {
  cursor: pointer;
}

.cboxPhoto {
  float: left;
  margin: auto;
  border: 0;
  display: block;
  max-width: none;
  -ms-interpolation-mode: bicubic;
}

.cboxIframe {
  width: 100%;
  height: 100%;
  display: block;
  border: 0;
}

#colorbox, #cboxContent, #cboxLoadedContent {
  box-sizing: content-box;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
}

/* 
    User Style:
    Change the following styles to modify the appearance of Colorbox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay {
  background: url('../images/colorbox_overlay.png?1371825628') repeat 0 0;
}

#colorbox {
  outline: 0;
}

#cboxTopLeft {
  width: 21px;
  height: 21px;
  background: url(images/controls.png) no-repeat -101px 0;
}

#cboxTopRight {
  width: 21px;
  height: 21px;
  background: url(images/controls.png) no-repeat -130px 0;
}

#cboxBottomLeft {
  width: 21px;
  height: 21px;
  background: url(images/controls.png) no-repeat -101px -29px;
}

#cboxBottomRight {
  width: 21px;
  height: 21px;
  background: url(images/controls.png) no-repeat -130px -29px;
}

#cboxMiddleLeft {
  width: 21px;
  background: url(images/controls.png) left top repeat-y;
}

#cboxMiddleRight {
  width: 21px;
  background: url(images/controls.png) right top repeat-y;
}

#cboxTopCenter {
  display: none;
}

#cboxBottomCenter {
  height: 21px;
  background: url(images/border.png) 0 -29px repeat-x;
}

.cboxIframe {
  background: #fff;
}

#cboxError {
  padding: 50px;
  border: 1px solid #ccc;
}

#cboxLoadedContent {
  margin-bottom: 0;
}

#cboxCurrent {
  position: absolute;
  bottom: 30px;
  display: none !important;
  right: 40px;
  color: #707475;
}

#cboxLoadingOverlay {
  background: url(images/loading_background.png) no-repeat center center;
}

#cboxLoadingGraphic {
  background: url(images/loading.gif) no-repeat center center;
}

/* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
#cboxPrevious, #cboxNext, #cboxSlideshow {
  border: 0;
  padding: 0;
  margin: 0;
  overflow: visible;
}

/* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
#cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {
  outline: 0;
}

#cboxSlideshow {
  position: absolute;
  bottom: 4px;
  right: 30px;
  color: #0092ef;
}

#cboxPrevious, #cboxNext {
  position: absolute;
  top: 0;
  left: 0;
  background: url('../images/left.png?1371824537') no-repeat 0 50%;
  width: 50px;
  height: 100%;
  display: block;
  text-indent: -9999px;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=30);
  opacity: 0.3;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
#cboxPrevious:hover, #cboxNext:hover {
  background: url('../images/left_hover.png?1371824583') no-repeat 0 50%;
}

#cboxNext {
  left: auto;
  right: 0;
  background: url('../images/right.png?1371824607') no-repeat 100% 50%;
}
#cboxNext:hover {
  background: url('../images/right_hover.png?1371824596') no-repeat 100% 50%;
}

#cboxClose {
  position: absolute;
  top: -40px;
  right: 0;
  background: url('../images/close.png?1371824401') no-repeat 100% 50%;
  text-indent: -9999px;
  height: 22px;
  display: block;
  *display: inline;
  padding: 0;
  padding-right: 20px;
  border: 0;
  margin: 0;
  height: 15px;
  line-height: 15px;
  font-size: 14px;
  width: 60px;
  color: #707475;
  text-transform: capitalize;
}

/*
  The following fixes a problem where IE7 and IE8 replace a PNG's alpha transparency with a black fill
  when an alpha filter (opacity change) is set on the element or ancestor element.  This style is not applied to or needed in IE9.
  See: http://jacklmoore.com/notes/ie-transparency-problems/
*/
#cboxTopLeft,
#cboxTopCenter,
#cboxTopRight,
#cboxBottomLeft,
#cboxBottomCenter,
#cboxBottomRight,
#cboxMiddleLeft,
#cboxMiddleRight {
  display: none !important;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);
}

.cboxIE #cboxTopLeft,
.cboxIE #cboxTopCenter,
.cboxIE #cboxTopRight,
.cboxIE #cboxBottomLeft,
.cboxIE #cboxBottomCenter,
.cboxIE #cboxBottomRight,
.cboxIE #cboxMiddleLeft,
.cboxIE #cboxMiddleRight {
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);
}

#colorbox.box1, #colorbox.box2 {
  margin-left: -165px;
}
