a{-webkit-transition: color .2s ease-in; -moz-transition: color .2s ease-in; -o-transition: color .2s ease-in; transition: color .2s ease-in;}
.pfirstchild p:first-child{margin-top: 0px; padding-top: 0px;}
.pfirstchild p:last-child{margin-bottom: 0px; padding-bottom: 0px;}
.sr-only {
	border: 0 !important;
	clip: rect(1px, 1px, 1px, 1px) !important; /* 1 */
	-webkit-clip-path: inset(50%) !important;
		clip-path: inset(50%) !important;  /* 2 */
	height: 1px !important;
	margin: -1px !important;
	overflow: hidden !important;
	padding: 0 !important;
	position: absolute !important;
	width: 1px !important;
	white-space: nowrap !important;            /* 3 */
}
.animatethis{-webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -o-transition: all 300ms linear; transition: all 300ms linear;}

.loadthis { display: none; }

.main-content { max-width: 1920px; margin: auto auto; }
.main-content-ins { max-width: 1664px; margin: auto auto; padding: 0 20px; }
.main-content-ins2 { max-width: 1844px; margin: auto auto; padding: 0 20px; }

.no-marg-padd { margin: 0; padding: 0; }
.no-marg-padd li { margin: 0; padding: 0; }

input, textarea { outline: 0 !important; }
strong, b { font-weight: 700 !important; }

.pagin { text-align: center; margin-top: 100px; }
.pagin li { margin-left: 4px; display: inline-block; vertical-align: top; }
.pagin li.num:before { content: "|"; font-size: 14px; margin-right: 6px; display: inline-block; vertical-align: top; }
.pagin li.num:first-child:before { display: none; }
.pagin li a { display: inline-block; margin-top: -3px; font-size: 18px; color: #000; }
.pagin li a:hover,
.pagin li.active a { color: #8560a8; }

.ph { }
.ph::-webkit-input-placeholder { opacity: 1 !important; font-size: 12px; color: #000; }
.ph:-moz-placeholder { /* Firefox 18- */ opacity: 1 !important; font-size: 12px; color: #000; }
.ph::-moz-placeholder {  /* Firefox 19+ */ opacity: 1 !important; font-size: 12px; color: #000; }
.ph:-ms-input-placeholder { opacity: 1 !important; font-size: 12px; color: #000; }
.ph:-ms-input-placeholder { opacity: 1 !important; font-size: 12px; color: #000; }

.ph16 { }
.ph16::-webkit-input-placeholder { opacity: 1 !important; font-size: 14px; color: #fff; }
.ph16:-moz-placeholder { /* Firefox 18- */ opacity: 1 !important; font-size: 14px; color: #fff; }
.ph16::-moz-placeholder {  /* Firefox 19+ */ opacity: 1 !important; font-size: 14px; color: #fff;}
.ph16:-ms-input-placeholder { opacity: 1 !important; font-size: 18px; color: #fff; }
.ph16:-ms-input-placeholder { opacity: 1 !important; font-size: 18px; color: #fff; }

.ph18 { }
.ph18::-webkit-input-placeholder { opacity: 1 !important; font-size: 14px; color: #fff; font-weight: 600; }
.ph18:-moz-placeholder { /* Firefox 18- */ opacity: 1 !important; font-size: 14px; color: #fff; font-weight: 600; }
.ph18::-moz-placeholder {  /* Firefox 19+ */ opacity: 1 !important; font-size: 14px; color: #fff; font-weight: 600; }
.ph18:-ms-input-placeholder { opacity: 1 !important; font-size: 18px; color: #fff; font-weight: 600; }
.ph18:-ms-input-placeholder { opacity: 1 !important; font-size: 18px; color: #fff; font-weight: 600; }

ol.breadcrumb { background: transparent; margin: 0; padding: 0; }
ol.breadcrumb li { margin: 0; padding: 0; list-style: none; font-size: 12px; color: #252525; }
ol.breadcrumb li + li:before { content: "|"; padding: 0 5px; }
ol.breadcrumb li a { text-decoration: none; font-size: 12px; color: #252525; font-weight: 300; }
ol.breadcrumb li a:hover,
ol.breadcrumb li.active a { color: #eb2594; }

#cookie-bar { background: #000; background: rgba(0,0,0,0.8); height: auto; line-height: normal; color: #eeeeee; text-align: center; padding: 5px 5px; }
#cookie-bar.fixed {position:fixed; top:0; left:0; width:100%;}
#cookie-bar.fixed.bottom {bottom:0; top:auto; z-index: 999;}
#cookie-bar p {margin: 0; padding: 0; color: #fff; font-size: 14px; }
#cookie-bar a {color:#fff; text-decoration:underline; font-size: 14px;}
#cookie-bar .cb-enable {background:#A30000; color: #fff; display: inline-block; text-decoration: none; padding: 2px 6px; margin-left: 8px; }
#cookie-bar .cb-enable:hover {background:#009900;}
#cookie-bar .cb-disable {background:#990000; color: #fff; display: inline-block; text-decoration: none; padding: 2px 6px; margin-left: 8px; }
#cookie-bar .cb-disable:hover {background:#bb0000;}
#cookie-bar .cb-policy {background:#0033bb; color: #fff; display: inline-block; text-decoration: none; padding: 2px 6px; margin-left: 8px; }
#cookie-bar .cb-policy:hover {background:#0055dd;}

.noselect {
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome and Opera */
}

.custom-fields,
.custom-fields-pad { background: none; border: 1px solid #b7b7b7; margin: 0; padding: 0 14px; width: 100%; height: 34px; border-radius: 0; }
textarea.custom-fields { padding: 6px 14px; height: 86px; }
.custom-btn,
a.custom-btn { display: inline-block; vertical-align: middle; background: #8560a8; border: 0; color: #fff; margin: 0; padding: 3px 10px; text-align: center; white-space: nowrap; border-radius: 0; height: auto; }

/********************* HEADER *********************/
.navbar-fixed-top { top: 70px; -webkit-transition:all 300ms linear;-moz-transition:all 300ms linear;-o-transition:all 300ms linear;-ms-transition:all 300ms linear;transition:all 300ms linear; }
.navbar-fixed-top.scrolled { top: 0; }

header { position: relative; }
header .hdr-banner1 {position: absolute;top: 0;left: 20%;transform: translateX(-50%);background: #fff;height: 62px;z-index: 1;}
header .hdr-banner2 {position: absolute;top: 0;left: 50%;transform: translateX(-50%);background: #fff;height: 62px;z-index: 1;}
header .hdr-banner3 {position: absolute;top: 0;right: 20%;transform: translateX(50%);background: #fff;height: 62px;z-index: 1;}
header .hdr-banner img { margin-top: 5px; }
header .top { background-color: #009692; }
header .top .top-ins { position: absolute; top: 15px; right: 50%; margin-right: -81px; width: 162px; }
header .bottom { z-index: 3; top: -63px; display: block; background: url(../img/background-border.jpg) no-repeat bottom center; height: 108px; border-bottom: 2px solid rgba( 0, 150, 146, 0.35);}
header .bottom .pho { float: left;  margin-top: 11px;  }
header .bottom .pho a { color: #523334; }
header .bottom .pho a:hover { color: #019694; }
header .bottom .pho em { font-size: 15px; font-weight: 700; display: inline-block; vertical-align: middle; padding-right: 10px; }
header .bottom .lngs { float: right; margin-top: 11px; }
header .bottom .lngs a:hover,
header .bottom .lngs a.active {color: #00A8A5;background: #00000001;}
header .bottom .mob-menu { display: none; padding-top: 10px;}
header .bottom .mob-menu a { color: #523334; }
header .bottom .mob-menu em { padding-right: 10px; }
header .bottom #main-menu { padding-top: 78px; }
header .bottom #main-menu > ul { text-align: center; }
header .bottom #main-menu > ul > li { display: inline-block; margin-left: 75px; position: relative; white-space: nowrap}
header .bottom #main-menu > ul > li:first-child { margin-left: 0;}
header .bottom #main-menu > ul > li a { color: #261b18 !important; display: block; position: relative; }
header .bottom #main-menu > ul > li a:hover { color: #00A8A5 !important; }
header .bottom #main-menu > ul > li a.active {color: #00A8A5 !important;background: #00000001;}

nav a { position: relative; z-index: 9999; -webkit-transition:all 300ms linear;-moz-transition:all 300ms linear;-o-transition:all 300ms linear;-ms-transition:all 300ms linear;transition:all 300ms linear; }
nav .navbar {-webkit-transition:all 300ms linear;-moz-transition:all 300ms linear;-o-transition:all 300ms linear;-ms-transition:all 300ms linear;transition:all 300ms linear; }
nav .navbar-header { float: none; height: 93px; -webkit-transition:all 300ms linear;-moz-transition:all 300ms linear;-o-transition:all 300ms linear;-ms-transition:all 300ms linear;transition:all 300ms linear; }
nav .navbar-brand { float: none; margin: auto auto; }
nav .top .top-ins img.imag { max-width: 162px; -webkit-transition:all 300ms linear;-moz-transition:all 300ms linear;-o-transition:all 300ms linear;-ms-transition:all 300ms linear;transition:all 300ms linear; }
nav .bottom { -webkit-transition:all 300ms linear;-moz-transition:all 300ms linear;-o-transition:all 300ms linear;-ms-transition:all 300ms linear;transition:all 300ms linear; }
nav .bottom .mob-menu { -webkit-transition:all 300ms linear;-moz-transition:all 300ms linear;-o-transition:all 300ms linear;-ms-transition:all 300ms linear;transition:all 300ms linear; }
nav #main-menu { -webkit-transition:all 300ms linear;-moz-transition:all 300ms linear;-o-transition:all 300ms linear;-ms-transition:all 300ms linear;transition:all 300ms linear; }

nav.shrink .navbar-header { height: 85px; -webkit-transition:all 300ms linear;-moz-transition:all 300ms linear;-o-transition:all 300ms linear;-ms-transition:all 300ms linear;transition:all 300ms linear; }
nav.shrink .top { -webkit-transition:all 300ms linear;-moz-transition:all 300ms linear;-o-transition:all 300ms linear;-ms-transition:all 300ms linear;transition:all 300ms linear; }
nav.shrink .top .top-ins { top: 40px; } 
nav.shrink .top .top-ins img.imag { max-width: 100px; -webkit-transition:all 300ms linear;-moz-transition:all 300ms linear;-o-transition:all 300ms linear;-ms-transition:all 300ms linear;transition:all 300ms linear; }
nav.shrink .bottom { height: 85px; -webkit-transition:all 300ms linear;-moz-transition:all 300ms linear;-o-transition:all 300ms linear;-ms-transition:all 300ms linear;transition:all 300ms linear;}
nav.shrink .bottom .mob-menu { padding-top: 55px; -webkit-transition:all 300ms linear;-moz-transition:all 300ms linear;-o-transition:all 300ms linear;-ms-transition:all 300ms linear;transition:all 300ms linear; }
nav.shrink #main-menu { padding-top: 55px; -webkit-transition:all 300ms linear;-moz-transition:all 300ms linear;-o-transition:all 300ms linear;-ms-transition:all 300ms linear;transition:all 300ms linear; }


.mob-menu-toggle { display: none; }
.mob-menu-toggle a { color: #fff; }
.mob-menu-toggle em { margin-right: 10px; }

nav#menu { visibility: hidden; height: 0; }
nav#menu ul li a:hover,
nav#menu ul li a.active { color: #019694; }

.close-menu { cursor: pointer; }
.close-menu-custom { position: absolute; top: 8px; right: 13px; }
.close-menu-custom em { font-size: 20px; color: #000; }

.dark-bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 150, 146, 0.4); z-index: 9998; display: none; }
/********************* HEADER *********************/

/********************* ERROR *********************/
.btn-warning { background-color: #533337; border: none; -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -o-transition: all 300ms linear; transition: all 300ms linear; }
.btn-warning:hover { background-color: #603c42; -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -o-transition: all 300ms linear; transition: all 300ms linear; }

.error-template { text-align: center; }
.error-actions { margin-top: 20px; }
.error-actions a { display: inline-block; vertical-align: middle; margin: 10px 5px 0 5px; border-radius: 0; background-color: #533337; border: none; color: #fff; -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -o-transition: all 300ms linear; transition: all 300ms linear; }
.error-actions a:hover {  background-color: #603c42; color: #fff; -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -o-transition: all 300ms linear; transition: all 300ms linear; }
.error { background-repeat: no-repeat; background-size: cover; height: 100%; position: relative; z-index: 0; }
.error::before { content : ""; display: block; position: absolute; top: 0; left: 0; content : ""; display: block; position: absolute;  background-color: rgba( 45, 22, 9, 0.53 );  top: 0; left: 0;z-index: -1; height: 100%; width: 100%; z-index: -1; height: 100%; width: 100%; }
.error .main-content-ins { margin-bottom: 50px; background-color: rgba(0, 150, 146, 0.5)!important; margin-top: 0!important; padding: 40px 10px 0 10px; }
.error .error-ttl .img { padding-top: 40px; }
.error .error-ttl .ttl { text-align: center; }
.error .error-ttl .ttl h2 { font-size: 48px; font-weight: 700; margin-top: 25px; color:#009692; }
.error .m-ttl,
.error .m-ttl-2,
.error .m-txt { font-size: 16px; color: #fff ; }
/********************* ERROR *********************/

/********************* FOOTER *********************/
footer { display: block; background: url(../img/footer-bg.png) repeat bottom center #fff; padding-top: 50px; border-top: 2px solid rgba( 0, 150, 146, 0.35); z-index: 10;  }
footer .col-1 { float: left; width: 23.3%; padding-right: 20px; padding-left: 8px; }
footer .col-4 { float: left; width: 16%; padding-right: 20px; }
footer .col-4 .ttl { color: #000; font-weight: 600; font-size: 18px; }
footer .col-4 .lst { margin-top: 22px; }
footer .col-4 .lst a { display: block;  color: #000; font-weight: 600; font-size: 18px; margin-top: 11px; }
footer .col-2 { float: right; width: 36%; padding-left: 8px; margin-right: 10px; }
footer .col-2 > ul { }
footer .col-2 > ul > li { float: left; width: 50%; padding-left: 8px  }
footer .col-2 > ul > li a:hover { color: #00a499; }
footer .col-2 > ul > li .ttl { font-size: 18px; color: #000; font-weight: 600; margin-bottom: 26px; }
footer .col-2 ul li.time { padding-left: 105px;  }
footer .col-2 ul li.time .awards:after { content: ""; display: block; background: url(../img/Greek_Awards_2017_logo.png) no-repeat top center; height: 200px; }
footer .col-2 ul li.time .ttl2 { color: #000; font-weight: 600; font-size: 18px; margin-bottom: 26px; white-space: nowrap; }
footer .col-2 > ul > li ul li span { font-size: 14px; }
footer .col-2 > ul > li ul li { color: #000; font-size: 16px; font-weight: 600; margin-top: 12px; }
footer .col-2 .ppt { margin-top: 20px; }
footer .col-2 .ppt a { margin-top: 20px; color: #000; font-weight: 600; font-size: 16px; }
footer .col-3 { float: left; width: 20.3%; background-color: #00a499; padding: 27px 50px; outline: 2px solid #fff; outline-offset: -9px; margin-top: 6px;}
footer .col-3 .ttl { font-size: 24px; color: #fff; font-weight: 600; text-align: center; }
footer .col-3 .inpt-top { margin-top: 14px; }
footer .col-3 .inpt-bot { margin-top: 22px; margin-bottom: 18px; }
footer .col-3 .inpt-top input,
footer .col-3 .inpt-bot input { background: none; border: 0; border-bottom: 1px solid #fff ; color: #fff; margin: 0; width: 100%; height: 30px; }
footer .col-3 .und { margin-top: 10px; }
footer .col-3 .und .lft { float: left; }
footer .col-3 .und .lft label a {font-size: 11px;color: #fff;font-weight: 600;margin-left: 6px;background: #00000001;}
footer .col-3 .und .rgt { float: right; color: #fff; font-size: 16px; font-weight: 600; margin-top: 5px;}
footer .col-3 .und .rgt input {border: none;background-color: transparent;background: #00000001;}   
footer .col-3 .und .rgt em { display: inline-block; vertical-align: middle; }


footer .drop { display: none; }   
footer .panel-group { border-bottom: 1px solid #fff; margin-top: 30px;}
footer .panel-group .panel { border: 0; border-top: 1px solid #fff; }
footer .panel-group .panel + .panel { margin-top: 0; }
footer .panel-group .panel-heading { background: #00a499; padding: 0;}
footer .panel-group .panel-heading h4 { text-align: center; }
footer .panel-group .panel-heading.info h4 a { font-weight: 600; }
footer .panel-group .panel-heading h4 a { font-family: 'Open Sans', sans-serif; display: inline-block; font-size: 18px; color: #fff; font-weight: 700; padding: 12px 40px 13px 0; position: relative; }
footer .panel-group .panel-heading h4 a em { font-size: 24px; position: absolute; top: 13px; right: -20px; color: #fff; font-weight: normal; }
footer .panel-group .panel-heading h4 a.collapsed em {
-ms-transform: rotate(-180deg); /* IE 9 */
-webkit-transform: rotate(-180deg); /* Chrome, Safari, Opera */
transform: rotate(-180deg); color: #fff;}
footer .panel-group .panel-body { padding: 16px 0 16px 37px; color: inherit; }
footer .panel-group #collapse1 .panel-body .lst a { display: block;  color: #000; font-weight: 600; font-size: 18px; margin-top: 11px; }
footer .panel-group #collapse2 .panel-body ul li span { font-size: 14px; }
footer .panel-group #collapse2 .panel-body ul li { color: #000; font-size: 16px; font-weight: 600; margin-top: 12px; }
footer .panel-group #collapse2 .panel-body ul li a:hover { color: #00a499; }
footer .panel-group #collapse3 .panel-body ul li { color: #000; font-size: 16px; font-weight: 600; margin-top: 12px; }
footer .copy { color: #6f6f6f; font-weight: 600; padding-bottom: 40px; margin-top: 10px;}
footer .copy a { color: #6f6f6f; }
/********************* FOOTER *********************/

/********************* MAIN-TITLE *********************/
.main-ttl { padding-top: 180px; }
.main-ttl .img { padding-top: 40px; }
.main-ttl .img2 { padding-top: 40px; display: none; }
.main-ttl .ttl { text-align: center; }
.main-ttl .ttl h3 { font-size: 48px; font-weight: 700; margin-top: 25px; }
.main-ttl .txt { font-size: 16px; text-align: center; margin-top: 32px; }
/********************* MAIN-TITLE *********************/

/********************* SIMPLE *********************/
.simple { background-repeat: no-repeat; background-size: cover; height: 100%; position: relative; z-index: 0; }
.simple::before { content : ""; display: block; position: absolute; top: 0; left: 0;content : ""; display: block; position: absolute;  background-color: rgba( 45, 22, 9, 0.53 );  top: 0; left: 0;z-index: -1; height: 100%; width: 100%; z-index: -1; height: 100%; width: 100%; }
.simple .main-content-ins {  max-width: 1163px; margin-bottom: 50px; }
.simple .simple-ttl .img { padding-top: 40px; }
.simple .simple-ttl .ttl { text-align: center; }
.simple .simple-ttl .ttl h2 { font-size: 48px; font-weight: 700; margin-top: 25px; color:#009692; }
.simple .m-txt { font-size: 16px; line-height: 30px; }
/********************* SIMPLE *********************/

/********************* HOMEPAGE *********************/
.home { padding-top: 120px;}
.home .background { background-repeat: no-repeat; background-size: cover; height: 100%; position: relative; z-index: 0; padding-bottom: 55px;}
.home .background::before { content : ""; display: block; position: absolute; top: 0; left: 0; background-color: transparent; z-index: -1; height: 100%; width: 100%; }
.home .main-content-ins {  max-width: 1163px; margin-bottom: 50px; background-color: transparent!important; padding: 0!important; margin-top: 0!important;}
.home .slider { overflow: hidden; }
.home .slider .fixedsocial {  top: 35%; padding: 5px 0; position: fixed; right: 0; background-color: #fff; border: 1px solid #000; border-right: none; z-index: 99;}
.home .slider .fixedsocial ul { display: block; }
.home .slider .fixedsocial ul li:first-child { }
.home .slider .fixedsocial ul li { display: block; padding: 12px 9px 12px 13px; }
.home .slider .fixedsocial ul li a { color: #482124; cursor: pointer;}
.home .slider .fixedsocial ul li em { font-size: 20px;  }
.home .top-lft { float: left; width: 50.7%; background-color: #261b18;}
.home .top-lft .top-ttl { font-size: 30px; color: #19d3c7; text-align: center; margin-top: 30px; }
.home .top-lft .top-txt { font-size: 24px; color: #fff; text-align: center; }
.home .top-lft .my-btn { text-align: center; margin-top: 35px; }

.home .top-lft .btn-double-border-left { background: none; position: relative; cursor: pointer; display: inline-block; text-align: center; vertical-align: middle; border: 1px solid #fff; color: #fff; padding: 4px 54px 12px 54px; text-decoration: none; -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -o-transition: all 300ms linear; transition: all 300ms linear;}
.home .top-lft .btn-double-border-left::before { border: 1px solid #fff;  content: ""; display: block; height: 100%; position: absolute; transition: all 0.3s ease 0s; width: 100%; }
.home .top-lft .btn-double-border-left::before { left: -6px; top: -6px; }
.home .top-lft .btn-double-border-left:hover { color: #fff; text-decoration: none; }
.home .top-lft .btn-double-border-left:hover { background: rgba(25, 211, 199, 0.3); ; color: #fff; border: 1px solid transparent; transition: all 0.3s ease 0s; padding: 8px 54px ; }
.home .top-lft .btn-double-border-left:hover::before { top: 0; left: 0; }

.home .top-lft .top-img { overflow: hidden; }
.home .top-lft .top-img img.resp { display: none;}
.home .top-lft .top-img img { -webkit-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; transition: all 1s ease-in-out; }
.home .top-lft .top-img img:hover { -moz-transform: scale(1.05); -webkit-transform: scale(1.05); transform: scale(1.05);}
.home .top-rgt { float: right; width: 49.3%; overflow: hidden;}
.home .top-rgt img.resp { display: none; }
.home .top-rgt img {-webkit-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; transition: all 1s ease-in-out; }
.home .top-rgt img:hover { -moz-transform: scale(1.05); -webkit-transform: scale(1.05); transform: scale(1.05);}

.home .middle-out { position: relative; overflow: hidden; min-height: 548px; }
.home .middle-out .img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; -webkit-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; transition: all 1s ease-in-out; }
.home .middle-out .img:hover { -moz-transform: scale(1.05); -webkit-transform: scale(1.05); transform: scale(1.05); }
.home .middle .middle-ins { float: right; width: 50%; padding-right: 90px; overflow: hidden; position: relative; margin-top: 40px;}
.home .middle .middle-ins .m-ttl {color: #fff;font-size: 24px;text-align: center;margin-top: 20px;background: #00000001;}
.home .middle .middle-ins .m-ttl span { color: #261b18; font-size: 30px; }
.home .middle .middle-ins .m-txt {color: #fff;text-align: center;margin-top: 22px;line-height: 26px;background: #00000001;}
.home .middle .middle-ins .my-btn { text-align: center; margin-top: 78px; }

.home .middle .middle-ins .btn-double-border-left {background: none;position: relative;cursor: pointer;display: inline-block;text-align: center;vertical-align: middle;border: 1px solid #fff;color: #fff;background: #00000001;padding: 4px 54px 12px 54px;text-decoration: none;-webkit-transition: all 300ms linear;-moz-transition: all 300ms linear;-o-transition: all 300ms linear;transition: all 300ms linear;}
.home .middle .middle-ins .btn-double-border-left::before { border: 1px solid #fff;  content: ""; display: block; height: 100%; position: absolute; transition: all 0.3s ease 0s; width: 100%; }
.home .middle .middle-ins .btn-double-border-left::before{ left: -6px; top: -6px; }
.home .middle .middle-ins .btn-double-border-left:hover { color: #fff; text-decoration: none; }
.home .middle .middle-ins .btn-double-border-left:hover { background: rgba(38, 27, 24, 0.3); color: #fff; border: 1px solid transparent; transition: all 0.3s ease 0s; padding: 8px 54px ; }
.home .middle .middle-ins .btn-double-border-left:hover::before { top: 0; left: 0; }

.home .middle-und-out { position: relative; overflow: hidden; min-height: 548px; }
.home .middle-und-out .img-und { position: absolute; top: 0; left: 0; width: 100%; height: 100%; -webkit-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; transition: all 1s ease-in-out;}
.home .middle-und-out .img-und:hover { -moz-transform: scale(1.05); -webkit-transform: scale(1.05); transform: scale(1.05); }
.home .middle-und-out .middle-und .middle-und-ins { width: 50%; padding-left: 90px; position: relative; margin-top: 80px; }
.home .middle-und-out .middle-und .middle-und-ins .u-ttl {color: #fff;text-align: center;font-size: 24px;margin-top: 20px;background: #00000001;}
.home .middle-und-out .middle-und .middle-und-ins .u-ttl span { color: #1cbaaf; font-size: 30px; }
.home .middle-und-out .middle-und .middle-und-ins .u-txt {color: #fff;text-align: center;line-height: 26px;margin-top: 22px;background: #00000001;}
.home .middle-und-out .middle-und .middle-und-ins .my-btn { text-align: center; margin-top: 90px; }

.home .middle-und .middle-und-ins .btn-double-border-left {background: none;position: relative;cursor: pointer;display: inline-block;text-align: center;vertical-align: middle;border: 1px solid #1cbaaf;color: #fff;background: #00000001;padding: 4px 54px 12px 54px;text-decoration: none;-webkit-transition: all 300ms linear;-moz-transition: all 300ms linear;-o-transition: all 300ms linear;transition: all 300ms linear;}
.home .middle-und .middle-und-ins .btn-double-border-left::before {border: 1px solid #1cbaaf;content: "";display: block;height: 100%;position: absolute;transition: all 0.3s ease 0s;width: 100%;background: #00000001;}
.home .middle-und .middle-und-ins .btn-double-border-left::before{ left: -6px; top: -6px; }
.home .middle-und .middle-und-ins .btn-double-border-left:hover { color: #fff; text-decoration: none; }
.home .middle-und .middle-und-ins .btn-double-border-left:hover { background: rgba(25, 211, 199, 0.3); color: #fff; border: 1px solid transparent;  transition: all 0.3s ease 0s; padding: 8px 54px ;}
.home .middle-und .middle-und-ins .btn-double-border-left:hover::before { top: 0; left: 0; }

.home .bot-lft { float: left; width: 49.3%; overflow: hidden; position: relative; }
.home .bot-lft img.resp { display: none;}
.home .bot-lft .bot-lft-ins { position: absolute; top: 40px; left: 0; padding: 0 90px; }
.home .bot-lft .bot-lft-ins .b-ttl {font-size: 24px;color: #fff;text-align: center;margin-top: 15px;background: #00000001;}
.home .bot-lft .bot-lft-ins .b-ttl span { font-size: 30px; color: #fcc26d; }
.home .bot-lft .bot-lft-ins .b-txt {font-size: 18px;text-align: center;color: #fff;margin-top: 40px;line-height: 26px;background: #00000001;}
.home .bot-lft img { -webkit-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; transition: all 1s ease-in-out;}
.home .bot-lft img:hover { -moz-transform: scale(1.05); -webkit-transform: scale(1.05); transform: scale(1.05); }
.home .bot-lft .my-btn { text-align: center; margin-top: 30px; }

.home .bot-lft .btn-double-border-left {background: none;position: relative;cursor: pointer;display: inline-block;text-align: center;vertical-align: middle;border: 1px solid #fff;color: #fff;background: #00000001;padding: 4px 54px 12px 54px;text-decoration: none;-webkit-transition: all 300ms linear;-moz-transition: all 300ms linear;-o-transition: all 300ms linear;transition: all 300ms linear;}
.home .bot-lft .btn-double-border-left::before {border: 1px solid #fff;content: "";display: block;height: 100%;position: absolute;transition: all 0.3s ease 0s;width: 100%;background: #00000001;}
.home .bot-lft .btn-double-border-left::before { left: -6px; top: -6px; }
.home .bot-lft .btn-double-border-left:hover { color: #fff; text-decoration: none; }
.home .bot-lft .btn-double-border-left:hover { background: rgba(252, 194, 109, 0.3) ; color: #fff; border: 1px solid transparent; transition: all 0.3s ease 0s; padding: 8px 54px ; }
.home .bot-lft .btn-double-border-left:hover::before { top: 0; left: 0; }

.home .bot-rgt { float: right; width: 50.7%; background-color: #261b18; }
.home .bot-rgt .bot-bg {  }
.home .bot-rgt .bot-img { overflow: hidden;}
.home .bot-rgt .bot-img img.resp { display: none; }
.home .bot-rgt .bot-img img { -webkit-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; transition: all 1s ease-in-out;}
.home .bot-rgt .bot-img img:hover { -moz-transform: scale(1.05); -webkit-transform: scale(1.05); transform: scale(1.05); }
.home .bot-rgt .bot-ttl { font-size: 30px; color: #19d3c7; text-align: center; margin-top: 30px; }
.home .bot-rgt .bot-txt { font-size: 24px; color: #fff; text-align: center; }
.home .bot-rgt .my-btn { text-align: center; margin-top: 30px; }

.home .bot-rgt .btn-double-border-left { background: none; position: relative; cursor: pointer; display: inline-block; text-align: center; vertical-align: middle; border: 1px solid #fff; color: #fff; padding: 4px 54px 12px 54px; text-decoration: none; -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -o-transition: all 300ms linear; transition: all 300ms linear;}
.home .bot-rgt .btn-double-border-left::before { border: 1px solid #fff;  content: ""; display: block; height: 100%; position: absolute; transition: all 0.3s ease 0s; width: 100%; }
.home .bot-rgt .btn-double-border-left::before { left: -6px; top: -6px; }
.home .bot-rgt .btn-double-border-left:hover { color: #fff; text-decoration: none; }
.home .bot-rgt .btn-double-border-left:hover { background: rgba(25, 211, 199, 0.3); ; color: #fff; border: 1px solid transparent; transition: all 0.3s ease 0s; padding: 8px 54px ; }
.home .bot-rgt .btn-double-border-left:hover::before { top: 0; left: 0; }
/********************* HOMEPAGE *********************/

/********************* HISTORY *********************/
.history {  }
.history .bg { background-position:	top 165px center; background-attachment: fixed; background-repeat: no-repeat; background-size: cover; height: 100%; position: relative; z-index: 0; padding-bottom: 55px; }
.history .bg::before { content : ""; display: block; position: absolute; background-color: rgba( 45, 22, 9, 0.53 );  top: 0; left: 0;z-index: -1; height: 100%; width: 100%; }
.history .main-ttl .ttl h3,
.history .main-ttl .txt {color: #fff;background: #00000001;}
.history .main-content-ins { max-width: 1163px; margin-top: 47px; padding: 55px 42px 38px 42px; background-color: #fff; }
.history .h-lft { float: left; width: 337px; position: relative; overflow: hidden;}
.history .h-rgt { float: right; width: 100%; margin-left: -337px; margin-top: 18px; overflow: hidden; }
.history .h-rgt .h-rgt-ins { padding-left: 425px; }
.history .h-rgt .h-rgt-ins ol li .txt { margin-left: 142px; color: #000;  }
.history .h-rgt .h-rgt-ins ol li { position: relative; }
.history .h-rgt .h-rgt-ins ol li .number_divider { position: absolute; font-weight: 600; font-size: 16px; }
.history .h-rgt .h-rgt-ins ol li:before { content: ""; background: #1cbbb4; position: absolute; top: 1px; left: 88px; border-radius: 50%; width: 17px; height: 17px; z-index: 1; }
.history .h-rgt .h-rgt-ins ol li:after { content: ""; background: #ccc; position: absolute; width: 1px; top: 1px; bottom: -1px; left: 96px; z-index: 0; }
.history .h-rgt .h-rgt-ins ol li:last-child {  }
.history .h-rgt .h-rgt-ins ol li:last-child:after { content: ""; background: #fff; position: absolute; width: 1px; top: 1px; bottom: -1px; left: 96px; z-index: 0; }
.history .h-ttl { font-size: 30px; color: #009692; margin-top: 42px; }
.history .h-txt { margin-top: 25px; line-height: 26px; text-align: justify;}
.history .h-txt span {color: #1cbbb4;background: #00000001;}
.history .h-img { padding-bottom: 50px; }
/********************* HISTORY *********************/

/********************* CHOUREAL *********************/
.choureal { background-position: top 165px center; background-repeat: no-repeat; background-size: cover; height: 100%; position: relative; z-index: 0; padding-bottom: 55px;}
.choureal::before { content : ""; display: block; position: absolute; top: 0; left: 0; background-color: rgba( 17, 17, 17, 0.6 ); z-index: -1; height: 100%; width: 100%; }
.choureal .main-ttl .ttl h3 { color: #009692;}
.choureal .main-content-ins { padding: 0; margin-bottom: 100px; background-color: transparent; }
.choureal .top-lft { float: left; width: 50.7%; overflow: hidden; }
.choureal .top-lft img { -webkit-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; transition: all 1s ease-in-out;}
.choureal .top-lft img:hover { -moz-transform: scale(1.05); -webkit-transform: scale(1.05); transform: scale(1.05);}
.choureal .top-rgt { float: right; width: 49.3%; overflow: hidden; background-color: #fff;}
.choureal .top-rgt .top-rgt-ins {  display: flex; justify-content: center; flex-direction: column;  }
.choureal .top-rgt .top-rgt-ins .top-rttl { color: #009692; font-size: 30px; text-align: center; margin-top: 30px; }
.choureal .top-rgt .top-rgt-ins .top-rtxt { font-size: 16px; font-weight: 300; text-align: justify; margin-top: 34px; line-height: 26px;  padding: 0 40px; }
.choureal .ch-img { margin-top: 30px; overflow: hidden;}
.choureal .ch-img img {-webkit-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; transition: all 1s ease-in-out; }
.choureal .ch-img img:hover { -moz-transform: scale(1.05); -webkit-transform: scale(1.05); transform: scale(1.05);}
.choureal .middle { position: relative; overflow: hidden; min-height: 444px; }
.choureal .middle .img-midl { position: absolute; top: 0; left: 0; width: 100%; height: 100%; -webkit-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; transition: all 1s ease-in-out;}
.choureal .middle .img-midl:hover { -moz-transform: scale(1.05); -webkit-transform: scale(1.05); transform: scale(1.05);}
.choureal .middle .middle-ins .middle-ins-ins { width: 50.7%; background: rgba( 255, 255, 255 ,0.64 ); height: 100%; position: absolute; top: 0; left: 0; text-align: justify; display: flex;}
.choureal .middle .middle-ins .middle-ins-ins .r-ttl { display: block; font-size: 30px; color: #372210; text-align: center; margin-bottom: 30px; margin-top: 30px;  }
.choureal .middle .middle-ins .middle-ins-ins .m-txt { font-size: 16px; padding: 0 70px; line-height: 26px;}
/********************* CHOUREAL *********************/

/********************* PRODUCTS *********************/
.products {  }
.products .section-top { }
.products .section-top ul li:nth-child(1) { height: 950px; display: block; position: relative;}
.products .section-top ul li:nth-child(1) .rgt-ins { position: absolute; bottom: 0; right: 0; max-width: 638px; }
.products .section-top ul li:nth-child(1) .rgt-ins .txt { display: inline-block; font-size: 18px; background: rgba( 255, 255, 255 ,0.78 ); color: #010101; padding: 18px 30px 30px 0; text-align: right; }
.products .section-top ul li:nth-child(1) .rgt-ins:hover .txt { background: rgba( 255, 255, 255 ,1 );  }
.products .section-top ul li:nth-child(1) .rgt-ins .txt .r-ttl { display: block; color: #2c0607; font-size: 30px; font-weight: 600; margin-bottom: 8px; }
.products .section-top ul li:nth-child(2) { height: 735px; display: block; position: relative; }
.products .section-top ul li:nth-child(2) .rgt-ins { position: absolute; bottom: 0; left: 0; max-width: 638px; }
.products .section-top ul li:nth-child(2) .rgt-ins .txt { display: inline-block; font-size: 18px; background: rgba( 255, 255, 255 ,0.78 ); color: #010101; padding: 18px 0 30px 30px; text-align: left; }
.products .section-top ul li:nth-child(2) .rgt-ins:hover .txt { background: rgba( 255, 255, 255 ,1 );  }
.products .section-top ul li:nth-child(2) .rgt-ins .txt .r-ttl { display: block; color: #2c0607; font-size: 30px; font-weight: 600; margin-bottom: 8px;}
.products .section-top ul li:nth-child(3) { height: 735px; display: block; position: relative;}
.products .section-top ul li:nth-child(3) .rgt-ins { position: absolute;  bottom: 0; right: 0; max-width: 638px; }
.products .section-top ul li:nth-child(3) .rgt-ins .txt { display: inline-block; font-size: 18px; background: rgba( 255, 255, 255 ,0.78 ); color: #010101;  padding: 18px 30px 30px 0; text-align: right; }
.products .section-top ul li:nth-child(3) .rgt-ins:hover .txt { background: rgba( 255, 255, 255 ,1 );  }
.products .section-top ul li:nth-child(3) .rgt-ins .txt .r-ttl { display: block; color: #2c0607; font-size: 30px; font-weight: 600; margin-bottom: 8px;}
.products .section-top ul li:nth-child(4) { height: 735px; display: block; position: relative; }
.products .section-top ul li:nth-child(4) .rgt-ins { position: absolute;  bottom: 0; left: 0; max-width: 638px; }
.products .section-top ul li:nth-child(4) .rgt-ins .txt { display: inline-block; font-size: 18px; background: rgba( 255, 255, 255 ,0.78 ); color: #010101; padding: 18px 0 30px 30px; text-align: left; }
.products .section-top ul li:nth-child(4) .rgt-ins:hover .txt { background: rgba( 255, 255, 255 ,1 );  }
.products .section-top ul li:nth-child(4) .rgt-ins .txt .r-ttl { display: block; color: #2c0607; font-size: 30px; font-weight: 600; margin-bottom: 8px;}
.products .section-top ul li:nth-child(5) { height: 735px; display: block; position: relative;}
.products .section-top ul li:nth-child(5) .rgt-ins { position: absolute;  bottom: 0; right: 0; max-width: 638px; }
.products .section-top ul li:nth-child(5) .rgt-ins .txt { display: inline-block; font-size: 18px; background: rgba( 255, 255, 255 ,0.78 ); color: #010101; padding: 18px 30px 30px 0; text-align: right; }
.products .section-top ul li:nth-child(5) .rgt-ins:hover .txt { background: rgba( 255, 255, 255 ,1 );  }
.products .section-top ul li:nth-child(5) .rgt-ins .txt .r-ttl { display: block; color: #2c0607; font-size: 30px; font-weight: 600; margin-bottom: 8px;}
/********************* PRODUCTS *********************/

/********************* LABORATORY *********************/
.laboratory .background { background-position:	top 170px center; background-repeat: no-repeat; height: 100%; position: relative; z-index: 0; background-attachment: fixed; padding-bottom: 55px;}
.laboratory .background::before{  content : ""; display: block; position: absolute; top: 0; left: 0; background-color: rgba( 17, 17, 17, 0.57 ); z-index: -1; height: 100%; width: 100%; }
.laboratory .main-content-ins { padding: 0; margin-bottom: 100px; background-color: transparent; overflow: hidden; }
.laboratory .top-lft { float: left; width: 50%; position: relative; overflow: hidden;}
.laboratory .top-lft img.resp { display: none; }
.laboratory .top-lft img { -webkit-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; transition: all 1s ease-in-out;}
.laboratory .top-lft img:hover { -moz-transform: scale(1.05); -webkit-transform: scale(1.05); transform: scale(1.05);}
.laboratory .top-rgt { float: right; width: 50%;  background-color: #fff; }
.laboratory .top-rgt .top-img { overflow: hidden; }
.laboratory .top-rgt .top-img img.resp {display: none;}
.laboratory .top-rgt .top-img img { -webkit-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; transition: all 1s ease-in-out;}
.laboratory .top-rgt .top-img img:hover { -moz-transform: scale(1.05); -webkit-transform: scale(1.05); transform: scale(1.05);}
.laboratory .top-rgt .top-ttl { text-align: center; color: #009692; font-size: 30px; margin-top: 42px; margin-bottom: 25px; }
.laboratory .top-rgt .top-txt { padding: 0 40px; text-align: center; font-size: 16px; font-weight: 300; display: flex; justify-content: center; flex-direction: column; }
.laboratory .bot-lft { float: right; width: 50%; position: relative; overflow: hidden;}
.laboratory .bot-lft img.resp {display: none;}
.laboratory .bot-lft img { -webkit-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; transition: all 1s ease-in-out;}
.laboratory .bot-lft img:hover { -moz-transform: scale(1.05); -webkit-transform: scale(1.05); transform: scale(1.05);}
.laboratory .bot-rgt { float: left; width: 50%; overflow: hidden; background-color: #fff; }
.laboratory .bot-rgt .bot-img { overflow: hidden; }
.laboratory .bot-rgt .bot-img img.resp {display: none;}
.laboratory .bot-rgt .bot-img img { -webkit-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; transition: all 1s ease-in-out; }
.laboratory .bot-rgt .bot-img img:hover { -moz-transform: scale(1.05); -webkit-transform: scale(1.05); transform: scale(1.05);}
.laboratory .bot-rgt .bot-ttl { text-align: center; color: #009692; font-size: 30px; margin-top: 52px; margin-bottom: 30px; }
.laboratory .bot-rgt .bot-txt { text-align: center; padding: 0 40px; font-size: 16px; font-weight: 300; display: flex; justify-content: center; flex-direction: column;}
.laboratory .bot-rgt .bot-img { margin-top: 52px; }
.laboratory .parallaxer-1 { height: 495px; }
/********************* LABORATORY *********************/

/********************* CONTACT *********************/
.contact { background-repeat: no-repeat;  background-position: 0 0;  height: 100%; position: relative; z-index: 0; padding-bottom: 1px; }
.contact::before { content : ""; display: block; position: absolute; top: 0; left: 0;  background-color: rgba(0, 150, 146, 0.16); width: 100%; height: 100%; z-index: -1;}
.contact .main-content-ins { background-color: rgba(0, 150, 146, 0.71); margin-bottom: 100px; padding: 75px 85px 90px 85px; }
.contact .main-ttl .ttl h3 { color: #523334; }
.contact .main-ttl .txt { color: #523334;}
.contact .lft-m-ins { float: left; width: 50%; padding-right: 26px; }
.contact .lft-m-ins .l-ttl { font-size: 18px; color: #fff; font-weight: 600; }
.contact .lft-m-ins .l-ttl:after { content: ""; display: block; background: #fff; width: 100%; height: 1px; margin-top: 4px; }
.contact .lft-m-ins ul { margin-top: 26px; } 
.contact .lft-m-ins ul li { display: block; color: #fff; } 
.contact .lft-m-ins ul li:nth-child(2),
.contact .lft-m-ins ul li:nth-child(3),
.contact .lft-m-ins ul li:nth-child(4){ margin-top: 4px; } 
.contact .lft-m-ins .modal-body .map { height: 350px; } 
.contact .lft-m-ins .modal-header button { position: absolute; top: 15px; right: 15px; vertical-align: middle; -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -o-transition: all 300ms linear; transition: all 300ms linear; } 
.contact .lft-m-ins .modal-header em { color: #009692; font-size: 20px; }
.contact .lft-m-ins .modal-footer { background-color: #00a499; } 
.contact .lft-m-ins .link { font-weight: 600; padding-left: 0!important; margin-top: 14px; margin-bottom: 20px; color: #fff; background-color: transparent; border: none; -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -o-transition: all 300ms linear; transition: all 300ms linear;} 
.contact .lft-m-ins .link em { padding-left: 5px; }
.contact .lft-m-ins .link:hover { color: #533337; cursor: pointer; } 
.contact .lft-m-ins ul li:nth-child(5) em { margin-left: 5px; }
.contact .lft-m-ins ul li:nth-child(7) { margin-top: 24px; margin-bottom: 10px; } 
.contact .rgt-m-ins { float: left; width: 50%; padding-left: 26px; }
.contact .rgt-m-ins .frm .r-ttl { font-size: 18px; color: #fff; font-weight: 600;}
.contact .rgt-m-ins .frm .r-ttl:after  { content: ""; display: block; background: #fff; width: 100%; height: 1px; margin-top: 4px; }
.contact .rgt-m-ins .frm .inpt.inpt-l { margin-top: 26px; }
.contact .rgt-m-ins .frm .rqrd { color: #fff; font-size: 12px; margin-top: 10px; }
.contact .rgt-m-ins .frm .captcha { margin-top: 26px; }
.contact .rgt-m-ins .frm .und .mybtn { color: #523334; margin-top: 14px; margin-left: 5px; }

/********************* CONTACT *********************/

@media only screen and (max-width: 1514px) {
 .navbar-fixed-top {top: 200px;}
.home {padding-top: 200px;}
.hdr-banners {display: grid;}
 .hdr-banners a{
  display: block;
 }
header .hdr-banner1 {position: inherit !important;transform: none !important;height: 65px;}
header .hdr-banner2 {position: inherit !important;transform: none !important;height: 65px;}
header .hdr-banner3 {position: inherit !important;transform: none !important;height: 65px;}
 
 /* .col-lg- */
/********************* FOOTER *********************/
footer .col-2 { width: 38%; }
footer .col-2 ul li.time { padding-left: 40px;  }
footer .col-3 .und .rgt { font-size: 14px; float; left; margin-top: 0px; }
/********************* FOOTER *********************/
}

@media only screen and (max-width: 1514px) { /* .col-lg- */
/********************* FOOTER *********************/
 footer .col-4 { width: 17%; padding-left: 20px; }
/********************* FOOTER *********************/
}
@media only screen and (max-width: 1390px) { /* .col-lg- */
/********************* FOOTER *********************/
footer .main-content-ins2 { padding: 0; }
footer .col-1 { padding: 0; width: 24.3%; }
footer .col-3 .und .rgt { float: left; }
footer .col-4 { float: left; width: 15%; }
/********************* FOOTER *********************/

}

@media only screen and (max-width: 1199px) { /* .col-lg- */
/********************* HEADER *********************/
header .bottom #main-menu > ul > li { margin-left: 25px;}

/********************* HEADER *********************/

/********************* FOOTER *********************/
footer .col-1 { float: none; padding: 0; width: 298px; margin: auto; margin-bottom: 20px;}
footer .col-2 { float: right; width: 45%; margin-right: 0px; padding-left: 0px;}
footer .col-3 { float: left; width: 25%; margin-top: 0; }
footer .col-3 .und .rgt { float: left; }
footer .col-4 { float: left; width: 23%; }
footer .copy { text-align: center; padding: 20px 0; }
/********************* FOOTER *********************/

/********************* MAIN-TITLE *********************/
.main-ttl .ttl h3 { font-size: 40px; }
/********************* MAIN-TITLE *********************/

/********************* SIMPLE *********************/
.simple .simple-ttl .ttl h2 { font-size: 40px; }
/********************* SIMPLE *********************/

/********************* ERROR-TITLE *********************/
.error .error-ttl .ttl h2 { font-size: 40px; }
/********************* ERROR-TITLE *********************/

/********************* PRODUCTS *********************/
.products .section-top ul li:nth-child(1) { height: 680px; }
.products .section-top ul li:nth-child(1) .rgt-ins { max-width: 438px; }
.products .section-top ul li:nth-child(1) .rgt-ins .txt { font-size: 16px; padding: 14px 20px 20px 0;}
.products .section-top ul li:nth-child(1) .rgt-ins .txt .r-ttl { font-size: 25px;  }
.products .section-top ul li:nth-child(2) { height: 635px; }
.products .section-top ul li:nth-child(2) .rgt-ins {max-width: 438px; }
.products .section-top ul li:nth-child(2) .rgt-ins .txt { font-size: 16px; padding: 14px 0 20px 30px; }
.products .section-top ul li:nth-child(2) .rgt-ins .txt .r-ttl { font-size: 25px; }
.products .section-top ul li:nth-child(3) { height: 635px;}
.products .section-top ul li:nth-child(3) .rgt-ins { max-width: 438px; }
.products .section-top ul li:nth-child(3) .rgt-ins .txt { font-size: 16px; padding: 14px 20px 20px 0; }
.products .section-top ul li:nth-child(3) .rgt-ins .txt .r-ttl { font-size: 25px; }
.products .section-top ul li:nth-child(4) { height: 635px;}
.products .section-top ul li:nth-child(4) .rgt-ins { max-width: 438px; }
.products .section-top ul li:nth-child(4) .rgt-ins .txt { font-size: 16px; padding: 14px 0 20px 30px; }
.products .section-top ul li:nth-child(4) .rgt-ins .txt .r-ttl {  font-size: 25px; }
.products .section-top ul li:nth-child(5) { height: 635px; }
.products .section-top ul li:nth-child(5) .rgt-ins { max-width: 438px; }
.products .section-top ul li:nth-child(5) .rgt-ins .txt { font-size: 16px; padding: 14px 20px 20px 0; }
.products .section-top ul li:nth-child(5) .rgt-ins .txt .r-ttl { font-size: 25px;}
/********************* PRODUCTS *********************/

/********************* LABORATORY *********************/
.laboratory .top-lft { float: none; width: 100%; margin: auto auto; }
.laboratory .top-lft img.normal {display: none;}
.laboratory .top-lft img.resp {display: block;}
.laboratory .top-rgt { float: none; width: 100%; margin: auto auto; }
.laboratory .top-rgt .top-txt { padding-bottom: 20px; }
.laboratory .top-rgt .top-img img.normal {display: none;}
.laboratory .top-rgt .top-img img.resp {display: block;}
.laboratory .bot-lft { float: none; width: 100%; margin: auto auto; }
.laboratory .bot-lft img.normal { display: none;}
.laboratory .bot-lft img.resp { display: block;}
.laboratory .bot-rgt { float: none; width: 100%; margin: auto auto; }
.laboratory .bot-rgt .bot-img img.normal {display: none;}
.laboratory .bot-rgt .bot-img img.resp {display: block; }
/********************* LABORATORY *********************/

/********************* CHOUREAL *********************/
.choureal .top-lft { float: none; width: 100%; }
.choureal .top-rgt { float: none; width: 590px; margin: auto auto; background-color: rgba(255, 255, 255, 0.7);}
.choureal .ch-img { margin-top: 100px;}
.choureal .middle .middle-ins { width: 50.7%; }
.choureal .middle .middle-ins .r-ttl { display: block; font-size: 30px; color: #372210; text-align: center; margin: 30px 0 20px 0; }
/********************* CHOUREAL *********************/
}

@media only screen and (max-width: 991px) { /* .col-md- */
.main-ttl { padding-top: 210px;  }
/********************* HEADER *********************/
header .bottom .mob-menu { display: block; text-align: center; padding-top: 75px;}
header .bottom .pho { float: left;  margin-top: -55px;  }
header .bottom .lngs { float: right;  margin-top: -55px;  }
header .bottom #main-menu ul { display: none; }
/********************* HEADER *********************/

/********************* FOOTER *********************/
footer .col-1 { float: none; padding: 0; width: 298px; margin: auto auto;}
footer .col-3 { float: none; width: 50%; margin: 20px auto;}
footer .col-3 .und .rgt { float: right; }
footer .col-4 { display: none; }
footer .col-3 .ttl { font-size: 22px; }
footer .col-2 { display: none; }
footer .drop { display: block; }   
/********************* FOOTER *********************/

/********************* MAIN-TITLE *********************/
.main-ttl .img { padding-top: 20px; }
.main-ttl .ttl h3 { font-size: 36px; margin-top: 20px; }
.main-ttl .txt { margin-top: 22px;  }
/********************* MAIN-TITLE *********************/

/********************* SIMPLE *********************/
.simple .simple-ttl .img { padding-top: 20px; }
.simple .simple-ttl .ttl h2 { font-size: 36px; margin-top: 20px; }
/********************* SIMPLE *********************/

/********************* ERROR-TITLE *********************/
.error .error-ttl .img { padding-top: 20px; }
.error .error-ttl .ttl h2 { font-size: 36px; }
/********************* ERROR-TITLE *********************/

/********************* HOMEPAGE *********************/
.home .top-lft { float: none; width: 100%; margin: auto auto; padding-bottom: 20px; }
.home .top-lft .top-img img.normal { display: none; }
.home .top-lft .top-img img.resp { display: block; }
.home .top-lft .top-ttl { font-size: 25px; }
.home .top-lft .top-txt { font-size: 20px; }
.home .top-rgt,
.home .bot-lft { float: none; width: 100%; margin: auto auto; }
.home .top-rgt img.normal { display: none; }
.home .top-rgt img.resp { display: block; }
.home .bot-lft img.normal { display: none;}
.home .bot-lft img.resp { display: block;}
.home .bot-lft .bot-lft-ins { position: absolute; top: 40px; left: 0; right: 0; padding: 0; text-align: center;}
.home .bot-lft .bot-lft-ins .b-ttl { font-size: 20px; }
.home .bot-lft .bot-lft-ins .b-ttl span { font-size: 25px; }
.home .bot-lft .bot-lft-ins .b-txt { font-size: 18px; }
.home .bot-rgt { float: none; width: 100%; margin: auto auto; padding-bottom: 20px; }
.home .bot-rgt .bot-img img.normal { display: none; }
.home .bot-rgt .bot-img img.resp { display: block; }
.home .bot-rgt .bot-ttl { font-size: 25px; }
.home .bot-rgt .bot-txt { font-size: 22px; }
.home .bot-rgt .my-btn { margin-top: 15px; }
/********************* HOMEPAGE *********************/

/********************* LABORATORY *********************/
.laboratory .background  { background-size: 0; }
.laboratory .background::before {  background-color: #fff; }
.laboratory .main-ttl .img { display: none; }
.laboratory .main-ttl .img2 { padding-top: 20px; display: block; }
.laboratory .main-ttl .ttl h3 { color: #009692;}
.laboratory .main-ttl .txt { color: #0f0f0f;}
.laboratory .top-rgt { float: none; width: 100%; }
.laboratory .top-rgt .top-txt { padding-bottom: 20px; }
.laboratory .bot-rgt { float: none; width: 100%; }
/********************* LABORATORY *********************/

/********************* CHOUREAL *********************/
.choureal .middle .middle-ins .middle-ins-ins { width: 100%; }
.choureal .middle .middle-ins .middle-ins-ins .r-ttl { font-size: 25px; margin-bottom: 10px;}
.choureal .middle .middle-ins .middle-ins-ins .m-txt { padding: 0 20px; line-height: normal;}
/********************* CHOUREAL *********************/

/********************* HISTORY *********************/
.history .main-content-ins { padding-right: 10px; padding-left: 10px; }
.history .h-rgt .h-rgt-ins { padding-left: 360px; }
/********************* HISTORY *********************/
}

@media only screen and (max-width: 767px) { /* .col-sm- */

/********************* HOMEPAGE *********************/
.home .middle .middle-ins { float: none; width: 100%; text-align: center; padding: 0 20px; }
.home .middle .middle-ins .my-btn { margin-top: 40px; }
.home .middle .middle-ins .btn-double-border-left { padding: 4px 30px 12px 30px; }
.home .middle .middle-ins .btn-double-border-left:hover { padding: 8px 30px ; }

.home .middle-und-out .middle-und .middle-und-ins { width: 100%; padding: 0 20px; margin-top: 40px; }
.home .middle-und-out .middle-und .middle-und-ins .my-btn { margin-top: 40px; }
.home .middle-und .middle-und-ins .btn-double-border-left { padding: 4px 30px 12px 30px; }
.home .middle-und .middle-und-ins .btn-double-border-left:hover { padding: 8px 30px ;}
/********************* HOMEPAGE *********************/

/********************* PRODUCTS *********************/
.products .section-top ul li:nth-child(1) .rgt-ins { max-width: 100%; }
.products .section-top ul li:nth-child(1) .rgt-ins .txt { font-size: 16px; padding: 10px 20px 10px 0; text-align: center;}
.products .section-top ul li:nth-child(1) .rgt-ins .txt .r-ttl { font-size: 22px;  }
.products .section-top ul li:nth-child(2) .rgt-ins { max-width: 100%; }
.products .section-top ul li:nth-child(2) .rgt-ins .txt { font-size: 16px; padding: 10px 0 10px 30px; text-align: center; }
.products .section-top ul li:nth-child(2) .rgt-ins .txt .r-ttl { font-size: 22px; }
.products .section-top ul li:nth-child(3) .rgt-ins { max-width: 100%; }
.products .section-top ul li:nth-child(3) .rgt-ins .txt { font-size: 16px; padding: 10px 20px 10px 0; text-align: center; }
.products .section-top ul li:nth-child(3) .rgt-ins .txt .r-ttl { font-size: 22px; }
.products .section-top ul li:nth-child(4) .rgt-ins { max-width: 100%; }
.products .section-top ul li:nth-child(4) .rgt-ins .txt { font-size: 16px; padding: 10px 0 10px 30px; text-align: center; }
.products .section-top ul li:nth-child(4) .rgt-ins .txt .r-ttl {  font-size: 22px; }
.products .section-top ul li:nth-child(5) .rgt-ins { max-width: 100%; }
.products .section-top ul li:nth-child(5) .rgt-ins .txt { font-size: 16px; padding: 10px 20px 10px 0; text-align: center; }
.products .section-top ul li:nth-child(5) .rgt-ins .txt .r-ttl { font-size: 22px;}
/********************* PRODUCTS *********************/

/********************* HISTORY *********************/
.history .h-lft { float: none; width: 100%; }
.history .h-rgt { float: none; width: 100%; margin-left: 0; }
.history .h-rgt .h-rgt-ins { padding-left: 0; }
/********************* HISTORY *********************/

/********************* CHOUREAL *********************/
.choureal .top-rgt .top-rgt-ins .top-rttl { font-size: 20px; margin-top: 50px; }
.choureal .ch-img { margin-top: 50px;}
/********************* CHOUREAL *********************/

/********************* CONTACT *********************/
.contact .lft-m-ins { float: none; width: 100%; padding-right: 0; }
.contact .lft-m-ins .l-ttl { font-size: 16px; }
.contact .rgt-m-ins { float: none; width: 100%; padding-left: 0; margin-top: 20px; }
.contact .rgt-m-ins .frm .r-ttl { font-size: 16px; }
.contact .rgt-m-ins .frm .inpt.inpt-l { margin-top: 26px; }
.contact .rgt-m-ins .frm .rqrd { color: #fff; font-size: 12px; margin-top: 10px; }
.contact .rgt-m-ins .frm .captcha { float: right; margin-top: 14px;}
.contact .rgt-m-ins .frm .und .mybtn { margin-top: 14px; margin-left: 0; float: left;}
/********************* CONTACT *********************/
}

@media only screen and (max-width: 610px) { /* .col-xs- */
/********************* FOOTER *********************/
footer .col-3 { float: none; width: 100%;}
footer .col-3 .und .rgt { float: right; }
footer .panel-group .panel-heading h4 a { font-size: 16px; }
footer .panel-group .panel-heading h4 a em { font-size: 20px; position: absolute; top: 11px; right: -15px; }
footer .panel-group #collapse1 .panel-body .lst a { font-size: 16px;}
footer .panel-group #collapse3 .panel-body ul li { font-size: 14px; }
/********************* FOOTER *********************/

/********************* MAIN-TITLE *********************/
.main-ttl .ttl h3 { font-size: 28px; }
.main-ttl .txt { font-size: 14px; }
/********************* MAIN-TITLE *********************/

/********************* SIMPLE *********************/
.simple .simple-ttl .ttl h2 { font-size: 28px; }
.simple .m-txt { font-size: 14px; line-height: normal; }
/********************* SIMPLE *********************/

/********************* ERROR-TITLE *********************/
.error .error-ttl .ttl h2 { font-size: 28px; }
/********************* ERROR-TITLE *********************/

/********************* HOMEPAGE *********************/
.home .top-lft .top-ttl { font-size: 20px; }
.home .top-lft .top-txt { font-size: 18px; }
.home .bot-lft .bot-lft-ins .b-ttl { font-size: 18px; }
.home .bot-lft .bot-lft-ins .b-ttl span { font-size: 20px; }
.home .bot-lft .bot-lft-ins .b-txt { font-size: 16px; }
.home .bot-rgt .bot-ttl { font-size: 20px; }
.home .bot-rgt .bot-txt { font-size: 18px; }
/********************* HOMEPAGE *********************/

/********************* CONTACT *********************/
.contact .rgt-m-ins .frm .captcha { float: none;}
/********************* CONTACT *********************/

/********************* CHOUREAL *********************/
.choureal .top-rgt { width: 100%; }
/********************* CHOUREAL *********************/

/********************* LABORATORY *********************/
.laboratory .top-rgt .top-ttl { font-size: 25px; margin-top: 25px; margin-bottom: 20px; }
.laboratory .top-rgt .top-txt { font-size: 14px; }
.laboratory .bot-rgt .bot-ttl { font-size: 25px; margin-top: 25px; margin-bottom: 25px; }
.laboratory .bot-rgt .bot-txt { font-size: 14px; }
.laboratory .bot-rgt .bot-img { margin-top: 20px; }
/********************* LABORATORY *********************/

/********************* HISTORY *********************/
.history .h-rgt .h-rgt-ins ol li .txt { font-size: 13px; }
.history .h-rgt .h-rgt-ins ol li .number_divider { font-size: 14px; }
.history .h-ttl { font-size: 25px; }
.history .h-txt { margin-top: 20px; line-height: normal;}
/********************* HISTORY *********************/
}

@media only screen and (max-width: 480px) {


/********************* PRODUCTS *********************/
.products .section-top ul li:nth-child(1) .rgt-ins .txt { font-size: 14px; }
.products .section-top ul li:nth-child(1) .rgt-ins .txt .r-ttl { font-size: 18px;  }
.products .section-top ul li:nth-child(2) .rgt-ins .txt { font-size: 14px; }
.products .section-top ul li:nth-child(2) .rgt-ins .txt .r-ttl { font-size: 18px; }
.products .section-top ul li:nth-child(3) .rgt-ins .txt { font-size: 14px; }
.products .section-top ul li:nth-child(3) .rgt-ins .txt .r-ttl { font-size: 18px; }
.products .section-top ul li:nth-child(4) .rgt-ins .txt { font-size: 14px; }
.products .section-top ul li:nth-child(4) .rgt-ins .txt .r-ttl {  font-size: 18px; }
.products .section-top ul li:nth-child(5) .rgt-ins .txt { font-size: 14px; }
.products .section-top ul li:nth-child(5) .rgt-ins .txt .r-ttl { font-size: 18px;}
/********************* PRODUCTS *********************/

/********************* HOMEPAGE *********************/
.home .top-lft { float: none; width: 100%; margin: auto auto; padding-bottom: 40px; }
.home .top-lft .top-img img.normal { display: none; }
.home .top-lft .top-img img.resp { display: block; }
.home .top-lft .top-ttl { font-size: 25px; }
.home .top-lft .top-txt { font-size: 20px; }
.home .bot-lft .bot-lft-ins { position: absolute; top: 10px; left: 0; right: 0; padding: 0; text-align: center;}
.home .bot-lft .bot-lft-ins .b-ttl { font-size: 15px;  margin-top: 0;}
.home .bot-lft .bot-lft-ins .b-ttl span { font-size: 15px; }
.home .bot-lft .bot-lft-ins .b-txt { font-size: 13px; margin-top: 10px; }
.home .bot-lft .my-btn { margin-top: 5px; }
.home .bot-lft .btn-double-border-left { padding: 4px 25px 6px 25px; font-size: 14px; }
}

@media only screen and (max-width: 380px) {
/********************* FOOTER *********************/
footer .col-3 .ttl { font-size: 18px; }
footer .col-3 .und .rgt { font-size: 12px; }
footer .copy { font-size: 11px; }
/********************* FOOTER *********************/

/********************* HOMEPAGE *********************/
/*.home .slider { display: none; }*/
/********************* HOMEPAGE *********************/

}