/*  MICROTHEMER STYLES  */

/*= Animations ================ */

@-webkit-keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg);
  }

  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg);
  }

  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg);
  }

  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg);
  }

  to {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
}

@keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg);
  }

  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg);
  }

  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg);
  }

  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg);
  }

  to {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
}

@-webkit-keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@-webkit-keyframes tada {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  10%, 20% {
    -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
  }

  30%, 50%, 70%, 90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }

  40%, 60%, 80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes tada {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  10%, 20% {
    -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
  }

  30%, 50%, 70%, 90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }

  40%, 60%, 80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@-webkit-keyframes bounce {
  from, 20%, 53%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
  }

  40%, 43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }

  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
  }

  90% {
    -webkit-transform: translate3d(0,-4px,0);
    transform: translate3d(0,-4px,0);
  }
}

@keyframes bounce {
  from, 20%, 53%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
  }

  40%, 43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }

  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
  }

  90% {
    -webkit-transform: translate3d(0,-4px,0);
    transform: translate3d(0,-4px,0);
  }
}

@-webkit-keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

/*= Full Code Editor CSS ====== */

/* OLD FORMS */


.wpcf7 .label2 {
	color: #fff;
	margin-bottom: 7px;
	font-weight: bold;
}
.wpcf7 .w100 {
	width:100%;
}
.wpcf7 .ww100 select, .ww100 input {
	width: 100%;
}
.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 input[type="url"],
.wpcf7 input[type="password"],
.wpcf7 input[type="tel"],
.wpcf7 input[type="search"],
/*input[type="button"],*/ 
.wpcf7 input[type="reset"],
/* button, */
.wpcf7 select,
.wpcf7 textarea {
	min-width: 205px;
	background: #fff;
	border: 0;
	font-size: 16px;
	padding: 7px 10px;
	color: #76787C !important;
	text-align: center !important;
	font-style:italic !important;
	font-weight: bold !important;
	cursor: pointer;
}

.wpcf7 select {
	background: #E6E7E8;
}

.wpcf7 input[type="submit"] {

}

.wpcf7 textarea {
	width: 100%;
	text-align: left !important;
	cursor: default;
}

/*= General =================== */

/** General >> Oxy sticky header active logo sticky **/
.oxy-sticky-header-active #logo-mini {
	display: -webkit-box !important;
	display: -moz-box !important;
	display: -ms-flexbox !important;
	display: -webkit-flex !important;
	display: flex !important;
}

/** General >> .oxy-sticky-header-active #logo-stocky:hover **/
.oxy-sticky-header-active #logo-mini:hover {
	-webkit-animation-name: swing !important;
	animation-name: swing !important;
	-webkit-animation-duration: 0.5s !important;
	animation-duration: 0.5s !important;
	-webkit-animation-timing-function: ease !important;
	animation-timing-function: ease !important;
}

/** General >> .bt_sk **/
.bt_sk, 
.bt_sk a {
	color: #fff !important;
	border-radius: 7px !important;
	display: inline-block !important;
}

/** General >> .bt_sk:hover **/
.bt_sk:hover, 
.bt_sk a:hover {
	box-shadow: 0 3px 5px -3px rgb(20, 151, 211) !important;
}

/** General >> .col2 **/
.col2 {
	display: grid !important;
	grid-column-gap: 30px !important;
	column-gap: 30px !important;
	grid-row-gap: 20px !important;
	row-gap: 20px !important;
	grid-template-columns: 1fr 1fr !important;
}

/** General >> .border-gray **/
.border-gray {
	padding: 10px !important;
	border: 2px solid rgb(239, 241, 248) !important;
	border-radius: 10px !important;
}

/** General >> .col2 .for_inside **/
.col2 .for_inside {
	-webkit-justify-content: space-around !important;
	justify-content: space-around !important;
}


/*= Header ==================== */

/** Header >> H1 Wrap **/
.h1_wrap {
	background-position: 50% 50% !important;
	min-height: 400px !important;
	padding: 0 20px 0 20px !important;
	display: -webkit-box !important;
	display: -moz-box !important;
	display: -ms-flexbox !important;
	display: -webkit-flex !important;
	display: flex !important;
	-webkit-flex-direction: column !important;
	-moz-flex-direction: column !important;
	-ms-flex-direction: column !important;
	flex-direction: column !important;
	-webkit-justify-content: flex-end !important;
	justify-content: flex-end !important;
	-webkit-align-items: center !important;
	align-items: center !important;
	position: relative !important;
}
.h1_vh {
	height: calc(100vh - 185px) !important;
}

/** Header >> T BC code **/
#cb_title {
	color: rgb(255, 255, 255) !important;
	-webkit-justify-content: center !important;
	justify-content: center !important;
	-webkit-align-items: center !important;
	align-items: center !important;
	-webkit-align-content: center !important;
	align-content: center !important;
}

/** Header >> Cb heading 1 **/
#cb_title h1 {
	text-transform: uppercase !important;
}

/** Header >> Breadcrumbs **/
#breadcrumbs {
	color: rgb(187, 187, 187) !important;
	width: 100% !important;
	display: -webkit-box !important;
	display: -moz-box !important;
	display: -ms-flexbox !important;
	display: -webkit-flex !important;
	display: flex !important;
	-webkit-justify-content: center !important;
	justify-content: center !important;
	-webkit-align-items: center !important;
	align-items: center !important;
	-webkit-align-content: center !important;
	align-content: center !important;
}

/** Header >> Breadcrumbs link **/
#breadcrumbs a {
	color: rgb(255, 255, 255) !important;
}

/** Header >> Breadcrumbs divider **/
.bc_div {
	color: rgb(255, 255, 255) !important;
}

/** Header >> H1 heading 1 **/
.h1_wrap h1 {
	font-size: 48px !important;
}

/** Header >> .bt_small .bt_small_slide_icon **/
.bt_small:hover .bt_small_slide_icon {
	-webkit-animation-name: fadeInLeft !important;
	animation-name: fadeInLeft !important;
	-webkit-animation-duration: 0.5s !important;
	animation-duration: 0.5s !important;
}

/** Header >> #link-start .ct-fancy-icon **/
#link-start .ct-fancy-icon {
	-webkit-animation-name: tada !important;
	animation-name: tada !important;
	-webkit-animation-duration: 1s !important;
	animation-duration: 1s !important;
	-webkit-animation-timing-function: ease-in !important;
	animation-timing-function: ease-in !important;
	-webkit-animation-iteration-count: 999 !important;
	animation-iteration-count: 999 !important;
}

/** Header >> .hd_h_wrap **/
.hd_h_wrap {
	text-align: center !important;
	padding: 10px !important;
	position: absolute !important;
	bottom: 70px !important;
	left: 0 !important;
	right: 0 !important;
	z-index: 4 !important;
}

/** Header >> .h1_wrap .oxy-video-overlay **/
.h1_wrap .oxy-video-overlay {
	background-color: rgba(0, 0, 0, 0.15) !important;
}

/** Header >> .pagetitle **/
.pagetitle {
	font-size: 48px !important;
	font-weight: bold !important;
	text-transform: uppercase !important;
}

/** Header >> h1 **/
h1 {
	line-height: 1.2 !important;
}

/** Header >> #logo-mini **/
#logo-mini:hover {
	-webkit-animation-name: bounce !important;
	animation-name: bounce !important;
	-webkit-animation-duration: 0.5s !important;
	animation-duration: 0.5s !important;
}


/*= Main Menu ================= */

/** Main Menu >> #hd_row_mm .oxy-header-container **/
.hd_row_mm .oxy-header-container {
	padding: 0 !important;
}


/*= Catalog =================== */

/** Catalog >> Catalog category image **/
.catalog-category .catalog-category-image {
	background-position: center center !important;
	background-size: cover !important;
	padding-bottom: 57.18% !important;
}

/** Catalog >> Catalog category **/
.catalog-category {
	width: 50% !important;
	padding: 20px !important;
	display: -webkit-box !important;
	display: -moz-box !important;
	display: -ms-flexbox !important;
	display: -webkit-flex !important;
	display: flex !important;
	-webkit-flex-direction: column !important;
	-moz-flex-direction: column !important;
	-ms-flex-direction: column !important;
	flex-direction: column !important;
	position: relative !important;
}

/** Catalog >> Code catalog **/
#code_cat_list {
	width: 100% !important;
	display: -webkit-box !important;
	display: -moz-box !important;
	display: -ms-flexbox !important;
	display: -webkit-flex !important;
	display: flex !important;
	-webkit-flex-flow: row wrap !important;
	-moz-flex-flow: row wrap !important;
	-ms-flex-flow: row wrap !important;
	flex-flow: row wrap !important;
}

/** Catalog >> Catalog category title **/
.catalog-category-title {
	color: rgb(255, 255, 255) !important;
	font-size: 24px !important;
	background-color: rgba(20, 151, 211, 0.9) !important;
	padding: 5px 10px !important;
	margin-right: 17px !important;
	border: 3px solid rgb(255, 255, 255) !important;
	position: absolute !important;
	bottom: 0 !important;
	left: 0 !important;
}

/** Catalog >> Subcat list **/
.subcat_list {
	display: -webkit-box !important;
	display: -moz-box !important;
	display: -ms-flexbox !important;
	display: -webkit-flex !important;
	display: flex !important;
}

/** Catalog >> Mainimg image **/
.mainimg img {
	max-width: 100% !important;
}

/** Catalog >> Cb video **/
.cb_video_info .video_info_item {
	line-height: 1.2 !important;
}
.cb_video_info img {
	/* MT [ sub: 1 ] */
	max-width: 100% !important;
	margin-bottom: 5px !important;
	width: 100% !important;
}

/** Catalog >> Video info wrap **/
.video_info_wrap {
	display: grid !important;
	grid-column-gap: 30px !important;
	column-gap: 30px !important;
	grid-row-gap: 30px !important;
	row-gap: 30px !important;
	grid-template-columns: 1fr 1fr 1fr !important;
}

/** Catalog >> Video listing **/
.cb_video_info {
	margin: 0 -15px !important;
	display: -webkit-box !important;
	display: -moz-box !important;
	display: -ms-flexbox !important;
	display: -webkit-flex !important;
	display: flex !important;
	-webkit-flex-wrap: wrap !important;
	-moz-flex-wrap: wrap !important;
	-ms-flex-wrap: wrap !important;
	flex-wrap: wrap !important;
}

/** Catalog >> Mt 6132 attachments **/
.catalog-files .attachments {
	/*margin-right: -10px;*/
	display: -webkit-box !important;
	display: -moz-box !important;
	display: -ms-flexbox !important;
	display: -webkit-flex !important;
	display: flex !important;
	-webkit-flex-wrap: wrap !important;
	-moz-flex-wrap: wrap !important;
	-ms-flex-wrap: wrap !important;
	flex-wrap: wrap !important;
}

/** Catalog >> .catalog-files .attachment-icon img **/
.catalog-files .attachment-icon {
	width: 32px !important;
	height: 32px !important;
	margin-right: 2px !important;
}

/** Catalog >> .catalog-files  .attachment-file **/
.catalog-files  .attachment-file {
	padding: 5px 6px 5px 2px !important;
	margin-right: 10px !important;
}
.catalog-files  .attachment-file:last-child {
	margin-right: 0 !important;
}

/** Catalog >> .video_info_title **/
.video_info_title {
	font-size: 20px !important;
	margin: 0 !important;
}


/*= Projects view ============= */

/** Projects view >> .main_images img **/
.main_images img {
	display: block !important;
}

/** Projects view >> .project-label **/
.project-label {
	font-weight: bold !important;
}

/** Projects view >> Works done wrap **/
#code_works_done_wrap {
	width: 100% !important;
}

/** Projects view >> Wroks done div **/
.code_works_done {
	padding: 20px !important;
	display: -webkit-box !important;
	display: -moz-box !important;
	display: -ms-flexbox !important;
	display: -webkit-flex !important;
	display: flex !important;
	-webkit-flex-wrap: wrap !important;
	-moz-flex-wrap: wrap !important;
	-ms-flex-wrap: wrap !important;
	flex-wrap: wrap !important;
	-webkit-justify-content: center !important;
	justify-content: center !important;
}

/** Projects view >> .code_works_done .fitem **/
.code_works_done .fitem {
	width: 25% !important;
	padding: 5px !important;
	display: -webkit-box !important;
	display: -moz-box !important;
	display: -ms-flexbox !important;
	display: -webkit-flex !important;
	display: flex !important;
	-webkit-flex-direction: column !important;
	-moz-flex-direction: column !important;
	-ms-flex-direction: column !important;
	flex-direction: column !important;
}
.code_works_done .fitem img {
	/* MT [ sub: 1 ] */
	width: 100% !important;
}

/** Projects view >> .imglist_wrap **/
.imglist_wrap {
	width: 100% !important;
	margin-top: 20px !important;
	margin-bottom: 15px !important;
	display: -webkit-box !important;
	display: -moz-box !important;
	display: -ms-flexbox !important;
	display: -webkit-flex !important;
	display: flex !important;
}

/** Projects view >> .imglist_item **/
.imglist_item {
	font-size: 12px !important;
	font-weight: bold !important;
	text-align: center !important;
	text-transform: uppercase !important;
}

/** Projects view >> .articlelist **/
.articlelist {
	color: rgb(187, 104, 104) !important;
	list-style-type: none !important;
	padding: 0 !important;
	margin: 0 0 0 20px !important;
}
.articlelist li:before {
	/* MT [ sub: 1 ] */
	content: '–' !important;
	position: absolute !important;
	margin-left: -19px !important;
}

/** Projects view >> .icon_text_wrap **/
.icon_text_wrap {
	line-height: 1.3 !important;
	text-align: center !important;
	padding: 0 10px !important;
	margin-bottom: 10px !important;
	display: -webkit-box !important;
	display: -moz-box !important;
	display: -ms-flexbox !important;
	display: -webkit-flex !important;
	display: flex !important;
	-webkit-flex-direction: column !important;
	-moz-flex-direction: column !important;
	-ms-flex-direction: column !important;
	flex-direction: column !important;
	-webkit-justify-content: flex-start !important;
	justify-content: flex-start !important;
	-webkit-align-items: center !important;
	align-items: center !important;
}
.icon_vert_list.for_inside {
	margin-bottom: 0 !important;
}
.icon_text_wrap .title {
	margin-top: 7px !important;
	text-transform: uppercase !important;
	font-size: 14px !important;
}
.border-gray .project-label {
	margin-bottom: 12px !important;
	display: block !important;
	text-align: center !important;
	width: 100% !important;
	text-transform: uppercase !important;
}

/** Projects view >> .for_inside **/
.for_inside {
	display: -webkit-box !important;
	display: -moz-box !important;
	display: -ms-flexbox !important;
	display: -webkit-flex !important;
	display: flex !important;
	-webkit-flex-wrap: wrap !important;
	-moz-flex-wrap: wrap !important;
	-ms-flex-wrap: wrap !important;
	flex-wrap: wrap !important;
}

/** Projects view >> .proj_price_comment **/
.proj_price_comment {
	color: rgb(136, 136, 136) !important;
	font-size: 14px !important;
	margin-bottom: 15px !important;
}
.proj_price_comment span {
	color: rgb(201, 32, 32) !important;
}


/*= Pagination and filter ===== */

/** Pagination and filter >> .facetwp-facet **/
.facetwp-facet {
	margin-bottom: 0 !important;
	display: -webkit-box !important;
	display: -moz-box !important;
	display: -ms-flexbox !important;
	display: -webkit-flex !important;
	display: flex !important;
	-webkit-flex-wrap: wrap !important;
	-moz-flex-wrap: wrap !important;
	-ms-flex-wrap: wrap !important;
	flex-wrap: wrap !important;
}

/** Pagination and filter >> Facetwp facet facetwp checkbox **/
.facetwp-facet .facetwp-checkbox {
	background-color: #eff1f8 !important;
	background-position: 7px 7px !important;
	padding: 2px 5px 2px 27px !important;
	margin-left: 10px !important;
	border-radius: 3px !important;
}
.facetwp-counter {
	/* MT [ sub: 1 ] */
	display: none !important;
}

/** Pagination and filter >> Page numbers **/
.page-numbers, 
.facetwp-page {
	font-size: 20px !important;
	text-decoration: none !important;
	box-shadow: 0 2px 10px 0 rgb(221, 221, 221) !important;
	width: 50px !important;
	height: 50px !important;
	border-radius: 50% !important;
	display: -webkit-inline-flexbox !important;
	display: -moz-inline-flexbox !important;
	display: -ms-inline-flexbox !important;
	display: inline-flex !important;
	-webkit-justify-content: center !important;
	justify-content: center !important;
	-webkit-align-items: center !important;
	align-items: center !important;
}
.page-numbers.next, 
.page-numbers.prev {
	/* MT [ sub: 1 ] */
	width: auto !important;
	box-shadow: none !important;
	padding: 0 10px !important;
}

/** Pagination and filter >> PG current **/
.oxy-easy-posts-pages .current, 
.facetwp-page.active {
	color: #fff !important;
	background: rgb(201, 32, 32) !important;
}

/** Pagination and filter >> .facetwp-pager **/
.facetwp-pager {
	color: rgb(221, 221, 221) !important;
	font-size: 18px !important;
	text-align: center !important;
	padding: 30px 0 70px !important;
}

/** Pagination and filter >> .facetwp-pager-label **/
.facetwp-pager-label {
	margin-bottom: 15px !important;
	display: block !important;
}


/*= Catalog Subcategories ===== */

/** Catalog Subcategories >> page-list **/
.page-list {
	margin: 30px 0 !important;
	display: grid !important;
	grid-column-gap: 10px !important;
	column-gap: 10px !important;
	grid-row-gap: 20px !important;
	row-gap: 20px !important;
	grid-template-columns: 1fr 1fr 1fr !important;
}

/** Catalog Subcategories >> page-list page-item **/
.page-list .page-item {
	padding: 15px !important;
}

/** Catalog Subcategories >> .page-list .page-item .img **/
.page-list .page-item .img {
	background-size: cover !important;
	width: 100% !important;
	height: 0 !important;
	padding-bottom: 56.6% !important;
	margin-bottom: 10px !important;
	overflow: hidden !important;
}

/** Catalog Subcategories >> .page-list .page-item .title **/
.page-list .page-item .title {
	font-size: 18px !important;
	line-height: 1.2 !important;
}

/** Catalog Subcategories >> .page-list .page-item:hover **/
.page-list .page-item:hover {
	background-color: rgb(247, 247, 247) !important;
	-webkit-animation-duration: 1s !important;
	animation-duration: 1s !important;
	-webkit-animation-fill-mode: both !important;
	animation-fill-mode: both !important;
}


/*= Works ===================== */

/** Works >> .works-grid-item **/
.works-grid-item {
	color: #fff !important;
	width: 25% !important;
	position: relative !important;
}

/** Works >> .works-grid-item .year **/
.works-grid-item .year {
	background-color: rgba(0, 0, 0, 0.6) !important;
	padding: 5px 10px !important;
	position: absolute !important;
	top: 0 !important;
	left: 0 !important;
}

/** Works >> .works-grid-item .title **/
.works-grid-item .title {
	font-size: 18px !important;
	text-align: center !important;
	width: 100% !important;
	padding: 0 10px 0 10px !important;
	margin-top: 40px !important;
	-webkit-flex-grow: 1 !important;
	flex-grow: 1 !important;
}

/** Works >> Works grid item for **/
.works-grid-item .for {
	padding: 5px 10px !important;
}
.works-grid-item .for svg {
	width: 48px !important;
	height: 48px !important;
	fill: #fff !important;
	padding: 2px !important;
}

/** Works >> .works-grid-wrap **/
.works-grid-wrap {
	display: -webkit-box !important;
	display: -moz-box !important;
	display: -ms-flexbox !important;
	display: -webkit-flex !important;
	display: flex !important;
	-webkit-flex-wrap: wrap !important;
	-moz-flex-wrap: wrap !important;
	-ms-flex-wrap: wrap !important;
	flex-wrap: wrap !important;
}

/** Works >> .works-grid-item:hover .desc **/
.works-grid-item:hover .desc {
	border: 3px solid rgb(20, 151, 211) !important;
	display: -webkit-box !important;
	display: -moz-box !important;
	display: -ms-flexbox !important;
	display: -webkit-flex !important;
	display: flex !important;
}

/** Works >> .works-grid-item .desc_bottom **/
.works-grid-item .desc_bottom {
	width: 100% !important;
	display: -webkit-box !important;
	display: -moz-box !important;
	display: -ms-flexbox !important;
	display: -webkit-flex !important;
	display: flex !important;
	-webkit-justify-content: center !important;
	justify-content: center !important;
	-webkit-align-items: center !important;
	align-items: center !important;
}

/** Works >> .works-grid-icon .type **/
.works-grid-item .type svg {
	width: 77px !important;
	height: 77px !important;
	display: none !important;
	fill: #fff !important;
}

/** Works >> .works-grid-item .img **/
.works-grid-item img {
	width: 100% !important;
	height: 100% !important;
	display: block !important;
	object-fit: cover !important;
}

/** Works >> .works-grid-item .desc **/
.works-grid-item .desc {
	text-align: left !important;
	background-color: rgba(0, 0, 0, 0.7) !important;
	-webkit-flex-direction: column !important;
	-moz-flex-direction: column !important;
	-ms-flex-direction: column !important;
	flex-direction: column !important;
	-webkit-align-items: center !important;
	align-items: center !important;
	position: absolute !important;
	top: 0 !important;
	bottom: 0 !important;
	left: 0 !important;
	right: 0 !important;
	display: none !important;
}

/** Works >> .works_letter_links **/
.works_letter_links {
	width: 100% !important;
	margin-bottom: 20px !important;
	display: -webkit-box !important;
	display: -moz-box !important;
	display: -ms-flexbox !important;
	display: -webkit-flex !important;
	display: flex !important;
	-webkit-flex-wrap: wrap !important;
	-moz-flex-wrap: wrap !important;
	-ms-flex-wrap: wrap !important;
	flex-wrap: wrap !important;
}

/** Works >> .works_letter_links .works_letter_link **/
.works_letter_links .works_letter_link {
	text-align: center !important;
	padding: 5px 7px 5px 7px !important;
	margin-right: 3px !important;
	border: 1px solid #eeeeee !important;
	display: -webkit-box !important;
	display: -moz-box !important;
	display: -ms-flexbox !important;
	display: -webkit-flex !important;
	display: flex !important;
}

/** Works >> .works_az_letter **/
.works_az_letter {
	font-size: 27px !important;
	font-weight: bold !important;
	margin-bottom: 20px !important;
	border-bottom-style: solid !important;
}

/** Works >> .works_az_place **/
.works_az_place {
	margin-bottom: 5px !important;
	display: -webkit-box !important;
	display: -moz-box !important;
	display: -ms-flexbox !important;
	display: -webkit-flex !important;
	display: flex !important;
	-webkit-flex-direction: row !important;
	-moz-flex-direction: row !important;
	-ms-flex-direction: row !important;
	flex-direction: row !important;
}

/** Works >> .works_az_title **/
.works_az_title {
	line-height: 20px !important;
	width: 200px !important;
	padding: 7px !important;
	background: rgb(246, 246, 246) !important;
}

/** Works >> .mainimg img **/
.mainimg img {
	display: block !important;
}

/** Works >> .projlink_item **/
.projlink_item {
	padding: 5px !important;
}

/** Works >> .projlink **/
.projlink {
	margin: -5px !important;
}

/** Works >> .projworks **/
.projworks {
	line-height: 1.3 !important;
	padding-right: 10px !important;
	display: -webkit-box !important;
	display: -moz-box !important;
	display: -ms-flexbox !important;
	display: -webkit-flex !important;
	display: flex !important;
	-webkit-flex-direction: column !important;
	-moz-flex-direction: column !important;
	-ms-flex-direction: column !important;
	flex-direction: column !important;
}

/** Works >> .projworks_item **/
.projworks_item {
	width: 100% !important;
	margin-bottom: 20px !important;
}

/** Works >> .projworks_item>a **/
.projworks_item>a {
	display: -webkit-box !important;
	display: -moz-box !important;
	display: -ms-flexbox !important;
	display: -webkit-flex !important;
	display: flex !important;
	-webkit-flex-direction: column !important;
	-moz-flex-direction: column !important;
	-ms-flex-direction: column !important;
	flex-direction: column !important;
}

/** Works >> .projworks > a > img **/
.projworks a img {
	margin-right: 10px !important;
}

/** Works >> #svg-fancy_icon-subimg **/
#svg-fancy_icon-subimg {
	width: 56px !important;
	fill: #888 !important;
}

/** Works >> .subimg_more:hover **/
.subimg_more:hover {
	background: rgb(224, 224, 224) !important;
	-webkit-animation-duration: 0.5s !important;
	animation-duration: 0.5s !important;
	-webkit-animation-timing-function: ease-in !important;
	animation-timing-function: ease-in !important;
}
.subimg_more:hover #svg-fancy_icon-subimg {
	/* MT [ sub: 1 ] */
	fill: #666 !important;
}

/** Works >> .subimg_more img **/
.subimg_more img {
	-o-transition-property: all !important;
	-moz-transition-property: all !important;
	-webkit-transition-property: all !important;
	transition-property: all !important;
	-o-transition-duration: 0.5s !important;
	-moz-transition-duration: 0.5s !important;
	-webkit-transition-duration: 0.5s !important;
	transition-duration: 0.5s !important;
	opacity: 0.5 !important;
}
.subimg_more:hover img {
	/* MT [ sub: 1 ] */
	opacity: 1 !important;
}
.subimg_more:hover .ytvideo__button-shape, 
.ytvideo__button:focus .ytvideo__button-shape {
	/* MT [ sub: 1 ] */
	fill: #ff0000 !important;
	fill-opacity: 1 !important;
}

/** Works >> .works_az_place .town_type **/
.works_az_place .town_type {
	color: rgb(134, 142, 150) !important;
	font-style: italic !important;
}

/** Works >> .works_az_place ul **/
.works_az_place ul {
	list-style: none !important;
	padding: 5px 0 0 30px !important;
	margin: 0 !important;
}

/** Works >> .works_az_place li **/
.works_az_place li:hover {
	background: #F6F6F6 !important;
}

/** Works >> For icon **/
.for .icon {
	fill: #ffffff !important;
}

/** Works >> For inside icon wrap **/
.for_inside .icon_text_wrap .icon_wrap {
	width: 64px !important;
	height: 64px !important;
	box-sizing: content-box !important;
	padding: 5px !important;
	margin-right: 5px !important;
	border-radius: 50% !important;
	display: -webkit-box !important;
	display: -moz-box !important;
	display: -ms-flexbox !important;
	display: -webkit-flex !important;
	display: flex !important;
	-webkit-justify-content: center !important;
	justify-content: center !important;
	-webkit-align-items: center !important;
	align-items: center !important;
	background: rgb(0, 120, 175) !important;
}

/** Works >> .for_inside **/
.for_inside {
	margin-bottom: 20px !important;
	display: -webkit-box !important;
	display: -moz-box !important;
	display: -ms-flexbox !important;
	display: -webkit-flex !important;
	display: flex !important;
	-webkit-flex-direction: row !important;
	-moz-flex-direction: row !important;
	-ms-flex-direction: row !important;
	flex-direction: row !important;
}

/** Works >> For inside icon **/
.for_inside .icon_text_wrap .icon {
	fill: #fff !important;
}

/** Works >> .for_inside .icon_wrap:hover svg **/
.for_inside .icon_wrap:hover {
	-webkit-animation-name: pulse !important;
	animation-name: pulse !important;
	-webkit-animation-duration: 0.3s !important;
	animation-duration: 0.3s !important;
	background: rgb(20, 151, 211) !important;
}

/** Works >> .wpgb-checkbox-facet .wpgb-hierarchical-list **/
.wpgb-checkbox-facet .wpgb-hierarchical-list {
	display: -webkit-box !important;
	display: -moz-box !important;
	display: -ms-flexbox !important;
	display: -webkit-flex !important;
	display: flex !important;
	-webkit-flex-wrap: wrap !important;
	-moz-flex-wrap: wrap !important;
	-ms-flex-wrap: wrap !important;
	flex-wrap: wrap !important;
}

/** Works >> .wpgb-checkbox-facet li **/
.wpgb-checkbox-facet li {
	background: #eff1f8 !important;
	padding: 5px !important;
	margin-right: 12px !important;
	border-radius: 5px !important;
}

/** Works >> .wpgb-pagination-facet li **/
.wpgb-pagination-facet li {
	text-decoration: none !important;
	box-shadow: 0 3px 15px -3px rgb(216, 216, 216) !important;
	width: 50px !important;
	height: 50px !important;
	border-radius: 50% !important;
	display: -webkit-inline-flexbox !important;
	display: -moz-inline-flexbox !important;
	display: -ms-inline-flexbox !important;
	display: inline-flex !important;
	-webkit-justify-content: center !important;
	justify-content: center !important;
	-webkit-align-items: center !important;
	align-items: center !important;
	-webkit-align-content: center !important;
	align-content: center !important;
}

/** Works >> .wpgb-facet .wpgb-hierarchical-list:first-child>li:first-child **/
.wpgb-facet .wpgb-hierarchical-list:first-child>li:first-child {
	margin-top: 12px !important;
}


/*= Attachments =============== */

/** Attachments >> .attachments **/
.tax-projects_categories .attachments {
	width: 100% !important;
	display: -webkit-box !important;
	display: -moz-box !important;
	display: -ms-flexbox !important;
	display: -webkit-flex !important;
	display: flex !important;
	-webkit-flex-wrap: wrap !important;
	-moz-flex-wrap: wrap !important;
	-ms-flex-wrap: wrap !important;
	flex-wrap: wrap !important;
}

/** Attachments >> .attachment-file **/
.attachment-file {
	padding: 10px !important;
	margin: 0 5px 5px 0 !important;
	display: -webkit-box !important;
	display: -moz-box !important;
	display: -ms-flexbox !important;
	display: -webkit-flex !important;
	display: flex !important;
	-webkit-flex-direction: row !important;
	-moz-flex-direction: row !important;
	-ms-flex-direction: row !important;
	flex-direction: row !important;
	-webkit-align-items: center !important;
	align-items: center !important;
	background: rgb(247, 247, 247) !important;
}
.attachment-file:last-child {
	margin: 0 0 5px 0 !important;
}

/** Attachments >> .attachment-file:hover **/
.attachment-file:hover {
	background-color: rgb(250, 250, 250) !important;
}

/** Attachments >> .attachment-icon **/
.attachment-icon {
	width: 48px !important;
	height: 48px !important;
	margin-right: 10px !important;
}

/** Attachments >> .attachment-title **/
.attachment-title {
	line-height: 1.2 !important;
}

/** Attachments >> .attachment-description **/
.attachment-description {
	color: rgb(141, 141, 141) !important;
	font-size: 14px !important;
}

/** Attachments >> .attachment-info **/
.attachment-info {
	display: -webkit-box !important;
	display: -moz-box !important;
	display: -ms-flexbox !important;
	display: -webkit-flex !important;
	display: flex !important;
	-webkit-flex-direction: column !important;
	-moz-flex-direction: column !important;
	-ms-flex-direction: column !important;
	flex-direction: column !important;
}


/*= Usefull =================== */

/** Usefull >> .postlist1 **/
.postlist1 {
	list-style: none !important;
	padding: 0 !important;
	margin: 0 -15px !important;
	display: -webkit-box !important;
	display: -moz-box !important;
	display: -ms-flexbox !important;
	display: -webkit-flex !important;
	display: flex !important;
	-webkit-flex-wrap: wrap !important;
	-moz-flex-wrap: wrap !important;
	-ms-flex-wrap: wrap !important;
	flex-wrap: wrap !important;
	-webkit-justify-content: center !important;
	justify-content: center !important;
}

/** Usefull >> Postlist1 list item **/
.postlist1 li {
	list-style: none !important;
	width: 50% !important;
	padding: 0 15px !important;
	margin: 0 0 15px !important;
}

/** Usefull >> .postlist2 **/
.postlist2 {
	list-style: none !important;
	padding: 0 !important;
	margin: 30px 0 !important;
	display: grid !important;
	grid-column-gap: 30px !important;
	column-gap: 30px !important;
	grid-row-gap: 30px !important;
	row-gap: 30px !important;
	grid-template-columns: 1fr 1fr 1fr 1fr !important;
}

/** Usefull >> .postlist2 li a **/
.postlist2 li>a.img {
	width: 100% !important;
	height: auto !important;
	padding-bottom: 56.6% !important;
	margin-bottom: 10px !important;
	position: relative !important;
	display: block !important;
	overflow: hidden !important;
}

/** Usefull >> .postlist2 li a img **/
.postlist2 li a.img img {
	width: 100% !important;
	height: 100% !important;
	position: absolute !important;
	top: 0 !important;
	bottom: 0 !important;
	left: 0 !important;
	right: 0 !important;
	display: block !important;
	object-fit: cover !important;
}

/** Usefull >> .useful_article__item **/
.useful_article__item {
	display: -webkit-box !important;
	display: -moz-box !important;
	display: -ms-flexbox !important;
	display: -webkit-flex !important;
	display: flex !important;
	-webkit-flex-flow: row nowrap !important;
	-moz-flex-flow: row nowrap !important;
	-ms-flex-flow: row nowrap !important;
	flex-flow: row nowrap !important;
}

/** Usefull >> .useful_article__item_title **/
.useful_article__item_title {
	display: -webkit-box !important;
	display: -moz-box !important;
	display: -ms-flexbox !important;
	display: -webkit-flex !important;
	display: flex !important;
	-webkit-align-items: center !important;
	align-items: center !important;
}

/** Usefull >> .useful_article **/
.useful_article {
	display: grid !important;
	grid-column-gap: 15px !important;
	column-gap: 15px !important;
	grid-row-gap: 15px !important;
	row-gap: 15px !important;
	grid-template-columns: 1fr 1fr !important;
}

/** Usefull >> .useful_article__item img **/
.useful_article__item img {
	width: 100px !important;
	height: auto !important;
	margin-right: 15px !important;
}


/*= Form like a pro =========== */

/** Form like a pro >> Boostrapping **/
.wpcf7 .col-md-2 {
	width: 16.66% !important;
	padding: 0 5px !important;
}
.wpcf7 .col-md-4 {
	width: 33.33% !important;
	padding: 0 5px !important;
}
.wpcf7 .col-md-6 {
	width: 50% !important;
	padding: 0 5px !important;
}
.wpcf7 .col-md-8 {
	width: 66.66% !important;
	padding: 0 5px !important;
}
.wpcf7 .col-md-10 {
	width: 83.33% !important;
	padding: 0 5px !important;
}
.wpcf7 .col-md-12, 
.wpcf7 .col-xs-12.textarea {
	width: 100% !important;
	padding: 0 5px !important;
}
.wpcf7 .boxagree-text {
	padding-left: 33px !important;
}
.wpcf7 .boxagree-wrap {
	margin: 20px 5px !important;
	background: rgba(255,255,255,0.08) !important;
	padding: 15px !important;
}
.pageform .wpcf .subm {
	display: -webkit-box !important;
	display: -moz-box !important;
	display: -ms-flexbox !important;
	display: -webkit-flex !important;
	display: flex !important;
	-webkit-flex-direction: column !important;
	-moz-flex-direction: column !important;
	-ms-flex-direction: column !important;
	flex-direction: column !important;
	-webkit-align-items: center !important;
	align-items: center !important;
	-webkit-justify-content: center !important;
	justify-content: center !important;
	text-align: center !important;
}

/** Form like a pro >> .pageform .row **/
.pageform .row {
	display: -webkit-box !important;
	display: -moz-box !important;
	display: -ms-flexbox !important;
	display: -webkit-flex !important;
	display: flex !important;
	-webkit-flex-wrap: wrap !important;
	-moz-flex-wrap: wrap !important;
	-ms-flex-wrap: wrap !important;
	flex-wrap: wrap !important;
}

/** Form like a pro >> .pageform .checkboxes>span **/
.pageform .checkboxes>span .in-item {
	padding: 0 30px !important;
}

/** Form like a pro >> .pageform .checkboxes **/
.pageform .checkboxes {
	width: 100% !important;
	display: -webkit-box !important;
	display: -moz-box !important;
	display: -ms-flexbox !important;
	display: -webkit-flex !important;
	display: flex !important;
	-webkit-flex-flow: row wrap !important;
	-moz-flex-flow: row wrap !important;
	-ms-flex-flow: row wrap !important;
	flex-flow: row wrap !important;
}


/*= Gallery view ============== */

/** Gallery view >> #project-photo-gallery **/
#project-photo-gallery {
	padding: 0 !important;
	margin: 10px 0 !important;
	display: grid !important;
	grid-column-gap: 10px !important;
	column-gap: 10px !important;
	grid-row-gap: 10px !important;
	row-gap: 10px !important;
	grid-template-columns: 1fr 1fr 1fr 1fr 1fr !important;
}

/** Gallery view >> #project-photo-gallery li **/
#project-photo-gallery li {
	list-style: none !important;
	max-height: 130px !important;
	position: relative !important;
	overflow: hidden !important;
}

/** Gallery view >> Link image **/
#project-photo-gallery > li > a img {
	width: 100% !important;
	height: 100% !important;
	display: block !important;
	overflow: hidden !important;
	object-fit: cover !important;
}


/*= Pages / Grids etc ========= */

/** Pages / Grids etc >> .img-grid-wrap **/
.img-grid-wrap {
	text-align: left !important;
	display: grid !important;
	grid-column-gap: 30px !important;
	column-gap: 30px !important;
	grid-row-gap: 30px !important;
	row-gap: 30px !important;
	grid-template-columns: 1fr 1fr !important;
}

/** Pages / Grids etc >> .img-grid-item **/
.img-grid-item {
	height: 100% !important;
	display: -webkit-box !important;
	display: -moz-box !important;
	display: -ms-flexbox !important;
	display: -webkit-flex !important;
	display: flex !important;
	position: relative !important;
}

/** Pages / Grids etc >> .img-grid-img **/
.img-grid-img {
	object-fit: cover !important;
}

/** Pages / Grids etc >> .img-grid-title **/
.img-grid-title {
	color: #fff !important;
	padding: 5px 7px 5px 7px !important;
	border: 2px solid #fff !important;
	position: absolute !important;
	top: 10px !important;
	left: 10px !important;
	background: rgb(0, 136, 204) !important;
}

/** Pages / Grids etc >> .grid-3 **/
.grid-3 {
	display: grid !important;
	grid-column-gap: 30px !important;
	column-gap: 30px !important;
	grid-row-gap: 30px !important;
	row-gap: 30px !important;
	grid-template-columns: 1fr 1fr 1fr !important;
	-webkit-align-items: center !important;
	align-items: center !important;
}

/** Pages / Grids etc >> Ct section inner wrap ct section inner wrap **/
.ct-section-inner-wrap .ct-section-inner-wrap {
	padding-right: 0 !important;
	padding-left: 0 !important;
}


/*= Page About ================ */

/** Page About >> .page-about-1 **/
.page-about-1 {
	display: grid !important;
	grid-column-gap: 20px !important;
	column-gap: 20px !important;
	grid-row-gap: 20px !important;
	row-gap: 20px !important;
	grid-template-columns: 1fr 1fr 1fr 1fr !important;
	grid-template-rows: auto auto auto !important;
}
.page-about-1 > :nth-child(1) {
	grid-area: 1 / 4 / 2 / 5 !important;
}
.page-about-1 > :nth-child(2) {
	grid-area: 1 / 1 / 3 / 3 !important;
}
.page-about-1 > :nth-child(3) {
	grid-area: 1 / 3 / 3 / 4 !important;
}
.page-about-1 > :nth-child(4) {
	grid-area: 2 / 4 / 3 / 5 !important;
}
.page-about-1 > :nth-child(5) {
	grid-area: 3 / 1 / 4 / 4 !important;
}
.page-about-1 > :nth-child(6) {
	grid-area: 3 / 4 / 4 / 5 !important;
}

/** Page About >> Page about 1 image **/
.page-about-1 img {
	width: 100% !important;
	min-height: 100% !important;
	display: -webkit-box !important;
	display: -moz-box !important;
	display: -ms-flexbox !important;
	display: -webkit-flex !important;
	display: flex !important;
	object-fit: cover !important;
}

/** Page About >> .page-about-2 **/
.page-about-2 {
	display: grid !important;
	grid-column-gap: 20px !important;
	column-gap: 20px !important;
	grid-row-gap: 20px !important;
	row-gap: 20px !important;
}
.page-about-2 > :nth-child(1) {
	grid-area: 1 / 1 / 2 / 2 !important;
}
.page-about-2 > :nth-child(2) {
	grid-area: 2 / 2 / 3 / 3 !important;
}
.page-about-2 > :nth-child(3) {
	grid-area: 1 / 2 / 2 / 3 !important;
}
.page-about-2 > :nth-child(4) {
	grid-area: 2 / 1 / 3 / 2 !important;
}

/** Page About >> .page-about-2 img **/
.page-about-2 img {
	min-width: 100% !important;
	height: 100% !important;
	min-height: 230px !important;
	display: -webkit-box !important;
	display: -moz-box !important;
	display: -ms-flexbox !important;
	display: -webkit-flex !important;
	display: flex !important;
	object-fit: cover !important;
}

/** Page About >> .grid-6 **/
.grid-6 {
	display: grid !important;
	grid-column-gap: 20px !important;
	column-gap: 20px !important;
	grid-row-gap: 20px !important;
	row-gap: 20px !important;
	grid-template-columns: 1fr 1fr 1fr !important;
	grid-template-rows: auto auto !important;
}

/** Page About >> .grid-6 img **/
.grid-6 img {
	min-height: 230px !important;
	object-fit: cover !important;
}

/** Page About >> Page about 1 div **/
.page-about-1>div {
	height: 100% !important;
}


/*= Catalog / List item ======= */

/** Catalog / List item >> .proj_details_widget **/
.proj_details_widget {
	display: -webkit-box !important;
	display: -moz-box !important;
	display: -ms-flexbox !important;
	display: -webkit-flex !important;
	display: flex !important;
	-webkit-justify-content: space-between !important;
	justify-content: space-between !important;
	-webkit-align-items: flex-end !important;
	align-items: flex-end !important;
	-webkit-align-content: flex-end !important;
	align-content: flex-end !important;
	position: absolute !important;
	top: 10px !important;
	left: 10px !important;
	right: 10px !important;
}

/** Catalog / List item >> .proj_details_item **/
.proj_details_item {
	padding: 0px 7px !important;
	border-radius: 5px !important;
	display: -webkit-box !important;
	display: -moz-box !important;
	display: -ms-flexbox !important;
	display: -webkit-flex !important;
	display: flex !important;
	-webkit-align-items: center !important;
	align-items: center !important;
}

/** Catalog / List item >> .proj_details_item .icon **/
.proj_details_item .icon {
	width: 32px !important;
	height: 32px !important;
	margin-right: 5px !important;
	border-radius: 30% !important;
}

/** Catalog / List item >> .proj_details_widget .proj_details_item **/
.proj_details_widget .proj_details_item {
	color: #fff !important;
	background-color: rgba(0, 127, 185, 0.85) !important;
}


/*= Free form ================= */

/** Free form >> .pageform .line **/
.pageform .line {
	padding: 10px 20px 10px 20px !important;
	display: -webkit-box !important;
	display: -moz-box !important;
	display: -ms-flexbox !important;
	display: -webkit-flex !important;
	display: flex !important;
	-webkit-flex-flow: row wrap !important;
	-moz-flex-flow: row wrap !important;
	-ms-flex-flow: row wrap !important;
	flex-flow: row wrap !important;
	-webkit-justify-content: space-between !important;
	justify-content: space-between !important;
	-webkit-align-items: center !important;
	align-items: center !important;
}

/** Free form >> .pageform .line odd **/
.pageform .line {
	display: -webkit-box !important;
	display: -moz-box !important;
	display: -ms-flexbox !important;
	display: -webkit-flex !important;
	display: flex !important;
	-webkit-flex-direction: row !important;
	-moz-flex-direction: row !important;
	-ms-flex-direction: row !important;
	flex-direction: row !important;
	-webkit-align-items: center !important;
	align-items: center !important;
}

/** Free form >> .pageform .line div **/
.pageform .line:nth-child(odd) {
	background-color: rgba(255, 255, 255, 0.11) !important;
}

/** Free form >> Pageform title **/
.pageform .title {
	font-size: 21px !important;
	text-align: center !important;
	padding: 20px !important;
}

/** Free form >> Line labeli **/
.line .labeli {
	width: 50% !important;
	display: -webkit-box !important;
	display: -moz-box !important;
	display: -ms-flexbox !important;
	display: -webkit-flex !important;
	display: flex !important;
	-webkit-align-items: center !important;
	align-items: center !important;
}

/** Free form >> .line .line_item **/
.line .line_item {
	width: 50% !important;
	padding: 10px !important;
	display: -webkit-box !important;
	display: -moz-box !important;
	display: -ms-flexbox !important;
	display: -webkit-flex !important;
	display: flex !important;
	-webkit-align-items: center !important;
	align-items: center !important;
}

/** Free form >> Pageform padding **/
.pageform .padding {
	padding: 20px !important;
}

/** Free form >> .pageform .line .value **/
.pageform .line .value {
	width: 50% !important;
}

/** Free form >> .pageform select, .pageform input, .pageform textarea **/
.pageform select, 
.pageform input[type=tel], 
.pageform input[type=text], 
.pageform input[type=email], 
.pageform textarea {
	width: 100% !important;
}

/** Free form >> .pageform .wpcf7-form-control-wrap **/
.pageform .textform .wpcf7-form-control-wrap {
	width: 33.3% !important;
	padding: 5px !important;
}

/** Free form >> .pageform .textform **/
.pageform .textform {
	display: -webkit-box !important;
	display: -moz-box !important;
	display: -ms-flexbox !important;
	display: -webkit-flex !important;
	display: flex !important;
	-webkit-flex-flow: row wrap !important;
	-moz-flex-flow: row wrap !important;
	-ms-flex-flow: row wrap !important;
	flex-flow: row wrap !important;
}

/** Free form >> .textarea-message **/
.pageform .textform .wpcf7-form-control-wrap.textarea-message {
	width: 100% !important;
	display: block !important;
}

/** Free form >> Subm input **/
.subm input {
	color: rgb(0, 120, 175) !important;
	background: #fff !important;
	border-width: medium !important;
	border-style: none !important;
}


/*( Page container )*/
@media (max-width: 1280px) {
	/** Works >> .works-grid-item **/
	.works-grid-item {
	width: 33.3% !important;
}

}


/*( Less than 992px )*/
@media (max-width: 991px) {
	/** Header >> H1 Wrap **/
	.h1_wrap {
	height: 56.25vw !important;
	min-height: auto !important;
}

	/** Header >> .hd_h_wrap **/
	.hd_h_wrap {
	background: #0c3046 !important;
	position: initial  !important;
}

	/** Header >> .pagetitle **/
	.pagetitle {
	font-size: 36px !important;
}

	/** Catalog >> Video info wrap **/
	.video_info_wrap {
	display: grid !important;
	grid-template-columns: 1fr 1fr !important;
}

	/** Gallery view >> #project-photo-gallery **/
	#project-photo-gallery {
	display: grid !important;
	grid-template-columns: 1fr 1fr 1fr !important;
}

	/** Works >> .works-grid-item .title **/
	.works-grid-item .title {
	font-size: 16px !important;
}

	/** Page About >> .page-about-1 **/
	.page-about-1 {
	display: grid !important;
}
.page-about-1 > :nth-child(1) {
	grid-area: 1 / 3 / 2 / 5 !important;
}
.page-about-1 > :nth-child(2) {
	grid-area: 1 / 1 / 2 / 2 !important;
}
.page-about-1 > :nth-child(3) {
	grid-area: 1 / 2 / 2 / 3 !important;
}
.page-about-1 > :nth-child(4) {
	grid-area: 2 / 1 / 3 / 5 !important;
}

	/** Free form >> .line .line_item **/
	.line .line_item {
	width: 100% !important;
}

	/** Free form >> .row.checkboxes .wpcf7-list-item **/
	.row.checkboxes .wpcf7-list-item {
	width: 20% !important;
}

	/** Usefull >> .postlist2 **/
	.postlist2 {
	display: grid !important;
	grid-template-columns: 1fr 1fr 1fr !important;
}

	/** Usefull >> .useful_article **/
	.useful_article {
	display: grid !important;
	grid-template-columns: 1fr !important;
}

	/** Pages / Grids etc >> .img-grid-title **/
	.img-grid-title {
	width: 100% !important;
	border-width: 0 !important;
	border-style: none !important;
	position: relative !important;
	top: 0 !important;
	left: 0 !important;
}

	/** Pages / Grids etc >> .img-grid-item **/
	.img-grid-item {
	display: -webkit-box !important;
	display: -moz-box !important;
	display: -ms-flexbox !important;
	display: -webkit-flex !important;
	display: flex !important;
	-webkit-flex-direction: column-reverse !important;
	-moz-flex-direction: column-reverse !important;
	-ms-flex-direction: column-reverse !important;
	flex-direction: column-reverse !important;
}

}


/*( Less than 768px )*/
@media (max-width: 767px) {
	/** Header >> .pagetitle **/
	.pagetitle {
	font-size: 27px !important;
}

	/** Catalog >> Video info wrap **/
	.video_info_wrap {
	grid-column-gap: 15px !important;
	column-gap: 15px !important;
	grid-row-gap: 15px !important;
	row-gap: 15px !important;
}

	/** Catalog Subcategories >> page-list page-item **/
	.page-list .page-item {
	padding: 0 !important;
}

	/** Catalog Subcategories >> page-list **/
	.page-list {
	display: grid !important;
	grid-column-gap: 20px !important;
	column-gap: 20px !important;
	grid-template-columns: 1fr 1fr !important;
}

	/** Catalog Subcategories >> .page-list .page-item:hover **/
	.page-list .page-item:hover {
	background: initial !important;
}

	/** Gallery view >> #project-photo-gallery **/
	#project-photo-gallery {
	display: grid !important;
	grid-template-columns: 1fr 1fr !important;
}

	/** General >> .col2 **/
	.col2 {
	display: grid !important;
	grid-template-columns: 1fr !important;
}

	/** General >> section h2 **/
	section h2 {
	font-size: 24px !important;
}

	/** General >> Heading 3 **/
	h3 {
	font-size: 19px !important;
}

	/** Projects view >> .icon_text_wrap **/
	.icon_text_wrap {
	display: -webkit-box !important;
	display: -moz-box !important;
	display: -ms-flexbox !important;
	display: -webkit-flex !important;
	display: flex !important;
	-webkit-flex-direction: row !important;
	-moz-flex-direction: row !important;
	-ms-flex-direction: row !important;
	flex-direction: row !important;
}

	/** Projects view >> Icon vert list **/
	.icon_vert_list {
	display: grid !important;
	grid-template-columns: 1fr 1fr !important;
}

	/** Works >> For inside icon wrap **/
	.for_inside .icon_text_wrap .icon_wrap {
	width: 42px !important;
	height: 42px !important;
}

	/** Works >> .works-grid-item **/
	.works-grid-item {
	width: 50% !important;
}

	/** Works >> .works_az_place **/
	.works_az_place {
	-webkit-flex-direction: column !important;
	-moz-flex-direction: column !important;
	-ms-flex-direction: column !important;
	flex-direction: column !important;
}

	/** News and Articles >> Oxy posts oxy post **/
	.oxy-posts > .oxy-post {
	padding: 0 !important;
}

	/** Page About >> .page-about-1 **/
	.page-about-1 {
	display: grid !important;
	grid-template-columns: 1fr !important;
}
.page-about-1 > :nth-child(1) {
	grid-area: 3 / 1 / 4 / 2 !important;
}
.page-about-1 > :nth-child(2) {
	grid-area: 1 / 1 / 2 / 2 !important;
}
.page-about-1 > :nth-child(3) {
	grid-area: 2 / 1 / 3 / 2 !important;
}
.page-about-1 > :nth-child(4) {
	grid-area: 5 / 1 / 6 / 2 !important;
}
.page-about-1 > :nth-child(5) {
	grid-area: 6 / 1 / 7 / 2 !important;
}
.page-about-1 > :nth-child(6) {
	grid-area: 4 / 1 / 5 / 2 !important;
}

	/** Page About >> .page-about-2 **/
	.page-about-2 {
	display: -webkit-box !important;
	display: -moz-box !important;
	display: -ms-flexbox !important;
	display: -webkit-flex !important;
	display: flex !important;
	-webkit-flex-direction: column !important;
	-moz-flex-direction: column !important;
	-ms-flex-direction: column !important;
	flex-direction: column !important;
}

	/** Page About >> .grid-6 **/
	.grid-6 {
	display: grid !important;
	grid-template-columns: 1fr !important;
}

	/** Free form >> .row.checkboxes .wpcf7-list-item **/
	.row.checkboxes .wpcf7-list-item {
	width: 33.3% !important;
}

	/** Free form >> .pageform .wpcf7-form-control-wrap **/
	.pageform .textform .wpcf7-form-control-wrap {
	width: 100% !important;
}

	/** Free form >> .pageform input[type=file] **/
	.pageform input[type=file] {
	width: 100% !important;
}

	/** Usefull >> .postlist2 **/
	.postlist2 {
	display: grid !important;
	grid-template-columns: 1fr 1fr !important;
}

	/** gtranslate >> gt_lightbox **/
	#gt_lightbox {
	width: 90% !important;
	margin: -50% 0 0 0 !important;
	left: 5% !important;
	right: 5% !important;
}

}


/*( Less than 480px )*/
@media (max-width: 479px) {
	/** Catalog Subcategories >> page-list **/
	.page-list {
	display: grid !important;
	grid-template-columns: 1fr !important;
}

	/** Catalog >> Video info wrap **/
	.video_info_wrap {
	display: grid !important;
	grid-template-columns: 1fr !important;
}

	/** Gallery view >> #project-photo-gallery **/
	#project-photo-gallery {
	display: grid !important;
}

	/** Works >> For inside icon wrap **/
	.for_inside .icon_text_wrap .icon_wrap {
	background: initial !important;
	padding: 2px !important;
}

	/** Works >> .for_inside **/
	.for_inside {
	display: grid !important;
	grid-column-gap: 5px !important;
	column-gap: 5px !important;
	grid-row-gap: 5px !important;
	row-gap: 5px !important;
}

	/** Works >> For inside icon **/
	.for_inside .icon_text_wrap .icon {
	fill: #0078af !important;
}

	/** Works >> .for_inside .icon_wrap:hover svg **/
	.for_inside .icon_wrap:hover {
	background-color: rgb(188, 232, 241) !important;
}

	/** Works >> For inside icon text wrap **/
	.for_inside .icon_text_wrap {
	padding: 0 !important;
}

	/** Works >> .works-grid-item **/
	.works-grid-item {
	width: 100% !important;
}

	/** General >> .col2 .border-gray **/
	.col2 .border-gray {
	padding: 0 !important;
	border-width: 0 !important;
	border-style: none !important;
}

	/** General >> section h2 **/
	section h2 {
	font-size: 21px !important;
}

	/** General >> Heading 3 **/
	h3 {
	font-size: 16px !important;
}

	/** Page About >> .page-about-2 **/
	.page-about-2 {
	grid-template-rows: 1fr 2fr !important;
}

	/** Free form >> .row.checkboxes .wpcf7-list-item **/
	.row.checkboxes .wpcf7-list-item {
	width: 50% !important;
}

	/** Free form >> .line .line_item **/
	.line .line_item {
	-webkit-flex-direction: column !important;
	-moz-flex-direction: column !important;
	-ms-flex-direction: column !important;
	flex-direction: column !important;
}

	/** Free form >> Line labeli **/
	.line .labeli {
	width: 100% !important;
	margin-bottom: 10px !important;
}

	/** Free form >> .pageform .line .value **/
	.pageform .line .value {
	width: 100% !important;
}

	/** Usefull >> .postlist2 **/
	.postlist2 {
	display: grid !important;
	grid-template-columns: 1fr !important;
}

	/** Projects view >> Iconiconlist **/
	.icon.iconlist {
	width: 38px !important;
	height: 38px !important;
}

	/** Pages / Grids etc >> .img-grid-wrap **/
	.img-grid-wrap {
	grid-template-columns: 1fr !important;
}

}