body { background: #fff; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", "Open Sans", Arial, sans-serif/*"Raleway", sans-serif*/; overflow-x: hidden; }
strong { font-weight: 700; }

/*@media only screen and (max-width: 600px) {
    div #owl-demo .item img {
        display: block;
        width: 100%;
        height: auto;
    }
}*/

/* Small devices (portrait tablets and large phones, 600px and up) */
/*@media only screen and (min-width: 600px) {
    div #owl-demo .item img {
        display: block;
        width: auto;
        height: auto;
    }
}*/

/* Medium devices (landscape tablets, 768px and up) */
/*@media only screen and (min-width: 768px) {
    div #owl-demo .item img {
        display: block;
        width: 100%;
        height: 375px;
    }
}*/

/* Large devices (laptops/desktops, 992px and up) */
/*@media only screen and (min-width: 992px) {
    div #owl-demo .item img {
        display: block;
        width: 100%;
        height: 375px;
    }
}*/

/* Extra large devices (large laptops and desktops, 1200px and up) */
/*@media only screen and (min-width: 1200px) {
    div #owl-demo .item img {
        display: block;
        width: 100%;
        height:375px;
    }
}*/

.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('banner-arrow-left.png') no-repeat 0 0 transparent;
     height: 256px;
    left: 40px;
    top: 110px;
    width: 800px;
}
.sliderArrow .arrow-right {
     background: transparent url("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("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: 466px;
    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: 5px;
    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: 0px;
    width: 100%;
}
.get-quotes-form-content .content li {
	float: left;
    margin-bottom: 8px;
    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-family: "Raleway",sans-serif;
    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: #272222;
	 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: #c59621;
	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.services-sub {
	z-index: -1;
	visibility: hidden;
	margin-top: -82px;
}
.main-nav-sub-content.services-sub.services-active {
	z-index: 3;
	visibility: visible;
}
.main-nav-sub-content.services-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.services-sub ul li a.link-active {
	opacity: 1;
}
.nav-services.active {
	background: #004B8D none repeat scroll 0 0;
    color: #fff;
}


.main-nav-sub-content.about-sub {
	z-index: -1;
	visibility: hidden;
}
.main-nav-sub-content.about-sub.about-active {
	z-index: 3;
	visibility: visible;
}
.main-nav-sub-content.about-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.about-sub ul li a.link-active {
	opacity: 1;
}

.nav-about.active {
	background: #004B8D none repeat scroll 0 0;
    color: #fff;
}


.main-nav-sub-content {
	 background: #004b8d 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: #003769;
}
.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: 50%;
    z-index: 1001;
}
.get-guotes-fixed li {
	display: inherit;
}
.get-guotes-fixed-form li.select-area div.trigger {
     background: #003d72 none repeat scroll 0 0;
    left: 0;
    width: 100%;
}
.get-guotes-fixed-form li.select-area div.czia-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  a {
	background: #003d72 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;
}
.inprev{position:fixed; left:0px; top:0px;z-index:9999999;}
.inprev .cls{ position: absolute; z-index: 9999; left: 0px; top: 0px; background: #272626; padding: 14px 16px; color: white; }
li.out-form-ruhsatserino{position:relative;}
.cls-ques{color:black;background:white;padding:2px;position: absolute;left: 0px;top: 0px;}
/*.get-guotes-fixed a:active {
	right: -168px;
}*/
.get-guotes-fixed > ul > li ul {
    background: #004B8D;
    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: #003d72 none repeat scroll 0 0;
    border: 0 none;
    color: #fff;
    font-family: "Raleway",sans-serif;
    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: #003d72;
	color: #fff;
}
.get-guotes-fixed-title {
	  background: #fff none repeat scroll 0 0;
    color: #003769;
    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.whatsapp {
	background: #0dc143;
}

.headerTopRight .social-icons a.facebook {
	background: #4867AA;
}
.headerTopRight .social-icons a.instagram {
	/*background: linear-gradient( #400080, transparent), linear-gradient(200deg, #d047d1, #ff0000,#ffff00);*/
	background: #CA2868;
}
.headerTopRight .social-icons a.google {
	background: #cc5504;
}
.headerTopRight .social-icons a.linkedin {
	background: #0077B5;
}
.headerTopRight .social-icons a:hover {
	background: #666;
	color: #fff;
}

.headerTopRight .get-quotes-btn { float: left; }
.headerTopRight .get-quotes-btn a {
	background: #003d72 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: rgba(6, 69, 124, 0.9);
	color: #fff;
}

.headerBottom {
    background: #fff none repeat scroll 0 0;
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
    height: 95px;
}
.headerBottom .logo {
	float: left;
	margin-top: 0px;
}
.headerBottom .logo a { display: block }
.headerBottom .logo img { margin-top:25px }

.main-nav {
	 float: left;
    margin-top: 26px;
    width: 870px;
}
.slider { float:left; width:100%; position: relative; }

.phoneInfo {
	 bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
}
.phoneInfoBtn {
	 background: rgba(10, 51, 90, 0.9) 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: rgba(10, 51, 90, 1) 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: #0e4579 none repeat scroll 0 0;
    border: 0 none;
    font-family: "Raleway",sans-serif;
    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("dat-snow_1.png"), url("dat-snow_2.png"), url("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%;
    padding: 12px;
}
.section-heading h3 {
	color: #555;
}
.section-heading h3.title {
	    font-size: 36px;
    font-weight: 800;
    padding: 12px;
}
.section-heading h3.text {
    font-size: 16px;
    font-weight: 300;
    line-height: 1.6;
    margin-top: 6px;
    padding: 0 0;
}

.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(206, 151, 33, 0.86);
}
.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("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: fill;
    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: 520px;
    width: 100%;
    background-image: url("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: #004b8d;
    font-size: 30px;
    font-weight: 700;
    text-indent: 6px
}
.contactUsContent .heading .text {
    color: #004b8d;
    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 #004b8d;
    color: #004b8d;
    font-family: "Raleway",sans-serif;
    font-size: 14px;
    height: 50px;
    margin-bottom: 20px;
    padding: 0 20px;
    width: 94%;
}
.contactUsContent input::-webkit-input-placeholder { color:#004b8d; }
.contactUsContent input::-moz-placeholder { color:#004b8d; }
.contactUsContent input:-ms-input-placeholder { color:#004b8d; }
.contactUsContent input:-moz-placeholder { color:#004b8d; }

.contactUsContent textarea::-webkit-input-placeholder { color:#004b8d; }

.contactUsContent textarea {
    height: 124px;
    padding-top: 13px;
    width: 97%;
}
.contactUsContent .send {
    float: right;
    margin-right: 9px;
}
.contactUsContent .send input {
    background: #004b8d 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: 37px;
    object-fit: contain;
    width: 100%;
}
.footer {
	float: left;
    width: 100%;
}
.footerTop {
	float: left;
    width: 100%;
}
.footerBox {
	float: left;
    width: 23%;
}
/*edit */
.footerBox-2-col {float: left; width: 46%!important;}
.footerBox-2-col ul li{float:left; width:33.03%!important;}
/*end edit*/
.footerBox .footer-title {
	 color: #9ba6b1;
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 11px;
}
.footerBox ul {
	display: block;
}
.footerBox ul li {
	display: block;
}
.footerBox ul li a, .footerBox ul li h3 {
	 color: #9ba6b1;
    display: block;
    font-size: 12px;
    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: #9ba6b1;
    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 {
	background: #E81C2E none repeat scroll 0 0;
	display: block;
	height: 79px;
	padding: 24px 0;
	text-align: center;
}
.footer-social { display: inline-block; }
.footer-social a {
	 border: 1px solid #eacf65;
	 color: #ffffff;
	 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: #000 none repeat scroll 0 0;
	display: block;
	height: 67px;
}
.footerBottom .sub .copyright, .footerBottom .sub .design { font-size: 12px; color: #fff; }
.footerBottom .sub .copyright {
	float: left;
    margin-top: 28px;
}
.footerBottom .sub .design img{
    margin-top: -20px;
}
.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: #ca9717;
}
.innerPageHeading { float:left; position: relative; display: block; width:100%; }
.innerPageHeading .photo {
	/*float: left;*/ height:280px; overflow:hidden; position:relative; width:100%;
}
.innerPageHeading .photo img {
	height: 570px;
	object-fit: cover;
	position: absolute;
	top: 0;
	transform: scale(1);
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	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(6, 69, 124, 0.6) 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(6, 69, 124, 0.9) 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: 10px;
}
.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;
}

.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: #004B8D; color: #fff; }
.leftContent {
    width: 25%;
}
.pageContentNavTitle {
    display: block;
}
.pageContentNavTitle h3 {
    color: #3d4049;
    font-size: 20px;
    font-weight: 700;
}
.pageContentNavTitle span {
    background: #003d72 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: 33px;
    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: #003d72;
    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 {line-height:2.3}
.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 ul {
    display: block;
}
.innerPageReferences ul li {
    float: left;
    width: 207px;
}
.innerPageReferences ul li a {
    background: #fff none repeat scroll 0 0;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.12);
    float: left;
    width: 100%;
}
.innerPageReferences ul li 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 #ecb849;
}
.contact-address .figure .content {
    background: #ce9417 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: #ce9927 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: #212120 none repeat scroll 0 0;
}
.contact-map {
    padding-left: 23px;
}
.contact-map iframe {
    height: 255px;
    margin-top: 19px;
    width: 100%;
}
.hizli-mobile {}
.hizli-mobile ul {}
.hizli-mobile ul li{}
.hizli-mobile ul li a{color: #af8702 !important;padding-left: 20px !important;}

@media only screen and (max-width: 600px) {
    .footerBottom .sub .design img{
        position: absolute;
        margin: -93px -150px;
    }
    .secGaleri .col-sm-4{
        width: 100%;
    }
    .secGaleri .col-sm-4 img{
        margin: 0 auto;
    }
    .mobile-nav-toggle a i{
        font-size: 30px;
    }
    
}

.uruntablo{margin:10px 0}
.uruntablo td,.uruntablo th{border:solid 1px #ccc;padding:3px 5px;line-height:1.5}

.urunbilgi{background-color:#fef7e0;border-radius:32px;text-align:center;margin:30px auto 20px;color:#000000;font-size:14px;font-weight:500;padding:30px 24px;position:relative;width:280px}
.urunbilgi.full{width:100%}
.urunbilgi.kisa{margin-bottom:10px;padding:20px 24px 10px}
.urunbilgi:before{display:inline-block;content:"\f0eb";font-family:FontAwesome;color:#fff;background-color:#fbbc04;border-radius:100%;font-size:24px;line-height:40px;width:40px;height:40px;text-align:center;position:absolute;top:-20px;left:50%;margin-left:-20px}

.sertifikalar{width:100%;display:flex;gap:10px}
.sertifikalar img{max-width:100%;max-height:300px/*;border:solid 5px #ddd;border-radius:10px*/}

.font-tel{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif!important}

.videocerceve{background-color:#feed00;text-align:center;font-weight:600;font-size:20px;border:solid 20px #feed00}
.videocerceve iframe{width:100%}
.videocerceve a{display:inline-block;position:relative;color:#f0f0f0;background-color:#05457a;padding:10px 20px;border-radius:20px;border:5px solid #576c7c;line-height:1.2}
.videocerceve a:after{position:absolute;display:inline-block;content:"\f25a";font-family:'FontAwesome';right:10px;bottom:-10px;z-index:9;color:#fff;transform:rotate(330deg);text-shadow:-1px 1px 10px #000}
.purchasebutton{display:block;padding:.35rem .75rem;margin:1rem 0;background-color:#00457c;color:#fff;border-radius:10px;transition:all linear .25s}
.purchasebutton:before{display:inline-block;content:"";background:url(/img/sepet.png) 0 0/100% no-repeat;width:60px;height:60px;margin:-15px 10px -25px 0}
.purchasebutton:hover{box-shadow:0 3px 5px -2px hsl(220 40% 2% /calc(25% + 3%)), 0 7px 14px -5px hsl(220 40% 2% /calc(25% + 5%)),0 1px #484f56,0 0 0 .5rem hsl(228 94% 67% / 20%);color:#fff}