html { font-size:87.5%;}
* {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
:focus { outline:none}
img { max-width: 100%; height: auto; width: auto\9; /* ie8 */ border:none; }
strong, b { font-weight:700;}
em, i { font-style:italic;}
a { color:#126ba0; text-decoration: none;}
a:hover { color:#126ba0; text-decoration: underline;}

body { padding:0; margin:0; font-family: 'Open Sans', sans-serif; font-size:1rem; font-weight:400; color:#1d1d1b; background:#ffffff;}
.body { padding:0; margin:0 auto; width:100%; max-width:1200px; position:relative;}
.container { width:100%; position:relative;}
#toggle { display:none;}

/* Header */
header { width:100%; position:fixed; top:0; left:0; background:#1d1d1b; z-index:50}
.logo { width:150px; float:left; padding:1.357rem 0 0; position:relative; z-index:15; height:62px;}
/* end Header */

/* Header Image */
#video-container {padding:0; margin:2.1% 0 0 0; width:100%; float:left; position:relative;}
.body-video { padding:0; margin:0 auto; width:100%; max-width:1200px; position:relative;}
video.video-home{padding:0; margin:0; float:left; width:100%;}
#video-container .video-content {z-index:10; position:absolute; width:100%; top:37.5em;
background: -moz-linear-gradient(top,  rgba(255,255,255,0.55) 0%, rgba(255,255,255,1) 56%, rgba(255,255,255,1) 9%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(255,255,255,0.55) 0%,rgba(255,255,255,1) 56%,rgba(255,255,255,1) 9%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(255,255,255,0.55) 0%,rgba(255,255,255,1) 56%,rgba(255,255,255,1) 9%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8cffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */}
#video-container .video-content .inner {width:100%; max-width:1160px; margin:0 auto; padding:0;}
video.video-home{padding:0; margin:0; float:left; width:100%;}
.video-text{position:absolute; z-index:5; top:10em; left:10%; width:80%;}
.text{font-size:4em; text-transform:uppercase; font-weight:lighter; color:#FFF; text-align:center; width:100%;}
.text-one{display:none.;}
.text-two {display:none;}
.text-tree {display:none;}
.text-four {display:none;}
.text-five{display:none;}
.desc { float:left; width:78%; padding-left:320px; padding-right:20px; position:relative;}
.video-image-mobile{display:none;}
img.home-logo { position:absolute; top:-35px; left:0;}
.desc p { padding:9px 0 0; margin:0; font-size:0.840rem; line-height:1.470em;}
.corp-prez{padding:0.2% 0; margin:0; float:right; width:22%; background:#195685;}
/* end Header Image */

/* What's new*/
.whats-new { width:100%; float:left; background:url(../img/whats-new.jpg) no-repeat center top; -webkit-background-size:cover; background-size:cover; padding-top:1.714rem; border-bottom:24px solid #126ba0}
.text-new { width:60%; float:left; padding-right:10%;}
.text-new h2 {padding:0 0 .5rem; margin:0; font-weight:300; font-size:2.857rem;}
.text-new p { padding:0; margin:1.5rem 0 0; line-height:2}
.text-new a.more { background:#ffffff; color:#126ba0; font-size:1.714rem; font-weight:300; padding:0 4rem; display:inline-block;}
.video-container { width:40%; float:left; background:#126ba0; padding:2rem 2rem 0;}
.video-container h4 { padding:0; margin:0; font-weight:300; font-size:2.143rem; color:#ffffff;}
p.video {position: relative; padding-bottom: 56.25% !important; height: 0; overflow: hidden; display:block; margin:0 !important;}
p.video iframe, p.video object, p.video embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display:block}
/* end What's new*/

/* Blog */
.blog {width:100%; float:left; padding:3rem 0 5rem}
.blog h2 { padding:0; margin:0; font-weight:300; font-size:2.857rem;}
.blog-post { width:30.66%; float:left; margin-left:4%; padding-top:1.5rem;}
.blog-post:first-of-type { margin-left:0;}
.blog-post h4 { padding:0; margin:0; font-weight:300; font-size:1.429rem;}
.blog-post h4 a { color:#1d1d1b; text-decoration:none;}
.blog-post h4 a:focus, .blog-post h4 a:hover { text-decoration:underline;}
.blog-post p { padding:0; margin:1rem 0 0; line-height:1.8;}
.date { font-weight:700; padding-right:.5rem;}
.blog-post a.more { background:#126ba0; color:#fff; font-size:1.429rem; font-weight:300; padding:0 4rem; display:inline-block;}
.blog-post img { width:100%;}
/* end Blog */

/* Development */
.development {width:100%; float:left; padding:3rem 0 5rem; background:url(../img/development.jpg) no-repeat center top; background-size:cover;}
.inner-dev {padding:60px 0 0 !important; }
.development h3, .inner-dev h1 { padding:0; margin:0; text-align:center; font-weight:300; font-size:2.857rem}
.development h3 a, .inner-dev h1 span { color:#1d1d1b; text-decoration:none; border-bottom:1px solid #ffffff; padding:1rem 3rem; display:inline-block;}
.development article { width:74%; float:left; padding:0 16% 2rem 0}
.development article p { line-height:2; padding:0; margin:.5rem 0 2rem;}
.development article a.more { background:#126ba0; color:#fff; font-size:1.429rem; font-weight:300; padding:0 4rem; display:inline-block;}
.development aside { width:26%; float:left; margin:1rem 0 2rem; text-transform:uppercase}
.development aside ul { padding:0; margin:0; list-style:none;border-left:2px solid #aacadd; }
.development aside ul li a { display:block; border-left:4px solid #dedede; padding:.857rem 2rem; color:#126ba0; text-decoration: none;}
.development aside ul li a.selected, .development aside ul li a:focus, .development aside ul li a:hover { font-weight:700; text-decoration:underline; border-left:4px solid #aacadd;}

.nav-icons { width:100%; float:left; padding:6rem 0; text-align:center;
display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex;
-ms-flex-wrap:wrap; flex-wrap:wrap;
-webkit-box-align: start; -ms-flex-align: start; -ms-grid-row-align: flex-start; align-items: flex-start;
-webkit-box-pack:center; -ms-flex-pack:center; justify-content:center;
}

.inner-dev .nav-icons { padding-bottom:0}
.single-icon { width: auto; background:url(../img/line.png) repeat-x left 40px; text-transform:uppercase; vertical-align:top; padding:0 .5rem; margin-bottom:2rem; display:block}
.inner-dev .single-icon { margin-bottom:0;}
.single-icon a { color:#1d1d1b; text-decoration:none}
.single-icon a:hover { text-decoration:none;}
.single-icon a:hover svg path, .single-icon a.active svg path  {fill: #ff9600 !important;}
.single-icon a:hover svg circle, .single-icon a.active svg circle {fill: #1d1d1b !important;}
.inner-dev .single-icon a { display: inline-block; padding-bottom:1rem; border-bottom:7px hidden #ffffff;}
.inner-dev .single-icon a.active {/*border-bottom:7px solid #ffffff;*/ font-weight:700;}


/* end Development */

/* Home Section */
.home-section { width:100%; clear:both; float:left;}
.top-image { width:100%; clear:both}
.top-image img { width:100%; display:block;}
.top-image h3 { padding:0; margin:0; position:absolute; left:0; bottom:4rem; font-weight:300; font-size:2.857rem; text-shadow:2px 2px 1px rgba(0,0,0,.75)}
.top-image h3 a, .top-image h3 a:focus, .top-image h3 a:hover { color:#ffffff;text-decoration: none;}
.top-image + .body { padding:2rem 0}
.home-section article { width:74%; float:left; padding:0 16% 2rem 0}
.home-section article p { line-height:2; padding:0; margin:.5rem 0 2rem;}
.home-section aside { width:26%; float:left; margin:1rem 0 2rem; text-transform:uppercase}
.home-section aside ul { padding:0; margin:0; list-style:none;border-left:2px solid #aacadd; }
.home-section aside ul li a { display:block; border-left:4px solid #ffffff; padding:.857rem 2rem; color:#126ba0; text-decoration: none;}
.home-section aside ul li a.selected, .home-section aside ul li a:focus, .home-section aside ul li a:hover { font-weight:700; text-decoration:underline; border-left:4px solid #aacadd;}
.home-section article a.more { background:#126ba0; color:#fff; font-size:1.429rem; font-weight:300; padding:0 4rem; display:inline-block;}
a.more:focus, a.more:hover { text-decoration:none;}

.blue { background:#126ba0; color:#fff;}
.blue aside ul li a { border-left:4px solid #126ba0; color:#fff;}
.blue aside ul li a.selected, .blue aside ul li a:focus, .blue aside ul li a:hover {color:#fff}
.blue article a.more { background:#ffffff; color:#126ba0;}
/* end Home Section */

/* Footer */
footer { width:100%; clear:both; background:#1d1d1b; padding:2rem 0; font-size:.857rem; color:#fff}
footer img { float:left; border-right:1px solid #3f3f3d; padding-right:1rem; margin-right:1rem}
footer a, footer a:focus, footer a:hover { color:#ffffff;}
/* end Footer */

/* Carousel */
.home-carousel {width:100%; clear:both; float:left; padding:2rem 0 0 0;}
.home-carousel .body { overflow-x:hidden;}
.liquid { padding:0; width:100%; float:left; background:#ffffff; min-height:80px;}
.liquid .previous {display:block; height:76px; width:46px; background:url('js/previous.png') no-repeat center center; float:left; margin:0; padding:0; cursor:pointer;}
.liquid .next {display:block; height:76px; width:43px; background:url('js/next.png') no-repeat center center; float:right; margin:0; padding:0; cursor:pointer;}
.liquid ul li {width:120px; padding:0 2px; margin:0; text-align:center;}
.liquid img {filter: url('js/filters.svg#grayscale'); /* Firefox 3.5+ */
	filter: gray; /* IE6-9 */
	-webkit-filter: grayscale(1); /* Webkit Nightlies & Google Chrome Canary */ opacity:0.7; -webkit-transition:all 0.2s linear; transition:all 1s linear; width:80%;}
.liquid img:hover {
filter: none; /* Applies to FF + IE */
	-webkit-filter: grayscale(0);	
	opacity:1;}
.owl-carousel .owl-wrapper:after {display: block; visibility: hidden; clear: both; height: 0; content: "."; line-height: 0;}
.owl-carousel { position: relative; width: 100%; -ms-touch-action: pan-y;  padding:0 30px;}
.owl-carousel .owl-wrapper {position: relative; display: none; -webkit-transform: translate3d(0px, 0px, 0px);}
.owl-carousel .owl-wrapper-outer { position: relative; overflow: hidden; width: 100%;}
.owl-carousel .owl-wrapper-outer.autoHeight {-webkit-transition: height 500ms ease-in-out;-moz-transition: height 500ms ease-in-out; -ms-transition: height 500ms ease-in-out; -o-transition: height 500ms ease-in-out; transition: height 500ms ease-in-out;}
.owl-carousel .owl-item { float: left; text-align:center;}
.owl-controls {}
.owl-carousel .owl-wrapper, .owl-carousel .owl-item { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden;}
.owl-theme .owl-controls { margin-top:0; text-align: center;}

.item { margin:0 15%; background: #fff; padding:0; display:inline-block; position:relative; width:70%;}
.item img {width:100%; height:100%;}

.owl-carousel .owl-controls .owl-nav .owl-prev,
.owl-carousel .owl-controls .owl-nav .owl-next { cursor: pointer; cursor: hand; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none;  -ms-user-select: none; user-select: none; position:absolute;  width:30px; height:55px; top:1em; text-indent:-9999px;}
.owl-carousel .owl-controls .owl-nav .owl-prev { background:url(../img/prev.png) no-repeat center center #fff; left:0}
.owl-carousel .owl-controls .owl-nav .owl-next { background:url(../img/next.png) no-repeat center center  #fff; right:0}


/* inner pages */
.title-section { width:100%; min-height:390px; float:left; position:relative; margin-bottom:2%; top:40px;}
.title-section h1 { padding:2rem 0; margin:0; position:absolute; bottom:0; left:0; background:rgba(0,0,0,.6); font-weight:300; font-size:2.857rem; width:100%; color:#ffffff;}
.title-section h2 { padding:1.5rem 0; margin:0; position:absolute; bottom:0; left:0; background:rgba(0,0,0,.6); font-weight:300; font-size:1.429rem; width:100%; color:#ffffff; text-transform:uppercase;}
.title-section h1 span, .title-section h2 span {padding:0; margin:0 auto; width:100%; max-width:1200px; display:block;}

.main-content { width:100%; float:left; padding:3rem 0 1rem 0;}
.gray { background:#dfdfdf}
.main-content article { width:72%; float:left; padding:0 7% 2rem 0}
.main-content article.fullwidth { width:100%; padding-right:0}
.main-content article p { line-height:1.7; padding:0; margin:0rem 0 1rem 0;}
.main-content aside { width:28%; float:left; margin:0 0 2rem;}
.main-content h3 { padding:.5rem 1rem; margin:6rem 0 2rem; font-weight:400; font-size:1.429rem; color:#126ba0; background:url(../img/fly.png) no-repeat right top #dfdfdf; text-transform:uppercase;}
.main-content h3:first-child { margin-top:0}
.main-content h4 { padding:0; margin:0 0 2rem; font-weight:400; font-size:1.429rem; color:#126ba0; text-transform:uppercase;}
.main-content h2 { padding:0; margin:0 0 2rem; font-weight:400; font-size:1.429rem; text-transform:uppercase;}

.contact-button { width:100%; float:left; padding:2rem 1.5rem; margin:0 0 1rem; background:url(../img/contact-button.jpg) no-repeat right center; background-size:100% auto; text-transform:normal; font-size:1.150rem; font-weight:300; text-align:right; line-height:2rem;}
.contact-button a { color:#ffffff; text-decoration: none;}
.contact-button img { vertical-align:middle; margin-right:.5rem;}

.demo-button { width:100%; float:left; padding:1.5rem; margin:0 0 1rem; background:url(../img/demo-button.png) no-repeat right center; background-size:100% auto; text-transform:uppercase; font-size:1.429rem; font-weight:300;}
.demo-button a { color:#ffffff; text-decoration: none;}
.demo-button img { vertical-align: middle; margin-left:.5rem;}

.newsletter {width:100%; float:left; padding:1rem 1.5rem; margin:0 0 1rem; background:#126ba0; text-transform:uppercase; font-size:0.857rem; font-weight:300;}
.newsletter h3 { font-size:1.2rem; background:#126ba0; display:inline-block; margin:0; padding:.5rem .5rem 0.5rem 0; color:#FFF;}
form.newsletter_form{padding:0; margin:0; float:left; width:100%;}
.i1{padding:2%; margin:2% 0; float:left; width:100%; border:none; background:#FFF; color:#3e3e3e;}
.newsletter span{padding:0; margin:0; float:left; width:100%; font-size:1em; color:#FFF; text-transform:none;}
.btn-newsletter{padding:2%; margin:3% 0; float:left; width:100%; background:#FFF; color:#126ba0; font-size:1.2rem; text-transform:uppercase; border:none; cursor:pointer;}
.row-of-two{padding:0; margin:0; float:left; width:50%; color:#FFF; text-transform:none;}
button.nwsl-btn {width:100%; float:left; padding:0.7rem 1.5rem; margin:0; background:url(../img/arrowdown-white.png) no-repeat center right #126ba0; border:none; font-size:1.15rem; color:#FFF; text-align:left; font-weight:100; cursor:pointer; line-height: 2rem; font-family:"Open Sans",sans-serif;}
.result{color:#ffffff;}

.recommend { width:100%; float:left; margin:2rem 0;}
.main-content aside h5 { padding:0; margin:0 0 .5rem; text-transform:uppercase; font-size:1.429rem; font-weight:300;}
.recommend ul { padding:0; margin:0; list-style:none;}
.recommend ul li { display:block; padding:1.5rem 0 .5rem; border-top:1px solid #dfdfdf;}
.recommend ul li:nth-of-type(even) a { color:#1d1d1b; text-decoration:none;}
.recommend ul li:nth-of-type(even) a:hover { text-decoration:underline;}
.recommend ul li:before { content:''; float:left; background:url(../img/bullet1.png) no-repeat top left; width:15px; height:10px; margin-top:.3rem}
.recommend ul li:nth-of-type(even):before { content:''; float:left; background:url(../img/bullet2.png) no-repeat top left; width:15px; height:10px; margin-top:.3rem}

aside div + .recommend { margin-top:3rem;}

.inner-nav {width:100%; float:left; margin-bottom:1rem; text-transform:uppercase; border-left:2px solid #aacadd;}
.inner-nav ul { padding:0; margin:0; list-style:none; }
.inner-nav ul li a { display:block; border-left:4px solid #ffffff; padding:.857rem 2rem; color:#126ba0; text-decoration: none;}
.inner-nav ul li a.selected, .inner-nav ul li a:focus, .inner-nav ul li a:hover { font-weight:700; text-decoration:underline; border-left:4px solid #aacadd;}
.main-content aside .inner-nav h5 { padding:.857rem 2rem; border-left:4px solid #ffffff;}
.gray .inner-nav ul li a, .gray aside .inner-nav h5 {border-left:4px solid #dfdfdf;}
.gray .inner-nav ul li a.selected, .gray .inner-nav ul li a:focus, .gray .inner-nav ul li a:hover {border-left:4px solid #aacadd;}

.clients-list { -moz-column-count: 2; -moz-column-gap: 20px; -webkit-column-count: 2; -webkit-column-gap : 20px; column-count: 2; column-gap: 20px;}
.clients-list a { color:#1d1d1b; text-decoration:none;}
.clients-list a:focus, .clients-list a:hover { color:#1d1d1b; text-decoration: underline; font-weight:700;}
.home-carousel h3 { padding:.5rem 0; margin:0 0 1.5rem; text-transform:uppercase; font-size:1rem; font-weight:400; border-bottom: 1px solid #dfdfdf;}

.client-logo { padding:4rem 3rem; margin:0 4% 0 0; float:left; border:1px solid #aacadd; width:100%; max-width:280px; text-align:center;}
table.docs-list { padding:0; margin:2rem 0; width:100%; border-collapse:separate; border-spacing:.5rem 1rem}

table.docs-list tr td { padding:0 1rem;}
table.docs-list tr td:first-of-type { width:55px; padding:0 0}
table.docs-list tr td:last-of-type { width:20%; text-align:center; text-transform:uppercase; background:#126ba0; -webkit-border-radius:20px; border-radius:20px;}
table.docs-list tr td:last-of-type a { color:#ffffff; text-decoration:none; display:inline-block; width:100%; padding:1rem 0}
table.docs-list tr td:nth-of-type(2) { border:1px solid #126ba0; -webkit-border-radius:20px; border-radius:20px; }

article blockquote { background:#126ba0; width:100%; display:block; clear:both; padding:2.5rem; color:#ffffff; line-height:2; margin:0}
article blockquote strong { font-weight:400; font-size:1.429rem; text-transform:uppercase}

.partner-section { width:100%; float:left; padding-bottom:3rem;}
.box { width:23.2%; display:inline-block; margin-left:2%; text-align:center; padding-bottom:1.5rem; vertical-align:top}
.box:nth-of-type(4n+1) { margin-left:0; clear:left;}
.box a { display:block; padding:1rem; color:#1d1d1b; text-decoration:none;  border:1px solid #b2ddf6; background:#ffffff;}
.box.team a { padding:0; position:relative; float:left; width:100%; text-align:left !important}
.box a .client-logo-big { margin:0; padding:15px 0; display: block; vertical-align:middle; background:#ffffff; width:100%; text-align:center;}
.box a .client-logo-big img { max-height:85px; border:none !important}
.box a p { padding:0; margin:1rem 0 0; line-height:1.5}
.box a:focus, .box a:hover { background:#126ba0; border:1px solid #126ba0; -webkit-box-shadow: 0 0 4px 0 rgba(0,0,0,0.5); box-shadow: 0 0 4px 0 rgba(0,0,0,0.5); color:#ffffff; text-decoration:none;}

article .box.team .team-logo { float:left; width:40%; margin:0 1rem 0; padding:0; border:none;}
.box.team h5 { text-transform:uppercase; font-weight:400; color:#126ba0; font-size:1rem; line-height:1.8; padding:1rem 0 0; margin:0}
.box a:focus h5, .box a:hover h5, .box.team a:focus span, .box.team a:hover span { color:#ffffff;}

.box.team a span { position:absolute; right:1rem; bottom:0; font-weight:800; font-size:2rem; color:#126ba0;}

article .team-logo {float:left; border:1px solid #dfdfdf; padding:1.5rem; margin:0 3rem 3rem 3rem; width:100%; max-width:250px; text-align:center}
article .team-logo img { display:block;  border:none !important}

.main-content h5 { padding:0; margin:5rem 0 0; font-weight:400; font-size:1rem; color:#126ba0; text-transform:uppercase;}
.main-content h5 + p { margin-top:.5rem}

#map_div { width:100%; height:20rem; display:block; border:2px solid #fff;}
.contact-info {width:100%; float:left; margin-bottom:1rem;}
.contact-info h5 { color:#1d1d1f}
.contact-info a { color:#1d1d1f; text-decoration:underline;}
.main-content .contact-info h5 + p { margin-top:2rem;  line-height:1.8;}

.form-col span { padding-right:2rem; display:inline-block; padding-bottom:1.5rem}
.form-col .checkbox-label {display: inline-block; position: relative;  font-family: 'Open Sans', sans-serif; font-weight: 400;}
.form-col .checkbox-label:hover { cursor: pointer;}
.form-col input[type="checkbox"].checkbox {opacity: 0; position: absolute;}
.form-col input[type="checkbox"] + .checkbox-label:before { content: ''; background: #1d1d1f; border: 1px solid #1d1d1f; display: inline-block; width:18px; height:18px; margin-right: 1rem;  vertical-align: middle; cursor: pointer; text-align: center;}
.form-col input[type="checkbox"]:checked + .checkbox-label:before { content:''; background:url(../img/checkbox.png) no-repeat center center #1d1d1f;  width:18px; height:18px;}
.form-col input[type="checkbox"]:focus + .checkbox-label:before {outline: none; border-color: #fcda48;}
.form-col input[type="checkbox"] + .checkbox-label:empty:before { margin-right: 0;}

.form-col { width:49%; float:left; margin-left:2%;}
.form-col:first-of-type { margin-left:0}
.form-col:last-of-type { margin-left:0; width:100%;}

.form-col input.f1 {width:100%; height:3.5rem; background:#ffffff;  border:1px solid #b2ddf6; margin-bottom:1.5rem; color: #1d1d1f; font-family: 'Open Sans', sans-serif; font-weight: 400; font-size:1rem; padding-left:1rem;}
.form-col:last-of-type input.f1 {width:49%}
::-webkit-input-placeholder {opacity:1; color: #1d1d1f;}
:-moz-placeholder { opacity:1; color: #1d1d1f;}
::-moz-placeholder {opacity:1; color: #1d1d1f;}
:-ms-input-placeholder {opacity:1; color: #1d1d1f;}
::placeholder {opacity:1; color: #1d1d1f;}

.form-col input.f2 { width: auto; height:3.5rem; background:#1d1d1d; border:1px solid #1d1d1d; color: #ffffff; font-family: 'Open Sans', sans-serif; font-weight: 400; text-transform:uppercase; font-size:1.429rem; padding:0 2.5rem}

.form-col textarea {width:100%; height:11.5rem; background:#ffffff;  border:1px solid #b2ddf6; margin-bottom:1.5rem; color: #1d1d1f; font-family: 'Open Sans', sans-serif; font-weight: 400; font-size:1rem; padding:1rem; resize:none;}

.list-article2 { width:100%; float:left; padding:0 0 .5rem; margin-top:2rem; border-bottom:1px solid #b2ddf6;}
.list-article2 img { float:left; margin-right:2rem; max-width:20rem;}
.list-article2 a.more { color:#ffffff; text-decoration:none; background:#126ba0; padding:0 1rem; display:inline-block; float:right;}
.main-content article .list-article2 p {margin:1rem 0 0; line-height:1.8}
.archive-button {width:100%; float:left; font-size:1.429rem; font-weight:300; text-align:center; padding-top:.3rem;}
.archive-button a { display:block; background:#dfdfdf; padding:.5rem 0}
.archive-button a img { vertical-align:middle}
.archive-button a:hover { text-decoration:none;}

.list-article1 { width:100%; float:left; margin-bottom:2rem; border:1px solid #b2ddf6; background:#FFF;}
.text-article { width:85%; float:left; padding:0.5rem 1.5rem;}
.text-article img { float:left; max-height:125px; margin:0.8% 2rem 0.8% 0;}
.button-article { width:15%; float:left; margin:3.5rem 0 0 0;}
.button-article a.more {background:#126ba0; color:#fff; font-size:1.429rem; font-weight:300; padding:.5rem 3rem; display:inline-block;}
.main-content article .list-article1 p {margin:1rem 0 0; line-height:1.8}
.main-content .list-article1 h4 { padding:0; margin:0 0 0 0; text-transform: none;}
.main-content article p.video { margin-top:-1.9rem !important}

.rounded-buttons { width:100%; float:left; padding:2rem 0; border-top:1px solid #196fa3}
.rounded-buttons a { width:11.7%; float:left; background:#ffffff; border:1px solid #b2ddf6; -webkit-border-radius:13px; border-radius:13px; text-align:center; padding:0.8em 1em; margin-left:2%; margin-bottom:2rem; min-height:60px !important; font-size:0.875em;}
.rounded-buttons a:nth-of-type(7n+1) { margin-left:0}
.rounded-buttons a.active, .rounded-buttons a:hover {background:#196fa3; border:1px solid #196fa3; color:#ffffff; text-decoration: none; -webkit-box-shadow: 0 0 2px 1px rgba(0,0,0,0.3); box-shadow: 0 0 2px 1px rgba(0,0,0,0.3);}

.row { width:100%; display:block; border-top:1px solid #ffffff; padding:1rem 0;}
.row table { padding:0; margin:0; width:100%; border-collapse:collapse;}
.row table tr td { padding:1rem .5rem 0 1rem;}
.row table tr td:first-of-type { text-transform:uppercase; text-align:right; width:20%; border-right:2px solid #fff;}
.row table tr td a {width:23%; float:left; background:#ffffff; padding:0.8em 1em; margin:0 2% 1rem 0; height:60px; font-size:0.875em; display:block;
-webkit-box-shadow: 0 0 0 1px #b2ddf6; box-shadow: 0 0 0 1px #b2ddf6; -webkit-border-radius:13px; border-radius:13px; text-align:center; vertical-align:middle !important; }
.row table tr td a.active, .row table tr td a:hover {background:#196fa3; color:#ffffff;  -webkit-border-radius:13px; border-radius:13px; text-decoration: none; -webkit-box-shadow: 0 0 2px 1px rgba(0,0,0,0.3); box-shadow: 0 0 2px 1px rgba(0,0,0,0.3);}
.row table tr td a span { display: table-cell; vertical-align:middle; padding:0 1rem}
.info { width:50%; float:left; padding-right:2%;}
.data { width:50%; float: left; padding-left:2%}
.info table { padding:0; margin:2rem 0; width:100%; border-collapse:collapse; border-top:1px solid #b2ddf6;}
.info table tr td { border-bottom:1px solid #dfdfdf; font-size:0.857rem; padding:1rem;}
.info table tr:last-of-type td {border-bottom:1px solid #b2ddf6;}
.info table tr td:first-of-type { width:20%; font-size:1rem; text-align:right;}
.info table tr:first-of-type td { color:#126ba0}
.info table tr td span { display:inline-block; border:1px solid #dfdfdf; border-radius:5px; padding:.3rem .6rem;}
.info table tr:first-of-type td span {border:1px solid #b2ddf6;}
.info table tr td a { display:inline-block; border:1px solid #dfdfdf; border-radius:5px; padding:.3rem .6rem; color:#1d1d1f; text-decoration:none;}
.info table tr td a:hover {color:#126ba0;border:1px solid #b2ddf6}

.download { width:100%; float:left; border:1px solid #b2ddf6; border-bottom:none; padding:2rem;}
.download img { float:left; margin-right:2rem; border:1px solid #dfdfdf; max-width:150px;}
.form-data {width:100%; float:left; border:1px solid #dfdfdf; border-top:none; background:#dfdfdf; padding:4rem 2rem 2rem 2rem; position:relative;}
.form-data:before { content:''; position:absolute; width: 0; height: 0; border-left: 40px solid transparent; border-right: 40px solid transparent; border-top: 40px solid #ffffff; top:0; left:2rem}
.form-data ul { padding:0; margin:0; list-style:none;}
.form-data ul li { width:50%; float:left; padding-right:2rem; padding-bottom:1rem}
.form-data ul li:last-of-type { width:100%; text-align:center;}
.form-data input.f1 {width:100%; height:3rem; background:#ffffff;  border:1px solid #b2ddf6; color: #126ba0; font-family: 'Open Sans', sans-serif; font-weight: 400; font-size:1rem; padding-left:1rem; -webkit-border-radius:10px; border-radius:10px;}
.form-data input.f1::-webkit-input-placeholder {opacity:1; color: #126ba0;}
.form-data input.f1:-moz-placeholder { opacity:1; color: #126ba0;}
.form-data input.f1::-moz-placeholder {opacity:1; color: #126ba0;}
.form-data input.f1:-ms-input-placeholder {opacity:1; color: #126ba0;}
.form-data input.f1::placeholder {opacity:1; color: #126ba0;}

.form-data input.f2, .filter form div.col input.f2 { width: auto; height:3rem; background:#126ba0; border:1px solid #126ba0; color: #ffffff; font-family: 'Open Sans', sans-serif; font-weight: 400;font-size:1.429rem; padding:0 2.5rem}
.filter form div.col input.f2 { width:100%; text-transform:lowercase;}

.resurs-video{padding:0; margin:0; float:left; width:100%;}
video.video-resurs{padding:0; margin:0; float:left; width:100%;}
.video-inner-embed{position: relative;
padding-bottom: 56.25%;
padding-top: 30px; height: 0; overflow: hidden;}

.video-inner-embed iframe,
.video-inner-embed object,
.video-inner-embed embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}


.list-article2 div { width:calc(100% - 17rem); float:right;}
.list-article2 table { padding:0; margin:2rem 0 0; width:100%; border-collapse:collapse; border-top:1px solid #b2ddf6;}
.list-article2 table tr td { border-bottom:1px solid #dfdfdf; font-size:0.857rem; padding:.3rem 1rem;}
.list-article2 table tr:last-of-type td {border-bottom:0px solid #b2ddf6;}
.list-article2 table tr td:first-of-type { width:20%; font-size:1rem; text-align:right;}
.list-article2 table tr:first-of-type td { color:#126ba0}
.list-article2 table tr td span { display:inline-block; border:1px solid #dfdfdf; border-radius:5px; padding:.3rem .6rem;}
.list-article2 table tr:first-of-type td span {border:1px solid #b2ddf6;}

.filter { width:100%; float:left; border:1px solid #b2ddf6; padding:2rem 0 2rem 2rem;}
.main-content .filter h5 { margin:0}
.filter form div.col { float:left; width:25%; padding-right:2rem; padding-top:1rem; position:relative; text-align:center;}
.label-from-select { display: block; padding: 0.4rem; font-size:.857rem; position:relative; background: url(../img/remove.png) no-repeat 98% center #dfdfdf;  border:1px solid #b2ddf6;  border-radius:5px; margin-top:.3rem; width:100%; text-align:left}
.label-from-select input[type=checkbox] {opacity: 0; position: absolute;}

.filter form select { background:url(../img/select.png) no-repeat 98% center #ffffff; border:1px solid #b2ddf6;  border-radius:5px; font-size: 14px; height:3rem; padding: 5px 1rem; width: 105%; color: #1d1d1f; font-family: 'Open Sans', sans-serif; font-weight: 400; font-size:1rem; width:100%; position:relative; -webkit-appearance: none; -moz-appearance: none; appearance: none;}

.pages { padding:.5rem 2rem; margin:0; width:100%; background:#136b9f; float:left; text-align:center; font-size:1.429rem; position:relative;}
.pages a { display:inline-block; margin:0 .3rem; color:#ffffff; text-decoration:none;}
.pages a:first-of-type { position:absolute; left:2rem;}
.pages a:last-of-type { position:absolute; right:2rem;}
.pages strong {color:#1d1d1f; margin:0 .3rem;}

.bloglist{margin:5% 0 0 0; background:#DFDFDF;}
.bloglist a{color:#666;}
.bloglist strong {color:#333;}

.list-news { width:100%; float:left; margin-bottom:2rem; border-bottom:2px solid #b2ddf6;}
.image-news { width:30%; float: left;}
.image-news img { width:100%;}
.text-news { width:70%; float:left; position:relative; padding-left:2rem;}
.text-news div { height:200px; overflow:hidden;}
.text-new h4{padding:0; margin:2rem 0; font-weight:400; font-size:1.290rem; text-transform:uppercase;}
.text-new h4 a{color:#1d1d1f; text-decoration:none;}
.text-new h4 a:hover{text-decoration:underline;}

.toggle { position:absolute; appearance:none; cursor:pointer; left:-100%; top:-100%;}
.toggle + label { position:absolute; cursor:pointer;  right:0; bottom:0; background:#ffffff; color:#ffffff; -webkit-font-smoothing: antialiased; width:100%; text-align:right; font-size:1.429rem; width:100%; padding-top:2rem;}
.toggle:checked + label { bottom:8px;}
.toggle + label:after { content:"покажете текста"; background:#126ba0; padding:.5rem 2rem;}
.toggle:checked ~ div { height: auto !important; overflow: auto; padding-bottom:3rem}
.toggle:checked + label:after { content:"скрийте текста";  background:#126ba0; padding:.5rem 2rem; bottom:5px}


/* *** NAV *** */
nav { width:100%; position:absolute; padding-left:150px; top:0; right:0; height:60px;}
nav ul { padding:0 0 0 10px; margin:0; list-style:none; width:100%; text-transform:uppercase; display:table}
nav ul li { display:table-cell;}
nav ul li img { height:18px;}
nav ul li.black { padding:15px 0 13px; background:#1d1d1f;  position:relative;}
nav ul li.black a { display:inline-block; border-left:1px solid #444443; padding:5px 10px; color:#ffffff; text-decoration:none;}
nav ul li.black a:hover { text-decoration:underline;font-weight:700;}
nav ul li.black a::after {display:block; content:attr(title); font-weight:700; height:1px; color:transparent; overflow:hidden; visibility:hidden;}
nav ul li.orange { background:#ff9600; height:60px; text-align:center; font-weight:800;  padding:14px 10px 3px; display:table-cell; vertical-align:bottom}
nav ul li.orange.l1 { padding:10px 10px 3px 10px;}
nav ul li.orange a { color:#1d1d1f; display:inline-block; border-bottom:3px solid #ff9600; position:relative; font-weight:700;}
nav ul li.orange a:hover { text-decoration:none;}

.menu1 {position: absolute; top: 100%; left: 0; width:270px; height: auto; padding:0; background: #1d1d1f; display: none;}
.menu2 {position: absolute; top: 100%; right: 0; width:366px; height: auto; padding:0; background: #ff9600; display: none;}
.mega-menu {position: absolute; top: 100%; right: 0; width:100%; height:90vh; overflow:auto; padding:0; background: #ff9600; font-weight:400; display:none; border-top:1px solid rgba(255,255,255,.2)}

nav ul li:hover > .menu1, nav ul li:hover > .menu2, nav ul li:hover > .mega-menu { display:block}

nav ul li > .menu1 ul {padding:0; display:block;}
nav ul li > .menu1 li { display:block; width:100%; padding:0}
nav ul li > .menu1 li a { display:inline-block; border-left:0px solid #444443; padding:1rem; color:#ffffff; text-decoration:none; width:100%;}
nav ul li > .menu1 li a:hover { background:#ff9600; color:#1d1d1f;}

nav ul li > .menu2 ul {padding:0; display:block}
nav ul li > .menu2 li { display:block; width:100%; padding:0; height:auto; text-align:right; font-weight:400; border-top:1px solid rgba(255,255,255,.2)}
nav ul li > .menu2 li a { display:inline-block; border-left:0px solid #444443; padding:1rem; color:#1d1d1f; text-decoration:none; width:100%;}
nav ul li > .menu2 li a:hover { background:#1d1d1f; color:#ffffff;}

nav ul li > .mega-menu div { width:33.33%; padding:1rem; float:left; /*border-bottom:1px dotted rgba(0,0,0,.5); border-right:1px dotted rgba(0,0,0,.5); border-left:1px dotted rgba(0,0,0,.5); border-top:1px dotted rgba(0,0,0,.5);*/}
.coll { width:33.33%; padding:1rem; float:left;}
nav ul li > .mega-menu div:nth-of-type(1), nav ul li > .mega-menu div:nth-of-type(2), nav ul li > .mega-menu div:nth-of-type(4), nav ul li > .mega-menu div:nth-of-type(5) {border-right:1px dotted rgba(0,0,0,0);}
/nav ul li > .mega-menu div:nth-of-type(2), nav ul li > .mega-menu div:nth-of-type(5) {border-left:1px dotted rgba(0,0,0,0);}
nav ul li > .mega-menu div:nth-of-type(1), nav ul li > .mega-menu div:nth-of-type(2), nav ul li > .mega-menu div:nth-of-type(3) {border-bottom:1px dotted rgba(0,0,0,0);}

/*.coll{padding:1rem; margin:0; float:left; width:33.33%; border:1px solid #000;}*/
nav ul li > .mega-menu ul {padding:0; display:block; width:auto}
nav ul li > .mega-menu ul li { width:100%; float:left; padding:0; margin:0; color:#FF9600; font-weight:bold; text-transform:uppercase; text-align:left;font-size:.857rem; background:#000; line-height:2.5em;}
nav ul li > .mega-menu ul li p{padding:0 0 0 1em; margin:0; float:left;}
nav ul li > .mega-menu ul li ul li { width:100%; float:left; padding:.3rem 0 .8rem; color:#1d1d1f; text-transform:none; font-size:.857rem; font-weight:700; text-align:left; background:#FF9600;}
nav ul li > .mega-menu ul li ul li ul li { width:100%; float:left; padding:0; color:#1d1d1f; text-transform:none;  font-size:.857rem; font-weight:400; text-align:left;  line-height:1.5em;}
nav ul li > .mega-menu ul li ul li ul li a:before { display:inline-block; float:left; content:'►'; padding-right:.5rem; padding-top:.3rem; font-family:Arial, Helvetica, sans-serif; font-size:.563rem}
nav ul li > .mega-menu ul li ul li a { text-decoration:underline}
nav ul li > .mega-menu ul li ul li ul li a { font-weight:normal; text-decoration:none;}

nav ul li.orange a:hover {border-bottom:3px solid #ff9600}
nav ul li.orange a.edu:hover:after  { content:''; position: absolute; bottom:-6px; left:0; width:100%; height:3px; background:rgba(255,255,255,.2);}

.accordeon-header{padding:0; margin:0 0 5% 0; float:left; width:100%;}
.accordeon-header h3{padding:0; margin:0; float:left; width:100%; font-size:1rem; text-transform:uppercase; font-weight:normal; background:url(../img/arrow-down.jpg) no-repeat center right #FFF; border-bottom:1px solid #126ba0;}