.nobreak {
  -webkit-column-break-inside: avoid;
  -moz-column-break-inside: avoid;
  -o-column-break-inside: avoid;
  -ms-column-break-inside: avoid;
  display: table;
}
/* Reset styles
*******************************/
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section {
  display: block;
}
audio[controls],
canvas,
video {
  display: inline-block;
}
html {
  overflow-y: scroll;
  /* 1 */

  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  /* 2 */

  -webkit-text-size-adjust: 100%;
  /* 3 */

  -ms-text-size-adjust: 100%;
}
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
ul,
li,
ol,
a,
em,
img,
strong,
fieldset,
form,
label,
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
  list-style: none;
}
:focus {
  outline: 0;
}
img {
  vertical-align: middle;
  outline: 0;
}
button::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
input[type="file"] > input[type="button"]::-moz-focus-inner {
  border: none;
}
html,
body,
textarea,
input {
  -webkit-text-size-adjust: none;
}
body {
  text-align: left;
  font-family: sans-serif;
  font-size: 12px;
  font-weight: normal;
  line-height: 1.2;
}
/* Form Elements
*******************************/
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
  cursor: pointer;
  height: 35px;
  -webkit-appearance: button;
  font-size: 14px;
  background: transparent;
  letter-spacing: 1px;
  border: 1px;
  text-transform: uppercase;
}
button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
  -moz-opacity: 0.75;
  -khtml-opacity: 0.75;
  -webkit-opacity: 0.75;
  opacity: 0.75;
  -webkit-transition: all 300ms ease-in-out;
  -moz-transition: all 300ms ease-in-out;
  -ms-transition: all 300ms ease-in-out;
  -o-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
}
input[type=text],
input[type=email],
input[type=url],
input[type=search],
input[type=password],
textarea {
  border: 1px solid #c4c5c7;
  height: 25px;
  font-size: 12px;
  padding: 5px;
  color: #5f6062;
  -webkit-transition: all 100ms linear;
  -moz-transition: all 100ms linear;
  -ms-transition: all 100ms linear;
  -o-transition: all 100ms linear;
  transition: all 100ms linear;
}
textarea {
  resize: none;
}
.fl {
  float: left !important;
}
.fr {
  float: right !important;
}
.l {
  text-align: left;
}
.c {
  text-align: center;
}
.j {
  text-align: justify;
}
.r {
  text-align: right;
}
/* Clearfix
*******************************/
.cf:before,
.cf:after {
  content: "";
  display: table;
}
.cf:after {
  clear: both;
}
.clear {
  clear: both;
}
/* Links
*******************************/
a {
  text-decoration: none;
  cursor: pointer;
  -webkit-transition: color 100ms linear;
  -moz-transition: color 100ms linear;
  -ms-transition: color 100ms linear;
  -o-transition: color 100ms linear;
  transition: color 100ms linear;
}
/* Headers
*******************************/
h1,
h2,
h3,
h4,
h5,
h6 {
  margin-bottom: 1em;
  text-transform: uppercase;
}
h1 {
  font-size: 28px;
}
h2 {
  font-size: 22px;
}
h3 {
  font-size: 18px;
}
h4 {
  font-size: 14px;
}
h5 {
  font-size: 12px;
}
h6 {
  font-size: 10px;
}
/* Text elements
*******************************/
p {
  margin: 0 0 1em 0;
  text-align: left;
  line-height: 1.5;
}
strong {
  font-weight: bold;
}
em {
  font-style: italic;
}
img {
  border: 0;
}
.small {
  font-size: 10px;
}
hr {
  display: block;
  height: 0px;
  line-height: 0px;
  border: 0;
  border-top: 1px solid;
  border-bottom: 1px solid;
  margin: 16px 0;
  float: none;
  clear: both;
  padding: 0;
}
/* Framework Typo
*******************************/
.story {
  line-height: 1.5;
}
.story ul {
  list-style: square;
}
.story ul li {
  list-style: square;
}
.story ul li ol {
  list-style: decimal;
}
.story ul li ol li {
  list-style: decimal;
}
.story ol {
  list-style: decimal;
}
.story ol li {
  list-style: decimal;
}
.story ol li ul {
  list-style: square;
}
.story ol li ul li {
  list-style: square;
}
.story ul,
.story ol {
  margin: 0 0 1em 1.5em;
  line-height: 1.5;
}
.story ul ul,
.story ol ul,
.story ul ol,
.story ol ol {
  margin-bottom: 0;
}
.story ol ol {
  list-style: upper-alpha;
}
.story ol ol ol {
  list-style: lower-roman;
}
.story ol ol ol ol {
  list-style: lower-alpha;
}
.story h1,
.story h2,
.story h3,
.story h4,
.story h5,
.story h6 {
  text-transform: none;
  margin-bottom: .5em;
}
.story a:link,
.story a:visited,
.story a:hover,
.story a:active {
  text-decoration: none;
}
.story table {
  width: auto;
  border-collapse: collapse;
  margin-bottom: 18px;
}
.story table td,
.story table th {
  padding: 6px 10px;
  text-align: center;
  border: 1px solid #ccc;
}
.story table th {
  font-weight: bold;
}
.story pre,
.story code {
  background: #ffffff;
  padding: 20px;
  box-shadow: 1px 1px 2px #d0d0d0;
  color: #4a4a4a;
  display: block;
  margin: 10px 15px 10px 0px;
}
.story address {
  display: inline-block;
  padding: 20px;
  background: #eaeaea;
  line-height: 20px;
  margin-bottom: 15px;
}
.story .wp-caption {
  box-shadow: 1px 1px 2px #bebebe;
  max-width: 100%;
  width: auto;
}
.story .wp-caption p.wp-caption-text {
  background: #ffffff;
  text-align: center;
  color: #a1a1a1!important;
  margin: 0!important;
}
.story dl {
  background: #ffffff;
  padding: 20px;
  box-shadow: 1px 1px 2px #d0d0d0;
  color: #4a4a4a;
  display: block;
  margin: 10px 20px 10px 0px;
}
.story dl dt {
  width: 150px;
  float: left;
  font-size: 13px;
  line-height: 13px;
  color: #000000;
  text-transform: uppercase;
}
.story dl dd {
  margin-left: 160px;
  margin-bottom: 10px;
  line-height: 18px;
}
.story img.size-auto,
.story img.size-full,
.story img.size-large,
.story img.size-medium,
.story .attachment img {
  max-width: 100%;
  /* When images are too wide for containing element, force them to fit. */

  height: auto;
  /* Override height to match resized width for correct aspect ratio. */

}
.story .alignleft,
.story img.alignleft {
  display: inline;
  float: left;
  margin-right: 1em;
}
.story .alignright,
.story img.alignright {
  display: inline;
  float: right;
  margin-left: 1em;
}
.story .aligncenter,
.story img.aligncenter {
  clear: both;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.story img.alignleft,
.story img.alignright,
.story img.aligncenter {
  margin-bottom: 1em;
}
.story .wp-caption {
  line-height: 1.5;
  margin-bottom: 1em;
  text-align: center;
}
.story .wp-caption p.wp-caption-text {
  color: #888;
  font-size: 11px;
  margin: 0;
  padding: 5px;
}
.story .wp-smiley {
  margin: 0;
}
/* FlexSlider Necessary Styles
*********************************/
.flexslider {
  position: relative;
}
.flexslider ul,
.flexslider ol {
  margin: 0;
  padding: 0;
  list-style: none;
}
.flexslider ul li,
.flexslider ol li {
  margin: 0;
  padding: 0;
  list-style: none;
}
.flexslider .slides > li {
  position: relative;
  display: none;
  -webkit-backface-visibility: hidden;
  text-align: center;
}
.flexslider .slides img {
  max-width: 100%;
  display: block;
  margin: 0 auto;
  height: auto;
  width: auto;
}
.flexslider .descr {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 10px;
  background: rgba(100, 100, 100, 0.5);
  color: #fff;
  text-align: left;
}
.flexslider .descr h3 {
  text-align: left;
}
.flexslider .descr .text p:last-child {
  margin-bottom: 0;
}
.flex-container {
  position: relative;
}
/* Clearfix for the .slides element */
.slides:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
html[xmlns] .slides {
  display: block;
}
* html .slides {
  height: 1%;
}
.nobreak {
  -webkit-column-break-inside: avoid;
  -moz-column-break-inside: avoid;
  -o-column-break-inside: avoid;
  -ms-column-break-inside: avoid;
  display: table;
}
/* ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## */
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11 {
  float: left;
}
.col-1 {
  width: 8.333333333333332%;
}
.col-2 {
  width: 16.666666666666664%;
}
.col-3 {
  width: 25%;
}
.col-4 {
  width: 33.33333333333333%;
}
.col-5 {
  width: 41.66666666666667%;
}
.col-6 {
  width: 50%;
}
.col-7 {
  width: 58.333333333333336%;
}
.col-8 {
  width: 66.66666666666666%;
}
.col-9 {
  width: 75%;
}
.col-10 {
  width: 83.33333333333334%;
}
.col-11 {
  width: 91.66666666666666%;
}
.col-12 {
  width: 100%;
}
.col-2i5 {
  width: 20%;
  float: left;
}
.col-2i6 {
  width: 20%;
  float: left;
}
/* ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## */
body {
  overflow-x: hidden;
}
.center-align {
  width: 980px;
  margin: 0 auto;
}
a {
  color: #333333;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
a:hover {
  color: #898989;
}
p {
  color: #4d4d4d;
  text-align: center;
  line-height: 26px;
  font-size: 16px;
}
#page-hide {
  display: none;
}
#page-loading {
  width: 240px;
  height: 32px;
  top: 50%;
  margin-top: -16px;
  left: 50%;
  margin-left: -120px;
  position: fixed;
}
#page-loading #fountainTextG {
  width: 239px;
}
#page-loading .fountainTextG {
  color: #DDE163;
  font-family: Lora;
  font-size: 25px;
  text-decoration: none;
  font-weight: bold;
  font-style: normal;
  float: left;
  -moz-animation-name: bounce_fountainTextG;
  -moz-animation-duration: 2.47s;
  -moz-animation-iteration-count: infinite;
  -moz-animation-direction: linear;
  -moz-transform: scale(0.5);
  -webkit-animation-name: bounce_fountainTextG;
  -webkit-animation-duration: 2.47s;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-direction: linear;
  -webkit-transform: scale(0.5);
  -ms-animation-name: bounce_fountainTextG;
  -ms-animation-duration: 2.47s;
  -ms-animation-iteration-count: infinite;
  -ms-animation-direction: linear;
  -ms-transform: scale(0.5);
  -o-animation-name: bounce_fountainTextG;
  -o-animation-duration: 2.47s;
  -o-animation-iteration-count: infinite;
  -o-animation-direction: linear;
  -o-transform: scale(0.5);
  animation-name: bounce_fountainTextG;
  animation-duration: 2.47s;
  animation-iteration-count: infinite;
  animation-direction: linear;
  transform: scale(0.5);
}
#page-loading #fountainTextG_1 {
  -moz-animation-delay: 0.52s;
  -webkit-animation-delay: 0.52s;
  -ms-animation-delay: 0.52s;
  -o-animation-delay: 0.52s;
  animation-delay: 0.52s;
}
#page-loading #fountainTextG_2 {
  -moz-animation-delay: 0.65s;
  -webkit-animation-delay: 0.65s;
  -ms-animation-delay: 0.65s;
  -o-animation-delay: 0.65s;
  animation-delay: 0.65s;
}
#page-loading #fountainTextG_3 {
  -moz-animation-delay: 0.78s;
  -webkit-animation-delay: 0.78s;
  -ms-animation-delay: 0.78s;
  -o-animation-delay: 0.78s;
  animation-delay: 0.78s;
}
#page-loading #fountainTextG_4 {
  -moz-animation-delay: 0.91s;
  -webkit-animation-delay: 0.91s;
  -ms-animation-delay: 0.91s;
  -o-animation-delay: 0.91s;
  animation-delay: 0.91s;
}
#page-loading #fountainTextG_5 {
  -moz-animation-delay: 1.04s;
  -webkit-animation-delay: 1.04s;
  -ms-animation-delay: 1.04s;
  -o-animation-delay: 1.04s;
  animation-delay: 1.04s;
}
#page-loading #fountainTextG_6 {
  -moz-animation-delay: 1.17s;
  -webkit-animation-delay: 1.17s;
  -ms-animation-delay: 1.17s;
  -o-animation-delay: 1.17s;
  animation-delay: 1.17s;
}
#page-loading #fountainTextG_7 {
  -moz-animation-delay: 1.3s;
  -webkit-animation-delay: 1.3s;
  -ms-animation-delay: 1.3s;
  -o-animation-delay: 1.3s;
  animation-delay: 1.3s;
}
#page-loading #fountainTextG_8 {
  -moz-animation-delay: 1.43s;
  -webkit-animation-delay: 1.43s;
  -ms-animation-delay: 1.43s;
  -o-animation-delay: 1.43s;
  animation-delay: 1.43s;
}
#page-loading #fountainTextG_9 {
  -moz-animation-delay: 1.56s;
  -webkit-animation-delay: 1.56s;
  -ms-animation-delay: 1.56s;
  -o-animation-delay: 1.56s;
  animation-delay: 1.56s;
}
#page-loading #fountainTextG_10 {
  -moz-animation-delay: 1.69s;
  -webkit-animation-delay: 1.69s;
  -ms-animation-delay: 1.69s;
  -o-animation-delay: 1.69s;
  animation-delay: 1.69s;
}
#page-loading #fountainTextG_11 {
  -moz-animation-delay: 1.82s;
  -webkit-animation-delay: 1.82s;
  -ms-animation-delay: 1.82s;
  -o-animation-delay: 1.82s;
  animation-delay: 1.82s;
}
#page-loading #fountainTextG_12 {
  -moz-animation-delay: 1.95s;
  -webkit-animation-delay: 1.95s;
  -ms-animation-delay: 1.95s;
  -o-animation-delay: 1.95s;
  animation-delay: 1.95s;
}
#page-loading #fountainTextG_13 {
  -moz-animation-delay: 2.08s;
  -webkit-animation-delay: 2.08s;
  -ms-animation-delay: 2.08s;
  -o-animation-delay: 2.08s;
  animation-delay: 2.08s;
}
#page-loading #fountainTextG_14 {
  -moz-animation-delay: 2.21s;
  -webkit-animation-delay: 2.21s;
  -ms-animation-delay: 2.21s;
  -o-animation-delay: 2.21s;
  animation-delay: 2.21s;
}
#page-loading #fountainTextG_15 {
  -moz-animation-delay: 2.34s;
  -webkit-animation-delay: 2.34s;
  -ms-animation-delay: 2.34s;
  -o-animation-delay: 2.34s;
  animation-delay: 2.34s;
}
@-moz-keyframes bounce_fountainTextG {
  0% {
    -moz-transform: scale(1);
    color: #DDE163;
  }
  100% {
    -moz-transform: scale(0.5);
    color: #FFFFFF;
  }
}
@-webkit-keyframes bounce_fountainTextG {
  0% {
    -webkit-transform: scale(1);
    color: #DDE163;
  }
  100% {
    -webkit-transform: scale(0.5);
    color: #FFFFFF;
  }
}
@-ms-keyframes bounce_fountainTextG {
  0% {
    -ms-transform: scale(1);
    color: #DDE163;
  }
  100% {
    -ms-transform: scale(0.5);
    color: #FFFFFF;
  }
}
@-o-keyframes bounce_fountainTextG {
  0% {
    -o-transform: scale(1);
    color: #DDE163;
  }
  100% {
    -o-transform: scale(0.5);
    color: #FFFFFF;
  }
}
@keyframes bounce_fountainTextG {
  0% {
    transform: scale(1);
    color: #DDE163;
  }
  100% {
    transform: scale(0.5);
    color: #FFFFFF;
  }
}
/* Home Header
/* ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## */
#home-slider {
  width: 100%;
  position: relative;
}
#home-slider .slides {
  overflow: hidden;
}
#home-slider .slides li.bannerslider {
  display: none;
  width: 100%;
  position: relative;
}
#home-slider .slides li.bannerslider img {
  max-width: 100%;
  height: auto;
}
#home-slider .slides li.bannerslider .caption {
  visibility: hidden;
  position: absolute;
  font-size: 44px;
  text-transform: uppercase;
  text-align: center;
  color: #dde261;
  width: 100%;
  top: 40%;
  z-index: 2;
  text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.4);
  font-weight: 700;
}
#home-slider .slides li.bannerslider .text {
  visibility: hidden;
  position: absolute;
  z-index: 2;
  font-size: 28px;
  text-transform: uppercase;
  text-align: center;
  width: 100%;
  top: 40%;
  margin-top: 55px;
  color: #fff;
}
#home-slider .slides li.bannerslider .href {
  visibility: hidden;
  position: absolute;
  z-index: 2;
  width: 100%;
  top: 40%;
  margin-top: 105px;
  text-align: center;
}
#home-slider .slides li.bannerslider .href a {
  margin: 0 auto;
  width: 180px;
  height: 45px;
  line-height: 45px;
  text-align: center;
  display: block;
  font-size: 20px;
  text-transform: uppercase;
  color: #333;
  background: #dce163;
  position: relative;
  outline: 1px solid #333;
  outline-offset: -4px;
}
#home-slider .slides li.bannerslider .href a:hover {
  background: #61d5e2;
}
#home-slider .slides li.bannerslider .mask {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  bottom: 0;
  background: #000;
  opacity: 0.3;
  z-index: 1;
}
#home-slider .slides li.backgroundslider {
  display: none;
  width: 100%;
  height: 845px;
  background-position: 50% 0;
  background-attachment: fixed;
  background-repeat: no-repeat;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  position: relative;
}
#home-slider .slides li.backgroundslider .caption {
  visibility: hidden;
  position: absolute;
  font-size: 44px;
  text-transform: uppercase;
  text-align: center;
  color: #dde261;
  width: 100%;
  top: 300px;
  z-index: 2;
  text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.4);
  font-weight: 700;
}
#home-slider .slides li.backgroundslider .text {
  visibility: hidden;
  position: absolute;
  z-index: 2;
  font-size: 28px;
  text-transform: uppercase;
  text-align: center;
  width: 100%;
  top: 352px;
  color: #fff;
}
#home-slider .slides li.backgroundslider .href {
  visibility: hidden;
  position: absolute;
  z-index: 2;
  width: 100%;
  top: 415px;
  text-align: center;
}
#home-slider .slides li.backgroundslider .href a {
  margin: 0 auto;
  width: 180px;
  height: 45px;
  line-height: 45px;
  text-align: center;
  display: block;
  font-size: 20px;
  text-transform: uppercase;
  color: #333;
  background: #dce163;
  position: relative;
  outline: 1px solid #333;
  outline-offset: -4px;
}
#home-slider .slides li.backgroundslider .href a:hover {
  background: #61d5e2;
}
#home-slider .slides li.backgroundslider .mask {
  position: absolute;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0.3;
  z-index: 1;
}
#home-slider .flex-direction-nav a {
  z-index: 2;
  width: 50px;
  height: 50px;
  display: block;
  position: absolute;
  top: 50%;
  margin-top: -25px;
  cursor: pointer;
  border: 3px solid #dde261;
  -webkit-border-top-right-radius: 50%;
  -webkit-border-bottom-right-radius: 50%;
  -webkit-border-bottom-left-radius: 50%;
  -webkit-border-top-left-radius: 50%;
  -moz-border-radius-topright: 50%;
  -moz-border-radius-bottomright: 50%;
  -moz-border-radius-bottomleft: 50%;
  -moz-border-radius-topleft: 50%;
  border-top-right-radius: 50%;
  border-bottom-right-radius: 50%;
  border-bottom-left-radius: 50%;
  border-top-left-radius: 50%;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
#home-slider .flex-direction-nav a.flex-prev {
  left: 50px;
  background: url("images/left.png") no-repeat center;
}
#home-slider .flex-direction-nav a.flex-prev:hover {
  border: 3px solid #fff;
  background: url("images/left-w.png") no-repeat center;
}
#home-slider .flex-direction-nav a.flex-next {
  right: 50px;
  background: url("images/right.png") no-repeat center;
}
#home-slider .flex-direction-nav a.flex-next:hover {
  border: 3px solid #fff;
  background: url("images/right-w.png") no-repeat center;
}
/* Menu
/* ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## */
#menu-wrap {
  background: url("images/background.jpg") repeat;
  height: 130px;
  position: relative;
}
#menu-wrap-bottom {
  height: 100px;
  position: relative;
  background: url("images/background.jpg") repeat;
}
#menu-wrap-bottom .is-page {
  text-align: right;
  padding-top: 20px;
  right: 0;
  top: 40%;
  font-size: 14px;
}
#menu-wrap-bottom .is-page a {
  color: #61d5e2;
}
#menu-wrap-bottom .is-page a:hover {
  -moz-opacity: 0.5;
  -khtml-opacity: 0.5;
  -webkit-opacity: 0.5;
  opacity: 0.5;
}
#menu-wrap-bottom .balls {
  height: 63px;
  width: 100%;
  position: absolute;
  bottom: 0;
  background: url("images/balls.png") repeat-x;
}
#main-menu {
  width: 100%;
  height: 66px;
  position: absolute;
  bottom: 0;
  background: rgba(97, 213, 226, 0.7);
  z-index: 9999 !important;
}
#main-menu .logo {
  width: 147px;
  height: 147px;
  margin-top: -40px;
  float: left;
}
#main-menu .logo a.alelogo {
  text-indent: -9999px;
  background: url('images/logo.png');
}
#main-menu .logo a.mobalelogo,
#main-menu .logo a.mobcustomlogo {
  display: none;
}
#main-menu .logo a.customlogo img {
  max-width: 147px;
  max-height: 147px;
}
#main-menu .logo a {
  display: block;
  height: 100%;
  width: 100%;
}
#main-menu .center-align > ul {
  float: right;
}
#main-menu .center-align > ul li {
  font-size: 20px;
  height: 66px;
  line-height: 66px;
  text-transform: uppercase;
  text-align: center;
  float: left;
  padding: 0 12px;
  position: relative;
}
#main-menu .center-align > ul li span {
  display: none;
}
#main-menu .center-align > ul li.current-menu-item {
  height: 62px;
  border-bottom: 4px solid #dde261;
}
#main-menu .center-align > ul li.current-menu-item > a {
  color: #fff;
}
#main-menu .center-align > ul li.current-menu-item:after {
  content: "";
  display: block;
  margin: 0 auto;
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 0 8px 8px 8px;
  border-color: transparent transparent #dde261 transparent;
  margin-top: -8px;
}
#main-menu .center-align > ul li:hover > a {
  color: #fff;
}
#main-menu .center-align > ul li:hover > ul {
  visibility: visible;
  opacity: 1;
}
#main-menu .center-align > ul li > a {
  display: block;
  width: 100%;
  height: 100%;
}
#main-menu .center-align > ul li ul {
  background: #333;
  position: absolute;
  padding: 0 15px;
  top: 66px;
  left: 0;
  padding: 0;
  width: 180px;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
  -webkit-transition: opacity 0.1s ease;
  -moz-transition: opacity 0.1s ease;
  -ms-transition: opacity 0.1s ease;
  -o-transition: opacity 0.1s ease;
  transition: opacity 0.1s ease;
}
#main-menu .center-align > ul li ul ul {
  left: 100%;
  top: 0;
}
#main-menu .center-align > ul li ul li.current-menu-item {
  height: auto;
  border: none;
}
#main-menu .center-align > ul li ul li.current-menu-item:after {
  display: none;
}
#main-menu .center-align > ul li ul li {
  font-size: 14px;
  width: 100%;
  height: 40px;
  padding: 0;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  background-image: url("images/dropmenu.png");
  background-repeat: no-repeat;
  background-position: 93% 50%;
}
#main-menu .center-align > ul li ul li a {
  height: 40px;
  line-height: 40px;
  padding: 0 15px;
  text-align: left;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  color: #fff;
}
#main-menu .center-align > ul li ul li:hover {
  background-color: #61d5e2;
  color: #333;
}
#main-menu .menu-click-drop {
  display: none;
}
/* All Same Captions
/* ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## */
section .caption {
  text-transform: uppercase;
  text-align: center;
  position: relative;
}
section .caption > span.cap {
  color: #9c9b9b;
  font-weight: 700;
  font-size: 44px;
}
section .caption span {
  font-family: 'Consolas';
  font-weight: normal;
  font-size: 66px;
  color: #61d5e2;
}
section .caption .line {
  position: absolute;
  top: 45px;
  width: 28%;
  height: 1px;
  background-color: #e0e0e0;
}
section .caption .line.left {
  left: 0;
}
section .caption .line.right {
  right: 0;
}
section .caption .line.small {
  width: 20%;
}
section .caption .line.large {
  width: 37%;
}
/* Our Service
/* ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## */
section.our-service {
  width: 100%;
  margin-top: 100px;
}
section.our-service.service {
  margin-top: 40px;
}
section.our-service .text {
  margin-top: 35px;
  width: inherit;
  text-align: center;
}
section.our-service .text p {
  padding: 0 12px;
  margin-bottom: 25px;
}
section.our-service .text a {
  color: #61d5e2;
  font-style: italic;
  font-size: 14px;
}
section.our-service .text a:hover {
  -moz-opacity: 0.5;
  -khtml-opacity: 0.5;
  -webkit-opacity: 0.5;
  opacity: 0.5;
}
section.our-service .icons {
  margin-top: 80px;
}
section.our-service .icons .icon {
  visibility: hidden;
  display: block;
  margin: 0 auto;
  width: 172px;
  height: 172px;
  border: 1px solid #61d5e2;
  -webkit-border-top-right-radius: 50%;
  -webkit-border-bottom-right-radius: 50%;
  -webkit-border-bottom-left-radius: 50%;
  -webkit-border-top-left-radius: 50%;
  -moz-border-radius-topright: 50%;
  -moz-border-radius-bottomright: 50%;
  -moz-border-radius-bottomleft: 50%;
  -moz-border-radius-topleft: 50%;
  border-top-right-radius: 50%;
  border-bottom-right-radius: 50%;
  border-bottom-left-radius: 50%;
  border-top-left-radius: 50%;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  position: relative;
  -webkit-transition: all 0.1s ease;
  -moz-transition: all 0.1s ease;
  -ms-transition: all 0.1s ease;
  -o-transition: all 0.1s ease;
  transition: all 0.1s ease;
}
section.our-service .icons .icon:hover {
  border: 1px solid #fff;
}
section.our-service .icons .ic1,
section.our-service .icons .ic2,
section.our-service .icons .ic3,
section.our-service .icons .ic4 {
  position: relative;
  width: 164px;
  height: 164px;
  left: 4px;
  top: 4px;
  background-repeat: no-repeat;
  background-position: center;
  -webkit-border-top-right-radius: 50%;
  -webkit-border-bottom-right-radius: 50%;
  -webkit-border-bottom-left-radius: 50%;
  -webkit-border-top-left-radius: 50%;
  -moz-border-radius-topright: 50%;
  -moz-border-radius-bottomright: 50%;
  -moz-border-radius-bottomleft: 50%;
  -moz-border-radius-topleft: 50%;
  border-top-right-radius: 50%;
  border-bottom-right-radius: 50%;
  border-bottom-left-radius: 50%;
  border-top-left-radius: 50%;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  background-color: #61d5e2;
}
section.our-service .icons .ic1:hover,
section.our-service .icons .ic2:hover,
section.our-service .icons .ic3:hover,
section.our-service .icons .ic4:hover {
  background-position: 50% 200px;
}
section.our-service .icons .ic1-w,
section.our-service .icons .ic2-w,
section.our-service .icons .ic3-w,
section.our-service .icons .ic4-w {
  position: absolute;
  width: 164px;
  height: 164px;
  background-repeat: no-repeat;
  background-position: 50% -200px;
  -webkit-border-top-right-radius: 50%;
  -webkit-border-bottom-right-radius: 50%;
  -webkit-border-bottom-left-radius: 50%;
  -webkit-border-top-left-radius: 50%;
  -moz-border-radius-topright: 50%;
  -moz-border-radius-bottomright: 50%;
  -moz-border-radius-bottomleft: 50%;
  -moz-border-radius-topleft: 50%;
  border-top-right-radius: 50%;
  border-bottom-right-radius: 50%;
  border-bottom-left-radius: 50%;
  border-top-left-radius: 50%;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
section.our-service .icons .ic1-w:hover,
section.our-service .icons .ic2-w:hover,
section.our-service .icons .ic3-w:hover,
section.our-service .icons .ic4-w:hover {
  background-position: 50% 50%;
}
section.our-service .icons .ic1 {
  background-image: url('images/services/icon1.png');
}
section.our-service .icons .ic1-w {
  background-image: url('images/services/icon1-w.png');
}
section.our-service .icons .ic2 {
  background-image: url('images/services/icon2.png');
}
section.our-service .icons .ic2-w {
  background-image: url('images/services/icon2-w.png');
}
section.our-service .icons .ic3 {
  background-image: url('images/services/icon3.png');
}
section.our-service .icons .ic3-w {
  background-image: url('images/services/icon3-w.png');
}
section.our-service .icons .ic4 {
  background-image: url('images/services/icon4.png');
}
section.our-service .icons .ic4-w {
  background-image: url('images/services/icon4-w.png');
}
section.our-service .icons .caption {
  font-size: 18px;
  text-transform: uppercase;
  text-align: center;
  margin-top: 28px;
}
section.our-service .icons .text {
  margin-top: 5px;
  width: 100%;
}
section.our-service .icons .text p {
  font-size: 14px;
  text-align: left;
  color: #333;
  padding-left: 20px;
  padding-right: 10px;
}
/* Service - Why Choose Use
/* ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## */
.why-choose-us {
  margin-top: 80px;
}
.why-choose-us .background {
  width: 100%;
  background: url("images/background.jpg") repeat;
  padding: 75px 0;
}
.why-choose-us .background .center-align {
  overflow: auto;
}
.why-choose-us .background .center-align > .col-6 {
  float: right;
}
.why-choose-us .caption p {
  font-size: 20px;
  text-transform: uppercase;
  text-align: left;
  color: #61d5e2;
}
.why-choose-us .caption p a {
  display: block;
  height: 25px;
  width: 25px;
  -webkit-border-top-right-radius: 50%;
  -webkit-border-bottom-right-radius: 50%;
  -webkit-border-bottom-left-radius: 50%;
  -webkit-border-top-left-radius: 50%;
  -moz-border-radius-topright: 50%;
  -moz-border-radius-bottomright: 50%;
  -moz-border-radius-bottomleft: 50%;
  -moz-border-radius-topleft: 50%;
  border-top-right-radius: 50%;
  border-bottom-right-radius: 50%;
  border-bottom-left-radius: 50%;
  border-top-left-radius: 50%;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  margin-left: 10px;
  float: right;
}
.why-choose-us .caption p a.disabled {
  -moz-opacity: 0.5;
  -khtml-opacity: 0.5;
  -webkit-opacity: 0.5;
  opacity: 0.5;
}
.why-choose-us .caption p a.left {
  background: #61d5e2 url("images/left-small.png") no-repeat center;
}
.why-choose-us .caption p a:hover.left {
  background: #dde263 url("images/left-small.png") no-repeat center;
}
.why-choose-us .caption p a:hover.disabled.left {
  background: #61d5e2 url("images/left-small.png") no-repeat center;
}
.why-choose-us .caption p a.right {
  background: #61d5e2 url("images/right-small.png") no-repeat center;
}
.why-choose-us .caption p a:hover.right {
  background: #dde263 url("images/right-small.png") no-repeat center;
}
.why-choose-us .caption p a:hover.disabled.right {
  background: #61d5e2 url("images/right-small.png") no-repeat center;
}
.why-choose-us #why-choose li {
  background-color: #fff;
  padding: 10px 15px;
  overflow: auto;
  margin-bottom: 20px;
  position: relative;
}
.why-choose-us #why-choose li .icon {
  position: absolute;
  left: 10px;
  top: 15px;
  width: 12px !important;
  height: 11px !important;
  background: url("images/plus.png") no-repeat center;
}
.why-choose-us #why-choose li .icon2 {
  position: absolute;
  left: 10px;
  top: 19px;
  width: 12px !important;
  height: 3px !important;
  background: url("images/minus.png") no-repeat center;
  display: none;
}
.why-choose-us #why-choose li a {
  font-size: 18px;
  color: #333;
  text-transform: uppercase;
  margin-left: 20px;
}
.why-choose-us #why-choose li .content {
  margin-top: 15px;
  text-align: left;
  color: #4d4d4d;
  display: none;
  margin-left: 20px;
  font-size: 14px;
}
.why-choose-us .col-5 {
  width: 45%;
}
.why-choose-us .col-6 {
  overflow: hidden;
}
.why-choose-us .news .scrollable {
  position: relative;
  overflow: hidden;
  height: 350px;
}
.why-choose-us .news .scrollable .items {
  width: 20000em;
  position: absolute;
}
.why-choose-us .news .items .item {
  width: 220px;
  float: left;
  margin-right: 50px;
}
.why-choose-us .news .items .item .caption {
  display: block;
  margin-top: 10px;
  font-size: 16px;
  color: #333333;
  text-transform: uppercase;
}
.why-choose-us .news .items .item .caption:hover {
  color: #61d5e2;
}
.why-choose-us .news .items .item span {
  font-size: 12px;
  text-transform: uppercase;
  color: #b6b6b6;
}
.why-choose-us .news .items .item p {
  margin-top: 10px;
  font-size: 14px;
  color: #4d4d4d;
  text-align: left;
}
.why-choose-us .news .items img {
  width: 100%;
  height: auto;
}
/* Our Process
/* ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## */
.our-process {
  width: 100%;
  margin-top: 40px;
}
.our-process .background {
  padding-top: 20px;
  padding-bottom: 60px;
  background: url("images/background.jpg") repeat;
}
.our-process .center-align {
  overflow: auto;
}
.our-process .chart {
  width: 80px;
  margin: 80px auto 0;
  position: relative;
}
.our-process .chart p {
  position: absolute;
  width: 100%;
  top: 35%;
  text-align: center;
  font-size: 30px;
  font-weight: 700;
  color: #333;
}
.our-process .caption {
  margin-top: 30px;
  font-size: 22px;
  color: #333;
  margin-bottom: 0;
}
.our-process .text p {
  margin-top: 5px;
  font-size: 14px;
  color: #4d4d4d;
  padding: 0 30px;
}
/* About Us
/* ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## */
section.about-us {
  width: 100%;
  margin-top: 90px;
  padding-top: 55px;
  padding-bottom: 100px;
  background: url("images/background.jpg") repeat;
}
section.about-us.about {
  margin-top: 0px;
  background: none!important;
  padding-top: 40px;
  padding-bottom: 0;
}
section.about-us .text {
  margin-top: 50px;
  text-align: center;
}
section.about-us .text span {
  text-transform: uppercase;
  color: #61d5e2;
  font-size: 24px;
}
section.about-us .text p {
  margin-top: 20px;
}
section.about-us .peoples {
  margin-top: 90px;
}
section.about-us .peoples .col-3 {
  text-align: center;
}
section.about-us .peoples .col-3 span {
  display: block;
  margin-top: 25px;
  color: #61d5e2;
  font-size: 20px;
}
section.about-us .peoples .col-3 p {
  font-size: 14px;
  color: #828584;
}
section.about-us .peoples .people {
  visibility: hidden;
  position: relative;
  display: block;
  margin: 0 auto;
  width: 190px;
  height: 190px;
  border: 10px solid #dde263;
  overflow: hidden;
  -webkit-border-top-right-radius: 50%;
  -webkit-border-bottom-right-radius: 50%;
  -webkit-border-bottom-left-radius: 50%;
  -webkit-border-top-left-radius: 50%;
  -moz-border-radius-topright: 50%;
  -moz-border-radius-bottomright: 50%;
  -moz-border-radius-bottomleft: 50%;
  -moz-border-radius-topleft: 50%;
  border-top-right-radius: 50%;
  border-bottom-right-radius: 50%;
  border-bottom-left-radius: 50%;
  border-top-left-radius: 50%;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
section.about-us .peoples .people img {
  width: 200px;
}
section.about-us .peoples .people .mask {
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: rgba(97, 213, 226, 0);
  -webkit-border-top-right-radius: 50%;
  -webkit-border-bottom-right-radius: 50%;
  -webkit-border-bottom-left-radius: 50%;
  -webkit-border-top-left-radius: 50%;
  -moz-border-radius-topright: 50%;
  -moz-border-radius-bottomright: 50%;
  -moz-border-radius-bottomleft: 50%;
  -moz-border-radius-topleft: 50%;
  border-top-right-radius: 50%;
  border-bottom-right-radius: 50%;
  border-bottom-left-radius: 50%;
  border-top-left-radius: 50%;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  margin: 0;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
section.about-us .peoples .people .mask p {
  text-align: center;
  padding: 220px 10px 0 10px;
  font-size: 14px;
  line-height: 18px;
  color: #fff;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
section.about-us .peoples .people:hover .mask {
  background-color: rgba(97, 213, 226, 0.8);
}
section.about-us .peoples .people:hover p {
  padding-top: 60px;
}
/* Our Skills
/* ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## */
.our-skills {
  width: 100%;
  margin-top: 120px;
}
.our-skills.about {
  background: url("images/background.jpg") repeat;
  margin-top: 100px;
  padding: 60px 0 40px 0;
}
.our-skills.service {
  margin-top: 90px;
}
.our-skills .prog-bars {
  margin-top: 50px;
  overflow: hidden;
}
.our-skills .prog-bars .col-6 {
  margin-bottom: 45px;
}
.our-skills .prog-bars .bar {
  margin: 0 auto;
  width: 84%;
  height: 39px;
  background: #e8e8e8;
  position: relative;
}
.our-skills .prog-bars .bar .progress {
  position: absolute;
  height: 100%;
  left: 0;
  background: #61d5e2;
  visibility: hidden;
}
.our-skills .prog-bars .bar span {
  position: absolute;
  font-size: 20px;
  text-transform: uppercase;
  color: #333333;
  padding: 8px 0 0 15px;
  z-index: 1;
}
/* Some Facts
/* ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## */
.some-facts {
  width: 100%;
  margin-top: 90px;
  height: 500px;
  text-align: center;
  background-image: url("http://placehold.it/1920x600");
  background-position: 50% 100%;
  background-attachment: fixed;
  background-repeat: no-repeat;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
.some-facts .pattern {
  position: absolute;
  width: 100%;
  height: 500px;
  background: rgba(33, 33, 33, 0.5) url("images/pattern.png") repeat;
}
.some-facts .content {
  position: absolute;
  width: 100%;
  height: 100%;
}
.some-facts .content span {
  display: block;
  padding-top: 100px;
  padding-bottom: 70px;
  font-size: 28px;
  color: #fff;
  text-transform: uppercase;
}
.some-facts .content .col-3 {
  position: relative;
}
.some-facts .content .chart {
  margin: 0 auto;
}
.some-facts .content .chart span {
  position: absolute;
  font-size: 60px;
  color: #61d5e2;
  top: 50px;
  width: 100%;
  text-align: center;
  padding: 0;
}
.some-facts .content p {
  margin-top: 15px;
  font-size: 18px;
  color: #fff;
}
/* Our Works == Portfolio1
/* ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## */
.our-works {
  width: 100%;
  margin-top: 120px;
}
.our-works.portfolio {
  margin-top: 40px;
}
.our-works .menu {
  margin-top: 50px;
  text-align: center;
}
.our-works .menu a {
  font-size: 22px;
  color: #333333;
  margin-right: 20px;
  text-transform: uppercase;
}
.our-works .menu a.active {
  color: #61d5e2;
  border-bottom: 1px solid #61d5e2;
}
.our-works .menu a:hover {
  color: #61d5e2;
  border-bottom: 1px solid #61d5e2;
}
.our-works .gallery {
  margin-top: 30px;
}
.our-works .gallery .element {
  float: left;
  display: block;
}
.our-works .gallery .col-3,
.our-works .gallery .col-6 {
  height: 245px;
  overflow: hidden;
  position: relative;
}
.our-works .gallery .col-3 span,
.our-works .gallery .col-6 span {
  display: block;
  font-weight: 700;
  position: absolute;
  top: 150%;
  left: 50%;
  text-align: center;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.our-works .gallery .col-3 img {
  height: 99%;
  width: 99%;
}
.our-works .gallery .col-3 .outlines {
  position: absolute;
  width: 99%;
  height: 99%;
  z-index: 1;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  outline: 1px solid #fff;
  outline-offset: -5px;
  opacity: 0;
}
.our-works .gallery .col-3 .outlines .triangle {
  position: absolute;
  right: 4px;
  bottom: 4px;
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 0 0 50px 50px;
  border-color: transparent transparent #dce163 transparent;
  opacity: 0;
}
.our-works .gallery .col-3 .outlines .triangle p {
  font-size: 45px;
  color: #fff;
  position: absolute;
  left: -27px;
  bottom: -93px;
}
.our-works .gallery .col-3 .mask {
  position: absolute;
  height: 99%;
  width: 99%;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.our-works .gallery .col-3 span {
  font-size: 20px;
  text-transform: uppercase;
  color: #fff;
  width: 90%;
  height: 50px;
  margin-top: -25px;
  margin-left: -45.5%;
}
.our-works .gallery .col-3 a:hover .mask {
  background: rgba(97, 213, 226, 0.65);
}
.our-works .gallery .col-3 a:hover span {
  top: 50%;
}
.our-works .gallery .col-3 a:hover .outlines {
  opacity: 1;
}
.our-works .gallery .col-3 a:hover .outlines .triangle {
  opacity: 1;
}
.our-works .gallery .col-6 img {
  height: 99%;
  width: 99.5%;
}
.our-works .gallery .col-6 .outlines {
  position: absolute;
  width: 99.5%;
  height: 99%;
  outline: 1px solid #fff;
  outline-offset: -5px;
  opacity: 0;
  z-index: 1;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.our-works .gallery .col-6 .outlines .triangle {
  position: absolute;
  right: 4px;
  bottom: 4px;
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 0 0 50px 50px;
  border-color: transparent transparent #61d5e2 transparent;
  opacity: 0;
}
.our-works .gallery .col-6 .outlines .triangle p {
  font-size: 45px;
  color: #fff;
  position: absolute;
  left: -27px;
  bottom: -93px;
}
.our-works .gallery .col-6 .mask {
  position: absolute;
  height: 99%;
  width: 99.5%;
}
.our-works .gallery .col-6 span {
  font-size: 28px;
  text-transform: uppercase;
  color: #fff;
  width: 90%;
  height: 30px;
  margin-top: -15px;
  margin-left: -45.5%;
}
.our-works .gallery .col-6 a:hover .mask {
  background: rgba(220, 225, 99, 0.65);
}
.our-works .gallery .col-6 a:hover span {
  top: 50%;
}
.our-works .gallery .col-6 a:hover .outlines {
  opacity: 1;
}
.our-works .gallery .col-6 a:hover .outlines .triangle {
  opacity: 1;
}
.our-works .view {
  text-align: center;
  margin-top: 40px;
}
.our-works .view a {
  width: 120px;
  color: #61d5e2;
  font-style: italic;
  font-size: 14px;
}
.our-works .view a:hover {
  -moz-opacity: 0.5;
  -khtml-opacity: 0.5;
  -webkit-opacity: 0.5;
  opacity: 0.5;
}
.our-works .load {
  margin-top: 55px;
}
.our-works .load a {
  margin: 0 auto;
  width: 180px;
  height: 45px;
  line-height: 45px;
  text-align: center;
  display: block;
  font-size: 20px;
  text-transform: uppercase;
  color: #fff;
  background: #dce163;
  position: relative;
  outline: 1px solid #fff;
  outline-offset: -4px;
}
.our-works .load a:hover {
  background: #61d5e2;
}
/* Portfolio 2
/* ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## */
section.portfolio2 {
  width: 100%;
  margin-top: 40px;
}
section.portfolio2 .menu {
  margin: 75px auto 0;
  overflow: auto;
  text-align: center;
}
section.portfolio2 .menu a {
  display: inline-block;
  line-height: 35px;
  height: 35px;
  font-size: 14px;
  text-transform: uppercase;
  color: #fff;
  background-color: #dde263;
  padding: 0 15px;
  margin: 0 5px;
}
section.portfolio2 .menu a:hover,
section.portfolio2 .menu a.active {
  background-color: #61d5e2;
}
section.portfolio2 .gallery {
  margin-top: 30px;
  overflow: auto;
}
section.portfolio2 .gallery .col-2i5 {
  position: relative;
  overflow: hidden;
}
section.portfolio2 .gallery .col-2i5 a .mask {
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  background: rgba(97, 213, 226, 0.4);
  opacity: 0;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
section.portfolio2 .gallery .col-2i5 a .outlines {
  position: absolute;
  width: 100%;
  height: 100%;
  outline: 1px solid #fff;
  outline-offset: 5px;
  z-index: 1;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
section.portfolio2 .gallery .col-2i5 a .icon {
  position: absolute;
  width: 40px;
  height: 40px;
  margin-left: -20px;
  left: 50%;
  top: -100px;
  background: url("images/circ-plus.png") no-repeat center;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  z-index: 2;
}
section.portfolio2 .gallery .col-2i5 a p {
  font-size: 20px;
  color: #fff;
  position: absolute;
  text-transform: uppercase;
  bottom: -80px;
  width: 100%;
  font-weight: 700;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  z-index: 2;
}
section.portfolio2 .gallery .col-2i5 a:hover .mask {
  opacity: 1;
}
section.portfolio2 .gallery .col-2i5 a:hover .outlines {
  outline-offset: -5px;
}
section.portfolio2 .gallery .col-2i5 a:hover .icon {
  top: 100px;
}
section.portfolio2 .gallery .col-2i5 a:hover p {
  bottom: 90px;
}
section.portfolio2 .gallery .col-2i5 img {
  width: 100%;
  height: auto;
}
section.portfolio2 .load {
  margin-top: 55px;
}
section.portfolio2 .load a {
  margin: 0 auto;
  width: 180px;
  height: 45px;
  line-height: 45px;
  text-align: center;
  display: block;
  font-size: 20px;
  text-transform: uppercase;
  color: #fff;
  background: #dce163;
  position: relative;
  outline: 1px solid #fff;
  outline-offset: -4px;
}
section.portfolio2 .load a:hover {
  background: #61d5e2;
}
/* Portfolio 3
/* ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## */
section.portfolio3 {
  margin-top: 40px;
}
section.portfolio3 .head-line {
  margin-top: 70px;
  height: 45px;
}
section.portfolio3 .head-line > span {
  margin-top: 15px;
  float: left;
  text-transform: uppercase;
  color: #333;
  font-size: 20px;
}
section.portfolio3 .head-line .filter {
  float: right;
  position: relative;
  width: 180px;
  z-index: 5;
}
section.portfolio3 .head-line .filter > a {
  height: 45px;
  line-height: 45px;
  width: 92%;
  display: block;
  text-align: left;
  padding-left: 15px;
  background: #dde263;
  outline: 1px solid #fff;
  outline-offset: -4px;
  font-size: 20px;
  text-transform: uppercase;
  color: #fff;
  position: relative;
}
section.portfolio3 .head-line .filter > a .tria {
  position: absolute;
  width: 9px;
  height: 5px;
  background: url("images/triangle.png");
  right: 20px;
  top: 20px;
}
section.portfolio3 .head-line .filter ul {
  position: absolute;
  top: 45px;
  width: 100% !important;
  display: none;
}
section.portfolio3 .head-line .filter ul li {
  width: 100%;
  line-height: 35px;
  height: 35px;
  font-size: 15px;
  text-transform: uppercase;
  color: #fff;
  background: rgba(220, 225, 99, 0.9);
}
section.portfolio3 .head-line .filter ul li a {
  padding-left: 15px;
  display: block;
}
section.portfolio3 .head-line .filter ul li a:hover {
  color: #ffffff;
  background: #dce163;
}
section.portfolio3 .gallery {
  overflow: auto;
  margin-right: -3%;
  margin-top: 25px;
}
section.portfolio3 .gallery .col-4 {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  /*Firefox 1-3*/

  -webkit-box-sizing: border-box;
  margin-bottom: 55px;
  width: 30.3%;
  margin-right: 3%;
  /*&:nth-child(3n+1){
        padding-right: 2%;
      }
      &:nth-child(3n+2){
        padding-left: 1%;
        padding-right: 1%;
      }
      &:nth-child(3n+3){
        padding-left: 2%;
      }*/

}
section.portfolio3 .gallery img {
  width: 100%;
  height: auto;
}
section.portfolio3 .gallery a {
  display: block;
  position: relative;
  overflow: hidden;
}
section.portfolio3 .gallery a .mask {
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  background: rgba(97, 213, 226, 0.4);
  opacity: 0;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
section.portfolio3 .gallery a .outlines {
  position: absolute;
  width: 100%;
  height: 100%;
  outline: 1px solid #fff;
  outline-offset: 5px;
  z-index: 1;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
section.portfolio3 .gallery a .icon {
  position: absolute;
  width: 40px;
  height: 40px;
  margin-left: -20px;
  left: 50%;
  top: -100px;
  background: url("images/circ-plus.png") no-repeat center;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  z-index: 2;
}
section.portfolio3 .gallery a p {
  font-size: 20px;
  color: #fff;
  position: absolute;
  text-transform: uppercase;
  bottom: -80px;
  width: 100%;
  font-weight: 700;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  z-index: 2;
}
section.portfolio3 .gallery a:hover .mask {
  opacity: 1;
}
section.portfolio3 .gallery a:hover .outlines {
  outline-offset: -5px;
}
section.portfolio3 .gallery a:hover .icon {
  top: 90px;
}
section.portfolio3 .gallery a:hover p {
  bottom: 80px;
}
section.portfolio3 .gallery .info {
  background: url("images/background.jpg") repeat;
  padding: 10px;
}
section.portfolio3 .gallery .info .caption {
  text-align: left;
  font-size: 20px;
  color: #333;
  text-transform: uppercase;
  margin-bottom: 0;
}
section.portfolio3 .gallery .info .category {
  text-align: left;
  font-size: 14px;
  color: #878787;
  margin-bottom: 0;
}
section.portfolio3 .pagination {
  width: 100%;
  height: 35px;
  overflow: auto;
  text-align: center;
}
section.portfolio3 .pagination a {
  display: inline-block;
  width: 35px;
  height: 35px;
  background: #dde263;
  line-height: 35px;
  margin: 0 5px;
  outline: 1px solid #fff;
  outline-offset: -3px;
  font-size: 20px;
  color: #fff;
}
section.portfolio3 .pagination a:hover,
section.portfolio3 .pagination a.active {
  background: #61d5e2;
}
section.portfolio3 .pagination span.current {
  display: inline-block;
  width: 35px;
  height: 35px;
  background: #61d5e2;
  line-height: 35px;
  margin: 0 5px;
  outline: 1px solid #fff;
  outline-offset: -3px;
  font-size: 20px;
  color: #fff;
}
/* Portfolio Opened
/* ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## */
section.portfolio {
  margin-top: 40px;
}
section.portfolio .head-line {
  margin-top: 70px;
  height: 35px;
}
section.portfolio .head-line span {
  font-size: 20px;
  text-transform: uppercase;
  color: #333;
  float: left;
}
section.portfolio .head-line ul {
  float: right;
}
section.portfolio .head-line ul li {
  width: 35px;
  height: 35px;
  float: right;
  margin-left: 8px;
  -webkit-border-top-right-radius: 50%;
  -webkit-border-bottom-right-radius: 50%;
  -webkit-border-bottom-left-radius: 50%;
  -webkit-border-top-left-radius: 50%;
  -moz-border-radius-topright: 50%;
  -moz-border-radius-bottomright: 50%;
  -moz-border-radius-bottomleft: 50%;
  -moz-border-radius-topleft: 50%;
  border-top-right-radius: 50%;
  border-bottom-right-radius: 50%;
  border-bottom-left-radius: 50%;
  border-top-left-radius: 50%;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
section.portfolio .head-line ul li a {
  -webkit-border-top-right-radius: 50%;
  -webkit-border-bottom-right-radius: 50%;
  -webkit-border-bottom-left-radius: 50%;
  -webkit-border-top-left-radius: 50%;
  -moz-border-radius-topright: 50%;
  -moz-border-radius-bottomright: 50%;
  -moz-border-radius-bottomleft: 50%;
  -moz-border-radius-topleft: 50%;
  border-top-right-radius: 50%;
  border-bottom-right-radius: 50%;
  border-bottom-left-radius: 50%;
  border-top-left-radius: 50%;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  display: block;
  width: 100%;
  height: 100%;
}
section.portfolio .head-line ul .left {
  background: #61d5e2 url("images/left-small.png") no-repeat center;
}
section.portfolio .head-line ul .left:hover {
  background: #dde263 url("images/left-small.png") no-repeat center;
}
section.portfolio .head-line ul .center {
  background: #9c9b9b url("images/cubs.png") no-repeat center;
}
section.portfolio .head-line ul .right {
  background: #61d5e2 url("images/right-small.png") no-repeat center;
}
section.portfolio .head-line ul .right:hover {
  background: #dde263 url("images/right-small.png") no-repeat center;
}
section.portfolio .scrollable {
  margin-top: 30px;
  position: relative;
  width: 100%;
  height: 590px;
}
section.portfolio .scrollable > a {
  position: absolute;
  top: 50%;
  margin-top: -25px;
  width: 50px;
  height: 50px;
  z-index: 1;
  -webkit-border-top-right-radius: 50%;
  -webkit-border-bottom-right-radius: 50%;
  -webkit-border-bottom-left-radius: 50%;
  -webkit-border-top-left-radius: 50%;
  -moz-border-radius-topright: 50%;
  -moz-border-radius-bottomright: 50%;
  -moz-border-radius-bottomleft: 50%;
  -moz-border-radius-topleft: 50%;
  border-top-right-radius: 50%;
  border-bottom-right-radius: 50%;
  border-bottom-left-radius: 50%;
  border-top-left-radius: 50%;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
section.portfolio .scrollable .prev {
  left: 25px;
  background: #61d5e2 url("images/left-w.png") no-repeat center;
}
section.portfolio .scrollable .prev:hover {
  background: #dde263 url("images/left-w.png") no-repeat center;
}
section.portfolio .scrollable .prev.disabled {
  background: #61d5e2 url("images/left-w.png") no-repeat center;
  opacity: 0.5;
}
section.portfolio .scrollable .next {
  right: 25px;
  background: #61d5e2 url("images/right-w.png") no-repeat center;
}
section.portfolio .scrollable .next:hover {
  background: #dde263 url("images/right-w.png") no-repeat center;
}
section.portfolio .scrollable .next.disabled {
  background: #61d5e2 url("images/right-w.png") no-repeat center;
  opacity: 0.5;
}
section.portfolio .scrollable .items {
  width: 20000em;
  height: 590px;
  overflow: hidden;
  position: absolute;
}
section.portfolio .items div {
  float: left;
  position: relative;
}
section.portfolio .items div .mask {
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  background: rgba(97, 213, 226, 0.5);
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
section.portfolio .items div img {
  max-width: 100%;
  width: auto;
  height: auto;
  max-height: 100%;
}
section.portfolio .description {
  overflow: auto;
}
section.portfolio .description .caption {
  font-size: 20px;
  text-transform: uppercase;
  color: #333;
  text-align: left;
  margin: 25px 0;
}
section.portfolio .description .text {
  padding-right: 50px;
}
section.portfolio .description .text p {
  text-align: left;
  color: #494949;
}
section.portfolio .description .info {
  margin-bottom: 10px;
  font-size: 12px;
  color: #868686;
}
section.portfolio .description .info strong {
  font-size: 15px;
  color: #333;
}
section.portfolio .description .open {
  margin-top: 20px;
  width: 170px;
  height: 45px;
  line-height: 45px;
  text-align: center;
  display: block;
  font-size: 16px;
  text-transform: uppercase;
  color: #fff;
  background: #dce163;
  position: relative;
  outline: 1px solid #fff;
  outline-offset: -4px;
}
section.portfolio .description .open:hover {
  background: #61d5e2;
}
/* Related Projects
/* ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## */
.rel-projects {
  margin-top: 40px;
}
.rel-projects .background {
  padding: 35px 0 70px 0;
  background: url("images/background.jpg") repeat;
}
.rel-projects .projects {
  margin-top: 80px;
  overflow: auto;
}
.rel-projects .projects .col-3 {
  padding: 0 13px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  /*Firefox 1-3*/

  -webkit-box-sizing: border-box;
  overflow: hidden;
}
.rel-projects .projects .col-3 .info {
  display: block;
  height: 50px;
  font-size: 16px;
  color: #fff;
  text-align: center;
  line-height: 50px;
  background: #9c9b9b;
  text-transform: uppercase;
}
.rel-projects .projects .col-3 .info:hover {
  color: #61d5e2;
}
.rel-projects .projects .col-3 img {
  width: 100%;
  height: auto;
}
/* Blog 1 + 2 + 3
/* ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## */
section.blog {
  margin-top: 40px;
  /* Blog 1
  /* ## ## ## ## */

  /* Blog 2
  /* ## ## ## ## */

  /* Blog Opened
  /* ## ## ## ## */

}
section.blog .time-line {
  background: url("images/background.jpg") repeat;
  margin-top: 40px;
  padding: 60px 0;
  width: 100%;
}
section.blog .time-line .center-align {
  width: 750px;
  margin: 0 auto;
  height: 75px;
  overflow: auto;
}
section.blog .time-line .center-align .col-2i6 {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  padding: 0 35px;
  z-index: 2;
}
section.blog .time-line .center-align .col-2i6 a {
  z-index: 800;
  display: block;
  -webkit-border-top-right-radius: 50%;
  -webkit-border-bottom-right-radius: 50%;
  -webkit-border-bottom-left-radius: 50%;
  -webkit-border-top-left-radius: 50%;
  -moz-border-radius-topright: 50%;
  -moz-border-radius-bottomright: 50%;
  -moz-border-radius-bottomleft: 50%;
  -moz-border-radius-topleft: 50%;
  border-top-right-radius: 50%;
  border-bottom-right-radius: 50%;
  border-bottom-left-radius: 50%;
  border-top-left-radius: 50%;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  width: 75px;
  height: 75px;
  font-size: 18px;
  color: #fff;
  line-height: 75px;
  background: #9c9b9b;
  text-align: center;
}
section.blog .time-line .center-align .col-2i6 a:hover,
section.blog .time-line .center-align .col-2i6 a.active {
  background: #61d5e2;
}
section.blog .time-line .center-align .back-line {
  margin: 36px auto 0;
  height: 5px;
  width: 600px;
  background: #dde263;
  z-index: 1;
}
section.blog .center-align.main {
  overflow: auto;
  margin-top: 80px;
}
section.blog .center-align.main > .col-8 {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
section.blog .center-align.main > .col-4 {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  border: 1px solid #ededed;
  padding: 27px 18px;
  text-align: center;
}
section.blog .right-side span.widgettitle {
  text-align: center;
  font-size: 20px;
  color: #333;
  text-transform: uppercase;
  margin-bottom: 10px;
  display: block;
}
section.blog .right-side .widget:last-child {
  margin-bottom: 0;
}
section.blog .right-side .widget {
  margin: 0px 0 50px 0;
}
section.blog .right-side .widget_search input.searchinput {
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  height: 40px;
  margin-bottom: 5px;
}
section.blog .right-side .widget_search input#searchsubmit {
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  height: 40px;
  background: #61d5e2;
  color: #ffffff;
}
section.blog .right-side .widget_calendar #calendar_wrap {
  background: #ffffff;
  color: #767676;
}
section.blog .right-side .widget_calendar #calendar_wrap table#wp-calendar {
  border-collapse: collapse;
  width: 100%;
  text-align: center;
  margin: 0 auto;
}
section.blog .right-side .widget_calendar #calendar_wrap table#wp-calendar a {
  font-weight: bold;
  color: #333333;
}
section.blog .right-side .widget_calendar #calendar_wrap table#wp-calendar a:hover {
  -moz-opacity: 0.5;
  -khtml-opacity: 0.5;
  -webkit-opacity: 0.5;
  opacity: 0.5;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}
section.blog .right-side .widget_calendar #calendar_wrap table#wp-calendar caption {
  width: 100%;
  text-align: center;
  color: #ffffff;
  padding: 10px 0px 10px 0px;
  background: #61d5e2;
  text-transform: uppercase;
  margin-bottom: 10px;
}
section.blog .right-side .widget_calendar #calendar_wrap table#wp-calendar tfoot #prev {
  margin-bottom: 5px;
  text-align: left;
}
section.blog .right-side .widget_calendar #calendar_wrap table#wp-calendar tfoot #next {
  margin-bottom: 5px;
  text-align: right;
}
section.blog .right-side .widget_calendar #calendar_wrap table#wp-calendar thead {
  font-size: 13px;
}
section.blog .right-side .widget_calendar #calendar_wrap table#wp-calendar td {
  text-align: center;
  font-size: 13px;
  padding: 5px;
}
section.blog .right-side .ale_mostcommented_widget .entry-thumb,
section.blog .right-side .ale_blog_widget .entry-thumb {
  overflow: hidden;
  text-align: center;
  margin-bottom: 15px;
  background: #dde263;
}
section.blog .right-side .ale_mostcommented_widget .entry-thumb img,
section.blog .right-side .ale_blog_widget .entry-thumb img {
  max-width: 100%;
  height: auto;
  -webkit-transition: all 300ms ease-in-out;
  -moz-transition: all 300ms ease-in-out;
  -ms-transition: all 300ms ease-in-out;
  -o-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
}
section.blog .right-side .ale_mostcommented_widget .entry-thumb img:hover,
section.blog .right-side .ale_blog_widget .entry-thumb img:hover {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  transform: scale(1.1);
  -moz-opacity: 0.3;
  -khtml-opacity: 0.3;
  -webkit-opacity: 0.3;
  opacity: 0.3;
  -webkit-transition: all 300ms ease-in-out;
  -moz-transition: all 300ms ease-in-out;
  -ms-transition: all 300ms ease-in-out;
  -o-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
}
section.blog .right-side .ale_mostcommented_widget .detail,
section.blog .right-side .ale_blog_widget .detail {
  margin-bottom: 15px;
}
section.blog .right-side .ale_mostcommented_widget .detail h4,
section.blog .right-side .ale_blog_widget .detail h4 {
  margin-bottom: 2px;
}
section.blog .right-side .ale_mostcommented_widget .detail span.entry-meta,
section.blog .right-side .ale_blog_widget .detail span.entry-meta {
  font-size: 14px;
  color: #aaaaaa;
}
section.blog .right-side .aletheme-flickr .picture:nth-child(even) {
  background: #61d5e2;
}
section.blog .right-side .aletheme-flickr .picture:nth-child(odd) {
  background: #dde263;
}
section.blog .right-side .aletheme-flickr .picture {
  width: 33.3%;
  float: left;
  overflow: hidden;
}
section.blog .right-side .aletheme-flickr .picture img {
  width: 100%;
  height: auto;
  -webkit-transition: all 300ms ease-in-out;
  -moz-transition: all 300ms ease-in-out;
  -ms-transition: all 300ms ease-in-out;
  -o-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
}
section.blog .right-side .aletheme-flickr .picture img:hover {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  transform: scale(1.1);
  -moz-opacity: 0.3;
  -khtml-opacity: 0.3;
  -webkit-opacity: 0.3;
  opacity: 0.3;
  -webkit-transition: all 300ms ease-in-out;
  -moz-transition: all 300ms ease-in-out;
  -ms-transition: all 300ms ease-in-out;
  -o-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
}
section.blog .right-side .ale_about_widget p {
  font-size: 14px;
}
section.blog .right-side .ale_about_widget figure {
  text-align: center;
  margin-bottom: 15px;
}
section.blog .right-side .ale_about_widget figure img {
  max-width: 100%;
  height: auto;
}
section.blog .right-side .widget_pages ul,
section.blog .right-side .widget_archive ul,
section.blog .right-side .widget_categories ul,
section.blog .right-side .widget_nav_menu ul,
section.blog .right-side .widget_meta ul,
section.blog .right-side .widget_recent_comments ul,
section.blog .right-side .widget_recent_entries ul {
  margin: 10px 0 20px 0;
  background: #f5f5f5;
  padding: 15px 0;
}
section.blog .right-side .widget_pages ul ul,
section.blog .right-side .widget_archive ul ul,
section.blog .right-side .widget_categories ul ul,
section.blog .right-side .widget_nav_menu ul ul,
section.blog .right-side .widget_meta ul ul,
section.blog .right-side .widget_recent_comments ul ul,
section.blog .right-side .widget_recent_entries ul ul {
  margin: 0;
  padding: 0;
}
section.blog .right-side .widget_pages ul ul li,
section.blog .right-side .widget_archive ul ul li,
section.blog .right-side .widget_categories ul ul li,
section.blog .right-side .widget_nav_menu ul ul li,
section.blog .right-side .widget_meta ul ul li,
section.blog .right-side .widget_recent_comments ul ul li,
section.blog .right-side .widget_recent_entries ul ul li {
  padding: 0 0 0 15px;
  box-sizing: border-box;
}
section.blog .right-side .widget_pages ul li,
section.blog .right-side .widget_archive ul li,
section.blog .right-side .widget_categories ul li,
section.blog .right-side .widget_nav_menu ul li,
section.blog .right-side .widget_meta ul li,
section.blog .right-side .widget_recent_comments ul li,
section.blog .right-side .widget_recent_entries ul li {
  min-height: 30px;
  width: 100%;
  text-align: left;
  line-height: 30px;
  font-size: 14px;
  color: #474747;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
section.blog .right-side .widget_pages ul li:before,
section.blog .right-side .widget_archive ul li:before,
section.blog .right-side .widget_categories ul li:before,
section.blog .right-side .widget_nav_menu ul li:before,
section.blog .right-side .widget_meta ul li:before,
section.blog .right-side .widget_recent_comments ul li:before,
section.blog .right-side .widget_recent_entries ul li:before {
  content: "";
  float: left;
  margin: 0 20px;
  width: 4px;
  min-height: 30px;
  background: url("images/shop-strelko.png") no-repeat center;
}
section.blog .right-side .widget_pages ul li a,
section.blog .right-side .widget_archive ul li a,
section.blog .right-side .widget_categories ul li a,
section.blog .right-side .widget_nav_menu ul li a,
section.blog .right-side .widget_meta ul li a,
section.blog .right-side .widget_recent_comments ul li a,
section.blog .right-side .widget_recent_entries ul li a {
  display: inline-block;
  height: 100%;
  text-transform: uppercase;
}
section.blog .right-side .widget_pages ul > li.active,
section.blog .right-side .widget_archive ul > li.active,
section.blog .right-side .widget_categories ul > li.active,
section.blog .right-side .widget_nav_menu ul > li.active,
section.blog .right-side .widget_meta ul > li.active,
section.blog .right-side .widget_recent_comments ul > li.active,
section.blog .right-side .widget_recent_entries ul > li.active,
section.blog .right-side .widget_pages ul > li:hover,
section.blog .right-side .widget_archive ul > li:hover,
section.blog .right-side .widget_categories ul > li:hover,
section.blog .right-side .widget_nav_menu ul > li:hover,
section.blog .right-side .widget_meta ul > li:hover,
section.blog .right-side .widget_recent_comments ul > li:hover,
section.blog .right-side .widget_recent_entries ul > li:hover {
  background: #dde263;
}
section.blog .right-side .widget_pages ul > li.active > a,
section.blog .right-side .widget_archive ul > li.active > a,
section.blog .right-side .widget_categories ul > li.active > a,
section.blog .right-side .widget_nav_menu ul > li.active > a,
section.blog .right-side .widget_meta ul > li.active > a,
section.blog .right-side .widget_recent_comments ul > li.active > a,
section.blog .right-side .widget_recent_entries ul > li.active > a,
section.blog .right-side .widget_pages ul > li:hover > a,
section.blog .right-side .widget_archive ul > li:hover > a,
section.blog .right-side .widget_categories ul > li:hover > a,
section.blog .right-side .widget_nav_menu ul > li:hover > a,
section.blog .right-side .widget_meta ul > li:hover > a,
section.blog .right-side .widget_recent_comments ul > li:hover > a,
section.blog .right-side .widget_recent_entries ul > li:hover > a {
  color: #fff;
}
section.blog .right-side .widget_tag_cloud .tagcloud a {
  float: left;
  border: 1px solid #fff;
  font-size: 14px!important;
  color: #333;
  display: block;
  padding: 10px;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
section.blog .right-side .widget_tag_cloud .tagcloud a:hover {
  border: 1px solid #ebebeb;
}
section.blog .right-side .widget_tag_cloud .tagcloud:after {
  content: "";
  clear: both;
  display: block;
}
section.blog .right-side .widget_text .textwidget {
  font-size: 14px;
  line-height: 26px;
}
section.blog .right-side .widget_text .textwidget p {
  font-size: 14px;
  line-height: 26px;
}
section.blog .right-side .posts {
  margin: 10px 0 50px 0;
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 186px;
}
section.blog .right-side .posts .items {
  width: 20000em;
  position: absolute;
}
section.blog .right-side .posts .items div {
  float: left !important;
  position: relative;
}
section.blog .right-side .posts .items div img {
  width: 100%;
  height: auto;
}
section.blog .right-side .posts .items div:hover > .text {
  bottom: 0;
}
section.blog .right-side .posts .items div .text {
  display: block;
  position: absolute;
  bottom: -50px;
  width: 100%;
  height: 40px;
  line-height: 40px;
  text-align: center;
  background: rgba(221, 226, 99, 0.5);
  font-size: 16px;
  text-transform: uppercase;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
section.blog .right-side .posts .items div .text a {
  color: #000;
  display: block;
}
section.blog .right-side .posts .items div .text a:hover {
  color: #000;
}
section.blog .right-side .posts .next,
section.blog .right-side .posts .prev {
  position: absolute;
  display: block;
  width: 27px;
  height: 27px;
  -webkit-border-top-right-radius: 50%;
  -webkit-border-bottom-right-radius: 50%;
  -webkit-border-bottom-left-radius: 50%;
  -webkit-border-top-left-radius: 50%;
  -moz-border-radius-topright: 50%;
  -moz-border-radius-bottomright: 50%;
  -moz-border-radius-bottomleft: 50%;
  -moz-border-radius-topleft: 50%;
  border-top-right-radius: 50%;
  border-bottom-right-radius: 50%;
  border-bottom-left-radius: 50%;
  border-top-left-radius: 50%;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  top: 50%;
  margin-top: -13px;
  z-index: 2;
}
section.blog .right-side .posts .next {
  right: 10px;
  background: #61d5e2 url("images/right-small.png") no-repeat center;
}
section.blog .right-side .posts .next:hover {
  background: #dde263 url("images/right-small.png") no-repeat center;
}
section.blog .right-side .posts .next.disabled {
  background: #61d5e2 url("images/right-small.png") no-repeat center;
  opacity: 0.5;
}
section.blog .right-side .posts .prev {
  left: 10px;
  background: #61d5e2 url("images/left-small.png") no-repeat center;
}
section.blog .right-side .posts .prev:hover {
  background: #dde263 url("images/left-small.png") no-repeat center;
}
section.blog .right-side .posts .prev.disabled {
  background: #61d5e2 url("images/left-small.png") no-repeat center;
  opacity: 0.5;
}
section.blog .right-side .blog-testimonials {
  margin: 10px 0 50px 0;
}
section.blog .right-side .blog-testimonials .top {
  height: 115px;
  background: #61d5e2;
  position: relative;
  -webkit-border-top-right-radius: 4px;
  -webkit-border-bottom-right-radius: 0;
  -webkit-border-bottom-left-radius: 0;
  -webkit-border-top-left-radius: 4px;
  -moz-border-radius-topright: 4px;
  -moz-border-radius-bottomright: 0;
  -moz-border-radius-bottomleft: 0;
  -moz-border-radius-topleft: 4px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  border-top-left-radius: 4px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
section.blog .right-side .blog-testimonials .top p {
  font-size: 20px;
  color: #fff;
  text-transform: uppercase;
  padding-top: 25px;
}
section.blog .right-side .blog-testimonials .top img {
  -webkit-border-top-right-radius: 50%;
  -webkit-border-bottom-right-radius: 50%;
  -webkit-border-bottom-left-radius: 50%;
  -webkit-border-top-left-radius: 50%;
  -moz-border-radius-topright: 50%;
  -moz-border-radius-bottomright: 50%;
  -moz-border-radius-bottomleft: 50%;
  -moz-border-radius-topleft: 50%;
  border-top-right-radius: 50%;
  border-bottom-right-radius: 50%;
  border-bottom-left-radius: 50%;
  border-top-left-radius: 50%;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  width: 84px;
  height: 84px;
  border: 5px solid #dde263;
  position: absolute;
  bottom: -42px;
  left: 50%;
  margin-left: -47px;
}
section.blog .right-side .blog-testimonials .bottom {
  background: url("images/background.jpg") repeat;
  padding: 60px 30px 50px;
}
section.blog .right-side .blog-testimonials .bottom .text {
  background: #fff;
  border: 1px solid #e2e0e0;
  padding: 15px;
}
section.blog .right-side .blog-testimonials .bottom .text p {
  font-size: 14px;
  color: #474747;
  text-align: center;
  margin: 0;
}
section.blog .right-side .blog-testimonials .bottom > a {
  margin-top: 15px;
  width: 100%;
  height: 37px;
  line-height: 37px;
  text-align: center;
  background: #61d5e2;
  display: block;
  font-size: 16px;
  color: #fff;
  text-transform: uppercase;
}
section.blog .right-side .blog-testimonials .bottom > a:hover {
  background: #dde263;
}
section.blog .right-side .tags {
  margin: 10px 0 50px 0;
  overflow: auto;
}
section.blog .right-side .tags li {
  float: left;
  border: 1px solid #fff;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
section.blog .right-side .tags li:hover {
  border: 1px solid #ebebeb;
}
section.blog .right-side .tags li a {
  font-size: 14px;
  color: #333;
  display: block;
  padding: 10px;
}
section.blog .right-side .about {
  margin: 10px 0 50px 0;
  font-size: 14px;
  color: #474747;
}
section.blog .right-side .categories {
  margin: 10px 0 20px 0;
  background: #f5f5f5;
  padding: 15px 0;
}
section.blog .right-side .categories li {
  height: 30px;
  width: 100%;
  text-align: left;
  line-height: 30px;
  font-size: 14px;
  color: #474747;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
section.blog .right-side .categories li span {
  float: left;
  margin: 0 20px;
  width: 4px;
  height: 30px;
  background: url("images/shop-strelko.png") no-repeat center;
}
section.blog .right-side .categories li a {
  display: block;
  width: 100%;
  height: 100%;
  text-transform: uppercase;
}
section.blog .right-side .categories li.active,
section.blog .right-side .categories li:hover {
  background: #dde263;
}
section.blog .right-side .categories li.active a,
section.blog .right-side .categories li:hover a {
  color: #fff;
}
section.blog .content .post {
  margin-bottom: 40px;
  text-align: left;
}
section.blog .content .post .img,
section.blog .content .post .video {
  position: relative;
  overflow: hidden;
}
section.blog .content .post .img img,
section.blog .content .post .video img {
  max-width: 100%;
  height: auto;
}
section.blog .content .post .img iframe,
section.blog .content .post .video iframe {
  width: 100%;
  height: 360px;
}
section.blog .content .post .img.video > .info,
section.blog .content .post .video.video > .info {
  display: none;
}
section.blog .content .post .img .info,
section.blog .content .post .video .info {
  display: block;
  position: absolute;
  bottom: -60px;
  height: 52px;
  width: 100%;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  line-height: 52px;
  padding: 0 15px;
  background: rgba(221, 226, 99, 0.7);
  font-size: 14px;
  text-align: left;
  text-transform: uppercase;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
section.blog .content .post .img .info a,
section.blog .content .post .video .info a {
  color: #333;
  display: block;
}
section.blog .content .post .img .info a:hover,
section.blog .content .post .video .info a:hover {
  color: #333;
}
section.blog .content .post .img .info .icon,
section.blog .content .post .video .info .icon {
  display: block;
  float: right;
  width: 33px;
  height: 33px;
  margin-top: 9px;
  background: url("images/single-img.png") no-repeat center;
}
section.blog .content .post .img:hover > .info,
section.blog .content .post .video:hover > .info {
  bottom: 0;
}
section.blog .content .post .gallery-img {
  position: relative;
  overflow: hidden;
  width: 100%;
  text-align: center;
}
section.blog .content .post .gallery-img img {
  max-width: 100%;
  height: auto;
}
section.blog .content .post .gallery-img .next,
section.blog .content .post .gallery-img .prev {
  position: absolute;
  display: block;
  width: 27px;
  height: 27px;
  -webkit-border-top-right-radius: 50%;
  -webkit-border-bottom-right-radius: 50%;
  -webkit-border-bottom-left-radius: 50%;
  -webkit-border-top-left-radius: 50%;
  -moz-border-radius-topright: 50%;
  -moz-border-radius-bottomright: 50%;
  -moz-border-radius-bottomleft: 50%;
  -moz-border-radius-topleft: 50%;
  border-top-right-radius: 50%;
  border-bottom-right-radius: 50%;
  border-bottom-left-radius: 50%;
  border-top-left-radius: 50%;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  top: 50%;
  margin-top: -13px;
  z-index: 2;
}
section.blog .content .post .gallery-img .next {
  right: -50px;
  background: #61d5e2 url("images/right-small.png") no-repeat center;
}
section.blog .content .post .gallery-img .next:hover {
  background: #dde263 url("images/right-small.png") no-repeat center;
}
section.blog .content .post .gallery-img .next.disabled {
  background: #61d5e2 url("images/right-small.png") no-repeat center;
  opacity: 0.5;
}
section.blog .content .post .gallery-img .prev {
  left: -50px;
  background: #61d5e2 url("images/left-small.png") no-repeat center;
}
section.blog .content .post .gallery-img .prev:hover {
  background: #dde263 url("images/left-small.png") no-repeat center;
}
section.blog .content .post .gallery-img .prev.disabled {
  background: #61d5e2 url("images/left-small.png") no-repeat center;
  opacity: 0.5;
}
section.blog .content .post .gallery-img .items {
  width: 20000em;
  position: absolute;
}
section.blog .content .post .gallery-img .items div {
  float: left;
}
section.blog .content .post .gallery-img .info {
  display: block;
  position: absolute;
  bottom: -60px;
  height: 52px;
  width: 100%;
  line-height: 52px;
  padding: 0 15px;
  background: rgba(221, 226, 99, 0.7);
  font-size: 14px;
  text-align: left;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  text-transform: uppercase;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
section.blog .content .post .gallery-img .info a {
  color: #333;
  display: block;
}
section.blog .content .post .gallery-img .info a:hover {
  color: #333;
}
section.blog .content .post .gallery-img .info .icon {
  display: block;
  float: right;
  width: 35px;
  height: 34px;
  margin-top: 9px;
  background: url("images/gallery-img.png") no-repeat center;
}
section.blog .content .post .gallery-img:hover > .info {
  bottom: 0;
}
section.blog .content .post .gallery-img:hover > .next {
  right: 10px;
}
section.blog .content .post .gallery-img:hover > .prev {
  left: 10px;
}
section.blog .content .post .caption {
  text-align: left;
  padding: 33px 0 15px;
}
section.blog .content .post .caption a {
  font-size: 20px;
  color: #333;
  text-transform: uppercase;
  text-align: left;
  font-weight: 300;
}
section.blog .content .post .caption a:hover {
  color: #61d5e2;
}
section.blog .content .post .text p {
  color: #474747;
  text-align: left;
}
section.blog .content .post .href a {
  width: 180px;
  height: 45px;
  line-height: 45px;
  text-align: center;
  display: block;
  font-size: 18px;
  text-transform: uppercase;
  color: #fff;
  background: #dce163;
  outline: 1px solid #fff;
  outline-offset: -4px;
}
section.blog .content .post .href a:hover {
  background: #61d5e2;
}
section.blog .content .pagination {
  width: 100%;
  height: 35px;
  overflow: auto;
  text-align: center;
}
section.blog .content .pagination a {
  display: inline-block;
  width: 35px;
  height: 35px;
  background: #dde263;
  line-height: 35px;
  margin: 0 5px;
  outline: 1px solid #fff;
  outline-offset: -3px;
  font-size: 20px;
  color: #fff;
}
section.blog .content .pagination a:hover,
section.blog .content .pagination a.active {
  background: #61d5e2;
}
section.blog .content .pagination span.current {
  display: inline-block;
  width: 35px;
  height: 35px;
  background: #61d5e2;
  line-height: 35px;
  margin: 0 5px;
  outline: 1px solid #fff;
  outline-offset: -3px;
  font-size: 20px;
  color: #fff;
}
section.blog .content2 {
  overflow: auto;
}
section.blog .content2 .col-6,
section.blog .content2 .col-12 {
  margin-bottom: 30px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
section.blog .content2 .col-6 img,
section.blog .content2 .col-12 img {
  max-width: 100%;
  height: auto;
}
section.blog .content2 .col-6 > a,
section.blog .content2 .col-12 > a {
  width: 100%;
  height: 100%;
  display: inline-block;
  position: relative;
  overflow: hidden;
}
section.blog .content2 .col-6 > a .mask,
section.blog .content2 .col-12 > a .mask {
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  background: rgba(97, 213, 226, 0.4);
  opacity: 0;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
section.blog .content2 .col-6 > a .icon,
section.blog .content2 .col-12 > a .icon {
  position: absolute;
  width: 40px;
  height: 40px;
  margin-left: -20px;
  left: 50%;
  top: -100px;
  background: url("images/circ-plus.png") no-repeat center;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  z-index: 2;
}
section.blog .content2 .col-6 > a p,
section.blog .content2 .col-12 > a p {
  font-size: 24px;
  color: #fff;
  position: absolute;
  text-transform: uppercase;
  bottom: -80px;
  width: 100%;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  z-index: 2;
}
section.blog .content2 .col-6 > a .date,
section.blog .content2 .col-12 > a .date {
  font-size: 12px;
  color: #fff;
  position: absolute;
  text-transform: uppercase;
  bottom: -400px;
  width: 100%;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  z-index: 2;
}
section.blog .content2 .col-6 > a:hover .mask,
section.blog .content2 .col-12 > a:hover .mask {
  opacity: 1;
}
section.blog .content2 .col-6 > a:hover .icon,
section.blog .content2 .col-12 > a:hover .icon {
  top: 50%;
  margin-top: -20px;
}
section.blog .content2 .col-6 > a:hover p,
section.blog .content2 .col-12 > a:hover p {
  bottom: 40px;
}
section.blog .content2 .col-6 > a:hover .date,
section.blog .content2 .col-12 > a:hover .date {
  bottom: 30px;
}
section.blog .content2 .col-6 .caption,
section.blog .content2 .col-12 .caption {
  font-size: 20px;
  color: #333;
  margin-top: 15px;
  text-align: center;
  text-transform: uppercase;
}
section.blog .content2 .col-6 .date,
section.blog .content2 .col-12 .date {
  font-size: 12px;
  color: #828584;
  text-align: center;
  text-transform: uppercase;
}
section.blog .content2 .col-6 .text,
section.blog .content2 .col-12 .text {
  margin-top: 15px;
  color: #474747;
}
section.blog .content2 .col-6 .href,
section.blog .content2 .col-12 .href {
  margin: 0 auto;
  width: 180px;
  height: 45px;
  line-height: 45px;
  text-align: center;
  display: block;
  font-size: 18px;
  text-transform: uppercase;
  color: #fff;
  background: #dce163;
  position: relative;
  outline: 1px solid #fff;
  outline-offset: -4px;
}
section.blog .content2 .col-6 .href:hover,
section.blog .content2 .col-12 .href:hover {
  background: #61d5e2;
}
section.blog .content2 .col-6 .info,
section.blog .content2 .col-12 .info {
  display: block;
  width: 86px;
  height: 20px;
  margin: 15px auto 0;
}
section.blog .content2 .col-6 .info li,
section.blog .content2 .col-12 .info li {
  float: left;
  margin-right: 10px;
  font-size: 14px;
  color: #9c9b9b;
}
section.blog .content2 .col-6 .info li span,
section.blog .content2 .col-12 .info li span {
  float: left;
  width: 16px;
  height: 16px;
  margin-right: 5px;
}
section.blog .content2 .col-6 .info li.views span,
section.blog .content2 .col-12 .info li.views span {
  background: url("images/eyes.png") no-repeat left;
}
section.blog .content2 .col-6 .info li.likes span,
section.blog .content2 .col-12 .info li.likes span {
  background: url("images/heart.png") no-repeat left;
}
section.blog .content2 .col-6 .info li.comments span,
section.blog .content2 .col-12 .info li.comments span {
  background: url("images/comments.png") no-repeat left;
}
section.blog .content2 .post-small {
  padding: 0 5px;
}
section.blog .content2 .post-big {
  padding: 0 5px;
}
section.blog .content2 .pagination {
  width: 100%;
  height: 35px;
  overflow: auto;
  text-align: center;
}
section.blog .content2 .pagination a {
  display: inline-block;
  width: 35px;
  height: 35px;
  background: #dde263;
  line-height: 35px;
  margin: 0 5px;
  outline: 1px solid #fff;
  outline-offset: -3px;
  font-size: 20px;
  color: #fff;
}
section.blog .content2 .pagination a:hover,
section.blog .content2 .pagination a.active {
  background: #61d5e2;
}
section.blog .content2 .pagination span.current {
  display: inline-block;
  width: 35px;
  height: 35px;
  background: #61d5e2;
  line-height: 35px;
  margin: 0 5px;
  outline: 1px solid #fff;
  outline-offset: -3px;
  font-size: 20px;
  color: #fff;
}
section.blog .content-opened .img {
  position: relative;
}
section.blog .content-opened .img img {
  max-width: 100%;
  height: auto;
}
section.blog .content-opened .img .info {
  position: absolute;
  bottom: 0;
  height: 52px;
  width: 100%;
  line-height: 52px;
  text-indent: 15px;
  background: rgba(221, 226, 99, 0.7);
  font-size: 14px;
  text-align: left;
  text-transform: uppercase;
}
section.blog .content-opened .caption {
  margin: 35px 0 20px;
  font-size: 20px;
  text-transform: uppercase;
  color: #333;
  text-align: left;
}
section.blog .content-opened .text p {
  text-align: left;
}
section.blog .content-opened .text img {
  max-width: 100%;
  height: auto;
}
section.blog .content-opened .soc {
  background: url("images/background.jpg") repeat;
  padding: 15px 0;
}
section.blog .content-opened .soc ul {
  width: 140px;
  margin: 0 auto;
  overflow: auto;
}
section.blog .content-opened .soc li {
  float: left;
  margin: 0 7px;
  height: 30px;
  width: 30px;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
section.blog .content-opened .soc li a {
  display: block;
  height: 30px;
  width: 30px;
}
section.blog .content-opened .soc li.instagram {
  display: inline-block;
  overflow: hidden;
  background-repeat: no-repeat;
  background-image: url("images/social/social.png");
  width: 29px;
  height: 29px;
  background-position: -256px -2px;
}
section.blog .content-opened .soc li.instagram:hover {
  width: 29px;
  height: 29px;
  background-position: -194px -2px;
}
section.blog .content-opened .soc li.flickr {
  display: inline-block;
  overflow: hidden;
  background-repeat: no-repeat;
  background-image: url("images/social/social.png");
  width: 30px;
  height: 29px;
  background-position: -162px -2px;
}
section.blog .content-opened .soc li.flickr:hover {
  width: 30px;
  height: 29px;
  background-position: -98px -2px;
}
section.blog .content-opened .soc li.pinterest {
  display: inline-block;
  overflow: hidden;
  background-repeat: no-repeat;
  background-image: url("images/social/social.png");
  width: 32px;
  height: 31px;
  background-position: -355px -2px;
}
section.blog .content-opened .soc li.pinterest:hover {
  width: 32px;
  height: 31px;
  background-position: -287px -2px;
}
section.blog .content-opened .soc li.twitter {
  display: inline-block;
  overflow: hidden;
  background-repeat: no-repeat;
  background-image: url("images/social/social.png");
  width: 33px;
  height: 28px;
  background-position: -459px -2px;
}
section.blog .content-opened .soc li.twitter:hover {
  width: 33px;
  height: 28px;
  background-position: -389px -2px;
}
section.blog .content-opened .soc li.facebook {
  display: inline-block;
  overflow: hidden;
  background-repeat: no-repeat;
  background-image: url("images/social/social.png");
  width: 30px;
  height: 30px;
  background-position: -66px -2px;
}
section.blog .content-opened .soc li.facebook:hover {
  width: 30px;
  height: 30px;
  background-position: -2px -2px;
}
section.blog .content-opened .related-posts {
  margin-top: 50px;
  overflow: auto;
}
section.blog .content-opened .related-posts .col-4:nth-child(1) {
  padding-right: 16px;
}
section.blog .content-opened .related-posts .col-4:nth-child(2) {
  padding-right: 8px;
  padding-left: 8px;
}
section.blog .content-opened .related-posts .col-4:nth-child(3) {
  padding-left: 16px;
}
section.blog .content-opened .related-posts .col-4 {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
section.blog .content-opened .related-posts img {
  width: 100%;
  height: auto;
}
section.blog .content-opened .related-posts span {
  display: block;
  font-size: 20px;
  color: #333;
  text-transform: uppercase;
  margin-bottom: 20px;
}
section.blog .content-opened .related-posts .caption {
  margin: 10px 0 5px;
}
section.blog .content-opened .related-posts .caption a {
  font-size: 14px;
  color: #333333;
  text-transform: uppercase;
  text-align: left;
  font-weight: 100;
}
section.blog .content-opened .related-posts .caption a:hover {
  color: #61d5e2;
}
section.blog .content-opened .related-posts .date {
  margin-bottom: 10px;
  font-size: 14px;
  color: #9c9b9b;
  text-transform: uppercase;
}
section.blog .content-opened .related-posts .info {
  display: block;
  height: 16px;
}
section.blog .content-opened .related-posts .info li {
  float: left;
  margin-right: 20px;
  font-size: 14px;
  color: #9c9b9b;
  line-height: 16px;
}
section.blog .content-opened .related-posts .info li span {
  float: left;
  width: 16px;
  height: 16px;
  margin-right: 5px;
}
section.blog .content-opened .related-posts .info li.views span {
  background: url("images/eyes.png") no-repeat left;
}
section.blog .content-opened .related-posts .info li.likes span {
  background: url("images/heart.png") no-repeat left;
}
section.blog .content-opened .related-posts .info li.comments span {
  background: url("images/comments.png") no-repeat left;
}
section.blog .content-opened > .comments {
  margin-top: 40px;
}
section.blog .content-opened > .comments span {
  display: block;
  font-size: 20px;
  color: #333;
  text-transform: uppercase;
  margin-bottom: 20px;
}
section.blog .content-opened > .comments .comment {
  overflow: auto;
  margin-bottom: 30px;
}
section.blog .content-opened > .comments .comment img {
  width: 80px;
  height: 80px;
  float: left;
  -webkit-border-top-right-radius: 50%;
  -webkit-border-bottom-right-radius: 50%;
  -webkit-border-bottom-left-radius: 50%;
  -webkit-border-top-left-radius: 50%;
  -moz-border-radius-topright: 50%;
  -moz-border-radius-bottomright: 50%;
  -moz-border-radius-bottomleft: 50%;
  -moz-border-radius-topleft: 50%;
  border-top-right-radius: 50%;
  border-bottom-right-radius: 50%;
  border-bottom-left-radius: 50%;
  border-top-left-radius: 50%;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
section.blog .content-opened > .comments .comment .comm {
  width: 84%;
  float: right;
  background: url("images/background.jpg") repeat;
  padding: 20px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
section.blog .content-opened > .comments .comment .comm cite {
  font-style: normal;
}
section.blog .content-opened > .comments .comment .comm .name {
  font-size: 18px;
  color: #333;
  text-transform: uppercase;
  margin-bottom: 5px;
}
section.blog .content-opened > .comments .comment .comm .message p {
  text-align: left;
  font-size: 14px;
  color: #474747;
  line-height: 24px;
  margin: 0;
}
section.blog .content-opened .reply {
  margin-top: 40px;
}
section.blog .content-opened .reply span {
  display: block;
  font-size: 20px;
  color: #333;
  text-transform: uppercase;
  margin-bottom: 20px;
}
section.blog .content-opened .reply #reply-form input,
section.blog .content-opened .reply #reply-form textarea {
  width: 100%;
  margin-bottom: 20px;
  height: 50px;
  line-height: 24px;
  border: 1px solid #d1d1d1;
  font-size: 16px;
  color: #7a7a7a;
  text-transform: uppercase;
  padding-left: 10px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
section.blog .content-opened .reply #reply-form input[type='submit'],
section.blog .content-opened .reply #reply-form textarea[type='submit'] {
  border: none;
  background: #61d5e2;
  text-align: left;
  color: #fff;
  padding-left: 12px;
}
section.blog .content-opened .reply #reply-form textarea {
  height: 130px;
}
.shop .singlewoopage > .col-4 {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  border: 1px solid #ededed;
  padding: 27px 18px;
  text-align: center;
}
.shop .singlewoopage > .col-8 {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
.shop .content {
  padding-right: 15px;
}
/* Testimonials
/* ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## */
div.testimonials {
  width: 100%;
  margin-top: 110px;
  height: 500px;
  text-align: center;
  background-image: url("http://placehold.it/1920x600");
  background-position: 50% 100%;
  background-attachment: fixed;
  background-repeat: no-repeat;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
div.testimonials .pattern {
  position: absolute;
  width: 100%;
  height: 500px;
  background: rgba(33, 33, 33, 0.5) url("images/pattern.png") repeat;
}
div.testimonials .content {
  position: absolute;
  width: 100%;
  height: 100%;
}
div.testimonials .content span {
  display: block;
  padding-top: 65px;
  padding-bottom: 45px;
  font-size: 28px;
  text-transform: uppercase;
  color: #fff;
  z-index: 1;
}
div.testimonials .content span a {
  color: #fff;
}
div.testimonials .content span a:hover {
  -moz-opacity: 0.5;
  -khtml-opacity: 0.5;
  -webkit-opacity: 0.5;
  opacity: 0.5;
}
div.testimonials .people {
  position: relative;
  display: block;
  margin: 0 auto;
  width: 160px;
  height: 160px;
  border: 8px solid #dde263;
  overflow: hidden;
  -webkit-border-top-right-radius: 50%;
  -webkit-border-bottom-right-radius: 50%;
  -webkit-border-bottom-left-radius: 50%;
  -webkit-border-top-left-radius: 50%;
  -moz-border-radius-topright: 50%;
  -moz-border-radius-bottomright: 50%;
  -moz-border-radius-bottomleft: 50%;
  -moz-border-radius-topleft: 50%;
  border-top-right-radius: 50%;
  border-bottom-right-radius: 50%;
  border-bottom-left-radius: 50%;
  border-top-left-radius: 50%;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
div.testimonials .people img {
  width: 170px;
}
div.testimonials .col-4 {
  margin: 0 auto;
  float: none;
  position: relative;
}
div.testimonials .col-4 .nav {
  position: absolute;
  display: block;
  height: 30px;
  width: 30px;
  -webkit-border-top-right-radius: 50%;
  -webkit-border-bottom-right-radius: 50%;
  -webkit-border-bottom-left-radius: 50%;
  -webkit-border-top-left-radius: 50%;
  -moz-border-radius-topright: 50%;
  -moz-border-radius-bottomright: 50%;
  -moz-border-radius-bottomleft: 50%;
  -moz-border-radius-topleft: 50%;
  border-top-right-radius: 50%;
  border-bottom-right-radius: 50%;
  border-bottom-left-radius: 50%;
  border-top-left-radius: 50%;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  top: 50%;
  margin-top: -15px;
}
div.testimonials .col-4 .nav.left {
  left: 30px;
  background: #61d5e2 url("images/left-small.png") no-repeat center;
}
div.testimonials .col-4 .nav.right {
  right: 30px;
  background: #61d5e2 url("images/right-small.png") no-repeat center;
}
div.testimonials .col-10 {
  margin: 24px auto 0;
  float: none;
  text-align: center;
}
div.testimonials .col-10 p {
  color: #fff;
}
div.testimonials #peoples-testimonials li {
  display: none;
  opacity: 0;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
div.testimonials #peoples-testimonials li.active {
  display: block;
  opacity: 1;
}
/* Testimonials Page
/* ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## */
section.testimonials-page {
  margin-top: 50px;
}
section.testimonials-page .testimonials-list {
  margin-top: 77px;
  overflow: auto;
}
section.testimonials-page .testimonials-list li:nth-child(2n+1) {
  float: left;
}
section.testimonials-page .testimonials-list li:nth-child(2n) {
  float: right;
}
section.testimonials-page .testimonials-list li {
  width: 485px;
  overflow: hidden;
  margin-bottom: 10px;
  position: relative;
}
section.testimonials-page .testimonials-list li img {
  width: 100%;
  height: auto;
}
section.testimonials-page .testimonials-list li .hover {
  position: absolute;
  width: 100%;
  height: 100%;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
section.testimonials-page .testimonials-list li .hover .name {
  position: absolute;
  top: -80px;
  width: 100%;
  padding: 15px 0;
  text-align: center;
  background: #dde263;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
section.testimonials-page .testimonials-list li .hover .name span {
  top: 90px;
  font-size: 26px;
  color: #fff;
  text-transform: uppercase;
}
section.testimonials-page .testimonials-list li .hover .text {
  position: absolute;
  top: 115px;
  padding: 0 20px;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  -moz-opacity: 0;
  -khtml-opacity: 0;
  -webkit-opacity: 0;
  opacity: 0;
}
section.testimonials-page .testimonials-list li .hover .text p {
  color: #fff;
}
section.testimonials-page .testimonials-list li .hover .soc {
  position: absolute;
  left: 50%;
  margin-left: -115px;
  bottom: -50px;
  width: 230px;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
section.testimonials-page .testimonials-list li .hover .soc li {
  float: left;
  margin: 0 7px;
  height: 30px;
  width: 30px;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
section.testimonials-page .testimonials-list li .hover .soc li a {
  display: block;
  height: 30px;
  width: 30px;
}
section.testimonials-page .testimonials-list li .hover .soc li.instagram {
  display: inline-block;
  overflow: hidden;
  background-repeat: no-repeat;
  background-image: url("images/social/social.png");
  width: 29px;
  height: 29px;
  background-position: -225px -2px;
}
section.testimonials-page .testimonials-list li .hover .soc li.instagram:hover {
  width: 29px;
  height: 29px;
  background-position: -256px -2px;
}
section.testimonials-page .testimonials-list li .hover .soc li.flickr {
  display: inline-block;
  overflow: hidden;
  background-repeat: no-repeat;
  background-image: url("images/social/social.png");
  width: 30px;
  height: 29px;
  background-position: -130px -2px;
}
section.testimonials-page .testimonials-list li .hover .soc li.flickr:hover {
  width: 30px;
  height: 29px;
  background-position: -162px -2px;
}
section.testimonials-page .testimonials-list li .hover .soc li.pinterest {
  display: inline-block;
  overflow: hidden;
  background-repeat: no-repeat;
  background-image: url("images/social/social.png");
  width: 32px;
  height: 31px;
  background-position: -321px -2px;
}
section.testimonials-page .testimonials-list li .hover .soc li.pinterest:hover {
  width: 32px;
  height: 31px;
  background-position: -355px -2px;
}
section.testimonials-page .testimonials-list li .hover .soc li.twitter {
  display: inline-block;
  overflow: hidden;
  background-repeat: no-repeat;
  background-image: url("images/social/social.png");
  width: 33px;
  height: 28px;
  background-position: -424px -2px;
}
section.testimonials-page .testimonials-list li .hover .soc li.twitter:hover {
  width: 33px;
  height: 28px;
  background-position: -459px -2px;
}
section.testimonials-page .testimonials-list li .hover .soc li.facebook {
  display: inline-block;
  overflow: hidden;
  background-repeat: no-repeat;
  background-image: url("images/social/social.png");
  width: 30px;
  height: 30px;
  background-position: -34px -2px;
}
section.testimonials-page .testimonials-list li .hover .soc li.facebook:hover {
  width: 30px;
  height: 30px;
  background-position: -66px -2px;
}
section.testimonials-page .testimonials-list li:hover > .hover {
  background-color: rgba(97, 213, 226, 0.6);
}
section.testimonials-page .testimonials-list li:hover > .hover .name {
  top: 30px;
}
section.testimonials-page .testimonials-list li:hover > .hover .text {
  -moz-opacity: 1;
  -khtml-opacity: 1;
  -webkit-opacity: 1;
  opacity: 1;
}
section.testimonials-page .testimonials-list li:hover > .hover .soc {
  bottom: 30px;
}
section.testimonials-page .load {
  margin-top: 55px;
}
section.testimonials-page .load a {
  margin: 0 auto;
  width: 180px;
  height: 45px;
  line-height: 45px;
  text-align: center;
  display: block;
  font-size: 20px;
  text-transform: uppercase;
  color: #fff;
  background: #dce163;
  position: relative;
  outline: 1px solid #fff;
  outline-offset: -4px;
}
section.testimonials-page .load a:hover {
  background: #61d5e2;
}
/* Contact Us
/* ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## */
section.contact-us {
  width: 100%;
  margin-top: 90px;
}
section.contact-us.contacts {
  margin-top: 40px;
}
section.contact-us .text {
  margin-top: 50px;
  text-align: center;
}
section.contact-us .map {
  margin-top: 25px;
}
section.contact-us .map iframe {
  width: 100%;
  height: 379px;
}
section.contact-us .background {
  margin-top: 70px;
  background: url("images/background.jpg") repeat;
  padding: 100px 0 80px 0;
}
section.contact-us form {
  height: 215px;
}
section.contact-us form .right {
  float: right;
}
section.contact-us form input,
section.contact-us form textarea {
  width: 92%;
  margin-bottom: 20px;
  outline: none;
  border: none;
  box-shadow: 1px 1px 3px #dedede;
}
section.contact-us form input {
  height: 40px;
  font-size: 16px;
  text-transform: uppercase;
  padding-left: 15px;
}
section.contact-us form textarea {
  padding: 15px;
  height: 90px;
  font-size: 16px;
  text-transform: uppercase;
}
section.contact-us form input[type=submit] {
  width: 98.1%;
  height: 50px;
  background: #61d5e2 url("images/send.png") no-repeat center;
}
section.contact-us form input[type=submit]:hover {
  background: #dde261 url("images/send.png") no-repeat center;
}
.contacts-map {
  margin-top: 40px;
  position: relative;
  margin-bottom: 450px;
}
.contacts-map iframe {
  width: 100%;
  height: 650px;
}
.contacts-map img {
  width: 100%;
  height: auto;
  z-index: -1;
}
.contacts-map .get-in-touch {
  position: absolute;
  bottom: -350px;
  left: 50%;
  margin-left: -490px;
}
.contacts-map .get-in-touch .get-in-caption {
  text-align: center;
  text-transform: uppercase;
  padding: 10px;
}
.contacts-map .get-in-touch .get-in-caption span {
  font-size: 28px;
  display: block;
  color: #333333;
  margin-bottom: 40px;
}
.contacts-map .get-in-touch .background {
  background: url("images/background.jpg") repeat;
  padding: 30px 0 80px 0;
}
.contacts-map .get-in-touch form {
  overflow: auto;
}
.contacts-map .get-in-touch form .right {
  float: right;
}
.contacts-map .get-in-touch form input,
.contacts-map .get-in-touch form textarea {
  width: 86%;
  margin-bottom: 20px;
  outline: none;
  border: none;
  box-shadow: 1px 1px 3px #dedede;
}
.contacts-map .get-in-touch form input {
  height: 40px;
  font-size: 16px;
  text-transform: uppercase;
  padding-left: 15px;
  margin-left: 25px;
}
.contacts-map .get-in-touch form textarea {
  padding: 15px;
  height: 90px;
  font-size: 16px;
  text-transform: uppercase;
  margin-right: 25px;
}
.contacts-map .get-in-touch form input[type=submit] {
  width: 92.1%;
  height: 50px;
  background: #61d5e2 url("images/send.png") no-repeat center;
  margin-right: 25px;
}
.contacts-map .get-in-touch form input[type=submit]:hover {
  background: #dde261 url("images/send.png") no-repeat center;
}
/* Footer
/* ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## */
footer {
  margin-top: 119px;
}
footer .line-1 {
  height: 60px;
  background-color: #dde263;
}
footer .line-1 span {
  display: block;
  font-size: 20px;
  text-transform: uppercase;
  color: #fff;
  padding: 20px 0;
}
footer .line-2 {
  height: 290px;
  background-color: #61d5e2;
}
footer .line-2 .nav {
  margin-top: 40px;
}
footer .line-2 .nav li.current-menu-item a {
  color: #fff;
}
footer .line-2 .nav li {
  margin-bottom: 10px;
  font-size: 16px;
  text-transform: uppercase;
  color: #fff;
}
footer .line-2 .nav li a.active {
  color: #fff;
}
footer .line-2 .nav li a:hover {
  color: #fff;
}
footer .line-2 .map {
  height: 290px;
  background: url("images/world-map.png") no-repeat center;
}
footer .line-2 .map span {
  display: block;
  margin-top: 40px;
  font-size: 18px;
  text-transform: uppercase;
}
footer .line-2 .map ul {
  margin-top: 15px;
}
footer .line-2 .map ul li {
  margin-bottom: 10px;
  font-size: 14px;
  padding-right: 15px;
}
footer .line-3 {
  height: 60px;
  background-color: #333333;
}
footer .line-3 .social {
  margin-top: 12px;
}
footer .line-3 .social li {
  float: left;
  margin-right: 15px;
  height: 30px;
  width: 30px;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
footer .line-3 .social li a {
  display: block;
  height: 30px;
  width: 30px;
}
footer .line-3 .social li.instagram {
  display: inline-block;
  overflow: hidden;
  background-repeat: no-repeat;
  background-image: url("images/social/social.png");
  width: 29px;
  height: 29px;
  background-position: -256px -2px;
}
footer .line-3 .social li.instagram:hover {
  width: 29px;
  height: 29px;
  background-position: -225px -2px;
}
footer .line-3 .social li.flickr {
  display: inline-block;
  overflow: hidden;
  background-repeat: no-repeat;
  background-image: url("images/social/social.png");
  width: 30px;
  height: 29px;
  background-position: -162px -2px;
}
footer .line-3 .social li.flickr:hover {
  width: 30px;
  height: 29px;
  background-position: -130px -2px;
}
footer .line-3 .social li.pinterest {
  display: inline-block;
  overflow: hidden;
  background-repeat: no-repeat;
  background-image: url("images/social/social.png");
  width: 32px;
  height: 31px;
  background-position: -355px -2px;
}
footer .line-3 .social li.pinterest:hover {
  width: 32px;
  height: 31px;
  background-position: -321px -2px;
}
footer .line-3 .social li.twitter {
  display: inline-block;
  overflow: hidden;
  background-repeat: no-repeat;
  background-image: url("images/social/social.png");
  width: 33px;
  height: 28px;
  background-position: -459px -2px;
}
footer .line-3 .social li.twitter:hover {
  width: 33px;
  height: 28px;
  background-position: -424px -2px;
}
footer .line-3 .social li.facebook {
  display: inline-block;
  overflow: hidden;
  background-repeat: no-repeat;
  background-image: url("images/social/social.png");
  width: 30px;
  height: 30px;
  background-position: -66px -2px;
}
footer .line-3 .social li.facebook:hover {
  width: 30px;
  height: 30px;
  background-position: -34px -2px;
}
footer .line-3 .col-6:last-child {
  text-align: right;
}
footer .line-3 p {
  font-size: 12px;
  text-transform: uppercase;
  float: right;
  color: #b5b5b5;
  padding-top: 15px;
}
div.text.pagecontent {
  text-align: left;
}
div.text.pagecontent .flexslider .flex-next {
  position: absolute;
  top: 50%;
  right: 15px;
  width: 28px;
  margin-top: -14px;
  height: 28px;
  text-indent: -9999px;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  display: block;
  background-color: #61d5e2;
  background-image: url("images/right-small.png");
  background-position: center center;
  background-repeat: no-repeat;
  -webkit-transition: all 300ms ease-in-out;
  -moz-transition: all 300ms ease-in-out;
  -ms-transition: all 300ms ease-in-out;
  -o-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
}
div.text.pagecontent .flexslider .flex-next:hover {
  background-color: #dde263;
  -webkit-transition: all 300ms ease-in-out;
  -moz-transition: all 300ms ease-in-out;
  -ms-transition: all 300ms ease-in-out;
  -o-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
}
div.text.pagecontent .flexslider .flex-prev {
  position: absolute;
  top: 50%;
  left: 15px;
  width: 28px;
  margin-top: -14px;
  height: 28px;
  text-indent: -9999px;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  display: block;
  background-color: #61d5e2;
  background-image: url("images/left-small.png");
  background-position: center center;
  background-repeat: no-repeat;
  -webkit-transition: all 300ms ease-in-out;
  -moz-transition: all 300ms ease-in-out;
  -ms-transition: all 300ms ease-in-out;
  -o-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
}
div.text.pagecontent .flexslider .flex-prev:hover {
  background-color: #dde263;
  -webkit-transition: all 300ms ease-in-out;
  -moz-transition: all 300ms ease-in-out;
  -ms-transition: all 300ms ease-in-out;
  -o-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
}
div.text.pagecontent .flexslider .flex-control-nav {
  margin-top: 15px;
  margin-bottom: 15px;
  text-align: center;
}
div.text.pagecontent .flexslider .flex-control-nav li {
  display: inline-block;
  margin: 0 3px 0px 3px;
}
div.text.pagecontent .flexslider .flex-control-nav li a {
  width: 24px;
  height: 24px;
  line-height: 24px;
  text-align: center;
  font-size: 14px;
  color: #ffffff;
  background: #61d5e2;
  display: block;
  -webkit-transition: all 300ms ease-in-out;
  -moz-transition: all 300ms ease-in-out;
  -ms-transition: all 300ms ease-in-out;
  -o-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
div.text.pagecontent .flexslider .flex-control-nav li a:hover {
  text-decoration: none;
  background: #dde263;
  -webkit-transition: all 300ms ease-in-out;
  -moz-transition: all 300ms ease-in-out;
  -ms-transition: all 300ms ease-in-out;
  -o-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
}
div.text.pagecontent .flexslider .flex-control-nav li a.flex-active {
  background: #dde263;
}
div.text.pagecontent .flexslider ul,
div.text.pagecontent .flexslider ol {
  margin: 0;
  list-style: none;
}
div.text.pagecontent .flexslider ul li,
div.text.pagecontent .flexslider ol li {
  list-style: none;
}
div.text.pagecontent .flexslider ul li:after,
div.text.pagecontent .flexslider ol li:after,
div.text.pagecontent .flexslider ul li:before,
div.text.pagecontent .flexslider ol li:before {
  display: none;
}
div.text.pagecontent .flexslider .descr h3 {
  color: #ffffff!important;
  margin-bottom: 10px!important;
}
div.text.pagecontent .flexslider .descr .text {
  margin: 0;
  padding: 0;
  color: #ffffff;
}
div.text.pagecontent .flexslider .descr .text p {
  color: #ffffff;
  margin: 0;
}
div.text.pagecontent .ale-toggle-title {
  background: #61d5e2;
  color: #ffffff;
  font-size: 16px;
}
div.text.pagecontent .ale-team .socialbut {
  background: #61d5e2;
}
div.text.pagecontent .ale-team .socialbut .fbbut,
div.text.pagecontent .ale-team .socialbut .twibut,
div.text.pagecontent .ale-team .socialbut .gbut {
  display: inline-block;
  vertical-align: middle;
  margin-left: 5px;
  margin-right: 5px;
  line-height: 40px;
  width: 30px;
  height: 30px;
}
div.text.pagecontent .ale-team .socialbut .fbbut a,
div.text.pagecontent .ale-team .socialbut .twibut a,
div.text.pagecontent .ale-team .socialbut .gbut a {
  text-indent: -9999px;
  width: 30px;
  height: 30px;
  display: block;
  background-image: url("images/social/social.png");
  -webkit-transition: all 300ms ease-in-out;
  -moz-transition: all 300ms ease-in-out;
  -ms-transition: all 300ms ease-in-out;
  -o-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
}
div.text.pagecontent .ale-team .socialbut .fbbut a:hover,
div.text.pagecontent .ale-team .socialbut .twibut a:hover,
div.text.pagecontent .ale-team .socialbut .gbut a:hover {
  -moz-opacity: 0.5;
  -khtml-opacity: 0.5;
  -webkit-opacity: 0.5;
  opacity: 0.5;
  -webkit-transition: all 300ms ease-in-out;
  -moz-transition: all 300ms ease-in-out;
  -ms-transition: all 300ms ease-in-out;
  -o-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
}
div.text.pagecontent .ale-team .socialbut .fbbut a {
  background-position: -34px -2px;
}
div.text.pagecontent .ale-team .socialbut .twibut a {
  background-position: -424px -2px;
}
div.text.pagecontent .ale-team .socialbut .gbut a {
  background-position: -225px -2px;
}
div.text.pagecontent .ale-tabs ul li:before {
  display: none;
}
div.text.pagecontent .ale-tabs img {
  max-width: 100%;
  height: auto;
}
div.text.pagecontent .ale-service .iconbox {
  background: #61d5e2;
}
div.text.pagecontent .ale-divider .textleft,
div.text.pagecontent .ale-divider .textright,
div.text.pagecontent .ale-divider .textcenter {
  background: #61d5e2;
  color: #ffffff;
  font-size: 16px;
  top: -10px;
}
div.text.pagecontent p {
  text-align: left;
}
div.text.pagecontent a {
  color: #61d5e2;
}
div.text.pagecontent a:hover {
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
  text-decoration: underline;
}
div.text.pagecontent ul {
  margin-left: 1em;
  margin-bottom: 1em;
  list-style-type: square;
  list-style-position: outside;
  list-style-image: none;
}
blockquote {
  border: 1px dashed #dde263;
  padding: 15px;
  background: #f5f5f5;
}
/* Social
/* ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## */
.fadeIn {
  animation-name: fadeIn;
  -webkit-animation-name: fadeIn;
  animation-duration: 1.5s;
  -webkit-animation-duration: 1.5s;
  animation-timing-function: ease-in-out;
  -webkit-animation-timing-function: ease-in-out;
  visibility: visible !important;
}
@keyframes fadeIn {
  0% {
    transform: scale(0);
    opacity: 0.0;
  }
  60% {
    transform: scale(1.1);
  }
  80% {
    transform: scale(0.9);
    opacity: 1;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}
@-webkit-keyframes fadeIn {
  0% {
    -webkit-transform: scale(0);
    opacity: 0.0;
  }
  60% {
    -webkit-transform: scale(1.1);
  }
  80% {
    -webkit-transform: scale(0.9);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(1);
    opacity: 1;
  }
}
/* Strech
/* ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## */
.stretchRight {
  animation-name: stretchRight;
  -webkit-animation-name: stretchRight;
  animation-duration: 1.5s;
  -webkit-animation-duration: 1.5s;
  animation-timing-function: ease-out;
  -webkit-animation-timing-function: ease-out;
  transform-origin: 0% 0%;
  -ms-transform-origin: 0% 0%;
  -webkit-transform-origin: 0% 0%;
}
@keyframes stretchRight {
  0% {
    transform: scaleX(0.3);
  }
  40% {
    transform: scaleX(1.02);
  }
  60% {
    transform: scaleX(0.98);
  }
  80% {
    transform: scaleX(1.01);
  }
  100% {
    transform: scaleX(0.98);
  }
  80% {
    transform: scaleX(1.01);
  }
  100% {
    transform: scaleX(1);
  }
}
@-webkit-keyframes stretchRight {
  0% {
    -webkit-transform: scaleX(0.3);
  }
  40% {
    -webkit-transform: scaleX(1.02);
  }
  60% {
    -webkit-transform: scaleX(0.98);
  }
  80% {
    -webkit-transform: scaleX(1.01);
  }
  100% {
    -webkit-transform: scaleX(0.98);
  }
  80% {
    -webkit-transform: scaleX(1.01);
  }
  100% {
    -webkit-transform: scaleX(1);
  }
}
.slideDown {
  animation-name: slideDown;
  -webkit-animation-name: slideDown;
  animation-duration: 1s;
  -webkit-animation-duration: 1s;
  animation-timing-function: ease;
  -webkit-animation-timing-function: ease;
  visibility: visible !important;
}
@keyframes slideDown {
  0% {
    transform: translateY(-100%);
  }
  50% {
    transform: translateY(8%);
  }
  65% {
    transform: translateY(-4%);
  }
  80% {
    transform: translateY(4%);
  }
  95% {
    transform: translateY(-2%);
  }
  100% {
    transform: translateY(0%);
  }
}
@-webkit-keyframes slideDown {
  0% {
    -webkit-transform: translateY(-100%);
  }
  50% {
    -webkit-transform: translateY(8%);
  }
  65% {
    -webkit-transform: translateY(-4%);
  }
  80% {
    -webkit-transform: translateY(4%);
  }
  95% {
    -webkit-transform: translateY(-2%);
  }
  100% {
    -webkit-transform: translateY(0%);
  }
}
/**** Isotope Filtering ****/
.isotope-item {
  z-index: 2;
}
.isotope-hidden.isotope-item {
  z-index: 1;
}
/**** Isotope CSS3 transitions ****/
.isotope,
.isotope .isotope-item {
  -webkit-transition-duration: 0.8s;
  -moz-transition-duration: 0.8s;
  -ms-transition-duration: 0.8s;
  -o-transition-duration: 0.8s;
  transition-duration: 0.8s;
}
.isotope {
  -webkit-transition-property: height, width;
  -moz-transition-property: height, width;
  -ms-transition-property: height, width;
  -o-transition-property: height, width;
  transition-property: height, width;
}
.isotope .isotope-item {
  -webkit-transition-property: -webkit-transform, opacity;
  -moz-transition-property: -moz-transform, opacity;
  -ms-transition-property: -ms-transform, opacity;
  -o-transition-property: -o-transform, opacity;
  transition-property: transform, opacity;
}
/**** disabling Isotope CSS3 transitions ****/
.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
  -webkit-transition-duration: 0s;
  -moz-transition-duration: 0s;
  -ms-transition-duration: 0s;
  -o-transition-duration: 0s;
  transition-duration: 0s;
}
.woocommerce .order_details {
  margin-bottom: 20px;
}
.woocommerce .addresses h3 {
  font-size: 20px;
  color: #333333;
}
.woocommerce .addresses .col-1,
.woocommerce .addresses .col-2 {
  width: 50%!important;
}
.colorselector {
  position: fixed;
  top: 165px;
  right: 0;
  width: 320px;
  z-index: 99999;
  height: 475px;
  margin-right: -262px;
  -webkit-transition: all 300ms ease-in-out;
  -moz-transition: all 300ms ease-in-out;
  -ms-transition: all 300ms ease-in-out;
  -o-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
}
.colorselector .openbut {
  width: 62px;
  height: 62px;
  background: #ffffff url(images/color_select.png) center center no-repeat;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.15);
  float: left;
  cursor: pointer;
}
.colorselector .bowithoption {
  float: left;
  width: 258px;
  height: 475px;
  background: #fff;
  box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.15);
}
.colorselector .bowithoption .title {
  width: 100%;
  text-align: center;
  font-size: 14px;
  color: #333333;
  margin: 13px 0 10px 0;
  line-height: 14px;
  text-transform: uppercase;
}
.colorselector .bowithoption .redcol {
  color: #e66665;
}
.colorselector .bowithoption .boxes {
  text-align: center;
  font-size: 14px;
  color: #333;
  margin: 0 22px 0 22px;
}
.colorselector .bowithoption .boxes .icbox,
.colorselector .bowithoption .boxes .icboxpat {
  width: 64px;
  height: 64px;
  display: block;
  float: left;
  box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.1);
  cursor: pointer;
  overflow: hidden;
}
.colorselector .bowithoption .boxes .icbox1 {
  background: #61d5e2;
  margin-right: 10px;
  margin-bottom: 10px;
}
.colorselector .bowithoption .boxes .icbox1 .ictrin1 {
  display: block;
  width: 0;
  height: 0;
  border-right: 64px solid transparent;
  border-bottom: 64px solid transparent;
  border-left: 64px solid #d4d95d;
}
.colorselector .bowithoption .boxes .icbox2 {
  background: #9295ca;
  margin-right: 10px;
  margin-bottom: 10px;
}
.colorselector .bowithoption .boxes .icbox2 .ictrin2 {
  display: block;
  width: 0;
  height: 0;
  border-right: 64px solid transparent;
  border-bottom: 64px solid transparent;
  border-left: 64px solid #accbe8;
}
.colorselector .bowithoption .boxes .icbox3 {
  background: #4d9379;
  margin-bottom: 10px;
}
.colorselector .bowithoption .boxes .icbox3 .ictrin3 {
  display: block;
  width: 0;
  height: 0;
  border-right: 64px solid transparent;
  border-bottom: 64px solid transparent;
  border-left: 64px solid #9eceb4;
}
.colorselector .bowithoption .boxes .icbox4 {
  background: #e66665;
  margin-right: 10px;
  margin-bottom: 10px;
}
.colorselector .bowithoption .boxes .icbox4 .ictrin4 {
  display: block;
  width: 0;
  height: 0;
  border-right: 64px solid transparent;
  border-bottom: 64px solid transparent;
  border-left: 64px solid #f47d43;
}
.colorselector .bowithoption .boxes .icbox5 {
  background: #ffd602;
  margin-right: 10px;
  margin-bottom: 10px;
}
.colorselector .bowithoption .boxes .icbox5 .ictrin5 {
  display: block;
  width: 0;
  height: 0;
  border-right: 64px solid transparent;
  border-bottom: 64px solid transparent;
  border-left: 64px solid #cdb48c;
}
.colorselector .bowithoption .boxes .icbox6 {
  background: #f1da96;
  margin-bottom: 10px;
}
.colorselector .bowithoption .boxes .icbox6 .ictrin6 {
  display: block;
  width: 0;
  height: 0;
  border-right: 64px solid transparent;
  border-bottom: 64px solid transparent;
  border-left: 64px solid #eda3ba;
}
.colorselector .bowithoption .boxes .icpat1 {
  background: url(images/background.jpg) no-repeat;
  margin-bottom: 10px;
  margin-right: 10px;
}
.colorselector .bowithoption .boxes .icpat2 {
  background: url(images/background2.png) no-repeat;
  margin-bottom: 10px;
  margin-right: 10px;
}
.colorselector .bowithoption .boxes .icpat3 {
  background: url(images/background3.png) no-repeat;
  margin-bottom: 10px;
}
.colorselector .bowithoption .boxes .icpat4 {
  background: url(images/background4.png) no-repeat;
  margin-bottom: 10px;
  margin-right: 10px;
}
.colorselector .bowithoption .boxes .icpat5 {
  background: url(images/background5.png) no-repeat;
  margin-bottom: 10px;
  margin-right: 10px;
}
.colorselector .bowithoption .boxes .icpat6 {
  background: url(images/background6.png) no-repeat;
  margin-bottom: 10px;
}
/* ***
/* ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## */
@media (max-width: 1870px) {
  section.portfolio2 .gallery .col-2i5 a:hover p {
    bottom: 50%;
    margin-bottom: -20px;
  }
  section.portfolio2 .gallery .col-2i5 a:hover .icon {
    top: 70px;
  }
}
@media (max-width: 1630px) {
  section.portfolio2 .gallery .col-2i5 a:hover p {
    font-size: 16px;
  }
  section.portfolio2 .gallery .col-2i5 a:hover .icon {
    top: 60px;
  }
}
@media (max-width: 1400px) {
  .col-2i5 {
    width: 25%;
  }
}
/* 1010
/* ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## */
@media (max-width: 1010px) {
  #home-slider .slides li.bannerslider .caption {
    font-size: 30px;
  }
  #home-slider .slides li.bannerslider .text {
    font-size: 20px;
  }
  /* Other
    /* ## ## ## ## ## ## ## ## ## ## */
  .center-align {
    width: 800px;
  }
  #main-menu .center-align > ul > li {
    font-size: 16px!important;
  }
  #main-menu .center-align > ul li {
    font-size: 16px;
  }
  section .caption .line.small {
    width: 18%;
  }
  section .caption .line {
    width: 24%;
  }
  footer .line-2 .map span {
    font-size: 16px;
  }
  footer .line-2 .map ul li {
    font-size: 13px;
  }
  footer .line-2 .nav li {
    font-size: 14px;
  }
  /* Service
    /* ## ## ## ## ## ## ## ## ## ## */
  .why-choose-us .news .items .item {
    width: 180px;
  }
  .why-choose-us .news .items .item .caption {
    margin-bottom: 10px;
  }
  /* About Us
    /* ## ## ## ## ## ## ## ## ## ## */
  section.about-us .peoples .people {
    width: 170px;
    height: 170px;
    border: 5px solid #dde263;
  }
  section.about-us .peoples .people:hover p {
    padding-top: 50px;
  }
  /* Testimonials
    /* ## ## ## ## ## ## ## ## ## ## */
  .testimonials .col-4 .nav.left {
    left: 10px;
  }
  .testimonials .col-4 .nav.right {
    right: 10px;
  }
  section.testimonials-page .testimonials-list li {
    width: 395px;
  }
  section.testimonials-page .testimonials-list li .hover .name {
    padding: 8px 0;
  }
  section.testimonials-page .testimonials-list li .hover .name span {
    font-size: 20px;
  }
  section.testimonials-page .testimonials-list li .hover .text {
    top: 80px;
  }
  section.testimonials-page .testimonials-list li .hover .text p {
    font-size: 14px;
    line-height: 20px;
  }
  /* Portfolio1 == Our Works
    /* ## ## ## ## ## ## ## ## ## ## */
  .our-works .gallery .col-3,
  .our-works .gallery .col-6 {
    height: 198px;
  }
  /* Portfolio2
    /* ## ## ## ## ## ## ## ## ## ## */
  .col-2i5 {
    width: 33.33333333333333%;
  }
  /* Portfolio3
    /* ## ## ## ## ## ## ## ## ## ## */
  section.portfolio3 .gallery a:hover p {
    bottom: 40px;
    font-size: 16px;
  }
  /* Portfolio Opened
    /* ## ## ## ## ## ## ## ## ## ## */
  .our-works .menu a {
    font-size: 18px;
  }
  /*section.portfolio .items div {
      width: 800px;
    }*/
  .rel-projects .projects .col-3 .info {
    font-size: 14px;
  }
  section.portfolio .scrollable,
  section.portfolio .scrollable .items {
    height: 476px;
  }
  /* Blog
    /* ## ## ## ## ## ## ## ## ## ## */
  section.blog .right-side .posts .items div .text a {
    text-align: left;
    padding-left: 10px;
  }
  section.blog .content .post .gallery-img {
    width: 518px;
    height: 295px;
  }
  section.blog .content .post .gallery-img img {
    width: 518px;
  }
  section.blog .content2 .col-6 > a:hover .icon {
    top: 30%;
  }
  section.blog .content2 .col-6 .caption,
  section.blog .content2 .col-12 .caption {
    font-size: 16px;
  }
  section.blog .content-opened .related-posts .caption a {
    font-size: 12px;
  }
  section.blog .content-opened .related-posts .date {
    font-size: 12px;
  }
  section.blog .content-opened .related-posts .info li {
    font-size: 12px;
  }
  section.blog .content-opened > .comments .comment .comm {
    width: 80%;
  }
  section.blog .center-align.main > .col-4 {
    width: 32%;
  }
  /* Contacts
    /* ## ## ## ## ## ## ## ## ## ## */
  .contacts-map .get-in-touch {
    margin-left: -400px;
  }
}
/* 830
/* ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## */
@media (max-width: 830px) {
  #home-slider .slides li.bannerslider .caption {
    font-size: 20px;
  }
  #home-slider .slides li.bannerslider .text {
    font-size: 14px;
    margin-top: 20px;
  }
  #home-slider .slides li.bannerslider .href {
    margin-top: 50px;
  }
  .col-3 {
    width: 50%;
  }
  /* Menu
    /* ## ## ## ## ## ## ## ## ## ## */
  .menu-click-drop {
    width: 220px;
    margin: 0 auto;
    display: block!important;
    text-align: center;
    color: #fff;
    font-size: 20px;
    line-height: 66px;
    height: 66px;
    background: rgba(51, 51, 51, 0.5);
  }
  .menu-click-drop > a {
    display: block;
    color: #fff;
  }
  .menu-click-drop > a:hover {
    color: #61d5e2;
  }
  .menu-click-drop ul.dropdown-menu {
    width: 220px !important;
    height: auto;
    background: #333;
    display: none;
  }
  .menu-click-drop ul.dropdown-menu li {
    width: 100%;
    text-align: left;
    line-height: 35px !important;
    position: relative;
    text-align: center;
  }
  .menu-click-drop ul.dropdown-menu li:hover {
    background: #61d5e2;
  }
  .menu-click-drop ul.dropdown-menu li a {
    display: block;
    width: 100%;
    color: #fff;
    font-size: 18px;
    line-height: 35px;
    text-transform: uppercase;
  }
  .menu-click-drop ul.dropdown-menu li ul {
    cursor: pointer;
    height: auto;
    display: none;
    background: rgba(51, 51, 51, 0.5);
  }
  .menu-click-drop ul.dropdown-menu li ul li {
    text-align: center;
    clear: both;
  }
  .menu-click-drop ul.dropdown-menu li ul li a {
    font-size: 14px;
    width: 100%;
    height: auto !important;
    color: #fff;
  }
  .menu-click-drop ul.dropdown-menu li ul li a:hover {
    color: #333;
  }
  /* Other
    /* ## ## ## ## ## ## ## ## ## ## */
  .center-align {
    width: 600px;
  }
  section .caption .line {
    display: none;
  }
  #main-menu ul {
    display: none;
  }
  /* Service
    /* ## ## ## ## ## ## ## ## ## ## */
  .why-choose-us .col-5 {
    width: 100%;
  }
  .why-choose-us .col-6 {
    width: 100%;
  }
  .some-facts {
    height: 800px;
  }
  .some-facts .pattern {
    height: 800px;
  }
  /* our Works
    /* ## ## ## ## ## ## ## ## ## ## */
  .our-works .menu a {
    display: none;
  }
  .our-works .gallery .col-3,
  .our-works .gallery .col-6 {
    height: auto;
    padding-bottom: 3px;
  }
  .our-works .gallery .col-6 {
    width: 100%;
  }
  /* Testimonials
    /* ## ## ## ## ## ## ## ## ## ## */
  div.testimonials .col-4 .nav.left {
    left: -30px;
  }
  div.testimonials .col-4 .nav.right {
    right: -30px;
  }
  /* Contacts
    /* ## ## ## ## ## ## ## ## ## ## */
  #contact-form .col-6 {
    width: 100%;
  }
  section.contact-us form .right {
    float: none;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
  }
  section.contact-us form textarea {
    width: 95%;
  }
  section.contact-us form input[type=submit] {
    width: 95%;
  }
  /* SHOP
    /* ## ## ## ## ## ## ## ## ## ## */
  .shop .gallery .col-4 {
    width: 50%;
  }
  .shop .gallery .col-4:nth-child(3n+1) {
    padding: 0;
  }
  .shop .gallery .col-4:nth-child(3n+2) {
    padding: 0;
  }
  .shop .gallery .col-4:nth-child(3n+3) {
    padding: 0;
  }
  .shop .gallery .col-4:nth-child(2n+1) {
    padding-right: 2%;
  }
  .shop .gallery .col-4:nth-child(2n+2) {
    padding-left: 2%;
  }
  /* SHOP OPENED
    /* ## ## ## ## ## ## ## ## ## ## */
  .shop-opened .col-4 {
    display: none;
  }
  .shop-opened .col-8 {
    width: 100%;
  }
  /* TESTIMO
    /* ## ## ## ## ## ## ## ## ## ## */
  section.testimonials-page .testimonials-list li {
    width: 49%;
  }
  section.testimonials-page .testimonials-list li .hover .soc {
    display: none;
  }
  section.testimonials-page .testimonials-list li:hover > .hover .name {
    display: none;
  }
  section.testimonials-page .testimonials-list li .hover .text {
    top: 20px;
  }
  /* Contacts
    /* ## ## ## ## ## ## ## ## ## ## */
  .contacts-map {
    margin-bottom: 0;
  }
  .contacts-map .get-in-touch {
    position: static;
    margin: 20px 0 0 0;
  }
  .contacts-map .get-in-touch form .right {
    float: none;
    margin-left: 25px;
    box-sizing: border-box;
  }
  .contacts-map .get-in-touch form textarea {
    width: 89%;
  }
  .contacts-map .get-in-touch form input[type=submit] {
    width: 89%;
  }
  /* Portfolio 2
    /* ## ## ## ## ## ## ## ## ## ## */
  section.portfolio2 .gallery .col-2i5 a:hover p {
    font-size: 14px;
  }
  section.portfolio2 .gallery .col-2i5 a:hover .icon {
    top: 30px;
  }
  /* Portfolio3
    /* ## ## ## ## ## ## ## ## ## ## */
  section.portfolio3 .gallery a:hover p {
    bottom: 20px;
    font-size: 16px;
  }
  section.portfolio3 .gallery a:hover .icon {
    top: 60px;
  }
  /* Portfolio Opened
    /* ## ## ## ## ## ## ## ## ## ## */
  .our-works .menu a {
    font-size: 18px;
  }
  /*section.portfolio .items div {
      width: 600px;
    }*/
  .rel-projects {
    display: none;
  }
  section.portfolio .description .col-9 {
    width: 100%;
  }
  section.portfolio .scrollable,
  section.portfolio .scrollable .items {
    height: 357px;
  }
  /* Blog
    /* ## ## ## ## ## ## ## ## ## ## */
  section.blog .time-line .center-align {
    width: 600px;
  }
  section.blog .time-line .center-align .back-line {
    display: none;
  }
  section.blog .time-line .center-align .col-2i6 {
    padding: 0;
  }
  section.blog .time-line .center-align .col-2i6 a {
    display: block;
    margin: 0 auto;
  }
  section.blog .center-align.main > .col-4 {
    display: none;
  }
  section.blog .center-align.main > .col-8 {
    width: 100%;
  }
  section.blog .content .post .gallery-img {
    width: 100%;
    height: 367px;
  }
  section.blog .content .post .gallery-img img {
    width: 100%;
  }
  section.blog .center-align.main > .col-8 {
    width: 99%;
  }
}
/* 630
/* ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## */
@media (max-width: 630px) {
  #home-slider .slides li.bannerslider .text,
  #home-slider .slides li.bannerslider .href,
  #home-slider .slides li.bannerslider .caption {
    display: none;
  }
  /* Other
     /* ## ## ## ## ## ## ## ## ## ## */
  section .caption > span.cap {
    font-size: 40px;
  }
  .center-align {
    width: 380px;
  }
  #menu-wrap {
    height: 180px;
  }
  #main-menu .logo {
    width: 100px;
    height: 100px;
    margin-top: -110px;
    margin-left: 140px;
  }
  #main-menu .logo a.mobalelogo {
    text-indent: -9999px;
    display: block;
    background: url("images/logo-small.png") no-repeat center;
  }
  #main-menu .logo a.mobcustomlogo {
    display: block;
  }
  #main-menu .logo a.mobcustomlogo img {
    max-width: 100px;
    max-height: 100px;
  }
  #main-menu .logo a.alelogo,
  #main-menu .logo a.customlogo {
    display: none;
  }
  #home-slider .slides li.backgroundslider .caption {
    top: 260px;
    font-size: 25px;
  }
  #home-slider .slides li.backgroundslider .text {
    font-size: 18px;
    top: 320px;
  }
  #home-slider .slides li.backgroundslider .href a {
    margin-top: 100px;
  }
  .our-skills .prog-bars .col-6 {
    width: 100%;
  }
  .some-facts {
    display: none;
  }
  /* Testi
    /* ## ## ## ## ## ## ## ## ## ## */
  .testimonials .col-10 {
    width: 100%;
  }
  .testimonials .col-10 p {
    font-size: 14px;
    line-height: 25px;
  }
  .testimonials .col-4 {
    width: 100%;
  }
  section.testimonials-page .testimonials-list li {
    width: 100%;
  }
  section.testimonials-page .testimonials-list li:hover > .hover .name {
    display: block;
  }
  section.testimonials-page .testimonials-list li:hover > .hover .text {
    top: 80px;
  }
  .testimonials .col-4 .nav.left {
    left: 0px;
  }
  .testimonials .col-4 .nav.right {
    right: 0px;
  }
  /* Contacts
    /* ## ## ## ## ## ## ## ## ## ## */
  section.contact-us form textarea {
    width: 97%;
  }
  section.contact-us form input[type=submit] {
    width: 97%;
  }
  /* Shop
    /* ## ## ## ## ## ## ## ## ## ## */
  .shop .head-line .filter {
    display: none;
  }
  /* SHOP
    /* ## ## ## ## ## ## ## ## ## ## */
  .shop .gallery .col-4 {
    width: 100%;
  }
  .shop .gallery .col-4:nth-child(2n+1) {
    padding-right: 0;
  }
  .shop .gallery .col-4:nth-child(2n+2) {
    padding-left: 0;
  }
  .shop-opened .col-8 .filters {
    display: none;
  }
  .shop-opened .col-8 .gallery {
    display: none;
  }
  .shop-opened .col-8 .caption.related {
    display: none;
  }
  /* Portfolio2
    /* ## ## ## ## ## ## ## ## ## ## */
  section.portfolio2 .menu {
    display: none;
  }
  section.portfolio2 .gallery .col-2i5 {
    width: 50%;
  }
  /* Portfolio3
    /* ## ## ## ## ## ## ## ## ## ## */
  section.portfolio3 .head-line {
    display: none;
  }
  section.portfolio3 .gallery .col-4 {
    width: 100%;
  }
  section.portfolio3 .gallery a:hover .icon {
    top: 42%;
  }
  /* Portfolio
    /* ## ## ## ## ## ## ## ## ## ## */
  section.portfolio .head-line {
    display: none;
  }
  section.portfolio .scrollable,
  section.portfolio .scrollable .items {
    height: 226px;
  }
  /* Footer
    /* ## ## ## ## ## ## ## ## ## ## */
  footer .map {
    display: none;
  }
  footer .line-3 p {
    display: none;
  }
  footer .line-3 .center-align .col-6 {
    width: 100% !important;
  }
  footer .line-1 .col-6:last-child span {
    opacity: 0;
  }
  /* Blog
    /* ## ## ## ## ## ## ## ## ## ## */
  section.blog .time-line {
    display: none;
  }
  section.blog .content .post .gallery-img {
    height: 206px;
  }
  section.blog .content .post .gallery-img img {
    width: 361px;
  }
  section.blog .content2 .col-6 {
    width: 100%;
  }
  section.blog .content-opened .related-posts {
    display: none;
  }
  section.blog .content-opened > .comments .comment .comm {
    width: 100%;
    margin-top: 10px;
  }
  section.blog .content-opened .img .info {
    width: auto;
  }
  section.blog .content .post .img iframe,
  .blog .content .post .video iframe {
    height: 270px;
  }
  section.blog .content2 .icon {
    display: none !important;
  }
  /* Service
    /* ## ## ## ## ## ## ## ## ## ## */
  .col-3 {
    width: 100%;
  }
  .why-choose-us .background .center-align > .col-6.news {
    display: none;
  }
  /* Contacts
    /* ## ## ## ## ## ## ## ## ## ## */
  .contacts-map .get-in-touch form input {
    width: 80%;
  }
  .contacts-map .get-in-touch form textarea {
    width: 85%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
  }
  .contacts-map .get-in-touch form input[type=submit] {
    width: 85%;
  }
}
/* 630
/* ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## */
@media (max-width: 430px) {
  .our-works .gallery .col-6 {
    max-height: 154px!important;
  }
  .our-works .gallery .col-6 img {
    max-height: 154px!important;
    width: 100%!important;
    height: auto;
  }
  .our-works .gallery .col-6 .mask,
  .our-works .gallery .col-6 .outlines {
    width: 100%;
    height: 100%;
  }
  .our-works .gallery .col-3 {
    max-height: 306px!important;
  }
  .our-works .gallery .col-3 img {
    max-height: 306px!important;
    width: 100%!important;
    height: auto;
  }
  .our-works .gallery .col-3 .mask,
  .our-works .gallery .col-3 .outlines {
    width: 100%;
    height: 100%;
  }
  .center-align {
    width: 300px;
  }
  div.testimonials .col-4 .nav.left {
    left: 5px;
  }
  div.testimonials .col-4 .nav.right {
    right: 5px;
  }
  #home-slider .slides li.backgroundslider {
    background-attachment: scroll;
  }
  #home-slider .slides li.backgroundslider {
    height: 545px;
  }
  #home-slider .slides li.backgroundslider .caption {
    top: 80px;
  }
  #home-slider .slides li.backgroundslider .text {
    top: 145px;
  }
  #home-slider .slides li.backgroundslider .href {
    top: 215px;
  }
  .colorselector {
    display: none;
  }
  section .caption > span.cap {
    font-size: 20px;
  }
  section .caption span {
    font-size: 40px;
  }
  .our-skills .prog-bars .col-6 {
    width: 100%;
  }
  #main-menu .logo {
    margin-left: 100px;
  }
  section.contact-us form input {
    width: 88%;
  }
  section.contact-us form textarea {
    width: 95%;
  }
  section.contact-us form input[type=submit] {
    width: 95%;
  }
  section.testimonials-page .testimonials-list li:hover > .hover .name {
    display: none;
  }
  section.testimonials-page .testimonials-list li:hover > .hover .text {
    top: 20px;
  }
  .why-choose-us #why-choose li a {
    font-size: 14px;
  }
  .our-works .gallery .col-6 span {
    font-size: 18px;
  }
  section.portfolio2 .gallery .col-2i5 {
    width: 100%;
  }
  section.portfolio2 .gallery .col-2i5 a:hover .icon {
    top: 32%;
  }
  section.portfolio .head-line {
    display: none;
  }
  section.portfolio .scrollable,
  section.portfolio .scrollable .items {
    height: 179px;
  }
  section.blog .content-opened .img .info {
    display: none;
  }
  section.blog .content .post .img iframe,
  section.blog .content .post .video iframe {
    height: 210px;
  }
  /* Contacts
    /* ## ## ## ## ## ## ## ## ## ## */
  .contacts-map .get-in-touch form input {
    width: 74%;
  }
  .contacts-map .get-in-touch form textarea {
    width: 80%;
  }
  .contacts-map .get-in-touch form input[type=submit] {
    width: 80%;
  }
}