/* animate */

.animated {
	animation-duration: 1s;
	animation-fill-mode: both;
  }
  
  .animated.infinite {
	animation-iteration-count: infinite;
  }
  
  .animated.hinge {
	animation-duration: 2s;
  }
  
  .animated.flipOutX,
  .animated.flipOutY,
  .animated.bounceIn,
  .animated.bounceOut {
	animation-duration: .75s;
  }

@keyframes slideInUp {
	from {
	  transform: translate3d(0, 100%, 0);
	  visibility: visible;
	}
  
	to {
	  transform: translate3d(0, 0, 0);
	}
  }
  
  .slideInUp {
	animation-name: slideInUp;
  }
  
  @keyframes slideOutDown {
	from {
	  transform: translate3d(0, 0, 0);
	}
  
	to {
	  visibility: hidden;
	  transform: translate3d(0, 100%, 0);
	}
  }
  
  @keyframes slideOutUp {
	from {
	  transform: translate3d(0, 0, 0);
	}
  
	to {
	  visibility: hidden;
	  transform: translate3d(0, -100%, 0);
	}
  }
  
  .slideOutUp {
	animation-name: slideOutUp;
  }

::-moz-selection {
  color: #000;
  background: #00689c; }

::selection {
  color: #000;
  background: #00689c;  }

select::-ms-expand { 
    display: none;
}

html, body, button, input, optgroup, select, textarea, select option {
  font-family: roboto,iryekan; }

body {
  background-color: #f3f4f6;
	overflow-x: hidden; }

.aligncenter { text-align: center; }

body.mainpage { background-color: #fff; }

body.singlearticlebody {
	background-color: #f3f4f6;;
}

body.indexbg, body.category {
	background-color: #f0f7f8;;
}

header.site-header {
	height: 122px;
	position: relative;
	z-index: 20;
	overflow: hidden;
}

.site-header .bg-header {
	z-index: -1;
	background-color: #fff;
	height: 92px;
	position: absolute;
	top:0; left: 0; right: 0;
}

.site-header .container {
	position: relative;
	height: 122px;
}

.site-header .container .right-hedbot {
	position: absolute;
	top:90px;
	right:-63px;
	z-index: -1;
	background: url(../img/right-hedbot.svg);
	background-size: cover;
	height: 32px;
	width: 64px;
}

.site-header .container .left-hedbot {
	position: absolute;
	top:90px;
	left:-63px;
	z-index: -1;
	background: url(../img/left-hedbot.svg);
	background-size: cover;
	height: 32px;
	width: 64px;
}
.site-header .container {
	background-color: #fff;
}

.site-header .headerlogo {
	height: 92px;
	width: auto;
	margin: 15px;
}

nav.navtop {
	font-size: 9pt;
	overflow: hidden;
	line-height: 36px;
	margin-top: 25px;
	margin-bottom: 5px;
}

nav.navtop ul li {
	float: left;
	padding: 0 12px;
	color: #838486;
}

nav.navtop ul li ul { display: none; }

.owl-ticker {
	height: 32px;
	overflow: hidden;
}

.owl-ticker .item, .owl-ticker-en .item  {
	color: #00689c;
	line-height: 32px;
	overflow: hidden;
	height: 32px;
	font-size: 8pt;
}

.owl-ticker .item span, .owl-ticker-en .item span { color: #838486; }

.owl-ticker .item a, .owl-ticker .item i {float: right; margin-left: 10px; }
.owl-ticker-en .item a, .owl-ticker-en .item i {float: left; margin-right: 10px; }

.owl-ticker .item i:before, .owl-ticker-en .item i:before { font-size: 21px; }

.owl-ticker .item i.flaticon-mark, .owl-ticker-en .item i.flaticon-mark {  font-size: 16px;
	-webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg); margin-top: -1px; }

.owl-ticker .item i.flaticon-mark:before, .owl-ticker-en .item i.flaticon-mark:before { font-size: 16px; }

.lang-selector {
	background: url(../img/downicon.svg);
	background-position: right center;
	background-repeat: no-repeat;
	background-size: 7px 6px;
	overflow: hidden;
	width: 60px;
	margin-top: 25px;
	margin-left: 30px;
	margin-bottom: 20px;
}
.lang-selector select { 
	background:transparent;
	border:none;
	color: #838486; 
	font-size: 8pt; 
	padding: 3px;
	width: 100%;
	-webkit-appearance: none; 
    -moz-appearance: none;
    appearance: none; 
}

.topslider { margin-top: -30px; position: relative; z-index: 10; margin-bottom: 50px; }

.topslider .owl-dots {
	position: absolute;
	z-index: 12;
	bottom: 0;
	left:50%; 
	transform: translateX(-50%);
	background-color: #fff;
	height: 30px;
	padding: 0 20px;
} 

.owl-top{ display: none;}

.topslider .owl-dots .owl-dot span {
	border-radius: 0;
	background-color: #838486;
	height: 3px;
	width: 23px;
	margin: 13px 5px;
}

.topslider .owl-dots .owl-dot.active span {
	background-color: #00689c;
}

.topslider .owl-dots:before {
	content: '';
	position: absolute;
	height: 32px;
	width: 64px;
	right: -63px;
	bottom: -2px;
	background: url(../img/right-slidbot.svg);
	background-size: cover;
}

.topslider .owl-dots:after {
	content: '';
	position: absolute;
	height: 32px;
	width: 64px;
	left: -63px;
	bottom: -2px;
	background: url(../img/left-slidbot.svg);
	background-size: cover;
}

#search-form {
	margin-left: 30px;
	overflow: hidden;
	float: left;
}

#search-form #search-input { 
	width: 100px;
	height: 24px;
	line-height: 24px;
	color: #838486;
	font-size: 8pt;
	float: right;
}

#search-form #search-submit {
	float: right;
	background: none;
	border: none;
	cursor: pointer;
}

#search-form #search-submit i, #search-form #search-submit i:before {
	color: #838486;
	font-size: 12px;
	line-height: 24px;
}

.news-slider {
	position: relative;
	margin-bottom: 50px;
	height: 56px;
}

.news-slider .bracket {
	color: #00689c;
	font-size: 32px;
	width: 7px;
	height: 32px;
	margin: 12px 0;
	line-height: 32px;
	float: left;
	margin-right: 30px;
}

.news-slider .bellbig {
	height: 56px;
	line-height: 56px;
	font-size: 56px;
	color: #00689c;
	float: left;
	margin-right: 30px;
}

.news-slider .bellbig i, .news-slider .bellbig i:before {
	height: 56px;
	line-height: 56px;
	font-size: 56px;
}

.news-slider .faded {
	position: absolute;
	top:0; right:0; bottom: 0;
	z-index: 2;
	background: rgba(255,255,255,0.1);
	background: -webkit-linear-gradient(right, rgba(255,255,255,1), rgba(0,0,0,0));
	background: -o-linear-gradient(left, rgba(255,255,255,1), rgba(0,0,0,0));
	background: -moz-linear-gradient(left, rgba(255,255,255,1), rgba(0,0,0,0));
	background: linear-gradient(to left, rgba(255,255,255,1), rgba(0,0,0,0));
	width: 60px;
}

.owl-lastnews .item, .owl-lastnews-en .item {
	font-size: 9pt;
	color: #838486;
	padding: 12px 0;
	padding-left: 66px;
	height: 56px;
	line-height: 16px;
	overflow: hidden;
}

.owl-lastnews-en .item {
	padding-right: 66px;
	padding-left: 0;
}

.owl-lastnews .item a, .owl-lastnews-en .item a { 
	display: block; 
	height: 16px; 
	overflow: hidden; 
	line-height: 16px;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.owl-lastnews .item a i, .owl-lastnews-en .item a i {
	font-size: 16px;
	float: left;
	color:#00689c;
	-webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}

.owl-lastnews-en .item a i { float:right; }

.owl-lastnews .item a i:before, .owl-lastnews-en .item a i:before { font-size: 16px; margin-top: -1px; }

.owl-lastnews .item span, .owl-lastnews-en .item span { color:#bdbdbd; font-size: 8pt; line-height: 26px; }

.owl-lastnews .owl-stage { padding-right: 0 !important; }

.owl-lastnews-en .owl-stage { padding-left: 0 !important; }

.art-item {
	margin-left: 4px;
	height: 536px;
	display: block;
	z-index: 2;
	position: relative;
}

.art-item img {
	width: 100%;
	height: auto;
}

.arts-cont .row .col-md-4 .art-item .arts-bg {
	position: absolute; z-index: -1;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.arts-cont .row .col-md-4 .art-item:hover .arts-bg {
	-webkit-filter: grayscale(80%);
	-moz-filter: grayscale(80%);
    filter: grayscale(80%);
}

.arts-cont .row .col-md-4:nth-child(odd) .art-item .arts-bg {
	top:0; left: 0; right: 0;
}

.arts-cont .row .col-md-4:nth-child(even) .art-item .arts-bg {
	bottom:0; left: 0; right: 0;
}

.arts-cont .row .col-md-4 .art-item .art-title img, .arts-cont .row .col-md-4 .art-item .art-title-op img {
	width: auto;
}

.arts-cont .row .col-md-4 .art-item .art-title {
	z-index: 3; position: absolute; 
	text-align: center;
	padding: 30px 0;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.arts-cont .row .col-md-4:nth-child(odd) .art-item .art-title {
	bottom:0; left: 0; right: 0;
	padding-top: 70px;
	background: rgb(255,255,255);
	background: -webkit-linear-gradient(bottom, rgba(255,255,255,1) 70%, rgba(0,0,0,0));
	background: -o-linear-gradient(top, rgba(255,255,255,1) 70%, rgba(0,0,0,0));
	background: -moz-linear-gradient(top, rgba(255,255,255,1) 70%, rgba(0,0,0,0));
	background: linear-gradient(to top, rgba(255,255,255,1) 70%, rgba(0,0,0,0));
}

.arts-cont .row .col-md-4:nth-child(odd) .art-item:hover .art-title {
	padding-bottom: 50px;
	padding-top: 50px;
}

.arts-cont .row .col-md-4:nth-child(even) .art-item .art-title {
	top:0; left: 0; right: 0;
	padding-bottom: 70px;
	background: rgb(255,255,255);
	background: -webkit-linear-gradient(top, rgba(255,255,255,1) 70%, rgba(0,0,0,0));
	background: -o-linear-gradient(bottom, rgba(255,255,255,1) 70%, rgba(0,0,0,0));
	background: -moz-linear-gradient(bottom, rgba(255,255,255,1) 70%, rgba(0,0,0,0));
	background: linear-gradient(to bottom, rgba(255,255,255,1) 70%, rgba(0,0,0,0));
}

.arts-cont .row .col-md-4:nth-child(even) .art-item:hover .art-title {
	padding-top: 50px;
	padding-bottom: 50px;
}

.arts-cont .row .col-md-4 .art-item .art-qr {
	position: absolute; bottom: 120px;
	z-index: 4; 
	left: 0; 
	right: 0;
	margin: 0 auto;
	width: auto;
}

.arts-cont .row .col-md-4 .art-item .art-title-op {
	position: absolute; top:0; left: 25px;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.arts-cont .row .col-md-4 .art-item:hover .art-title-op {
	 left: 35px;
}

.arts-cont { margin-bottom:30px; }

.parallax-part { 
	background-color: #ddd; 
	position: relative;
	background: url(../img/paralax.png);
	background-attachment: fixed;
	background-position: center center;
	background-size: cover;
	overflow: hidden;
	height: 215px;
	z-index: 5;
}

.parallax-part .par-wave {
	position: absolute;
	z-index: 3;
	left: 0;
	right:0;
	height: 48px;
}

.parallax-part .par-wave.pw-top {
	top:-12px;
	background: url(../img/waveup.svg);
	background-size: cover;
}

.parallax-part .par-wave.pw-down {
	bottom:-12px;
	background: url(../img/wavedown.svg);
	background-size: cover;
}

.contact-section { overflow: hidden; margin-bottom: 50px; }

.contact-section .container {
	position: relative;
}

.contact-section .container .catalog {
	left: 20px;
	top: -95px;
	position: absolute;
	z-index: 10;
	width: 456px;
}

.contact-section .container .supportman {
	background: url(../img/support-icon.svg);
	height: 252px;
	width: 252px;
	background-size: cover;
	top: -86px;
	left: 455px;
	position: absolute;
	z-index: 6;
}

.contact-section .container .circ {
	height: 350px;
	width: 350px;
	top: -135px;
	left: 406px;
	position: absolute; 
	z-index: 2;
}

.contact-section .container .contact-content {
	margin-left: 67%;
	overflow: hidden;
}

.contact-section .container .contact-content h2 {
	color: #838486;
	font-weight: 500;
	font-size: 16px;
}

.contact-section .container .contact-content span.phone1 {
	color: #838486;
	font-size: 56px;
	font-weight: 300;
	line-height: 65px;
}

.contact-section .container .contact-content span.phone2 {
	color: #00689c;
	font-size: 36px;
	font-weight: 600;
	line-height: 65px;
}

.contact-section .container .contact-content .socials {
	margin: 10px 0;
	margin-right: 20%;
	text-align: center;
}

.contact-section .container .contact-content .socials a {
	color: #838486;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	line-height:24px;
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
}

.contact-section .container .contact-content .socials a i, .contact-section .container .contact-content .socials a img {
	margin-right:3px;
}

.contact-section .container .contact-content .socials a:hover {
	color: #00689c;
}

.contact-section .container .contact-content .socials a i:before {
	font-size: 16px;
}


.contact-section .container .contact-content .socials a img {
	height:16px; 
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	width:auto;
	-webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
    filter: grayscale(100%);
	opacity:0.8;
}

.contact-section .container .contact-content .socials a:hover img {
	-webkit-filter: grayscale(0%); /* Safari 6.0 - 9.0 */
    filter: grayscale(0%);
	opacity:1;
}

.contact-section .container .contact-content .resume-contact {
	overflow: hidden;
	padding: 20px 0;
	color:#00689c;
	margin-bottom: 20px;
}

.contact-section .container .contact-content .resume-contact a {
	line-height: 34px;
	border-bottom: 1px solid #e1e9ec;
	font-size: 10pt;
	float: left;
}

.contact-section .container .contact-content .resume-contact a:hover {
	border-bottom: 1px dotted #838486;
}

.contact-section .container .contact-content .resume-contact i:before, .contact-section .container .contact-content .resume-contact i {
	font-size: 34px;
	line-height: 36px;
	float: left;
	overflow: hidden;
}

.contact-section .container .contact-content .resume-contact i {
	margin-right: 15px;
}

.gallrey-section, .gallrey-section-en { overflow: hidden; margin-bottom: 50px; }

.gallrey-section .item, .gallrey-section-en .item {
	width: 16.6%;
	margin:0;
	float: right;
	height: 168px;
	padding: 0;
	overflow: hidden;
	text-align: center;
	position: relative;
	cursor: pointer;
}

.gallrey-section-en .item { float: left; }

.gallrey-section .item:before, .gallrey-section-en .item:before {
	position: absolute;
	z-index: 5; content: '';
	top:0; right: 0; left: 0; bottom: 0;
	border: 1px solid #fff;
}

.gallrey-section .item img, .gallrey-section-en .item img {
	width: auto;
	height: auto;
	max-width: initial;
	display: block;
	position: absolute;
	top:50%;
	right: 50%;
	transform: translate(50%, -50%);
	min-height: 100%;
	min-width: 100%;
}

.gallrey-section .item.h2, .gallrey-section-en .item.h2 {
	height: 336px;
}

.gallrey-section .item.w2, .gallrey-section-en .item.w2 {
	width: 33.3%;
}

.gallrey-section .item .zoom, .gallrey-section-en .item .zoom {
	background-color:rgba(131, 132, 134, 0.9);
	position: absolute;
	z-index: 3;
	top:0; right: 0; left: 0; bottom: 0;
	opacity: 0;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.gallrey-section .item:hover .zoom, .gallrey-section-en .item:hover .zoom { opacity: 1; }

.gallrey-section .item .zoom span, .gallrey-section-en .item .zoom span {
	position: absolute;
	top:50%;
	right: 50%;
	transform: translate(50%, -50%);
	margin-top: 30px;
	color: #fff;
	font-size: 10pt;
}

.gallrey-section .item .zoom i, .gallrey-section-en .item .zoom i {
	position: absolute;
	top:50%;
	right: 50%;
	transform: translate(50%, -50%);
	color: #fff;
	font-size: 21px;
}

.gallrey-section .item .zoom i:before, .gallrey-section-en .item .zoom i:before { font-size: 21px; }

.logos-section { overflow: hidden; margin-bottom: 75px; direction:rtl; }

.logos-section .svgrow { height: 155px;  margin-bottom: 15px; }

.logos-section .svgrow.singlesvgrow { height: 90px; }

.logos-section .svgrow .item {
	height: 130px; 
	width: 147px; 
	position: relative; 
	overflow: hidden; 
	z-index: 2; 
display: inline-block; 
}

.logos-section .svgrow .item.btrisvg img {
	z-index: 5;
	bottom:45px;
	left: 50%;
	transform: translate(-50%, 50%);
	position: absolute;
}

.logos-section .svgrow .item.utrisvg img {
	z-index: 5;
	top:45px;
	left: 50%;
	transform: translate(-50%, -50%);
	position: absolute;
}

.logos-section .svgrow .item svg { 
	height: 130px;
	width: 147px;
	position: absolute; 
	bottom:0; right: 0; z-index: -1; }

.logos-section .svgrow .item svg path{
	height: 100%;
	width: 100%;
}

.logos-section .svgrow .item svg path.sp2 { 
	opacity: 0;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.logos-section .svgrow .item:hover svg path.sp2 { 
	opacity: 1;
}

.logos-section .svgrow.singlesvgrow .item { height: 90px; }

.logos-section .svgrow .btrisvg { margin-top: 25px; }

.logos-section .svgrow.singlesvgrow .btrisvg { margin: 0; }

.logos-section .svgrow .btrisvg.sized, .logos-section .svgrow .utrisvg.sized { margin-right: -55px;
} 
.logos-section .svgrow.singlesvgrow .btrisvg.sized {
margin-right: 37px;
}

.logos-section .svgrow .brand {
	width: 270px;
height: 117px;
margin-right: 20px;
margin-top: 10px;
margin-left: 20px;
}

.logos-section .svgrow.singlesvgrow .firstitem {
	margin-right: 185px;
}

.site-footer { clear: both; overflow: hidden; }

.site-footer .title {
	margin-bottom: 10px;
	position: relative;
}

.site-footer .title .line {
	position: absolute;
	top:50%;
	margin-top: -1px;
	right: 50px;
	background-color: #bfc3cb;
	height: 1px;
	width: 142px;
}
.site-footer .title h5 {
	color: #00689c;
	font-weight: 500;
	font-size: 10pt;
}

.site-footer .title.blue-title h5 {
	color: #00689c;
}

.site-footer .content {
	padding: 20px 0;
	padding-right: 40px;
	overflow: hidden;
	font-size: 9pt;
	color: #8b7143;
}

.site-footer .content.blue-text { color: #00689c; }

.site-footer .content p { margin-bottom: 10px; }

.site-footer .content .group {
	position: relative;
	margin-bottom: 10px;
	padding-top: 24px;
}

.site-footer .content .group label {
	position: absolute;
	left: 5px;
	top: 32px;
	color: #838486;
	font-size: 9pt;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.site-footer .content .group label.open {
	right: 0;
	top: 5px;
	color: #838486;
	font-size: 8pt;
}

.site-footer .content .group input[type=text], .site-footer .content .group input[type=email] {
	width: 100%;
	line-height: 32px;
	border-bottom: 1px solid #dadbdf;
	color: #00689c;
	background: none;
}

.site-footer .content input[type=submit] {
	background-color: #838486;
	padding: 10px 15px;
	color: #fff;
	cursor: pointer;
	margin-top: 10px;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}


.site-footer .content input[type=submit]:hover {
	background-color: #00689c;
}

.site-footer .content ul li  {
	padding-bottom: 15px;
	padding-left: 25px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	position: relative;
	color: #838486;
}

.site-footer .content ul li:hover {
	color: #00689c;
}

.site-footer .content ul li:before {
	position:absolute;
	content:"";
	top:7px;
	left: 0;
	width: 0; 
	height: 0; 
	border-top: 2px solid transparent;
	border-bottom: 2px solid transparent;
	border-right: 4px solid #c6b290;
}

.site-footer .content ul li:hover a { text-decoration: underline; }

.foot-menulinks { overflow: hidden; }
.foot-menulinks ul li{ width: 50%; float: left; }

.locdetail { padding-bottom: 0; }

.locdetail p { 
	color: #00689c;
	font-weight: 500;
	font-size: 10pt;
}

.locdetail .locphone {
	overflow: hidden;
	margin-bottom: 10px;
}

.locdetail i.flaticon-telephone {
	color: #00689c;
	line-height: 44px;
	width: 32px;
	float: right;
	text-align: center;
	margin-left: 15px;
	height: 44px;
}

.locdetail i.flaticon-telephone:before { font-size: 21px; }

.locdetail span { color:#838486; font-size: 8pt; }

.locdetail span.phone {
	display: block;
	color:#00689c;
	font-weight: 500;
	font-size: 13pt;
	margin-top: 5px;
}

.locdetail .locemail a {
	color: #00689c;
	font-size: 12pt;
	font-weight: 300;
}

#map { height: 170px; width: 100%; background-color: #eee;
border-bottom-left-radius: 40px; }

a[href^="http://maps.google.com/maps"]{display:none !important}
a[href^="https://maps.google.com/maps"]{display:none !important}

.gmnoprint a, .gmnoprint span, .gm-style-cc {
    display:none;
}
.gmnoprint div {
    background:none !important;
}

.copyright {
	padding: 25px 0; 
	direction: ltr;
}

.copyright .ivahid-logo {
	text-align: center;
}

.copyright .ivahid-logo img {
	width: 100px;
	height: auto;
}
.copyright p {
	color: #838486;
	font-size: 7pt;
	font-weight: 400;
	line-height: 18px;
}

/* single */

.singlecont {
	margin-top: 32px;
	background-color: #fff;
	border-radius: 7px;
	box-shadow: 0 1px 3px rgba(110,91,52,0.15);
	margin-bottom: 50px;
	overflow: hidden;
}

.block {
	margin-top: 32px;
	background-color: #fff;
	border-radius: 3px;
	box-shadow: 0 1px 3px rgba(110,91,52,0.15);
	margin-bottom: 10px;
	overflow: hidden;
}

.singlecont .thumb {
	text-align: center;
	padding: 10px 0;
}

.singlearticlecont {
	margin-top: 32px;
	background-color: #fff;
	border-radius: 3px;
	border-top-left-radius: 0;
	border-top-right-radius: 80px;
	box-shadow: 0 1px 3px rgba(110,91,52,0.15);
	margin-bottom:20px;
	overflow: hidden;
}

.complexhead {
	text-align: center;
	height: 144px;
	overflow: hidden;
	position: relative;
	z-index: 2;
	color: #00689c;
}

.complexhead i {
	position: absolute;
	left: 64px;
	line-height: 24px;
	font-size: 24px;
	height: 24px;
	top: 64px;
	color: #00689c;
}

.complexhead i:before {
	line-height: 24px;
	font-size: 24px;
}

.complexhead h1 {
	margin-top: 50px;
	font-size: 21pt;
	font-weight: 500;
}

.singlecover .topfaded {
	background: rgba(255,255,255,0.1);
	background: -webkit-linear-gradient(top, rgba(255,255,255,1) 20%, rgba(0,0,0,0));
	background: -o-linear-gradient(bottom, rgba(255,255,255,1) 20%, rgba(0,0,0,0));
	background: -moz-linear-gradient(bottom, rgba(255,255,255,1) 20%, rgba(0,0,0,0));
	background: linear-gradient(to bottom, rgba(255,255,255,1) 20%, rgba(0,0,0,0));
	height: 190px;
	position: absolute;
	top:0; left:0; right: 0;
	z-index: 2;
}

.singlecover ul {
	top:0; position: absolute;
	left: 0; right: 0;
	z-index: 5;
	text-align: center;
	white-space: nowrap;
	overflow-x: auto;
	padding-top: 5px;
}

.singlecover ul li {
	display: inline-block;
	border:1px solid #dee9ea;
	border-radius: 10px;
	background-color: #fff;
	width: 120px;
	line-height: 85px;
	text-align: center;
	overflow: hidden;
	margin:0 3px;
	padding: 0 15px;
	white-space: normal;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.singlecover ul li img {
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
    filter: grayscale(100%);
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.singlecover ul li:hover img, .singlecover ul li.active img {
	-webkit-filter: grayscale(0%);
	-moz-filter: grayscale(0%);
    filter: grayscale(0%);
}

.singlecover ul li:hover, .singlecover ul li.active {
	box-shadow: 0 2px 9px rgba(30 , 160 , 168 , 0.19);
	border-color: #fff;
}

.singlecover img.singlecoverimg {
	width: 100%;
	height: auto;
}

.singlecover .owl-singlet .owl-item, .singlecover .owl-singlet-en .owl-item  {
	opacity: 0.6;
	cursor: pointer;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.singlecover .owl-singlet .owl-item.current, .singlecover .owl-singlet-en .owl-item.current {
	opacity: 1;
}

.owl-single, .owl-single-en { margin-bottom: 30px;}

.owl-singlet, .owl-singlet-en {
	width: 670px;
	margin: 0 auto;
	max-width: 100%;
	padding:0 40px;
	position: relative;
}

.owl-singlet .item, .owl-singlet-en .item {
	margin:0 10px;
	height: 80px;
	overflow: hidden;
}

.owl-singlet .item img, .owl-singlet-en .item img {
	height: 100%;
	width: auto;
	max-width: initial;
}

.owl-singlet .owl-nav i, .owl-singlet .owl-nav i:before, .owl-singlet-en .owl-nav i, .owl-singlet-en .owl-nav i:before {
	color: #00689c;
	font-size: 32px;
	height: 32px;
	line-height: 30px;
}

.owl-singlet .owl-nav .owl-prev {
	position: absolute;
	top:50%;
	right: 0;
	margin-top: -16px;
}

.owl-singlet-en .owl-nav .owl-prev {
	position: absolute;
	top:50%;
	left: 0;
	margin-top: -16px;
}

.owl-singlet .owl-nav .owl-next {
	position: absolute;
	top:50%;
	left: 0;
	margin-top: -16px;
}

.owl-singlet-en .owl-nav .owl-next {
	position: absolute;
	top:50%;
	right: 0;
	margin-top: -16px;
}

.singlecont .content {
	color: #215157;
	padding:50px;
	font-size: 14px;
	line-height: 2;
	text-align: justify;
}

.singlecont .content p {
	margin-bottom: 50px;
}

.singlecont .content img {
	margin-bottom: 50px;
}

.singlecont .content img:last-child {
	margin-bottom: 0;
}

.singlecont .content h2, .singlecont .content h1 {
	color: #00689c;
	margin-bottom: 10px;
	font-weight: 500;
}


.singlecont .circles-area {
	margin-top: 50px;
	margin-bottom: 50px;
}

.singlecont .circles-area img {
	margin-bottom: 0;
}
.singlecont .rightpicsingle img.single-circleimg {
	float: left;
}

.singlecont .leftpicsingle img.single-circleimg {
	float: right;
}

.singlecont .rightpicsingle .single-circsvg, .singlecont .leftpicsingle .single-circsvg {
	position: absolute;
	top:0;
	z-index: -1;
	height: 320px;
	width: 320px;
}

.singlecont .rightpicsingle .single-circsvg { left:0; }
.singlecont .leftpicsingle .single-circsvg { right:0; }

.singlecont .rightpicsingle, .singlecont .leftpicsingle {
	margin-bottom: 40px;
}

.singlecont .circles-area .col-md-10 {
	position: relative;
	z-index: 2;
}

.singlecont .circles-area .rightpicsingle .content {
	padding:0 40px;
	padding-top: 60px;
	padding-left:70px;
}

.singlecont .circles-area .leftpicsingle .content {
	padding:0 40px;
	padding-top: 60px;
	padding-right: 70px;
}

.singlecont .circles-area .leftpicsingle .single-linesvg {
	position: absolute;
	top: -80px;
	left: 40px;
	z-index: -1;
}

.singlecont .circles-area .leftpicsingle .logo-small {
	position: absolute;
	z-index: 2;
	top: -16px;
	height: 50px;
	width: 50px;
	left: 25px;
	padding: 7px;
	background-color: #fff;
}

.singlecont .circles-area .rightpicsingle .single-linesvg {
	position: absolute;
	top: -80px;
	right: 40px;
	z-index: -1;
}


.singlecont .circles-area .rightpicsingle .logo-small {
	position: absolute;
	z-index: 2;
	top: -16px;
	height: 50px;
	width: 50px;
	right: 25px;
	padding: 7px;
	background-color: #fff;
}

.singlecont .circles-area .top-part {
	margin-bottom: 25px;
	line-height: 77px;
}

.singlecont .circles-area .top-part .more {
	border: 1px solid #dce9ec;
	border-radius: 30px;
	height: 48px;
	display: inline-block;
	float: right;
	margin: 15px 0;
	overflow: hidden;
	max-width: 48px;
	line-height: 46px;
	color: #00689c;
	font-size: 9pt;
	z-index: 5;
	position: relative;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.singlecont .circles-area .top-part .more span { opacity: 0;
-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;}

.singlecont .circles-area .top-part .more:hover span { opacity: 1; }

.singlecont .circles-area .top-part .more:hover {
	background-color: #fff;
	max-width: 200px;
	padding-left: 20px;
}

.singlecont .circles-area .top-part .more i {
	height: 48px;
	line-height: 46px;
	width: 48px;
	float: right;
	text-align: center;
	padding-right: 4px;
}

.singlecont .circles-area .top-part .more i:before {
	font-size: 14px;
}

.svgline-animate {
	animation-duration: 0.7s;
	animation-iteration-count: infinite;
	animation-fill-mode: both;
	animation-timing-function: linear;
	animation-name: linesvg;
}

@keyframes linesvg {
  100% {
     stroke-dashoffset:12;
  }
}

.svgline2-animate {
	animation-duration: 0.7s;
	animation-iteration-count: infinite;
	animation-fill-mode: both;
	animation-timing-function: linear;
	animation-name: line2svg;
}

@keyframes line2svg {
  100% {
     stroke-dashoffset:-12;
  }
}

.contact-us .group {
	position: relative;
	margin-bottom: 20px;
}

.contact-us .group input[type="text"], .contact-us .group input[type="email"], .contact-us .group textarea {
	width: 85%;
	line-height: 36px;
	border: none;
	border-bottom: 1px solid #62d0d7;
	border-left: 1px solid #62d0d7;
	color: #00689c;
	background: none;
	padding-right: 12px;
	font-size: 10pt;
}

.contact-us .group textarea { height: 290px; }

.contact-us .group .linetop {
	position: absolute;
	top:0; height: 1px; background-color: #62d0d7;
	left: 0; width: 12px;
}

.contact-us .group label {
	position: absolute;
	left: 12px;
	top: 5px;
	color: #00689c;
	font-size: 10pt;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.contact-us .group label.open {
	left: 17px;
	top: -12px;
	color: #62d0d7;
	font-size: 8pt;
}

.contact-us button {
	border:none;
	background-color: #ebf0f2;
	border-bottom: 2px solid #dae3e4;
	color: #71989e;
	padding: 0 10px;
	line-height: 42px;
	width: 120px;
	text-align: right;
	border-bottom-left-radius: 20px;
	cursor: pointer;
}

.contact-us button i {
	float: left;
	line-height: 42px;
	height: 42px;
	color: #d2cdbf;
}

.contact-us button i:before {
	font-size: 12px;
}

.loccantactpart img {
	margin-bottom: 30px !important;
}

.loccantactpart img:last-child {
	margin-bottom:0 !important;
	margin-top: 20px !important;
}

.loccantactpart p {
	margin-bottom: 30px !important;
}

.loccantactpart i {
	height: 72px; 
	line-height: 72px;
	color:#00689c;
	display: block;
	margin-bottom: 10px;
}

.loccantactpart i.flaticon-mail:before { font-size: 72px; }

.loccantactpart i.flaticon-phone-call:before { font-size: 48px; }

.loccantactpart span.brown { color:#00689c; display: block; margin-bottom: 10px; }
.loccantactpart span.brownemail { color:#00689c; display: block; margin-bottom: 0; font-weight: 600; line-height: 32px;}
.loccantactpart span.brownphone { color:#00689c; display: block; margin-bottom: 0; font-weight: 500; line-height: 32px; font-size: 15pt; }

.singlearticlecont .thumb {
	position: relative;
	overflow: hidden;
}

.singlearticlecont .thumb img {
	width: 100%;
	height: auto;
}

.singlearticlecont .thumb .wavesiart {
	position: absolute;
	bottom: -1px;
	right: 0; left: 0;
	width: 100%;
	height: 68px;
	background: url(../img/wave-article.svg);
	background-size: cover;
	-webkit-transform: scaleX(-1);
    transform: scaleX(-1);
}

.singlearticlecont .content {
	position: relative;
	padding: 50px;
	color: #214d57;
	font-size: 10pt;
	line-height: 2;
	text-align: justify;
}

.singlearticlecont .content img {
	margin: 30px 0;
}

.singlearticlecont .content img.aligncenter {
	display: block;
	margin: 30px auto;
}

.singlearticlecont .content .title {
	overflow: hidden;
	margin-top: -70px;
	margin-bottom: 30px;
}

.singlearticlecont .content .title .date {
	float: left;
	padding: 0 10px;
	margin-right:30px;
}

.singlearticlecont .content .title .date span {
	display: block;
	text-align: center;
	line-height: 24px;
}

.singlearticlecont .content .title .date span.date-day {
	font-size: 10pt;
}

.singlearticlecont .content .title .date span.date-daynum {
	font-size: 15pt;
}

.singlearticlecont .content .title h1 {
	color: #c02121;
	font-size: 15pt;
	font-weight: 600;
}

.singlearticlecont .content .title .post-categories li {
	font-size: 8pt;
	color: #938772;
	display: inline-block;
}

.singlearticlecont .content .title .post-categories li:after { content: '/'; margin: 0 7px; color: #c7bfb1; } 
.singlearticlecont .content .title .post-categories li:last-child:after { display: none; }

.singlearticlecont .post-bottom {
	overflow: hidden;
	padding-top: 30px;
	margin-bottom: -20px;
}

.singlearticlecont .post-bottom .downloads {
	margin-bottom: 20px;
}

.singlearticlecont .post-bottom .downloads li {
	display: inline-block;
	overflow: hidden;
	margin-right: 40px;
}

.singlearticlecont .post-bottom .downloads li a {
	border-bottom: 1px solid #D8D0C1;
	line-height: 34px;
	height: 34px;
	display: inline-block;
}
.singlearticlecont .post-bottom .downloads li a:hover {
	border-bottom: 1px dotted #D8D0C1;
}

.singlearticlecont .post-bottom .downloads li i {
	float: left;
	line-height: 34px;
	height: 34px;
	margin-right: 20px;
}

.singlearticlecont .post-bottom .downloads li i:before {
	font-size: 32px;
}

.singlearticlecont .post-bottom .tagicon {
	float: left;
	height: 32px;
	margin: 0;
	width: 32px;
	margin-right: 15px;
}

.singlearticlecont .post-bottom .tags {
	float: left;
	overflow: hidden;
}

.singlearticlecont .post-bottom .tags li {
	display: inline-block;
	line-height: 32px;
	color: #8aa6ac;
}

.singlearticlecont .post-bottom .tags li:after { content: '/'; margin: 0 10px; color: #c7bfb1; } 
.singlearticlecont .post-bottom .tags li:last-child:after { display: none; } 

.singlearticlerelated {
	display: table;
	border-collapse: separate;
	border-spacing: 0 3px;
	margin-bottom: 20px;
}
.singlearticlerelated .relitemcont{
	display:table-row;
}
.singlearticlerelated .relitem {
	height: 180px;
	overflow: hidden;
	position: relative;
	z-index: 2;
	box-shadow: 0 1px 3px rgba(110,91,52,0.15);
	display:table-cell;
    vertical-align:middle;
	padding: 0 40px;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.singlearticlerelated .relitem .relbg {
position: absolute; 
  top: 0; 
  left: 0; 
  right: 0; 
  bottom: 0; 
  margin: auto; 
  min-width: 100%;
  min-height: 100%;
  overflow-x: hidden;
	z-index: -2;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.singlearticlerelated .relitem .relbgcolor{
	background-color: rgba(9, 38, 47, 0.7);
	z-index: -1;
	  top: 0; 
  left: 0; 
  right: 0; 
  bottom: 0; 
	position: absolute; -webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.singlearticlerelated .relitem .reldate {
	position: absolute;
	right: 40px;
	top:50%;
	transform: translateY(-50%);
	color: #fff;
}

.singlearticlerelated .relitem .reldate span {
	display: block;
	text-align: center;
	line-height: 24px;
}

.singlearticlerelated .relitem .reldate span.date-day {
	font-size: 10pt;
}

.singlearticlerelated .relitem .reldate span.date-daynum {
	font-size: 15pt;
}

.singlearticlerelated .relitem ul li {
	display: inline-block;
	color:#fff;
	font-size: 8pt;
	padding: 0 2px;
	background-color: rgba(69, 131, 155, 0.6);
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.singlearticlerelated .relitem h3 {
	font-size: 15pt;
	color: #fff;
	text-shadow: 0 2px 3px rgba(19, 66, 74, 0.8);
	padding: 10px 0;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	padding-bottom: 5px;
}

.singlearticlerelated .relitem:hover .relbgcolor {
	background-color: rgba(0,0,0,0.7);
}

.singlearticlerelated .relitem:hover .relbg {
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
    filter: grayscale(100%);
	-moz-transform: scale(1.1);
	-webkit-transform: scale(1.1);
	transform: scale(1.03);
}

.singlearticlerelated .relitem:hover h3 {
	color: #fff;
}

.singlearticlerelated .relitem:hover ul li {
	background-color: #c02121;
} 

.singlearticlerelated .relitem p {
	color: #fff;
	width: 90%;
	opacity: 0;
	max-height: 0;
	-moz-transition: all 0.7s ease;
	-o-transition: all 0.7s ease;
	transition: all 0.7s ease;
}

.singlearticlerelated .relitem:hover p {
	opacity: 1;
	max-height: 50px;
}

.singlearticlecommnts {
	margin-top: 0;
	margin-bottom: 50px;
}

.singlearticlecommnts .cmsendingform {
	position: relative;
	z-index: 2;
}

.singlearticlecommnts .cmsendingform:before {
	position: absolute;
	z-index: -1;
	top:0; left: 0; right: 0;
	height: 80%;
	box-shadow: 0 0 30px #ebf1f2;
	content: '';
}
.comment-form {
	padding: 25px;
	padding-top: 15px;
	background-color: #fff;
}

.comment-form .group {
	position: relative;
	margin-bottom: 20px;
}

.comment-form .group input[type="text"], .comment-form .group input[type="email"], .comment-form .group textarea {
	width: 100%;
	line-height: 36px;
	border: none;
	border-bottom: 1px solid #cae3e6;
	border-left: 1px solid #cae3e6;
	color: #00689c;
	background: none;
	padding-left: 12px;
	font-size: 10pt;
}

.comment-form .group textarea { height: 290px; }
.comment-form .group .linetop {
	position: absolute;
	top:0; height: 1px; background-color: #cae3e6;
	left: 0; width: 12px;
}

.comment-form .group label {
	position: absolute;
	left: 12px;
	top: 8px;
	color: #00689c;
	font-size: 10pt;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.comment-form .group label.open {
	left: 17px;
	top: -12px;
	color: #cae3e6;
	font-size: 8pt;
}

.comment-form input[type=submit] {
	border:none;
	background-color: #ebf1f2;
	border-bottom: 2px solid #dae2e4;
	background-image: url(../img/comment-submit.svg);
	background-repeat: no-repeat;
	background-position: 15px center;
	background-size: 8px 12px;
	color:#71999e;
	padding: 0 10px;
	line-height: 42px;
	width: 130px;
	text-align: right;
	border-bottom-left-radius: 20px;
	cursor: pointer;
}

.comment-form .logged-in-as {
	margin-bottom: 20px;
}

.singlearticlecommnts .postcomments {
	padding: 25px;
	padding-top: 35px;
}

.singlearticlecommnts .commenth3 {
	font-size: 13pt;
	font-weight: 400;
	color:#a4c4cc;
	margin-bottom: 20px;
}

.singlearticlecommnts .comment-reply-title {
	font-size: 10pt;
	padding: 25px;
	padding-bottom: 0;
	font-weight: normal;
	color: #ccbea4;
}

.postcomments .commentlist li {
	border-bottom:1px solid #e5e1d8;
	position: relative;
	color: #57431e;
	margin-bottom: 50px;
}

.postcomments .commentlist li .comment-head { overflow: hidden; padding: 10px 0; }

.postcomments .commentlist li .comment-head .comment-auth {
	color: #fff;
	font-size: 14pt;
	text-align: center;
	font-weight: 600;
	height: 20px;
	width: 20px;
	position: relative;
	line-height: 18px;
	float: left;
	margin-right: 15px;
	margin-left: 3px;
	z-index: 2;
}

.postcomments .commentlist li .comment-head .comment-auth:before {
	content:''; z-index: -1; position: absolute;
	top:0; right: 0; left: 0; bottom: 0;
	background-color: #b8a88b;
	transform: rotate(15deg);
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.postcomments .commentlist li:hover .comment-head .comment-auth:before {
	transform: rotate(90deg);
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.postcomments .commentlist li .comment-head .comment-author{
	font-size: 11pt;
	color:#00689c;
}

.postcomments .commentlist li .comment-content {
	line-height: 28px;
	padding: 10px 0;
	padding-bottom: 30px;
	text-align: justify;
}

.postcomments .commentlist li .comment-bottom {
	overflow:hidden;
	margin-bottom:20px;
}

.postcomments .commentlist li .comment-bottom .reply {
	float:left;
	line-height: 24px;
	border-radius: 3px;
	background-color: #d4cbbc;
	overflow: hidden;
	padding: 0 7px;
	height: 24px;
	color:#fff;
	font-size: 9pt;
	width: 68px;
}

.postcomments .commentlist li .comment-bottom .reply img {
	height: 11px; width: 12px;
	float: right;
	margin-top: 6px;
}

.postcomments .commentlist li .comment-bottom .comment-date {
	float:left;
	line-height: 24px;
	height: 24px;
	background-color: #fff;
	color: #beaf95;
	padding: 0 15px;
	font-size: 9pt;
	padding-right: 40px;
}

.postcomments .commentlist li.odd.depth-1 { color: #5b7e80; border-bottom-color: #dde5e6; }
.postcomments .commentlist li.odd.depth-1 .comment-head .comment-auth:before { background-color: #92b4b6; }
.postcomments .commentlist li.odd.depth-1 .comment-head .comment-author{ color: #7ca5a7; }
.postcomments .commentlist li.odd.depth-1 .comment-bottom .reply { background-color: #99c8cb; }
.postcomments .commentlist li.odd.depth-1 .comment-bottom .comment-date { color:#99afb0; }

.postcomments .commentlist li:last-child { border-bottom: none; }

.postcomments .commentlist li ul li { 
	padding-left: 58px;
	margin-left: 16px;
	border:none;
	margin-bottom: 60px;
	background-image: url(../img/replyback.svg);
	background-repeat: no-repeat;
	background-size: 27px 33px;
	background-position: left 10px;
}

.postcomments .commentlist li ul li .comment-bottom .reply { display: inline-block; float: left;
	 background-color: #fff; color: #beaf95; padding:0; }
.postcomments .commentlist li ul li .comment-bottom .reply img { display: none; }
.postcomments .commentlist li ul li .comment-bottom .comment-date { left:45px; display: inline-block; }

.indexoption {
	border-radius: 0;
	margin-top: 20px;
	margin-bottom: 0;
}

.indexoption .content {
	padding: 20px;
}

.index-container {
	margin-bottom: 40px;
}

.post-index {
	height: 180px;
	position: relative;
	margin-top: 20px;
	background-color: #fff;
	z-index: 3;
	box-shadow: 0 1px 3px rgba(110,91,52,0.15);
	overflow: hidden;
}

.post-index .relbg {
	position: absolute; 
	top: 0; 
	left: 0; 
	right: 0; 
	bottom: 0; 
	margin: auto; 
	min-width: 100%;
	min-height: 100%;
	overflow-x: hidden;
	z-index: -2;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.post-index:hover .relbg {
	transform: scale(1.05);
}

.post-index .relbgcolor{
	background-color: rgba(0,0,0,0.7);
	z-index: -1;
	top: 0; 
	left: 0; 
	right: 0; 
	bottom: 0; 
	opacity: 0;
	position: absolute; 
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.post-index:hover .relbgcolor{
	opacity: 1;
}

.post-index ul { padding: 10px; }

.post-index ul li {
	display: inline-block;
	color:#fff;
	font-size: 8pt;
	padding: 0 2px;
	background-color: #c02121;
}

.post-index .bottom {
	height: 50px;
	position: absolute;
	bottom: 0; right:0; left: 0;
	background-color: #c02121;
	z-index: 3;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	color: #fff;
}

.post-index:hover .bottom {
	background-color: #191919;
}

.post-index .bottom .indexdate {
	float: left;
	height: 50px;
	overflow: hidden;
	background-color: #ae1b1b;
	padding: 0 20px;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.post-index:hover .bottom .indexdate {
	background-color: #000;
}

.post-index .bottom .indexdate .date-other {
	float: right;
	padding: 10px 0;
	height: 50px;
	font-size: 8pt;
	line-height: 15px;
}

.post-index .bottom .indexdate .date-other span {
	height: 15px; display: block;
}

.post-index .bottom .indexdate .date-daynum {
	float: left;
	line-height: 50px;
	font-weight: 500;
	font-size: 21pt;
	margin-right: 7px;
}

.post-index .bottom .seemore {
	float: right;
	line-height: 50px;
	overflow: hidden;
	padding: 0 20px;
}

.post-index .bottom .seemore i {
	float: left;
	display: block;
	height:10px;
	width:10px;
}

.post-index .bottom .seemore i {
	display: block;
	height:10px;
	width:10px;
	float:right;
	font-size: 10px;
	line-height: 50px;
	text-align: center;
	margin-left: 10px;
}


.post-index .bottom .seemore i:before {
	font-size: 10px;
}

.post-index .bottom h2 {
	display: block;
	padding: 0 20px;
	line-height: 50px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.indexoption .opselects {
	overflow: hidden;
	margin-bottom: 10px;
}

.indexoption .opselects .opselect {
	width: 230px;
	float: left;
	margin-right: 25px;
	color:#666;
}

.indexoption .opselects .opselect label {
	font-size: 8pt;
	line-height: 32px;
	display: block;
}

.indexoption .opselects .opselect .selectcont {
	border:1px solid #e0e0e0;
	background-color: #f5f5f5;
	overflow: hidden;
	background-image: url(../img/downiconop.svg);
    background-repeat: repeat;
    background-size: auto auto;
	background-position: right 10px center;
	background-repeat: no-repeat;
	background-size: 7px 6px;
}

.indexoption .opselects .opselect .selectcont select {
	width: 250px;
	background: none;
	border:none;
	color:#666;
	line-height: 30px;
	font-size: 9pt;
	display: block;
	padding: 5px 3px;
	-webkit-appearance: none; 
    -moz-appearance: none;
    appearance: none; 
}

.breadcrumbs {
	color:#c0ae8f;
	font-size: 8pt;
	line-height: 32px;
}
.breadcrumbs a { color:#694f21; }
.breadcrumbs i {
	display: inline-block;
	height: 8px;
	width: 8px;
	text-align: center;
	line-height: 8px;
	margin: 0 12px;
}

.breadcrumbs i:before{
	font-size: 8px;
}

.paging-title {
	font-size: 8pt;
	line-height: 32px;
	display: block;
	color:#694f21;
	text-align: right;
}
.navigation {
	direction: ltr;
}

.navigation .page-numbers {
	display: inline-block;
	width: 25px;
	text-align: center;
	padding: 3px 5px;
	font-weight: 300;
}

.navigation i {
	display: inline-block;
	height: 20px;
	width: 8px;
	text-align: center;
	line-height: 16px;
}

.navigation i:before{
	font-size: 8px;
}

.navigation a:hover {
	color:#c02121;
}

.navigation .current {
	border:1px solid #dfd9ce;
	background-color: #f8f5f0;
}

.indexoption .centerpaging .paging-title, .indexoption .centerpaging .navigation {
	text-align: center;
}

.mailsenderalert { margin-bottom: 10px; }

.noch, .resheader, .resmenu, .resmenuback { display: none; }


/* Responsive */

@media screen and (max-width:1200px){
    .art-item { height: 486px; }
    .contact-section .container .supportman{ height: 192px; width: 192px; left: 375px; }
    .contact-section .container .circ{ left: 296px; top: -165px; }
    .contact-section .container .catalog{ width: 406px; left:0; }
    .contact-section .container .contact-content span.phone2, .contact-section .container .contact-content span.phone1{ font-size: 36px; }
    .contact-section .container .contact-content .resume-contact{ margin-bottom: 0; padding: 10px 0; }
    .contact-section .container .contact-content .resume-contact i{ margin-right: 5px; }
    .contact-section .container .contact-content .resume-contact i:before{ font-size: 24px; line-height: 24px; }
    .contact-section .container .contact-content .resume-contact a{ line-height: 24px; font-size: 9pt; }
    .site-footer .content .group{ padding-top:19px; }
    .site-footer .content .group label{ top:27px; }
    .site-footer .content p{ margin-bottom:0; }
    .site-footer .title .line{ width:92px; }
    .logos-section .svgrow .brand{ display:none; }
    .logos-section .svgrow.singlesvgrow{ margin-bottom: 0; }
    .logos-section .svgrow .btrisvg{ margin-top:10px; }
    .logos-section .svgrow{ text-align:center; height:auto; display:block; margin-bottom: 0;}
    .logos-section .svgrow.singlesvgrow .btrisvg.sized{margin-right:10px;}
    .logos-section .svgrow.singlesvgrow .firstitem{ margin-right:0; }
    .logos-section .svgrow.singlesvgrow{height: auto;}
    .singlecont .contact-us { margin-left: 20px; }
    .singlecont .circles-area { margin: 20px 0; }
    .singlecont .rightpicsingle .single-circsvg, .singlecont .leftpicsingle .single-circsvg { height: 240px; width: 240px; }
    .singlecont .rightpicsingle img.single-circleimg { height: 240px; width: 240px; float: right; margin-top: 10px; }
    .singlecont .rightpicsingle .single-circsvg { right: 0; left: initial; margin-top: 10px; }
    .singlecont .circles-area .rightpicsingle .content { padding-right: 0; padding-top: 20px; }
    .singlecont .leftpicsingle img.single-circleimg { height: 240px; width: 240px; float: left; margin-top: 10px; }
    .singlecont .leftpicsingle .single-circsvg { left: 0; right: initial; margin-top: 10px; }
    .singlecont .circles-area .leftpicsingle .content { padding-left: 0;  padding-top: 20px; }
    .singlecont .circles-area .single-linesvg, .singlecont .circles-area .logo-small { display: none; }
}
@media screen and (max-width:993px){
    .topslider{margin-top: 54px;}
    .site-header{ display:none; }
    .resheader{
        box-shadow: 0 1px 3px rgba(110,91,52,0.15);
        display: block;
        background-color: #fff;
        height: 54px;
        position: fixed;
        top:0; left: 0; right: 0;
        z-index: 400;
    }
    .resheader .reslogo{
        position: absolute;
        top:0; left: 0; bottom: 0; right: 0;
        margin: auto; vertical-align: middle;
        height: 44px; width: 39px;
        background-image: url(../img/logo.svg);
        background-size: cover;
    }
    .resheader .resicon{
        float: left;
        background-image: url(../img/resmenicon.svg);
        background-size: 100% 100%;
        height: 16px;
        width: 24px;
        margin-left: 10px;
        margin-top: 19px;
        cursor: pointer
    }
    .resmenuback { 
        position: fixed;
        top:0; left: 0; bottom: 0; right: 0;
        background-color: rgba(0,0,0,0.5);
        z-index: 500;
        display: block;
        opacity: 0;
        visibility: hidden;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease;
    }
    .resmenuback.show {
        opacity: 1;
        visibility: visible;
    }
    .resmenu{
        display: block;
        position: fixed;
        z-index: 520;
        width: 280px;
        overflow-y: auto;
        top:0; bottom: 0; left:-300px;
        visibility: hidden;
        box-shadow: 0 0 5px rgba(110,91,52,0.15);
        background-color: #fff;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease;
    }
    .resmenu.show {
        left: 0;
        visibility: visible;
    }
    .resmenu .reshedlogo{
        display: block;
        margin: 20px auto;
        width: 128px;
        margin-bottom: 30px;
    }
    .resmenu #ressearch-form{
        border-radius: 40px;
        background-color: #eee;
        height: 40px;
        margin: 0 20px;
        overflow: hidden;
        position: relative;
        margin-bottom: 20px;
    }
    .resmenu #ressearch-input{
        width: 100%;
        border: none;
        background-color: #eee;
        height: 40px;
        line-height: 40px;
        font-size: 9pt;
        padding: 0 10px;
    }
    .resmenu #ressearch-submit{
        position: absolute;
        top:0; bottom: 0; right: 0; width: 40px;
        border:none;
        background-color: #eee;
        cursor: pointer;
    }
    .resmenu #ressearch-submit i{
        line-height: 40px;
    }
    .resmenu #ressearch-submit i:before{
        font-size: 16px;
        color: #ccc;
    }
    .resmenu ul li{
        line-height: 44px;
        padding: 0 15px;
        border-bottom: 1px solid #eee;
        color: #00689c;
      position: relative;
    }
    .resmenu li ul{
      display: none;
    }
    .resmenu .menu-item-has-children:before{
      content: '\f10f';
      font-family: Flaticon;
      position: absolute;
      left: 30px;
      transform: rotate(-90deg);
      color: #67686e;
      line-height: 0;
      font-size: 12px;
      top: 24px;
      transition: .3s ease;
      cursor: pointer;
    }
    .resmenu .menu-item-has-children.active:before{
      transform: rotate(-270deg);
    }
    .container{ width: auto; padding: 0 10px; }
    .gallrey-section .item, .gallrey-section .item.w2, .gallrey-section-en .item, .gallrey-section-en .item.w2 { width: 24.9%; }
    .gallrey-section .item.h2, .gallrey-section-en .item.h2 { height: 168px; }
    .logos-section { text-align: center; }
    .logos-section .svgrow { display: inline; }
    .logos-section .svgrow .btrisvg.sized, .logos-section .svgrow .utrisvg.sized { margin-right: -27px; margin-left: -27px; }
    .logos-section .svgrow.singlesvgrow .btrisvg.sized { margin-right: 10px; margin-left:0; }
    .topslider .owl-dots:before, .topslider .owl-dots:after { display: none; }
    .topslider .owl-dots { bottom: -1px; height: 20px; padding: 0 10px; border-top-left-radius: 10px; border-top-right-radius: 10px;}
    .topslider .owl-dots .owl-dot span { margin: 9px 5px; width: 13px; }
    .lang-selector { margin: 20px; border-radius: 3px; background-position: right 10px center;
        box-shadow: 0 1px 3px rgba(0,0,0,0.15); width: auto; float:none; }
    .lang-selector select { line-height: 32px; height: 32px; width: 100%; }
    .singlecont { margin: 10px; margin-top:70px; margin-bottom: 30px; padding: 0;  }
    .singlecont .content { font-size: 10pt; padding: 10px; }
    .singlecont .content h2, .singlecont .content h1 { margin-bottom: 0; }
    .index-container { margin-top: 50px; margin-bottom: 30px; }
    .singlearticlecont { margin: 0 10px; margin-bottom: 10px; margin-top: 70px; padding: 0; }
    .singlearticlecont .content{padding: 30px;}
    .singlearticlecont .post-bottom { margin-bottom: 0;}
    .singlearticlecommnts { padding: 0; margin-left:10px; margin-right: 10px;  }
    .avahead { height: auto; }
    .avahead h1 { font-size: 19pt; margin-top: 20px; }
    .avahead span { font-size: 9pt; }
    .complexhead h1 { font-size: 19pt; }
    .singlecover { margin-bottom: 20px; }
}
@media screen and (max-width:930px){
    .contact-section .container .contact-content .socials a {
      display: block;
    }
    .contact-section .container .contact-content .socials a i ,
    .contact-section .container .contact-content .socials a img { display: block;margin: 0 auto; }
    .contact-section .container .catalog { width: 306px; }
    .contact-section .container .supportman { left: 275px; }
    .contact-section .container .circ { left: 196px; }
    .contact-section .container .contact-content { margin-left: 57%; text-align: center; }
    .contact-section .container .contact-content .socials { margin-right: 0; }
    .contact-section .container .contact-content span.phone2, .contact-section .container .contact-content span.phone1{font-size:26px;}
    .site-footer .title .line { width: 70px; right: 10px; }
    .comment-form .logged-in-as { margin-bottom: 15px; }
    .comment-form { padding: 10px; }
    .singlearticlecommnts .comment-reply-title { padding: 10px;}
    .singlearticlecommnts .postcomments { padding: 15px; }
    .singlearticlecommnts .commenth3 { margin-bottom: 10px; }
    .postcomments .commentlist li .comment-head .comment-author { font-size: 10pt; }
    .postcomments .commentlist li .comment-content { padding-bottom: 20px; font-size: 9pt; }
    .postcomments .commentlist li ul li { padding-left: 40px; margin: 0; margin-bottom: 30px; }
    .singlecover .topfaded { display: none; }
    .singlecover ul { position: initial; padding: 10px; }
    .singlecover ul li { width: 100px; line-height: 65px; }
}
@media screen and (max-width:768px){
    .arts-cont .row { display: block; }
    .arts-cont .row .col-md-4 { display: block; float:left; width: 33.3%; overflow: hidden; }
    .container, .container-fluid { padding: 0 10px; width: auto; }
    .container-fluid { padding: 0; clear: both; }
    .arts-cont { overflow: hidden; padding: 0; }
    .art-item { margin: 0 2px; }
    .arts-cont { margin-bottom: 20px; }
    .contact-section .container .catalog { display: none; }
    .parallax-part .par-wave.pw-down, .parallax-part .par-wave.pw-top { display: none; }
    .contact-section .container .supportman { left:50%; margin-left: -96px;}
    .contact-section .container .circ { left:50%; margin-left: -175px;}
    .contact-section .container .contact-content { margin-left: 0; padding-top: 140px; }
    .contact-section .container .contact-content .row { display: block; overflow: hidden; text-align: center; }
    .contact-section .container .contact-content .row .col-md-8 { display: inline-block; width: 30%; }
    .contact-section { margin-bottom: 20px; }
    .contact-section .container .contact-content .resume-contact .row { display:block; text-align:center; overflow:hidden; }
    .contact-section .container .contact-content .resume-contact .row .col-md-12{ overflow: hidden; display: inline-block; width: 45%;text-align: center; }
    .contact-section .container .contact-content .resume-contact a { float: none;}
    .logos-section { margin-bottom: 20px; }
    .site-footer .container { padding: 0; }
    .site-footer .content { padding: 20px; }
    .site-footer .title { margin-bottom: 0; padding: 0 20px; }
    #map { border-radius: 0; }
    .locdetail {text-align: center;}
    .locdetail i.flaticon-telephone { line-height: 32px; height: 32px; float: none; }
    .copyright { padding: 10px 0; }
    .copyrights { text-align: center; }
    .singlecont .content { font-size: 9pt; }
    .singlecont .content h1 { font-size: 13pt; }
    .singlecont .content p { margin-bottom: 30px; }
    .loccantactpart .row { display: block; overflow: hidden; }
    .loccantactpart .row .col-md-12 { float: right; display: block; width: 50%;}
    .singlecont .contact-us { margin: 0; margin-top: 20px; }
    .contact-us .group input[type="text"], .contact-us .group input[type="email"], .contact-us .group textarea { width: 100%; }
    .post-index { height: 150px; }
    .post-index ul { padding: 5px; }
    .post-index .bottom .indexdate { padding: 0 5px; }
    .post-index .bottom .indexdate .date-daynum { line-height: 30px; margin-left: 5px; font-size: 15pt; }
    .post-index .bottom { height: 30px; }
    .post-index .bottom .indexdate .date-other { font-size: 6pt; padding: 0; }
    .post-index .bottom h2 { padding: 0 10px; line-height: 30px; font-size: 10pt; }
    .post-index .bottom .seemore { padding: 0 10px; line-height: 30px; }
    .post-index .bottom .seemore i { line-height: 30px; }
    .indexoption .content { padding: 10px; }
    .singlearticlecont .thumb .wavesiart { display: none; }
    .singlearticlecont .content .title { margin-top: 0; margin-bottom: 10px; }
    .singlearticlecont .content .title h1{ font-size: 12pt; font-weight: 400; }
    .singlearticlecont .content .title .date { margin-left: 10px; padding-right: 0;  }
    .singlearticlecont .content .title .date span { line-height: 20px; }
    .singlearticlecont .content .title .date span.date-day { font-size: 8pt; }
    .singlearticlecont .content .title .date span.date-daynum { font-size: 10pt; }
    .singlearticlecont .content .title .date span.date-mounth { font-size: 8pt; }
    .singlearticlecont .post-bottom .downloads { margin-bottom: 10px; }
    .singlearticlecont .post-bottom .downloads li { margin-right: 20px; }
    .singlearticlecont .post-bottom .downloads li i { margin-right: 10px; line-height: 24px; height: 24px; }
    .singlearticlecont .post-bottom .downloads li i:before { font-size: 24px; }
    .singlearticlecont .post-bottom .downloads li a { line-height: 24px; height: 24px; font-size: 9pt; }
    .singlearticlecont .post-bottom .tags li:after { margin: 0 5px; }
    .singlearticlecont .post-bottom .tags li a { font-size: 9pt; }
    .singlearticlecont { padding: 0; }
    .singlearticlecont .content { padding: 10px; font-size: 9pt; }
    .singlearticlecont .content .title .post-categories li:after { margin: 0 5px; }
    .singlearticlerelated .relitem h3 { font-size: 12pt; padding: 5px 0;  }
    .singlearticlerelated .relitem .reldate span.date-day { font-size: 9pt; }
    .singlearticlerelated .relitem .reldate span.date-daynum, .singlearticlerelated .relitem .reldate span { font-size: 10pt; }
    .singlearticlerelated .relitem .reldate { right: 20px; }
    .singlearticlerelated .relitem { padding: 0 20px; height: 150px; }
    .singlearticlerelated .relitem p { font-size: 9pt; }
    .singlearticlecommnts { margin-bottom: 30px; padding: 0; margin-left:10px; margin-right: 10px; }
    .singlearticlerelated .relitem p {  overflow: hidden; }
    .singlearticlerelated .relitem:hover p { max-height: 20px; }
    .singlecont .circles-area .leftpicsingle .content { padding: 10px 0 ;} 
    .singlecont .circles-area .rightpicsingle .content { padding: 10px 0 ;} 
    .singlecont .rightpicsingle, .singlecont .leftpicsingle { display: block; }
    .singlecont .rightpicsingle .col-md-14, .singlecont .leftpicsingle .col-md-14, .singlecont .rightpicsingle .col-md-10, .singlecont .leftpicsingle .col-md-10 { display: block; width: auto; overflow: hidden; clear: both; }
    .singlecont .rightpicsingle .single-circsvg { right: 50%; margin-right: -120px; }
    .singlecont .rightpicsingle img.single-circleimg { float: none; display: block; margin:0 auto; margin-top: 10px;}
    .singlecont .leftpicsingle .single-circsvg { left: 50%; margin-left: -120px; }
    .singlecont .leftpicsingle img.single-circleimg { float: none; display: block; margin:0 auto; margin-top: 10px;}
    .singlecont .circles-area .top-part img { height: auto; max-width: 130px;}
    .singlecont .circles-area .top-part { margin-top: 10px; }
    .owl-singlet .item img { height: auto; width: 100%; }
    .owl-singlet .item { height: auto;  margin: 0 5px; }
    .singlecont { padding: 0;  }
    .complexhead { height:120px; }
    .complexhead h1 { margin-top: 35px; font-size: 17pt; }
    .complexhead i { left: 20px; top: 45px; }
}
@media screen and (max-width:640px){
    .gallrey-section .item, .gallrey-section .item.w2, .gallrey-section-en .item, .gallrey-section-en .item.w2 { width: 33.2%; }
    .owl-lastnews .item { padding-left: 20px; }
	.owl-lastnews-en .item { padding-right: 20px; }
    .news-slider .bracket { display: none; }
    .news-slider .bellbig { margin-left: 10px; }
    .news-slider .bellbig i:before { font-size: 36px;}
    .topslider, .news-slider { margin-bottom: 20px; }
    .singlearticlerelated .relitem { height: 120px; }
}
@media screen and (max-width:540px){
    .gallrey-section .item, .gallrey-section .item.w2, .gallrey-section-en .item, .gallrey-section-en .item.w2 { width: 49.9%; }
    .indexoption .opselects .opselect { width: 100%; }
    .indexoption .opselects .opselect .selectcont select { width: 100%; }
    .singlearticlecont .content .title h1 { font-size: 11pt; }
    .singlearticlerelated .relitem { height: 100px; }
}
@media screen and (max-width:480px){
    .art-item { height: 446px; }
    .singlecont .content p { margin-bottom: 20px; }
    .contact-us .group input[type="text"], .contact-us .group input[type="email"], .contact-us .group textarea { font-size: 9pt; }
    .contact-us .group label { font-size: 9pt; }
    .post-index { height: 100px; margin-top: 10px; }
    .indexoption { margin-top: 10px; }
    .index-container { margin-top: 60px; }
    .singlearticlerelated .relitem h3 { font-size: 10pt; font-weight: 400; height: 24px; overflow: hidden; }
    .singlearticlerelated .relitem .reldate { display: none; }
}
@media screen and (max-width:430px){
    .news-slider .bellbig, .news-slider .faded { display: none; }
    .owl-lastnews .item { padding-left: 0;}
	.owl-lastnews-en .item { padding-right: 0;}
    .arts-cont .row .col-md-4 { width: 50%; }
    .art-item { height: 446px; }
    .singlecont .content { font-size: 8pt; padding: 10px 5px; }
    .loccantactpart span.brownphone { font-size: 12pt; }
    .post-index .bottom .seemore, .post-index ul, .post-index .bottom .indexdate  { display: none; }
    .post-index .bottom h2 { font-size: 9pt; font-weight: 400; }
    .singlearticlecont {border-top-left-radius: 30px;}
    .singlearticlecont .content .title h1 { font-size: 10pt; }
    .singlearticlecont .content, .singlearticlecont .post-bottom .downloads li a, .singlearticlecont .post-bottom .tags li a { font-size: 8pt; }
    .singlearticlerelated .relitem { padding: 0 10px; }
    .postcomments .commentlist li .comment-content { font-size: 8pt; line-height: 22px; }
    .owl-singlet .owl-nav i, .owl-singlet .owl-nav i:before, .owl-singlet-en .owl-nav i, .owl-singlet-en .owl-nav i:before { font-size: 18px; }
    .owl-singlet, .owl-singlet-en { padding: 0 25px; }
    .lightshare { display: none; }
    .complexhead h1 { font-size: 13pt; }
}