body {
background: #fff;
font-family: "Exo 2", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
strong {
font-weight: 700;
}
.inner-gallery {
}
.inner-gallery ul {
margin: 0 -5px;
}
.inner-gallery ul li {
float: left;
margin-bottom: 30px;
padding: 0 10px;
width: 33.3%;
}
.inner-gallery ul li a {
display: block;
position: relative;
}
.inner-gallery .photo {
border-radius: 3px;
box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2);
overflow: hidden;
transition: all 0.9s ease 0s;
-webkit-transition: all 0.9s ease 0s;
-ms-transition: all 0.9s ease 0s;
}
.inner-gallery ul li a:hover .photo {
transform: scale(0.95);
-webkit-transform: scale(0.95);
-ms-transform: scale(0.95);
}
.inner-gallery .photo img {
height: 185px;
object-fit: cover;
width: 100%;
}
.inner-gallery h2.text {
color: #3d4049;
font-size: 14px;
font-weight: 700;
margin-top: 14px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.sliderArrow {
position: absolute;
top: 0;
width: 100%;
z-index: 1;
}
.sliderArrow .arrow {
position: absolute;
}
.sliderArrow .arrow-left {
background: url('../images/banner-arrow-left.png') no-repeat 0 0 transparent;
height: 256px;
left: 40px;
top: 110px;
width: 800px;
}
.sliderArrow .arrow-right {
background: transparent url("../images/banner-arrow-right.png") no-repeat scroll 0 0;
height: 237px;
right: 0;
top: 30px;
width: 800px;
}
/* Loading */
@-webkit-keyframes circle {
0% {
-webkit-transform: scale(1.6, 1.6);
opacity: 0.0;
}
50% {
opacity: 0.6;
}
100% {
-webkit-transform: scale(1, 1);
opacity: 0.0;
}
}
@keyframes circle {
0% {
transform: scale(1.6, 1.6);
opacity: 0.0;
}
50% {
opacity: 0.6;
}
100% {
transform: scale(1, 1);
opacity: 0.0;
}
}
.loading {
position: fixed;
left:0;
right:0;
top: 0;
display: none;
bottom:0;
background: #fff;
width: 100%;
height: 100%;
z-index: 999999999;
text-align: center;
}
.loading-center {
display: inline-block;
margin-top: -50px;
position: relative;
top: 50%;
}
.loading-center img {
width: 220px;
}
.loading-center .circle {
background: #fff none repeat scroll 0 0;
border: 5px solid #f65945;
border-radius: 100%;
display: inline-block;
height: 30px;
margin-left: 3px;
margin-top: 16px;
width: 30px;
-webkit-animation: circle 1s ease-out;
-webkit-animation-iteration-count: infinite;
animation: circle 1s ease-out;
animation-iteration-count: infinite;
}
/* Loading */
/* get quotes */
.get-quotes {
position: fixed;
background: rgba(0, 0, 0, 0.85);
left:0;
right:0;
top:0;
bottom:0;
width:100%;
height:100%;
z-index: 99999;
opacity: 0;
visibility: hidden;
-webkit-transition: all 0.4s ease 0s;
-moz-transition: all 0.4s ease 0s;
-o-transition: all 0.4s ease 0s;
-ms-transition: all 0.4s ease 0s;
transition: all 0.4s ease 0s;
}
.get-quotes.open {
opacity: 1;
visibility:visible;
}
.get-quotes-form {
background-image: url("../images/hakkimizda-bg.jpg");
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
float: left;
transform: translateY(120px);
-webkit-transform: translateY(120px);
-moz-transform: translateY(120px);
-ms-transform: translateY(120px);
-o-transform: translateY(120px);
opacity: 0;
visibility: hidden;
-webkit-transition: all 0.4s ease 0.2s;
-moz-transition: all 0.4s ease 0.2s;
-o-transition: all 0.4s ease 0.2s;
-ms-transition: all 0.4s ease 0.2s;
transition: all 0.4s ease 0.2s;
height: 510px;
width: 100%;
}
.get-quotes-form.open-form {
transform: translateY(0);
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
opacity: 1;
visibility: visible;
}
.get-quotes-form-content {
float: right;
padding-left: 25px;
padding-top: 20px;
width: 49.4%;
}
.get-quotes-form-content .heading {
display: block;
margin-bottom: 15px;
padding-left: 7px;
}
.get-quotes-form-content .heading h3 {
color: #fff;
}
.get-quotes-form-content .heading h3.title {
font-size: 28px;
font-weight: 800;
}
.get-quotes-form-content .heading h3.text {
font-size: 15px;
line-height: 1.4;
margin-top: 8px;
width: 390px;
}
.get-quotes-form-content .content {
float: left;
margin-top: 20px;
width: 100%;
}
.get-quotes-form-content .content li {
float: left;
margin-bottom: 15px;
text-align: center;
width: 50%;
}
.get-quotes-form-content .content li.textarea {
width:100%;
}
.get-quotes-form-content .content li input, .get-quotes-form-content .content li textarea {
background: rgba(255, 255, 255, 0.1) none repeat scroll 0 0;
border: 0 none;
color: #fff;
display: inline-block;
font-size: 14px;
height: 50px;
padding: 0 17px;
width: 95%;
}
.get-quotes-form-content .content input::-webkit-input-placeholder {
color:#fff;
}
.get-quotes-form-content .content input::-moz-placeholder {
color:#fff;
}
.get-quotes-form-content .content input:-ms-input-placeholder {
color:#fff;
}
.get-quotes-form-content .content input:-moz-placeholder {
color:#fff;
}
.get-quotes-form-content .content textarea::-webkit-input-placeholder {
color:#fff;
}
.get-quotes-form-content .content textarea::-moz-placeholder {
color:#fff;
}
.get-quotes-form-content .content textarea:-ms-input-placeholder {
color:#fff;
}
.get-quotes-form-content .content textarea:-moz-placeholder {
color:#fff;
}
.get-quotes-form-content .content li textarea {
height: 100px;
padding-top: 7px;
width: 97.6%;
}
.get-quotes-form-content .content .send {
float: right;
margin-right: 6px;
}
.get-quotes-form-content .content .send input {
background: #fff none repeat scroll 0 0;
border: 0 none;
color: #f65946;
font-family: "Raleway",sans-serif;
font-weight: 700;
height: 40px;
width: 100px;
cursor: pointer;
-webkit-transition: all 0.4s ease 0s;
-moz-transition: all 0.4s ease 0s;
-o-transition: all 0.4s ease 0s;
-ms-transition: all 0.4s ease 0s;
transition: all 0.4s ease 0s;
}
.get-quotes-form-content .content .send input:hover {
background: #C84634;
color: #fff;
}
.get-quotes-close {
position: absolute;
right: 15px;
top: 13px;
}
.get-quotes-close a {
display: block;
}
.get-quotes-close img {
width: 31px;
}
/* get quotes */
/* nav */
.main-nav-sub {
float: left;
height: 0;
overflow: hidden;
width: 100%;
-webkit-transition: all 0.4s ease 0s;
-moz-transition: all 0.4s ease 0s;
-o-transition: all 0.4s ease 0s;
-ms-transition: all 0.4s ease 0s;
transition: all 0.4s ease 0s;
}
.main-nav-sub.active {
height: 82px;
}
.main-nav-sub-content.kurumsal-sub {
z-index: -1;
visibility: hidden;
margin-top: 0px;
}
.main-nav-sub-content.kurumsal-sub.kurumsal-active {
z-index: 3;
visibility: visible;
}
.main-nav-sub-content.kurumsal-sub ul li a .icon.icon-active {
transform: scale(1);
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
}
.main-nav-sub-content.kurumsal-sub ul li a.link-active {
opacity: 1;
}
.nav-kurumsal.active {
background: #e6332a none repeat scroll 0 0;
color: #fff;
}
.main-nav-sub-content.hizmet-alanlarimiz-sub {
z-index: -1;
visibility: hidden;
margin-top: -82px;
}
.main-nav-sub-content.hizmet-alanlarimiz-sub.hizmet-alanlarimiz-active {
z-index: 3;
visibility: visible;
}
.main-nav-sub-content.hizmet-alanlarimiz-sub ul li a .icon.icon-active {
transform: scale(1);
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
}
.main-nav-sub-content.hizmet-alanlarimiz-sub ul li a.link-active {
opacity: 1;
}
.nav-hizmet-alanlarimiz.active {
background: #e6332a none repeat scroll 0 0;
color: #fff;
}
.main-nav-sub-content {
background: #e6332a none repeat scroll 0 0;
display: block;
height: 82px;
overflow: hidden;
position: relative;
-webkit-transition: all 0.4s ease 0s;
-moz-transition: all 0.4s ease 0s;
-o-transition: all 0.4s ease 0s;
-ms-transition: all 0.4s ease 0s;
transition: all 0.4s ease 0s;
}
.main-nav-sub-content ul {
display: block;
text-align: center;
}
.main-nav-sub-content ul li {
display: inline-block;
text-align: center;
width: 8.7%;
}
.main-nav-sub-content ul li a {
color: #fff;
display: inline-grid;
font-size: 12px;
height: 82px;
opacity: 0;
padding: 13px 8px;
width: 100%;
-webkit-transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
-ms-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
}
.main-nav-sub .container {
width: 1350px;
}
.main-nav-sub-content ul li a:hover {
background: #cc322a;
}
.navContainer > ul > li.active > a {
background: #e6332a none repeat scroll 0 0 !important;
}
.navContainer > ul > li > ul {
background: #e6332a none repeat scroll 0 0 !important;
}
.main-nav-sub-content ul li a.selected {
background: #f65944;
}
.main-nav-sub-content ul li a .icon {
display: block;
font-size: 20px;
margin: 0 0 10px;
top: 3px;
-webkit-transition: all 0.4s ease 0s;
-moz-transition: all 0.4s ease 0s;
-o-transition: all 0.4s ease 0s;
-ms-transition: all 0.4s ease 0s;
transition: all 0.4s ease 0s;
transform: scale(0);
-webkit-transform: scale(0);
-moz-transform: scale(0);
-ms-transform: scale(0);
-o-transform: scale(0);
}
.main-nav-sub-content ul li a .icon.active {
transform: scale(1);
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
}
/* nav */
.get-guotes-fixed {
margin-top: -184px;
position: fixed;
right: -68px;
top: 39%;
z-index: 1001;
}
.get-guotes-fixed li {
display: inherit;
}
.get-guotes-fixed-form li.select-area div.trigger {
background: #cc322a none repeat scroll 0 0;
left: 0;
width: 100%;
}
.get-guotes-fixed-form li.select-area div.select > ul.options {
border: 0 none;
height: 171px;
left: 0;
padding: 0;
right: auto;
top: 50px;
width: 100%;
}
@-moz-keyframes blink {
0% {
opacity:1;
}
50% {
opacity:0.7;
}
100% {
opacity:1;
}
}
/* Firefox */
@-webkit-keyframes blink {
0% {
opacity:1;
}
50% {
opacity:0.7;
}
100% {
opacity:1;
}
}
/* Webkit */
@-ms-keyframes blink {
0% {
opacity:1;
}
50% {
opacity:0.7;
}
100% {
opacity:1;
}
}
/* IE */
@keyframes blink {
0% {
opacity:1;
}
50% {
opacity:0.7;
}
100% {
opacity:1;
}
}
.get-guotes-fixed > ul > li > a {
background: #e6332a none repeat scroll 0 0;
color: #fff;
cursor: pointer;
float: right;
font-size: 18px;
font-weight: 700;
height: 50px;
line-height: 2.9;
position: absolute;
right: 0;
text-align: center;
top: 158px;
/*animation:4s linear 2s normal none infinite blink;
-moz-animation:4s linear 2s normal none infinite blink;
-webkit-animation:4s linear 2s normal none infinite blink;
-ms-animation:4s linear 2s normal none infinite blink;
E */
transform: rotate(-90deg);
-webkit-transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
-o-transition: all 0.8s ease 0s;
-webkit-transition: all 0.8s ease 0s;
-moz-transition: all 0.8s ease 0s;
-ms-transition: all 0.8s ease 0s;
-o-transition: all 0.8s ease 0s;
width: 186px;
}
.get-guotes-fixed > ul:hover li a {
right: -168px;
}
.get-guotes-fixed > ul > li ul {
background: #e6332a;
border-left: 5px solid rgba(0, 0, 0, 0.2);
margin-right: 68px;
padding: 11px 10px 20px;
position: absolute;
right: -270px;
top: 0;
width: 270px;
-o-transition: all 0.4s ease 0s;
-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;
width: 270px;
}
.get-guotes-fixed > ul > li:hover ul {
right:0;
}
.get-guotes-fixed-form li {
float: left;
margin-bottom: 11px;
width: 100%;
}
.get-guotes-fixed-form li input, .get-guotes-fixed-form li textarea {
background: #cc322a none repeat scroll 0 0;
border: 0 none;
color: #fff;
font-size: 14px;
height: 44px;
padding: 0 16px;
width: 100%;
;
width: 100%;
}
.get-guotes-fixed-form input::-webkit-input-placeholder {
color:#fff;
}
.get-guotes-fixed-form input::-moz-placeholder {
color:#fff;
}
.get-guotes-fixed-form input:-ms-input-placeholder {
color:#fff;
}
.get-guotes-fixed-form input:-moz-placeholder {
color:#fff;
}
.get-guotes-fixed-form textarea::-webkit-input-placeholder {
color:#fff;
}
.get-guotes-fixed-form textarea::-moz-placeholder {
color:#fff;
}
.get-guotes-fixed-form textarea:-ms-input-placeholder {
color:#fff;
}
.get-guotes-fixed-form textarea:-moz-placeholder {
color:#fff;
}
.get-guotes-fixed-form li textarea {
height: 73px;
padding-top: 10px;
}
.get-guotes-fixed-form .send {
float: right;
margin-right: 0;
}
.get-guotes-fixed-form .send input {
background: #fff none repeat scroll 0 0;
border: 0 none;
color: #061F36;
cursor: pointer;
font-family: "Raleway",sans-serif;
font-size: 14px;
font-weight: 700;
height: 40px;
padding-top: 2px;
width: 94px;
-o-transition: all 0.4s ease 0s;
-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;
}
.get-guotes-fixed-form .send input:hover {
background: #cc322a;
color: #fff;
}
.get-guotes-fixed-title {
background: #fff none repeat scroll 0 0;
color: #cc322a;
float: left;
font-weight: 700;
margin-bottom: 10px;
padding: 11px 15px;
width: 100%;
}
.header {
float: left;
width: 100%;
}
.headerTop {
background: #f8f8f8 none repeat scroll 0 0;
height: 35px;
}
.headerTopRight {
float: right;
}
.headerTopRight .phone {
float: left;
margin-right: 30px;
margin-top: 4px;
}
.headerTopRight .phone h3 .icon {
margin-right: 6px;
transform: rotate(15deg);
}
.headerTopRight .phone h3 {
color: #9c9c9c;
font-family: "Open Sans",sans-serif;
font-size: 18px;
font-style: italic;
font-weight: 600;
}
.headerTopRight .phone h3 > span {
font-size: 14px;
font-weight: 600;
}
.headerTopRight .social-icons {
float: left;
}
.headerTopRight .social-icons a {
color: #fff;
display: table-cell;
font-size: 18px;
height: 35px;
margin: 0 1px;
text-align: center;
vertical-align: middle;
width: 36px;
-webkit-transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
-ms-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
}
.headerTopRight .social-icons a:nth-child(1) {
background: #4867AA;
}
.headerTopRight .social-icons a:nth-child(2) {
/*background: linear-gradient( #400080, transparent), linear-gradient(200deg, #d047d1, #ff0000,#ffff00);
*/
background: #CA2868;
}
.headerTopRight .social-icons a:nth-child(3) {
background: #03A9F4;
}
.headerTopRight .social-icons a:nth-child(4) {
background: #0077B5;
}
.headerTopRight .social-icons a:hover {
background: #666;
color: #fff;
}
.headerTopRight .get-quotes-btn {
float: left;
}
.headerTopRight .get-quotes-btn a {
background: #f65944 none repeat scroll 0 0;
color: #fff;
float: left;
font-size: 12px;
font-weight: 600;
height: 35px;
padding-top: 10px;
text-align: center;
width: 160px;
-webkit-transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
-ms-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
}
.headerTopRight .get-quotes-btn a:hover {
background: #e6332a;
color: #fff;
}
.headerBottom {
background: #fff none repeat scroll 0 0;
border-bottom: 1px solid rgba(0, 0, 0, 0.05);
height: 90px;
}
.headerBottom .logo {
float: left;
margin-top: 10px;
}
.headerBottom .logo a {
display: block
}
.headerBottom .logo img {
width:275px;
}
.main-nav {
float: left;
margin-top: 26px;
width: 815px;
}
.slider {
float:left;
width:100%;
position: relative;
}
.phoneInfo {
bottom: 0;
left: 0;
position: absolute;
right: 0;
}
.phoneInfoBtn {
background: #cc322a none repeat scroll 0 0;
float: left;
height: 75px;
padding: 21px 20px;
position: relative;
width: 200px;
z-index: 10;
}
.phoneInfoBtn a.open {
float:left;
width:100%;
opacity: 1;
visibility: visible;
-webkit-transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
-ms-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
}
.phoneInfoBtn a.open.passive {
transform: scale(0.5);
-webkit-transform: scale(0.5);
-moz-transform: scale(0.5);
-o-transform: scale(0.5);
-ms-transform: scale(0.5);
opacity: 0;
visibility: hidden;
}
.phoneInfoBtn a.close {
float: left;
text-align: center;
width: 100%;
opacity: 0;
visibility: hidden;
-webkit-transition: all 0.3s ease 0.2s;
-moz-transition: all 0.3s ease 0.2s;
-o-transition: all 0.3s ease 0.2s;
-ms-transition: all 0.3s ease 0.2s;
transition: all 0.3s ease 0.2s;
}
.phoneInfoBtn a.close.active {
transform: translateY(-36px);
-webkit-transform: translateY(-36px);
-moz-transform: translateY(-36px);
-ms-transform: translateY(-36px);
-o-transform: translateY(-36px);
opacity: 1;
visibility: visible;
}
.phoneInfoBtn a.close img {
width: 40px;
}
.phoneInfoBtn .icon {
color: #fff;
float: left;
font-size: 30px;
margin-right: 14px;
margin-top: 3px;
}
.phoneInfoBtn h3 {
color: #fff;
display: block;
font-size: 13px;
}
.phoneInfoBtn h3.first {
font-weight: 400;
}
.phoneInfoBtn h3.second {
font-weight: 700;
}
.phoneInfoSub {
background: #cc322a none repeat scroll 0 0;
float: left;
height: 75px;
opacity: 0;
padding: 13px 10px;
position: relative;
visibility: hidden;
width: 82%;
z-index: 99;
/*transform: translateX(100px);
-webkit-transform: translateX(100px);
-moz-transform: translateX(100px);
-ms-transform: translateX(100px);
-o-transform: translateX(100px);
*/
-o-transition: all 0.3s ease 0s;
-webkit-transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
-ms-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
}
.phoneInfoSub.active {
opacity: 1;
visibility: visible;
/*transform: translateX(0);
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
*/
}
.phoneInfoSubContent {
float:left;
width: 100%;
}
.phoneInfoSubContent li {
float: left;
margin: 0 10px;
width: 26.7%;
}
.phoneInfoSubContent li input {
background: #e6332a none repeat scroll 0 0;
border: 0 none;
font-size: 14px;
color: #fff;
font-weight: 500;
height: 50px;
padding: 0 15px;
width: 100%;
opacity: 0;
visibility: hidden;
transform: scale(0.8);
-webkit-transform: scale(0.8);
-moz-transform: scale(0.8);
-ms-transform: scale(0.8);
-o-transform: scale(0.8);
-o-transition: all 0.4s ease 0.2s;
-webkit-transition: all 0.4s ease 0.2s;
-moz-transition: all 0.4s ease 0.2s;
-ms-transition: all 0.4s ease 0.2s;
-o-transition: all 0.4s ease 0.2s;
}
.phoneInfoSubContent input::-webkit-input-placeholder {
color:#fff;
}
.phoneInfoSubContent input::-moz-placeholder {
color:#fff;
}
.phoneInfoSubContent input:-ms-input-placeholder {
color:#fff;
}
.phoneInfoSubContent input:-moz-placeholder {
color:#fff;
}
.phoneInfoSubContent li.active input {
transform: scale(1);
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
opacity: 1;
visibility: visible;
}
.phoneInfoSubContent .send {
float: left;
margin-left: 10px;
}
.phoneInfoSubContent .send input {
background: #fff none repeat scroll 0 0;
border: 0 none;
color: #0a335a;
font-family: "Raleway",sans-serif;
font-size: 15px;
font-weight: 700;
height: 50px;
width: 100px;
cursor: pointer;
-o-transition: all 0.4s ease 0s;
-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;
}
.phoneInfoSubContent .send input:hover {
background: #072440;
color: #fff;
}
.slider-effect::before {
-webkit-animation: snow 20s linear infinite;
-moz-animation: snow 20s linear infinite;
animation: snow 20s linear infinite;
-webkit-transform: translateZ(0);
-moz-transform: translateZ(0);
-ms-transform: translateZ(0);
-o-transform: translateZ(0);
transform: translateZ(0);
background-image: url("../images/dat-snow_1.png"), url("../images/dat-snow_2.png"), url("../images/dat-snow_3.png");
bottom: 0;
content: "";
left: 0;
position: absolute;
right: 0;
top: 0;
z-index: 1;
}
@-webkit-keyframes snow {
0% {
background-position:0px 0px, 0px 0px, 0px 0px
}
100% {
background-position:500px 1000px, 400px 400px, 300px 300px
}
}
@-moz-keyframes snow {
0% {
background-position:0px 0px, 0px 0px, 0px 0px
}
100% {
background-position:500px 1000px, 400px 400px, 300px 300px
}
}
@-ms-keyframes snow {
0% {
background-position:0px 0px, 0px 0px, 0px 0px
}
100% {
background-position:500px 1000px, 400px 400px, 300px 300px
}
}
@keyframes snow {
0% {
background-position:0px 0px, 0px 0px, 0px 0px
}
100% {
background-position:500px 1000px, 400px 400px, 300px 300px
}
}
.middle {
float: left;
margin-top: 35px;
width: 100%;
}
.middle .section {
float:left;
width:100%;
}
.middle .section.margin-top {
margin-top: 50px;
}
.services-area {
display: block;
}
.section-heading {
float: left;
text-align: center;
width: 100%;
}
.section-heading h3 {
color: #555;
}
.section-heading h3.title {
font-size: 36px;
font-weight: 800;
}
.section-heading h3.text {
font-size: 20px;
font-weight: 300;
line-height: 1.6;
margin-top: 6px;
padding: 0 200px;
}
.services-area-content {
float: left;
margin-top: 42px;
width: 100%;
}
.services-area-content ul {
display: block;
}
.services-area-content ul li {
float: left;
margin: 11px;
width: 31.4%;
}
.services-area-content ul li a {
display: block;
position: relative;
}
.services-area-content .photo {
overflow: hidden;
}
.services-area-content .photo img {
height: 285px;
object-fit: cover;
width: 100%;
-webkit-transition: all 1s ease 0s;
-moz-transition: all 1s ease 0s;
-o-transition: all 1s ease 0s;
-ms-transition: all 1s ease 0s;
transition: all 1s ease 0s;
}
.services-area-content ul li a:hover .photo img {
transform: scale(1.1);
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1);
}
.services-area-content .comment {
background: -webkit-linear-gradient(rgba(0,0,0,0.45),transparent);
background: -o-linear-gradient(rgba(0,0,0,0.45),transparent);
background: -moz-linear-gradient(rgba(0,0,0,0.45),transparent);
background: linear-gradient(rgba(0,0,0,0.45),transparent);
height: 100%;
left: 0;
padding-top: 18px;
position: absolute;
right: 0;
text-align: center;
top: 0;
width: 100%;
-webkit-transition: all 0.5s ease 0s;
-moz-transition: all 0.5s ease 0s;
-o-transition: all 0.5s ease 0s;
-ms-transition: all 0.5s ease 0s;
transition: all 0.5s ease 0s;
}
.services-area-content ul li a:hover .comment {
background: rgba(246,89,68,0.9);
}
.services-area-content .comment .content {
-webkit-transition: all 0.5s ease 0.1s;
-moz-transition: all 0.5s ease 0.1s;
-o-transition: all 0.5s ease 0.1s;
-ms-transition: all 0.5s ease 0.1s;
transition: all 0.5s ease 0.1s;
}
.services-area-content ul li a:hover .comment .content {
transform: translateY(65px);
-webkit-transform: translateY(65px);
-moz-transform: translateY(65px);
-ms-transform: translateY(65px);
-o-transform: translateY(65px);
}
.services-area-content .comment .content h3 {
color: #fff;
}
.services-area-content .comment .content h3.title {
color: #fff;
font-size: 24px;
font-weight: 800;
}
.services-area-content .comment .content h3.text {
font-size: 18px;
margin-top: 4px;
}
.services-area-content .comment .figure {
left: 0;
margin-top: 23px;
position: absolute;
right: 0;
top: 50%;
opacity: 0;
visibility: hidden;
-webkit-transition: all 0.5s ease 0.1s;
-moz-transition: all 0.5s ease 0.1s;
-o-transition: all 0.5s ease 0.1s;
-ms-transition: all 0.5s ease 0.1s;
transition: all 0.5s ease 0.1s;
}
.services-area-content ul li a:hover .comment .figure {
opacity: 1;
visibility: visible;
}
.services-area-content .comment .figure .icon {
color: #fff;
font-size: 36px;
}
.other-services-button {
float: left;
margin-top: 20px;
text-align: center;
width: 100%;
}
.other-services-button a {
border: 3px solid #f65944;
border-radius: 3px;
color: #f65944;
display: inline-block;
font-size: 14px;
font-weight: 500;
height: 50px;
padding-top: 13px;
width: 240px;
-webkit-transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
-ms-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
}
.other-services-button a:hover {
background: #f65944;
color: #fff;
}
.other-services-button a .icon {
display: block;
position: relative;
top: -2px;
}
.about-area-content {
background-image: url("../images/hakkimizda-bg.jpg");
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
float: left;
height: 466px;
margin-top: 35px;
width: 100%;
}
.about-area-tab {
float: right;
width: 49.5%;
position: relative;
}
.tab-nav {
float: left;
width: 100%;
}
.tab-nav ul {
display: block;
}
.tab-nav ul li {
float: left;
margin: 0 1px;
width: 32.9%;
}
.tab-nav ul li a {
background: #ed523e none repeat scroll 0 0;
color: #fff;
display: block;
font-size: 18px;
font-weight: 300;
height: 79px;
padding-top: 30px;
text-align: center;
-webkit-transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
-ms-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
}
.tab-nav ul li.active a, .tab-nav ul li a:hover {
background: #f65945;
}
.tab-container {
float: left;
width: 100%;
}
.tab-content {
display: block;
padding: 40px 25px 0;
}
.tab-content h3 {
color: #fff;
font-size: 14px;
font-weight: 300;
line-height: 1.8;
height: 223px;
overflow: hidden;
}
.tab-content .detail-info {
background: #fff none repeat scroll 0 0;
bottom: 20px;
color: #ef604b;
float: right;
font-weight: 600;
height: 50px;
margin-top: 45px;
padding: 16px 0;
text-align: center;
width: 205px;
-webkit-transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
-ms-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
}
.tab-content .detail-info:hover {
background: #c63e2b;
color: #fff;
}
.about-social-icons {
bottom: 7px;
left: 32px;
position: absolute;
}
.about-social-icons a {
border: 1px solid #fff;
color: #fff;
display: inline-block;
font-size: 17px;
height: 35px;
margin-right: 25px;
padding-top: 8px;
text-align: center;
transform: rotate(45deg);
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
-webkit-transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
-ms-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
width: 35px;
}
.about-social-icons a:hover {
background: #fff;
color: #f65945;
}
.about-social-icons a .icon {
transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
}
.news-area {
float: left;
width: 100%;
}
.news-area-left {
float: left;
width: 32%;
}
.news-area-left .title {
color: #555555;
font-size: 30px;
font-weight: 200;
}
.news-area-left .title span {
font-weight: 700;
}
.news-area-left .text {
color: #f65945;
font-size: 18px;
font-weight: 200;
height: 83px;
line-height: 1.6;
margin-top: 8px;
overflow: hidden;
}
.news-area-right {
float: left;
margin-left: 21px;
width: 66.1%;
}
.news-area-content {
display: block;
}
.news-area-photos {
float: left;
width: 243px;
}
.news-area-photos ul {
display: block;
}
.news-area-photos ul li {
float: left;
width: 100%;
}
.news-area-photos ul li a {
display: block;
position: relative;
}
.news-area-photos .photo {
overflow: hidden;
}
.news-area-photos .photo img {
height: 160px;
object-fit: cover;
width: 100%;
-webkit-transition: all 0.9s ease 0s;
-moz-transition: all 0.9s ease 0s;
-o-transition: all 0.9s ease 0s;
-ms-transition: all 0.9s ease 0s;
transition: all 0.9s ease 0s;
}
.news-area-photos ul li a:hover .photo img {
transform: scale(1.1);
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1);
}
.news-area-photos .comment {
float: left;
margin-top: 8px;
width: 100%;
}
.news-area-photos .comment h3.title {
border-bottom: 3px solid #f65944;
color: #45423d;
float: left;
font-size: 16px;
font-weight: 700;
line-height: 1.5;
margin-bottom: 6px;
max-height: 55px;
overflow: hidden;
padding-bottom: 5px;
width: 100%;
}
.news-area-photos .comment h3.text {
color: #888888;
float: left;
font-size: 12px;
font-weight: 500;
height: 60px;
line-height: 1.7;
overflow: hidden;
width: 100%;
}
.news-area-title {
float: left;
padding-left: 40px;
position: relative;
top: -9px;
width: 66%;
}
.news-area-title h3 {
color: #dedede;
font-family: sfmpBold;
font-size: 136px;
letter-spacing: 6px;
line-height: 0.75;
}
.news-area-list {
float: left;
margin-top: 15px;
padding-left: 42px;
width: 67%;
}
.news-area-list ul {
display: block;
}
.news-area-list ul li {
float:left;
width:100%;
}
.news-area-list ul li a {
border-bottom: 1px solid #ebebeb;
color: #888888;
display: block;
font-size: 15px;
font-weight: 300;
overflow: hidden;
padding: 6px 0;
text-overflow: ellipsis;
white-space: nowrap;
}
.news-area-list ul li:nth-last-child(1) a {
border-bottom:0 none;
}
.news-area-list ul li a:hover {
background: #f65944;
color: #fff;
text-indent: 7px;
}
.news-area-list ul li a .icon {
color: #f65944;
margin-right: 7px;
}
.news-area-list ul li a:hover .icon {
color: #fff;
}
.news-area-list ul li a, .news-area-list ul li a .icon {
-webkit-transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
-ms-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
}
.contactUs {
float: left;
height: 580px;
width: 100%;
background-image: url("../images/parallax.jpg");
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
}
.contactUsContent {
float: left;
margin-top: 40px;
width: 55.7%;
}
.contactUsContent .heading {
display: inline-block;
margin-bottom: 30px;
width: 100%;
}
.contactUsContent .heading .title {
color: #e6332a;
font-size: 30px;
font-weight: 700;
text-indent: 6px
}
.contactUsContent .heading .text {
color: #e6332a;
font-size: 14px;
margin-top: 8px;
text-indent: 7px;
}
.contactUsContent li {
float: left;
text-align: center;
width: 50%;
}
.contactUsContent li.textarea {
width: 100%;
}
.contactUsContent li input, .contactUsContent textarea {
background: transparent none repeat scroll 0 0;
border: 1px solid #e6332a;
color: #e6332a;
font-size: 14px;
height: 50px;
margin-bottom: 20px;
padding: 0 20px;
width: 94%;
}
.contactUsContent input::-webkit-input-placeholder {
color:#e6332a;
}
.contactUsContent input::-moz-placeholder {
color:#e6332a;
}
.contactUsContent input:-ms-input-placeholder {
color:#e6332a;
}
.contactUsContent input:-moz-placeholder {
color:#e6332a;
}
.contactUsContent textarea::-webkit-input-placeholder {
color:#e6332a;
}
.contactUsContent textarea {
height: 124px;
padding-top: 13px;
width: 98.5%;
margin-left: 6.9px;
}
.contactUsContent .send {
float: right;
margin-right: 9px;
}
.contactUsContent .send input {
background: #e6332a none repeat scroll 0 0;
border: 0 none;
color: #fff;
cursor: pointer;
font-family: "Raleway",sans-serif;
font-size: 14px;
font-weight: 600;
height: 59px;
width: 196px;
-webkit-transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
-ms-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
}
.contactUsContent .send input:hover {
background: #f65945 none repeat scroll 0 0;
}
.brands {
float:left;
width:100%;
margin-bottom: 50px;
}
.brands-content {
float: left;
width:100%;
}
.brands-content .photo {
background: #fff none repeat scroll 0 0;
box-shadow: 0 0 11px rgba(0, 0, 0, 0.1);
display: inline-block;
height: 68px;
overflow: hidden;
text-align: center;
width: 203px;
}
.brands-content .photo .content {
display: table-cell;
height: inherit;
vertical-align: middle;
width: inherit;
}
.brands-content .photo .content img {
max-height: 50px;
object-fit: contain;
width: 100%;
}
.footer
{
float: left;
width: 100%;
background: #f8f8f8;
padding-top: 50px;
}
.footerTop {
float: left;
width: 100%;
}
.footerBox {
float: left;
width: 23%;
}
.footerBox .footer-title {
color: #fff;
font-size: 19px;
font-weight: 700;
margin-bottom: 11px;
}
.footerBox ul {
display: block;
}
.footerBox ul li {
display: block;
}
.footerBox ul li a, .footerBox ul li h3 {
color: #d6d6d6;
display: block;
font-size: 13px;
overflow: hidden;
padding: 4px 30px 4px 0;
text-overflow: ellipsis;
white-space: nowrap;
-webkit-transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
-ms-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
}
.footerBox ul li a:hover {
text-indent: 5px;
color: #f65945;
}
.footerBox ul li a .icon {
color: #fff;
font-size: 14px;
margin-right: 8px;
}
.footerContact ul li a .icon {
display: none;
}
.footerBox ul li h3 {
padding-bottom: 6px;
padding-right: 0;
padding-top: 6px;
text-overflow: inherit;
white-space: inherit;
}
.footerBox ul li h3 .icon {
float: left;
font-size: 18px;
margin-right: 5px;
text-align: center;
width: 30px;
}
.footerBox.footerContact {
width: 31%;
}
.working-hours {
float: left;
margin-top: 12px;
width: 100%;
}
.working-hours h3 {
color: #9ba6b1;
font-size: 13px;
padding: 2px 0;
}
.working-hours h3.title {
font-weight: 700;
}
.working-hours h3.text {
}
.footerBottom {
float: left;
margin-top: 45px;
width: 100%;
}
.footerBottom .heading {
border-top:1px solid #616161;
display: block;
height: 79px;
padding: 24px 0;
text-align: center;
}
.footer-social {
display: inline-block;
}
.footer-social a {
border: 1px solid #9ba6b1;
color: #9ba6b1;
display: inline-block;
font-size: 17px;
height: 35px;
margin-right: 25px;
padding-top: 8px;
text-align: center;
transform: rotate(45deg);
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
width: 35px;
-webkit-transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
-ms-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
}
.footer-social a:nth-last-child(1) {
margin-right: 0;
}
.footer-social a:hover {
background: #9ba6b1;
color: #fff;
}
.footer-social a .icon {
transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
}
.footerBottom .sub {
background: #212830 none repeat scroll 0 0;
display: block;
height: 67px;
}
.footerBottom .sub .copyright, .footerBottom .sub .design {
font-size: 13px;
color: #d6d6d6;
}
.footerBottom .sub .copyright {
float: left;
margin-top: 28px;
}
.footerBottom .sub .design {
float: right;
padding: 5px 6px;
margin-top: 24px;
border-radius:3px;
-webkit-transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
-ms-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
}
.footerBottom .sub .design:hover {
background: #fff;
color: #004281;
}
.innerPageHeading {
float:left;
position: relative;
display: block;
width:100%;
background: #f8f8f8;
}
.innerPageHeading .photo {
/*float: left;
*/
height:340px;
overflow:hidden;
position:relative;
width:100%;
}
.innerPageHeading .photo img {
height: 570px;
object-fit: cover;
position: absolute;
top: 0;
transform: scale(0.95);
-webkit-transform: scale(0.95);
-ms-transform: scale(0.95);
width: 100%;
}
.get-quotes-content {
bottom: 0px;
left: 0;
position: absolute;
right: 0;
width: 100%;
}
.get-quotes-content-btn {
float: left;
}
.get-quotes-content-btn > a {
background: rgba(246, 89, 68, 0.9) none repeat scroll 0 0;
color: #fff;
display: block;
font-size: 16px;
font-weight: 700;
height: 75px;
padding: 0 20px;
width: 200px;
-webkit-transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
-ms-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
}
.get-quotes-content-btn > a:hover {
background: rgba(246, 89, 68, 1) none repeat scroll 0 0;
}
.get-quotes-content-btn > a > span {
font-weight: 700;
position: relative;
top: 18px;
}
.get-quotes-content-btn > a .icon {
float: left;
font-size: 30px;
height: inherit;
margin-right: 23px;
padding-top: 24px;
}
.innerPageHeading .content {
float: left;
width: 100%;
margin-top: 28px;
}
.innerPageHeading .content-heading {
display: inline-block;
width: 100%;
}
.innerPageHeading .content-heading .site-map {
float: left;
}
.innerPageHeading .content-heading .site-map a {
color: #a7a7a7;
float: left;
font-size: 12px;
font-weight: 500;
}
.innerPageHeading .content-heading .site-map a .icon-home {
font-size: 13px;
margin-right: 7px;
}
.innerPageHeading .content-heading .site-map a:hover {
color:#f65944;
}
.innerPageHeading .content-heading .site-map a .icon {
float: right;
font-size: 12px;
margin-left: 6px;
margin-right: 6px;
margin-top: 1px;
}
.innerPageHeading .content-heading .site-map a:nth-last-child(1) .icon {
display: none;
}
.innerPageHeading .content-heading .site-back {
float: right;
}
.innerPageHeading .content-heading .site-back a {
color: #a7a7a7;
font-size: 12px;
font-weight: 500;
}
.innerPageHeading .content-heading .site-back a:hover {
color: #f65944;
}
.innerPageHeading .content-heading .site-back a .icon {
margin-right: 7px;
}
.innerPageHeading .content-sub {
display: inline-block;
margin-bottom: 12px;
margin-top: 25px;
width: 100%;
}
.innerPageHeading .content-sub .title {
color: #555555;
float: left;
font-size: 36px;
font-weight: 800;
}
.innerPageHeading .content-sub.sm .title {
font-size: 24px;
}
.float-right {
float: right;
}
.innerPageHeading .content-sub-right {
margin-top: 11px;
}
.socialShare {
float: left;
margin-top: 2px;
}
.socialShare > ul {
display: block;
}
.socialShare > ul > li {
float: left;
}
.socialShare > ul > li > a {
color: #c1c1c1;
float: left;
font-size: 12px;
font-weight: 500;
line-height: 1.9;
}
.socialShare > ul > li:hover > a {
color: #f65944;
}
.socialShare > ul > li > a .icon {
float: left;
font-size: 24px;
margin-right: 10px;
margin-top: -1px;
}
.textSizer {
float:left;
}
.innerPageContent {
float: left;
margin-bottom: 70px;
margin-top: 26px;
min-height: 400px;
width: 100%;
}
.content-description {
color: #555555;
font-size: 14px;
font-weight: 400;
line-height: 2.3;
}
.content-page-services .main-nav-sub {
height:82px !important;
}
.content-page-services .services-sub {
visibility: visible !important;
z-index: 3 !important;
}
.content-page-services .main-nav-sub-content ul li a {
opacity: 1 !important;
}
.content-page-services .main-nav-sub-content ul li a .icon {
transform: scale(1) !important;
-webkit-transform: scale(1) !important;
-moz-transform: scale(1) !important;
-o-transform: scale(1) !important;
-ms-transform: scale(1) !important;
}
.content-page-services .nav-services a {
background: #e6332a;
color: #fff;
}
.leftContent {
width: 25%;
}
.pageContentNavTitle {
display: block;
}
.pageContentNavTitle h3 {
color: #3d4049;
font-size: 20px;
font-weight: 700;
}
.pageContentNavTitle span {
background: #f65944 none repeat scroll 0 0;
display: block;
height: 4px;
margin: 15px 0 0;
width: 70px;
}
.pageContentNav {
clear: right;
}
/*.pageContentNav ul {
}
*/
.pageContentNav ul li {
display: block;
}
.pageContentNav ul li a {
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
color: #3d4049;
display: block;
font-size: 14px;
font-weight: 600;
height: 53px;
overflow: hidden;
padding: 18px 0;
text-overflow: ellipsis;
white-space: nowrap;
transition: all 0.3s ease 0s;
-webkit-transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
}
.pageContentNav ul li a:hover {
background: #e6332a;
color:#fff;
text-indent: 12px;
}
.pageContentNav ul li:nth-last-child(1) a {
border-bottom: 0 none;
}
.rightContent {
float: left;
margin-right: 25px;
width: 72.8%;
}
.innerPageNews {
float: left;
margin-top: -22px;
width: 100%;
}
.innerPageNews ul {
}
.innerPageNews ul li {
float: left;
margin: 0 10px 30px;
width: 30.9%;
/*31.8%*/
}
/*.innerPageNews ul li:nth-child(3n+3) {
margin-right: 0;
}
*/
.innerPageNews ul li a {
display: block;
position: relative;
}
.innerPageNews .photo {
border-radius: 3px;
box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2);
overflow: hidden;
transition: all 0.9s ease 0s;
-webkit-transition: all 0.9s ease 0s;
-moz-transition: all 0.9s ease 0s;
}
.innerPageNews .photo img {
width:100%;
height: 185px;
object-fit: cover;
}
.innerPageNews ul li a:hover .photo {
transform: scale(0.95);
-webkit-transform: scale(0.95);
-moz-transform: scale(0.95);
}
.innerPageNews .description {
display: block;
}
.innerPageNews .description h3.date {
color: #f65944;
font-size: 14px;
font-style: italic;
font-weight: 700;
margin: 13px 0 11px;
}
.innerPageNews .description h3.title {
color: #043140;
font-size: 16px;
font-weight: 700;
height: 47px;
line-height: 1.5;
overflow: hidden;
}
.innerPageNews .description h3.text {
color: #777;
display: none;
font-size: 13px;
height: 76px;
line-height: 2.1;
overflow: hidden;
}
/* Large */
.innerPageNews ul li.large {
margin-left: 0;
margin-right: 0;
width: 100%;
}
.innerPageNews ul li.large .photo {
overflow: hidden;
}
.innerPageNews ul li.large .photo img {
height: 340px;
}
/*.innerPageNews ul li.large .description {
}
.innerPageNews ul li.large .description h3.date {
}
*/
.innerPageNews ul li.large .description h3.title {
height: auto;
}
.innerPageNews ul li.large .description h3.text {
display: block;
margin-top: 10px;
height: auto;
}
.innerPageNewsDetail {
}
.innerPageNewsDetail .detail-photo {
width: 300px;
margin-right: 10px;
float: left;
border: 1px solid #e2e2e2;
padding: 5px;
}
.innerPageNewsDetail .detail-photo img {
width: 288px;
}
.innerPageNewsDetail .detail-description {
}
.innerPageNewsDetail .detail-description .date {
color: #f65944;
font-size: 14px;
font-style: italic;
font-weight: 700;
margin: 18px 0 11px;
}
.innerPageNewsDetail .detail-description .title {
color: #043140;
font-size: 16px;
font-weight: 700;
line-height: 1.5;
}
.innerPageNewsDetail .detail-description .text {
color: #777;
display: block;
font-size: 14px;
line-height: 2.1;
margin-top: 10px;
}
.nextPrevNews {
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
border-top: 1px solid rgba(0, 0, 0, 0.1);
float: left;
margin-top: 32px;
padding: 25px 0;
width: 100%;
}
.nextPrevNews .item {
background: rgba(0, 0, 0, 0.03) none repeat scroll 0 0;
width: 300px;
}
.nextPrevNews .item, .nextPrevNews .item .description .content {
height: 90px;
}
.nextPrevNews .item .photo {
float: left;
overflow: hidden;
}
.nextPrevNews .item.next .photo {
float: right;
}
.nextPrevNews .item .photo img {
height: 90px;
object-fit: cover;
width: 115px;
}
.nextPrevNews .item .description {
float: left;
width: 61.6%;
}
.nextPrevNews .item .description .content {
display: table-cell;
padding: 0 12px;
vertical-align: middle;
width: inherit;
}
.nextPrevNews .item .description .content h3.title {
color: #043140;
font-size: 16px;
font-weight: 700;
line-height: 1.3;
max-height: 84px;
overflow: hidden;
transition: all 0.3s ease 0s;
-webkit-transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
}
.nextPrevNews .item a:hover .description .content h3.title {
color: #f65944;
}
.nextPrevNews .item.prev {
float:left;
}
.nextPrevNews .item.next {
float:right;
}
.recentNews {
display: inline-block;
margin-bottom: 30px;
width: 100%;
}
.recentNews ul {
display: block;
margin-top: 18px;
}
.recentNews ul li {
float: left;
margin-bottom: 20px;
width: 100%;
}
.recentNews ul li:nth-last-child(1) {
margin-bottom:0;
}
.recentNews ul li a {
background: rgba(0, 0, 0, 0.03) none repeat scroll 0 0;
float: left;
position: relative;
width: 100%;
}
.recentNews ul li a, .recentNews .description .content {
height: 90px;
}
.recentNews .photo {
overflow: hidden;
float:left;
}
.recentNews .photo img {
width: 115px;
height: 90px;
object-fit: cover;
transition: all 0.9s ease 0s;
-webkit-transition: all 0.9s ease 0s;
-moz-transition: all 0.9s ease 0s;
}
.recentNews ul li a:hover .photo img {
transform: scale(1.15);
-webkit-transform: scale(1.15);
-moz-transform: scale(1.15);
}
.recentNews .description {
float: left;
width: 59.6%;
}
.recentNews .description .content {
display: table-cell;
padding: 0 11px;
vertical-align: middle;
width: auto;
}
.recentNews .description .content h3.title {
color: #043140;
font-size: 16px;
font-weight: 700;
max-height: 81px;
overflow: hidden;
transition: all 0.3s ease 0s;
-webkit-transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
}
.recentNews ul li a:hover .description .content h3.title {
color: #f65944;
}
.innerPageReferences {
display: inline-block;
width: 100%;
}
.innerPageReferences .referanslar {
display: block;
}
.innerPageReferences .referans {
}
.innerPageReferences .referans a {
background: #fff none repeat scroll 0 0;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.12);
float: left;
width: 100%;
}
.innerPageReferences .referans a, .innerPageReferences .photo .content {
height: 140px;
}
.innerPageReferences .photo {
overflow: hidden;
}
.innerPageReferences .photo .content {
display: table-cell;
padding: 20px;
vertical-align: middle;
width: inherit;
}
.innerPageReferences .photo .content img {
max-height: 80px;
object-fit: contain;
width: 100%;
}
.get-quotes-mobile-btn {
float: right;
margin-top: 42px;
display: none;
}
.get-quotes-mobile-btn a {
color: #555555;
float: left;
font-size: 20px;
}
.contact {
float: left;
width: 100%;
}
.contact-content {
display: inline-block;
margin-top: 50px;
width: 100%;
}
.contact-address {
float: left;
width: 100%;
}
/*.contact-address ul {
}
*/
.contact-address ul li {
float: left;
text-align: center;
width: 25%;
}
.contact-address .figure {
background: #fff none repeat scroll 0 0;
border: 1px solid transparent;
border-radius: 100%;
display: inline-block;
padding: 8px;
transition: all 0.3s ease 0s;
-webkit-transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
}
.contact-address ul li:hover .figure {
border: 1px solid #F65944;
}
.contact-address .figure .content {
background: #f65944 none repeat scroll 0 0;
border-radius: 100%;
display: inline-block;
height: 88px;
width: 88px;
}
.contact-address .figure .content .icon {
color: #fff;
display: table-cell;
font-size: 36px;
height: inherit;
vertical-align: middle;
width: inherit;
}
.contact-address h3 {
color: #555555;
}
.contact-address h3.title {
font-size: 24px;
font-weight: 700;
margin: 13px 0 8px;
}
.contact-address h3.text {
font-size: 14px;
line-height: 1.7;
padding: 0 43px;
}
.contact-form, .contact-map{
float: left;
margin-top: 50px;
width: 50%;
}
.contact-form form {
margin-top: 19px;
}
.contact-form .pageContentNavTitle {
margin-left: 5px;
}
.contact-form li {
float: left;
width: 50%;
text-align: center;
}
.contact-form li.textarea {
width: 100%;
}
.contact-form li input, .contact-form li textarea {
background: #fff none repeat scroll 0 0;
border: 2px solid rgba(0, 0, 0, 0.1);
font-family: "Raleway",sans-serif;
font-size: 14px;
font-weight: 600;
height: 55px;
margin-bottom: 14px;
padding: 0 20px;
width: 96%;
transition: all 0.3s ease 0s;
-webkit-transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
}
.contact-form li input:focus, .contact-form li textarea:focus {
border: 2px solid #F65944;
}
.contact-form li textarea {
height: 116px;
padding-top: 10px;
width: 98%;
}
.contact-form .send {
float: right;
margin-right: 6px;
}
.contact-form .send input {
background: #f65944 none repeat scroll 0 0;
border: 0 none;
color: #fff;
font-family: "Raleway",sans-serif;
font-size: 16px;
font-weight: 700;
height: 44px;
width: 113px;
cursor:pointer;
transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
-webkit-transition: all 0.3s ease 0s;
}
.contact-form .send input:hover {
background: #e6332a none repeat scroll 0 0;
}
.contact-map {
padding-left: 23px;
}
.contact-map iframe {
height: 325px;
margin-top: 19px;
width: 100%;
}
#tutun div label{
margin-left: 5px
}
.success{
background-color: #f65944;
padding: 15px 12px;
color: #FFFFFF;
height: 100%;
}
#loader-icon3 {
font-size: .8em;
color: #FF6600;
letter-spacing: 2px;
float: left;
right: -250px;
position: relative;
top: -65px;
}
.demoInputBox{
background-color:#FFF;
}
.success2{
background-color: #b74b3d;
padding: 15px 12px;
color: #FFFFFF;
height: 100%;
}
#loader-icon5 {
font-size: .8em;
color: #FF6600;
letter-spacing: 2px;
float: left;
position: relative;
top: -18px;
}
.dark-illustration-bg{
background:url(../images/showeare-parallax.jpg) no-repeat center;
background-size:cover
}
.sidebar .widget.widget_nav_menu .menu {
padding: 5px 0;
}
.sidebar .widget.widget_nav_menu .menu li a {
display: block;
color: rgba(255, 255, 255, 0.85);
font-size: 14px;
}
.sidebar .widget.widget_nav_menu .menu li a:hover {
color: #ffffff;
}
.sidebar .widget.widget_nav_menu .menu li .sub-menu {
margin: 0 0 0 22px;
padding: 0;
}
.sidebar .widget.widget_nav_menu .menu li .sub-menu .sub-menu {
margin-left: 16px;
}
.sidebar .widget.widget_nav_menu .menu li .sub-menu li a {
position: relative;
margin-bottom: 7px;
}
.sidebar .widget.widget_nav_menu .menu li .sub-menu li a:before {
display: inline-block;
width: 5px;
height: 5px;
content: "";
vertical-align: middle;
margin: -1px 10px 0 0;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
.sidebar .widget.widget_nav_menu .menu > li {
position: relative;
}
.aktif {
background:#cc322a;
}
.sidebar .widget.widget_nav_menu .menu > li:after {
position: absolute;
}
.sidebar .widget.widget_nav_menu .menu > li > a {
font-weight: bold;
padding: 15px 20px;
color: #ffffff;
position: relative;
}
.sidebar .widget.widget_nav_menu .menu > li > a:before {
content: "\f054";
font-family: "FontAwesome";
font-size: 14px;
font-weight: normal;
color: rgba(255, 255, 255, 0.5);
position: absolute;
top: 50%;
margin-top: -7px;
right: 20px;
}
.sidebar .widget.widget_nav_menu .menu > li > a:hover {
background: rgba(0, 0, 0, 0.15);
}
.sidebar .widget.widget_nav_menu .menu > li.current-menu-item > a,
.sidebar .widget.widget_nav_menu .menu > li.current_page_item > a {
background: #ffffff;
position: relative;
color: #e6332a;
}
.sidebar .widget.widget_nav_menu .menu > li.current-menu-item > a:after,
.sidebar .widget.widget_nav_menu .menu > li.current_page_item > a:after {
width: 5px;
height: 100%;
right: -5px;
top: 0;
content: "";
position: absolute;
background-color: #218c2c;
}
.sidebar .widget.widget_nav_menu .menu > li.current-menu-item > ul,
.sidebar .widget.widget_nav_menu .menu > li.current_page_item > ul {
margin-top: 20px;
}
.sidebar-right .sidebar .widget.widget_nav_menu .menu > li.current-menu-item > a::after,
.sidebar-right .sidebar .widget.widget_nav_menu .menu > li.current_page_item > a::after {
left: auto;
right: -5px;
}
.sidebars {
background:#e6332a;
}
.sidebars h3{
padding: 15px 20px;
background: #f65944;
font-weight: bold;
color: #fff;
}
.sidebar .widget.widget_nav_menu .menu > li.current-menu-item > a, .sidebar .widget.widget_nav_menu .menu > li.current_page_item > a, .sidebar .widget.widget_nav_menu .menu > li.current-menu-item > a::before, .sidebar .widget.widget_nav_menu .menu > li.current-page-item > a::before {
color: #15416e;
}
.boxes {
display: inline-block;
padding: 0;
}
.boxes .hizmetler {
-webkit-box-shadow: 0 3px 14px 0 rgba(0,0,0,.09);
box-shadow: 0 3px 14px 0 rgba(0,0,0,.09);
-webkit-transition: all .3s ease-out;
-o-transition: all .3s ease-out;
transition: all .3s ease-out;
overflow: hidden;
border-radius: 6px;
}
.boxes .hizmetler:hover{
-webkit-box-shadow:0 3px 14px 0 rgba(0,0,0,.19);
box-shadow:0 3px 14px 0 rgba(0,0,0,.19)
}
a.boxBg {
height: 225px;
display: block;
width: 100%;
background-size: cover!important;
background-position: center center!important;
background-repeat: no-repeat!important;
z-index: 2;
overflow: hidden;
}
.boxAlt {
border-radius: 6px;
background-color: #fcfcfc;
border: 1px solid #fff;
padding: 30px 20px 30px;
z-index: 11;
}
.boxAlt i {
top: -30px;
z-index: 9;
line-height: normal;
margin-left: -20.5px;
}
a.boxBaslik {
font-size: 24px;
font-weight: 700;
line-height: normal;
text-align: center;
color: #e6332a;
display: block;
margin-bottom: 9px;
}
.boxAlt p, a.boxBaslik span {
color: #000;
}
.boxAlt p {
font-weight: 300;
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 3;
max-height: 71px;
}
a.radius-btn {
border-radius: 25px;
background-color: #e6332a;
padding: 14px 35px;
display: block;
width: 100%;
color: #fff;
margin-top: 33px;
text-align: center;
font-weight: bold;
}
.main-heading.style2 {
padding: 0 0 0 129px;
}
.main-heading {
z-index: 1;
color: #a5a5a6;
font-weight: 300;
position: relative;
}
.mar-b-sm {
margin-bottom: 40px;
}
.main-heading.style2:before {
left: 0;
right: auto;
}
.main-heading:before {
background: #323031;
width: 108px;
height: 1px;
position: absolute;
content: "";
z-index: -1;
left: auto;
top: 22px;
bottom: auto;
right: 0;
}
.main-heading .heading {
margin: 0;
color: #e6332a;
font-weight: 300;
font-size: 40px;
line-height: 44px;
}
.main-heading .clr, .main-heading .clr2 {
font-weight: 700;
}
.post.post9 {
color: #fff;
font-size: 14px;
position: relative;
}
.post {
overflow: hidden;
}
.mar-b-xs {
margin-bottom: 30px;
}
.post.post9 a {
color: inherit;
}
.post.post9 .img-holder {
transition: all 0.25s linear;
}
.img-responsive2 {
width: 100%;
height: auto;
display: block;
}
.post.post9 .txt-holder {
top: 0;
left: 0;
right: 0;
margin: 0;
bottom: 0;
padding: 0;
position: absolute;
background: linear-gradient(top, rgba(50, 48, 49, 0.01) 0%, rgba(50, 48, 49, 0.03) 16%, rgba(50, 48, 49, 0.11) 28%, rgba(50, 48, 49, 0.18) 34%, rgba(50, 48, 49, 0.22) 38%, rgba(50, 48, 49, 0.25) 40%, rgba(50, 48, 49, 0.26) 41%, rgba(50, 48, 49, 0.29) 42%, rgba(50, 48, 49, 0.32) 44%, rgba(50, 48, 49, 0.33) 46%, rgba(50, 48, 49, 0.36) 47%, rgba(50, 48, 49, 0.43) 52%, rgba(50, 48, 49, 0.46) 53%, rgba(50, 48, 49, 0.51) 57%, rgba(50, 48, 49, 0.55) 58%, rgba(50, 48, 49, 0.55) 59%, rgba(50, 48, 49, 0.59) 61%, rgba(50, 48, 49, 0.59) 62%, rgba(50, 48, 49, 0.62) 63%, rgba(50, 48, 49, 0.62) 64%, rgba(50, 48, 49, 0.67) 67%, rgba(50, 48, 49, 0.74) 73%, rgba(50, 48, 49, 0.79) 81%, rgba(50, 48, 49, 0.83) 87%, rgba(50, 48, 49, 0.87) 100%);
background: -moz-linear-gradient(top, rgba(50, 48, 49, 0.01) 0%, rgba(50, 48, 49, 0.03) 16%, rgba(50, 48, 49, 0.11) 28%, rgba(50, 48, 49, 0.18) 34%, rgba(50, 48, 49, 0.22) 38%, rgba(50, 48, 49, 0.25) 40%, rgba(50, 48, 49, 0.26) 41%, rgba(50, 48, 49, 0.29) 42%, rgba(50, 48, 49, 0.32) 44%, rgba(50, 48, 49, 0.33) 46%, rgba(50, 48, 49, 0.36) 47%, rgba(50, 48, 49, 0.43) 52%, rgba(50, 48, 49, 0.46) 53%, rgba(50, 48, 49, 0.51) 57%, rgba(50, 48, 49, 0.55) 58%, rgba(50, 48, 49, 0.55) 59%, rgba(50, 48, 49, 0.59) 61%, rgba(50, 48, 49, 0.59) 62%, rgba(50, 48, 49, 0.62) 63%, rgba(50, 48, 49, 0.62) 64%, rgba(50, 48, 49, 0.67) 67%, rgba(50, 48, 49, 0.74) 73%, rgba(50, 48, 49, 0.79) 81%, rgba(50, 48, 49, 0.83) 87%, rgba(50, 48, 49, 0.87) 100%);
background: -webkit-linear-gradient(top, rgba(50, 48, 49, 0.01) 0%, rgba(50, 48, 49, 0.03) 16%, rgba(50, 48, 49, 0.11) 28%, rgba(50, 48, 49, 0.18) 34%, rgba(50, 48, 49, 0.22) 38%, rgba(50, 48, 49, 0.25) 40%, rgba(50, 48, 49, 0.26) 41%, rgba(50, 48, 49, 0.29) 42%, rgba(50, 48, 49, 0.32) 44%, rgba(50, 48, 49, 0.33) 46%, rgba(50, 48, 49, 0.36) 47%, rgba(50, 48, 49, 0.43) 52%, rgba(50, 48, 49, 0.46) 53%, rgba(50, 48, 49, 0.51) 57%, rgba(50, 48, 49, 0.55) 58%, rgba(50, 48, 49, 0.55) 59%, rgba(50, 48, 49, 0.59) 61%, rgba(50, 48, 49, 0.59) 62%, rgba(50, 48, 49, 0.62) 63%, rgba(50, 48, 49, 0.62) 64%, rgba(50, 48, 49, 0.67) 67%, rgba(50, 48, 49, 0.74) 73%, rgba(50, 48, 49, 0.79) 81%, rgba(50, 48, 49, 0.83) 87%, rgba(50, 48, 49, 0.87) 100%);
background: linear-gradient(to bottom, rgba(50, 48, 49, 0.01) 0%, rgba(50, 48, 49, 0.03) 16%, rgba(50, 48, 49, 0.11) 28%, rgba(50, 48, 49, 0.18) 34%, rgba(50, 48, 49, 0.22) 38%, rgba(50, 48, 49, 0.25) 40%, rgba(50, 48, 49, 0.26) 41%, rgba(50, 48, 49, 0.29) 42%, rgba(50, 48, 49, 0.32) 44%, rgba(50, 48, 49, 0.33) 46%, rgba(50, 48, 49, 0.36) 47%, rgba(50, 48, 49, 0.43) 52%, rgba(50, 48, 49, 0.46) 53%, rgba(50, 48, 49, 0.51) 57%, rgba(50, 48, 49, 0.55) 58%, rgba(50, 48, 49, 0.55) 59%, rgba(50, 48, 49, 0.59) 61%, rgba(50, 48, 49, 0.59) 62%, rgba(50, 48, 49, 0.62) 63%, rgba(50, 48, 49, 0.62) 64%, rgba(50, 48, 49, 0.67) 67%, rgba(50, 48, 49, 0.74) 73%, rgba(50, 48, 49, 0.79) 81%, rgba(50, 48, 49, 0.83) 87%, rgba(50, 48, 49, 0.87) 100%);
}
.post.post9:hover .header {
transform: translateY(-20px);
}
.post.post9:hover .img-holder {
transform: rotate(3deg) scale(1.1);
}
.post .txt-holder {
z-index: 1;
padding: 0 8%;
margin: -70px 0 0;
position: relative;
}
.post.post9 .header {
left: 0;
right: 0;
bottom: 0;
padding: 7px 18px;
position: absolute;
transition: all 0.25s linear;
}
.post.post9 h3 {
color: #fff;
font-size: 20px;
margin: 0 0 10px;
font-weight: bold;
font-family: "Exo 2", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.text-uppercase, .initialism {
text-transform: uppercase;
}
/* sss */
.sss ul{
margin: 0px;
padding: 0px;
list-style-type: none;
}
.sss ul li {
margin-bottom: 5px;
}
.sss ul li a.soru {
font-size: 16px;
line-height: 40px;
font-weight: 400;
color: #8c8a86;
border:1px solid #f0f0f0;
background-color: #f8f8f8;
background-image: url(../images/dugme_ok.png);
background-repeat: no-repeat;
background-position: 99% center;
display: block;
height: 40px;
padding-left: 15px;
cursor: pointer;
}
.sss ul li a.soru:hover {
color: #8c8a86;
border-color: #f0f0f0;
background-color: #e8e8e8;
}
.sss ul li a.soru.acik {
background-image: url(../images/dugme_ok_acik.png);
background-color: #e6332a;
color:#fff;
}
.sss ul li .cevap {
font-size: 15px !important;
font-weight: 200;
color: #8e9093;
padding-top: 10px;
padding-bottom: 10px;
display: none;
line-height: 25px;
border: 1px solid #f8f8f8;
padding-left: 15px;
}
.sss ul li .cevap * {
font-size: 15px !important;
font-weight: 200 !important;
color: #8e9093 !important;
background-color:transparent !important;
}
.sss ul li.acik .cevap {
display:block;
}
.album-item {
width: auto;
height: auto;
border-radius: 8px;
background-color: #fff;
border: solid 1px #eef7fa;
padding: 10px;
float: left;
width: 100%;
-webkit-transition: all 0.5s ease-in;
-o-transition: all 0.5s ease-in;
transition: all 0.5s ease-in;
top: 0;
position: relative;
}
span.slide-show i {
display: block;
text-align: center;
font-style: normal;
position: relative;
color: #f47524;
line-height: normal
}
span.slide-show i+i {
margin-top: 10px;
font-size: 11px;
padding: 0 6px;
color: #fff;
}
section.album {
padding: 0;
}
section.album-detay {
padding-top: 0;
}
.album-isim.wdth100 {
width: 100%;
max-height: 16px;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
overflow: hidden;
}
.album-bg {
height: 174px;
background-size: cover!important;
background-position: center center!important;
background-repeat: no-repeat!important;
border-radius: 8px;
float: left;
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
position: relative
}
.album-galeri .col-md-3.col-sm-6.col-xs-12, .video-galeri .col-md-3.col-sm-6.col-xs-12, .fotograf-galeri .col-md-3.col-sm-6.col-xs-12, .video-galeri .col-md-3.col-sm-6.col-xs-12 {
margin-bottom: 30px
}
.album-aciklama {
font-size: 14px;
font-weight: 600;
font-style: normal;
font-stretch: normal;
line-height: normal;
letter-spacing: -.3px;
text-align: left;
color: #a0c9da;
margin: 20px 0 10px
}
.clear {
clear: both
}
.clear2 {
clear: both;
display: none
}
.album-genel {
float: left;
width: 100%;
margin-top: 15px
}
.album-isim {
font-size: 12px;
font-weight: 600;
font-style: normal;
font-stretch: normal;
line-height: normal;
letter-spacing: -.3px;
color: #f47524;
float: left;
width: 140px;
max-height: 32px;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
}
.album-tarih {
float: right;
font-size: 12px;
font-weight: 400;
font-style: normal;
font-stretch: normal;
line-height: normal;
letter-spacing: -.3px;
color: #f47524
}
a.album-item:hover {
-webkit-box-shadow: 0 8px 15px -3px rgba(0, 0, 0, .24);
box-shadow: 0 8px 15px -3px rgba(0, 0, 0, .24);
position: relative;
top: -10px;
-webkit-transition: all 0.5s ease-in;
-o-transition: all 0.5s ease-in;
transition: all 0.5s ease-in;
}
.album-bg:before {
content: "";
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
background: rgba(42, 67, 91, .59);
opacity: 0;
-webkit-transition: all 0.5s ease-in;
-o-transition: all 0.5s ease-in;
transition: all 0.5s ease-in
}
.album-bg:hover:before {
opacity: 1;
visibility: visible;
-webkit-transition: all 0.5s ease-in;
-o-transition: all 0.5s ease-in;
transition: all 0.5s ease-in
}
.fotograf-galeri span.slide-show i:before {
font-size: 30px
}
span.slide-show i:before {
margin: 0;
color: #f47524;
font-size: 60px;
line-height: normal
}
span.slide-show {
opacity: 0;
visibility: hidden;
-webkit-transition: all 0.5s ease-in;
-o-transition: all 0.5s ease-in;
transition: all 0.5s ease-in;
position: relative
}
.album-bg:hover span {
opacity: 1;
visibility: visible;
-webkit-transition: all 0.5s ease-in;
-o-transition: all 0.5s ease-in;
transition: all 0.5s ease-in
}
.fotograf-galeri {
display: block;
position: relative;
}
.album-isim-ic {
position: absolute;
top: 0;
left: 190px;
font-size: 15px;
font-weight: 700;
font-style: normal;
font-stretch: normal;
line-height: normal;
text-align: center;
color: #f47524;
text-transform: uppercase;
line-height: 50px;
}
.album-isim-ic:before {
content: "";
position: absolute;
right: -830px;
width: 820px;
height: 1px;
top: 50%;
margin-top: .5px;
background: #eef7fa
}
.kapsayici{
margin-left: -15px;
margin-right: -15px;
}
.sayfalama {
text-align: center;
overflow: hidden;
float: left;
width: 100%;
position: relative;
}
.pagination{
padding: 15px;
}
.sayfalama .cizgi{
margin-top: 34px;
display: block;
width: 100%;
position: absolute;
border-bottom: 1px solid #dfe3eb
}
.sayfalama .pagination>li>a {
display: block;
font-size: 17px;
color: #9bb6d4;
transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
}
.sayfalama .pagination>li {
margin: 0 5px 10px;
padding: 0!important;
width: 38px;
height: 38px;
font-size: 11px;
font-weight: 600;
line-height: 38px;
display: block;
background:#DFE3EB;
display: inline-block;
transform: rotate(45deg);
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
}
.sayfalama .pagination>li:hover {
background: #ACCAEB!important;
color: #fff
}
.sayfalama .pagination>.active {
background-color: #ACCAEB!important
}
.sayfalama .pagination>.active>a {
color: #7f95ad;
}
.lang{
display: inline-block;
align-items: center;
float:right;
margin:0;
background:#252438;
}
.lang>ul{
}
.lang>ul:hover{
background: #cc322a;
}
.lang>ul>li{
position: relative !important;
}
.lang>ul>li>a{
color:#fff !important;
padding: 9px !important;
display: block !important;
float: none !important;
font-size:14px !important;
}
.lang>ul>li>a>i{
color:#fff !important;
}
.lang>ul:hover i{
color: #fff !important
}
.lang>ul:hover a{
color: #fff !important
}
.lang>ul>li:hover>ul{
opacity: 1;
visibility: visible !important;
}
.lang>ul>li>ul{
opacity: 0;
visibility: hidden;
position: absolute;
top:100%;
left: 0;
z-index:9999;
background:#252438;
width: 100%;
-webkit-transition: all 250ms;
-o-transition: all 250ms;
transition: all 250ms;
}
.lang>ul>li>ul>li{
}
.lang>ul>li>ul>li>a{
color:#fff;
display: block;
padding: 10px;
border-top: 1px solid #fff;
float:none !important;
font-size:13px !important;
}
.well {
min-height: 20px;
padding: 19px;
margin-bottom: 20px;
background-color: #f5f5f5;
border: 1px solid #e3e3e3;
border-radius: 4px;
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
}
.well b, strong {
font-weight: 700;
font-size: 20px;
}
.btn-primary {
color: #fff;
background-color: #337ab7;
border-color: #2e6da4;
}
.btn {
display: inline-block;
padding: 6px 12px;
margin-bottom: 0;
font-size: 14px;
font-weight: 400;
line-height: 1.42857143;
text-align: center;
white-space: nowrap;
vertical-align: middle;
-ms-touch-action: manipulation;
touch-action: manipulation;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
background-image: none;
border: 1px solid transparent;
border-radius: 4px;
}
.btn-group-sm>.btn, .btn-sm {
padding: 5px 10px;
font-size: 12px;
line-height: 1.5;
border-radius: 3px;
}
.golge {
position: relative;
box-shadow: 0 0 10px 3px rgba(243, 243, 243, 0.74);
margin-bottom: 10px;
}
.title-text {
margin-bottom: 38px;
position: relative;
}
.title-text:before {
background: #e6332a;
}
.title-text:before {
position: absolute;
content: '';
height: 5px;
width: 50px;
border-radius: 5px;
left: 0;
margin-left: 0;
bottom: -18px;
}
.section-title{
line-height: normal;
}
.section-title h4 a{
color: #e6332a;
font-size: 30px;
font-weight: bold;
}
.form-div{
margin-bottom: 0px;
clear: both;
overflow: hidden;
}
.form-div.capt-cont .captcha {
margin-left: 0;
width: 48%;
}
.form-div.capt-cont .captcha {
width: 98%;
position:relative;
margin-left: 5px;
border: 2px solid rgba(0, 0, 0, 0.1);
padding: 1.5px 0px;
}
.form-div.capt-cont .captcha img {
border: none !important;
margin: 0 !important;
display: block;
max-height: 100%;
}
.form-div.capt-cont .captcha img {
border: none !important;
display: block;
max-height: 100%;
}
.captcha a>img {
position: absolute;
width: 25px;
right: 10px;
top: 12px;
-webkit-transition-duration: 0.8s;
-o-transition-duration: 0.8s;
transition-duration: 0.8s;
-webkit-transition-property: -webkit-transform;
-o-transition-property: -o-transform;
transition-property: -webkit-transform;
-o-transition-property: transform;
transition-property: transform;
transition-property: transform, -webkit-transform;
}
.api{
position: fixed;
bottom: 10px;
left: 10px;
z-index: 99999;
}
.whatsapp {
position:relative;
transition: all .5s ease-in-out;
z-index: 999;
margin-top:10px;
}
.whatsapp a {
height: 50px;
width: 50px;
border-radius: 50%;
overflow: hidden;
box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.4);
font-size: 28px;
display: block;
text-align: center;
line-height: 50px;
color: white;
background: #4dc247;
}
.whatsapp .tooltiptext {
visibility: hidden;
width: 120px;
background-color: black;
color: #fff;
text-align: center;
border-radius: 6px;
padding: 5px 0;
position: absolute;
z-index: 1;
line-height: normal;
font-size: 15px;
top: 13px;
left: 105%;
height: auto;
}
.whatsapp:hover a {
transform: rotate(45deg);
-webkit-transform: rotate(45deg);
}
.whatsapp:hover .tooltiptext {
visibility: visible;
}
.telefon {
position:relative;
margin-top:10px;
transition: all .5s ease-in-out;
z-index: 999;
}
.telefon a {
height: 50px;
width: 50px;
border-radius: 50%;
overflow: hidden;
box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.4);
font-size: 28px;
display: block;
text-align: center;
line-height: 50px;
color: white;
background: #337ab7;
}
.telefon .tooltiptext {
visibility: hidden;
width: 120px;
background-color: black;
color: #fff;
text-align: center;
border-radius: 6px;
padding: 5px 0;
position: absolute;
z-index: 1;
line-height: normal;
font-size: 15px;
top: 13px;
left: 105%;
height: auto;
}
.telefon:hover a {
transform: rotate(45deg);
-webkit-transform: rotate(45deg);
}
.telefon:hover .tooltiptext {
visibility: visible;
}