/*
Theme Name: U.D Studio
Theme URI: http://underscores.me/
Author: Underscores.me
Author URI: http://underscores.me/
Description: Description
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: u-d-studio
Tags:

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

U.D Studio is based on Underscores http://underscores.me/, (C) 2012-2015 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Navigation
	## Links
	## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
	## Posts and pages
	## Asides
	## Comments
# Infinite scroll
# Media
	## Captions
	## Galleries
--------------------------------------------------------------*/
/* testimonial-new */
.bne-testimonial-featured-image, .bne-testimonial-featured-image.square, .bne-testimonial-featured-image.circle, .bne-testimonial-featured-image.flat-square, .bne-testimonial-featured-image.flat-circle {
    float: right!important;
    margin: 5px 0 10px 20px!important;
}
.bne-testimonial-heading, h3.bne-testimonial-heading, h4.bne-testimonial-heading {
        text-align: right!important;
        margin: 10px 0 5px 0px !important;
}
 a.btn-hero2 {
    padding: 5px 40px 5px 40px;
    font-size: 20px;
    line-height: 1.333333;
    border-radius: 12px;
    margin-top: 15px;
    color: #fff;
    background-color: #25aae1;
    border-color: #25aae1;
}

/* unvisited link */
a:link {
    text-decoration: none !important;
}

/* visited link */
a:visited {
    text-decoration: none !important;
}

/* mouse over link */
a:hover {
    text-decoration: none !important;
}

/* selected link */
a:active {
    text-decoration: none !important;
}

.next-posts {
    float: left;
    margin-bottom: 20px;
}
.prev-posts {
       margin-bottom: 20px; 
}
.next-posts a , .prev-posts a{
    background: #25aae1;
    color: #fff;
    padding: 6px 20px;
    box-sizing: border-box;
    border-radius: 10px;
}

/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/



.carousel-control.right , .carousel-control.left {
    background-image: linear-gradient(to right,rgba(0,0,0,0.0001) 0,rgba(0, 0, 0, 0.18) 100%);
}

/* Small menu. */
.menu-toggle,
.main-navigation.toggled ul {
	display: block;
}

@media screen and (min-width: 37.5em) {
	.menu-toggle {
		display: none;
	}
	.main-navigation ul {
		display: block;
	}
}

.site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation {
	margin: 0 0 1.5em;
	overflow: hidden;
}

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
	float: left;
	width: 50%;
}

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
	float: right;
	text-align: right;
	width: 50%;
}

/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
	height: 1px;
	width: 1px;
	overflow: hidden;
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000; /* Above WP toolbar. */
}

/* Do not show the outline on the skip link target. */
#content[tabindex="-1"]:focus {
	outline: 0;
}

/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em;
}

.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em;
}

.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
	content: "";
	display: table;
	table-layout: fixed;
}

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
	clear: both;
}

/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
.widget {
	margin: 0 0 1.5em;
}

/* Make sure select elements fit in widgets. */
.widget select {
	max-width: 100%;
}

/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
.sticky {
	display: block;
}

.hentry {
	margin: 0 0 1.5em;
}

.byline,
.updated:not(.published) {
	display: none;
}

.single .byline,
.group-blog .byline {
	display: inline;
}

.page-content,
.entry-content,
.entry-summary {
	margin: 1.5em 0 0;
}

.page-links {
	clear: both;
	margin: 0 0 1.5em;
}

/*--------------------------------------------------------------
## Asides
--------------------------------------------------------------*/
.blog .format-aside .entry-title,
.archive .format-aside .entry-title {
	display: none;
}

/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comment-content a {
	word-wrap: break-word;
}

.bypostauthor {
	display: block;
}

/*--------------------------------------------------------------
# Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .posts-navigation, /* Older / Newer Posts Navigation (always hidden) */
.infinite-scroll.neverending .site-footer { /* Theme Footer (when set to scrolling) */
	display: none;
}

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */
.infinity-end.neverending .site-footer {
	display: block;
}

/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
	max-width: 100%;
}

/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/
.wp-caption {
	margin-bottom: 1.5em;
	max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
}

.wp-caption-text {
	text-align: center;
}

/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
.gallery {
	margin-bottom: 1.5em;
}

.gallery-item {
	display: inline-block;
	text-align: center;
	vertical-align: top;
	width: 100%;
}

.gallery-columns-2 .gallery-item {
	max-width: 50%;
}

.gallery-columns-3 .gallery-item {
	max-width: 33.33%;
}

.gallery-columns-4 .gallery-item {
	max-width: 25%;
}

.gallery-columns-5 .gallery-item {
	max-width: 20%;
}

.gallery-columns-6 .gallery-item {
	max-width: 16.66%;
}

.gallery-columns-7 .gallery-item {
	max-width: 14.28%;
}

.gallery-columns-8 .gallery-item {
	max-width: 12.5%;
}

.gallery-columns-9 .gallery-item {
	max-width: 11.11%;
}

.gallery-caption {
	display: block;
}
.col-full-gallery {
    padding-right: 15px;
}


@import url(http://fonts.googleapis.com/earlyaccess/opensanshebrew.css);
/* ==== GENERAL ==== */
html {
  direction: rtl;
}
body{
   font-family: 'Open Sans Hebrew', sans-serif;
    font-weight: normal;
    direction: rtl;
}

/* ==== GLOBAL ==== */

h1,h2,h3,h4,h5,h6 {
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizelegibility;
}
.site-header {
    margin-top: 0 !important;
}
img {
	max-width: 100%;
}

/* ==== HEADER ==== */
/* ==== contact-top ==== */
.contact-li {
    font-size: 17px;
    vertical-align: middle;
    font-weight: normal;
    padding-right: 5px;
}
.contact-top {
    float: right;
    font-size: 24px;
    color:white;
}
/* ==== social-bar ==== */
.social-bar {
    float: left;
}
.social-icons {
    color:white;
    font-size: 30px;
    padding: 0 5px 0 5px;
}
/* ==== top-bar ==== */
#top-bar a:hover {
    color: #494949;
    text-decoration: none;
}
#top-bar {
        background-color: #25aae1;
}
/* ==== logo ==== */
.logo {
text-align: center;
}
.section-logo {
    text-align: center;
    margin-top: 5px;
    width: 100%;
}
.navbar-header {
        width: 150px;
}
/* ==== navbar ==== */
.navbar-default {
    background-color: white;
    border-color: white;
    font-size: 18px;
    margin-top: 15px;
}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover {
    background-color: white;
    border-top: 2px solid #25aae1;
}
.nav {
        margin-top: 76px;
    padding-left: initial;
}
.navbar-toggle {
    float: right;
    margin-left: 15px;
    margin-right: 15px;
    background:#25aae1;
}
.navbar-default .navbar-toggle .icon-bar {
background-color: black;
}

.navbar-nav>li>a {
    font-size: 18px;
}
.navbar-collapse {
    float: left !important;
}
/* ==== dropdown-menu ==== */
.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: right;
    min-width: 160px;
    padding: 0 0;
    margin: 0 0 0;
    font-size: 16px;
    text-align: right;
    list-style: none;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
    box-shadow: 0 6px 12px rgba(0,0,0,.175);
    right: 0 !important;
    width: 250px;
    font-size: 16px;
}
.dropdown-menu>li>a {
    display: block;
    padding: 15px 20px;
    clear: both;
    font-weight: 400;
    line-height: 1.42857143;
    color: #333;
    white-space: nowrap;
}
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover {
    color: #000000;
    background-color: #ffffff;
}
.dropdown-menu>li>a:hover {
    background-color: #25aae1;
    color: white;
}
.dropdown-menu .divider {
    height: 1px;
    margin: 0px 0;
    overflow: hidden;
background-color: #25aae1;
}
/* ==== hero ==== */
#hero {
	background: url('assets/img/hero.jpg') center center repeat;
    background-size: cover;
	min-height: 622px;
	color: white;
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizelegibility;
}
.section-header-hero {
	text-align: center;
    padding-top: 191px;
}
.section-header {
	text-align: center;
    margin-top: 65px;
    margin-bottom: 65px;
}
.section-header h1 {
    font-size: 45px;
}

/* ==== services ==== */
#services {
    text-align: center;
    padding-bottom: 90px;
    background: #DEDEDE;
    border-bottom: 4px solid #ffffff;
    border-top: 4px solid #ffffff;
}
.ser-col a{
    text-decoration: none;
    color: #666;
}
/* ==== flip-box ==== */
#f1_container {
  position: relative;
  margin: 10px auto;
  width: 230px;
  height: 230px;
  z-index: 1;
}
#f1_container {
  perspective: 1000;
}
#f1_card {
  width: 100%;
  height: 100%;
  transform-style: preserve-3d;
  transition: all 0.5s linear;
}
#f1_container:hover #f1_card {
  transform: rotateY(180deg);
}
.face {
  position: absolute;
  width: 100%;
  height: 100%;
  backface-visibility: hidden;
}
.face.back {
  display: block;
  transform: rotateY(180deg);
  box-sizing: border-box;
  padding: 10px;
  color: white;
  text-align: center;
  background-color: #25586D;
  border-radius: 50%;
}
.flip-text {
    color: white;
    padding: 45px 10px 10px 10px;
    font-weight: lighter;
    font-size: 16px;
}
/* ==== about ==== */
#about-us {
	background: #000 url('assets/img/background-about-us2.jpg') no-repeat fixed;
	min-height: 622px;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
    border-bottom: 1px solid #ffffff;
}
.section-header-about {
	text-align: center;
    margin-top: 65px;
}
.section-header-title {
    font-size: 30px;
    display: inline;
    border: 2px solid #25aae1;
    border-radius: 15px;
    padding: 1px 60px 1px 60px;
    color: #666;
}
.section-header-title-about {
    font-size: 30px;
    display: inline;
    border: 2px solid #25aae1;
    border-radius: 15px;
    padding: 1px 60px 1px 60px;
    color: #ffffff;
}
.section-header-title-about:hover {
    background-color: #25aae1;
    color:white;
}
.section-header-title:hover {
    background-color: #25aae1;
    color:white;
}
.about-text {
margin: 86px 0 10px;
    font-size: 20px;
    color: #ffffff;
    margin-right: 300px;
    margin-left: 300px;
    font-weight: normal;
    padding-bottom: 30px;
}
.about-tabs {
        margin: 26px 0 50px 0;
    font-size: 18px;
    color: #ffffff;
    text-align: center;
}
.about-nav {
    font-size: 22px;
    padding-right: 323px;
    border-bottom: 1px solid #CCC;
}
.about-nav>li.active>a, .about-nav>li.active>a:focus, .about-nav>li.active>a:hover {
    color: #25aae1;
    background-color: #f3f0eb;
        border: 1px solid #CCC;
    border-bottom-color: transparent;
}
.about-nav>li>a {
    border-radius: 4px;
    color: #ffffff;
}
.about-nav>li>a:hover {
    text-decoration: none;
    background-color: #25aae1;
    color: #ffffff
}
.about-nav>li {
    float: right;
    margin-bottom: -1px;
}

/* ==== projects ==== */
#projects {
	background:#494949;
	padding-bottom: 50px;
    text-align: center;
    border-bottom: 1px solid #ffffff;
}
.section-header-title-projects {
    font-size: 30px;
    display: inline;
    border: 2px solid #25aae1;
    border-radius: 15px;
    padding: 1px 60px 1px 60px;
    color: #ffffff;
}
.section-header-title-projects:hover {
    background-color: #25aae1;
    color:white;
}
.singel-project .home-category-small a {
    color: #fff;
    font-size: 18px;
}

.singel-project .home-category-small a:hover, .singel-project .home-category-small a:focus {
    text-decoration: none;
color: #25aae1;
}
/* ==== testimonials ==== */
.testimonial .col-xs-12 {
    padding: 20px 20px;
}

#testimonials {
    background:#25586D;
	padding-bottom: 50px;
    border-bottom: 1px solid #ffffff;
}
.testimonial img {
	vertical-align: middle;
    border-radius: 50%;
    float: none;
    max-width: 200px;
     filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 3.5+ */
  filter: gray; /* IE6-9 */
  -webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */
    display: block;
text-align: center;
    margin: 10px auto;
}
.testimonial img:hover{
     filter: none;
  -webkit-filter: grayscale(0%);
}
.testimonial p {
    color: #ffffff;
    font-weight: 100;
    font-style: italic;
    margin: 10px 0px 0px 0px;
    line-height: 23px;
    font-size: 15px;
        display: block;
text-align: center;
    margin: auto;
}
.testimonial p:before {
    content: open-quote;
        font-size: 35px;
        vertical-align: middle;
}
.testimonial p:after {
    content: close-quote;
        font-size: 35px;
        vertical-align: middle;
}
.section-header-title-testimonials {
    font-size: 30px;
    display: inline;
    border: 2px solid #ffffff;
    border-radius: 15px;
    padding: 1px 60px 1px 60px;
    color: #ffffff;
}
.section-header-title-testimonials:hover {
    background-color: #25aae1;
    border: 2px solid #ffffff;
    color:white;
}
/* ==== signup ==== */
#signup {
	text-align: center;
	background: url('/wp-content/uploads/2016/03/newslatter_ud2.jpg') center center fixed;
	background-size: cover;
	color: white;
	padding: 140px 0;
    border-bottom: 1px solid #ffffff;
}
#signup h2 {
	font-weight: normal;
}
#signup h2 strong {
	border-bottom: solid 2px #dd5638;
}
#signup .btn {
	font-size: 24px;
}

.btn-ser {
  padding: 5px 20px 5px 20px !important;
    font-size: 18px !important;
}
.btn-danger:hover {
    background-color: #25586D !important; 
}
.singel-project span { visibility: hidden; }
.singel-project:hover span { visibility: visible; }
.singel-project { position: relative; }
.singel-project span {
    font-size: 24px;
    position: absolute;
    bottom: 0;
    left: 0%;
    background: rgba(0, 0, 0, 0.5);
    color: white;
    overflow: hidden;
    height: 360px;
    width: 100%;
    padding-top: 145px;
}

/* ==== buttons ==== */
.btn-hero {
    padding: 5px 40px 5px 40px;
    font-size: 26px;
    line-height: 1.333333;
    border-radius: 12px;
    margin-top: 15px;
    color: #fff;
    background-color: #25aae1;
    border-color: #25aae1;
}
.btn-hero:hover {
    background-color: #25586D;
    border-color: #25586D;
}
.btn-service {
color: #fff;
    background-color: #25aae1;
    border-color: none;
    padding: 10px 60px 10px 60px;
    border-radius: 16px;
    font-size: 38px;
    margin-top: 70px;
    margin-bottom: 30px;
    border: none;
}
.btn-modal {
    color: #fff;
    background-color: #25586D;
    border-color: #25586D;
    margin: 3px;
    line-height: 25px !important;
    padding-left: 104px !important;
    padding-right: 104px !important;
}
.fa-modal {
    color: #25aae1;
}
/* ==== slick-slider ==== */
.slick-prev {
    display: none !important;
}
.slick-next {
    display: none !important;
}
.arrow-r {
    font-size: 60px;
    color: white;
    font-weight: normal;
    padding-top: 105px;
}
.arrow-l {
    font-size: 60px;
    color: white;
    font-weight: normal;
    padding-top: 105px;
}
.slick-slide img {
    display: block;
    width: 389px;
    height: auto;
    padding-left: 5px;
    padding-right: 5px;
}
.btn-gallery {
        text-align: center;
    margin-top: 10px;
    margin-right: 0;
}

/*.btn-open {
    width: 100%;
    font-size: 25px;
} */


.btn-open {
    font-size: 16px;
    z-index: 999;
    position: absolute;
    bottom: 0;
    left: 0;
}
.modal-dialog1 {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
}

.modal-content1 {
  height: auto;
  min-height: 100%;
  border-radius: 0;
}
.item {
    text-align: center;
}
.btn-closed {
    position: fixed;
    top: 20px;
    z-index: 1;
    right: 28px;
    border: 2px solid #135571;
    font-size: 18px;
}
.btn-morr {
    color: #ffffff;
    background-color: transparent;
    border-color: #ffffff;
    font-size: 19px;
}
.btn-morr:hover {
    color: #135571;
    background-color: #ffffff;
    border-color: #135571;
    font-size: 19px;
    padding: 5px 13px;
}
.test-all {
    max-height: 650px;
}
/* ==== Forms ==== */
.form-row{
    text-align: center;
    background: rgba(0, 0, 0, 0.5);
    padding-bottom: 35px;
}
.form-row h2{
    color: white;
}
label {
	display: block;
	font-weight: bold;
}
#subscribe-name, #subscribe-tell, #subscribe-email {
    height: 39px;
}
#subscribe-name1, #subscribe-tell1, #subscribe-email1 {
    background-color: #D4D4D4 !important;
    color: black;
}


input[type="text"],
input[type="email"],
input[type="url"],
input[type="tel"],
input[type="search"],
textarea {
	color: #ffffff;
	border: 1px solid #ccc;
	border-radius: 3px;
	display: block;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	width: 100%;
	padding: 6px 12px;
    background-color: #666;
    font-size: 19px;
    margin-left: 25px;
    font-weight: normal;
}
input[type="submit"], button[type="submit"] {
    display: inline-block;
    margin-bottom: 0;
    font-size: 20px;
    font-weight: normal;
    line-height: 1.33;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: none;
    border-radius: 4px;
    /* padding: 5px 10px 10px 5px; */
    padding-left: 30px;
    padding-right: 30px;
    background-color: #25aae1; 
}
input[type="submit"]:hover,
button[type="submit"]:hover {
	outline: none;
	border: none;
	background: red;
}
#subscribe-name::-webkit-input-placeholder,
#subscribe-email::-webkit-input-placeholder,
#subscribe-tell::-webkit-input-placeholder
{
  color: grey;
}
.form-inline {
    padding-left: 10px;
    padding-right: 10px;
    }
.contact-page {
    width: 248px !important;
}
.contact-form-page {
    margin-bottom: 10px !important;
    margin-left: 10px;
}
.contact-form-page-text {
    margin-bottom: 10px !important;
}
#i-your-message {
    width: 775px;
    height: 198px;
}

div.wpcf7 .form-inline .form-group {
  max-width: none !important;
}
#inner-header {
    background: url('assets/img/background_icons2.jpg') center center;
	background-size: cover; 
    padding-bottom: 2px;
    padding-top: 2px;
    border-bottom: 2px solid grey;
}
.breadcrumbs-title {
    font-size: 26px;
    color: #25aae1;
    display: inline-block;
    }
#inner-header h1 {
  margin-top: 15px !important;
}
.breadcrumb {
    padding: 8px 15px;
    margin-bottom: 20px;
    list-style: none;
    background-color: transparent;
    border-radius: 4px;
    font-size: 26px;
    float: left;
}

.breadcrumb a{
    color: #25aae1;
    text-decoration: none;
}
.breadcrumb>li+li:before {
    padding: 0 5px;
    color: #25aae1;
    content: "/\00a0";
}
#breadcrumbs {
margin: 0 0 10px;
    float: left;
    font-size: 18px;
    padding-top: 15px;
    color: #25aae1;
}
#breadcrumbs a {
    color: #25aae1;
}

#inner-services {
    padding-top: 50px;
    padding-bottom: 50px;
    background: url('assets/img/background_icons2.jpg');
    color: #ffffff;
}
#inner-services h2 {
font-size:26px;
}
.row-centered {
    text-align:center;
}
.col-centered {
    display:inline-block;
    float:none;
    /* reset the text-align */
    text-align:center;
    /* inline-block space fix */
    margin-right:-4px;
}
#inner-services .col-centered img {
    width: auto;
    height: auto;
    max-width: 155px;
    max-height: 160px;
    -webkit-transition: .4s;
    transition: .4s;
}
#inner-services .col-centered img:hover {
    opacity: .7;
}
#inner-services-page {
   padding-top: 50px;
    padding-bottom: 50px;  
}
#inner-services-page h2 {
    font-size: 24px;
    color:#25aae1; 
}
#inner-services-page p {
    font-size: 16px;
    line-height: 26px;
}
#inner-services-page h3 {
   font-size: 20px;
    color: #25aae1;
}
.inner-page {
    color: #ffffff !important;
    border: 1px solid #ccc;
    border-radius: 3px;
    display: block;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    padding: 6px 12px;
    background-color: #666;
    font-size: 16px !important;
    margin-left: 25px;
    font-weight: normal;
}
.inner-submit {
    color: white;
    width: 100%;
    }
.inner-submit:hover {
    color: white;
    background: #25586d !important;
}
#c-your-name {
    width: 100%;
}
#c-your-email {
    width: 100%;
}
#c-your-tell {
    width: 100%;
    background-color: #666;
}
#c-your-message{
    background-color: #666; 
    color: #ffffff;
}
.a-your-name {
    display: inline-block;
    margin-left: 5px;
        width: 100%;
}
.a-your-email {
    display: inline-block;
    margin-left: 5px;
    width: 100%;
}
.a-your-tel {
    display: inline-block;
        width: 100%;
    
}
.a-your-message {

        display: inline-block;
        width: 100%;
}
input.inner-form-name::-webkit-input-placeholder { 
    font-size: 16px; color: #ffffff;
}

/* Mozilla Firefox 4 to 18 */
input.inner-form-name:-moz-placeholder { 
    font-size: 16px; color: #ffffff;
}

/* Mozilla Firefox 19+ */
input.inner-form-name::-moz-placeholder { 
    font-size: 16px; color: #ffffff;
}

/* Internet Explorer 10+ */
input.inner-form-name:-ms-input-placeholder {
    font-size: 16px; color: #ffffff;
}
input.inner-form-name::-webkit-input-placeholder::before { font-family: fontAwesome; content:'\f007  '; color: #25aae1 }
input.inner-form-name::-moz-placeholder::before  { font-family: fontAwesome; content:'\f007  '; color: #25aae1 } /* firefox 19+ */
input.inner-form-name:-ms-input-placeholder::before  { font-family: fontAwesome; content:'\f007  '; color: #25aae1 } /* ie */
input.inner-form-name:-moz-placeholder::before  { font-family: fontAwesome; content:'\f007  '; color: #25aae1 }

input.inner-form-mail::-webkit-input-placeholder { 
    font-size: 16px; color: #ffffff;
}

/* Mozilla Firefox 4 to 18 */
input.inner-form-mail:-moz-placeholder { 
    font-size: 16px; color: #ffffff;
}

/* Mozilla Firefox 19+ */
input.inner-form-mail::-moz-placeholder { 
    font-size: 16px; color: #ffffff;
}

/* Internet Explorer 10+ */
input.inner-form-mail:-ms-input-placeholder {
    font-size: 16px; color: #ffffff;
}

input.inner-form-mail::-webkit-input-placeholder::before { font-family: fontAwesome; content:'\f1fa  '; color: #25aae1 }
input.inner-form-mail::-moz-placeholder::before  { font-family: fontAwesome; content:'\f1fa  '; color: #25aae1 } /* firefox 19+ */
input.inner-form-mail:-ms-input-placeholder::before  { font-family: fontAwesome; content:'\f1fa  '; color: #25aae1 } /* ie */
input.inner-form-mail:-moz-placeholder::before  { font-family: fontAwesome; content:'\f1fa  '; color: #25aae1 }

input.inner-form-phone::-webkit-input-placeholder { 
    font-size: 16px; color: #ffffff;
}

/* Mozilla Firefox 4 to 18 */
input.inner-form-phone:-moz-placeholder { 
    font-size: 16px; color: #ffffff;
}

/* Mozilla Firefox 19+ */
input.inner-form-phone::-moz-placeholder { 
    font-size: 16px; color: #ffffff;
}

/* Internet Explorer 10+ */
input.inner-form-phone:-ms-input-placeholder {
    font-size: 16px; color: #ffffff;
}

input.inner-form-phone::-webkit-input-placeholder::before { font-family: fontAwesome; content:'\f095  '; color: #25aae1 }
input.inner-form-phone::-moz-placeholder::before  { font-family: fontAwesome; content:'\f095  '; color: #25aae1 } /* firefox 19+ */
input.inner-form-phone:-ms-input-placeholder::before  { font-family: fontAwesome; content:'\f095  '; color: #25aae1 } /* ie */
input.inner-form-phone:-moz-placeholder::before  { font-family: fontAwesome; content:'\f095  '; color: #25aae1 }

.inner-form-text::-webkit-input-placeholder { 
    font-size: 16px; color: #ffffff;
}

/* Mozilla Firefox 4 to 18 */
.inner-form-text:-moz-placeholder { 
    font-size: 16px; color: #ffffff;
}

/* Mozilla Firefox 19+ */
.inner-form-text::-moz-placeholder { 
    font-size: 16px; color: #ffffff;
}

/* Internet Explorer 10+ */
.inner-form-text:-ms-input-placeholder {
    font-size: 16px; color: #ffffff;
}

.inner-form-text::-webkit-input-placeholder::before { font-family: fontAwesome; content:'\f003  '; color: #25aae1 }
.inner-form-text::-moz-placeholder::before  { font-family: fontAwesome; content:'\f003  '; color: #25aae1 } /* firefox 19+ */
.inner-form-text:-ms-input-placeholder::before  { font-family: fontAwesome; content:'\f003  '; color: #25aae1 } /* ie */
.inner-form-text:-moz-placeholder::before  { font-family: fontAwesome; content:'\f003  '; color: #25aae1 }

#contact {
    background: url('assets/img/contact-bg.jpg');
	background-size: cover; 
    padding-bottom: 20px;
    padding-top: 20px;
    min-height: 926px;
}
#contact h2{
    text-align: center;
    color: #25aae1;
    font-size: 44px;
    font-weight: bold;
    padding-bottom: 50px;
}
.contact-box{
background: rgba(0, 0, 0, 0.1);
    padding: 10px 10px 10px 10px;
}

.contact-box-form {
    float: left;
}
.contact-box-info h3 {
  text-decoration: underline;
}
.contact-icon {
    font-size: 22px;
    color: #25aae1;
}
.contact-list a{
    line-height: 65px;
    color: #000000;
}
.contact-info {
    font-size: 18px;
    padding-right: 10px;
}


/* ==== BLOG ==== */

#sidebar-search {
    color:#000000;
}

.blog-content {
    margin-top: 70px;
}

.post, .widget, #comments {
	position: relative;
	border: solid 1px #ddd;
	background: white;
	margin: 0 0 40px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
    padding: 10px 10px 10px 10px;
}

.post header,
.post .post-excerpt,
.post .post-body,
#comments .comments-wrap {
	padding: 20px;
}

.post header h3 {
	margin: 0 0 15px;
	padding: 0 0 15px;
	border-bottom: solid 1px #ddd;

}
.post a {
    color: #25aae1;    
}

.post header h1 {
	margin: 0 0 15px;
	padding: 0 0 15px;
	border-bottom: solid 1px #ddd;
	font-size: 24px;
}
.post-image img {
	height: auto;
}
.post-details {
	font-size: 12px;
	width: 90%;
}
.post-details i.fa {
	padding-left: 10px;
}
.post-details i.fa:first-child {
	padding: 0;
}
.widget {
	padding-right: 20px;
    padding-left: 20px;
}

.widget h4 {
	margin: 0 0 10px;
	padding: 0 0 10px;
	border-bottom: solid 1px #ddd;
    color: #25aae1;
}
.widget h3 {
    
    padding-bottom: 13px;
	border-bottom: solid 1px #ddd;
    color: #25aae1;
}

.widget ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.widget ul li {
	margin: 0 0 5px;
}

.widget ul li:hover {
	position: relative;
	left: 1px;
}
#nav_menu-4 a {
  color: #25586D;  
}

/* ==== footer ==== */
#footer {
    background-color: #494949;
    }
#footer a {
    color: #ffffff;
    font-size: 16px;
    font-weight: normal;
    line-height: 26px;
}
#footer ul {
    margin-top: 0px;
    margin-bottom: 10px;
    padding-left: 0px;
    list-style: none;
    padding-right: 0;
}
footer a:link, footer a:visited {
	color: white;
    text-decoration: none;
}
footer h3 {
    font-size: 20px;
    color: grey;
}
.social-icons-footer {
        font-size: 28px !important;
}
footer a:hover {
    color: #25aae1 !important;
    text-decoration: none;
}
#footer-sidebar1 .widget {
    background-color: #494949;
    border: none;
}
#footer-sidebar2 .widget {
    background-color: #494949;
    border: none;
}
#footer-sidebar3 .widget {
    background-color: #494949;
    border: none;
}
#footer-sidebar4 .widget {
    background-color: #494949;
    border: none;
}
.widget_search input[type="submit"] {
    display: none;
}

div.wpcf7 .screen-reader-response {
    display: block;
}


   .nav-stacked {
    display: none;
}
.nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover {
    color: #fff;
    background-color: #25aae1;
}

ul {
    margin-top: 0;
    margin-bottom: 10px;
    font-size: 16px;
    line-height: 26px;
}

figure img {
	width: 100%;
    height: auto !important;
}

figure {
	margin: 5px 5px 10px 5px;
	padding: 0;
	height: auto;
	position: relative;
	display: block;
	cursor: pointer;
	overflow: hidden;
    border-radius: 5px;
    text-align: center;
}

figure:hover figcaption {
	-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
	filter: alpha(opacity=100);
	opacity: 1;
	-webkit-transform: rotate(0);
	-moz-transform: rotate(0);
	-o-transform: rotate(0);
	-ms-transform: rotate(0);
	transform: rotate(0);
	top: 0;
}

figcaption {
	-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
	filter: alpha(opacity=0);
	opacity: 0;
	position: absolute;
	height: 100%;
	width: 100%;
            	top: -100%;
	background: rgba(26,129,218,0.8);
	color: #fff;
	-webkit-transition: all .1s ease;
	-moz-transition: all .1s ease;
	-o-transition: all .1s ease;
	-ms-transition: all .1s ease;
	transition: all .1s ease;
	-webkit-transition-delay: .05s;
	-moz-transition-delay: .05s;
	-o-transition-delay: .05s;
	-ms-transition-delay: .05s;
	transition-delay: .05s;
	
    
}
.more-info {
    margin-top: -11px;
}
figcaption h3 {
	font-weight: 400;
	color: #ffffff;
	padding: 0px 20px;
	margin-bottom: 0;
	position: relative;
	left: 100%;
	margin-top: 100px;
	font-size: 30px;
	-webkit-transition: all .1s;
	-moz-transition: all .1s;
	-o-transition: all .1s;
	-ms-transition: all .1s;
	transition: all .1s;
	-webkit-transition-delay: .1s;
	-moz-transition-delay: .1s;
	-o-transition-delay: .1s;
	-ms-transition-delay: .1s;
	transition-delay: .1s;
}

figcaption p {
    padding: 50px 20px;
    margin-bottom: 0;
    margin-top: 5px;
    position: relative;
    left: 100%;
    -webkit-transition: all .1s;
    -moz-transition: all .1s;
    -o-transition: all .1s;
    -ms-transition: all .1s;
    transition: all .1s;
    -webkit-transition-delay: .1s;
    -moz-transition-delay: .1s;
    -o-transition-delay: .1s;
    -ms-transition-delay: .1s;
    transition-delay: .1s;
    font-size: 14px;
}

figure:hover h3,figure:hover p {
	left: 0;
}

figcaption a {
	color: #fff;
	padding: 4px 0px;
	text-decoration: none;
}

figcaption a:hover {
	color: #ffffff;
    text-decoration: none;
    padding: 4px 0px;
}
.fa-pro-l {
    font-size: 30px;
    margin-left: 20px;
}
.fa-pro {
    font-size: 29px;
    margin-right: 20px;
}
.fa-mobile-phone {
    font-size: 30px;
}
.fa-envelope {
    font-size: 20px;
}
.fa-map-marker {
    font-size: 27px;
}
#lightbox .modal-content {
    display: inline-block;
    text-align: center;   
}

#lightbox .close {
    opacity: 1;
    color: rgb(255, 255, 255);
    background-color: rgb(25, 25, 25);
    padding: 5px 8px;
    border-radius: 30px;
    border: 2px solid rgb(255, 255, 255);
    position: absolute;
    top: -15px;
    right: -55px;
    
    z-index:1032;
}
.modal {
    position: fixed;
    top: 10px;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1050;
    display: none;
    overflow: hidden;
    -webkit-overflow-scrolling: touch;
    outline: 0;
}
#project-page {
   padding-top: 20px;
    padding-bottom: 100px;
}
#project-page h2 {
    color: #25aae1;
}
#project-page h3 {
    color: #25aae1;
    font-size: 22px;
}
#project-page p {
    font-size: 16px;
}
#lightbox .close {
    opacity: 1;
    color: rgb(255, 255, 255);
    background-color: #337ab7;
    padding: 5px 8px;
    border-radius: 30px;
    border: 2px solid rgb(255, 255, 255);
    position: absolute;
    top: -15px;
    right: -55px;
    z-index: 1032;
}

/* ==== MEDIA QUERIES ==== */
@media screen and (max-width: 1199px) { 
    .navbar-default .navbar-nav>li>a {
    font-size: 15px;
        }
    .navbar-default .navbar-nav>li>a {
    padding: 10px 12px;
        }
    }
@media screen and (max-width: 991px) { 
    .navbar-default .navbar-nav>li>a {
    font-size: 12px;
    padding: 10px 10px;
        }
    .navbar-collapse {
    padding-right: 10px;
    padding-left: 10px;
}
    .navbar-header {
    width: 120px;
}
}
    @media screen and (max-width: 1291px) and (min-width: 992px) {

        #inner-services .col-centered {
    display: inline-block;
                width: 25%;
    } 

}
    @media screen and (max-width: 991px) and (min-width: 767px) { 
        #projects-page .col-md-4 {
        width: 50%;
            display: inline-block;
}
    }
@media screen and (min-width: 767px) { 


}
@media screen and (max-width: 860px) { 
.navbar-collapse.collapse {
    display: none !important;
    }

}


@media screen and (max-width: 1170px) and (min-width: 300px) {
	.about-text {
    margin: 86px 0 10px;
    font-size: 20px;
    color: #ffffff;
    margin-right: 10px;
    margin-left: 10px;
    font-weight: normal;
    padding-bottom: 30px;
}
@media screen and (max-width: 512px) {
	 .social-bar {
    float: right;
}
}    
 @media screen and (max-width: 1200px) {
	  .navbar-default {
    background-color: white;
    border-color: white;
    font-size: 14px;
    margin-top: 40px;
}
}       
    
@media screen and (max-width: 991px) and (min-width: 300px) {
	.about-nav {
padding-right: 10px;
font-size: 20px;
}   

@media screen and (max-width: 500px) {
	.arro-r {
    padding-right: 4px;
}
	.arro-l {
    padding-left: 4px;
}
	.arro {
        width: 81.333333%;
}
	.section-header-title {
        font-size: 25px;
}
} 
      @media screen and (max-width: 400px) {
    .about-nav {
    padding-right: 0px;
    font-size: 10px;
}
    .social-icons {
    color: white;
    font-size: 17px;
    padding: 0 0px 0 5px;
}
}
     @media screen and (min-width: 1200px)  { 
    .contact-box-info {
    width: 24%;
}
    }
     @media screen and (max-width: 768px) and (min-width: 1199px)  { 
   #contact .contact-box-info {
    width: 49% !important;
}
    }
    @media screen and (max-width: 767px) {
        
        #about-us { 
    background-size: cover;
    background-repeat: round;
}
   #contact .contact-box-info {
    width: 100%;
}
            .navbar-header {
        width: 250px;
        margin: auto !important;
}
}
         @media screen and (max-width: 503px) {
    .contact-li {
    font-size: 12px;
    vertical-align: middle;
    font-weight: normal;
    padding-right: 5px;
}
  #contact .contact-box-info {
      text-align: center;
}
}
@media screen and (max-width: 852px) { 
     #inner-services .col-centered {
    display: inline-block;
                width: 50%;
    }
     .btn-hero { 
    display: block;
    margin: auto;
    margin-top: 20px;
}
    }

     @media screen and (max-width: 414px) { 
   .about-nav {
    display: none;
}
   .nav-stacked {
    display: block;
    padding-right: 5px;
    }
                 #inner-services .col-centered {
    display: block;
                width: 100%;
    } 
    } 
    
    
     @media screen and (max-width: 503px) { 
    .social-bar {
    float: left;
    padding-top: 7px;
         }
    }
    
      @media screen and (max-width: 670px) { 
      .section-logo {
    text-align: center;
    margin-top: 5px;
    width: 40%;
    margin-right: 28%;
         }
  #hero {
    background: url('assets/img/hero.jpg') center center repeat;
    background-size: cover;
    min-height: 450px;
    color: white;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizelegibility;
}
  .breadcrumbs-title {
    font-size: 26px;
    color: #25aae1;
    display: none;
}
 .section-header-title-testimonials {
    font-size: 30px;
    display: inline;
    border: 2px solid #ffffff;
    border-radius: 15px;
    padding: 1px 10px 1px 10px;
    color: #ffffff;
}
.testimonial p {
    color: #ffffff;
    font-weight: 100;
    font-style: italic;
    margin: 10px 0px 20px 0px;
    line-height: 23px;
    font-size: 15px;
}
.tab-content {
padding-left: 5px;
    padding-right: 5px;
}
.nav-pills>li>a {
    border-radius: 4px;
    color: #C5C0C0;
}
#breadcrumbs {
    float: right;
}
.btn-gallery {
    text-align: center;
    margin-top: 10px;
        margin-right: 0;
}

}

 @media screen and (max-width: 320px) { 
    .social-bar {
    float: right;
    padding-top: 7px;
         }
    }