html, body{
width:100%;
height:100%;
font-family:'Segoe UI', SegoeUI, "Helvetica Neue", Helvetica, Arial, sans-serif;
background-color:#FFF;
}
.carousel-inner,.carousel,.item,.container,.fill {
height:auto;
width:100%;
background-position:center center;
background-size:cover;
}
.slide-wrapper{display:inline;}
.slide-wrapper .container{padding:0px;}
/*------------------------------ vertical bootstrap slider----------------------------*/
/*.carousel-inner> .item.next , .carousel-inner > .item.active.right{ transform: translateY(100%); -webkit-transform: translateY(100%); -ms-transform: translateY(100%);
-moz-transform: translateY(100%); -o-transform: translateY(100%); top: 0;left:0;}
.carousel-inner > .item.prev ,.carousel-inner > .item.active.left{ transform: translateY(-100%); -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%);
-ms-transform: translateY(-100%); -o-transform: translateY(-100%); top: 0; left:0;}
.carousel-inner > .item.next.left , .carousel-inner > .item.prev.right , .carousel-inner > .item.active{transform:translateY(0); -webkit-transform:translateY(0);
-ms-transform:translateY(0);-moz-transform:translateY(0); -o-transform:translateY(0); top:0; left:0;}*/
/*------------------------------- vertical carousel indicators ------------------------------*/
.carousel-indicators{
/*position:absolute;
top:0;
bottom:0;
margin:auto;
height:20px;
right:10px; left:auto;
width:auto;*/
}
.carousel-indicators li{display:inline-block; margin-bottom:5px; border:1px solid #fff; }
.carousel-indicators li.active{margin-bottom:5px; background:#fff;}
/*-------- Animation slider ------*/
.animated{
animation-duration:3s;
-webkit-animation-duration:3s;
-moz-animation-duration:3s;
-ms-animation-duration:3s;
-o-animation-duration:3s;
visibility:visible;
opacity:1;
transition:all 0.3s ease;
}
.carousel-img{
display: inline-block;
margin: 0 auto;
width: 100%;
text-align: center;
}
/*.item img{margin:auto;visibility:hidden; opacity:0; transition:all 0.3s ease; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -ms-transition:all 0.3s ease; -o-transition:all 0.3s ease;}
.item1 .carousel-img img , .item1.active .carousel-img img{max-height:300px;}
.item1.active .carousel-img img.animated{visibility:visible; opacity:1; transition:all 1s ease; -webkit-transition:all 1s ease; -moz-transition:all 1s ease; -ms-transition:all 1s ease; -o-transition:all 1s ease;
animation-duration:2s; -webkit-animation-duration:2s; -moz-animation-duration:2s; -ms-animation-duration:2s; -o-animation-duration:2s; animation-delay:0.3s ; -webkit-animation-delay:0.3s;
-moz-animation-delay:0.3s;-ms-animation-delay:0.3s; }
.item .carousel-desc{color:#fff; text-align:center;}
.item h2{font-size:50px; animation-delay:1.5s;animation-duration:1s; }
.item p{animation-delay:2.5s;animation-duration:1s; width:50%; margin:auto;font-size:25px;}
.item2 .carousel-img img , .item2.active .carousel-img img{max-height:300px;}
.item2.active .carousel-img img.animated{visibility:visible; opacity:1; transition:all 0.3s ease; animation-duration:3s; animation-delay:0.3s}
.item2 h2 , item2.active h2{visibility:hidden; opacity:0; transition:all 5s ease;}
.item2.active h2.animated{visibility:visible; opacity:1; animation-delay:3s;}
.item .fill{padding:0px 30px; display:table; }
.item .inner-content{display: table-cell;vertical-align: middle;}
.item3 .col-md-6{float:none; display:inline-block; vertical-align:middle; width:49%;}
.item3.active .carousel-img img.animated{visibility:visible; opacity:1; transition:all 0.3s ease; animation-duration:2s; animation-delay:0.3s}
.item3 h2 , item3.active h2{visibility:hidden; opacity:0; transition:all 5s ease; }
.item.item3 .carousel-desc{text-align:left;}
.item3.active h2.animated{visibility:visible; opacity:1; animation-delay:1.5s}
.item3 p , item3.active p{visibility:hidden; opacity:0; transition:all 5s ease; width:100%;font-size:20px; }
.item3.active p.animated{visibility:visible; opacity:1; animation-delay:2.5s;}*/
/*@media(max-width:991px)
{
.item .carousel-desc , .item.item3 .carousel-desc{text-align:center;}
.item .carousel-desc p {width:80%;}
.item3 .col-md-6{width:100%; text-align:center;}
}
@media(max-width:768px)
{
.item .carousel-img img, .item.active .carousel-img img{max-height:155px;}
.item h2{font-size:30px; margin-top:0px;}
.item .carousel-desc p{width:100%; font-size:12px;}
}
@media(max-width:480px)
{
.item h2{font-size:30px;}
.item .carousel-desc p{width:100%;}
}*/
@media(max-width:480px){
.container{ padding-right: 20px;
padding-left: 20px;
margin-right: auto;
margin-left: auto;}
.container1{ padding-right: 20px;
padding-left: 20px;
margin-right: auto;
margin-left: auto;
margin-bottom:45px;
}
.navbar-brand>img{
width:80px;
}
}
#ıt:hover{
color: #002d62;
background-color: rgba(239, 233, 233, 0.54);
}
#ıt{
padding-top: 4px;
padding-bottom: 4px;
padding-left: 9px;
padding-right: 8px;
color:#002d62;
}
#ıt1:hover{
color: #002d62;
background-color: rgba(239, 233, 233, 0.54);
}
#ıt1{
padding-top: 4px;
padding-bottom: 4px;
padding-left: 9px;
padding-right: 9px;
color:#002d62;
}
#ıt2:hover{
color: #002d62;
background-color: rgba(239, 233, 233, 0.54);
}
#ıt2{
padding-top: 4px;
padding-bottom: 4px;
padding-left: 9px;
padding-right: 9px;
color:#002d62;
}
#ıt3:hover{
color: #002d62;
background-color: rgba(239, 233, 233, 0.54);
}
#ıt3{
padding-top: 4px;
padding-bottom: 4px;
padding-left: 9px;
padding-right: 9px;
color:#002d62;
}
#ıt4:hover{
color: #002d62;
background-color: rgba(239, 233, 233, 0.54);
}
#ıt4{
padding-top: 4px;
padding-bottom: 4px;
padding-left: 9px;
padding-right: 9px;
color:#002d62;
}
#ıt5:hover{
color: #002d62;
background-color: rgba(239, 233, 233, 0.54);
}
#ıt5{
padding-top: 4px;
padding-bottom: 4px;
border: 1px solid #ddd;
padding-left: 9px;
padding-right: 9px;
color:#002d62;
}
#ıt6:hover{
color: #002d62;
background-color: rgba(239, 233, 233, 0.54);
}
#ıt6 {
padding-top: 4px;
padding-bottom: 4px;
border: 1px solid #ddd;
padding-left: 9px;
padding-right: 9px;
color:#002d62;
}
.bs-slider-overlay {position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(19, 18, 18, 0.54);}
.hak h1{ /*text-align: center;*/
font-size: 35px;
font-weight: 500;
/*line-height: 45px;*/
letter-spacing: 0px;
text-transform: capitalize;
margin-top: 45px;
margin-bottom: 50px;
color: #0a405a;
}
.hak h2{font-weight: 500;
/*line-height: 45px;*/
letter-spacing: 0px;
/*text-transform: capitalize;*/
margin-top:0px;
color: #0a405a;
}
.hak h3{ font-weight: 500;
/* line-height: 45px; */
letter-spacing: 0px;
text-transform: initial;
margin-top: 0px;
color: #0a405a;
}
.hak p {text-align:justify;}
.dropdown-menu > li{ border-bottom: 1px solid #6178933b;}
.tabs-left, .tabs-right {
border-bottom: none;
padding-top: 2px;
}
/*.tabs-left {
border-right: 1px solid #ddd;
}*/
.tabs-right {
border-left: 1px solid #ddd;
}
.tabs-left>li, .tabs-right>li {
float: none;
margin-bottom: 10px;
}
.tabs-left>li {
margin-right: -1px;
border-bottom: 1px solid #f2f5f9;
/*border-left: 1px solid #002e5e;*/
font-size: 16px;
padding: 5px;
}
.tabs-right>li {
margin-left: -1px;
}
.tabs-left>li.active>a,
.tabs-left>li.active>a:hover,
.tabs-left>li.active>a:focus {
/*border-bottom-color: #d3e0f1;*/
/*border-right-color: #002d62;*/
}
.tabs-right>li.active>a,
.tabs-right>li.active>a:hover,
.tabs-right>li.active>a:focus {
border-bottom: 1px solid #ddd;
border-left-color: transparent;
}
.tabs-left>li>a {
margin-right: 0;
display:block;
color:#9f9f9f;
}
.tabs-right>li>a {
border-radius: 0 4px 4px 0;
margin-right: 0;
}
.vertical-text {
margin-top:50px;
border: none;
position: relative;
}
.vertical-text>li {
height: 20px;
width: 120px;
margin-bottom: 100px;
}
.vertical-text>li>a {
border-bottom: 1px solid #ddd;
border-right-color: transparent;
text-align: center;
border-radius: 4px 4px 0px 0px;
}
.vertical-text>li.active>a,
.vertical-text>li.active>a:hover,
.vertical-text>li.active>a:focus {
border-bottom-color: transparent;
border-right-color: #ddd;
border-left-color: #ddd;
}
.vertical-text.tabs-left {
left: -50px;
}
.vertical-text.tabs-right {
right: -50px;
}
.vertical-text.tabs-right>li {
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-ms-transform: rotate(90deg);
-o-transform: rotate(90deg);
transform: rotate(90deg);
}
.vertical-text.tabs-left>li {
-webkit-transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
transform: rotate(-90deg);
}
.ab{list-style:none;-webkit-padding-start: 13px;}
.container1{ height:auto;
width: 100%;
background-position: center center;
background-size: cover;
}
.footer{
background-color: #000000;
color: #fff;
padding-top: 25px;
}
.fot i{
float: left;
display: table-cell;
width: 30px;
color: #2a2727;
font-size: 17px;
}
.fott i{
float: left;
display: table-cell;
width: 30px;
color: #002d62;
font-size: 17px;
}
.fot p{
display: table;
font-size: 12px;
color: #2a2727;
}
.fott p{
display: table;
font-size: 12px;
color: #3d4144;
}
.fotu a{
color: #2a2727;
}
.fotu li { margin-bottom: 10px;
}
.social li{
display: inline-block;
margin-right: 6px;
}
/*.yy:before{
position: absolute;
content: " ";
width: 16%;
height: 50px;
background: url(/images/red-box.png)center center no-repeat;
bottom: 0;
margin-bottom: -44px;
left: 42%;
}*/
.yy{position:relative}
.t a{margin-right:15px; color:#506d8e}
.t a:hover{color:#657b95}
.social ul li .facebook:hover {color:#2559c6;}
.social ul li .twitter:hover {color:#00aced;}
.social ul li .linkedin:hover {color:#007bb6;}
.social ul li .youtube:hover {color:#bb0000;}
.social ul li .instagram:hover {color:#517fa4;}
.facebook{ padding: 0px 6px;
color: #2559c6;
font-size:23px;
/*border-radius: 27px;
box-shadow: 0px 4px 11px 0px #00254f;
padding-left:16px;
padding-right:16px;*/
/*background-color: #2559c6;*/
/*box-shadow: 1px 1px 1px 1px #022855;*/
}
.twitter{ padding: 0px 6px;
color: #00aced;
font-size:23px;
/*border-radius: 27px;
box-shadow: 0px 4px 11px 0px #00254f;
padding-left:14px;
padding-right:14px;*/
/*background-color: #00aced;*/
/*box-shadow: 1px 1px 1px 1px #022855;*/
}
.linkedin{ padding: 0px 6px;
color: #007bb6;
font-size:23px;
/*border-radius: 27px;
box-shadow: 0px 4px 11px 0px #00254f;
padding-left: 14px;
padding-right: 14px;
background-color: #007bb6;*/
/*box-shadow: 1px 1px 1px 1px #022855;*/
}
.youtube{ padding: 0px 6px;
color: #bb0000;
font-size:23px;
/*border-radius: 27px;
box-shadow: 0px 4px 11px 0px #00254f;
padding-left: 14px;
padding-right: 14px;
background-color: #bb0000;*/
/*box-shadow: 1px 1px 1px 1px #022855;*/
}
.instagram{ padding: 0px 6px;
color: #517fa4;
font-size:20px;
/*border-radius: 27px;
box-shadow: 0px 4px 11px 0px #00254f;
padding-left: 14px;
padding-right: 14px;
background-color: #517fa4;*/
}
#lightbox .modal-content {
display: inline-block;
text-align: center;
}
#lightbox .close {
opacity: 1;
color: rgb(29, 27, 27);
background-color: rgb(255, 255, 255);
padding: 0px 5px;
border-radius: 64px;
/* border: 2px solid rgb(255, 255, 255); */
position: absolute;
top: -10px;
right: -32px;
z-index: 1032;
}
.thumbnail::after{
background: #222222 none repeat scroll 0 0;
content: "";
height: 100%;
/*left: 0;*/
/*right:0;*/
opacity: 0;
outline: 1px solid #ddd;
outline-offset: -15px;
position: absolute;
top: 0;
transition: all 0.3s ease-in-out 0s;
visibility: hidden;
width: 90%;
z-index: 1;
transform:scale(1);
}
.product-div1:hover .thumbnail:after{
opacity: .7;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
visibility: visible;
-webkit-transition: .3s;
transition: .3s;
transform:scale(1.1);
}
.fa-eye:before {
content: "\f06e";
}
.custom-file-upload-hidden {
display: none;
visibility: hidden;
position: absolute;
left: -9999px;
}
.custom-file-upload {
display: block;
width: auto;
font-size: 16px;
margin-top: 30px;
//border: 1px solid #ccc;
label {
display: block;
margin-bottom: 5px;
}
}
.file-upload-wrapper {
position: relative;
margin-bottom: 5px;
//border: 1px solid #ccc;
}
.file-upload-input {
width:79%;
color: #002d62;
font-size: 10px;
padding: 13px 17px;
border: none;
border-bottom:1px solid #ededed;
@include transition(all 0.2s ease-in);
float: left; /* IE 9 Fix */
&:hover, &:focus {
background-color: darken($file-upload-color, 5);
outline: none;
}
}
.file-upload-button {
cursor: pointer;
display: inline-block;
color: #fff;
font-size: 10px;
text-transform: capitalize;
padding: 13px 20px;
border: none;
margin-left: -1px;
background-color: #b3bcc8;
background-color: darken($file-upload-color, 10);
float: left; /* IE 9 Fix */
@include transition(all 0.2s ease-in);
&:hover {
background-color: darken($file-upload-color, 20);
}
}
/*.item {
width: 200px;
height: 200px;
margin: 50px auto;
padding-top: 75px;
background: #ccc;
text-align: center;
color: #FFF;
font-size: 3em;
}*/
.team-social{
opacity: 0;
position: absolute;
top: 52%;
transform: translateY(-50%);
transition: all .4s ease-in-out;
visibility: hidden;
width: 100%;
z-index: 100;
}
.team-social > li a i {
color: #fff;
}
.team-social > li a {
border: 1px solid #fff;
display: block;
font-size: 14px;
height: 35px;
line-height: 34px;
margin: 0 1px;
width: 35px;
}
.team-social > li {
display: inline-block;
margin-left: 134px;
color: #fff;
}
.product-div1:hover .team-social {
opacity: 1;
visibility: visible;
top: 50%;
}
.hab:hover{background-color:#002d62;color:#fff;}
.hab{padding:10px;background-color:#fff;box-shadow: 1px 1px 7px 1px #dcdfe3;}
.hab p{color: #002d62;font-weight: 500;font-size: 13px;margin-bottom: 25px;}
.hab p:hover{color:#fff;font-weight:400;}
.hab1{text-align: center;margin-top: -22px;}
.hab1 i{background-color: #002d62;padding: 10px;color: #fff; box-shadow: 0px -1px 6px 0px #e4e4e4;}
@media screen and (max-width: 758px){
.navbar-collapse .navbar-right {
background: #fff;
}
.navbar-collapse .navbar-nav>li>a{
color:#002d62;
}
.navbar-default .navbar-nav .open .dropdown-menu>li>a{
white-space: pre-line;;
}
}
/*///////////////////////////////NAVBAR///////////////////////////////*/
#hit-nav-wrapper {
background-color: #777;
border-color: #f36;
display: block;
padding: 15px 0px;
}
.hit-main-logo{
display:inline-block;
float:left;
}
.hit-navbar .hit-nav {
padding: 0px;
margin: 0px;
margin-top: 15px;
float: right;
margin-right: 15px;
}
.hit-navbar .hit-nav li{
list-style-type:none;
position: relative;
display: block;
float: left;
}
.hit-navbar > .hit-nav > li > a {
display: block;
padding: 8px 10px;
color: #fff;
font-size: 16px;
line-height: 20px;
font-weight: 400;
text-decoration:none;
font-weight: bold;
text-transform:uppercase;
}
.signup {
height: 40px;
}
li.signup a {
color: #f32841 !important;
border: none;
background: #fff;
padding: 8px 35px !important;
box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12);
}
li.signup a:hover {
box-shadow: 0 5px 11px 0 rgba(0,0,0,0.18), 0 4px 15px 0 rgba(0,0,0,0.15);
}
li.signup a {
border-radius: 6.25em;
margin-left: 15px;
}
/*/////////////////////////////// VIDEO SLIDER/////////////////////////////////*/
.swiper-container {
margin: 0 auto;
position: relative;
overflow: hidden;
z-index: 1;
}
.swiper-container {
width: 100%;
height: 100%;
}
.swiper-container-android .swiper-slide, .swiper-wrapper {
-webkit-transform: translate3d(0,0,0);
-moz-transform: translate3d(0,0,0);
-o-transform: translate(0,0);
-ms-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}
.swiper-wrapper {
position: relative;
width: 100%;
height: 100%;
z-index: 1;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-transition-property: -webkit-transform;
-moz-transition-property: -moz-transform;
-o-transition-property: -o-transform;
-ms-transition-property: -ms-transform;
transition-property: transform;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
}
.swiper-slide {
-webkit-flex-shrink: 0;
-ms-flex: 0 0 auto;
flex-shrink: 0;
width: 100%;
height: 100%;
position: relative;
}
.swiper-slide {
text-align: center;
font-size: 18px;
background: transparent;
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
}
/*#lab_video_text_overlay {
position: absolute;
color: #FFF;
width: 100%;
top: 25%;
}*/
#lab_video_text_overlay .container {
text-align: left;
margin: 0px auto;
background-color: transparent;
}
#lab_video_text_overlay h2 {
font-size:4em
}
#lab_video_text_overlay .btn {
border-radius:0;
text-transform:uppercase;
font-weight:200;
}
#lab_video_text_overlay .btn-warning {
background-color:#F5D328;
}
#lab_video_text_overlay {
position: absolute;
color: #FFF;
width: 100%;
top: 80%;
z-index:99;
}
@media screen and (max-width:991px) {
#lab_video_text_wrap {
height: 300px;
}
}
@media screen and (max-width:650px) {
#lab_video_text_wrap {
height: 250px;
}
#lab_video_text_overlay h2 {
font-size: 2em;
}
/*#lab_video_text_overlay p {
font-size: .9em;
}*/
}
/*!
* Soldier-up Designs - Soldier-up Designs New Homepage (https://soldierupdesigns.com)
* Code licensed under the Apache License v2.0.
* For details, see http://www.apache.org/licenses/LICENSE-2.0.
*/
/* Global Styles */
*, *: before, *:after {
-webkit-box-sizing: border-box !important;
-moz-box-sizing: border-box !important;
box-sizing: border-box !important;
}
a:hover{
text-decoration:none;
}
.navbar-brand{
}
.navbar-brand>img{
margin: auto 0px auto 15px !important;
padding: auto;
}
.navbar-header{
/*margin-left:1%!important;*/
margin-top: 10px;
}
.navbar-left{
margin-left:38.7px;
}
.navbar-right{
margin-top: 23px;
}
.navbar-inverse{
border:none;
}
.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
border:none;
}
#sidebar-wrapper {
z-index: 100000000000000;
position: fixed;
right: 0;
width: 320px;
height: 100%;
margin-right: -320px;
overflow-y: auto;
background:rgba(255, 255, 255, 0.58);
-webkit-transition: all 0.4s ease-in-out 0s;
-moz-transition: all 0.4s ease-in-out 0s;
-ms-transition: all 0.4s ease-in-out 0s;
-o-transition: all 0.4s ease-in-out 0s;
transition: all 0.4s ease-in-out 0s;
background: rgba(255, 255, 255, 0.58);
top:0px;
}
.sidebar-nav {
position: absolute;
top: 13.2%;
width: 320px;
margin: 0;
padding: 0;
list-style: none;
height:100%;
}
.sidebar-nav li {
position: relative;
line-height: 30px;
display: inline-block;
width: 100%;
font-size: 13px;
font-weight: 500;
text-transform: capitalize;
outline: none;
}
.sidebar-nav li:before {
content: '';
position: absolute;
top: 0;
right: 0;
z-index: -1;
height: 100%;
width: 3px;
-webkit-transition: width .4s ease-in-out;
-moz-transition: width .4s ease-in-out;
-ms-transition: width .4s ease-in-out;
transition: width .4s ease-in-out;
}
.sidebar-nav li:first-child a {
color:#0a405a;
}
.sidebar-nav li:nth-child(2):before {
/*color: #fff;
border-bottom:1px solid #002d62*/
}
.sidebar-nav li:nth-child(3):before {
/*border-bottom:1px solid #002d62*/
}
.sidebar-nav li:nth-child(4):before {
/*border-bottom:1px solid #002d62*/
}
.sidebar-nav li:nth-child(5):before {
/*border-bottom:1px solid #002d62*/
}
.sidebar-nav li:nth-child(6):before {
/*border-bottom:1px solid #002d62*/
}
.sidebar-nav li:nth-child(7):before {
/*border-bottom:1px solid #002d62*/
}
.sidebar-nav li:nth-child(8):before {
/*border-bottom:1px solid #002d62*/
}
.sidebar-nav li:nth-child(9):before {
/*border-bottom:1px solid #002d62*/
}
.sidebar-nav li:nth-child(10):before {
/*border-bottom:1px solid #002d62*/
}
.sidebar-nav li:hover:before, .sidebar-nav li.open:hover:before {
width: 100%;
-webkit-transition: width .4s ease-in-out;
-moz-transition: width .4s ease-in-out;
-ms-transition: width .4s ease-in-out;
transition: width .4s ease-in-out;
/*background-image: url('../images/uc3.png');
background-repeat:no-repeat;
margin-top: 14px;
margin-right: 12px;*/
background-color: rgba(10, 64, 90, 0.48);
color: #fff;
}
.sidebar-nav li a {
display: block;
color: #0a405a;
text-decoration: none;
padding: 20px 15px 10px 10px;
white-space: unset;
font-size:12px;
font-weight: 700;
}
.sidebar-nav li a:hover, .sidebar-nav li a:active, .sidebar-nav li a:focus, .sidebar-nav li.open a:hover, .sidebar-nav li.open a:active, .sidebar-nav li.open a:focus {
color:#fff;
text-decoration: none;
background-color: transparent;
}
.sidebar-nav > .sidebar-brand {
height: 50px;
font-size: 18px;
line-height: 1.43;
text-align:center;
}
.sidebar-nav .dropdown-menu {
position: relative;
width: 100%;
padding: 0;
margin: 0;
border-radius: 0;
border: none;
background-color:rgba(255, 255, 255, 0.79);
box-shadow: none;
color:#0a405a;
}
#menu-toggle {
z-index: 801;
position: fixed;
top: 0;
right: 5.5%;
margin-top: 7px;
}
#sidebar-wrapper.active {
right: 320px;
width: 320px;
-webkit-transition: all 0.4s ease 0s;
-moz-transition: all 0.4s ease 0s;
-ms-transition: all 0.4s ease 0s;
-o-transition: all 0.4s ease 0s;
transition: all 0.4s ease 0s;
box-shadow: 3px 5px 14px 1px #002d62ab;
}
.toggle {
margin: 0;
}
#to-top {
position: fixed;
right: .2%;
bottom: -1.8%;
z-index: 799;
color: #0b458a;
}
/*.btn-dark {
border-radius: 0;
color: #fff;
background-color: rgba(0, 0, 0, 0.4);
}
.btn-dark:hover, .btn-dark:focus, .btn-dark:active {
color: #fff;
background-color: rgba(0, 0, 0, 0.7);
}
.btn-light {
border-radius: 0;
color: #333;
background-color: rgb(255, 255, 255);
}
.btn-light:hover, .btn-light:focus, .btn-light:active {
color: #333;
background-color: rgba(255, 255, 255, 0.8);
}
.btn {
border-radius: 0px;
overflow: hidden;
border:none;
}
.btn-success:hover, .btn-success:focus, .btn-success.focus, .btn-success:active, .btn-success.active, .open > .dropdown-toggle.btn-success {
color: #fff;
background-color: #449d44;
border-color: #398439;
box-shadow: inset 0 0 0 2px #398439;
}
.btn-danger:hover, .btn-danger:focus, .btn-danger.focus, .btn-danger:active, .btn-danger.active, .open > .dropdown-toggle.btn-danger {
color: #fff;
background-color: #c9302c;
border-color: #ac2925;
box-shadow: inset 0 0 0 2px #ac2925;
}
.btn-primary:hover, .btn-primary:focus, .btn-primary.focus, .btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary {
color: #fff;
background-color: #286090;
border-color: #204d74;
box-shadow: inset 0 0 0 2px #204d74;
}
.btn-default {
color: #333;
background-color: #efefef;
border-color: #ccc;
}
.btn-default:hover, .btn-default:focus, .btn-default.focus, .btn-default:active, .btn-default.active, .open > .dropdown-toggle.btn-default {
color: #333;
background-color: #e6e6e6;
border-color: #adadad;
box-shadow: inset 0 0 0 5px #adadad;
}
.btn-inverse {
background-color: #222;
border-color: #080808;
color: #9d9d9d;
}
.btn-inverse:hover, .btn-inverse:focus, .btn-inverse.focus, .btn-inverse:active, .btn-inverse.active, .open > .dropdown-toggle.btn-inverse {
color: #fff;
background-color: #080808;
border-color: #333;
box-shadow: inset 0 0 0 2px #333;
}
.btn-danger:hover, .btn-danger:focus, .btn-danger.focus, .btn-danger:active, .btn-danger.active, .open > .dropdown-toggle.btn-danger {
color: #fff;
background-color: #c9302c;
border-color: #ac2925;
box-shadow: inset 0 0 0 2px #ac2925;
}
.btn-danger.active, .btn-danger.focus, .btn-danger:active, .btn-danger:focus, .btn-danger:hover, .open>.dropdown-toggle.btn-danger {
color: #c9302c;
background-color: #fff;
box-shadow: inset 0 0 0 2px #c9302c;
border-color: #ac2925;
}*/
.panel {
border-radius: 0;
margin-top: 0;
}
.accordion-toggle{
z-index: 801;
position: fixed;
top: 0;
left: .5%;
}
.accordion-toggle:hover, .accordion-toggle:focus{
cursor:pointer;
}
.nav-btn{
display:block;
top: 0px;
padding-top: 10px;
padding-bottom: 15px;
text-align:center;
}
.contact-panel{
border-radius:0;
background-color: #d9534f;
border-color: #d43f3a;
margin-bottom:0;
position:fixed;
bottom:0;
width:100%;
}
.accordion label{
color:#fff;
}
.accordion input{
border-radius:0;
}
/*.panel-heading,
.panel-heading:hover,
.panel-heading:focus,
.panel-heading.focus,
.panel-heading:active,
.panel-heading.active{
cursor:pointer;
background-color: #c9302c;
border-color: #ac2925;
outline:none;
}*/
.accordion-toggle{
text-align:center;
width:2.7%;
min-width: 50px;
}
.accordion-toggle span:after{
/* symbol for "opening" panels */
font-family: 'FontAwesome';
/* essential for enabling glyphicon */
content:"\f078";
position:absolute;
top:0;
bottom:0;
right:5%;
color: white;
text-align:right;
float:right;
vertical-align:middle;
margin-top:0;
font-weight:700;
font-size:120%;
text-decoration:none;
}
.collapsed span:after{
/* symbol for "collapsed" panels */
content:"\f077";
}
.contact-panel{
border-radius:0;
background-color: #d9534f;
border-color: #d43f3a;
margin-bottom:0;
position:fixed;
bottom:0;
width:100%;
vertical-align:middle;
}
/*.btn-dark{
border-radius: 0;
color: #fff;
background-color: rgba(0,0,0,0.4);
}
.btn-dark:hover,
.btn-dark:focus,
.btn-dark:active,
.btn-dark.active{
color: #fff;
background-color: rgba(0,0,0,0.7);
}*/
@media(max-width: 768px) {
.layer1{
background-size: auto !important;
}
}
@media(min-width: 768px){
.contact-panel{
width:50%;
}
}
.social {
z-index: 10000000;
position: absolute;
top: 200px;
/*left: .5%;*/
padding: 0;
margin: 0;
font-size: 100%;
width:35px;
}
/*.social ul {
background: #222;
}*/
.social ul li {
list-style: none outside none;
display: block;
/*background: #222;*/
padding: 0;
margin: 0;
}
.nav>li>a:focus, .nav>li>a:hover {
text-decoration: none;
background-color: #fff;
/*border-left: 1px solid #d3e0f1;*/
color: #333;
}
.social i {
width:100%;
/*min-width: 50px;*/
height: 100%;
min-height: 35px;
color: #FFF;
/*background-color: #222;*/
font-size: 13px;
text-align: center;
padding-top: 12px;
/*-webkit-transition: all ease 0.3s;
-moz-transition: all ease 0.3s;
-ms-transition: all ease 0.3s;
-o-transition: all ease 0.3s;
transition: all ease 0.3s;*/
}
.social .fa-facebook:hover {
background: #4060A5;
border: 1px solid #4060A5;
}
.social .fa-twitter:hover {
background: #00ABE3;
border: 1px solid #00ABE3;
}
.social .fa-google-plus:hover {
background: #e64522;
border: 1px solid #e64522;
}
.social .fa-github:hover {
background: #343434;
border: 1px solid #343434;
}
.social .fa-linkedin:hover {
background: #0094BC;
border: 1px solid #0094BC;
}
.social .fa-stack-overflow:hover {
background: #FEA501;
border: 1px solid #FEA501;
}
.social .fa-skype:hover {
background: #00C6FF;
border: 1px solid #00C6FF;
}
.social .fa-stack-exchange:hover {
background: #4D86C9;
border: 1px solid #4D86C9;
}
.social .fa-rss:hover {
background: #e88845;
border: 1px solid #e88845;
}
.social .fa-instagram:hover {
background: #0c73a1;
border: 1px solid #0c73a1;
}
.social .fa-youtube-square:hover {
background: #e71c0a;
border: 1px solid #e71c0a;
}
#social-collapse:after {
font-family: 'FontAwesome';
content: "\f068";
float: none;
position: relative;
color: white;
}
#social-collapse.collapsed:after {
content: "\f067";
}
ol.linenums{
counter-reset:linenumber;
}
ol.linenums li{
list-style-type:none;
counter-increment:linenumber;
}
ol.linenums li:before{
content: counter(linenumber);
float:left;
margin-left:-4em;
text-align:right;
width:3em;
}
.mt {
margin-top: 2%;
}
.masthead{
display: block;
position: relative;
min-width: 100%;
/*min-height: 100%;*/
width: 100%;
/*height: 100%;*/
background: transparent url("../img/bg.html") no-repeat fixed 0px 0px / cover;
z-index: 800;
background-color:#000;
}
.text-white{
color:#fff;
}
.text-vertical-center {
display: table-cell;
text-align: center;
vertical-align: middle;
}
.text-vertical-center h1 {
margin: 0;
padding: 0;
font-size: 4.5em;
font-weight: 700;
}
/*section {
padding-bottom: 5%;
}*/
.bg-inverse {
color: #FFF;
background-color: #333;
}
.centered {
text-align: center;
}
.mt {
margin-top: 2%;
}
.text-vertical-center {
display: table-cell;
text-align: center;
vertical-align: middle;
}
.text-vertical-center h1 {
margin: 0;
padding: 0;
font-size: 4.5em;
font-weight: 700;
}
hr.small {
max-width: 100px;
}
small{
color:#eee!important;
}
.page-header{
text-align: center;
}
/*page styling*/
.bs-callout {
-moz-border-bottom-colors: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;
border-color: #eee;
border-image: none;
border-radius: 3px;
border-style: solid;
border-width: 1px 1px 1px 5px;
margin-bottom: 5px;
padding: 20px;
}
.bs-right-panel{
padding: 10px;
width:100%;
float:none;
text-align:center;
margin:0 auto;
}
.bs-right-panel img{
width:100%;
margin:0;
padding:0;
}
.bs-callout:last-child {
margin-bottom: 0px;
}
.bs-callout h4,
.bs-callout h5 {
margin-bottom: 10px;
margin-top: 5px;
font-weight: 600;
}
.bs-callout-danger {
border-left-color: #d9534f;
}
.bs-callout-danger h4,
.bs-callout-danger h5{
color: #d9534f;
}
.header-title {
color: #fff;
}
.title-thin {
font-weight: 300;
}
.service-item {
margin-bottom: 30px;
}
/*
========================
Social Accordion Styling
========================
*/
.nav-stacked > li > a {
position: relative;
display: block;
padding: 0!important;
margin: 0!important;
}
.nav-stacked > li > a:focus, .nav-stacked > li > a:hover {
text-decoration: none;
background-color: #222;
}
.nav-tabs.nav-justified {
border-bottom: 0 none;
width: 100%;
}
.nav-tabs.nav-justified > li {
display: table-cell;
width: 1%;
float: none;
}
.container-form .nav-tabs.nav-justified > li > a, .container-form .nav-tabs.nav-justified > li > a:hover, .container-form .nav-tabs.nav-justified > li > a:focus {
background: #333333;
border: 0 none;
color: #ffffff;
margin-bottom: 0;
margin-right: 0;
border-radius: 0;
padding: 6% 3%;
line-height: 1.5;
font-weight: 600;
font-size: 100%;
outline: 0 none;
}
.nocode{
font-weight:700;
color:#c7254e;
font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
}
pre, .nocode{
font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
}
.prettyprint code > .atv,
.prettyprint code > .atn,
.prettyprint code > .pun {
background:#c7254e!important;
color:#fff!important;
}
blockquote
{
font-size: 80% !important;
page-break-inside: avoid;
border: 3px solid #fff;
width: 80%;
-webkit-box-shadow: inset 5px 0px 0px 0px #f60, 8px 8px 8px 2px #888;
-mox-box-shadow: inset 5px 0px 0px 0px #f60, 8px 8px 8px 2px #888;
-ms-box-shadow: inset 5px 0px 0px 0px #f60, 8px 8px 8px 2px #888;
box-shadow: inset 5px 0px 0px 0px #f60, 8px 8px 8px 2px #888;
padding: 10px 20px;
margin: 0 0 20px;
font-size: 17.5px;
border-left: none;
}
.updated{
display:block;
position:relative;
width:100%;
margin:0;
padding:.5%;
text-align:center;
background:#ededed;
color:#222222;
}
ins{
background:#c9302c;
border-color:#ac2925;
}
.addthis_recommended_vertical{
background:#c9302c;
border-color:#ac2925;
}
.mega-dropdown {
position: static !important;
}
.mega-dropdown-menu {
padding: 20px 0px;
width: 100%;
box-shadow: none;
-webkit-box-shadow: none;
}
.mega-dropdown-menu > li > ul {
padding: 0;
margin: 0;
}
.mega-dropdown-menu > li > ul > li {
list-style: none;
}
.mega-dropdown-menu > li > ul > li > a {
display: block;
color: #222;
padding: 3px 5px;
}
.mega-dropdown-menu > li ul > li > a:hover,
.mega-dropdown-menu > li ul > li > a:focus {
text-decoration: none;
}
.mega-dropdown-menu .dropdown-header {
font-size: 18px;
color: #ff3546;
padding: 5px 60px 5px 5px;
line-height: 30px;
}
.carousel-control {
width: 30px;
height: 30px;
top: -35px;
}
/*.left.carousel-control {
right: 30px;
left: inherit;
}*/
.carousel-control .glyphicon-chevron-left,
.carousel-control .glyphicon-chevron-right {
font-size: 12px;
background-color: #fff;
line-height: 30px;
text-shadow: none;
color: #333;
border: 1px solid #ddd;
}
/********************************/
/* Hero Headers */
/********************************/
.hero {
position: absolute;
top: 50%;
left: 50%;
z-index: 3;
color: #fff;
text-align: center;
text-transform: capitalize;
text-shadow: 1px 1px 0 rgba(0,0,0,.75);
-webkit-transform: translate3d(-50%,-50%,0);
-moz-transform: translate3d(-50%,-50%,0);
-ms-transform: translate3d(-50%,-50%,0);
-o-transform: translate3d(-50%,-50%,0);
transform: translate3d(-50%,-50%,0);
}
.hero h1 {
font-size: 6em;
font-weight: bold;
margin: 0;
padding: 0;
}
.fade-carousel .carousel-inner .item .hero {
opacity: 0;
-webkit-transition: 2s all ease-in-out .1s;
-moz-transition: 2s all ease-in-out .1s;
-ms-transition: 2s all ease-in-out .1s;
-o-transition: 2s all ease-in-out .1s;
transition: 2s all ease-in-out .1s;
}
.fade-carousel .carousel-inner .item.active .hero {
opacity: 1;
-webkit-transition: 2s all ease-in-out .1s;
-moz-transition: 2s all ease-in-out .1s;
-ms-transition: 2s all ease-in-out .1s;
-o-transition: 2s all ease-in-out .1s;
transition: 2s all ease-in-out .1s;
}
.log{ margin-bottom: 10px;
text-align: center;
margin-top: 15px;}
@media screen and (min-width:768px){
.navbar-brand-centered {
position: absolute;
left: 45%;
display: block;
width: 160px;
text-align: center;
}
.navbar>.container .navbar-brand-centered,
.navbar>.container-fluid .navbar-brand-centered {
margin-left: -80px;
}
}
#overlay {
position: fixed; /* Sit on top of the page content */
/*display: none; /* Hidden by default */*/
width: 100%; /* Full width (cover the whole page) */
height: 100%; /* Full height (cover the whole page) */
top: 0;
left: 0;
right: 0;
bottom: 0;
/*background-color:rgba(1, 1, 1, 0.37); /* Black background with opacity */*/
z-index: 2; /* Specify a stack order in case you're using a different order for other elements */
cursor: pointer; /* Add a pointer on hover */}
.navbar-brand {
/*left:calc(50% - 130px);*/
position: absolute;
/*padding:45px 0px;*/
/*margin-top:30px;*/
}
.yarimdaire{
height:45px;
width:90px;
border-radius:90px90px00;
-moz-border-radius:90px90px00;
-webkit-border-radius:90px90px00;
background:#35bce3;
}
header.masthead {
margin-bottom: 50px;
background: no-repeat center center;
/*background-color: #868e96;*/
background-attachment: scroll;
position: relative;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
header.masthead .overlay {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
background-color:rgba(252, 252, 252, 0.28);
opacity: .5;
}
header.masthead .page-heading, header.masthead .site-heading {
text-align: left;
}
@media only screen and (min-width: 375px) {
header.masthead .page-heading .subheading, header.masthead .site-heading .subheading {
font-size: 10px;
font-weight: 300;
line-height: 1.1;
display: block;
margin: 10px 0 0;
color:#fff;
}
header.masthead .page-heading h1, header.masthead .site-heading h1{
font-size: 20px;
margin-top: 0;
color:#fff;
}
}
@media only screen and (min-width: 768px){
header.masthead .page-heading h1, header.masthead .site-heading h1 {
font-size: 80px;
}
}
header.masthead .page-heading h1, header.masthead .site-heading h1 {
font-size: 50px;
margin-top: 0;
}
header.masthead .page-heading .subheading, header.masthead .site-heading .subheading {
font-size: 24px;
font-weight: 300;
line-height: 1.1;
display: block;
margin: 10px 0 0;
}
.row {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-right: -15px;
margin-left: -15px;
}
.ml-auto, .mx-auto {
margin-left: auto !important;
}
.mr-auto, .mx-auto {
margin-right: auto !important;
}
@media only screen and (min-width: 768px) {
header.masthead .page-heading, header.masthead .post-heading, header.masthead .site-heading {
padding: 200px 0;
color: #fff;
}
}
#myCarousel .carousel-caption {
left:0;
right:0;
bottom:0;
text-align:left;
padding:10px;
background:rgba(0, 45, 98, 0.61);
text-shadow:none;
}
#myCarousel .list-group{
position:absolute;
top:5px;
right:0px;
}
#myCarousel .list-group-item {
border-radius:2px;
cursor:pointer;
}
#myCarousel .list-group .active {
background-color:#337ab7;
}
@media (min-width: 992px) {
#myCarousel {padding-right:0%;}
}
@media (max-width: 991px) {
.carousel-caption p,
#myCarousel .list-group {display:none;font-size:9px;}
}
.controls{
margin-top: -20px;
}
.project {
margin-bottom: 30px;
vertical-align: top;
margin-right: 30px;
float: left;
cursor: pointer;
width:100%;
}
.project figure {
position: relative;
display: inline-block;
}
.project figure img {
width: 100%;
}
.project figure:hover figcaption {
background:#d81e05;
}
.project figure:hover figcaption .project-details {
color: #fff;
}
.project figure:hover .actions {
background-color: rgba(216,30,5,.8);
top: 0%;
font-size:2.3em;
font-weight:700;
padding-top:10%;
}
.project figure .actions {
display: table-cell;
position: absolute;
bottom: 0px;
top: 50%;
left:0;
right:0;
z-index: 1;
opacity: 1;
background-color: rgba(29,29,29,.5);
-ms-transition: all .2s ease-out;
-webkit-transition: all .2s ease-out;
-moz-transition: all .2s ease-out;
-o-transition: all .2s ease-out;
transition: all .2s ease-out;
color:#fff;
font-size:2em;
padding:2%;
font-weight:400;
text-align:center;
vertical-align: middle;
}
@media (min-width: 992px) {
.project figure .actions {
top: 60%;
left:0;
right:0;
font-size:1.5em;
padding:2%;
}
.project figure:hover .actions {
top: 0%;
font-size:2em;
padding-top:20%;
}
}
@media (min-width: 1200px) {
.project figure .actions {
top: 65%;
left:0;
right:0;
font-size:1.1em;
padding:2%;
font-weight:400;
}
.project figure:hover .actions {
top: 0%;
font-size:1.5em;
padding-top:25%;
}
}
/*#myCarousel .carousel-caption {
left:0;
right:0;
bottom:0;
text-align:left;
padding:10px;
background:rgba(0, 45, 98, 0.68);
text-shadow:none;
}*/
#myCarousel .list-group {
position:absolute;
top:0;
right:0;
}
#myCarousel .list-group-item {
border-radius:0px;
cursor:pointer;
}
#myCarousel .list-group .active {
background-color:#002d62;
color:#fff;
}
@media (min-width: 992px) {
#myCarousel {padding-right:33.3333%;}
#myCarousel .carousel-controls {display:none;}
}
@media (max-width: 991px) {
.carousel-caption p,
#myCarousel .list-group {display:none;}
}
.list-quotes {
background: #002d62;
cursor: pointer;
height: auto;
margin-bottom: 30px;
overflow: hidden;
position: relative;
display: block;
}
.list-quotes img,
.list-quotes h1 {
-webkit-transition: -webkit-transform 0.35s;
transition: transform 0.35s;
}
.list-quotes img {
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.list-quotes h1{
background: rgba(36, 84, 116, 0.64);
bottom: 0px;
color: #fff;
font-size: 12px;
font-weight: 400;
left: 0;
padding: 15px;
position: absolute;
margin: 0;
text-transform: capitalize;
}
.list-quotes .year{
background: rgba(51,153,153,0.8);
color: #fff;
font-size: 14px;
font-weight: bold;
padding: 15px;
position: absolute;
top: 0;
right: 0;
}
.list-quotes .cat-name{
background: rgba(255, 255, 255, 0.8);
color: #0a405a;
font-size: 12px;
font-weight: 500;
padding: 10px;
position: absolute;
top: 0;
left: 0;
}
.list-quotes p {
position: absolute;
bottom: -1px;
left: 0;
right: 0;
margin: 0;
padding: 10px;
text-transform: capitalize;
opacity: 0;
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
-webkit-transform: translate3d(0,50px,0);
transform: translate3d(0,50px,0);
font-size: 15px;
font-weight: normal;
background: rgba(253, 255, 255, 0.57);
width: 100%;
color: #002d62;
}
.list-quotes:hover img {
-webkit-transform: translate3d(0,-80px,0);
transform: scale(1.2);
opacity: 0.5;
transition: all 250ms ease;
}
/*.list-quotes:hover{
box-shadow: 0 0 5px 2px rgba(51,153,153, 0.5);
}*/
.list-quotes:hover h1 {
-webkit-transform: translate3d(0,-100px,0);
transform: translate3d(0,-40px,0);
transition: all 250ms ease;
}
.list-quotes:hover .year,.list-quotes:hover .cat-name{
/*text-shadow: 0px 0 15px #fff;*/
transition: all 250ms ease;
}
.list-quotes:hover p {
opacity: 1;
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}
.quotes span{
color:#222;
font-weight: bold;
text-transform: capitalize;
color: #fff;
}
.bb{text-align:center;}
.rt{
background-color: #f1f1f1 !important;
color: #002d62 !important;
box-shadow: none !important;
}
.cuadro_intro_hover{
padding: 0px;
position: relative;
overflow: hidden;
height: 240px;
box-shadow: 1px 8px 10px -6px #d0d0d0;
}
.cuadro_intro_hover:hover .caption{
opacity: 1;
/*transform: translateY(-150px);
-webkit-transform:translateY(-150px);
-moz-transform:translateY(-150px);
-ms-transform:translateY(-150px);
-o-transform:translateY(-150px);*/
/*-webkit-transition: all 0.4s ease-in-out 0s;
-moz-transition: all 0.4s ease-in-out 0s;
-ms-transition: all 0.4s ease-in-out 0s;
-o-transition: all 0.4s ease-in-out 0s;
transition: all 0.4s ease-in-out 0s;*/
}
.cuadro_intro_hover img{
z-index: 4;
}
.cuadro_intro_hover .caption{
/*position: absolute;
top:164px;*/
width: 100%;
}
.cuadro_intro_hover .blur{
background-color: rgba(255, 255, 255, 0.65);
height: 300px;
z-index: 5;
position: absolute;
width: 100%;
}
.cuadro_intro_hover .caption-text{
z-index: 10;
color: #002d62;
position: absolute;
height: 300px;
text-align: center;
top:4px;
width: 100%;
}
/*.gal-container{
padding: 12px;
}*/
.gal-item{
overflow: hidden;
padding: 3px;
box-shadow: 1px 1px 14px 1px #e1e1e1;
margin-bottom:10px;
}
.gal-item .box{
height: 126px;
overflow: hidden;
}
.box img{
height: 100%;
width: 100%;
object-fit:cover;
-o-object-fit:cover;
}
.gal-item a:focus{
outline: none;
}
.gal-item a:after{
content:"\e003";
font-family: 'Glyphicons Halflings';
opacity: 0;
background-color: rgba(0, 45, 98, 0.68);
position: absolute;
right: 3px;
left: 3px;
top: 3px;
bottom: 3px;
text-align: center;
line-height: 150px;
font-size: 18px;
color: #fff;
-webkit-transition: all 0.5s ease-in-out 0s;
-moz-transition: all 0.5s ease-in-out 0s;
transition: all 0.5s ease-in-out 0s;
}
.gal-item a:hover:after{
opacity: 1;
}
.modal-open .gal-container .modal{
background-color: rgba(0,0,0,0.4);
}
.modal-open .gal-item .modal-body{
padding: 0px;
}
.modal-open .gal-item button.close{
position: absolute;
width: 22px;
height: 22px;
background-color: #fff;
opacity: 1;
color: #002d62;
z-index: 999;
right: -12px;
top: -12px;
border-radius: 50%;
font-size: 15px;
border: 2px solid #fff;
line-height: 25px;
-webkit-box-shadow: 0 0 1px 1px rgba(0,0,0,0.35);
box-shadow: 0 0 1px 1px rgba(0,0,0,0.35);
}
.modal-open .gal-item button.close:focus{
outline: none;
}
.modal-open .gal-item button.close span{
position: relative;
top: -5px;
font-weight: bold;
text-shadow: none;
}
.gal-container .modal-dialogue{
width: 80%;
}
.gal-container .description{
position: relative;
height: 37px;
/*top: -35px;*/
padding: 6px 6px;
background-color: rgba(0, 45, 98, 0.68);
color: #ffffff;
text-align: left;
}
.gal-container .description h4{
margin: 0px;
font-size: 10px;
font-weight: 500;
line-height: 12px;
}
.gal-container .modal.fade .modal-dialog {
-webkit-transform: scale(0.1);
-moz-transform: scale(0.1);
-ms-transform: scale(0.1);
transform: scale(0.1);
top: 200px;
opacity: 0;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
}
.gal-container .modal.fade.in .modal-dialog {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
-webkit-transform: translate3d(0, -100px, 0);
transform: translate3d(0, -100px, 0);
opacity: 1;
}
@media (min-width: 768px) {
.gal-container .modal-dialog {
width: 55%;
margin: 50 auto;
}
}
@media (max-width: 768px) {
.gal-container .modal-content{
height:250px;
}
}
/* Footer Style */
i.red{
color:#BC0213;
}
.gal-container{
/*padding-bottom:75px;*/
}
footer a,footer a:hover{
color: #88C425;
}
.selected-item {
margin: 20px 0;
}
/* custom select style */
.cusSelBlock {
height: 30px;
min-width: 120px;
z-index: 1000;
float: right;
}
#cusSelectbox {
height: 100%;
width: 100%;
}
.s-hidden {
visibility: hidden;
}
.cusSelBlock {
display: inline-block;
position: relative;
-webkit-perspective: 800px;
perspective: 800px;
}
.selectLabel {
position: absolute;
left: 0;
top: 0;
z-index: 9999;
background-color: #002d62;
border: 1px solid #002d62;
box-shadow: 0 2px 14px 1px #bfbfc2;
color: #ffffff;
cursor: pointer;
display: block;
height: 100%;
width: 100%;
/* letter-spacing: 2px; */
line-height: 30px;
padding: 0 50px 0 20px;
text-align: left;
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
-webkit-transform-origin: 50% 0%;
transform-origin: 50% 0%;
-webkit-transition: -webkit-transform 300ms;
transition: -webkit-transform 300ms;
transition: transform 300ms;
transition: transform 300ms, -webkit-transform 300ms;
-webkit-backface-visibility: hidden;
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.selectLabel:after {
content: '\25BC';
border-left: 1px solid #ffffff;
color: #fff;
font-size: 12px;
line-height: 5px;
padding: 10px;
text-align: center;
position: absolute;
right: 0px;
top: 15%;
height: 70%;
width: 50px;
}
.selectLabel:active {
-webkit-transform: rotateX(30deg);
transform: rotateX(30deg);
}
.selectLabel:active:after {
content: '\25B2';
}
.selectLabel.active:after {
content: '\25B2';
}
::-webkit-scrollbar {
display: none;
}
.options {
position: absolute;
top: 50px;
height: 1px;
width: 100%;
}
.options li {
background-color: #ffffff;
cursor: pointer;
display: block;
line-height: 35px;
list-style: none;
opacity: 1;
padding: 0 50px 0 20px;
text-align: left;
-webkit-transition: -webkit-transform 300ms ease;
transition: -webkit-transform 300ms ease;
transition: transform 300ms ease;
transition: transform 300ms ease, -webkit-transform 300ms ease;
position: absolute;
top: -50px;
left: 0;
z-index: 0;
height: 32px;
width: 100%;
}
.options li:hover,
.options li.active {
background-color: #f1f1f1;
color: #002d62;
}
.options li:nth-child(1) {
-webkit-transform: translateY(2px);
transform: translateY(2px);
z-index: 6;
}
.options li:nth-child(2) {
-webkit-transform: translateY(4px);
transform: translateY(4px);
z-index: 5;
}
.options li:nth-child(3) {
z-index: 4;
}
.options li:nth-child(4) {
z-index: 3;
}
.options li:nth-child(5) {
z-index: 2;
}
.options li:nth-child(6) {
z-index: 1;
}
/**/
.feaBlock {
margin: 20px 0;
text-align: left;
}
.services_panel .panel{min-height: 377px;border: 1px solid #eea236;border-top:3px solid #eea236 !important;background: #fbfbfb;margin-top:10%;}
.services_panel .panel img{width:115px;}
.services_panel .panel .btn{width: 235px;margin-top: 25px;background: #f2f2f2;color: #333;border-bottom: 3px solid #e6e6e6;}
.services_panel .panel .btn:hover{border-bottom: 2px solid #e6e6e6;}
.dd{
position: fixed;
z-index: 10000000;
top: 0;
border-width: 0 0 1px;
right: 0;
left: 0;
background-color: rgba(243,243,243,0.42);
height: 85px;
}
@media (max-width: 768px) {
.dd{
position: fixed;
z-index: 10000000;
top: 0;
border-width: 0 0 1px;
right: 0;
left: 0;
background-color: rgba(243,243,243,0.42);
height: 85px;
}
}
.btn .arrow {
display: inline-block;
line-height: 2.5em;
text-align: center;
background: #0a7eb8;
color: white;
font-size: 1em;
width: 2.5em;
-webkit-transition: margin 200ms;
transition: margin 200ms;
margin-left: .75em;
}
.btn:hover .arrow {
margin-left: 1.25em;
background-color: #0a7eb8;
}
#style-1::-webkit-scrollbar
{
width: 12px;
background-color: #fff;
}
#style-1::-webkit-scrollbar-thumb
{
border-radius: 10px;
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
background-color: #fff;
}
.menu {
font-size: 15px;
margin-top: -5px;
}
.menu:hover{
color:#fff !important;
}
@media (max-width: 600px) {
.site-heading{
margin-top: 105px;
}
header.masthead .site-heading h1{
font-size: 20px;
color:#fff;
}
.masthead{
height: 200px;
}
.site-heading img{
width:45%;
}
/*.tek{
background-size:contain !important;
margin-top: -42px;
}*/
}
.scrollbar
{
float: left;
height: 100%;
width: 320px;
overflow-y: scroll;
margin-bottom: 50px;
}
#style-1::-webkit-scrollbar-track
{
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
border-radius: 10px;
background-color: #F5F5F5;
}
.ust{
position: fixed;z-index: 10000000; top: 0; border-width: 0 0 1px;right: 0;left: 0; /*background-color:rgba(243,243,243,0.42);*/height:127px;
}
.res{ width:85%;}
.tu{
color: #ffffff;
font-size: 29px;
border: 3px solid #ffffffd9;
border-radius: 77px;
padding: 17px 20px;
background-color: rgba(243,243,243,0.42);
border-style: double;
}
.pu{color: #ffffff;
font-size: 17px;
border: 3px solid #ffffffd9;
border-radius: 77px;
background-color: rgba(243,243,243,0.42);
border-style: double;
padding: 14px 15px;
margin-left: -70px;}
.zaman{
display: inline-block;
font-weight: 700;
margin-left: -30px;
}
.h55{
border-bottom:2px solid #d5d5d5;padding: 13px 10px 18px 10px;font-size:12px;height:60px;
}
@media (max-width:767px) {
.face{
width:100% !important;
}
.twitter-timeline{
width:100% !important;
}
.jı{
text-align:center !important;
}
.uo{
margin-top:30px;
text-align:center !important;
}
.du{
text-align:center !important;
}
.carousel-caption{
left: 0px !important;
margin-top: 55%;
}
.navbar-brand{
position: absolute;
/*margin-top: 12px;*/
width: 30%;
}
.rrt{
visibility: hidden;
}
.h55{
font-size:8px;
}
.ust{
position: fixed;z-index: 10000000; top: 0; border-width: 0 0 1px;right: 0;left: 0; /*background-color:rgba(243, 243, 243, 0.65);*/height:125px;
}
.res{
width:60%;
margin-top: -33px;
}
#menu-toggle{
z-index: 801;
position: fixed;
top: 0;
right: 5.5%;
margin-top: 45px;
font-size: 35px;
}
.menu{
font-size: 11px;
margin-top: -5px;
}
#sidebar-wrapper{
z-index: 100000000000000;
position: fixed;
right: 0;
width: 320px;
height: 100%;
margin-right: -320px;
overflow-y: auto;
background: rgba(255, 255, 255, 0.75);
-webkit-transition: all 0.4s ease-in-out 0s;
-moz-transition: all 0.4s ease-in-out 0s;
-ms-transition: all 0.4s ease-in-out 0s;
-o-transition: all 0.4s ease-in-out 0s;
transition: all 0.4s ease-in-out 0s;
background: rgba(255, 255, 255, 0.75);
top: 0px;
}
#lab_video_text_overlay{
position: absolute;
color: #FFF;
width: 100%;
top: 55%;
z-index: 99;
}
.tu{
color: #ffffff;
font-size: 10px;
border: 3px solid #ffffffd9;
border-radius: 77px;
padding: 10px 10px;
background-color: rgba(243,243,243,0.42);
border-style: double;
}
.pu{ color: #ffffff;
font-size: 10px;
border: 3px solid #ffffffd9;
border-radius: 77px;
background-color: rgba(243,243,243,0.42);
padding: 13px 15px;
padding: 10px 10px;
margin-left: -37px;}
.zaman{
display: inline-block;
font-weight: 700;
margin-left: -1px;
font-size:10px;
}
.swiper-slide img{
width: 180px;
height: 130px;
}
}
.carousel-inner>.item>a>img, .carousel-inner>.item>img, .img-responsive1, .thumbnail a>img, .thumbnail>img{
display: block;
max-width: 100%;
height: 280px;
}
.border {
background: #d1360e;
height: 2px;
width: 165px;
margin-left: auto;
margin-right: auto;
margin-bottom: 25px;
}
.blog-box {
padding: 0 0px;
transition: .5s;
box-shadow: 1px 1px 15px 1px #e1dfdf;
margin-bottom: 30px;
background-color:#f6f6f6;
}
.blog-box-content h4 a {
font-size: 13px;
padding: 0px 0 0px;
text-transform: uppercase;
color:#414141;
text-decoration:none;
}
.blog-box-content h4:hover {
color:#000;
text-decoration:none;
}
.blog-box-content {
padding: 0 20px 20px;
}
.blog-box-text h4 a {
color: #aaaaaa;
}
.carousel-inner>.item>a>img, .carousel-inner>.item>img, .img-responsive, .thumbnail a>img, .thumbnail>img{
display: block;
max-width: 100%;
height: 195px;
/*width: 100%;*/
}
.ty{
background-color: #fff !important;
color: #0a405a !important;
border: 1px solid #0a405a !important;
}
.rr:hover{
font-size:15px;
cursor:pointer;
}