body {font-family: 'GothamPro', sans-serif; font-weight: 200; color: #222425; font-size: 17px; line-height: 1.75em; margin-top:98px;} a { color: #50a245; transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; } .transition {transition: all ease-in-out 0.3s; -o-transition: all ease-in-out 0.3s; -moz-transition: all ease-in-out 0.3s; -ms-transition: all ease-in-out 0.3s; -webkit-transition: all ease-in-out 0.3s;} h1{font-size: 52px;line-height: 1.1em;font-family: 'GothamPro', sans-serif; margin: 0 0 15px 0;padding: 0px;} h2{font-size: 52px;line-height: 1.1em;font-family: 'GothamPro', sans-serif; margin: 0 0 15px 0;padding: 0px;} h3{font-size: 48px;line-height: 1.1em;font-family: 'GothamPro', sans-serif; margin: 0 0 10px 0;padding: 0px;} h4{font-size: 36px;line-height: 1.1em;font-family: 'GothamPro', sans-serif; font-weight: 300; margin: 0;padding: 0px;} h5{font-size: 24px;line-height: 1.1em;font-family: 'GothamPro', sans-serif; font-weight: 300; margin: 0;padding: 0px;} h6{font-size: 20px;line-height: 1.1em;font-family: 'GothamPro', sans-serif; font-weight: 300; margin: 0;padding: 0px;} hr {margin: 0 0 40px 0;} .sticky .empty{display: block;} header {width: 100%;display: block;top: 0;left: 0;right: 0;background: rgba(255,255,255,1); border-bottom: 1px solid #ebe7e2;position: fixed;z-index: 30;} header:before {position: absolute;z-index: 20; display: block; content: ""; left: 0px; right: 0px; top: 27px; height: 29px; background: #50a245;} header .wrapper {position: relative;z-index: 30;} .header_in {} .logo a {} .logo figure {position: relative; margin: 0px;} .logo figure:before { position: absolute;display: block; content: ""; background: #FFF; top: 0px; left: 0; right: 65%; bottom: 0px; z-index: -1;} .navbar {padding: 15px 0 0 0; align-items: flex-start;} nav {} .nav_top {} nav ul {display: block;padding:0; margin:0; text-transform: uppercase;} nav .nav_top ul {margin:12px 0 0 0;} nav .nav_top ul li {padding: 0 0 0 20px;} nav .nav_top ul li a {color: #FFF; font-size: 15px; font-weight: 200;} nav .nav_top ul li a:hover {color: #282929;} nav ul li {display: inline-block;float: left;padding: 10px 12px;transition: all ease-in-out 0.3s;-o-transition: all ease-in-out 0.3s;-moz-transition: all ease-in-out 0.3s;-ms-transition: all ease-in-out 0.3s;-webkit-transition: all ease-in-out 0.3s;position: relative;} nav ul li:last-child {padding-right: 0px;} nav ul li a {font-family: 'GothamPro', sans-serif;;font-weight: 400;color: #282929;font-size: 17px;line-height: 22px;transition: all ease-in-out 0.3s;-o-transition: all ease-in-out 0.3s;-moz-transition: all ease-in-out 0.3s;-ms-transition: all ease-in-out 0.3s;-webkit-transition: all ease-in-out 0.3s;position: relative;} nav ul li:hover a,nav ul li:hover a .fa {color: #50a245; text-decoration: none;} nav ul li a.active:after {content: '';width: 0;height: 0;border-left: 5px solid transparent;border-right: 5px solid transparent;border-top: 6px solid #6a6058;position: absolute;right: -16px;top: 7px;} nav ul li a .fa {color: #50a245;font-size: 22px;line-height: 22px;transition: all ease-in-out 0.3s;-o-transition: all ease-in-out 0.3s;-moz-transition: all ease-in-out 0.3s;-ms-transition: all ease-in-out 0.3s;-webkit-transition: all ease-in-out 0.3s;} nav ul li ul {display: none;position: absolute;left: 0;top: 100%;background: #696057;width: 250px;margin: 0;padding: 0;z-index: 99;} nav ul li ul li {display: block;float: none;padding: 15px;} nav ul li ul li:hover {background: #FFFFFF;} nav ul li ul li a {color: #FFFFFF !important;} nav ul li ul li:hover a {color: #50a245 !important;} .empty{display: none;height: 121px;} .sticky .empty{display: block;} /* ------------- header ----------*/ /*.banner_sec{position: relative; padding-top: 35%; overflow: hidden;}*/ .banner_sec{position: relative; padding-top: 100px; padding-bottom: 100px; overflow: hidden; background: url("../images/world-horizon.jpg") no-repeat center center; background-size: cover;} .banner_sec:before {position: absolute; display: block; content: ""; left: 0px; right: 0px; top: 0px; bottom: 0px; background-color: rgba(10,10,10,0.6);} .banner_sec h1{color:#FFF; text-shadow: 2px 2px 2px #000; text-transform: uppercase; margin-bottom: 0px;} .banner_sec h1 span{text-transform:lowercase;} .banner_sec h2{color:#FFF; text-shadow: 1px 1px 1px #000; font-size: 30px; font-weight: 100; margin-bottom: 50px;} /*.banner_sec img {position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); height: 100%; z-index: -1;}*/ /*.banner_sec .container {position: absolute; top: 55%; left: 50%; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); z-index: 10;}*/ .banner_sec .container {position: relative; z-index: 10;} .intro {background: #FFF; padding: 75px 0px 50px 0px; text-align: center;} .intro h1 {color: #50a245;} .intro h1 span {color: #4e5051;text-transform: none; display: block; font-weight: 100; font-size: 30px; line-height: normal;} .home-contact {background: #e6e7e8;} .home-contact.green {background: #50a245; color: #FFF;} .home-contact h4 {color: #222425; font-weight: 100; font-size: 30px;} .home-contact .green {background: #50a245; color: #FFF;} .home-contact .green h3 {text-transform: uppercase;} .home-contact .home-contact-in {padding: 75px 50px 50px 50px;} .home-contact .home-contact-in hr {margin: 35px 0px 50px 0px;} .transfer-process {background: #FFF; padding: 75px 0px 50px 0px; text-align: center;} .transfer-process h2 {color: #50a245;margin-bottom: 30px;} .transfer-process h2 span {text-transform: lowercase;} .transfer-process h1 {color: #4e5051;text-transform: uppercase; display: block; font-weight: 100; font-size: 30px; line-height:1em; margin-bottom: 0px;} .transfer-process h6 {margin-bottom: 30px; } .transfer-process h6 i {display: block; text-align: center;font-size: 72px; color:#50a245; margin-bottom: 10px; } .transfer-process h6 strong {display: block; text-align: center; text-transform: uppercase;} .registry {background: #e6e7e8; padding: 30px 0px;} .registry h6 {font-weight: 100; color: #222425; text-transform: uppercase;} .registry h6 img {display: inline-block; vertical-align: middle;} footer {background: #101230; padding: 100px 0px 75px 0px; color: #FFF; text-align: center;} footer h3{text-transform: uppercase; font-size: 30px;} footer h3 span{font-size: 1.1em;} footer ul{list-style: none; margin: 15px 0 0 0; padding: 0;} footer ul li {margin-bottom: 8px;} footer ul li i{color: #50a245; display: block; font-size: 72px; margin-top: 30px; margin-bottom: 15px;} footer ul li a{color:#FFF;} footer ul li a:hover{color:#50a245;text-decoration: none;} .credits {text-align: center; font-size: 14px; padding: 15px; background: #50a245; color: #FFF; font-weight: 100;} .credits a {color:#FFF;} .credits a:hover {color:#101230;} /* - - - EMPOWER CSS - - - */ .btn-standard {display:inline-block;background: #50a245; border: 1px solid #50a245; border-radius:2px; padding: 15px 30px; margin:0px 0px 25px 0px; font-weight: 400;font-size: 18px;line-height: 18px; min-width: 250px; text-transform: uppercase; text-align: center; color: #FFF; transition: all ease-in-out 0.5s;-webkit-transition: all ease-in-out 0.5s;-o-transition: all ease-in-out 0.5s;-ms-transition: all ease-in-out 0.5s;-moz-transition: all ease-in-out 0.5s;} .btn-standard:hover {border: 1px solid #10122f; background: #10122f; color: #FFF; text-decoration:none;} .btn-standard.blue {display:inline-block;background: #10122f; border: 1px solid #10122f; border-radius:2px; padding: 15px 30px; margin:0px 0px 25px 0px; font-weight: 400;font-size: 18px;line-height: 18px; min-width: 250px; text-transform: uppercase; text-align: center; color: #FFF; transition: all ease-in-out 0.5s;-webkit-transition: all ease-in-out 0.5s;-o-transition: all ease-in-out 0.5s;-ms-transition: all ease-in-out 0.5s;-moz-transition: all ease-in-out 0.5s;} .btn-standard.blue:hover {border: 1px solid #50a245; background: #50a245; color: #FFF; text-decoration:none;} .btn-outline {display:inline-block;background: none; border: 1px solid #FFF; border-radius:2px; padding: 15px 30px; margin:0px 0px 25px 0px; font-weight: 400;font-size: 18px;line-height: 18px; min-width: 290px; text-transform: uppercase; text-align: center; color: #FFF; transition: all ease-in-out 0.5s;-webkit-transition: all ease-in-out 0.5s;-o-transition: all ease-in-out 0.5s;-ms-transition: all ease-in-out 0.5s;-moz-transition: all ease-in-out 0.5s;} .btn-outline:hover {border: 1px solid #10122f; background: #10122f; color: #FFF; text-decoration:none;} .btn-outline.blue {display:inline-block;background: none; border: 1px solid #10122f; border-radius:2px; padding: 15px 30px; margin:0px 0px 25px 0px; font-weight: 400;font-size: 18px;line-height: 18px; min-width: 290px; text-transform: uppercase; text-align: center; color: #10122f; transition: all ease-in-out 0.5s;-webkit-transition: all ease-in-out 0.5s;-o-transition: all ease-in-out 0.5s;-ms-transition: all ease-in-out 0.5s;-moz-transition: all ease-in-out 0.5s;} .btn-outline.blue:hover {border: 1px solid #50a245; background: #50a245; color: #FFF; text-decoration:none;} a.btn-standard+a.btn-standard, a.btn-standard+a.btn-outline, a.btn-outline+a.btn-standard, a.btn-outline+a.btn-outline {margin-left: 15px;} a.btn-standard.blue+a.btn-standard.blue, a.btn-standard.blue+a.btn-outline.blue, a.btn-outline.blue+a.btn-standard.blue, a.btn-outline.blue+a.btn-outline.blue {margin-left: 15px;} .btn-read-more {display:inline-block;font-weight: 400;font-size: 18px;line-height: 18px;text-transform: uppercase;color: #10122f; transition: all ease-in-out 0.5s;-webkit-transition: all ease-in-out 0.5s;-o-transition: all ease-in-out 0.5s;-ms-transition: all ease-in-out 0.5s;-moz-transition: all ease-in-out 0.5s;} .btn-read-more:hover {color: #50a245; text-decoration:none;} .btn-submit {display:inline-block;background: #50a245; border: 1px solid #50a245; border-radius:2px; padding: 15px 30px; margin:0px 0px 25px 0px; font-weight: 400;font-size: 18px;line-height: 18px; min-width: 250px; text-transform: uppercase; text-align: center; color: #FFF; transition: all ease-in-out 0.5s;-webkit-transition: all ease-in-out 0.5s;-o-transition: all ease-in-out 0.5s;-ms-transition: all ease-in-out 0.5s;-moz-transition: all ease-in-out 0.5s;} .btn-submit:hover {border: 1px solid #10122f; background: #10122f; color: #FFF; text-decoration:none;} .green .btn-submit {display:inline-block;background: none; border: 1px solid #FFF; border-radius:2px; padding: 15px 30px; margin-bottom:25px; font-weight: 400;font-size: 18px;line-height: 18px; min-width: 290px; text-transform: uppercase; text-align: center; color: #FFF; transition: all ease-in-out 0.5s;-webkit-transition: all ease-in-out 0.5s;-o-transition: all ease-in-out 0.5s;-ms-transition: all ease-in-out 0.5s;-moz-transition: all ease-in-out 0.5s;} .green .btn-submit:hover {border: 1px solid #10122f; background: #10122f; color: #FFF; text-decoration:none;} .page_header {background: rgba(0,0,0,0.60); color: #FFF; position: relative; padding-top: 75px; padding-bottom: 50px;} .page_header:before {display: block; content: '';position: absolute; top:0px; bottom: 0px; left:0px; right:0px; z-index: -1; background:#10122f url("../images/world-horizon.jpg") no-repeat center center; background-size: cover;} /*.page_header {color: #FFF; padding-top: 50px; padding-bottom: 30px;}*/ .page_header .container {position: relative;} .page_header h1 {color: #FFF; text-transform: uppercase; font-size: 60px; line-height: .95em; position: relative; font-family: 'GothamPro', sans-serif; font-weight: normal;margin-bottom: 0px; padding-bottom: 0px;} /*.page_header h1:before {display: block;content: ''; position: absolute; top:0px; left: 0px; bottom: -5px; width: 10px; background: #ed1c24;}*/ .page_header h1 span {color: #FFF; text-transform: none;} .main_content {display: block;padding: 50px 0px 25px 0px;} .main_content:nth-of-type(odd) {background: #ebe7e2;} .main_content hr:first-child {display: none;} .main_content .card {border: none;} .main_content .card .card-date {height: 30px; position: absolute; left: 0px; right: 0px; top: 30px; width: auto; z-index: 10; background: #FFF; padding: 5px 10px;line-height: 1em; text-align: right;} .main_content .card .card-date:before {display: block; content: url("../images/ipv4-sm.png"); position: absolute;left: 15px; top: -1px; width: auto; height: 32px;} .card.blog_post .card-date { height: 57px; position: absolute; left: 0px; right: 0px; top: 50px; background: #FFF; padding: 18px 5px 0 15px;line-height: 1em;font-size: 1.5em;} .card.blog_post .card-date:before {display: block; content: url("../images/ipv4.png"); position: absolute;left: 15px; top: -1px; width: auto; height: 32px;} .main_content .card .card-body{ padding-left: 0px; padding-right: 0px;} .main_content .card .card-title{font-family: 'GothamPro', sans-serif; text-transform: none; color: #101230;font-size: 30px;} .post-meta {margin-top: 15px;} img.float-right { margin-left: 0px; float: none; } img.float-left { margin-right: 0px; float: none; } .article img {margin-bottom: 25px; max-height: none;} .article h2{font-size: 48px;font-family: 'GothamPro', sans-serif; margin: 0 0 10px 0;padding: 0px; color: #101230;} .article h3{font-size: 48px;font-family: 'GothamPro', sans-serif; margin: 0 0 10px 0;padding: 0px; color: #101230;} .article h4{font-size: 30px;font-family: 'GothamPro', sans-serif; font-weight: 200; margin: 0;padding: 0px; color: #50a245;} .article h5{font-size: 24px;font-family: 'GothamPro', sans-serif; margin: 0;padding: 0px; color: #101230;} .article h6{font-size: 20px;font-family: 'GothamPro', sans-serif; margin: 0;padding: 0px; color: #101230;} .article h2 span{font-family: 'GothamPro', sans-serif;} .article h3 span{font-family: 'GothamPro', sans-serif; font-size: .75em; font-weight: 200; margin: 0;padding: 0px;} .article h4 span{font-family: 'GothamPro', sans-serif;} .article h5 span{font-family: 'GothamPro', sans-serif;} .article h6 span{font-family: 'GothamPro', sans-serif;} .article h2+div.pageContent {margin-top: 15px;} .article h3+div.pageContent {margin-top: 15px;} .article h4+div.pageContent {margin-top: 15px;} .article h3+img {margin-top: 15px;} .article h4+img {margin-top: 15px;} .pageContent, .pageContent p{padding: 0 0 25px 0;margin: 0;} .pageContent p:last-child{padding: 0 0 0 0 !important;} .pageContent p strong, .pageContent p b{font-weight: 500;} .pageContent p a{color: #50a245; display: inline;} .pageContent ul { list-style: square; margin: 0px 0px 20px 25px;} .pageContent ol { list-style:decimal; margin: 0px 0px 20px 25px;} .pageContent ul li,.pageContent ol li {margin: 0px 0px 5px 0px;} .pageContent ol li ol { list-style:lower-alpha; margin: 5px 0px 0px 25px;} .pageContent p+ul, .pageContent p+ol {margin: -15px 0px 25px 25px;} .pageContent ul:last-child, .pageContent ol:last-child{padding: 0 0 0 0} .pageContent a:last-child{margin-bottom: 0px;} .pageContent>div>div {padding-bottom: 25px;} ol.transfer-process-list {list-style: none; margin-left: 75px !important; margin-top: 30px !important;} ol.transfer-process-list li{margin: 0 0 25px 0; position: relative;} ol.transfer-process-list li i {position: absolute; left: -75px; top: 0px; font-size: 48px; color: #50a245;} ol.transfer-process-list li:last-child{margin: 0 0 0 0;} .contact_address h5 {margin:0 0 15px 0;padding:0; font-family:'GothamPro', sans-serif;font-size:28px;line-height:1em;font-weight:normal;color:#101230; text-transform: uppercase;} .contact_address h5 span {color: #808285; display: block; font-family: 'Roboto', sans-serif; font-size:20px;font-weight:300;} .contact_address ul {padding:0; display:block; margin:0 0 0 25px; color: #777;} .contact_address ul li {padding: 0 0 10px;} .contact_address ul li span {margin: 0 0 0 -25px;padding:0; width:25px; display:inline-block; color: #50a245;} .contact_address ul li a {display:inline-block;font-weight: 300; color: #777;text-decoration: none;transition:all ease-in-out 0.5s;-moz-transition:all ease-in-out 0.5s;-ms-transition:all ease-in-out 0.5s;-o-transition:all ease-in-out 0.5s;-webkit-transition:all ease-in-out 0.5s;} .contact_address ul li a.email {color:#777;transition:all ease-in-out 0.5s;-moz-transition:all ease-in-out 0.5s;-ms-transition:all ease-in-out 0.5s;-o-transition:all ease-in-out 0.5s;-webkit-transition:all ease-in-out 0.5s;} .contact_address ul li a.email:hover {color: #101230;} .contact_info {padding-top: 5px;padding-bottom: 10px;font-weight: 300; font-size: 16px;} .contact_info h5 {margin:0;padding:0; font-family:'Roboto', sans-serif;font-size:24px;line-height:42px;font-weight:normal;color:#6a6058;} .contact_info h6 {margin: 0;padding: 0 0px 4px 0px;font-family: 'Roboto', sans-serif;font-size: 18px;line-height: 22px;font-weight: normal;color: #5e5e5e;} .contact_info a {color:#777;text-decoration: none;display: inline-block;margin-right: 15px;margin-bottom: 5px;transition:all ease-in-out 0.5s;-moz-transition:all ease-in-out 0.5s;-ms-transition:all ease-in-out 0.5s;-o-transition:all ease-in-out 0.5s;-webkit-transition:all ease-in-out 0.5s;} .contact_info a:hover { display: inline-block;color:#101230;} .contact_info a i {vertical-align: baseline;margin-right: 5px;} .contact_social {padding: 0 0 0 0; margin: 0; list-style: none;} .contact_social li {display: inline-block;padding: 0 15px 0 0;} .contact_social li a {display: block;font-size: 25px;line-height: 30px;color: #777;padding: 0;transition: all ease-in-out 0.35s;-webkit-transition: all ease-in-out 0.35s;-o-transition: all ease-in-out 0.35s;-moz-transition: all ease-in-out 0.35s;-ms-transition: all ease-in-out 0.35s;} .contact_social li a:hover {color: #101230;} .staff {padding-top: 15px;padding-bottom: 25px;} /*.staff > div:nth-child(2) {margin-top: 35px;}*/ .staff h5 {margin:0;padding:0; font-family:'GothamPro', sans-serif;font-size:36px;line-height:48px;font-weight:normal;} .staff h6 {margin: 0;padding: 0 0px 4px 0px;font-family: 'GothamPro', sans-serif;font-size: 18px;line-height: 22px;font-weight: normal;color:#101230;} .accordion {margin-bottom: 25px;} .accordion .card {} .accordion .card .card-header {padding: 0px; background: #50a245;} .accordion .card .card-header button{display: block;width: 100%; padding: 15px; border: none; outline: none; cursor: pointer; background: #101230; color: #FFF;} .accordion .card .card-header button.collapsed{background: none; color: #FFF;} .accordion .card .card-header button:hover{background: #101230; color: #FFF;} .mapWrapper {position: relative;} .mapOverlay { background:transparent; position:absolute; width:100%; height:500px; /* your iframe height */ top:500px; /* your iframe height */ margin-top:-500px; /* your iframe height */ z-index:2; } .google_map { height: 500px; width:100%; margin-bottom:0px; border-top:1px solid #696057; color: #000; display: block; } /* START FORMS */ .styledForm input { border-radius:0px; border:1px solid #D3D3D3; font-weight: 300; font-size: .8em; } .styledForm select { border-radius:0px; min-height:43px; border:1px solid #D3D3D3; font-weight: 300; font-size: .8em; } .styledForm textarea{ border-radius:0px; min-height:43px; border:1px solid #D3D3D3; font-weight: 300; font-size: .8em; } .styledForm button{ margin-top: 15px; } label {font-weight: 100;} label em{ font-size: .8em;} label.error { width:100%; box-sizing:border-box; display:block; padding:4px 8px 4px 8px; font-size:.8em; color:#ed1c24; margin:0px 0px 12px 0px; } label.error.radioError { width:100%; box-sizing:border-box; display:block; padding:4px 8px 4px 8px; font-size:.8em; color:#ed1c24; margin:0px 0px 12px 0px; } label.optionList { font-weight:normal; } .styledForm.newsletter { margin-top:5px; margin-bottom:25px; } .styledForm.newsletter input{ min-height:30px; } .styledForm.newsletter .btn.btn-default { border-radius:0px !important; } .grecaptcha-badge { display: none; } /* END FORMS */ /* START NOTIFICATIONS */ .notification.success { background:#DFF2BF url('../admin/images/icons/notifications/success.png') no-repeat 10px center; border-color:#4F8A10; color:#4F8A10; } .notification.error { background:#FFBABA url('../admin/images/icons/notifications/error.png') no-repeat 10px center; border-color:#D8000C; color:#D8000C; } .notification.warning { background:#FEEFB3 url('../admin/images/icons/notifications/warning.png') no-repeat 10px center; border-color:#9F6000; color:#9F6000; } .notification.info { background:#BDE5F8 url('../admin/images/icons/notifications/info.png') no-repeat 10px center; border-color:#00529B; color:#00529B; } .notification.tip { background:#feeac9 url('../admin/images/icons/notifications/tip.png') no-repeat 10px center; border-color:#CB9D4C; color:#CB9D4C; } .notification { border:2px solid #444; padding:20px 10px 20px 55px; margin:0 0 30px 0; color:#686868; font-weight:bold; } .absoluteNotification { position: fixed; z-index:999999; top: 20px; left: 0; text-align:center; padding:20px 0 20px 0; font: bold 20px/32px 'Lato-Regular';; width: 100%; opacity:0.95; filter:alpha(opacity=95); /* For IE8 and earlier */ } .absoluteNotification.success { background:#4F8A10; color:#FFF; } .absoluteNotification.error { background:#F01616; color:#FFF; } /* END NOTIFICATIONS */ @media only screen and (max-width:1200px){ nav ul li a {font-size:14px;} } @media only screen and (max-width:991px){ body {margin-top: 88px;} .navbar {padding: 15px 0 15px 0;} .menu_icon {padding:10px; display:block; border:0 none; box-shadow:none; outline:none !important; background:#FFF; margin:0; cursor:pointer;position: absolute; right: 0px; top: 20px;} .menu_icon span {display:block; width:35px; height:3px; position:relative; border-radius:2px; background:#6a6158; transition: all ease-in-out 0.3s;-o-transition: all ease-in-out 0.3s;-moz-transition: all ease-in-out 0.3s;-ms-transition: all ease-in-out 0.3s;-webkit-transition: all ease-in-out 0.3s;} .menu_icon span + span {margin:6px 0 0 0;} .side_bar {width:250px; background:#722413; height:100%; position:fixed; right:-250px; top:0; z-index:30; display:block; overflow:auto;} nav {background: #ffffff; z-index: 30; width: 100%;} nav ul li {float:none; display:block; padding:0 0; line-height:35px; font-size:16px;} .nav_list {padding:15px 0 0 0;} .nav_top {padding:0 0 15px 0;} .open_menu .side_bar {right:0;} .wrapper {position:relative; left:0;} .open_menu .wrapper {left:-250px;} .open_menu.sticky header {left:-250px;} .menu_icon[aria-expanded="true"] span:nth-child(1) {transform:rotate(45deg); -webkit-transform:rotate(45deg); top:9px;} .menu_icon[aria-expanded="true"] span:nth-child(2) {opacity:0;} .menu_icon[aria-expanded="true"] span:nth-child(3) {transform:rotate(-45deg); -webkit-transform:rotate(-45deg); top:-9px;} .drop_dwon {display:none; position:static;} nav .nav_top ul li {display:block; padding: 0px;} nav .nav_top ul li a {display:block; color: #101230; padding: 8px 0px;font-size:16px;font-weight: 400;} nav .nav_top ul li a:hover {color: #50a245;} nav ul li a {display: block;font-size:16px; padding: 8px 0px;} nav ul li ul {width:100%; background:none;} nav ul li ul li {padding:0;} nav ul li ul li a {color:#6a6158 !important;} nav ul {margin:0;} nav .nav_top ul {margin:0;} .banner_sec a.btn-standard, .banner_sec a.btn-outline {width: 100%; min-width: 10px; padding-left: 5px; padding-right:5px;} } @media only screen and (max-width:767px){ .article h2{font-size: 42px;line-height: 50px;} .article h3{font-size: 36px;line-height: 44px;} .article h4{font-size: 28px;line-height: 36px;} .article h5{font-size: 24px;line-height: 32px;} .article h6{font-size: 20px;line-height: 28px;} .page_header h1 {font-size: 48px;} a.btn-standard+a.btn-standard, a.btn-standard+a.btn-outline, a.btn-outline+a.btn-standard, a.btn-outline+a.btn-outline {margin-left: 0px;} a.btn-standard.blue+a.btn-standard.blue, a.btn-standard.blue+a.btn-outline.blue, a.btn-outline.blue+a.btn-standard.blue, a.btn-outline.blue+a.btn-outline.blue {margin-left: 0px;} .btn-standard, .btn-outline {width: 100%; min-width: 200px;} footer ul li i{font-size: 36px;} } @media only screen and (max-width:479px){ /*nav {top:69px;} .menu_icon {margin:15px 0 0 0;}*/ body{margin-top: 68px;} header:before {top: 22px; height: 21px;} .logo figure img{ width: 220px;} .menu_icon {right: 0px; top: 12px;} h1{font-size: 44px;} h2{font-size: 44px;} h3{font-size: 36px;} h4{font-size: 24px;} h5{font-size: 20px;} h6{font-size: 18px;} .page_header h1 {font-size: 36px;} .article h2{font-size: 36px;line-height: 44px;} .article h3{font-size: 30px;line-height: 38px;} .article h4{font-size: 24px;line-height: 32px;} .article h5{font-size: 20px;line-height: 28px;} .article h6{font-size: 18px;line-height: 224px;} } @media(min-width:992px){ nav ul li:hover ul {display: block !important;} .article img {margin-bottom: 25px; max-height: 450px;} .article.noImageHeight img {margin-bottom: 25px; max-height: none;} img.float-left {float: left !important; margin-left: 0px; margin-right: 15px; margin-bottom:25px;} img.float-right {float: right !important; margin-left: 15px; margin-right: 0px; margin-bottom:25px;} }