/* Theme Name: Access Description:Access, Ulistic Author: Wework4web Version: 1111.0 */ /*****************COMMON STYLE**********************************/ body{font-family: 'Segoe UI Semilight', arial;} ul{ margin:0;padding:0;} .container{max-width:1130px; width:auto!important;} .hoveranimate{-webkit-transition: background 0.8s ease; -moz-transition: background 0.8s ease; -ms-transition: background 0.8s ease;-o-transition: background 0.8s ease;transition: background 0.8s ease;} .allanimated{-webkit-transition: all 0.8s ease-in-out; -moz-transition: all 0.8s ease-in-out; -o-transition: all 0.8s ease-in-out; transition: all 0.8s ease-in-out;} .equalspace{margin:0 auto !important;float:none !important;} img{max-width:100%; vertical-align:top;} a:focus,input:focus{outline:none !important;} input, buttom{ border-radius:none;} a{ text-decoration:none !important;} table { display:block;} /**************** Common-Style **********************/ .container-md{ max-width:1450px;} .container-max{ max-width:1830px;} .container-md-3{ max-width:1282px;} .container-md-2{ max-width:1532px;} .container-md-sm{max-width:1200px;} /************ Header **************************/ #main-header{ position:fixed; width:100%; z-index:999; left:0; top:0; padding:20px 0 16px; background:#fff;} #main-header .content-table-wrap{ } #main-header .col-7-content{} #main-header .col-5-content{ } #logo{} #logo img{} #main-header .call-us{ padding-right:60px;} #main-header .call-us a { color: inherit; } #main-header .call-us span{ padding-left:40px; display:inline-block; color:#294d71; font-size:30px; line-height:30px; font-family: 'Segoe UI Bold', arial; background:url(images/phone-icon.png) no-repeat left bottom; padding-bottom:3px;} /************* Banner **********************/ #home-banner-main{ height: 100vh; overflow: hidden; position: relative;} .banner-main-wrap { height: 100%; left: 0; position: absolute; top: 0; width: 100%; } .main-banner-content { height: 100%; padding-top: 101px; position: relative; } .banner-main-holder { height: 100%; position: relative; } #home-banner-main .banner-img{ background:url(images/banner-main-img.jpg) no-repeat center; background-size:cover;} #home-banner-main .content-table-wrap{} #home-banner-main .col-sm-8-content{ } #home-banner-main .col-4-content{ background-color:rgba(255,255,255,0.85);} #home-banner-main .banner-text-main{color: #ffffff; font-family: "Segoe UI Semilight",arial; font-size: 34px; line-height: 38px; padding-top:135px;} #home-banner-main .banner-text-main h1{ color: #ffffff; font-family: "Segoe UI Semilight",arial; font-size: 60px; line-height: 62px; margin: 0 0 52px;} #home-banner-main .banner-text-main h2{ margin:0 0 35px; color:#ffffff; font-size:50px; line-height:52px;} #home-banner-main .banner-text-main h2 span{ display:block;} #home-banner-main .banner-help-btn{ padding: 13px 21px 17px; border-radius:5px; display:inline-block; border:3px solid #a2c4ff; background-color:rgba(92,143,231,0.75); color:#ffffff; font-size:20.9px; line-height:24px;} #home-banner-main .banner-form{ text-align:center; display:table-cell; vertical-align:middle;} #home-banner-main .sidebar-heading-text{ padding:33px 32px 17px; border-bottom:1px solid #c5c5c5;} #home-banner-main .sidebar-heading-text h4{ font-family: "Segoe UI Semilight",arial; margin: 0 0 19px; color:#000000; font-size:30px; line-height:32px;} #home-banner-main .sidebar-heading-text h4 span{ display:block;} #home-banner-main .sidebar-heading-text h6{ margin:0; color:#000000; font-size:18px; line-height:22px;} #home-banner-main .form-wrap{ padding:19px 34px 11px;} #home-banner-main .form-heading-text{} #home-banner-main .form-heading-text h6{ margin:0 0 21px; color:#000000; font-size:18px; line-height:22px;} #home-banner-main .form-heading-text h6 span{ display:block;} #home-banner-main .form-wrap form button{ display:block; width:100%; background:#5c8fe7; border:none; border-radius:5px; color:#ffffff; font-size:24px; line-height:30px; padding:10px 10px 13px; font-family: 'Segoe UI Semibold', arial;} #home-banner-main .sidebar-btm-text{ color:#999999; font-size:12px; line-height:16px;font-family: 'Segoe UI Light Italic', arial;} #home-banner-main .sidebar-btm-text p{ margin:8px 0 0;} #home-banner-main .banner-text-main span { display: block;} #home-banner-main .sidebar-heading-text p { font-family: "Segoe UI Semilight",arial; font-size: 18px; line-height: 22px; } /************* Service **********************/ #service-sec-main{ background:#e9f8ff; padding:55px 0 75px;} #service-sec-main .service-heading-text{} #service-sec-main .service-heading-text h4{ color:#000000; font-size:40px; line-height:40px; font-family: 'Segoe UI Semilight', arial; margin:0 0 53px;} #service-sec-main .service-content{ } #service-sec-main .image-content-wrap{ } #service-sec-main .service-img{ /*border:1px solid #5c8fe7;*/ border-radius:8px; background-repeat:no-repeat; background-position:center top; background-size:cover; background-image:url(images/service-img-1.jpg); min-height:318px;} #service-sec-main .service-img-1{ background-image:url(images/service-img-1.jpg);} #service-sec-main .service-img-2{ background-image:url(images/service-img-2.jpg);} #service-sec-main .service-img-3{ background-image:url(images/service-img-3.jpg);} #service-sec-main .service-text{ } #service-sec-main .service-text-wrap a { color: inherit; } #service-sec-main .service-text-wrap{ display:inline-block; margin-bottom:20px; padding:23px; position:relative; background-color:rgba(0,191,243,0.95); border:1px solid #a3ebff; box-shadow:7px 7px 0 rgba(0,191,243,0.6); margin-left:-104px; margin-top:64px;} #service-sec-main .service-text-wrap:before{content:url(images/side-arrow-blue.png); position:absolute; top:24px; right:100%;} #service-sec-main .service-text-wrap h4{ margin:0; color:#ffffff; font-size: 18px; line-height: 25px;} #service-sec-main .service-text-wrap h4 span{ display:block;} #service-sec-main .leran-more{ margin-left:10px; display:inline-block; color:#0cc2f4; font-size:12px; line-height:18px; text-decoration:underline!important;} #service-sec-main .image-content-wrap{width: 275px;} #service-sec-main .service-content-1 .leran-more{ color:#0cc2f4;} #service-sec-main .service-content-2 .leran-more{ color:#6394e8;} #service-sec-main .service-content-3 .leran-more{ color:#2e3f58;} #service-sec-main .service-content-1 .service-text-wrap{} #service-sec-main .service-content-2 .service-text-wrap{ background-color:rgba(92,143,231,0.95); box-shadow:7px 7px 0 rgba(92,143,231,0.6);} #service-sec-main .service-content-2 .service-text-wrap:before{content:url(images/blue-drak-arrow.png);} #service-sec-main .service-content-3 .service-text-wrap{ border:1px solid #0076a3; background-color:rgba(36,53,79,0.95); box-shadow:7px 7px 0 rgba(36,53,79,0.6);} #service-sec-main .service-content-3 .service-text-wrap:before{content:url(images/blue-arrow-2.png);} /************* Middle-Section ****************/ .home-sec-middle{ position:relative; z-index:1;} .home-sec-middle:before{content:""; position:absolute; left:0; top:0; width:100%; height:100%; z-index:-1; background:url(images/middle-sec-bg-img.webp) no-repeat bottom center; background-size:cover;} #blog-section{ padding:71px 0 14px;} #blog-section .section-heading-text{} #blog-section .section-heading-text h2{ margin:0 0 95px; color:#000000; font-size:40px; line-height:40px; text-align:center;} #blog-section .blog-list-wrap{ counter-reset:section; padding:0; list-style:none;} #blog-section .blog-list-wrap li{ position:relative; border-bottom:2px dashed #00bff3; padding:0 0 63px; margin-bottom:44px;} #blog-section .blog-list-wrap li:last-child{border:none;} /*#blog-section .blog-list-wrap li:before{ counter-increment:section; content:counter(section, decimal-leading-zero); position:absolute; top:16px; color:#bbcfd8; font-size:100px; line-height:70px; display:inline-block; text-decoration:underline;} */ #blog-section .blog-content{} #blog-section .blog-img{ } #blog-section .blog-img img{border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius:50%; -ms-border-radius: 50%; -o-border-radius: 50%; box-shadow:0px -3px 1px #cccccc; -moz-box-shadow:0px -3px 1px #ccc; -ms-box-shadow:0px -3px 1px #ccc; -webkit-box-shadow:0px -3px 1px #ccc; -o-box-shadow:0px -3px 1px #ccc;} #blog-section .blog-text{ color:#000000; font-size:20px; line-height:22px;} #blog-section .blog-text h4 a { color: inherit; } #blog-section .blog-text h4{ color:#012e5a; font-size:34px; line-height:34px; font-family: 'Segoe UI regular', arial; margin:0 0 23px;} #blog-section .blog-text p{ margin:0 0 22px;} #blog-section .read-more{ display:inline-block; color:#0c7eb0; font-size:16px; line-height:22px; text-decoration:underline!important;} /********** Sign-Up *************************/ #signup-section{ background-color:rgba(53,167,255,0.65); padding:70px 0;} #signup-section .signup-wrap{ } #signup-section .newsletter-heading{ } #signup-section .newsletter-heading h4{ color:#082a67; font-size:32px; line-height:42px; margin:0; font-family: 'Segoe UI Semibold', arial;} #signup-section .newsletter-form{} /*********** Footer *************************/ #main-footer{ background:#000612; position:relative; z-index:1;} #main-footer .footer-sec-bg{ background:url(images/contact-section-bg-img.jpg) no-repeat center top; background-size:cover; opacity:0.3; position:absolute; left:0; top:0; width:100%; height:100%; z-index:-1;} #contact-us{ padding:71px 0 12px;} #contact-us .col-sm-5-modi{} #contact-us .col-sm-7-modi{} #contact-us .contact-content{} #contact-us .contact-content h4{ margin:0 0 36px; color:#ffffff; font-size:34px; line-height:38.74px; font-family: 'Segoe UI Semibold', arial;} #contact-us .location-text{ color:#ffffff; font-size:24px; line-height:28px;} #contact-us .location-text p{ margin:0 0 44px;} #contact-us .location-text p span{ display:block;} #contact-us .contact-info-wrap{ margin-bottom:27px; border-bottom:3px solid #4db6e3; padding-bottom:16px;} #contact-us .contact-content.text-center .contact-info-wrap{text-align: left;} #contact-us .contact-info-wrap li{ list-style:none; position:relative; padding-left:50px; color:#ffffff; font-size:22px; line-height:30px; font-family: 'Segoe UI Semibold', arial; margin:0 0 16px;} #contact-us .contact-info-wrap li:before{content:""; position:absolute; left:0; top:4px;} #contact-us .contact-info-wrap li.phone:before{ content:url(images/phone-icon-white.png);} #contact-us .contact-info-wrap li.e-mail:before{ content:url(images/mail-icon.png); top:2px;} #contact-us .contact-info-wrap a { color: inherit; } #contact-us .social-media{} #contact-us .social-media h6{ margin:0 0 24px; color:#ffffff; font-size:22px; line-height:28.74px;font-family: 'Segoe UI Semibold', arial; max-width: 280px;} #contact-us .social-media h6 span{display:block;} #contact-us .social-media ul{ margin-left:-2px;} #contact-us .social-media ul li{ padding:0 2px;} #contact-us .social-media ul li a{ width:45px; height:45px; border-radius:100%; text-indent:999px; overflow:hidden; position:relative; background:#ffffff; display:inline-block;} #contact-us .social-media ul li a:before{content:""; position:absolute; left:0; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%); height:21px; width:100%; background-position:center top; background-repeat:no-repeat;} #contact-us .social-media ul li a:hover{ background:#4db6e3;} #contact-us .social-media ul li a.facebook:before{ background-image:url(images/facebook.png);} #contact-us .social-media ul li a.twitter:before{ background-image:url(images/twitter.png);} #contact-us .social-media ul li a.linkedin:before{ background-image:url(images/linkedin.png);} #contact-us .social-media ul li a.google:before{ background-image:url(images/google.png);} #contact-us .social-media ul li a.youtube:before{ background-image:url(images/youtube.png);} #contact-us .form-heading h4{ color:#ffffff; font-size:34px; line-height:38.74px; margin:0 0 24px;font-family: 'Segoe UI Semibold', arial;} #contact-us form button{ background:#204fa2; border:1px solid #0072bc; box-shadow:0 4px 0 #0a398b; border-radius:5px; padding:14px 10px 17px; color:#ffffff; font-size:30px; line-height:40px; font-family: 'Segoe UI Bold', arial; display:block; width:100%;} #footer-main-content{ padding:52px 0;} #footer-main-content .footer-info-content{ margin-bottom:49px;} #footer-main-content .logo-wrap{} #footer-main-content .logo-wrap img{} #footer-main-content .footer-info-text{ color:#ffffff; font-size:18px; line-height:20px;} #footer-main-content .footer-info-text p{ margin:0;} #footer-main-content .footer-copyright-text{ color:#999999; font-size:18px; line-height:20px;} #footer-main-content .footer-copyright-text a { color: inherit; } #footer-main-content .footer-copyright-text p{ margin:0;} #footer-main-content .footer-info-text a { color: inherit; } /**************************** Banner Form****************************************/ #home-banner-main .form-body-wrap {} #home-banner-main .form-body-wrap .fsBody .fsForm, form-body-wrapper .fsForm .fsFieldRow .fsRowBody, form-body-wrapper.fsForm .fsSpacerRow .fsRowBody{background:transparent!important;} #home-banner-main .form-body-wrap .fsBody .fsForm{ border:none!important; box-shadow: none !important;} #home-banner-main .form-body-wrap .fsValidationError .fsLabel{ background-size:6px auto !important; background-position:0px 2px !important;background-image: none;} #home-banner-main .form-body-wrap .fsValidationError { background:none!important;} #home-banner-main .form-body-wrap .fsBody .fsLabel, .fsBody label{ color:#666666!important; padding:2px;} #home-banner-main .form-body-wrap .fsForm .fsSubmit{ background: rgba(0, 0, 0, 0) none repeat scroll 0 0; border-radius: 3px; clear: both; float: none; height: 60px; margin: 0; padding: 0; width: 100%; position: relative;} #home-banner-main .form-body-wrap .fsBody .fsRowBody{ padding: 0 !important;} #home-banner-main .form-body-wrap .fsForm .fsLabel{ font-size:16px!important; color:#ffffff; margin: 16px 0 13px;padding:0;} #home-banner-main .form-body-wrap .fsBody .fsSupporting{ color: #515050!important; font-size: 11px!important;} #home-banner-main .form-body-wrap .fsSubmit input.fsSubmitButton{ border:0!important; border-radius: 5px !important; color: #ffffff; font-family: 'Segoe UI Semibold',arial;font-size: 24px !important;letter-spacing:0; height:55px;padding: 0; text-transform:capitalize; width:100%; background: #5c8fe7; position:relative; z-index:1; } #home-banner-main .form-body-wrap .fsBody .fsForm{color:#404041!important; display: inline-block; font-size: 16px; width:100%; margin:0!important; color:#fff; background: transparent; padding:0;} #home-banner-main .form-body-wrap .fsFieldRow input[type="text"], #home-banner-main .form-body-wrap .fsFieldRow input[type="email"], #home-banner-main .form-body-wrap .fsFieldRow input[type="number"], #home-banner-main .form-body-wrap .fsFieldRow input[type="tel"]{ width:100%!important; } #home-banner-main .form-body-wrap .fsFieldRow input[type="text"], #home-banner-main .form-body-wrap .fsFieldRow input[type="email"], #home-banner-main .form-body-wrap .fsFieldRow input[type="number"], #home-banner-main .form-body-wrap .fsFieldRow input[type="tel"], #home-banner-main .form-body-wrap .fsForm textarea, #home-banner-main .form-body-wrap input[type="file"]{ background: #ffffff ; border:1px solid #cccccc; border-radius: 3px; color: #666666; font-family: 'Segoe UI Semilight',arial; font-size:18px; font-weight: normal; height: 45px!important; line-height: 18px; margin: 0 0 10px; max-width: 100%; padding: 8px 16px!important; width: 100%;} #home-banner-main .form-body-wrap .fsForm select{max-width: 100% !important; width: 100% !important; font-family: 'Segoe UI Semilight'; color: #666666 !important;font-weight: normal; font-size: 18px!important; border:1px solid #cccccc!important; padding: 18px !important; border-radius:3px!important; margin:0; margin-bottom:13px!important;font-weight: normal;padding: 8px 16px!important; height: 45px!important; } #home-banner-main .form-body-wrap .fsForm textarea {height:90px!important;} #home-banner-main .form-body-wrap div.fsError{font-family: 'Segoe UI Semilight'; font-size: 11px !important; margin:0 0 4px !important;padding: 2px !important; width: 100%;} #home-banner-main .form-body-wrap .fsRequiredMarker { font-weight:normal !important; font-size:14px; color:#ff3c3c;} #home-banner-main .form-body-wrap .fsBody { margin-bottom:0px!important; background: transparent; padding:0;} #home-banner-main .form-body-wrap input:focus:invalid:focus, textarea:focus:invalid:focus, select:focus:invalid:focus {box-shadow: none;} #home-banner-main .form-body-wrap .fsSectionHeader { display:none!important;} #home-banner-main .form-body-wrap .fsFirst.fsLast.fsFieldCell { background:none; padding:0; margin:0!important;} #home-banner-main .form-body-wrap .fsForm input.fsField[type="email"]:focus, #home-banner-main .form-body-wrap .fsForm input.fsField[type="file"]:focus, #home-banner-main .form-body-wrap .fsForm input.fsField[type="number"]:focus, #home-banner-main .form-body-wrap .fsForm input.fsField[type="tel"]:focus, #home-banner-main .form-body-wrap .fsForm input.fsField[type="text"]:focus, #home-banner-main .form-body-wrap .fsForm textarea.fsField:focus {outline:0;} #home-banner-main .form-body-wrap .fsRow.fsFieldRow.fsLastRow {margin-bottom:0!important;} #home-banner-main .form-body-wrap ::-webkit-input-placeholder { color: #666666;} #home-banner-main .form-body-wrap :-moz-placeholder {color: #666666; opacity:1;} #home-banner-main .form-body-wrap ::-moz-placeholder { color:#666666; opacity:1;} #home-banner-main .form-body-wrap :-ms-input-placeholder {color:#666666;} #home-banner-main .form-body-wrap .fsValidationError{box-shadow:none!important;background-color:none;} #home-banner-main .form-body-wrap .fsForm select:focus{border:1px solid #cccccc;} #home-banner-main .form-body-wrap #fsRow2242128-1,#home-banner-main .form-body-wrap #fsRow2242128-3 { clear: left; float: left; width: 49%; } #home-banner-main .form-body-wrap #fsRow2242128-2,#home-banner-main .form-body-wrap #fsRow2242128-4{ clear: right; float: right; width: 49%; } /**************************** Sign UP Form****************************************/ #signup-section .newsletter-form {} #signup-section .newsletter-form .fsBody .fsForm, newsletter-formper .fsForm .fsFieldRow .fsRowBody, newsletter-formper.fsForm .fsSpacerRow .fsRowBody{background:transparent!important;} #signup-section .newsletter-form .fsBody .fsForm{ border:none!important; box-shadow:2px 4px 24px -5px #666!important; -moz-box-shadow:2px 4px 24px -5px #666!important; -webkit-box-shadow:2px 4px 24px -5px #666 !important;} #signup-section .newsletter-form .fsValidationError .fsLabel{ background-size:6px auto !important; background-position:0px 2px !important;background-image: none;} #signup-section .newsletter-form .fsValidationError { background:none!important;} #signup-section .newsletter-form .fsBody .fsLabel, .fsBody label{ color:#666666!important; padding:2px;} #signup-section .newsletter-form .fsForm .fsSubmit{ background: rgba(0, 0, 0, 0) none repeat scroll 0 0; border-radius: 0; clear: right; float: right; height: 78px; margin: 0; padding: 0; width: 37.4%; position: relative; -moz-box-shadow:none!important; -webkit-box-shadow:none!important; box-shadow:none!important;} #signup-section .newsletter-form .fsBody .fsRowBody{ padding: 0 !important;} #signup-section .newsletter-form .fsForm .fsLabel{ font-size:16px!important; color:#ffffff; margin: 16px 0 13px;padding:0;} #signup-section .newsletter-form .fsBody .fsSupporting{ color: #515050!important; font-size: 11px!important;} #signup-section .newsletter-form .fsSubmit input.fsSubmitButton{ border:0!important; border-radius: 0 !important; color: #ffffff; font-family: 'Segoe UI Semibold',arial;font-size: 20px !important;letter-spacing:0; height:78px;padding: 0; text-transform:capitalize; width:100%; background: #204fa2; z-index:1; } #signup-section .newsletter-form .fsBody .fsForm{color:#404041!important; display: inline-block; font-size: 16px; width:100%; margin:0!important; color:#fff; background: transparent; padding:0;} #signup-section .newsletter-form .fsFieldRow input[type="text"], #signup-section .newsletter-form .fsFieldRow input[type="email"], #signup-section .newsletter-form .fsFieldRow input[type="number"], #signup-section .newsletter-form .fsFieldRow input[type="tel"]{ width:100%!important; } #signup-section .newsletter-form .fsFieldRow input[type="text"], #signup-section .newsletter-form .fsFieldRow input[type="email"], #signup-section .newsletter-form .fsFieldRow input[type="number"], #signup-section .newsletter-form .fsFieldRow input[type="tel"], #signup-section .newsletter-form .fsForm textarea, #signup-section .newsletter-form input[type="file"]{ background: #ffffff ; border: medium none; border-radius: 0; color: #000; font-family: 'Segoe UI Semilight',arial; font-size:20px; font-weight: normal; height: 78px!important; line-height: 18px; margin:0; max-width: 100%; padding: 11px 16px!important; width: 100%; -moz-box-shadow:none !important; -webkit-box-shadow: none !important; box-shadow: none !important;} #signup-section .newsletter-form .fsForm textarea {height:90px!important;} #signup-section .newsletter-form div.fsError{font-family: 'Segoe UI Semilight'; font-size: 14px !important; margin:0 0 22px !important;padding: 4px !important; width: 100%;} #signup-section .newsletter-form .fsRequiredMarker { font-weight:normal !important; font-size:14px; color:#ff3c3c;} #signup-section .newsletter-form .fsBody { margin-bottom:0px!important; background: transparent; padding:0;} #signup-section .newsletter-form input:focus:invalid:focus, textarea:focus:invalid:focus, select:focus:invalid:focus { } #signup-section .newsletter-form .fsSectionHeader { display:none!important;} #signup-section .newsletter-form .fsFirst.fsLast.fsFieldCell { background:none; padding:0; margin:0!important;} #signup-section .newsletter-form .fsForm input.fsField[type="email"]:focus, #signup-section .newsletter-form .fsForm input.fsField[type="file"]:focus, #signup-section .newsletter-form .fsForm input.fsField[type="number"]:focus, #signup-section .newsletter-form .fsForm input.fsField[type="tel"]:focus, #signup-section .newsletter-form .fsForm input.fsField[type="text"]:focus, #signup-section .newsletter-form .fsForm textarea.fsField:focus {outline:0;} #signup-section .newsletter-form .fsRow.fsFieldRow.fsLastRow {margin-bottom:0!important;} #signup-section .newsletter-form ::-webkit-input-placeholder { color: #000;} #signup-section .newsletter-form :-moz-placeholder {color: #000; opacity:1;} #signup-section .newsletter-form ::-moz-placeholder { color:#000; opacity:1;} #signup-section .newsletter-form :-ms-input-placeholder {color:#000;} #signup-section .newsletter-form .fsValidationError{box-shadow:none!important;background-color:none;} #signup-section .newsletter-form #fsRow2242005-1 { clear: left; float: left; width: 62.6%; } /**************************** Footer Form****************************************/ #contact-us .form-body-wrap {} #contact-us .form-body-wrap .fsBody .fsForm, form-body-wrapper .fsForm .fsFieldRow .fsRowBody, form-body-wrapper.fsForm .fsSpacerRow .fsRowBody{background:transparent!important;} #contact-us .form-body-wrap .fsBody .fsForm{ border:none!important; box-shadow: none !important;} #contact-us .form-body-wrap .fsValidationError .fsLabel{ background-size:6px auto !important; background-position:0px 2px !important;background-image: none;} #contact-us .form-body-wrap .fsValidationError { background:none!important;} #contact-us .form-body-wrap .fsBody .fsLabel, .fsBody label{ color:#666666!important; padding:2px;} #contact-us .form-body-wrap .fsForm .fsSubmit{ background: rgba(0, 0, 0, 0) none repeat scroll 0 0; border-radius: 3px; clear: both; float: none; height: 60px; margin: 0; padding: 0; width: 100%; position: relative;} #contact-us .form-body-wrap .fsBody .fsRowBody{ padding: 0 !important;} #contact-us .form-body-wrap .fsForm .fsLabel{ font-size:16px!important; color:#ffffff; margin: 16px 0 13px;padding:0;} #contact-us .form-body-wrap .fsBody .fsSupporting{ color: #515050!important; font-size: 11px!important;} #contact-us .form-body-wrap .fsSubmit input.fsSubmitButton{ border:1px solid #0072bc!important; border-radius: 5px !important; color: #ffffff; font-family: 'Segoe UI Bold',arial;font-size: 30px !important;letter-spacing:0; height:69px;padding: 0; text-transform:capitalize; width:100%; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#0b4b9a+0,023678+100 */ background: rgb(11,75,154); /* Old browsers */ background: -moz-linear-gradient(top, rgba(11,75,154,1) 0%, rgba(2,54,120,1) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(11,75,154,1) 0%,rgba(2,54,120,1) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(11,75,154,1) 0%,rgba(2,54,120,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0b4b9a', endColorstr='#023678',GradientType=0 ); /* IE6-9 */ position:relative; z-index:1;box-shadow:0 4px 0 #002558;} #contact-us .form-body-wrap .fsBody .fsForm{color:#404041!important; display: inline-block; font-size: 16px; width:100%; margin:0!important; color:#fff; background: transparent; padding:0;} #contact-us .form-body-wrap .fsFieldRow input[type="text"], #contact-us .form-body-wrap .fsFieldRow input[type="email"], #contact-us .form-body-wrap .fsFieldRow input[type="number"], #contact-us .form-body-wrap .fsFieldRow input[type="tel"]{ width:100%!important; } #contact-us .form-body-wrap .fsFieldRow input[type="text"], #contact-us .form-body-wrap .fsFieldRow input[type="email"], #contact-us .form-body-wrap .fsFieldRow input[type="number"], #contact-us .form-body-wrap .fsFieldRow input[type="tel"], #contact-us .form-body-wrap .fsForm textarea, #contact-us .form-body-wrap input[type="file"]{ background: #ffffff ; border: medium none; border-radius: 0; color: #666666; font-family: 'Segoe UI Semilight',arial; font-size:18px; font-weight: normal; height: 56px!important; line-height: 20px; margin: 0 0 10px; max-width: 100%; padding: 11px 16px!important; width: 100%;} #contact-us .form-body-wrap .fsForm textarea {height:138px!important;} #contact-us .form-body-wrap div.fsError{font-family: 'Segoe UI Semilight'; font-size: 14px !important; margin:0 0 22px !important;padding: 4px !important; width: 100%;} #contact-us .form-body-wrap .fsRequiredMarker { font-weight:normal !important; font-size:14px; color:#ff3c3c;} #contact-us .form-body-wrap .fsBody { margin-bottom:0px!important; background: transparent; padding:0;} #contact-us .form-body-wrap input:focus:invalid:focus, textarea:focus:invalid:focus, select:focus:invalid:focus {box-shadow: none;} #contact-us .form-body-wrap .fsSectionHeader { display:none!important;} #contact-us .form-body-wrap .fsFirst.fsLast.fsFieldCell { background:none; padding:0; margin:0!important;} #contact-us .form-body-wrap .fsForm input.fsField[type="email"]:focus, #contact-us .form-body-wrap .fsForm input.fsField[type="file"]:focus, #contact-us .form-body-wrap .fsForm input.fsField[type="number"]:focus, #contact-us .form-body-wrap .fsForm input.fsField[type="tel"]:focus, #contact-us .form-body-wrap .fsForm input.fsField[type="text"]:focus, #contact-us .form-body-wrap .fsForm textarea.fsField:focus {outline:0;} #contact-us .form-body-wrap .fsRow.fsFieldRow.fsLastRow {margin-bottom:0!important;} #contact-us .form-body-wrap ::-webkit-input-placeholder { color: #666666;} #contact-us .form-body-wrap :-moz-placeholder {color: #666666; opacity:1;} #contact-us .form-body-wrap ::-moz-placeholder { color:#666666; opacity:1;} #contact-us .form-body-wrap :-ms-input-placeholder {color:#666666;} #contact-us .form-body-wrap .fsValidationError{box-shadow:none!important;background-color:none;} #contact-us .form-body-wrap #fsSection55434967 { clear: left; float: left; width: 49%; } #contact-us .form-body-wrap #fsSection55434970 { clear: right; float: right; width: 49%; } #inner_banner .inner_title h1 {margin: 0; font-family: "Segoe UI Semibold",arial;} #inner_banner {background: #064087 none repeat scroll 0 0; color: #fff;/*padding-top: 72px;*/ padding-top: 103px;} body.logged-in #inner_banner { padding-top: 72px; } @media screen and (max-width: 960px) { body.logged-in #inner_banner { padding-top: 49px; } } @media screen and (max-width: 767px) { #inner_banner{ padding-top: 0 !important; } } #inner_banner .inner_bg {padding: 60px 0;} #content_section { padding: 60px 0;} /************************ CATEGORY *********************/ /*#access_category{ padding:55px 0 50px; overflow: hidden;}*/ #access_category .category_wrap{ border-bottom:6px solid #d6d6d6; margin-bottom: 42px; padding-bottom: 42px; width:100%;} #access_category .category_wrap .category_img{ min-height:216px;} #access_category .category_wrap .category_img.img_1{ background:url(images/category_img.jpg) no-repeat center top; background-size:cover;} #access_category .category_wrap .category_img.img_2{background:url(images/category_img.jpg) no-repeat center top; background-size:cover;} #access_category .category_wrap .category_img.img_3{} #access_category .category_wrap .category_img.img_4{} #access_category .category_wrap .category_img.img_5{} #access_category .category_wrap .category_text{ font-size:19px; line-height:28px; color:#1a1a1a; font-family: "Segoe UI regular",arial; } #access_category .category_wrap .category_text h3{ font-size:30px; line-height:40px; color:#000; font-family:"Segoe UI Semibold",arial; margin:0 0 15px;} #access_category .category_wrap .category_text p{margin: 0 0 20px;} .category-3 #inner_banner .inner_text h1{ color: #1a1a1a;} #access_category .category_wrap .category_text .read_btn{ float:left; padding-right: 24px;} #access_category .category_wrap .category_text .read_btn a{ font-size:16px; line-height:19px; color:#084f86; display:inline-block; border-radius:5px;padding: 13px 20px; overflow:hidden; transition:color 0.3s ease; -webkit-transition:color 0.3s ease;} #access_category .category_wrap .category_img{ background-position: center top !important; background-size:contain !important; margin-top: 10px; position: relative; background-repeat:no-repeat} #access_category .category_wrap .category_text h3{transition:color 0.3s ease-out; -webkit-transition:color 0.3s ease-out;} #access_category .category_wrap:hover .category_text h3{color:inherit;} #access_category .category_wrap .category_img.active{} #access_category .category_wrap .category_text .read_btn a{ position:relative; transform:translateZ(0px); -webkit-transform:translateZ(0px);} #access_category .category_wrap .category_text .read_btn a:before{ content:""; position:absolute; top:0; left:0; width:100%; height:100%; border-radius:5px; border:3px solid #084f86; z-index:-2;} #access_category .category_wrap .category_text .read_btn a:after{ z-index:-1; background: #084f86!important; bottom: 0; content: ""; left: 0; position: absolute; right: 0; top: 0; transform: scaleX(0); -webkit-transform: scaleX(0); transform-origin: 0 50% 0; -webkit-transform-origin: 0 50% 0; transition:transform 0.3s ease-out; -webkit-transition:transform 0.3s ease-out;} #access_category .category_wrap:hover .category_text .read_btn a:after{transform: scaleX(1); -webkit-transform: scaleX(1);} #access_category .category_wrap:hover .category_text .read_btn a{ color:#ffffff;} #access_category .category_wrap .category_text .read_btn a span{padding:0 15px 2px 0; position:relative;} #access_category .category_wrap .category_text .read_btn a span:before{ content: url(images/blog_arrow.png); position:absolute; right:0; top:12%; transition:all 0.3s ease-out; -webkit-transition:all 0.3s ease-out;} #access_category .category_wrap .category_text .read_btn a span:after{ content: url(images/blog_white_arrow.png); position:absolute; right:0; top:12%; transition:all 0.3s ease-out; -webkit-transition:all 0.3s ease-out; opacity:0;} #access_category .category_wrap:hover .category_text .read_btn a span:before{ right:-10px; opacity:0;} #access_category .category_wrap:hover .category_text .read_btn a span:after{opacity:1; -webkit-animation-name: hvr-icon-wobble-horizontal; animation-name: hvr-icon-wobble-horizontal; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-iteration-count: 1; animation-iteration-count: 1;} #access_category .category_wrap .category_text .share_btn{ float:left;} #access_category .category_wrap .category_text .share_btn a{ position: relative; font-size:16px; line-height:19px; color:#c72027!important; display:inline-block; border:3px solid #c72027; border-radius:5px; padding:10px 40px 10px 24px;} #access_category .category_wrap .category_text .share_btn a span{ background: rgba(0, 0, 0, 0) url("images/blog_share_arrow.png") no-repeat scroll 78% 50%; float:right;} .st_sharethis { height: 100%; left: 0; position: absolute; top: 0; width: 100%;} .st_sharethis .stButton {background-image: none !important;} .stButton {background-image: none !important;} .chicklets.sharethis { background: rgba(0, 0, 0, 0) none repeat scroll 0 0 !important;} #access_category .width_1{ width:36%;} #access_category .width_2{ width:64%; padding-left: 44px;} #access_category .category_wrap .category_text h3 a { color:inherit!important;} #access_category .category_wrap:hover .category_text h3 a { color: hsl(201, 100%, 39%);} #access_category .post_wrap { margin: 60px 0; text-align: center;} #access_category .post_wrap a { border: 2px solid #064087; border-radius: 5px; color: #084f86; font-size: 20px; line-height: 32px; margin: 0; padding: 24px 40px;} #access_category .post_wrap a span { background: rgba(0, 0, 0, 0) url(images/load_arrow.png) no-repeat scroll right center; padding: 0 35px 0 0;} #access_category .post_wrap a:hover{background:#064087; color:#ffffff;} #access_category .post_wrap a:hover span{ background: url(images/load_arrow_hover.png) no-repeat scroll right center; padding: 0 35px 0 0;} .recent_article > h2 {display: none;} #BXzK #wc-reset .wcan-rotation tbody,#BXzK #wc-reset .wcan-rotation tr,#BXzK #wc-reset .wcan-rotation td { display: block; } .wc-header-top-table td { display: block; } /**************************************SideBarblog*************************************************/ .main_body_container {} .main_body_container .sidebar_wrap {margin-top: 0; padding-bottom:16px;} .main_body_container .sidebar_heading {background-color:#064087; padding:20px 17px 50px;} .main_body_container .text_wrap {font-size:18px!important;line-height:27px!important;font-family:'Segoe UI regular',arial!important;color:#e0d9aa!important;} .main_body_container .text_wrap h3{font-size:23px;line-height:28px;font-family:"Segoe UI Semibold",arial;color:#ffffff;margin:0 0 6px;} .main_body_container .text_wrap h3 span{display:block;} .main_body_container .text_wrap p{margin:0 0 10px;} .main_body_container .content_wrap {margin:6px 0 0;border:1px solid #979797;padding:17px 17px 0;} .main_body_container .wrapper {} .main_body_container .wrapper h4{font-size:20px;line-height:20px;font-family:"Segoe UI Semibold",arial;color:#ffffff;margin:0;background:#064087;padding:20px 0;} .main_body_container ul.recent_article { margin: 0;} .main_body_container ul.recent_article li{ list-style:none; text-align:left; font-size:16px; line-height:24px; font-family:"Segoe UI regular",arial; color:#7b7b7b; border-bottom:1px solid #73b4d4; padding:13px 0; margin:0;} .main_body_container ul.recent_article li:last-child {border-bottom:none;} .main_body_container ul.monthly_list {margin:16px 0; padding-left:0;} .main_body_container ul.monthly_list li{list-style:none; text-align:left;position:relative;padding-left:20px; padding-bottom: 4px; margin: 0;} .main_body_container ul.monthly_list li:before {position:absolute;content:url(images/bullet_img_1.png);left:0;} .sidebar_wrap .recent_article a {color: #000; text-decoration: none!important;} .recent_article > h4 {display: none;} .search_input { border: medium none; border-radius: 0; height: 31px; padding-left: 10px; width: 100%;} .search_submit { float: right; padding-right: 11px;position: relative; top: -28px;} .main_body_container ul.monthly_list li a{font-size:16px; line-height:20px; font-family:"source_sans_prosemibold",arial; color:#000; text-decoration: none !important;} .search_icon > form { position: relative;top: 10px;} .main_body_container input[type="search"] { color: #000; cursor: pointer;font-size: 18px; width: 100%;} .main_body_container input[type="search"] {background: #fff url("images/search_icon.png") no-repeat scroll 95% center;border: 1px solid hsl(0, 0%, 100%);border-radius: 5px;height: 30px;padding: 0 18px 0 10px;position: absolute;right: 0px;top: -12px;transition: all 0.5s ease 0s;} /****************** Critix *****************************/ #z_wrapper, #z_wrapper , #z_wrapper ::after, #z_wrapper *::before {box-sizing: border-box;} #z_wrapper .z_text-center {text-align: center;} #z_wrapper .z_jumbotron {padding: 64px 32px;} #z_wrapper .z_jumbotron {background-color: #eceeef; border-radius: 4.8px; box-shadow: 0 0 2px #888888 inset; margin-bottom: 32px; padding: 16px;} #z_wrapper .z_row { margin-left: -15px; margin-right: -15px;} #z_wrapper .z_row { padding: 40px 0; margin-left: -15px; margin-right: -15px;} #z_wrapper, #z_wrapper , #z_wrapper ::after, #z_wrapper *::before {box-sizing: border-box;} #z_wrapper .z_container { max-width: 100%; width: 1140px;} #z_wrapper .z_container { padding-left: 15px; padding-right: 15px;} .article nav { background: #dddddd none repeat scroll 0 0; padding: 10px;} .z_nav { display: block;} .z_nav, .z_table {border-collapse: collapse;display: table;table-layout: fixed;width: 100%;} .z_table .z_cell { text-align: center;width: 75px;} .z_table .z_cell, .z_table .z_asset-link-heading {display: table-cell;height: 75px;vertical-align: middle;} #z_wrapper img {vertical-align: middle;} .z_table .z_asset-link-heading {font-size: 18px;text-align: left;width: calc(100% - 50px);} .z_table .z_asset-link-heading {font-size: 18px;text-align: left;} .z_desktop {border-top: 1px solid #444444;color: #222222;display: block;margin: 8px auto;padding-top: 4px;width: 80%;} .z_asset-link-anchor {color: #444444;display: block;font-size: 15px;margin-top: 8px;} .z_nav-link:not(:last-of-type) {margin-right: 15px;} .z_nav .z_nav-link { margin-right: 40px; padding: 20px 0; display: inline-block!important; max-width: 215px;} .z_nav .z_nav-link {color: #222222;display: table-cell; font-size: 16px;vertical-align: top;width: 33.333%;} .z_nav { margin: 20px 0;} .z_jumbotron-heading { font-family: Segoe UI Semibold; font-size: 35px; margin: 0;} #content_section .text_content p span.color_text, #content_section .text_content .sharedvue a{text-decoration:none!important;} #content_section .text_content p span.color_text, #content_section .text_content .sharedvue a{text-decoration:none!important;} .z_btn.z_btn-primary.z_btn-lg { background: #0275d8 none repeat scroll 0 0; color: #ffffff!important; font-size: 20px; padding: 12px 24px;} .z_pb-3 {font-family: 'Segoe UI Semibold',arial;font-size: 25px; margin-bottom: 25px;} .z_col-md-6.z_text-center {margin-bottom: 20px;} #content_section .text_content ul.process li::before { content: none; } .table-row h3 a { font-size: 16px;} #formContent ul li:before{content:none!important;} #content_section .logme{float:left; width:50%;} #z_wrapper a { text-decoration: none !important; } #z_wrapper a.z_nav-link { color: #0066ae !important; } #z_wrapper #launch-video::after{background: rgba(255, 255, 255, 0.475) url("http://static.ziftsolutions.com/files/ff8081815ab11c6f015ab3cf61c91af2/play-icon.png") no-repeat scroll 0 0; border-radius: 50%; content: ""; height: 56px; margin-top: -8px; position: absolute; width: 56px;left: 50%; top: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); } #z_wrapper #launch-video{position:relative;} /****************************Reqmoreinfo Form****************************************/ #more_info_form {margin: 0 auto;overflow: hidden;} #more_info_form .form_wrap {} #more_info_form .form_wrap .fsBody .fsForm, form_wrapper .fsForm .fsFieldRow .fsRowBody, form_wrapper.fsForm .fsSpacerRow .fsRowBody{background:transparent!important;} #more_info_form .form_wrap .fsBody .fsForm{ border:none!important; box-shadow: none !important;} #more_info_form .form_wrap .fsValidationError .fsLabel{ background-size:6px auto !important; background-position:0px 2px !important;background-image: none;} #more_info_form .form_wrap .fsValidationError { background:none!important;} #more_info_form .form_wrap .fsBody .fsLabel, .fsBody label{ color:#666666!important; padding:2px;} #more_info_form .form_wrap .fsForm .fsSubmit{ background: rgba(0, 0, 0, 0) none repeat scroll 0 0; border-radius: 3px; clear: both; float: none; height: 60px; margin: 0; padding: 0; width: 100%; position: relative;} #more_info_form .form_wrap .fsBody .fsRowBody{ padding: 0 !important;} #more_info_form .form_wrap .fsForm .fsLabel{ font-size:16px!important; color:#ffffff; margin: 16px 0 13px;padding:0;} #more_info_form .form_wrap .fsBody .fsSupporting{ color: #515050!important; font-size: 11px!important;} #more_info_form .form_wrap .fsSubmit input.fsSubmitButton{ border:0!important; border-radius: 5px !important; color: #ffffff; font-family: 'Segoe UI Semibold',arial;font-size: 24px !important;letter-spacing:0; height:55px;padding: 0; text-transform:capitalize; width:100%; background: #5c8fe7; position:relative; z-index:1; } #more_info_form .form_wrap .fsBody .fsForm{color:#404041!important; display: inline-block; font-size: 16px; width:100%; margin:0!important; color:#fff; background: transparent; padding:0;} #more_info_form .form_wrap .fsFieldRow input[type="text"], #more_info_form .form_wrap .fsFieldRow input[type="email"], #more_info_form .form_wrap .fsFieldRow input[type="number"], #more_info_form .form_wrap .fsFieldRow input[type="tel"]{ width:100%!important; } #more_info_form .form_wrap .fsFieldRow input[type="text"], #more_info_form .form_wrap .fsFieldRow input[type="email"], #more_info_form .form_wrap .fsFieldRow input[type="number"], #more_info_form .form_wrap .fsFieldRow input[type="tel"], #more_info_form .form_wrap .fsForm textarea, #more_info_form .form_wrap input[type="file"]{ background: #ffffff ; border:1px solid #cccccc; border-radius: 3px; color: #666666; font-family: 'Segoe UI Semilight',arial; font-size:18px; font-weight: normal; height: 45px!important; line-height: 18px; margin: 0 0 10px; max-width: 100%; padding: 8px 16px!important; width: 100%;} #more_info_form .form_wrap .fsForm textarea {height:90px!important;} #more_info_form .form_wrap .fsForm select:focus{border:1px solid #cccccc;} #more_info_form .form_wrap .fsForm select{max-width: 100% !important; width: 100% !important; font-family: 'Segoe UI Semilight'; color: #666666 !important;font-weight: normal; font-size: 18px!important; border:1px solid #cccccc!important; padding: 18px !important; border-radius:3px!important; margin:0; margin-bottom:13px!important;font-weight: normal;padding: 8px 16px!important; height: 45px!important; } #more_info_form .form_wrap #fsRow2242128-1,#more_info_form .form_wrap #fsRow2242128-3 { clear: left; float: left; width: 49%; } #more_info_form .form_wrap #fsRow2242128-2,#more_info_form .form_wrap #fsRow2242128-4{ clear: right; float: right; width: 49%; } #more_info_form .form_wrap div.fsError{font-family: 'Segoe UI Semilight'; font-size: 11px !important; margin:0 0 4px !important;padding: 2px !important; width: 100%;} #more_info_form .form_wrap .fsRequiredMarker { font-weight:normal !important; font-size:14px; color:#ff3c3c;} #more_info_form .form_wrap .fsBody { margin-bottom:0px!important; background: transparent; padding:0;} #more_info_form .form_wrap input:focus:invalid:focus, textarea:focus:invalid:focus, select:focus:invalid:focus {box-shadow: none;} #more_info_form .form_wrap .fsSectionHeader { display:none!important;} #more_info_form .form_wrap .fsFirst.fsLast.fsFieldCell { background:none; padding:0; margin:0!important;} #more_info_form .form_wrap .fsForm input.fsField[type="email"]:focus, #more_info_form .form_wrap .fsForm input.fsField[type="file"]:focus, #more_info_form .form_wrap .fsForm input.fsField[type="number"]:focus, #more_info_form .form_wrap .fsForm input.fsField[type="tel"]:focus, #more_info_form .form_wrap .fsForm input.fsField[type="text"]:focus, #more_info_form .form_wrap .fsForm textarea.fsField:focus {outline:0;} #more_info_form .form_wrap .fsRow.fsFieldRow.fsLastRow {margin-bottom:0!important;} #more_info_form .form_wrap ::-webkit-input-placeholder { color: #666666;} #more_info_form .form_wrap :-moz-placeholder {color: #666666; opacity:1;} #more_info_form .form_wrap ::-moz-placeholder { color:#666666; opacity:1;} #more_info_form .form_wrap :-ms-input-placeholder {color:#666666;} #more_info_form .form_wrap .fsValidationError{box-shadow:none!important;background-color:none;} #more_info_form .form_wrap #fsRow2242128-1,#more_info_form .form_wrap #fsRow2242128-3 { clear: left; float: left; width: 49%; } #more_info_form .form_wrap #fsRow2242128-2,#more_info_form .form_wrap #fsRow2242128-4{ clear: right; float: right; width: 49%; } #more_info_form .form_wrap .fsForm select:focus{border:1px solid #cccccc;} .feed-page .with-background { display: table; width: 100%; background-color: #eceeef; border-radius: 4.8px; box-shadow: 0 0 2px #888888 inset; -moz-box-shadow: 0 0 2px #888888 inset; -webkit-box-shadow: 0 0 2px #888888 inset; margin-bottom: 32px; padding: 64px 32px;} .feed-page .btn ,.the_content .btn{background-color: #0275d8; border-color: #0275d8; text-decoration:none!important;color: #ffffff !important; display: inline-block; font-size: 14px; font-weight: 400; line-height: 1.25; padding: 8px 16px; text-align: center; transition: all 0.2s ease-in-out 0s;-moz-transition: all 0.2s ease-in-out 0s;-webkit-transition: all 0.2s ease-in-out 0s;padding: 12px 24px; vertical-align: middle; white-space: nowrap;} .feed-page .mid-content { display: table; margin-bottom: 35px; width: 100%; } .gray-background { background: #f5f5f5 none repeat scroll 0 0; padding: 20px; } .bottom-content.with-background { display: table;width: 100%; } .modal-open{ overflow-x:hidden !important; overflow-y: scroll !important; padding:0 !important;} #myModal.cookie { border-top: 5px solid #383f56; bottom:0 !important; top:auto !important;} #myModal.modal-content { border:none; border-radius:0; box-shadow:none; -webkit-box-shadow:none;} #myModal.modal-content a { color:inherit; text-decoration: underline !important; outline:0;} #myModal button.close { opacity:1; width:176px; margin-left: 10%; text-align: right; padding: 6px 10px; font-size: 13px;} .modal{ bottom:0px; top:auto;} #myModal .cross-button { padding: 0 5px; border: 1px solid ; font-size: 18px; line-height: 22px; } #myModal button.close:hover { color:#383f56;} #myModal .cross-button::before { position: absolute; color: #383f56; margin-left: -36px; font-size: 24px; background:url(images/pop-icon-light.png); content: ""; width: 22px; height: 22px; display: inline-block; left: 0; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); -moz-transform: translateY(-50%);} .modal{ bottom:0px; top:auto;} .modal-backdrop.in{ display:none;} @media (max-width: 767px){ #myModal button.close{float:none; width: 100%; margin-left: 0; text-align: center; padding: 10px 0;} #myModal .cross-button::before { top: 8%; transform: translateY(-8%); -webkit-transform: translateY(-8%); -ms-transform: translateY(-8%); -o-transform: translateY(-8%); -moz-transform: translateY(-8%); left: 15%;} } @media (min-width: 768px) and (max-width: 1300px){ #myModal .cross-button::before { margin-left: 0; left: -10px;} }