/*
Theme Name: BiObex
Theme URI: BiObex
Author: BiObex
Author URI: BiObex
Description: 
Version: 0.1

 */

* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
article, aside, details, figcaption, figure, footer, header, nav, section, summary { display: block; }
audio, canvas, video { display: inline-block; }
html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
html, button, input, select, textarea { font-family: 'Nunito', sans-serif; }
html,body {margin:0;padding:0;width:100%;line-height: 1.5;min-height:100%;background:#ffffff;font-family: 'Nunito', sans-serif;font-size:18px;color:#333030;overflow-x:hidden;font-weight:300; }
html {overflow-y:auto;height:100%;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
body {overflow-y:hidden;min-height:100%;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}

form,p,h1,h2,h3,h4,h5,h6,table,tr,td,figure {margin:0;padding:0;}
img,table{border:0;vertical-align:middle}
.both {clear:both;}
.left {text-align:left;}
.right{text-align:right;} 
.center {text-align:center;}
img.alignleft, .fl-left {float:left;}
.fl-right {float:right;}
img {max-width:100%;height:auto !important;}
a {text-decoration:none;color:#6dac37;}
a:hover {text-decoration:underline;color:#6dac37;}
.hide   {display:none;}
.wrapper {width:90%;max-width:1200px;margin:0 auto;position:relative;}
.wrapper:after, .wrapper:before, #middle:after, #middle:before, article:after, article:before { content: ""; display:block; clear:both;}
img.aligncenter {margin:0 auto;}
img.aligncenter {display:block;margin: 0 auto;}

#header { padding: 15px 0 0px; background: #fff; position: relative; z-index: 200; position: relative;}
#header .wrapper { position:static; }
#header .logo { height: 115px; display:block; width:280px; float:left; background: transparent url(/wp-content/uploads/2015/10/sprite.png) 0 0 no-repeat;}
#header nav {float:right;padding-top:50px;}
#header nav ul {margin:0;padding:0; list-style: none;text-align:right; }
#header nav ul li {margin:0;padding:0; display: inline-block;}
#header nav ul li a { text-decoration:none;display: block; height: 70px; line-height: 70px; padding: 0 15px 20px 15px; font-size: 19px; font-weight:300; color:#231f20;}
#header nav ul li.current-menu-item a, #header nav ul li a:hover {color:#98d366; text-decoration:none;}
#header nav ul ul { position: absolute; left:0; top:130px; background:#464849; width:100%; text-align:center; display: none; }
#header nav ul ul li a {height: 55px; line-height: 55px;font-size:14px;}
#header nav ul li.menu-item-has-children:hover a {color:#98d366;}
#header nav ul li.current-menu-parent.menu-item-has-children > a {background:#464849;color:#98d366;}
#header nav ul li.menu-item-has-children:hover ul a:hover {color:#b9d6e5; background: #353738;}
#header nav ul li.menu-item-has-children:hover ul {display:none;}
#header nav ul li.current-menu-parent.menu-item-has-children ul  { display: block; }
.PageHeaderContent img { display:block; margin: 0 auto;}

#footer { padding: 30px 0; background: #eceaee; position:relative;margin-top:60px;}
#footer nav { float:right; }
#footer nav ul {margin:0;padding:0; list-style: none; text-align:right;}
#footer nav ul li {margin:0; padding:0; display: inline-block;}
#footer nav ul li a { display:block;text-align:left; height: 40px;line-height: 40px; padding-left: 30px; position: relative; color:#646464;}
#footer nav ul li a:hover {text-decoration:none;color:#6dac37;}
#footer nav ul li.logo-menu > a {padding-left: 80px; position:relative}
#footer nav ul li.logo-menu > a:after { content: "";background: transparent url(images/sprite.png) -300px -52px no-repeat; width:66px; margin-top:-13px; height:32px; position: absolute; left:0; top:50%;}
#footer .copyright {float:left;font-size: 14px; color:#646464;font-weight:300; }
#footer .copyright p {margin:0; padding: 10px 0 0 0; font-size:15px;}
#footer .copyright .logo { display:block;  background: transparent url(images/sprite.png) -400px 0 no-repeat; width:121px; height:34px;}

.page-content, .PageAdditionalContent, .PageAdditionalTopContent {padding: 20px 0; -webkit-box-sizing : border-box;&#8204;&#8203; -moz-box-sizing : border-box; box-sizing : border-box;}
.page-content .wrapper, .PageAdditionalContent .wrapper, .PageAdditionalTopContent .wrapper, #middle .wrapper { padding-left: 0%; -webkit-box-sizing : border-box;&#8204;&#8203; -moz-box-sizing : border-box; box-sizing : border-box;}
.page-content p {margin:0;padding: 15px 0; line-height: 1.3em;}

.PageHeaderContent { position: relative; margin: 50px 0 50px 0;}
.PageHeaderContent.has_post_thumbnail {margin: 0 0 60px 0;}
.PageHeaderContent.PageHeaderContentQuote.has_post_thumbnail{margin: 0 0 5px 0;}
.PageHeaderContent.PageHeaderContentHome.has_post_thumbnail {margin: 50px 0 33px 0;}
.PageHeaderContent.has_post_thumbnail .pageTitleBox { position: absolute; left:0; top:0; width:100%; height: 100%;} 
.PageHeaderContent.has_post_thumbnail .pageTitleBox .wrapper { height: 100%; display: table;}
.PageHeaderContent h1 { vertical-align: middle;display: block; font-size: 26px; font-weight:300; -webkit-box-sizing : border-box;&#8204;&#8203; -moz-box-sizing : border-box; box-sizing : border-box; line-height: 1em; color:#464646;}
.page-template-page-contact .PageHeaderContent h1, .PageHeaderContent h1 {text-transform:uppercase;}
.PageHeaderContentHome.PageHeaderContent h1 {text-transform:uppercase; }
.PageHeaderContent.has_post_thumbnail .pageTitleBox  h1, .quote-box {display: table-cell;vertical-align: middle; }
.PageHeaderContent h1 small { display:block; font-size: 24px;}
.quote-box {text-align:right;}
.quote-wrapper {vertical-align: middle;text-align:right; max-width: 600px; width:50%; display: inline-block; }
.PageHeaderContentHome .quote-wrapper {width:60% max-width: 508px;}
.PageBottomSidebar {margin-bottom: -60px;}
.PageBottomSidebar .widget { font-size: 22px;text-align:center;color:#fff; text-transform:uppercase; background:#7dc242; padding: 20px 5%; -webkit-box-sizing : border-box;&#8204;&#8203; -moz-box-sizing : border-box; box-sizing : border-box;}
.PageBottomSidebar .btn { display:block; margin: 30px auto 0 auto; border: 1px solid #FFF; color:#fff; height: 44px; line-height:44px; width:225px;-webkit-box-sizing : border-box;&#8204;&#8203; -moz-box-sizing : border-box; box-sizing : border-box; font-weight: normal; text-align:center; position: relative;padding-right:40px;}
.PageBottomSidebar .btn:hover { background:#fff;color:#7dc242; text-decoration:none;}
.PageBottomSidebar .btn:after { content: "";background: transparent url(images/sprite.png) -554px -3px no-repeat; width:25px; margin-top:-10px; height:25px; position: absolute; right:10px; top:50%;}
.PageBottomSidebar .btn:hover:after {background-position: -550px -50px;}

.page-id-9 .PageHeaderContent h1 {color: #ffffff; padding-left: 20px;}
.contact-page-content article {float:left; width:50%;}
.contact-page-content article p {padding: 10px 0;}
.contact-page-content article input, .contact-page-content article textarea { height: 40px; line-height: 40px;-webkit-box-sizing : border-box;&#8204;&#8203; -moz-box-sizing : border-box; box-sizing : border-box;padding: 0 15px; width:100%;font-family: 'Nunito', sans-serif;font-size:16px;color:#333030; font-weight:300; border: 1px solid #c1c1c1;margin:0;}
.contact-page-content article textarea { height: 200px; line-height: 1.1em; padding: 15px;}
.contact-page-content article input[type="submit"] {border: 1px solid #84bb56; width: auto;padding: 0 40px; color: #fff; text-align:center;
background: #92cb61; /* Old browsers */
background: -moz-linear-gradient(top, #92cb61 0%, #69a238 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#92cb61), color-stop(100%,#69a238)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #92cb61 0%,#69a238 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #92cb61 0%,#69a238 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #92cb61 0%,#69a238 100%); /* IE10+ */
background: linear-gradient(to bottom, #92cb61 0%,#69a238 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#92cb61', endColorstr='#69a238',GradientType=0 ); /* IE6-9 */
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
-webkit-box-shadow: 0px 3px 0px 0px #D1D1D1;
-moz-box-shadow: 0px 3px 0px 0px #D1D1D1;
box-shadow: 0px 3px 0px 0px #D1D1D1;
}
.contact-page-content article input[type="submit"]:hover {background: #69a238; /* Old browsers */
background: -moz-linear-gradient(top, #69a238 0%, #92cb61 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#69a238), color-stop(100%,#92cb61)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #69a238 0%,#92cb61 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #69a238 0%,#92cb61 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #69a238 0%,#92cb61 100%); /* IE10+ */
background: linear-gradient(to bottom, #69a238 0%,#92cb61 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#69a238', endColorstr='#92cb61',GradientType=0 ); /* IE6-9 */}
.contact-page-content aside  {float:right; width:30%;}
.contact-icons { padding: 0 0 30px 55px; position:relative;font-size:16px;}
.contact-icons b { font-weight:300; font-size:18px; display:block;}
.contact-icons:after { content: "";background: transparent url(images/sprite.png) -400px -50px no-repeat; width:35px; height:35px; position: absolute; left:10px; top:0;}
.contact-icons.icon-2:after { background-position: -450px -50px;}
.contact-icons.icon-3:after { content: "";background: transparent url(https://www.biobex.com/wp-content/uploads/2015/10/support.png) 0px 0px no-repeat; width:37px; height:37px; position: absolute; left:10px; top:0;}
.contact-icons a {color:#646464;}
.contact-icons a:hover { text-decoration: none;color:#6dac37;}
.contact-page-content .ajax-loader {float:left;}
.PageAdditionalContent {}
.PageAdditionalContent h2, .page-content h2 {margin:0; padding: 0 0 20px 0; font-size:24px; font-weight:300; text-transform:uppercase;}
.PageAdditionalContent ul, .PageSectors article ul  {margin:0;padding:0; list-style:none;}
.PageAdditionalContent li, .PageSectors article li   {margin:0;padding: 3px 0 3px 30px; position: relative;}
.PageAdditionalContent li:after, .PageSectors article li:after  {content: ""; position: absolute; left:15px; top:15px; width:7px; height:7px; background:#6dac37;-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
.contentLeft {float:left;width:65%;}
.PageRightSidebar {float:right;width:30%;}

.faq-box {}
.faq-box article {margin: 10px 0;padding: 5px 10px;}
.faq-box article h3 {margin:0;padding:0;font-size:18px; font-weight:300;}
.faq-box article h3:after { content: "";background: transparent url(images/sprite.png) -500px -50px no-repeat; width:16px; height:25px; display: inline-block; vertical-align: middle;margin: 0 10px;} 
.faq-box article.active h3:after { -ms-transform: rotate(180deg);  -webkit-transform: rotate(180deg);   transform: rotate(180deg); height:18px; }
.faq-box article .faq-content {margin:0;padding:0; display: none;}
.faq-box article.active { background: #f6f5f6; border-top: 1px solid #bfbebf; border-bottom: 1px solid #bfbebf; padding: 15px 10px;}
.faq-box article.active .faq-content { display:block; padding: 0 15px; font-weight: bold;}

.ad-btn, .my-btn, .HomePageItemsList figure a { display:block;-webkit-box-sizing : border-box;&#8204;&#8203; -moz-box-sizing : border-box; box-sizing : border-box;padding:15px 80px 15px 15px; position:relative;background: #92cb61; /* Old browsers */
background: -moz-linear-gradient(top, #92cb61 0%, #69a238 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#92cb61), color-stop(100%,#69a238)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #92cb61 0%,#69a238 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #92cb61 0%,#69a238 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #92cb61 0%,#69a238 100%); /* IE10+ */
background: linear-gradient(to bottom, #92cb61 0%,#69a238 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#92cb61', endColorstr='#69a238',GradientType=0 ); /* IE6-9 */
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
-webkit-box-shadow: 0px 3px 0px 0px #D1D1D1;
-moz-box-shadow: 0px 3px 0px 0px #D1D1D1;
box-shadow: 0px 3px 0px 0px #D1D1D1;
color:#fff; margin-bottom:15px; font-size: 22px; font-weight: 300; text-transform:uppercase; line-height: 1em;}
.ad-btn:hover, .my-btn:hover, .HomePageItemsList figure a:hover {color:#fff; text-decoration:none; background: #7dc242 none;}
.ad-btn span, .ad-btn b, .my-btn span, .my-btn b { display:block;}
.ad-btn:after, .my-btn:after { content: "";background: transparent url(/wp-content/uploads/2015/10/sprite.png) 0px -123px no-repeat; width:65px; margin-top:-32px; height:65px; position: absolute; right:5px; top:50%;}
.ad-btn.icon-2:after, .my-btn.icon-2:after { background-position: -100px -125px;}
.ad-btn.icon-3:after, .my-btn.icon-3:after { background-position: -200px -120px;}
.ad-btn.icon-4:after, .my-btn.icon-4:after {width: 175px; background-position: 0px -190px; height: 50px;}
.ad-btn.icon-5:after, .my-btn.icon-5:after {width: 175px; background-position:-180px -189px;}

.PageHeaderContentQuote, .PageHeaderContentHome {width:100%; height:485px; transparent url(images/sprite.png) 50% 50% no-repeat; background-size:cover;}
.PageHeaderContent.has_post_thumbnail.PageHeaderContentQuote { margin-top:50px;height: 324px; background-position: 50% 50%; background-size: auto 325px; background-repeat:no-repeat;}
.PageHeaderContent.has_post_thumbnail.PageHeaderContentQuote.PageHeaderContentSafe {background-size: auto 485px; height: 485px; }
.PageHeaderContent.has_post_thumbnail.PageHeaderContentQuote.PageHeaderContentSafe .quote-wrapper,  .PageHeaderContent.has_post_thumbnail.PageHeaderContentQuote.PageHeaderContentSafe .quote-box { vertical-align: top; }
.PageHeaderContent.has_post_thumbnail.PageHeaderContentQuote.PageHeaderContentSafe .quote-wrapper { padding-top: 50px; }
.PageHeaderContentHome {min-height:480px; height: auto; background-position: 100% 0%; overflow: hidden;  background-size: auto 480px; background-repeat:no-repeat;}
.quote-content  { text-align:left;font-size:22px; text-transform:uppercase;color:#536a86; font-weight:300; position: relative;}
.quote-content:after {content: " ; position: absolute; right: 0px; bottom: -10px; color: #b0b8c4; 
               font-size: 68px; line-height: 22px; vertical-align: middle; }
.quote-content:before {content: " ; position: absolute; left: -20px; top: 5x; color: #b0b8c4; 
               font-size: 68px; line-height: 22px; vertical-align: middle; }
.quote-box h3  { font-size: 15px;text-transform:uppercase;color:#7f8ea1;font-weight:300;}
.PageHeaderContentHome .quote-wrapper, .PageHeaderContentSafe .quote-wrapper,  .PageHeaderContentSafe .quote-box {text-align:left;}
.PageSectors {}
.PageSectors .wrapper {padding-right:5%;}
.PageSectors article {padding:32px 0; border-top:1px solid #e7e6e6;}
.PageSectors article:first-child {border:0;padding-top:0;}
.PageSectors figure {float:right;width:35%;text-align:center;padding-top:20px;}
.PageSectors .content-area {float:left;width:60%;}
.PageSectors.PageSafe figure {float:left;}
.PageSectors.PageSafe .content-area {float:right;}
.PageSectors article:nth-child(even) figure, .page-content.PageSafe .PageSectors.PageSafe .content-area  {float:left;}
.PageSectors article:nth-child(even) .content-area, .page-content.PageSafe .PageSectors.PageSafe figure  {float:right;}
.PageSectors.PageSafe article:nth-child(even) figure {float:right;}
.PageSectors.PageSafe article:nth-child(even) .content-area {float:left;}
.PageSectors article header {}
.PageSectors article header h2 { font-weight:300; position:relative; display:inline-block; font-size:20px; padding: 15px 0; margin: 0 0 25px 0; border-bottom: 1px solid #7dc242; text-transform:uppercase;}
.PageSectors article header h2:after { content: "";background: transparent url(images/sprite.png)  -300px -95px no-repeat; width:50px; margin-top:-35px; height:70px; position: absolute; right:-60px; top:50%;}
.PageSectors article#sectors-individuals-personal-edition header h2:after { background-position:  -300px -95px;}
.PageSectors article#sectors-enterprise-edition header h2:after { background-position:  -350px -95px;}
.PageSectors article#sectors-developer-edition header h2:after { background-position:  -400px -95px;width:54px;}
.PageSectors.PageSafe header h2:after { display:none;}
.PageSectors article p { padding-bottom: 20px; line-height: 1.4em;}
.PageHeaderContentHome ul { margin:0; padding: 40px 0 0 0; list-style: none; width:80%;}
.PageHeaderContentHome li  {margin:0;padding:0 0 10px 40px; position:relative; font-size: 20px; color:#575757;}
.PageHeaderContentHome li:after { content: "";background: transparent url(images/sprite.png)  -500px -100px no-repeat; width:25px; height:20px; position: absolute; left:0px; top:5px;}
.PageHeaderContentHome .quote-box { text-align: left;}
#middle .HomePageItemsList  .wrapper { padding-left:0; text-align:center; vertical-align: top; }
.HomePageItemsList article {padding:  0 3% 60px 3%;width:33%; display:inline-block;-webkit-box-sizing : border-box;&#8204;&#8203; -moz-box-sizing : border-box; box-sizing : border-box; text-align:center;font-size:17px; color:#333030; vertical-align: top;}
.HomePageItemsList article a {color:#333030; text-decoration:none;}
.HomePageItemsList figure a { width: 95px; height: 95px; display: block; margin:0 auto;padding:0;}
.HomePageItemsList h2 { font-size: 22px; font-weight:300;}
.HomePageItemsList header {padding: 15px 0; margin-bottom:15px; position:relative;}
.HomePageItemsList header h2 { height: 30px; line-height: 30px; overflow:hidden; text-transform: uppercase;}
.PageSectors.PageSafe {padding:60px 0 32px 0;}
.page-content.PageSafe .PageSectors.PageSafe {padding-top:0;}
.HomePageItemsList header:after { content: ""; height:1px; width: 70px; left: 50%; bottom: 0; margin-left: -35px; border-bottom: 1px solid #6aa339; position: absolute;}

.page-content.PageSafe {border-top: #d5d8d8 1px solid;border-bottom: #d5d8d8 1px solid; background: #f6f5f6; padding: 60px 0;}
.page-content.PageSafe h2 {text-align:center; font-weight:300; text-transform:uppercase; font-size:26px;}
.page-content.PageSafe .PageSectors.PageSafe h2 {font-size:20px;}
.page-content.PageSafe .PageSectors.PageSafe p   { padding: 0 0 20px 0; line-height: 1.4em; }
.page-content.PageSafe .PageSectors.PageSafe figure { padding-top: 80px; }
.page-content.PageSafe h3 {text-align:center; text-transform: uppercase; font-size:18px; font-weight: normal; padding: 0 0 13px 0; }
.page-content.PageSafe ol {counter-reset: my-badass-counter; margin:0; padding:0; list-style:none; vertical-align: top; display: table; width: 100%;}
.page-content.PageSafe ol li {margin:0;padding: 110px 20px 20px 20px;width:25%; display: table-cell;-webkit-box-sizing : border-box;&#8204;&#8203; -moz-box-sizing : border-box; box-sizing : border-box;   text-align: justify;
text-justify: inter-word; /*text-align:center;*/ position: relative; vertical-align: top; font-size:16px;}
.page-content.PageSafe ol li:before { content: counter(my-badass-counter); counter-increment: my-badass-counter; width:80px; height:80px; line-height: 80px; text-align:center; border: 2px solid #7dc242; color:  #7dc242; font-size:48px; left:50%; margin-left: -40px; top:20px; position: absolute;-webkit-border-radius: 100px;
-moz-border-radius: 100px;
border-radius: 100px; }
#test { position:absolute; top: 25px; left:50%; border: 1px solid red; opacity: .7; z-index: 99999; width: 1554px}

.PageSafeBeforeContentBox {padding-bottom: 20px;}
.PageSafeBeforeContentBox article {width:50%;float:left; padding: 25px 0;}
.PageSafeBeforeContentBox article h2 { font-weight: 300; text-transform: uppercase; font-size: 20px; margin:0; padding: 0 0 20px 0;}
.PageSafeBeforeContentBox article p   { line-height: 1.4em; margin:0; padding: 0 0 20px 0; }
.PageSafeBeforeContentBox article .content-area {float:right;width:65%;}
.PageSafeBeforeContentBox article .content-area h2 { display: none; }
.PageSafeBeforeContentBox article figure {float:left;width:30%;}
.PageSafeBeforeContentBox article:first-child {float:none;width: 80%; margin: 0 auto;text-align:center; padding-bottom:0;}
.PageSafeBeforeContentBox article:first-child .content-area, .PageSafeBeforeContentBox article:first-child figure {float:none;width:auto;}
.PageSafeBeforeContentBox article:first-child h2 { display: none; }
.PageSafeBeforeContentBox article:first-child .content-area h2 { display: block; font-size: 26px; }

@media only screen and (max-width: 1200px) {
	#footer .copyright, #footer nav {float:none; width:100%; text-align:center;}
	#footer nav {padding-bottom:20px;}
	#footer nav ul {text-align:center;}
	#footer nav ul li a {padding-left: 15px;padding-right: 15px;}
	#footer .copyright .logo {margin:0 auto;}
	.contact-page-content article {width:65%;}
	.PageHeaderContentHome {background: none;}


}
@media only screen and (max-width: 1024px) {
	#HeaderMenuBox, #header nav .close-menu { display: none; }
	#header nav .open-menu { display:block; width:40px; height: 40px;position: absolute;top: 30px;right: 40px;}
	#header .logo { height: 40px; background-size: 300px auto;width: 145px;}
	#header nav .open-menu b { display:block; width:100%; height: 7px; margin:5px 0; background:#231f20;-webkit-border-radius: 5px;-moz-border-radius: 5px; border-radius: 5px;}
	.show-menu #HeaderMenuBox { display: block; position: fixed; right:0; top:30px; background: #464849; z-index: 300; width: 280px; overflow:auto; height: 100% !important;-webkit-box-sizing : border-box;&#8204;&#8203; -moz-box-sizing : border-box; box-sizing : border-box; padding:15px 0;}
	.show-menu #HeaderMenuBox li { display:block; text-align: left;}
	#header nav ul li a { height: auto; line-height: 1.2em;padding:10px;color:#fff;}
	#header nav ul ul { display:block;left:auto;right:auto;top:auto; position:relative;} 
	#header nav ul ul a {padding-left: 20px;}
	#header nav ul li.logo-menu > a::after {left:10px;}
    #header.show-menu nav .open-menu { display:none;}
	#header.show-menu nav .close-menu { display:block;width:40px; height: 50px;background: #464849;position: fixed; top: 25px; right: 280px;}
	#header.show-menu nav .close-menu b {display:block; width:100%; height: 7px; margin: 0; background:#fff;-webkit-border-radius: 5px;-moz-border-radius: 5px; border-radius: 5px; position:absolute; left: 0; top: 22px;	-ms-transform: rotate(45deg); -webkit-transform: rotate(45deg);  transform: rotate(45deg);}
	#header.show-menu nav .close-menu b:nth-child(2n) {-ms-transform: rotate(-45deg); -webkit-transform: rotate(-45deg);  transform: rotate(-45deg);}
	#header nav ul li.menu-item-has-children:hover ul {display:block;}
	.contact-page-content article {width:50%;}
	.contact-page-content aside  {width:40%;}
	.contentLeft, .PageRightSidebar { float:none; width:100%;}
	.PageRightSidebar { text-align:center}
	.ad-btn,.my-btn { display: inline-block; width: 45%;margin-left: 1%; margin-right: 1%;}
	.quote-wrapper { width: 95%;}
	.PageSectors figure, .PageSectors article:nth-child(2n) figure, .PageSectors.PageSafe figure, .PageSectors.PageSafe article:nth-child(2n) figure {margin: 0 auto 30px auto; float:none;}
	.PageSectors .content-area, .PageHeaderContentHome .quote-wrapper {float:none;width:100%;}
	.PageSectors article header { text-align:center;}
	.HomePageItemsList article {width:45%;}
	.page-content.PageSafe ol li {width: 45%; display:inline-block;}
.PageHeaderContentHome li { padding-bottom: 0px; padding-top: 0px;}
}
@media only screen and (max-width: 760px) {
	body , .PageBottomSidebar .widget{font-size:16px;}
	.contact-page-content article,
	.contact-page-content aside  {float:none; width:100%;}
	.contact-page-content aside  {padding-top:30px;}
	.ad-btn,.my-btn { display: inline-block; width: 100%;margin-left: 0; margin-right: 0;}
	.PageSectors figure {width:60%;}
	.PageSectors article header {padding-right:50px;}
	.HomePageItemsList article {width:100%;}
	.PageHeaderContent h1 { font-size:24px; padding:20px 0;}
	.PageHeaderContentHome ul {padding:0;}
	.PageHeaderContent h1 small { font-size:16px;}
	.PageHeaderContentHome li { padding-bottom: 5px; font-size:16px; }
	.page-content.PageSafe ol li {width: 90%; display:inline-block;}
}