/*
Theme Name: MEMtronics
Theme URI: http://wordpress.org/themes/memtronics
Author: i5 web works
Author URI: http://www.i5ww.com/
Description: The 2019 theme for WordPress
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: white, blue, brown, multi-color, elegant, classic, two-columns, custom-header, custom-menu, featured-images
Text Domain: memtronics

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

/**
 * 1.0 Reset
 *
 * Modified from Normalize.css to provide cross-browser consistency and a smart
 * default styling of HTML elements.
 *
 * @see http://git.io/normalize
 * ----------------------------------------------------------------------------
 */
 @import url('https://cdn.jsdelivr.net/npm/swiper/swiper-bundle.min.css');

* {
	margin:0;
	padding:0;
	border:0;
}
html, body {
	width:100%;
	min-width:960px;
}
body {
	color:#314688;
	font-family:Arial, 'San-Serif';
	background-color:#ffffff;
	font-size:16px;
}
a {
	text-decoration:underline;
	color:#314688;
}
a:hover {
	text-decoration:none;
}
h1,h2,h3,h4,h5,h6,.bigbutton,.header {
}

input[type=text],textarea,input[type=email],input[type=tel],select,input[type=search] {
	border:0px solid #ECECEC;
	background-color:#ffffff;
	color:#314688;
	font-size:16px;
	padding:10px!important;
	max-width:90%;
	font-family:Arial, 'San-Serif';
	-moz-box-shadow:inset 0px 0px 5px 1px #d0dae4;
	-webkit-box-shadow:inset 0px 0px 5px 1px #d0dae4;
	box-shadow:inset 0px 0px 5px 1px #d0dae4;
}
.searchbutton {
	border:0;
	vertical-align:middle;
	width:36px;
	height:36px;
	float:right;
	margin:10px 5px 5px 0;
}
input[type=submit] {
    background-color:#314688;
    color: #ffffff;
    font-size:26px;
    line-height:50px;
    padding: 0 20px;
    width: auto;
    font-weight:700;
}



.container {
	margin:0 auto;
	min-width:960px;
	max-width:1900px;
	width:90%;
	position:relative;
}
.container-wide {
	margin:0 auto;
	min-width:960px;
	width:100%;
	position:relative;
}
.header {
}
	.logo {
		float:left;
		width:29%;
		padding:60px 0 30px 1.15%;
	}
	.logo img {
		max-width:100%;
		height:auto;
		width:auto;
	}
	.header-right {
		float:right;
		padding:70px 0 0 0;
		width:68%;
		color:#4d64aa;
		font-size:24px;
		font-weight:700;
		text-align:right;
	}
	
	.phone,.request {
		float:right;
		margin:0 0 0 30px;
	}
	.phone img,.request img {
		vertical-align:middle;
		margin:0 0 0 5px;
	}
	.request a {
		text-decoration:none;
		color:#4d64aa;
	}
	
.navigation {
	background:URL('images/bg-menu-parent.png') no-repeat top center;
	position:relative;
	z-index:9;
}
	.navigation .container {
		background:URL('images/bg-menu.png') no-repeat top right;
	}
	#menu-main {
		list-style:none;
		list-style-image:none;
	}
	#menu-main li {
		padding:0 1.15%;
		list-style:none;
		list-style-image:none;
		float:left;
		letter-spacing:-0.5px;
		height:57px;
		line-height:57px;
		position:relative;
		text-transform:uppercase;
		font-weight:700;
		font-size: clamp(11px,0.9vw,18px);
	}
	#menu-main li.current-menu-item,#menu-main li.current_page_item,#menu-main li.current-page-parent,#menu-main li.current-menu-parent,#menu-main li.current_page_parent {
		background-color:#314688;
	}
	#menu-main li a {
		text-decoration:none;
		color:#ffffff;
	}
	#menu-main li:hover a,#menu-main li a:hover,#menu-main li.current_page_item a,#menu-main li.current-menu-item a,#menu-main li.current-page-parent a,#menu-main li.current-menu-parent a,#menu-main li.current_page_parent a {
		color:#f6e4ce;
	}
		#menu-main li ul {
			display:none;
			left:0;
		    padding: 10px 0;
		    width: 120%;
		    position: absolute;
		    top: 57px;
		    background-color: #314688;
		    border-bottom: 3px solid #4d64aa;
		}
		#menu-main li.last ul {
			right:0;
			left: auto;
		}
		#menu-main li:hover ul {
			display:block;
		}
		#menu-main li ul li {
			padding: 7px 20px;
		    list-style: none;
		    list-style-image: none;
		    float: none;
		    font-size: 16px;
		    letter-spacing: 0;
		    height: auto;
		    line-height: 120%;
		    position: relative;
		    text-transform: none;
		    font-weight: 400;
		}
		#menu-main li ul li:hover {
			background-color:transparent;
		}
		#menu-main li ul li a,#menu-main li:hover ul li a {
			color:#b1bee4;
		}
		#menu-main li ul li:hover a,#menu-main li ul li a:hover {
			color:#f6e4ce;
		}

#swiper {
	position:relative;
	width:100%;
	height:auto;
	overflow:hidden;
	z-index:1;
	top:-28px;
}
#swiper.interior-swiper {
	height:150px;
	background:URL('images/slide01.jpg') no-repeat  center;
	background-size:cover;
}


.intro {
	margin:20px auto 40px auto;
}
	.intro h1 {
	    font-size:44px;
    	margin:0 0 30px 0;
	    line-height:90%;
	    letter-spacing:-1px;
		color:#314688;
	}
	.intro h1 strong {
	    font-size:30px;
	    letter-spacing:0;
	}
	.intro p {
    	padding: 0 0 20px 0;
	    line-height:140%;
	}
	.intro ul,.intro ol {
		padding:0 30px 20px 30px;
		line-height:160%;
	}
	.intro ul li,.intro ol li {
		padding:0 0 5px 0;
	}
.bigbutton {
	margin:50px 0;
}
.bigbutton a {
	color:#17212f;
	text-decoration:none;
	font-size:18px;
	padding:15px 25px;
	border-radius: 50px 50px 50px 50px;
	-moz-border-radius: 50px 50px 50px 50px;
	-webkit-border-radius: 50px 50px 50px 50px;
	border: 0px solid #f0c930;
	background-color:#f0c930;
	box-shadow:inset 0px 0px 14px 0px #cb8b00;
}
.bigbutton a:hover {
	text-decoration:underline;
}

.cta-wide {
	padding:40px 0;
	background-color:#314688;
}
.cta-row {
	display: -webkit-box;
 	display: -moz-box;
 	display: -ms-flexbox;
 	display: -webkit-flex;
 	display: flex;
	flex:1 0 auto;
	flex-wrap: wrap;
	flex-direction:row;
}
.cta-row dl {
    vertical-align:text-top;
    display: -moz-inline-stack;
    display:inline-block;
	box-sizing: border-box;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	flex:1 0 auto;
	flex-wrap: wrap;
	width:33.3%;
	max-width:33.3%;
    overflow:hidden;
	color:#a9b6e0;
}
.sidebar .cta-row dl {
	width:100%;
	max-width:100%;
	margin:0 0 20px;
}
.cta-row dl dd {
    display: table-row;
    vertical-align:text-top;
	width:100%;
	text-align:center;
}
.cta-row dl dd a {
	text-decoration:none;
}
.cta-row dl dd h2 {
    font-weight:700;
    font-size:30px;
    line-height:100%;
    color:#ffffff;
}
.cta-row dl dd p {
    font-size:14px;
    line-height:150%;
    margin:0 10% 20px 0;
    float: right;
    width: 60%;
}
.cta-row dl dd img {
    height:auto;
    max-width:100%;
}
.cta-row .cta-image {
    margin:20px 0 0 0;
}
.cta-row dl dd p.cta-more {
    margin:10px 10% 10px 0;
}
.cta-row dl dd p.cta-more a {
    color:#f6e4ce;
	background:URL('images/bg-more.png') no-repeat top right;
	background-size:cover;
	padding:10px 23px 10px 15px;
}
.cta-row dl dd p.cta-more a:hover {
    text-decoration:underline;
}





.contentblock {
	float:left;
	width:75%;
	padding:20px 0 40px 0;
	margin:0 0 0 1.15%;
}
.contentblock h1 {
	    font-size:44px;
    	margin:0 0 30px 0;
	    line-height:100%;
	    letter-spacing:-1px;
	}
.contentblock h2 {
	font-size:30px;
	line-height:100%;
	padding:0 0 20px 0;
	color:#8d7b66;
}
.contentblock p {
	padding:0 0 20px 0;
	line-height:160%;
}
	.contentblock ul,.contentblock ol {
		padding:10px 30px 30px 50px;
		line-height:160%;
	}
	.contentblock ul li,.contentblock ol li {
		padding:0 0 10px 0;
	}
	.contentblock img {
	    max-width: 100%;
		height:auto;
	}
	.contentblock table {
	    width: 100%;
	    max-width: 100%;
	    clear:both;
	}
	.contentblock table tr {
	    vertical-align: top;
	}
	.contentblock table td {
		padding:10px 20px 10px 0;
    	border-bottom: 1px solid #ebebeb;
	}
	.contentblock table.board td {
		width:33%;
	}
	.contentblock table td h2 {
		font-size: 18px;
	    margin: 10px 0 0 0;
	    line-height: 140%;
	}
	.contentblock table td h2 strong {
		color: #682d8c;
    	font-size: 20px;
	}
	.contentblock table td p {
	    font-size: 14px;
	}
.breadcrumbs {
	font-size:12px;
	margin:0 0 20px 0;
	color:#9daee2;
}
	.breadcrumbs a{
	}
	
	
.sidebar {
	float:right;
	width:20%;
	padding:20px 0;
	overflow-x:hidden;
}
.sidebar iframe {
	width:100%;
	max-width:100%;
}
.sidebar img {
	max-width:100%;
	height:auto;
}
	ul.submenu {
		margin:0 0 40px 0;
		list-style:none;
		list-style-image:none;
		font-size:16px;
	}
	ul.submenu li {
		padding:10px 0;
		border-bottom:1px solid #edeff6;
		font-weight:700;
	}
	ul.submenu li a {
		text-decoration:none;
	}
	ul.submenu li a:hover {
		text-decoration:underline;
	}
.sidebar .contacts {
	margin:0;
	font-size:14px;
}
.sidebar .contacts p{
	margin:0 0 20px 0;
	line-height:140%;
}
.sidebar .contacts a{
	color:#8d7b66;
}
	.sidebar .contacts p.request {
		float:none;
		margin:40px 0;
		font-size:18px;
		font-weight:700;
		white-space: nowrap;
	}
	.sidebar .request img {
		vertical-align:middle;
		margin:0 5px 0 0;
	}
	.sidebar .request a {
	    color:#ffffff;
		background:URL('images/bg-request.png') no-repeat top right;
		background-size:cover;
		padding:15px 40px 17px 15px;
	}
.sidebar .badges {
	margin:40px 0;
}
.sidebar .badges img {
	max-width:calc(100% - 2px);
}


.swiper-container{width:100%;height:auto;}
.swiper-slide img {width:100%;max-width:100%;height:auto;display: inherit;}
#swiper-int .swiper-slide {background-position:top center;}


.bg_faq_content_section h5 {
	padding:15px 30px 15px 45px;
	background-color:#f6e4ce;
	font-weight:700;
	font-size:22px;
	margin:10px 0 0 0;
}
.bg_faq_content_section p {
	padding:15px 30px 15px 45px;
}
.bg_faq_closed {
	background-position-y:50%;
	background-position-x:10px;
}
.bg_faq_opened {
	background-position-y:50%;
	background-position-x:10px;
}




.footer {
	padding:40px 0;
	font-size:14px;
	text-align:center;
}
	.footer p {
		padding:0 0 20px 0;
	}
	.footer .footer-menu {
		padding:0 0 15px 0;
	}
	.footer .footer-menu a {
		padding:0 10px;
	}
	.footer a {
	}
	.footer .i5webworks {
		font-size:12px;
	}

.footer .clear {
	display:none;
}

/* Images */
.alignleft {
	float: left;
}
.alignright {
	float: right;
}
.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

img.alignleft {
	margin:0 20px 20px 0;
}
.wp-caption.alignleft {
	margin:0 20px 20px 0;
}
img.alignright {
	margin:0 0 20px 20px;
}
.wp-caption.alignright {
	margin:0 0 20px 20px;
}
img.aligncenter {
	margin:20px auto;
}
img.alignnone {
	margin:20px 0;
}
.wp-caption .wp-caption-text, .entry-caption, .gallery-caption {
    color: #949dbb;
    font-size: 12px;
    margin: 10px 0 20px;
    font-style: italic;
    text-align: center;
    font-weight: 400;
}
img.wp-smiley,
.rsswidget img {
	border: 0;
	border-radius: 0;
	box-shadow: none;
	margin-bottom: 0;
	margin-top:0;
	padding: 0;
}

.wp-caption.alignleft + ul,
.wp-caption.alignleft + ol  {
	list-style-position: inside;
}
.wp-caption {
	max-width:100%;
}

.pdfitem {
	float:left;
	text-align:center;
	width:18%;
	margin:20px 1%;
	font-size:14px;
	font-weight:700;
}
.pdfitem img{
	max-width:90%;
	margin:0 0 10px 0;
}
.clear {
	clear:both;
}

@media all and (max-width: 1430px) {
	.sidebar .contacts p.request {
		font-size:16px;
	}
}
@media all and (max-width: 1300px) {
	.sidebar .contacts p.request {
		font-size:14px;
	}
	.sidebar .request a {
		padding:15px 25px 17px 10px;
	}
}
@media all and (max-width: 767px) {
html, body {
	width:100%;
    min-width:auto;
}
.container {
    min-width:auto;
    width:90%;
}
	.logo {
    float: none;
    width: 100%;
    padding: 40px 0;
		text-align:center;
}
	.logo img {
    max-width: 90%;
}
	.header-right {
    float: none;
    padding: 0;
    width: 100%;
    text-align: center;
		font-size:18px;
}
	.phone, .request {
    float: none;
    margin: 0 0 10px 0;
}
	.phone img, .request img {
    vertical-align: middle;
    margin: 0;
    width: 30px;
}
	.navigation {
    display: none;
}
#swiper {
    top:0;
}
	.intro {
		text-align:center;
	}
	.intro .alignright {
    float: none;
		max-width:100%;
		margin:20px 0;
}
	.intro h1 {
    font-size:30px;
    letter-spacing:0;
}
	.intro h1 strong {
    font-size:24px;
}
	.intro ul, .intro ol {
    text-align:left;
}
	.intro p {
    text-align:left;
}
	.cta-wide {
    padding: 20px 0;
}
	.cta-row dl {
    width: 100%;
    max-width: 100%;
    margin: 20px 0;
}
	.cta-row dl dd h2 {
    font-size:24px;
}
	.contentblock {
    float: none;
    width: 100%;
    margin: 0;
}
	.breadcrumbs {
    text-align: center;
}
	.contentblock h1 {
    font-size:30px;
		text-align:center;
}
	.sidebar {
    float: none;
    width: 100%;
		text-align:center;
}
	
.pdfitem {
	width:48%;
	margin:20px 1%;
}
}