shtml, body {
    margin: 0;
    padding: 0;
    font-family: 'GothamBook',calibri,arial;
}

img {
    border: 0px;
}

section {
    max-width: 100%;
    overflow: hidden;
}

.zoom-in:hover {
    -webkit-transform: scale(1.05, 1.05);
    -moz-transform: scale(1.05, 1.05);
    -o-transform: scale(1.05, 1.05);
    -ms-transform: scale(1.05, 1.05);
}
.zoom-in {
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -webkit-transition: all 250ms ease;
    -moz-transition: all 250ms ease;
    -o-transition: all 250ms ease;
    -ms-transition: all 250ms ease;
    transition: all 250ms ease;
}

a {
    text-decoration: none !important;
    -webkit-transition: all 0.3s ease 0.02s;
    transition: all 0.3s ease 0.02s;
    font-family: 'GothamBook';
}

@font-face {
    font-family: GothamBook;
    src: url(../FONTS/Gotham-Book.otf);
}

@font-face {
    font-family: GothamBold;
    src: url(../FONTS/Gotham-Bold_0.otf);
}

@font-face {
    font-family: GothamMedium;
    src: url(../FONTS/Gotham-Medium.otf);
}


.mtb-10 {
    margin: 15px 0px 15px 0px;
}

.mt-10 {
    margin-top: 10px !important;
}

.mt-20 {
    margin-top: 20px !important;
}

.mt-30 {
    margin-top: 30px !important;
}

.mt-40 {
    margin-top: 40px !important;
}

.mb-100 {
    margin-bottom: 100px;
}

.display-none {
    display: none !important;
}

#preloader {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background: #fff;
    z-index: 105;
    display: table;
}

#preloader>div {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
}

.container {
    width: 100%;
    max-width: 1280px;
    margin-right: auto;
    margin-left: auto;
}

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

#site {
    position: relative;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    right: 0px;
}

.bar {
    height: 54px;
    background: #252525;
    color: #fff;
}

.bar .socialMedia {
    float: right;
    line-height: 35px;
    margin: 11px 0;
    padding: 0 25px;
    color: #fff;
    font-size: 12px;
}

.bar .socialMedia span {
    display: block;
    float: left;
}

.bar .socialMedia a {
    color: #fff;
    font-size: 24px;
    padding: 0px 5px;
    display: block;
    float: left;
}

.bar .phone .text span a:hover,
.bar .mail .text span a:hover,
.bar .socialMedia a:hover {
    color: #db272d;
}

.bar .workTime {
    float: left;
    width: 480px;
    line-height: 35px;
    margin: 10px 0;
    padding: 0 10px;
}

.bar .workTime .icon {
    float: left;
    width: 22px;
}

.bar .workTime .text {
    float: left;
    width: calc(100% - 22px);
    padding-left: 5px;
}

.bar .workTime .text {
    color: #fff;
    font-size: 12px;
}

.bar .workTime .text span {
    color: #fff;
    font-size: 13px;
    font-family: 'GothamBold',calibri,arial;
}

.bar .phone {
    float: left;
    width: 260px;
    line-height: 35px;
    margin: 10px 0;
    border-right: 1px solid #474747;
    padding: 0px 10px 0px 0px;
}

.bar .phone .icon {
    float: left;
    width: 18px;
}

.bar .phone .text {
    float: left;
    width: calc(100% - 18px);
    padding-left: 5px;
}

.bar .phone .text {
    color: #fff;
    font-size: 12px;
}

.bar .phone .text span {
    color: #fff;
    font-size: 12px;
    font-family: 'GothamBold',calibri,arial;
}

.bar .phone .text span a {
    color: #fff;
    font-size: 13px;
    font-family: 'GothamBold',calibri,arial;
}


.bar .mail {
    float: left;
    width: 285px;
    line-height: 35px;
    margin: 10px 0;
    padding: 0 10px;
    border-right: 1px solid #474747;
}

.bar .mail .icon {
    float: left;
    width: 26px;
}

.bar .mail .text {
    float: left;
    width: calc(100% - 26px);
    padding-left: 5px;
}

.bar .mail .text {
    color: #fff;
    font-size: 12px;
}

.bar .mail .text span {
    color: #fff;
    font-size: 12px;
    font-family: 'GothamBold',calibri,arial;
}

.bar .mail .text span a {
    color: #fff;
    font-size: 13px;
    font-family: 'GothamBold',calibri,arial;
}

.bar .phone .text span::before,
.bar .mail .text span::before,
.bar .workTime .text span::before {
    content: ': ';
}

header {
    line-height: 90px;
    position: sticky;
    top: 0px;
    background: #fff;
    z-index: 103;
    border-bottom: 2px solid #f3f3f3;
}

header.affix {
    line-height: 90px;
    position: sticky;
}

header .navbar-toggle {
    margin: 0px;
    padding: 0px;
    border: 0px;
    position: absolute;
    right: 20px;
    font-size: 34px;
}

header .logo {
    float: left;
}

header .logo img {
    max-width: 100%;
}


header .logo img.logoBig {
    display: inline-block;
}

header .logo img.logoMobile {
    display: none;
}

header .menu {
    float: right;
    font-family: 'GothamMedium',calibri,arial;
}

header .menu nav > ul {
    margin: 0px;
}

header .menu nav > ul > li {
    display: inline-block;
    text-align: center;
    position: relative;
    padding: 0px 5px;
    line-height: 40px;
}

header .menu nav ul > li > a {
    display: block;
    border-radius: 10px;
    background-color: #fff;
    color: #0e0e0e;
    font-size: 19px;
    padding: 0px 8px;
    font-family: 'GothamMedium',calibri,arial;
}

header .menu nav > ul > li:hover a,
header .menu nav > ul > li.active a {
    background-color: #db272d;
    color: #fff;
}

header .menu nav > ul > li > ul {
    display: none;
    position: absolute;
    padding: 10px 10px 10px 10px;
    background-color: #ffffff;
    border-radius: 10px;
    margin: 10px 0px 0px 0px;
    width: 290px;
    border: 2px solid rgb(219, 39, 45);
    z-index: 101;
    text-align: left;
}
header .menu nav > ul > li > ul::before{
    background-image: url(../IMAGES/menu-arrow.png);
    background-repeat: no-repeat;
    background-position-x: 42px;
    top: -16px;
    content: '';
    height: 16px;
    position: absolute;
    left: 4px;
    width: 100%;
}

header .menu nav > ul > li:hover > ul {
    display: block;
}

header .menu nav > ul > li > ul li {
    line-height: 20px;
}

header .menu nav > ul > li > ul li a {
    display: block;
    color: #000000 !important;
    background-color: #ffffff !important;
    font-size: 19px;
    border-bottom: 1px dotted #cacaca;
    border-radius: 0px;
    padding: 10px 5px;
    font-family: 'GothamMedium',calibri,arial;
}

header .menu nav > ul > li > ul li a:hover {
    background-color: #fff !important;
    color: #db272d !important;
}
header .menu nav > ul > li > ul li:last-child a {
    border: 0px;
}

header #mobile-menu {
    position: fixed;
    width: 90%;
    height: 100%;
    z-index: 201;
    background: rgba(0, 0, 0, 0.88);
    top: 0px;
    right: -90%;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    font-size: 18px;
}


header #mobile-menu .closebtn {
    font-size: 38px;
    position: absolute;
    right: 21px;
    top: 0px;
    z-index: 101;
    width: 80px;
    text-align: right;
    padding: 0px 21px 0px 0px;
    line-height: 80px;
}

header #mobile-menu .closebtn:link,
header #mobile-menu .closebtn:visited,
header #mobile-menu .closebtn:active,
header #mobile-menu .closebtn:hover {
    color: #fff;
}

header #mobile-menu .navbar-nav {
    margin: 7.5px 4%;
    padding: 50px 0px 0px 0px;
}

header #mobile-menu .navbar-nav li {
    font-family: 'GothamBold',calibri,arial;
    margin: 5px 25px 10px 25px;
    border-bottom: 1px dotted #333;
    padding: 0px 0px 4px 0px;
    width: 100%;
}

header #mobile-menu .navbar-nav li:last-child {
    border-bottom: 0px dotted rgba(0, 0, 0, 0.88);
}

header #mobile-menu .navbar-nav li a {
    padding-top: 0px;
    padding-bottom: 0px;
    /*-webkit-transition: all 0.3s ease 0s;
            transition: all 0.3s ease 0s;*/
    color: #fff;
    line-height: 30px;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    font-family: GothamBook;
    background-color: transparent !important;
}

header #mobile-menu .navbar-nav li.active a,
header #mobile-menu .navbar-nav li a:hover  {
    color: #db272d;
}

header #mobile-menu .navbar-nav li ul li {
    padding-top: 10px;
    text-indent: 15px;
    line-height: 30px;
}

.slider {
    height: 630px;
}

.slider .container {
    display: table;
    width: 100%;
    max-width: 1280px;
    height: 100%;
    margin: auto;
    min-height: 248px;
}

.slider .container .img {
    display: table-cell;
    vertical-align: middle;
    width: 45%;
    text-align: center;
}

.slider .container .img img {
    max-width: 100%;
    display: inline-block;
    width: auto;
}

.slider .container .text {
    display: table-cell;
    vertical-align: middle;
    /* width: 55%; */
    color: #fff;
}

.slider .container .text .textContainer {
    width: 100%;
    margin-right:auto;
    text-align: center;
}

.slider .container .text .textContainer h2 {
    font-size: 44px;
    font-family: calibri,arial;
    font-weight: bold;
    margin-top: 0px
    /*font-family: 'GothamBold',calibri,arial;*/
}

.slider.comments .container .text .textContainer h2 {
    font-size: 19px;
    font-family: arial;
    font-weight: normal;
    /*font-family: 'GothamBold',calibri,arial;*/
}

.slider.comments .container .text .textContainer p {
    font-size: 16px;
    font-family: arial;
    max-height: 110px;
    overflow: hidden;
}

.slider .container .text .textContainer h3 {
    font-size: 32px;
    font-family: calibri,arial;
    margin-top: 25px;
    /*font-family: 'GothamMedium',calibri,arial;*/
}

.slider .container .text .textContainer span {
    font-size: 35px;
    font-family: 'GothamMedium',calibri,arial;
    display: block;
    padding: 0px 50px;
    margin: 60px 0px 0px 0px;
}

.slider .item .text .textContainer a {
    color: #fff;
    display: block;
    padding: 10px 0px;
    background: #db272d;
    font-size: 24px;
    font-weight: normal;
    margin: 70px auto 0px auto;
    max-width: 230px;
    border-radius: 8px;
}

.slider .container .text .textContainer a:hover {
    background: #fff;
    color: #000;
}

.slider .item {
    background-position: center;
    background-size: cover;
    overflow: hidden;
    background-image: url(../IMAGES/slider-bg.jpg);
}

.slider .carousel,
.slider .item,
.slider .carousel-inner {
    height: 100%;
}

.slider .carousel-indicators {
    bottom: 1%;
}

.slider .carousel-indicators li {
    background-color: transparent;
    border: 2px solid #fff;
    margin: 0px 5px;
    width: 14px;
    height: 14px;
}

.slider .carousel-indicators .active {
    border: 2px solid #ff0000;
    background-color: #fff;
    position: relative;
}

.slider .carousel-indicators .active::before {
    border: 2px solid #000;
    content: '';
    position: absolute;
    width: 14px;
    height: 14px;
    top: -2px;
    left: -2px;
    border-radius: 10px;
}

.comments {
    background-position: top center;
    background-size: cover;
    overflow: hidden;
    background-image: url(../IMAGES/musteri-yorumlari.png);
    padding: 100px 0px;
    height: auto;
}

.comments .container {
    min-height: 280px;
}

.comments .item {
    background-image: none;
}

.comments .item .star {
    text-align: center;
    margin-top: 10px;
    margin-bottom: 14px;
}

.comments .item .star img {
    display: inline-block;
    width: auto !important;
    margin-left: 4px;
    margin-right: 4px;
}

.comments .item .star-line {
    height: 1px;
    margin-bottom: 25px;
}

.comments .item .star-line img {
    width: auto !important;
    line-height: normal;
    margin: auto;
}

.comments h4 {
    font-size: 14px;
    font-family: calibri;
    color: #9b9b9b;
    margin-top: 15px;
    margin-bottom: 0px;
}

.comments h1.title {
    font-size: 32px;
    font-family: arial;
    color: #fff;
    font-weight: bold;
    position: relative;
    display: block;
    margin: auto;
    max-width: 300px;
    width: 100%;
    margin-bottom: 30px;
}

.comments h1.title::after {
    content:'';
    width: 50%;
    height: 3px;
    background-color: #db272d;
    position: absolute;
    left: 25%;
    bottom: -12px;
}

.comments > a {
    color: #fff;
    display: block;
    padding: 10px 40px;
    background: #dd3b41;
    font-size: 15px;
    font-weight: normal;
    margin: 40px auto 0px auto;
    max-width: 315px;
}

.comments > a:Hover {
    color: #dd3b41;
    background: #fff;
}


.brands {
    margin: 90px 0px;
}

.brands .title {
    border-bottom: 3px solid #db272d;
    max-width: 470px;
    width: 100%;
    padding: 0px 0px 5px 0px;
}

.brands .title h1 {
    float: left;
    font-family: 'GothamBold',calibri,arial;
    font-size: 22px;
    color: #000000;
    margin-top: 0px;
    margin-bottom: 0px;
}

.brands .title .carouselControl {
    float: right;
}

.brands .title .carouselControl i {
    padding: 0px 8.58px;
    border: 1px solid #c4c4c4;
    font-size: 22px;
    font-weight: bold;
    cursor: pointer;
    color: #8a8a8a;
    transition: all 0.3s ease 0.02s;
    -webkit-transition: all 0.3s ease 0.02s;
    line-height: 25px;
}

.brands .title .carouselControl i:Hover {
    border: 1px solid #db272d;
    color: #db272d;
}

.brands .brandsCarousel {
    margin: 25px -6px;
}

.brands .brandsCarousel .brand {
    width: calc(100% - 12px);
    height: 124px;
    padding: 8px 7px;
    border: 1px solid #d2d2d2;
    margin: 0px 6px;
    transition: all 0.3s ease 0.02s;
    -webkit-transition: all 0.3s ease 0.02s;
    text-align: center;    
}

.brands .brandsCarousel .brand:hover {
    border: 1px solid #db272d;
}

.brands .brandsCarousel .owl-item .brand img {
    width: auto;
    display: inline-block;
    max-width: 100%;
}

.why {
    background-image: url(../IMAGES/why-bg.jpg);
    background-position: center center;
    height: 460px;
    padding: 45px 0px;
    background-size: cover;
}

.why .container {
    max-width: 1380px;
}

.why .title {
    font-size: 32px;
    color: #111111;
    margin: 0px 0px 95px 0px;
    font-family: 'GothamMedium',calibri,arial;
    text-align: center;
}

.why .title span {
    font-family: 'GothamBold',calibri,arial;
    color: #db272d;
}

.why .boxes {
    display: table;
    max-width: 100%;
}

.why .box {
    display: table-cell;
    max-width: 33%;
    padding: 0px 20px 0px 0px;
}

.why .box:last-child {
    padding: 0px 0px 0px 0px;
}

.why .box .img {
    float: left;
    overflow: hidden;
    padding: 0px 10px 0px 0px;
}

.why .box .img img {
    width: 100%;
    max-width: 112px;
}

.why .box .textarea {
    float: left;
    max-width: calc(100% - 122px);
}

.why .box .textarea {
    font-size: 20px;
    color: #2c2c2c;
    line-height: 24px;
}

.why .box .textarea h1 {
    font-size: 32px;
    font-family: 'GothamBold',calibri,arial;
    color: #000;
    margin: 0px;
}

.call {
    background-color: #db272d;
    padding: 35px 0px;
}

.call .container {
    display: table;
    max-width: 900px;
    height: 100%;
}

.call .container .title,
.call .container .form {
    display: table-cell;
    vertical-align: middle;
    height: 48px;
}

.call .container .title {
    font-size: 28px;
    color: #ffffff;
    font-family: 'GothamMedium',calibri,arial;
}

.call .container .form input[type='text'] {
    padding: 0px 10px;
    background-color: #faf9f9;
    width: 100%;
    max-width: 235px;
    font-family: arial;
    font-size: 15px;
    border: 1px solid #af1419;
    line-height: 39px;
    margin: 0px 15px 0px 0px;
    color: #8b8b8b;
}

.call .container .form input[type='text']::placeholder {
    font-weight: normal;
    color: #8b8b8b;
}

.call .container .form input[type='submit'] {
    background: #000000;
    font-family: 'GothamBold',calibri,arial;
    font-size: 20px;
    font-weight: bold;
    padding: 6px 12px;
    transition: all 0.3s ease 0.02s;
    -webkit-transition: all 0.3s ease 0.02s;
    border: 0px;
    color: #fff;
    border-radius: 8px;
}

.call .container .form input[type='submit']:hover {
    background: #fff;
    color: #000;
}

.contents {
    padding: 90px 0px;
}

.contents .about,
.contents .sss{
    float: left;
    border: 1px solid #ededed;
    box-shadow: 2px 2px 4px rgba(218, 218, 218, 0.6);
    padding: 15px;
    min-height: 380px;
}

#sssContent {
    padding: 30px;
    font-size: 18px;
}

#sssContent .title {
    font-size: 24px;
    font-family: 'GothamMedium',calibri,arial;
    color: #db272d;
    margin: 0px 0px 10px 0px;
}

#sssContent .close {
    opacity: 1;
    font-size: 32px;
    position: absolute;
    top: 10px;
    right: 13px;
}

.contents .about{
    width: calc(50% - 15px);
    margin: 0px 15px 0px 0px;
}

.contents .about .title h4 {
    font-size: 20px;
    font-family: 'GothamMedium',calibri,arial;
    color: #db272d;
    margin: 0px;
}

.contents .about .line {
    width: 100%;
    margin: 12px 0px;
    background-image: linear-gradient(to right, #3c3c3c 30%, rgba(255,255,255,0) 0%);
    background-position: bottom;
    background-size: 5px 1px;
    background-repeat: repeat-x;
    height: 1px;
}

.contents .about .img img:first-child {
    margin-right: 15px;
}

.contents .about .text {
    color: #2c2c2c;
    font-size: 15px;
    margin: 15px 0px 0px 0px;
}

.contents .sss{
    width: calc(50%);
}

.contents .sss .title h4 {
    font-size: 20px;
    font-family: 'GothamMedium',calibri,arial;
    color: #db272d;
    margin: 0px;
}

.contents .sss .line {
    width: 100%;
    margin: 12px 0px;
    background-image: linear-gradient(to right, #3c3c3c 30%, rgba(255,255,255,0) 0%);
    background-position: bottom;
    background-size: 5px 1px;
    background-repeat: repeat-x;
    height: 1px;
}

.contents .sss .questions .question {
    padding: 7px 9px;
    border: 1px solid #dfdfdf;
    margin: 0px 0px 8px 0px;
    font-size: 20px;
    color: #2c2c2c;
    font-family: 'GothamMedium',calibri,arial;
    line-height: 28px;
}

.contents .sss .questions .question a {
    color: #2c2c2c;
}

.contents .sss .questions .question a:hover {
    color: #db272d;
}

.contents .sss .questions .question i {
    width: 27.5px;
    height: 25.5px;
    line-height: 27.5px;
    background-color: #d6d6d6;
    font-size: 18px;
    text-align: center;
    border-radius: 27.5px;
    color: #9b9b9b;
    margin: 0px 8px 0px 0px;
    transition: all 0.3s ease 0.02s;
    -webkit-transition: all 0.3s ease 0.02s;
}

.contents .sss .questions .question:hover i {
    background-color: #db272d;
    color: #fff;
}

.contents .sss .all {
    color: #2c2c2c;
    font-size: 18px;
    font-family: 'GothamBold',calibri,arial;    
    float: right;
    margin: 12px 0px 0px 0px;
}

.contents .sss .all:hover {
    color: #db272d;
}

.blogs {
    margin: 50px 0px 90px 0px;
}

.blogs .title {
    border-bottom: 3px solid #db272d;
    max-width: 470px;
    width: 100%;
    padding: 0px 0px 5px 0px;
}

.blogs .title h1 {
    float: left;
    font-family: 'GothamBold',calibri,arial;
    font-size: 22px;
    color: #000000;
    margin-top: 0px;
    margin-bottom: 0px;
}

.blogs .title .carouselControl {
    float: right;
}

.blogs .title .carouselControl i {
    padding: 0px 8.58px;
    border: 1px solid #c4c4c4;
    font-size: 22px;
    font-weight: bold;
    cursor: pointer;
    color: #8a8a8a;
    transition: all 0.3s ease 0.02s;
    -webkit-transition: all 0.3s ease 0.02s;
    line-height: 25px;
}

.blogs .title .carouselControl i:Hover {
    border: 1px solid #db272d;
    color: #db272d;
}

.blogs .subTitle {
    max-width: 470px;
    width: 100%;
    padding: 8px 0px 10px 0px;
}

.blogs .blogCarousel {
    margin: 25px -6px;
}

.blogs .blogCarousel .blog {
    width: calc(100% - 12px);
    height: 354px;
    border: 1px solid #d2d2d2;
    margin: 0px 6px;
    transition: all 0.3s ease 0.02s;
    -webkit-transition: all 0.3s ease 0.02s;
    padding: 11px;
}

.blogs .blogCarousel .blog:hover {
    border: 1px solid #db272d;
}

.blogs .blogCarousel .blog .img {
    width: 100%;
    height: 121px;
    overflow: hidden;
}

.blogs .blogCarousel .blog h5 {
    font-size: 20px;
    color: #db272d;
    font-family: 'GothamMedium',calibri,arial;
    margin: 20px 0px 15px 0px;
}

.blogs .blogCarousel .blog h5 a {
    color: #db272d;
}

.blogs .blogCarousel .blog h5 a:hover {
    color: #333;
}

.blogs .blogCarousel .blog .content {
    color: #414141;
    font-size: 16px;
    font-family: calibri;
    line-height: 18px;
    height: 108px;
    overflow: hidden;
}

.blogs .blogCarousel .blog .read {
    text-align: right;
    margin: 15px 0px 0px 0px;
}

.blogs .blogCarousel .blog .read a {
    padding: 4px 15px;
    color: #fff;
    background-color: #db272d;
    border: 1px solid #db272d;
    font-size: 15px;
    font-family: 'GothamMedium',calibri,arial;
}

.blogs .blogCarousel .blog .read a:hover {
    color: #db272d;
    background-color: #fff;
}

.blogs .all {
    text-align: right;
    height: 40px;
}

.blogs .all a {
    margin: 10px 0px;
    background: #000000;
    border: 0px;
    font-family: 'GothamBold',calibri,arial;
    font-size: 16px;
    padding: 8px 15px;
    transition: all 0.3s ease 0.02s;
    -webkit-transition: all 0.3s ease 0.02s;
    color: #fff;
    border-radius: 10px;
}

.blogs .all a:hover {
    background-color: #db272d;
}

footer {
    background-image: url(../IMAGES/footer-bg.jpg);
    background-repeat: no-repeat;
    background-position: center center;
}

footer .logo {
    text-align: center;
    margin: 45px 0px;
}

footer .line {
    width: 100%;
    margin: 0px 0px 45px 0px;
    background-image: linear-gradient(to right, #222222 30%, rgba(255,255,255,0) 0%);
    background-position: bottom;
    background-size: 5px 1px;
    background-repeat: repeat-x;
    height: 1px;
}

footer .textarea {
    max-width: 605px;
    width: 100%;
    margin: auto;
    color: #818181;
    text-align: center;
}

footer .textarea a {
    color: #141414;
    font-family: 'GothamMedium',calibri,arial;
}

footer .textarea a:hover {
    color: #db272d;
}

footer .textarea .contact {
    font-size: 20px;
    font-family: 'GothamMedium',calibri,arial;
    color: #141414;
}

footer .textarea .contact img {
    margin: -4px 0px 0px 0px;
}

footer .textarea .contact > div {
    margin: 25px 0px;
}

footer .textarea .contact > div:last-child {
    margin: 50px 0px 20px 0px;
}

footer .textarea .contact i {
    color: #db272d;
    font-size: 28px;
    font-weight: bold;
}


footer .textarea .destomedya {
    margin: 30px 0px 40px 0px;
}

footer .textarea .destomedya img {
    padding: 10px 0px 0px 0px;
    border-top: 1px solid #e7e5e5;
}

.copyright {
    font-size: 17px;
    padding: 25px 0px;
    background-color: #121212;
    text-align: center;
    color: #ffffff;
}

.copyright a {
    font-family: 'GothamMedium',calibri,arial;
    color: #ffffff;
}

.back {
    margin: 20px 0px;
    width: 100%;
    display: block;
}

.back a {
    color: #ebffd6;
    display: block;
    float: right;
    padding: 10px 25px;
    background: #000000;
    font-size: 16px;
    font-weight: normal;
}

.back a:hover {
    background: #6cbc1b;
}

.pageArea .breadcrumbs {
    background: #f3f3f3;
    background: -moz-linear-gradient(top, #f3f3f3 0%, #f8f8f8 100%);
    background: -webkit-linear-gradient(top, #f3f3f3 0%,#f8f8f8 100%);
    background: linear-gradient(to bottom, #f3f3f3 0%,#f8f8f8 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3f3f3', endColorstr='#f8f8f8',GradientType=0 );

    padding: 10px 0px;
    color: #474747;
    font-family: arial;
    font-size: 11px;
}

.pageArea .breadcrumbs a {
    color: #474747;
}

.pageArea .breadcrumbs a:hover {
    color: #db272d;
}

.pageArea .pageTitle {
    position: relative;
    color: #000000;
    font-size: 32px;
    font-family: 'GothamBold',calibri,arial;
    border-bottom: 3px solid #d9d9d9;
    margin: 50px 0px 35px 0px;
    padding: 0px 0px 2px 0px;
}

.pageArea .pageTitle span {
    color: #db272d;
}

.pageArea .pageTitle::after {
    position: absolute;
    border-bottom: 3px solid #db272d;
    content: '';
    max-width: 360px;
    width: 70%;   
    bottom: -3px;
    left: 0px; 
}

.pageArea .textarea {
    color: #2c2c2c;
    font-size: 15px;
}

.pageArea .textarea .images {
    margin-top: 100px;
}

.pageArea .textarea .images img {
    padding-right: 38px;
    width: 100%;
    max-width: 385px;
}

.pageArea .textarea .images img:nth-child(3n+3) {
    padding-right: 0px;
}

.pageArea .textarea > .store {
    margin: 70px 0px 50px 0px;
    font-size: 16px;
    color: #141414;
    text-align: center;
}

.pageArea .textarea > .store span {
    font-size: 20px;
    font-family: 'GothamMedium',calibri,arial;
}

.pageArea .textarea > .store a {
    color: #141414;
}

.pageArea .textarea > .store a {
    color: #db272d;
    font-family: 'GothamMedium',calibri,arial;
}

.pageArea .textarea > .store a:hover {
    color: #141414;
}

.pageArea .textarea > .store img {
    margin: -5px 0px 0px 0px;
}

.pageArea .textarea .phone2 a {
    display: block;
    margin: 50px auto;
    background-color: #7b9e06;
    background-image: linear-gradient(#7b9e06, #659107);
    width: 225px;
    color: #fff;
    padding: 12px 20px 12px 50px;
    border-radius: 20px;
    border: 6px solid #fff;
    box-shadow: 0px 0px 5px #d5d5d5;
    font-family: arial;
    font-weight: bold;
    font-size: 20px;
    text-align: center;
    position: relative;
    transition: all 0.3s ease 0.02s;
    -webkit-transition: all 0.3s ease 0.02s;
}

.pageArea .textarea .phone2 a::before {
    width: 29px;
    height: 28px;
    position: absolute;
    left: 12px;
    content:'';
    background-image: url(../IMAGES/phone2.png);
}

.pageArea .textarea .phone2 a:hover {
    background-image: linear-gradient(#659107, #7b9e06);
}

.pageArea .textarea .form {
    float: right;
    width: 30%;
    max-width: 390px;
}

.pageArea .textarea .form .text {
    font-size: 14px;
    color: #db272d;
    margin: 0px 0px 25px 0px;
    padding:0px 0px 0px 20px;
}

#commentModal .comment-form .text2,
.pageArea .textarea .form .text2 {
    font-size: 12px;
    padding:10px 0px 0px 20px;
}

#commentModal .comment-form .text2 span,
.pageArea .textarea .form .text2 span {
    color: #db272d;
    font-size: 15px;
    font-weight: bold;
}

#commentModal .comment-form label,
.pageArea .textarea .form label {
    margin: 15px 0px 0px 0px;
    padding:0px 0px 0px 20px;
    position: relative;
    width: 100%;
}
#commentModal .comment-form label.required::before,
.pageArea .textarea .form label.required::before {
    content:' * ';
    color: #db272d;
    width: 4px;
    position: absolute;
    left: 0px;
    line-height: 30px;
}

#commentModal .comment-form label input[type='text'],
.pageArea .textarea .form label input[type='text'] {
    padding: 16px 20px;
    border: 1px solid #dbdbdb;
    background-color: #faf9f9;
    color: #8c8c8c;
    width: 100%;
    font-size: 14px;
    border-radius: 10px;
}

#commentModal .comment-form label input[type='text']::placeholder,
.pageArea .textarea .form label input[type='text']::placeholder {
    font-weight: normal;
    color: #8c8c8c;
}

#commentModal .comment-form label textarea,
.pageArea .textarea .form label textarea {
    padding: 16px 20px;
    border: 1px solid #dbdbdb;
    background-color: #faf9f9;
    color: #8c8c8c;
    width: 100%;
    font-size: 14px;
    border-radius: 10px;
    height: 150px;
}

#commentModal .comment-form label textarea::placeholder,
.pageArea .textarea .form label textarea::placeholder {
    font-weight: normal;
    color: #8c8c8c;
}

#commentModal .comment-form label select,
.pageArea .textarea .form label select {
    padding: 8px 10px;
    border: 1px solid #dbdbdb;
    background-color: #faf9f9;
    color: #8c8c8c;
    width: 100%;
    font-size: 14px;
}

#commentModal .comment-form label select::placeholder,
.pageArea .textarea .form label select::placeholder {
    font-weight: normal;
    color: #8c8c8c;
}

#commentModal .comment-form input[type='submit'],
.pageArea .textarea .form input[type='submit'] {
    float:right;
    margin: 10px 0px;
    background: #000000;
    border: 0px;
    font-family: 'GothamBold',calibri,arial;
    font-size: 20px;
    padding: 8px 15px;
    transition: all 0.3s ease 0.02s;
    -webkit-transition: all 0.3s ease 0.02s;
    color: #fff;
    border-radius: 10px;
}

.pageArea .textarea .form input[type='submit']:hover {
    background-color: #db272d;
    color: #fff;
}

.pageArea .textarea .stores {
    float: left;
    width: 50%;
    max-width: 630px;
}

.pageArea .textarea .stores2 {
    float: left;
    width: 100%;
    max-width: 100%;
}

.pageArea .textarea .stores .line {
    width: 100%;
    margin: 40px 0px 40px 0px;
    background-image: linear-gradient(to right, #222222 30%, rgba(255,255,255,0) 0%);
    background-position: bottom;
    background-size: 5px 1px;
    background-repeat: repeat-x;
    height: 1px;
}

.pageArea .textarea .stores .store {
    width: 75%;
    max-width: 450px;
}

.pageArea .textarea .stores .store .title {
    color: #db272d;
    font-size: 25px;
    font-family: 'GothamMedium',calibri,arial;
    margin: 0px 0px 25px 0px;
}

.pageArea .textarea .stores .store .address {
    color: #2c2c2c;
    font-size: 17px;
    margin: 0px 0px 25px 0px;
}

.pageArea .textarea .stores .store a {
    display: block;
    float: left;
    width: calc(50% - 10px);
    color: #fff;
    padding: 12px 20px 12px 40px;
    border-radius: 20px;
    border: 6px solid #fff;
    box-shadow: 0px 0px 5px #d5d5d5;
    font-family: arial;
    font-weight: bold;
    font-size: 20px;
    text-align: center;
    position: relative;
    transition: all 0.3s ease 0.02s;
    -webkit-transition: all 0.3s ease 0.02s;
    margin-right: 10px;
    max-width: 220px;
}

.pageArea .textarea .stores .store .phone3 {
    background: #7a9f08;
    background: -moz-linear-gradient(top, #7a9f08 0%, #608904 100%);
    background: -webkit-linear-gradient(top, #7a9f08 0%,#608904 100%);
    background: linear-gradient(to bottom, #7a9f08 0%,#608904 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7a9f08', endColorstr='#608904',GradientType=0 );
}

.pageArea .textarea .stores .store .phone3:hover {
    background: #608904;
    background: -moz-linear-gradient(top, #608904 0%, #7a9f08 100%);
    background: -webkit-linear-gradient(top, #608904 0%,#7a9f08 100%);
    background: linear-gradient(to bottom, #608904 0%,#7a9f08 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#608904', endColorstr='#7a9f08',GradientType=0 );
    color: #fff;
}

.pageArea .textarea .stores .store .phone3::before {
    width: 29px;
    height: 28px;
    position: absolute;
    left: 12px;
    content:'';
    background-image: url(../IMAGES/phone2.png);
}

.pageArea .textarea .stores .store .maps {
    background: #199cd8;
    background: -moz-linear-gradient(top, #199cd8 0%, #0988c3 100%);
    background: -webkit-linear-gradient(top, #199cd8 0%,#0988c3 100%);
    background: linear-gradient(to bottom, #199cd8 0%,#0988c3 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#199cd8', endColorstr='#0988c3',GradientType=0 );
}

.pageArea .textarea .stores .store .maps:hover {
    background: #0988c3;
    background: -moz-linear-gradient(top, #0988c3 0%, #199cd8 100%);
    background: -webkit-linear-gradient(top, #0988c3 0%,#199cd8 100%);
    background: linear-gradient(to bottom, #0988c3 0%,#199cd8 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0988c3', endColorstr='#199cd8',GradientType=0 );
    color: #fff;
}

.pageArea .textarea .stores .store .maps::before {
    width: 20px;
    height: 33px;
    position: absolute;
    left: 12px;
    content:'';
    background-image: url(../IMAGES/maps.png);
}

.pageArea .textarea .stores .store .directions {
    margin-top: 40px;
    font-size: 17px;
}

.pageArea .textarea .stores2 .store {
    float: left;
    width: 50%;
    max-width: 50%;    
}

.pageArea .textarea .stores2 .store .title {
    color: #000;
    font-size: 25px;
    font-family: 'GothamMedium',calibri,arial;
    margin: 0px 0px 25px 0px;
}

.pageArea .textarea .stores2 .store .title span {
    color: #db272d;
}

.pageArea .textarea .stores2 .img {
    float: right;
    width: 50%;
    max-width: 50%;    
}

.pageArea .textarea .stores2 .img img {
    max-width: 100%;
}

.pageArea .textarea .stores2 .line {
    margin: 75px 0px;
}

.pageArea .textarea .questions {
    margin: 0px 0px 50px 0px;

}

.pageArea .textarea .questions .question {
    padding: 7px 9px;
    margin: 0px 0px 30px 0px;
    font-size: 24px;
    color: #161616;
    font-family: 'GothamMedium',calibri,arial;
}

.pageArea .textarea .questions .question i {
    width: 27.5px;
    height: 25.5px;
    line-height: 27.5px;
    background-color: #db272d;
    color: #fff;
    font-size: 18px;
    text-align: center;
    border-radius: 27.5px;
    margin: 0px 8px 0px -14px;
    transition: all 0.3s ease 0.02s;
    -webkit-transition: all 0.3s ease 0.02s;
}

.pageArea .textarea .questions .question a {
    font-family: 'GothamMedium',calibri,arial;
    color: #161616;
}

.pageArea .textarea .questions .question a:hover {
    color: #db272d;
}

.pageArea .textarea .questions .question span::before {
    content:'Soru : ';
    color: #db272d;
    font-family: 'GothamMedium',calibri,arial;
}

.pageArea .textarea .questions .question p {
    padding: 7px 9px;
    margin: 0px 0px 8px 0px;
    font-size: 24px;
    color: #161616;
    line-height: 28px;
    font-family: 'GothamBook',calibri,arial;
}

.pageArea .textarea .questions .question p::before {
    content:'Cevap : ';
    color: #5daa19;
    font-family: 'GothamMedium',calibri,arial;
}

.pageArea .textarea .blogs2 {
    width: 75%;
    border-right: 1px solid #e7e7e7;
    float: left;
}

.pageArea .textarea .blogs2 .line {
    width: 100%;
    margin: 5px 0px 15px 0px;
    background-image: linear-gradient(to right, #222222 30%, rgba(255,255,255,0) 0%);
    background-position: bottom;
    background-size: 5px 1px;
    background-repeat: repeat-x;
    height: 1px;
}

.pageArea .textarea .blogs2 .blog {
    margin: 0px 0px 75px 0px;
    font-size: 13px;
    color: #161616;
}

.pageArea .textarea .blogs2 .blog .img {
    float: left;
    max-width: 410px;
    width: 45%;
    overflow: hidden;
    border: 1px solid #e6e5e5;
}

.pageArea .textarea .blogs2 .blog .text {
    float: left;
    max-width: 450px;
    width: 55%;
    padding: 0px 0px 0px 20px;
}

.pageArea .textarea .blogs2 .blog .text .date {
    color: #b2b2b2;
    font-size: 16px;
    margin: 10px 0px 14px 0px;
}

.pageArea .textarea .blogs2 .blog .text > a {
    color: #db272d;
    font-family: 'GothamMedium',calibri,arial;
    display: block;
    padding: 15px 0px 0px 0px;
}

.pageArea .textarea .blogs2 .blog .text > a:hover {
    color: #000000;
}

.pageArea .textarea .blogs2 .blog .text h1 {
    font-size: 19px;
    color:#000000;
    margin: 0px;
    font-family: 'GothamMedium',calibri,arial;
}

.pageArea .textarea .blogs2 .blog .text h1 > a {
    color:#000000;
    font-family: 'GothamMedium',calibri,arial;
}

.pageArea .textarea .blogs2 .blog .text h1 a:hover {
    color:#db272d;
}

.pageArea .paging {
    text-align: center;
    font-size: 20px;
    margin: 0px 0px 90px 0px;
}

.pageArea .paging a {
    padding: 0px 10px;
    color: #232323;
}

.pageArea .paging a {
    width: 30px;
    text-align: center;
    color: #232323;
    font-family: 'GothamMedium',calibri,arial;
}

.pageArea .paging a.light {
    color: #919191;
    font-family: 'GothamBook',calibri,arial;
}

.pageArea .paging a.active,
.pageArea .paging a:hover {
    color: #db272d;
}

.pageArea .textarea .blogs2 .blog-detail .text {
    max-width: 100%;
    width: 100%;
}

.pageArea .textarea .blogs2 .blog-detail .text .img2 {
    padding: 0px 20px 20px 0px;
}

.pageArea .textarea .blogs2 .blog-detail .text h1 {
    font-size: 25px;
}
.pageArea .textarea .blogs2 .blog-detail .text .date {
    color: #b2b2b2;
    font-size: 16px;
    margin: 10px 0px 40px 0px;
}

.pageArea .textarea .blogs2 .blog .text .addthis_inline_share_toolbox_be3h {
    display: inline-block;
}

.pageArea .textarea .mostRead {
    float: left;
    width: 25%;
    padding: 0px 0px 0px 30px;
    margin: 0px 0px 75px 0px;
}

.pageArea .textarea .mostRead .title {
    font-size: 22px;
    font-family: 'GothamBold',calibri,arial;
    text-align: center;
    border-bottom: 3px solid #db272d;
    padding: 0px 0px 8px 0px;
    margin: 0px 0px 18px 0px;
}

.pageArea .textarea .mostRead .readBlogs .blog {
    color: #0e0e0e;
    font-size: 12px;
}

.pageArea .textarea .mostRead .readBlogs .blog h6 {
    font-size: 15px;
    margin: 0px;
}

.pageArea .textarea .mostRead .readBlogs .blog h6 a {
    color: #0e0e0e;
    font-family: 'GothamMedium',calibri,arial;
}

.pageArea .textarea .mostRead .readBlogs .blog h6 a:hover {
    color: #db272d;;
}

.pageArea .textarea .mostRead .readBlogs .blog img {
    max-width: 100%;
    margin: 5px 0px;
}

.pageArea .textarea .mostRead .readBlogs .blog > a {
    color: #db272d;
    font-family: 'GothamMedium',calibri,arial;
    display: block;
    padding: 5px 0px 0px 0px;
    text-align: right;
}

.pageArea .textarea .mostRead .readBlogs .blog > a:hover {
    color: #0e0e0e;
}

.pageArea .textarea .mostRead .readBlogs .line {
    border-bottom: 1px solid #e2e2e2;
    margin: 30px auto;
    width: 85%;
}

.pageArea .services {
    margin-bottom: 40px;
}

.pageArea .services .service {
    width: 293px;
    height: 317px;
    float: left;
    margin: 0px 25px 25px 0px;
    border-radius: 10px;
    border: 1px solid #cecece;
    padding: 10px;
    text-align: center;
}

.pageArea .services .service:Hover {
    border-color: #db272d;
}

.pageArea .services .service:nth-child(4n+4) {
    margin: 0px 0px 25px 0px;
}

.pageArea .services .service_1 {
    background-image: url(../IMAGES/services_bg_1.jpg);
    background-position: bottom center;
    background-size: cover;
}

.pageArea .services .service_2 {
    background-image: url(../IMAGES/services_bg_2.jpg);
    background-position: bottom center;
    background-size: cover;
}

.pageArea .services .service_3 {
    background-image: url(../IMAGES/services_bg_3.jpg);
    background-position: bottom center;
    background-size: cover;
}

.pageArea .services .service .img {
    width: 234px;
    height: 196px;
    overflow: hidden;
    margin: auto;
}

.pageArea .services .service h1 {
    font-size: 21.44px;
    color: #000000;
    font-family: 'GothamBold',calibri,arial;
    margin: 2px 0px 0px 0px;
    height: 46px;
}

.pageArea .services .service h1 a {
    color: #000000;
    font-family: 'GothamBold',calibri,arial;
}

.pageArea .services .service h1 a:hover {
    color: #db272d;
}

.pageArea .services .service > a {
    background-color: #db272d;
    color: #fff;
    font-family: 'GothamBold',calibri,arial;
    margin: 5px auto 0px auto;
    border-radius: 8px;
    display: block;
    width: 120px;
    padding: 8px 12px;
}

.pageArea .services .service > a:hover {
    background-color: #333;
}

.pageArea .textarea .services-phone {
    margin: 110px 0px;
}

.pageArea .textarea .services-phone a {
    margin: 15px auto 50px auto;
}

.pageArea .textarea .services-phone span {
    width: 100%;
    text-align: center;
    display: block;
    font-size: 17px;
    color: #000;
    font-family: 'GothamBold',calibri,arial;
}

.pageArea .serviceDetail {
    margin: 0px 0px 90px 0px;
}

.pageArea .textarea .leftBrands {
    display: none;
}

.pageArea .textarea .left {
    float: left;
    width: 280px;
}

.pageArea .textarea .left ul {
    width: 220px;
}

.pageArea .textarea .left ul li {
    text-align: center;
    font-size: 17px;
    background-color: #171717;
    margin: 0px 0px 10px 0px;
    border-radius: 10px;
    transition: all 0.3s ease 0.02s;
    -webkit-transition: all 0.3s ease 0.02s;
}

.pageArea .textarea .left ul li.active,
.pageArea .textarea .left ul li:hover {
    background-color: #db272d;
}

.pageArea .textarea .left ul li a {
    display: block;
    padding: 15px 0px;
    color: #fff;
    font-family: 'GothamMedium',calibri,arial;
}

.pageArea .textarea .left.leftBrands ul li {
    font-size: 15px;
    margin: 0px 0px 8px 0px;
}

.pageArea .textarea .left.leftBrands ul li a {
    padding: 10px 0px;
}

.pageArea .textarea .right {
    float: left;
    width: calc(100% - 280px);
    font-size: 14px;
    color: #161616;
}

.pageArea .textarea .right h1 {
    color: #171717;
    font-size: 28px;
    font-family: 'GothamMedium',calibri,arial;
}

.pageArea .textarea .right h1 {
    color: #171717;
    font-size: 28px;
    font-family: 'GothamMedium',calibri,arial;
    margin: 0px 0px 15px 0px;
}

.pageArea .textarea .right .span {
    font-size: 17.5px;
    color: #db272d;
    display: block;
    font-family: 'GothamMedium',calibri,arial;
}

.pageArea .textarea .right .span:nth-child(2n+2){
    margin: 0px 0px 15px 0px;
}

.pageArea .textarea .right img{
    max-width: 470px;
    padding: 0px 0px 30px 30px;
}

.pageArea .textarea .right p{
    line-height: 22px;
}

.pageArea .textarea .right a {
    display: block;
    float: left;
    width: calc(50% - 10px);
    color: #fff;
    padding: 12px 20px 12px 50px;
    border-radius: 20px;
    border: 6px solid #fff;
    box-shadow: 0px 0px 5px #d5d5d5;
    font-family: arial;
    font-weight: bold;
    font-size: 20px;
    text-align: center;
    position: relative;
    transition: all 0.3s ease 0.02s;
    -webkit-transition: all 0.3s ease 0.02s;
    margin: 50px 10px 0px 0px;
    max-width: 220px;
}

.pageArea .textarea .right .service-phone {
    background: #7a9f08;
    background: -moz-linear-gradient(top, #7a9f08 0%, #608904 100%);
    background: -webkit-linear-gradient(top, #7a9f08 0%,#608904 100%);
    background: linear-gradient(to bottom, #7a9f08 0%,#608904 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7a9f08', endColorstr='#608904',GradientType=0 );
}

.pageArea .textarea .right .service-phone:hover {
    background: #608904;
    background: -moz-linear-gradient(top, #608904 0%, #7a9f08 100%);
    background: -webkit-linear-gradient(top, #608904 0%,#7a9f08 100%);
    background: linear-gradient(to bottom, #608904 0%,#7a9f08 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#608904', endColorstr='#7a9f08',GradientType=0 );
    color: #fff;
}

.pageArea .textarea .right .service-phone::before {
    width: 29px;
    height: 28px;
    position: absolute;
    left: 12px;
    content:'';
    background-image: url(../IMAGES/phone2.png);
}

.pageArea .textarea .right .service-price {
    background: #f58f15;
    background: -moz-linear-gradient(top, #f58f15 0%, #eb8104 100%);
    background: -webkit-linear-gradient(top, #f58f15 0%,#eb8104 100%);
    background: linear-gradient(to bottom, #f58f15 0%,#eb8104 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f58f15', endColorstr='#eb8104',GradientType=0 );
}

.pageArea .textarea .right .service-price:hover {
    background: #eb8104;
    background: -moz-linear-gradient(top, #eb8104 0%, #f58f15 100%);
    background: -webkit-linear-gradient(top, #eb8104 0%,#f58f15 100%);
    background: linear-gradient(to bottom, #eb8104 0%,#f58f15 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eb8104', endColorstr='#f58f15',GradientType=0 );
    color: #fff;
}

.pageArea .textarea .right .service-price::before {
    width: 31px;
    height: 34px;
    position: absolute;
    top: 9px;
    left: 12px;
    content:'';
    background-image: url(../IMAGES/price.png);
    
}

.pageArea .textarea .campaigns {
    margin: 80px 0px 0px 0px;
}

.pageArea .textarea .campaigns h2 {
    color: #171717;
    font-size: 22px;
    margin: 0px 0px 0px 0px;
    font-family: 'GothamMedium',calibri,arial;
}

.pageArea .textarea .campaigns .line {
    width: 60%;
    margin: 12px 0px;
    background-image: linear-gradient(to right, #3c3c3c 30%, rgba(255,255,255,0) 0%);
    background-position: bottom;
    background-size: 5px 1px;
    background-repeat: repeat-x;
    height: 1px;
}

.pageArea .textarea .campaigns .subTitle {
    font-size: 14px;
    color: #4e4e4e;
    margin: 0px 0px 30px 0px;
}

.pageArea .textarea .campaigns .campaign {
    width: calc(33% - 24px);
    margin: 0px 24px 24px 0px;
    border: 1px solid #d2d2d2;
    padding: 18px 20px;
    float: left;
    transition: all 0.3s ease 0.02s;
    -webkit-transition: all 0.3s ease 0.02s;
}

.pageArea .textarea .campaigns .campaign:nth-child(3n+3) {
    margin: 0px 0px 24px 0px;
}

.pageArea .textarea .campaigns .campaign:hover {
    border: 1px solid #db272d;
}

.pageArea .textarea .campaigns .campaign h3 {
    color: #db272d;
    font-size: 16px;
    font-family: 'GothamMedium',calibri,arial;
    margin: 0px 0px 15px 0px;
    line-height: 22px;
}

.pageArea .textarea .campaigns .campaign .text {
    display: table;
    width: 100%;
    height: 30px;
}

.pageArea .textarea .campaigns .campaign .text .old {
    color: #000000;
    font-size: 15px;
    font-family: 'GothamBold',calibri,arial;
    display: table-cell;
    vertical-align: middle;
    text-decoration: line-through;
}

.pageArea .textarea .campaigns .campaign .text > div {
    color: #0e0e0e;
    font-size: 15px;
    display: table-cell;
    vertical-align: middle;
    font-family: arial;
}

.pageArea .textarea .campaigns .campaign .text .new {
    color: #0e0e0e;
    font-size: 29px;
    font-family: 'GothamBold',calibri,arial;
    display: table-cell;
    vertical-align: middle;
}


#priceContent {
    padding: 30px;
    font-size: 18px;
}

#priceContent .title {
    font-size: 24px;
    font-family: 'GothamMedium',calibri,arial;
    color: #db272d;
    margin: 0px 0px 10px 0px;
}
.pageArea .textarea #priceContent .form {
    width: 100%;
    max-width: 100%;
}

#priceContent .close {
    opacity: 1;
    font-size: 32px;
    position: absolute;
    top: 10px;
    right: 13px;
}

.pageArea .textarea .left .closebtn2,
.pageArea .textarea .left .closebtn3 {
    font-size: 38px;
    position: absolute;
    right: 21px;
    top: 20px;
    z-index: 101;
    width: 150px;
    text-align: right;
    padding: 0px 21px 0px 0px;
    display: none;
}

.pageArea .textarea .left .closebtn2:link,
.pageArea .textarea .left .closebtn2:visited,
.pageArea .textarea .left .closebtn2:active,
.pageArea .textarea .left .closebtn2:hover,
.pageArea .textarea .left .closebtn3:link,
.pageArea .textarea .left .closebtn3:visited,
.pageArea .textarea .left .closebtn3:active,
.pageArea .textarea .left .closebtn3:hover {
    color: #fff;
}

.allServices {
    display: none;
    width: 100%;
    float: left;
    margin: 0px 0px 20px 0px;
}

.allServices a {
    text-align: center;
    font-size: 17px;
    background-color: #db272d;
    margin: 0px 0px 10px 0px;
    border-radius: 10px;
    display: block;
    padding: 15px 0px;
    color: #fff;
}

.allServices a:hover {
    background-color: #171717;
}

.allServices a i {
    padding: 0px 5px 0px 0px;
}

.mobilClinix {
    position: relative;
}

.mobilClinix,
.mobilClinix .sliderCarousel,
.mobilClinix .sliderCarousel .owl-stage-outer,
.mobilClinix .sliderCarousel .owl-stage-outer .owl-stage,
.mobilClinix .sliderCarousel .owl-stage-outer .owl-stage .owl-item {
    height: 100%;
}

.mobilClinix .owl-dots {
    position: absolute;
    bottom: 10%;
    height: 20px;
    width: 100%;
    text-align: center;
}

.comments .mobilClinix .owl-dots {
    bottom: 0%;
}

.mobilClinix .owl-dots .owl-dot {
    margin: 0px 5px;
    display: inline-block;
}

.mobilClinix .owl-dots .owl-dot span {
    display: inline-block;
    width: 22px;
    height: 22px;
    margin: 1px;
    text-indent: -999px;
    cursor: pointer;
    background-color: rgba(0,0,0,0);
    border: 2px solid #fff;
    border-radius: 22px;
}

.mobilClinix .owl-dots .owl-dot.active span {
    border: 2px solid #000000;
    background-color: #fff;
    position: relative;
}

.comments .mobilClinix .owl-dots .owl-dot span {
    width: 15px;
    height: 15px;
    background-color: rgba(219,39,45,0);
    border: 2px solid #fff;
    border-radius: 15px;
}

.comments .mobilClinix .owl-dots .owl-dot.active span {
    border: 2px solid #fff;
    background-color: rgba(219,39,45,1);
}

.mobilClinix .sliderControl {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 15%;
    font-size: 20px;
    color: #fff;
    text-align: center;
    text-shadow: 0 1px 2px rgba(0,0,0,.6);
    background-color: rgba(0,0,0,0);
    filter: alpha(opacity=50);
    opacity: .3;
    z-index: 102;
    transition: all 0.3s ease 0.02s;
    -webkit-transition: all 0.3s ease 0.02s;
}


.mobilClinix:hover .sliderControl {
    opacity: .5;
}

.mobilClinix .sliderControl:hover {
    opacity: 1;
    color: #9e2024;
}

.mobilClinix #prevSlider {
    right: 0;
    left: auto;
    background-image: -webkit-linear-gradient(left,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5) 100%);
    background-image: -o-linear-gradient(left,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5) 100%);
    background-image: -webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.0001)),to(rgba(0,0,0,.5)));
    background-image: linear-gradient(to right,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);
    background-repeat: repeat-x;
}

.mobilClinix #nextSlider {
    background-image: -webkit-linear-gradient(left,rgba(0,0,0,.5) 0,rgba(0,0,0,.0001) 100%);
    background-image: -o-linear-gradient(left,rgba(0,0,0,.5) 0,rgba(0,0,0,.0001) 100%);
    background-image: -webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,.0001)));
    background-image: linear-gradient(to right,rgba(0,0,0,.5) 0,rgba(0,0,0,.0001) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);
    background-repeat: repeat-x;
}

.comments .mobilClinix #nextSlider {
    background-image: none;
    background-image: none;
    background-image: none;
    background-image: none;
    filter: none;
    background-repeat: repeat-x;
}

.mobilClinix .sliderControl span {
    position: absolute;
    top: calc((100% - 148px) / 2);
    font-size: 120px;
}

.comments .mobilClinix .sliderControl span {
    font-size: 85px;
    top: calc((100% - 113px) / 2);
}

.mobilClinix #prevSlider span {
    right: 32%;
}

.mobilClinix #nextSlider span {
    left: 32%;
}

.callNow {
    display: none;
    float: left;
    color: #fff;
    padding: 28px;
    border-radius: 10px;
    /* border: 2px solid rgba(255, 255, 255, 0.52); */
    /* box-shadow: 0px 0px 5px #d5d5d5; */
    font-family: arial;
    font-weight: bold;
    font-size: 20px;
    text-align: center;
    position: relative;
    transition: all 0.3s ease 0.02s;
    -webkit-transition: all 0.3s ease 0.02s;
    background: #ffa700;
    /* background: -moz-linear-gradient(top, #7a9f08 0%, #608904 100%);
    background: -webkit-linear-gradient(top, #7a9f08 0%,#608904 100%);
    background: linear-gradient(to bottom, #7a9f08 0%,#608904 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7a9f08', endColorstr='#608904',GradientType=0 ); */
    position: fixed;
    bottom: 30px;
    width: 90%;
    z-index: 104;
    right: 5%;
    height: 52px;
    width: 58px;
}

.callNow:hover {
    color: #fff;
}

.callNow::before {
    width: 29px;
    height: 28px;
    position: absolute;
    left: 15px;
    content: '';
    background-image: url(../IMAGES/phone2.png);
    top: 14px;
}

.whatsapp {
    display: none;
    color: #fff;
    font-family: arial;
    font-weight: bold;
    font-size: 20px;
    text-align: center;
    position: relative;
    transition: all 0.3s ease 0.02s;
    -webkit-transition: all 0.3s ease 0.02s;
    position: fixed;
    bottom: 100px;
    width: 90%;
    z-index: 104;
    right: 5%;
    height: 60px;
    width: 60px;
    background-image: url(../IMAGES/whatsapp.png);
}

.owl-carousel {
    touch-action: manipulation;
}

.comment-message{
    display: none;
    font-size: 16px;
    text-align: center;
    padding: 60px 0px;
}

.comment-star-selection {
    margin-top: 30px !important;
}

.comment-star-selection img {
    cursor: pointer;
}

.comment-star-selection span {
    padding-left: 20px;
}



.d-flex {
    display: -ms-flexbox!important;
    display: flex!important;
}

.justify-content-between {
    -ms-flex-pack: justify!important;
    justify-content: space-between!important;
}

.align-items-center {
    -ms-flex-align: center!important;
    align-items: center!important;
}

.align-self-baseline {
    -ms-flex-item-align: baseline!important;
    align-self: baseline!important;
}

.flex-column {
    -ms-flex-direction: column!important;
    flex-direction: column!important;
}

.justify-content-center {
    -ms-flex-pack: center!important;
    justify-content: center!important;
}

.flex-wrap {
    -ms-flex-wrap: wrap!important;
    flex-wrap: wrap!important;
}

.align-items-start {
    -webkit-box-align: start!important;
    -ms-flex-align: start!important;
    align-items: flex-start!important;
}