* {margin: 0; padding: 0; outline: 0;}


body {
	font-family: 'Open Sans', sans-serif;
	color: #666;
	font-size: 15px;
	background:#fff;
	border:0;
	overflow-x: hidden;
}


h1, h2, h3, h4 {
	font-family:'Open Sans Condensed', sans serif;
	font-weight:700;
	color:#9E5275;
	padding:0;
	margin-top:10px;
	margin-bottom:15px;
}


h1 {font-size: 46px;}
h2 {font-size: 35px;}
h3 {font-size: 28px; line-height:36px;}
h4 {font-size: 22px;}
h5 {font-size: 18px;}

a {color: #9E5275; font-family: 'Open Sans', sans-serif; text-decoration:none;}

p {margin: 0 0 15px 0;}
p a{text-decoration:underline;}

ul{list-style:none;}

.bluebold{color:#375668; font-weight:bold;}
.purplebold{color:#9E5275; font-weight:bold;}
.purplebold.title{font-size:18px;}

.blue{color: #375668;}
.purple{color: #9E5275;}
.grey{color:#ccc;}

.bgblue{background-color: #375668;}
.bgpurple{background-color: #9E5275;}
.bggrey{background-color:#ccc;}

.container-content strong{color: #9E5275;}
.section-technique strong{color: #375668;}

.inner {
	width: auto;
	min-width:290px;
	margin: 0 auto;
	position: relative;
	font-family: 'Open Sans', sans-serif;
}

/*    -------------------- HEADER --------------*/

.logo-bant, .logo-bant-w{
width:100%;
	position:fixed;
	top:0px;
	padding:0px;
	min-width:290px;
}

.logo-bant{z-index:1030; height:152px; border-bottom:3px solid #9e5275; background:#fff;}

.logo-bant-w{z-index:1029; background:#fff; height:100vh; display:none;}

.logo-bant-grey{z-index:1028; background:#dbdbdb; height:16vh; display:none; width:100%; position:fixed; min-width:290px; bottom:0;}

.logo-bant-sm{padding:8px; border-bottom:0px;}

.logo-bant-seperator{height:70px; width:1px; background:#dddddd;}

.logo-bant-trio{background:#fff; height:75px; padding-top:4px;}

.logo-istanbulmedic{
	width:122px;
	height:70px;
		background-image:url('/img/istanbul-medic-logo.svg');
	background-size:100%;
	background-repeat: no-repeat;
	background-position: center; 
	display: block;
}

.logo-bant h5 {font-family: 'Oswald', sans-serif; font-weight:300; font-size: 18px; color: #999; margin:0px; line-height:22px; margin-bottom:-2px;}

.top-request, .top-whatsapp, .top-request-sm, .top-whatsapp-sm{position:relative; cursor:pointer;}

.top-request{width:114px;}
.top-request img{position:absolute; right:0px; top:-13px; width:36px;}

.icon-whatsapp{font-size:36px;}

.logo-left{width:30%;}
.logo-right{width:30%; text-align:center;}
.logo-container{flex-grow:4; border-left:1px solid #dddddd; border-right:1px solid #dddddd;}

.icon-globe-big{display:block;}
.icon-globe-big a{font-size:38px; }


.top-request-sm img{width:35px; margin-top:3px; margin-right:5px;}


.logo-bant-sm .btn-txt{padding-right:5px;}

.top-whatsapp-sm .icon-whatsapp{margin-top:3px;}

.icon-globe-sm a{font-size:32px; line-height:39px; cursor:pointer; color:#999;}


.selectlng{
margin-top:4px;
font-size:15px;
text-transform:uppercase;
}

.toggleLng{display:block;}

.toggleLng a{color: #c5c5c5; font-size:18px; border-right:1px solid #e5e5e5; line-height:12px; padding-right:8px; padding-left:8px; text-transform:uppercase;}
.toggleLng a:last-child{border-right:0px;}
.toggleLng a:hover{color:#666;}

.chgLngBig{position:absolute; right:-45px; top:54px; display:none;}
.chgLngBig a{color: #999; font-size:18px; border-right:1px solid #e5e5e5; line-height:12px; padding-right:8px; padding-left:8px; text-transform:uppercase;}
.chgLngBig a:last-child{border-right:0px;}


.chgLngSm{position:absolute; background-color: rgba(158,82,117,0.9); width:100.5vw; left:0px; top:152px; padding:10px; display:none;}
.chgLngSm a{color: #fff; font-size:18px; border-right:1px solid #fff; padding-left:15px; padding-right:15px; text-transform:uppercase;}
.chgLngSm a:last-child{border-right:0px;}

.icon-note-list{font-size:16px;margin-top:5px;}
.icon-whatsapp, .icon-world{color:#ccc !important;}

/* ---------------  MAIN MENU */


.mainMenu{
background-color: rgba(255,255,255,1); height:37px !important; padding:7px; width:100%; z-index:1031; position:absolute; top:112px; left:0px; text-align:center; border-top:1px solid #dbdbdb;
}
.mainMenu a{font-size:17px; text-transform:uppercase; }

.nav li{display: inline-block; padding:0px 15px; border-right:1px solid #dddddd;}
.nav li:last-child{border-right:0px;}
.nav a{font-family: 'Roboto Condensed', sans-serif;}
.nav a:hover{color:#6d304c;}


.collapse{height:37px;}

.nav-toggle{margin-top:-2px; margin-left:8px;}

.nav-toggle .circle{width:40px; height:40px; margin-left:5px;margin-top:2px;}

.navmain-toggle .icon-bar {background-color: #9E5275; width: 40px; height:6px; border-radius: 10px; display:block;}
.navmain-toggle .icon-bar + .icon-bar {
    margin-top: 6px;
}

.navmain-toggle .icon-bar:nth-child(2){background-color: #375668;}

.navmain-toggle{
position: relative;
    float: right;
    padding: 9px 8px;
	text-align:center;
cursor:pointer;
}

.navmain-toggle:focus {outline: 0;}

.nav-toggle a{text-decoration:none;}

/*---------------------------- SHOWCASE ***************** */

.showcase {
	background:#fff;
	color:#3d3d3d;
	padding-top:152px;
}

.slider img{width:100%;}

.slidebox{position:relative;}
.slidebox-title{position:absolute; color:#fff; font-size:18px; padding:10px; padding-left:110px; bottom:10%; }

.slidebox-title h1{color:#375668; font-size:46px; font-family:'Open Sans', sans serif;}
.slidebox-title p{color:#375668; font-size:22px; font-family:'Open Sans', sans serif; margin-bottom:10px;}

#sb-ru h1{font-size:42px; line-height:42px;}

.slidebox-title-text{width:32vw; min-width:184px;}
.slidebox-title-text h1{margin-bottom:5px;}

.slidebox-title-text.all{cursor:pointer;}

.slidebox-title-btn-call{font-family:'Oswald', sans serif; border-radius:10px; font-weight:700; font-size:16px; margin-top:15px; padding:10px; width:180px; background:#9E5275; color:#fff; cursor:pointer;}

.slidebox-title-btn-call > div:first-child{margin-right:15px;}
.slidebox-title-btn-call img{width:44px;}

.slidebox-title-more{display:inline-block; font-family:'Oswald', sans serif; border-radius:10px; font-size:18px; font-weight:700; padding:10px; cursor:pointer;}
.slidebox-title-more.bgp{background:#9E5275;}
.slidebox-title-more.bgt{border:2px solid #9E5275;}

.slidebox-title-more.bgp span{color:#fff !important;}
.slidebox-title-more.bgt span{color:#9E5275 !important;}
.slidebox-title-more.bgt .icon-whatsapp{font-size:18px; font-weight:700; font-family:'Oswald', sans serif;}

.slideboxImgPer{
width: 100vw; height: calc(100vw * (640/1920)); min-height:160px; background-repeat: no-repeat; background-position: center; background-size: cover;
}

#map {
width: 100vw; height: calc(100vw * (640/1920)); min-height:160px;
}



/* /******************************* CONTENT /////////////////////////////////////////////////*/

section{padding-bottom:50px;}

.content{position:relative; padding-top:25px; padding-bottom:25px; padding-left:100px; padding-right:100px; margin: auto; min-width:290px;}

.content.top100{padding-top:80px;}

.banners > div{position:relative; width:33.3%; padding:20px; margin-left:-20px; margin-right:-20px; cursor:pointer; }
.banners img{width:100%; border-radius:10px;}
.banners .title{position:absolute; bottom:35px; left:35px; width:75%;}

.banners .title a{font-family:'Oswald', serif; font-weight:700; color:#fff; font-size:34px; line-height:31px; text-transform:uppercase;}

#treatments .title a{text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);}

.banner-small  > div{width:16.66%;	padding:20px; margin-left:-20px; margin-right:-20px; cursor:pointer; text-align:center;}
.banner-small img{width:100%;border-radius:10px;}
.banner-small h5, .team h5{color:#375668; font-family:'Oswald', serif;  text-transform:uppercase; text-align:center;}
.banner-small p, .banner-small a, .team p{font-family:'Oswald', serif;}

.banner-small .list-url{font-size:16px;}

.section-technique h1{font-size:52px; margin-top:-5px; text-transform:uppercase;}
.section-technique p, .section-technique a{font-size:16px;}
.section-technique, .section-testimonials  {border-radius:10px; padding:20px; background:#eee;}

.section-testimonials{position:relative;}
.section-testimonials > div{width:60%; margin:0 auto;}
.section-testimonials .slick-prev:before {color: #375668;}
.section-testimonials .slick-next:before {color: #375668;}
.section-testimonials .slick-arrow:before{font-size:50px !important;}

.section-testimonials p{font-size:18px;}

.section-video > div{width:50%;}
.section-video-single > div{width:70%;}
.section-video-single h1{margin-bottom:5px;}
.section-video-single h5{font-family:'Roboto Condensed', serif; font-weight: 400;}

.section-video > div:first-child{margin-right:15px;}
.section-video > div:last-child{margin-left:15px;}

.section-dr > div{padding-right:25px;}
.section-dr > div:last-child{padding-right:0px; border-left:1px solid #dbdbdb; padding-left:25px; width:50%;}
.section-dr h1{text-transform:uppercase; margin-top:0px; margin-bottom:5px;}
.section-dr h4{text-transform:uppercase; margin-top:0px;}

.section-dr > div:first-child{width:25%;}
.section-dr > div:nth-child(2){width:25%;}

.branch-passive-1{font-family:'Oswald', serif; font-size:16px; color:#9E5275;}
.branch-passive-2{font-family:'Oswald', serif; font-size:17px; color:#9E5275;}

.container-content{display:none;}
/*.container-content .columns{display:none;}*/
.container-content .content-item{display:none;}
.container-content h4{margin-bottom:5px;}
.container-content h1{margin-top:0px;}


/* //******************  HAIR TRANSPLANT MODULES */

.hair-package > div{width:50%; padding:15px;}
.pack-header{background-color: #9E5275; color:#fff; border-top-left-radius:10px; border-bottom-left-radius:10px; text-align:center;}
.pack-header h1{color:#fff; text-align:center; font-size:52px;}
.pack-price{font-size:108px; transform: rotate(355deg); font-family:'Oswald', serif; font-weight:700; padding:0px; margin-bottom:20px; line-height:108px; margin-top:-10px;}
.pack-info{border:6px dashed #9E5275; border-top-right-radius:10px; border-bottom-right-radius:10px; border-left:0px; color:#9E5275; font-size:16px;}
.pack-info h3{margin-top:0px;}
.pack-info ul li::before {
  content: "● ";
}
.pack-info ul li{padding-bottom:10px;}
.pack-info ul li:last-child{padding-bottom:0px;}
.pack-info p{margin-bottom:0px;}

.pack-icon {margin-top:35px;}
.pack-icon > div{width:25%; border-right:1px solid #fff; padding:0px 10px;}
.pack-icon > div:last-child{border-right:0px;}
.pack-icon img{width:60%;}
.pack-icon p{line-height:16px; font-size:13px; margin-top:5px; margin-bottom:0px;}




.consultation-header > div{width:50%;}
.c-header-1{display:inline-block; float:right; border-top-left-radius:10px; border-bottom-left-radius:10px; border:4px dashed #9E5275; border-right:0px; padding:2px 10px;}
.c-header-2{display:inline-block; background-color:#9E5275; border-top-right-radius:10px; border-bottom-right-radius:10px; padding:6px 10px;}
.c-header-1 h1 {color:#9E5275; font-size:52px; margin:0px !important; margin-top:-4px !important;}
.c-header-2 h1 {color:#fff; font-size:52px; margin:0px !important; margin-top:-4px !important;}
.c-header-1 br, .c-header-2 br{display:none;}

.consultation-send-picture h1, .consultation-notice h1, .consultation-send-picture h2{font-family:'Oswald', serif !important;}

.consultation-send-picture{margin-top:40px;}
.consultation-send-picture > div{width:50%;}
.s-header-1{text-align:right;border-right:2px dashed #B3B3B3; padding-right:15px;}
.s-header-2{padding-left:15px;}
.s-header-1 h1 {color:#375668; font-size:52px;}
.s-header-2 h1 {color:#9E5275; font-size:52px;}
.consultation-send-picture h2{font-size:52px; color:#fff; text-align:center; line-height:50px;}

.consultation-notice{margin-top:20px; text-align:center;}
.notice-header, .notice-text{border:2px dashed #B3B3B3; border-radius:20px;}
.notice-header{display:inline-block;}
.notice-text{width:70%; padding:20px 15px; background-color:#fff; font-size:18px; margin:0 auto;}
.notice-header{background-color:#E6E6E6; margin-bottom:-15px;}
.notice-header > div{padding:0px 15px;}
.notice-header h1{color:#888; font-size:52px; }

.consultation-btn{text-align:center; margin-top:15px;}
.consultation-btn h1{color:#fff; background-color:#9E5275; font-size:36px; border-radius:10px; padding:6px 15px; display:inline-block; cursor:pointer; margin-bottom:0px;}

.c-circle{
width:70px; height:70px;
	border-radius: 50%;
	display: inline-block;
}

/*****************/

.hyp{word-wrap: break-word;
  overflow-wrap: break-word;}

.content-item h1, .content-item h2{text-transform:uppercase; margin-top:0px; margin-bottom:5px;}
.content-item a{font-family:'Oswald', serif; font-size:17px;}

.content-item h5{font-family:'Oswald', serif; text-transform:uppercase;}
.content-item-flex-col h4{font-family:'Oswald', serif; text-transform:uppercase; margin-top:0px; margin-bottom:10px; font-weight:300;}
.content-item-flex-col{margin-top:-25px; position:relative;}
.content-item-flex-col > div:first-child{padding:20px; margin-left:-20px; margin-top:-20px; text-align:center;}
.content-item-flex-col.img-scale > div:first-child img{width:221px;}
.content-item-flex-col.img-flat > div:first-child img{width:360px;}
.content-item-flex-col.img-flat > div:first-child img{border-radius:10px;}

.content-item img, .aaq-div img{width:100%; border:1px solid #dfdfdf;}
#introduction img{width:100%; border-radius:10px;}

.item-title{ position:relative;}
.item-title .title{font-family:'Oswald', serif; font-weight:700; color:#fff; text-align:left; font-size:25px; line-height:28px; text-transform:uppercase; position:absolute; bottom:35px; left:35px; width:75%;}

#treatment-content{margin-top:-25px;}
#treatment-banners h1{margin-bottom:5px;}
#askandquestions{display:none;}
#informational .icon-whatsapp{font-size:16px; color:#9e5275 !important;}
#informational .icon-instagram{font-size:15px; color:#666 !important;}
#informational a{text-decoration:none;}

.appointment{width:60%; margin:0 auto;}

#accreditations{padding-bottom:10px;}
#accreditations .banner-acc{width:640px; margin:0 auto; padding-left:-15px;padding-right:-15px;}
#accreditations .banner-acc div{padding-left:15px; padding-right:15px;}
#accreditations .banner-acc img{width:100%;}

.beforeafter{margin-left:-15px; margin-right:-15px;}
.beforeafter > div {width:25%;padding-left:15px; padding-right:15px;}
.beforeafter > div img{width:100%; border-radius:10px;}

.team{width:900px; margin:0 auto;}
.team > div{width:25%; padding:20px; margin-left:-20px; margin-right:-20px;}
.team p{text-align:center; margin-top:-5px;}

.content-item ul li::before {
  content: "● ";
}
.content-item ul li{padding-bottom:10px;}

.aaq-div{padding-bottom:10px;}

.aaq-list li{padding:5px;}
.aaq-list .icon-keyboard-arrow{color:#9e5275;}

.click-btn{text-align:right; padding:10px 5px;}

.close-btn, .info-btn, .app-btn{text-align:right; font-family:'Oswald', serif; font-weight:700; font-size:1.2em; padding:10px; cursor:pointer; border-radius:10px;}
.info-btn.purple, .close-btn.purple{background:#9e5275; color:#fff;}
.info-btn.blue, .close-btn.blue{background:#375668; color:#fff;}

.app-btn{border:2px solid #9e5275; color:#9e5275 !important;}
.btn-appointment{padding:10px;text-align:center;}
.btn-appointment > div{margin-right:15px;}
.btn-appointment > div:last-child{margin-right:0px;}

.border-frame{border-radius:10px; padding:15px; border:1px solid #ccc;}

.clip-circle {clip-path: circle(50% at 50% 50%);}

.clip-circle.size-1 img{width:300px; height:300px; }
.clip-circle.size-2 img{width:100%; height:100%; }

.circle {
	border-radius: 50%;
	text-align:center;
	text-transform:uppercase;
}

.circle div{color:#fff;}

.circle.empty{
border: 2px solid rgba(128,44,95,1);
font-size:16px;
color:#012b39;
line-height:36px;
}

.team-img{
  width:224px;
	height: 224px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  padding:0px;
  margin:0px;
  min-height:120px;
  min-width:120px;

  background-color: #87c6e3;
}

.x-back{position:absolute; right:0px; top:152px; z-index:1050; font-size:32px; line-height:22px; cursor:pointer; display:none; color:#fff; background:#9e5275; padding:3px 8px; margin-right:100px;}
.info-back{position:absolute; left:50%; top:152px; z-index:1050; font-size:32px; line-height:22px; cursor:pointer; display:none; color:#fff; background:#9e5275; padding:3px 8px; margin-left:100px;}
.info-back.info-btn{background:#ccc; border-radius:0px; margin-left:-24px;}

.x-back div{transform: scaleX(-1);}
.info-back div{transform: rotate(270deg);}

.footer{width:100%; padding:25px; background:#a6a6a6; font-family:'Open Sans Condensed', sans serif; color:#fff; font-size:13px; justify-content:center; min-width:290px;}
.footer span, .footer a{font-family:'Open Sans Condensed', sans serif; color:#fff; font-size:14px; font-weight:400;}

.footer a{margin-left:10px;}

.footer-rel {position: relative;}
.footer-abs {position: absolute;bottom:0px;}


/* -----------------------------------********DESIGN************* --------------------------------- */

.columns {
		 -webkit-column-gap: 70px; /* Chrome, Safari, Opera */
    -moz-column-gap: 70px; /* Firefox */
    column-gap: 70px;
	column-rule-style: solid;
	-webkit-column-rule-style: solid;
	-moz-column-rule-style: solid;
	column-rule-width: 1px;
	-moz-column-rule-width: 1px;
	-webkit-column-rule-width: 1px;
	column-rule-color: #bdbdbd;
	-webkit-column-rule-color: #bdbdbd;
	-moz-column-rule-color: #bdbdbd;

}

.columns div, p{
-webkit-column-break-inside: avoid;
          page-break-inside: avoid;
               break-inside: avoid;
}

.columns.one{-webkit-column-count: 1; -moz-column-count: 1; column-count: 1;}
.columns.two{-webkit-column-count: 2; -moz-column-count: 2; column-count: 2;}
.columns.three{-webkit-column-count: 3; -moz-column-count: 3; column-count: 3;}
.columns.four{-webkit-column-count: 4; -moz-column-count: 4; column-count: 4;}


.section-technique.columns{
column-rule-style: none;
	-webkit-column-rule-style: none;
	-moz-column-rule-style: none;
	-webkit-column-gap: 30px; /* Chrome, Safari, Opera */
    -moz-column-gap: 30px; /* Firefox */
    column-gap: 30px;
}

.section-technique .aaq-list .columns{column-rule-style: none; column-gap: 20px;}


.flex-container{
display: -ms-flexbox;
display: -webkit-flex;
  display: flex;
}

.flex-center-xy{
justify-content: center;
align-items:center;
}

.flex-row{
flex-direction: row; flex-wrap: wrap;
}

.flex-center{align-items:center;}
.flex-v-b{align-items:flex-end;}
.flex-top{justify-content: flex-start;align-items:flex-start;}
.flex-left{justify-content: left;}
.flex-right{justify-content: right;}
.flex-self-center{align-self:center;}
.flex-sp-bw{justify-content: space-between;}
.flex-sp-ev{justify-content:space-evenly;}
.flex-sp-ar{justify-content:space-around;}
.flex-bottom{align-items:flex-end;}

.after::after {
content: '';
flex: auto;
-webkit-flex:auto;
display:inline-block;
}

.after-box{height:0px;}

.end{margin:0;}

.embed-responsive {
  position: relative;
  display: block;
  height: 0;
  padding: 0;
  margin:0;
  overflow: hidden;
}
.embed-responsive .embed-responsive-item,
.embed-responsive embed, .embed-responsive iframe,
.embed-responsive object {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}

.embed-responsive.er16-9{padding-top: 56.25%;}

/* ---------------------- TOOLS ********************** */

.loading{
width:100%;
height:43px;
margin-top:30px;
background-image: url(/img/loading.svg);
background-position: center;
background-repeat: no-repeat;
display: block;
}

.mailbox{
position:absolute;
width:100%;
height:100%;
background-color:rgba(0, 0, 0, 0.7);
z-index:2000;
}

.modal span{font-size:16px;color:#375668;}

.modal{top:35%;padding:30px;}

form{margin:0px; padding:0px; border:0px;}

form{margin-top:20px; padding-bottom:10px;}

.btn-primary {background:#9E5275 !important;}

input, select, textarea{opacity:0.6;}

.help-block.with-errors{font-family:'Roboto Condensed', serif; color:#9e5275;}

.lightbox{
	position:fixed;
	top: 0; right: 0; bottom: 0; left: 0;
	z-index:1040;
	min-width:320px;
	background-color: rgba(0,0,0,0.6);
display:none;
 width:100%;
height:100%;
padding:0px;
margin:0px;
overflow:hidden;
}

.lightbox-container{
position:relative;
 width:100%;
 height:100%;
 min-width:320px;
 overflow:hidden;
}

.lightbox-content{
position:relative;
height:auto; 
max-width:980px;
min-width:320px;
max-height:100%;
 overflow-y:auto;
overflow-x:hidden;
-webkit-overflow-scrolling: touch;
}

.lightbox-content-box{
position:relative;
padding:20px;
background-color: rgba(255,255,255,1);
border-radius:10px;
width:30vw; height:150px; min-width:280px;
}


.lightbox-close {
	position: absolute;
	z-index: 2;
	top: 0;
	right: 0;
	line-height: 25px;
	border:none;
border-radius:5px;
	cursor: pointer;
	font-family: 'Open Sans', sans-serif;
	background: #9e5275;
	color: #fff;
	padding: 5px;
	margin:15px;
	width:60px;
}

#userpass{display:none;}

.messagebox{text-align:center;}
.messagebox span{color:#375668;}
.mod-msg{text-align:center; vertical-align:middle;}

#valid-msg, #error-msg{
font-family: 'Roboto Condensed', serif;
    color: #9e5275;
}

/* -----------------************************* EFFECTS****************/

.boxshadow{box-shadow: 5px 5px 15px 0px rgba(0,0,0,0.5);}

.grey{filter: grayscale(0.3);}

.blend{mix-blend-mode: luminosity;}

.blink-on{
 animation: blinker 0.3s linear infinite;
}

.fixed{position:fixed; animation: toFix 0.4s;}
.absolute{animation: toAbs 0.3s; position:absolute;}

@keyframes toAbs {
    from { opacity: 1; }
    to   { opacity: 0; }
}

@keyframes toFix {
    from { opacity: 0; }
    to   { opacity: 1; }
}

@keyframes blinker {
  50% {
    opacity: 0;
  }
}


.slidebox-title-text.single h1{
animation: blurFadeHeader 1s ease-in backwards;
animation-delay: 0.2s;
}

.slidebox-title-text.single p{
animation: blurFadeIn 1s ease-in backwards;
animation-delay: 0.8s;
}

.slidebox-title.single .slidebox-title-more{
animation: blurFadeHeader 0.5s ease-in backwards;
animation-delay: 1.2s;
}

@keyframes blurFadeHeader {
	0% {
		opacity: 0;
		text-shadow: 0px 0px 60px #fff;
		transform: scale(1.5);
	}

	100% {
		opacity: 1;
		text-shadow: 0px 0px 0px #fff;
		transform: scale(1);
	}
}


@keyframes blurFadeIn {
	0% {
		opacity: 0;
		text-shadow: 0px 0px 60px #fff;
		transform: translateX(-20px);
	}

	100% {
		opacity: 1;
		text-shadow: 0px 0px 0px #fff;
		transform: translateX(0px);
	}
}

/* ------------------------- ******* WINDOW SIZE ************** ------------------------------------------  */

@media(min-width: 1080px) {

			.navmain-toggle, .nav-toggle{display:none;}

			.navbar-collapse.collapse {
				display: block!important;
				padding-bottom: 0;
				overflow: visible!important;
			}

	.logo-bant-sm div{display: none;}
}

@media(max-width: 1350px) {
.banners .title{width:85%;}
.banners .title a{font-size:31px;}
.content-item-flex-col.img-flat.flex-container{flex-wrap: wrap; }
}


@media(max-width: 1320px) {
.banners .title{width:80%;}
.notice-text{width:100%;}
}


@media(max-width: 1200px) {
.content{padding-left:50px; padding-right:50px;}
.content.top100{padding-top:40px;}
.slidebox-title{padding-left:60px;}
.slidebox-title h1{font-size:36px;}
.slidebox-title p{font-size:18px;}
#sb-ru h1{font-size:35px; line-height:35px;}
.banners > div{padding:10px; margin-left:-10px; margin-right:-10px;}
.clip-circle.size-1 img {width:200px; height:200px;}
.banners .title a{font-size:29px;}
.banners .title{bottom:25px; left:25px;}
.x-back{margin-right:50px;}

}

@media(max-width: 1100px) {
.banners .title a{font-size:26px;}
.pack-icon{flex-wrap:wrap;}
.pack-icon > div{width:50%; border-right:0px; margin-bottom:10px;}
.pack-icon img{width:40%;}
}


@media(max-width: 1079px) {



.logo-istanbulmedic{width:112px;height:64px;}

.team{width:100%; flex-wrap: wrap;}
.content{padding-left:30px; padding-right:30px;}
.x-back{margin-right:30px;}
.content.top100{padding-top:20px;}
.slidebox-title-text{width:36vw;}
.slidebox-title{padding-left:40px;}
.slidebox-title h1{font-size:32px;}
#sb-ru h1{font-size:31px; line-height:31px;}
.slidebox-title p{font-size:16px;}

.banners .title a{font-size:24px;}
.banners .title{bottom:20px; left:20px;}

.banner-small{ flex-direction: row; flex-wrap: wrap;}
.banner-small > div{width:33.33%;}

.section-testimonials > div {width:80%;}


.section-video-single > div{width:100%;}

.logo-bant-trio .logo-left, .logo-bant-trio .logo-right{display:none;}
.logo-bant-sm .logo-left, .logo-bant-sm .logo-right {display: block;}

.logo-bant-sm{height:52px;}
.logo-bant-trio{height:97px; padding-top:0px;}

.logo-container {border-left: 0px; border-right: 0px;}

.nav-toggle .logo-bant-seperator{margin:0px 20px;}

.logo-bant-sm{padding:8px; border-bottom:1px solid #dbdbdb;}

.icon-globe-big{display:none;}
.icon-globe-big a{font-size:40px; margin-left:14px; margin-top:-5px;}

.mainMenu{top:152px; padding:30px; background:transparent; border-top:0px;}

.nav{padding:0px 15px;}

.nav li{display:block;padding:5px; border-bottom:1px solid #dbdbdb; border-right:0px;}
.nav li:last-child{border-bottom:0px;}

.nav li a{width: 100%; display: block; padding-left:17px; margin-top:2px;}
.nav span {color: #fff;}

.chgLngSm .icon-world{color:#fff !important;}
}


@media(max-width: 920px) {
.banners .title a{font-size:20px; line-height:20px;}
.banners .title{width:80%;}
.c-header-1 h1, .c-header-2 h1{font-size:5vw;}
}



@media(max-width: 799px) {
#treatment-content{margin-top:0px;}
.appointment{width:100%;}
section{padding-bottom:25px;}
.slidebox-title-text{width:50vw;}
.slidebox-title-btn-call{display:none;}
.slidebox-title-more{display:none;}
.section-video.flex-container{display:block;}
.section-video > div:first-child{margin-right:0px; margin-bottom:15px;}
.section-video > div:last-child{margin-left:0px;}
.section-video > div{width:100%;}

.section-testimonials p{font-size:16px;}
.section-testimonials{padding:15px;}

.consultation{margin-top:15px;}
.c-circle{width:60px; height:60px;}
.c-circle h2{font-size:42px; line-height:40px;}
.s-header-1 h1, .s-header-2 h1{font-size:42px;}

.notice-header h1{font-size:42px;}
.notice-text{font-size:16px;}

/*.c-header-1 br, .c-header-2 br{display:block;}*/

.banners.flex-container {flex-wrap: wrap;}
.banners > div{width:50%;}

.beforeafter.flex-container {flex-wrap: wrap; margin-bottom:-15px;}
.beforeafter > div {width:50%;padding-bottom:15px;}

.section-dr{padding-top:15px;}
.section-dr.flex-container{display:block;}
.section-dr > div:first-child{width:200px; padding-right:0px;}
.section-dr > div:last-child{width:100%;}
.section-dr > div:nth-child(2){width:100%;}

.section-dr h1{margin-top:15px;}
.logo-bant h5 {font-size: 16px; line-height:18px; margin-bottom:0px; margin-top:3px;}
#close-btn{display:block;}

#accreditations .banner-acc{width:540px;}

.team{width:100%; flex-wrap: wrap;}
.team > div{width:50%;}

.banners .title a{font-size:26px; line-height:26px;}

.content-item-flex-col.flex-container{flex-wrap: wrap; }
.content-item-flex-col.img-flat{margin-top:0px;}

.hair-package{flex-wrap:wrap;}
.hair-package > div{width:100%;}
.pack-header{border-bottom-left-radius:0px; border-bottom-right-radius:0px; border-top-right-radius:10px;}
.pack-icon > div{width:25%; border-right:1px solid #fff; margin-bottom:0px;}
.pack-icon img{width:60%;}
.pack-info{border-bottom-left-radius:10px; border-bottom-right-radius:10px; border-top-right-radius:0px; border-left:6px dashed #9E5275; border-top:0px;}
}

@media(max-width: 720px) {
.slidebox-title-text{width:50vw;}
.consultation-header > div{width:100%; text-align:center;}
.consultation-header.flex-container{flex-wrap: wrap; }
.c-header-1{float:none; border-top-right-radius:10px; border-bottom-left-radius:0px; border-right:4px dashed #9E5275; border-bottom:0px;}
.c-header-2{display:inline-block; border-top-left-radius:10px; border-bottom-left-radius:10px;}
.c-header-1 h1, .c-header-2 h1{font-size:42px; margin-top:0px !important;}

}


@media(max-width: 660px) {
.banners .title a{font-size:20px; line-height:20px;}
.s-header-1 h1, .s-header-2 h1{font-size:36px;}
.c-circle{width:56px; height:56px;}
.c-circle h2{font-size:38px; line-height:34px;}
}


@media(max-width: 600px) {
#accreditations .banner-acc{width:290px;}
#accreditations .banner-acc{flex-wrap: wrap;}
#accreditations .banner-acc div{width:33.33%; margin-bottom:15px;}
.banner-small > div{width:50%;}
.slidebox-title-text h1{font-size:28px; margin-bottom:5px;}
.slidebox-title{bottom:5%;}
.section-testimonials > div{width:95%;}
.slick-prev, .slick-next{display:none !important;}
.section-technique h1 {font-size:36px;}

.btn-appointment.flex-container{display:block;}
.btn-appointment > div{margin-right:auto; margin-bottom:35px;}

#sb-ru h1{font-size:24px; line-height:24px;}
#sb-ru p{line-height:18px;}
#sb-ru .slidebox-title{padding-left:15px; bottom:2%;}
}

@media(max-width: 560px) {
.banners .title a{font-size:17px; line-height:17px;}
.banners .title{bottom:18px; left:18px;}
.pack-icon > div{width:50%; border-right:0px; margin-bottom:10px;}
.pack-icon img{width:40%;}

}

@media(max-width: 530px) {
.slidebox-title-text{width:70vw;}
.slidebox-title{padding-left:15px; bottom:4%;}
.slidebox-title-text p{margin-bottom:0px;}
}



@media(max-width: 480px) {
.c-header-1 h1, .c-header-2 h1{font-size:35px;}
.c-header-1, .c-header-2{padding:10px;}

#askandquestions .click-btn, .container-content .click-btn{padding-top:25px;}

p:last-child{margin-bottom:0px;}
.section-video-single h5{font-size:16px; margin-top:0px;}

.section-dr > div:last-child{padding-left:15px;}

.banners > div{width:100%; margin-left:0px; margin-right:0px; padding-left:0px; padding-right:0px;}
.banners.flex-container{display:block;}

.banners .title a{font-size:31px; line-height:33px;}
.banners .title{bottom:25px; left:18px; width:90%;}
.item-title .title{bottom:30px; left:18px; width:90%;}

.section-testimonials p{font-size:15px;}
h1 {font-size: 32px;}
.content.top100{padding-top:5px;}
.content{padding:15px;}
.logo-bant-sm .btn-txt{display:none;}
.beforeafter > div {width:100%;}
.x-back{margin-right:0px;}
.content-item-flex-col.img-flat > div:first-child{width:100%; padding:15px 0px;margin-left:0px;}
.content-item-flex-col.img-flat > div:first-child img{width:100%;}

.pack-price{font-size:80px;}
.pack-icon img{width:50%;}
}


@media(max-width: 360px) {
.section-video-single h5{font-size:15px;}
.team.flex-sp-bw {justify-content: center;}
.team > div{width:100%;}

.banner-small.flex-sp-bw {justify-content: center;}
.banner-small > div{width:90%;}
.slidebox-title-text{min-width:250px;}

.banners .title a{font-size:26px; line-height:28px;}
.item-title .title{font-size:26px; line-height:28px;}
.content-item-flex-col.flex-container{justify-content: center;}
.content-item-flex-col > div:first-child img{width:100%;}
.content-item-flex-col.img-scale > div:first-child{width:90%;}


}