/* Add here all your CSS customizations */
/* __________  TOPBANNER  __________ */
#top-banner{
width: 380px;
background: #fdfdfd;
color: #000;
border-top: 1px #fff solid;
padding:5px 0;
position: fixed;
bottom: 0;
left: 0;
z-index: 9999 !important;
-webkit-box-shadow: 0 0px 4px rgba(0,0,0,0.3);
-moz-box-shadow: 0 0px 4px rgba(0,0,0,0.3);
box-shadow: 0 0px 4px rgba(0,0,0,0.3);
cursor:default;
display:none;
}
@media only screen and (max-width: 381px) {
#top-banner{ width: 100%; max-width: 360px; }
}
.top-banner .input-group-addon {
background-color: #fff;
color: #444;
border-right: none;
padding-right: 0;
}

.tbc2{display:table-cell;padding: 0 15px;;vertical-align: middle;}
.tbc3{display: table-cell;width: 50%;vertical-align: middle;height: 100px; position:relative;}
.tbc4{font-size:13px}
.tbc4 span{text-decoration:underline}
.tbc5 i{padding:0 5px} 
.tbc1 img{width:100%}

.closeTopBanner{float:right; position:relative; right:0px; top:0px; font-size:x-large; color:#666; z-index:999; cursor:pointer;}


/* */

.top-banner .form-control, .top-banner .form-control:focus {
border-left: none;
box-shadow: none;
}
.input-group-addon, .input-group-btn, .input-group .form-control {
display: table-cell;
}
.input-group-lg>.form-control, .input-group-lg>.input-group-addon, .input-group-lg>.input-group-btn>.btn {
height: 46px;
padding: 10px 16px;
font-size: 18px;
line-height: 1.33;
}
.input-group-addon:not(:first-child):not(:last-child), .input-group-btn:not(:first-child):not(:last-child), .input-group .form-control:not(:first-child):not(:last-child) {
border-radius: 0;
}
.input-group-addon, .input-group-btn {
width: 1%;
white-space: nowrap;
vertical-align: middle;
}
/**/

.input-group-lg>.form-control, .input-group-lg>.input-group-addon, .input-group-lg>.input-group-btn>.btn {
height: 50px;
font-size: 18px;
line-height: 40px;
}
.input-group .form-control:last-child, .input-group-addon:last-child, .input-group-btn:last-child>.btn, .input-group-btn:last-child>.btn-group>.btn, .input-group-btn:last-child>.dropdown-toggle, .input-group-btn:first-child>.btn:not(:first-child), .input-group-btn:first-child>.btn-group:not(:first-child)>.btn {
border-bottom-left-radius: 0;
border-top-left-radius: 0;
}
.input-group-btn:last-child>.btn, .input-group-btn:last-child>.btn-group {
margin-left: -1px;
}
.tbc3 .btn{height:50px !important}
@media only screen and (max-width: 767px) {
.tbc5{font-size:16px;margin:0;}
.tbc2{padding:0;height:auto !important}
.tbc3{height:auto;padding:0;}
}
@media screen and (min-width: 768px){
.top-banner .form-control{min-width:235px;}
.tbc5{font-size:24px;margin:0}	
.tbc3 p{font-size:17px; margin: 0px 0px 5px 5px;}
}

.siziArayalimPhone { float: left !important; min-width:200px !important; height: 50px !important; line-height: 50px !important; 
margin-left: 0px; border-radius:0px;max-width:200px;font-size:14px}

@media screen and (max-width: 360px){
form.siziArayalim input#send { font-size:12px; }
#top-banner { top:0px; bottom:auto; height:95px; }
}

.siziArayalimDiv label { clear:left; color:#eee; }
.phoneIcon { float:left; width:40px; height:50px; line-height: 50px; }

div.info {background-color:#cce9f2; border:1px solid #86cde3; color:#3194b1;}
div.success {background-color:#d8f1c6; border:1px solid #b3cda1; color:#749958; border-radius:0px; }
div.error {background-color:#F5EAEA; border:1px solid #e1a1a1; color:#b55454; border-radius:0px; }
div.warning {background-color:#fbf4dd; border:1px solid #d1c9ae; color:#978c68;}





.lightbox-item a.permalink-alt {
display: inline-block;
width: 39px;
height: 39px;
line-height: 38px;
text-align: center;
color: #fff;
background: #2f3644;
-webkit-border-radius: 500px;
-moz-border-radius: 500px;
-ms-border-radius: 500px;
-o-border-radius: 500px;
border-radius: 500px;
position:relative;
top: 40%;
font-size: 16px;
margin:1px 1px;
}

.lightbox-item a.socialink {
display: inline-block;
width: 39px;
height: 39px;
line-height: 40px;
text-align: center;
color: #fff;
background: #2f3644;
-webkit-border-radius: 500px;
-moz-border-radius: 500px;
-ms-border-radius: 500px;
-o-border-radius: 500px;
border-radius: 500px;
position:relative;
top: 40%;
font-size: 16px;
margin:0px 1px 6px 1px;
}
::made-up-pseudo-element, .lightbox-item a.socialink {top: 8%;}

.lightbox-item a.preview {margin-left: 0px; background: #2f3644; color: #fff; z-index: 1;}
.lightbox-item a.preview:hover, .lightbox-item a.permalink:hover {color:#2f3644; background: #fff;}
.lightbox-item a.socialink:hover {color:#2f3644; background: #fff;}

.lightbox-item .lightbox-item-overlay-content {
height:100%;
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
opacity: 0;
background-color: #1abc9c;
background-color: rgba(25, 188, 156, 0.5);
background-position: center center;
background-repeat: no-repeat;
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
-ms-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}

.teaser-gallery-box .lightbox-item .lightbox-item-overlay-content {
height:100%;
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
opacity: 0;
background-color: #1abc9c;
background-color: rgba(25, 188, 156, 0.5);
background-position: center center;
background-repeat: no-repeat;
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
-ms-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
-webkit-border-radius: 6px !important;
-webkit-border-bottom-right-radius: 0px !important;
-webkit-border-bottom-left-radius: 0px !important;
-moz-border-radius: 6px !important;
-moz-border-radius-bottomright: 0px !important;
-moz-border-radius-bottomleft: 0px !important;
border-radius: 6px !important;
border-bottom-right-radius: 0px !important;
border-bottom-left-radius: 0px !important;
}

.lightbox-item:hover .lightbox-item-overlay-content {
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
opacity: 1;
}

.lightbox-item a.preview, .lightbox-item a.permalink, .lightbox-item a.permalink-alt, .lightbox-item a.socialink {
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
opacity: 0;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}

.lightbox-item a.permalink, .lightbox-item a.permalink-alt {
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
opacity: 0;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
-webkit-transform: translateX(100px);
-moz-transform: translateX(100px);
-o-transform: translateX(100px);
-ms-transform: translateX(100px);
transform: translateX(100px);
}

.lightbox-item a.socialink {
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
opacity: 0;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
-webkit-transform: translateY(100px);
-moz-transform: translateY(100px);
-o-transform: translateY(100px);
-ms-transform: translateY(100px);
transform: translateY(100px);
}

.lightbox-item a.preview {
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
opacity: 0;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
-webkit-transform: translateX(-100px);
-moz-transform: translateX(-100px);
-o-transform: translateX(-100px);
-ms-transform: translateX(-100px);
transform: translateX(-100px);
}

.lightbox-item:hover a.preview, .lightbox-item:hover a.permalink, .lightbox-item:hover a.permalink-alt, .lightbox-item:hover a.socialink {
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
opacity: 1;
-webkit-transform: translateX(0px);
-moz-transform: translateX(0px);
-o-transform: translateX(0px);
-ms-transform: translateX(0px);
transform: translateX(0px);
}


ul.sitemap { padding-left:0px; }
.sitemap li:before 
{ 
display: inline-block;
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: "\f0da";
color:#0088cc;
}
.sitemap li a { color: #0088cc; }

.breadcrumb>.active a { color:#999; }

ul.portfolio-list { z-index:0 !important; min-height: 500px; }

html.boxed #header.transparent { position: fixed !important; left: 0px; top: 35px; }
html.boxed body.sticky-menu-active #header.transparent { width: auto; left: auto; top:-65px !important; }

html.boxed #header.header6 { left: auto; right: auto; width: auto;  }

ul.portfolio-list { display:none; }

input[type=file].error { border: none !important; padding: 5px 0px; }

.nav .open>a, .nav .open>a:hover, .nav .open>a:focus {
background-color: transparent; 
border-color: none;
}

header.colored div.header-top ul.nav-top ul.tel0850Ul li a span { color:#000 !important; }
header.colored div.header-top ul.nav-top ul.tel0850Ul li a:hover span { color:#fff !important; }
#footer .contact ul.tel0850Ul i { margin:0px; }