/*
Theme Name: Online Novelity Docs
Theme URI: http://OnlineNovelityDocs.co.uk/
Author: Online Novelty Docs
Author URI: http://OnlineNovelityDocs.co.uk/
Version: 1.0
*/
@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800');
@import url('https://fonts.googleapis.com/css?family=Libre+Franklin:100,200,300,400,500,600,700,800,900');
@font-face {
	font-family: "proxima-extrabold";
	src: url('fonts/proximanova-extrabold.eot');
	src: url('fonts/proximanova-extrabold.eot?#iefix') format('embedded-opentype'),
	url('fonts/proximanova-extrabold.svg#Proxima Nova') format('svg'),
	url('fonts/proximanova-extrabold.woff') format('woff'),
	url('fonts/proximanova-extrabold.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}


@font-face {
    font-family: 'proxima_novabold';
    src: url('fonts/ProximaNovaBold-webfont.eot');
    src: url('fonts/ProximaNovaBold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/ProximaNovaBold-webfont.woff2') format('woff2'),
         url('fonts/ProximaNovaBold-webfont.woff') format('woff'),
         url('fonts/ProximaNovaBold-webfont.ttf') format('truetype'),
         url('fonts/ProximaNovaBold-webfont.svg#proxima_novabold') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'proxima_novalight';
    src: url('fonts/ProximaNovaLight-webfont.eot');
    src: url('fonts/ProximaNovaLight-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/ProximaNovaLight-webfont.woff2') format('woff2'),
         url('fonts/ProximaNovaLight-webfont.woff') format('woff'),
         url('fonts/ProximaNovaLight-webfont.ttf') format('truetype'),
         url('fonts/ProximaNovaLight-webfont.svg#proxima_novalight') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'proxima_novaregular';
    src: url('fonts/ProximaNovaRegular-webfont.eot');
    src: url('fonts/ProximaNovaRegular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/ProximaNovaRegular-webfont.woff2') format('woff2'),
         url('fonts/ProximaNovaRegular-webfont.woff') format('woff'),
         url('fonts/ProximaNovaRegular-webfont.ttf') format('truetype'),
         url('fonts/ProximaNovaRegular-webfont.svg#proxima_novaregular') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'proxima_novasemibold';
    src: url('fonts/ProximaNovaSemibold-webfont.eot');
    src: url('fonts/ProximaNovaSemibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/ProximaNovaSemibold-webfont.woff2') format('woff2'),
         url('fonts/ProximaNovaSemibold-webfont.woff') format('woff'),
         url('fonts/ProximaNovaSemibold-webfont.ttf') format('truetype'),
         url('fonts/ProximaNovaSemibold-webfont.svg#proxima_novasemibold') format('svg');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family:'ChunkFive Roman';
    src: url('fonts/ChunkFive-Roman.eot');
	src: url('fonts/ChunkFive-Roman.eot?#iefix') format('embedded-opentype'),
		url('fonts/ChunkFive-Roman.woff2') format('woff2'),
		url('fonts/ChunkFive-Roman.woff') format('woff'),
		url('fonts/ChunkFive-Roman.svg#ChunkFive-Roman') format('svg');
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    unicode-range: U+0020-00FC;
}
body { color:#111; font-family: 'Libre Franklin', sans-serif; font-size:15px; font-weight:400; line-height:1.55; overflow-x:hidden;}
img { max-width:100%; height:auto; }
a { transition:all linear 0.2s 0s; -webkit-transition:all linear 0.2s 0s; color:#111 }
a:hover, a:focus { outline:0; color:#009AC6;}
a:focus, img:focus { background-color:transparent;}
a.under { text-decoration:underline;}
a.under:hover { text-decoration:none;}
.clear1 { clear:both;}
.clear5px { clear:both; height:5px; }
.clear10px { clear:both; padding:5px 0; }
.clear20px { clear:both; padding:10px 0; }
.clear30px { clear:both; padding:15px 0; }
.clear50px { clear:both; padding:25px 0; }
.clear100px { clear:both; padding:50px; }
.alignleft { float:left; margin:0 15px 10px 0;}
.alignright { float:right; margin:0 0 10px 15px;}
.mt-0 { margin-top:0 !important}
.mb-0 { margin-bottom:0 !important}
small { font-size:82%;}
.btn-black { background:#333; color:#fff !important;}
.btn-black:hover { background:#000; color:#fff;}
.text-primary { color:#036;}
.btn-danger { background:#28A6EC; border-color:#0CF; color:#fff !important;}
.btn-danger:hover { background:#06C; border-color:#09C}
.btn.wide { max-width:100%; min-width:320px; font-weight:bold;}
.btn-danger.shadow { box-shadow:0 4px 0 #28A6EC}
.btn-black.shadow { box-shadow:0 4px 0 #666}
.red { color:#28A6EC;}
section { padding:0 0 80px;}
section.grey { background:#f4f4f4;}
.no-after:before { display:none !important;}
.btn { font-weight:normal; min-width:145px; }
.btn:focus { outline:none !important;}
.btn i { margin-left:10px; }
.buttons_block { position:relative; width:100%;  text-align:center; display:block; clear:both; margin-top:80px; z-index:999; }
.buttons_block i { margin-left:10px; }
.buttons_group { position:relative; width:100%;  text-align:left; display:block; clear:both; margin-top:20px; }
.buttons_group i { margin-left:10px; }

header.home_header { font-family: 'Roboto Slab', serif; font-weight:700; min-height:860px; position:relative;}
header.home_header:after {content:"";width:100%;height:0;position:absolute;left:0;padding:0 0 8%;background:-webkit-gradient(linear, left bottom, right top, color-stop(50%, #ebebe1), color-stop(50%, transparent)) no-repeat left bottom;background:-webkit-linear-gradient(bottom left, #ebebe1 50%, transparent 50%) no-repeat left bottom;background:linear-gradient(to top right, #ebebe1 50%, transparent 50%) no-repeat left bottom;margin-top:-7.4%;bottom:0;}
header.home_header a.more {background:#28A6EC; bottom:30px; color:#fff; display:inline-block; height:62px; left:50%;margin-left:-27px; position:absolute; text-align:center; width:72px; z-index:1}
header.home_header a.more i { line-height:25px; font-size:90px; position:relative; top:20px; z-index:10;}
header.home_header a.more:after { border-left:36px solid transparent; border-right:37px solid transparent; border-top:20px solid #28A6EC; bottom:-20px; content:''; left:0; position:absolute; }
header { z-index:99; position:relative;}


.head-capi { background:rgba(0,0,0,0.75); color:#fff; font-size:62px; left:50%; line-height:1.35; padding:0 65px 10px; position:absolute; text-align:center; top:50%; transform:translateX(-50%); -webkit-transform:translateX(-50%); width:100%; max-width:1060px}
.off-white-block { background:#ebebe1; clear:both; font-size:20px; line-height:2; padding-bottom:80px; position:relative;}
.off-white-block:after {content:"";width:100%;height:0;position:absolute;right:0;padding:0 0 8%;background:-webkit-gradient(linear, right bottom, left top,  color-stop(50%, #fff), color-stop(50%, transparent)) no-repeat right top;background:-webkit-linear-gradient(bottom right, #fff 50%, transparent 50%) no-repeat right bottom;background:linear-gradient(to top left, #fff 50%, transparent 50%) no-repeat right bottom;bottom:0; z-index:99;}
.off-white-block a { color:#28A6EC;}
#what_we_offer { background:url(images/offer-serv-bg.png) no-repeat 120% bottom #ebebe1; background-attachment:fixed; background-size:700px; }
#what_we_offer p { line-height:30px; }
ul.ww-offer { font:15px 'proxima_novaregular'; list-style:none; margin:0; padding:0; min-height:650px; position:relative;}
ul.ww-offer li { background:url(images/penta.png) center no-repeat; color:#fff; display:block; height:205px; padding:0 50px 0; position:absolute; text-align:center; text-transform:uppercase; width:237px; }
ul.ww-offer li i { display:block; padding-top:35px; margin-bottom:10px;}
ul.ww-offer li a { color:#fff; display:block; bottom:0; left:0; right:0; position:absolute; top:0;}
ul.ww-offer li:first-child { background-position:bottom; left:184px; top:209px; padding:30px 30px 0;}
ul.ww-offer li:first-child h3 { color:#28A6EC; font:40px 'ChunkFive Roman'; text-transform:none;}
ul.ww-offer li:nth-child(2) { left:184px;}
ul.ww-offer li:nth-child(3) { left:368px; top:102px;}
ul.ww-offer li:nth-child(4) { left:368px; top:314px;}
ul.ww-offer li:nth-child(5) { left:184px; top:418px;}
ul.ww-offer li:nth-child(6) { left:0; top:314px;}
ul.ww-offer li:nth-child(7) { left:0; top:104px;}
ul.ww-offer li:hover { background-position:top;}
ul.ww-offer li:first-child:hover { background-position:bottom;}
ul.ww-offer li a:hover { color:#fff; text-decoration:none;}
h2 {font:bold 60px 'Libre Franklin', sans-serif; margin:30px 0; }
.title-bar h2 { font:62px 'ChunkFive Roman'; border-bottom:8px solid #333; margin-bottom:30px; }
h2 small { color:#000; font:18px 'Roboto Slab', serif;}
h3 {font:40px/1.1 'Libre Franklin', sans-serif; margin:20px 0; }
h4 {font:28px/1.1 'Libre Franklin', sans-serif; margin:20px 0; }
ul.my-list { list-style:none; padding:0;}
ul.my-list li { font:600 16px 'Libre Franklin', sans-serif; display:block; padding:8px 10px 12px 35px; position:relative;}
ul.my-list li:before { background:#28A6EC; border-radius:50%; color:#fff; content: "\f105"; font-family: 'FontAwesome'; height:26px; position:absolute; left:0; line-height:25px; top:6px; text-align:center; width:26px;}
ul.my-list.half li { float:left; margin:0 1%; width:48%;}
ol.list_numbers { padding:0;}
ol.list_numbers li { font:600 16px 'Libre Franklin', sans-serif; display:block; padding:8px 10px 12px 35px; position:relative;}
#fake_section {background:url(images/fake-doc-bg.png) no-repeat -5% 50% #fff; background-attachment:fixed;}
.fake {font-size:20px; line-height:2; position:relative; }
.fake:after {content:"";width:100%;height:0;position:absolute;left:0;padding:0 0 8%;background:-webkit-gradient(linear, left bottom, right top, color-stop(50%, #ebebe1), color-stop(50%, transparent)) no-repeat left bottom;background:-webkit-linear-gradient(bottom left, #ebebe1 50%, transparent 50%) no-repeat left bottom;background:linear-gradient(to top right, #ebebe1 50%, transparent 50%) no-repeat left bottom; bottom:0;}
#document_section { position:relative; background:url(images/doc-edit-bg.png) no-repeat 110% 35% #ebebe1; background-attachment:fixed;}
#document_section h2 { color:#28A6EC; }
#payroll_section {background:url(images/payroll-bg.png) no-repeat 0 0 #8d9492; background-attachment:fixed;}
.payroll { background:#8d9492;  font-size:20px; padding-bottom:150px; line-height:2; position:relative; }
.payroll:before {content:"";width:100%;height:0;position:absolute;right:0;padding:0 0 8%;background:-webkit-gradient(linear, right bottom, left top,  color-stop(50%, #8d9492), color-stop(50%, transparent)) no-repeat right top; background:-webkit-linear-gradient(bottom right, #8d9492 50%, transparent 50%) no-repeat right bottom;background:linear-gradient(to top left, #8d9492 50%, transparent 50%) no-repeat right bottom;top:-133px; height:133px; z-index:99;}
.payroll:after {content:"";width:100%;height:0;position:absolute;left:0;padding:0 0 8%;background:-webkit-gradient(linear, left bottom, right top, color-stop(50%, #ebebe1), color-stop(50%, transparent)) no-repeat left bottom;background:-webkit-linear-gradient(bottom left, #ebebe1 50%, transparent 50%) no-repeat left bottom;background:linear-gradient(to top right, #ebebe1 50%, transparent 50%) no-repeat left bottom; bottom:0;}
.service { font:18px 'proxima_novasemibold'; padding:40px 0 0; text-align:center;}
.service i { background:#fff; border-radius:50%; display:block; height:192px; line-height:192px; margin:15px auto; text-align:center; width:192px;}
.service h4 { font:bold 24px 'Roboto Slab', serif;}
#our_service_section { background:#ebebe1; clear:both; font-size:20px; line-height:2; padding-bottom:50px; position:relative;}
#our_service_section .ratate_object {background:url(images/service-bg.png) no-repeat right bottom #ebebe1; transform:rotate(5deg); -webkit-transform:rotate(5deg); position:absolute; left:-150px; right:-150px; top:0; bottom:-100px; z-index:1; background-attachment:fixed;}
#our_service_section .container { z-index:9999; position:relative; }
#our_service_section a { color:#28A6EC;}
#how_it_works_section { counter-reset: li; overflow:hidden; padding-bottom:50px; padding-top:150px; line-height:2; position:relative;}
#how_it_works_section:after {content:"";width:100%;height:0;position:absolute;left:0;padding:0 0 8%;background:-webkit-gradient(linear, left bottom, right top, color-stop(50%, #ebebe1), color-stop(50%, transparent)) no-repeat left bottom;background:-webkit-linear-gradient(bottom left, #ebebe1 50%, transparent 50%) no-repeat left bottom;background:linear-gradient(to top right, #ebebe1 50%, transparent 50%) no-repeat left bottom; bottom:0;}
#how_it_works_section ul { list-style:none; padding:0; margin:0; display:block; margin-top:50px; }
#how_it_works_section ul li { display:block; margin-bottom:10px; font-size:15px; position:relative; width:735px; margin-left:60px; float:left; clear:both; }
#how_it_works_section ul  li:before {counter-increment: li; content:"0" counter(li); background-color:#262626; position:absolute; left:-60px; top:-15px; padding:35px; font:60px 'proxima_novasemibold'; color:#fff; text-align:center; text-decoration:none; font-weight:900; line-height:60px; z-index:99; transition:all linear 0.2s 0s; -webkit-transition:all linear 0.2s 0s; width:146px;}
#how_it_works_section ul  li:hover:before {background-color:#28A6EC; }
#how_it_works_section ul  li:after {border: 1px solid rgba(255,255,255,0.2);bottom: 20px;content: ""; left: -54px; position: absolute; right: 5px; top: -9px; width: 134px; z-index:999;}
#how_it_works_section ul  li .arrows_contents { position:absolute; left:100px; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%); z-index:9; width:75%; line-height:20px;  font:16px 'proxima_novaregular';}
#how_it_works_section ul  li .arrows_contents p { margin:0; padding:0; }
#how_it_works_section ul  li .hiw_icon { max-width:100px; height:50px; position:absolute; right:0; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%); z-index:9; }
#how_it_works_section ul  li .hiw_icon img { width:auto;  height:50px; }
#how_it_works_section ul li .white_arrow { position:relative; display:block; padding-left:158px; position:relative; height:129px;	background: #efefef; background: -moz-linear-gradient(left, #efefef 0%, #ffffff 100%);background: -webkit-linear-gradient(left, #efefef 0%,#ffffff 100%);background: linear-gradient(to right, #efefef 0%,#ffffff 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#efefef', endColorstr='#ffffff',GradientType=1 ); }
#how_it_works_section ul li .white_arrow:after { content:""; position:absolute; right:-46px; top:19px; width: 92px; height: 92px; transform:rotate(-45deg); -webkit-transform:rotate(-45deg); background-color:#fff; }
#how_it_works_section ul li .border_overlay { border:#CCC solid 1px; position:absolute; left:5px; right:5px; top:5px; bottom:5px; border-right:0; }
#how_it_works_section ul li .border_overlay:before { content: ''; position: absolute; bottom:-6px; left: -6px; width:54px; height:58px; background: #b6b6b6; z-index:0;  -webkit-transform: perspective(50px) rotateY(1057deg); -o-transform: perspective(50px) rotateY(1057deg); -moz-transform: perspective(50px) rotateY(1057deg);  transform: perspective(50px) rotateY(1057deg);  -webkit-transform-origin: 0% 133%; -moz-transform-origin: 0% 133%; -o-transform-origin: 0% 133%; transform-origin: 0% 133%;	}
#how_it_works_section ul li .border_overlay:after { border: 1px solid #ccc; bottom: 5px; content: ""; height: 85px; position: absolute; right: -43px; top: 15px; width: 85px;  z-index: 1; transform:rotate(-45deg); -webkit-transform:rotate(-45deg); border-left:transparent 1px solid; border-top:transparent 1px solid; }

#how_it_works_section ul li:nth-child(even){ position:relative; float:right; margin-left:auto;  margin-right:60px; }
#how_it_works_section ul li:nth-child(even):before { left:auto; right:-60px;}
#how_it_works_section ul li:nth-child(even):after {left:auto; right: -54px;}
#how_it_works_section ul li:nth-child(even) .arrows_contents { left:auto; right:100px;}
#how_it_works_section ul li:nth-child(even) .white_arrow {background: #ffffff; background: -moz-linear-gradient(left, #ffffff 0%, #efefef 100%); background: -webkit-linear-gradient(left, #ffffff 0%,#efefef 100%); background: linear-gradient(to right, #ffffff 0%,#efefef 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#efefef',GradientType=1 ); }
#how_it_works_section ul li:nth-child(even) .white_arrow:after {left:-46px; right:auto;}
#how_it_works_section ul li:nth-child(even) .border_overlay { border-left:0; border-right:#CCC solid 1px; }
#how_it_works_section ul li:nth-child(even) .border_overlay:before { width:65px; left:auto; right: -71px; -webkit-transform: perspective(50px) rotateY(909deg)); -o-transform: perspective(50px) rotateY(909deg); -moz-transform: perspective(50px) rotateY(909deg);  transform: perspective(50px) rotateY(909deg);  -webkit-transform-origin: 0% 189%; -moz-transform-origin: 0% 189%; -o-transform-origin: 0% 189%; transform-origin: 0% 189%;}
#how_it_works_section ul li:nth-child(even) .border_overlay:after { right:auto; left: -43px; top: 15px; width: 85px;  z-index: 1; transform:rotate(-45deg); -webkit-transform:rotate(-45deg); border-left:#ccc 1px solid; border-top:#ccc 1px solid; border-right:transparent 1px solid; border-bottom:transparent 1px solid; }
#how_it_works_section ul li:nth-child(even) .hiw_icon { right:auto; left:0;}
#how_it_works_section.inn { padding-top:0;}
#our_practice { background-color:#ebebe1; text-decoration:none; color:#4d4d4d; position:relative; padding-bottom:180px; }
#our_practice:after {content:"";width:100%;height:0;position:absolute;left:0;padding:0 0 8%;background:-webkit-gradient(linear, left bottom, right top, color-stop(50%, #fff), color-stop(50%, transparent)) no-repeat left bottom;background:-webkit-linear-gradient(bottom left, #fff 50%, transparent 50%) no-repeat left bottom;background:linear-gradient(to top right, #fff 50%, transparent 50%) no-repeat left bottom; bottom:0; z-index:999;}
#our_practice h2 { color:#28A6EC; text-decoration:none; border-bottom: 8px solid #28A6EC;}
#our_practice p { font:24px 'proxima-extrabold'; margin-bottom:25px;}
#our_practice p:last-child { margin-bottom:0; }
#our_practice .sample_button { float:right; margin-top:45px; }
#buy_documents_now { background-color:#fff; text-decoration:none; text-align:center; padding:0 0 50px; }
#buy_documents_now h2 { color:#000; font:50px 'ChunkFive Roman'; font-weight:bold; text-transform:none; margin:0; padding:0;}
footer { background-color:#2f2f2f; padding:30px 0; text-align:center; color:#fff; text-decoration:none; font:14px 'proxima_novaregular'; display:block; letter-spacing:0.02em; }
footer ul { list-style:none; padding:0; margin:0; display:block; text-align:center; margin-bottom:10px; }
footer ul li { display:inline-block; padding:0 10px; }
footer ul li a{ display:inline-block; padding:0 1px; color:#fff; text-decoration:none; font-weight:normal; font:14px 'proxima_novaregular'; text-transform:uppercase; letter-spacing:0.02em; }
footer ul li a:hover { text-decoration:underline; color:#28A6EC; }

/*.inner_banner:after { background:rgba(0,0,0,0.3); position:absolute; left:0; top:0; right:0; bottom:0; content:"";}*/
.inner_banner_text {  font:24px 'proxima_novasemibold';}

.cart-bg { background-image:url(images/cart.png) !important;}
.bank-bg { background:url(images/bank-bg.png) left center no-repeat !important;}
.pound-bg { background-image:url(images/pound.png) !important; background-position: center 90% !important;}
.pound-bg1 { background-image:url(images/pound1.png) !important; background-position: center 90% !important;}
.doc-bg { background-image:url(images/doc.png) !important;}
.contact-bg { background-image:url(images/contact.png) !important; background-position:right bottom !important}
.faq-bg { background-image:url(images/faq.png) !important; background-position:right bottom !important}
.thanks { background:url(images/thanks.png) !important; background-position:right 10% !important; min-height:400px}
.terms-bg { background:url(images/terms.png) no-repeat !important; background-position: right 10% !important;}
.full-bg { background:url(images/full-pat.jpg)  !important;}
.full-bg:before { display:none;}

ul.small_list.half { max-width:100%;}
ul.small_list.half li { width:calc(50% - 5px);}


ul.setting_list li:last-child h3 { margin-top:20px; }


ul.pricing_boxes_list { list-style:none; margin:0 auto 35px; max-width:95%; padding:0; overflow:hidden; text-align:center;}
ul.pricing_boxes_list li { background:#EBEBE1; border:1px solid #8D9492; color:#333; display:inline-block; width:calc(33% - 15px); line-height:1.3; margin:0 5px 10px; min-height:115px; padding:5px 0; vertical-align:top; }
ul.pricing_boxes_list li a { display:block; margin:-10px 0; padding:10px 0; text-decoration:none !important; }
ul.pricing_boxes_list li a img.hov { display:none;}
ul.pricing_boxes_list li a:hover { background:#28A6EC; color:#fff;}
ul.pricing_boxes_list li a:hover img.hov { display:inline-block !important;}
ul.pricing_boxes_list li a:hover img { display:none;}
ul.pricing_boxes_list li a.inline { display:inline-block; min-height:0; padding:0; margin:0; text-decoration:none;}
ul.pricing_boxes_list li a.inline:hover { background:none; text-decoration:none !important; color:#000;}
ul.pricing_boxes_list li h3{ font:500 20px/1.1 'Libre Franklin', sans-serif; margin:5px 0; min-height:28px;}
ul.pricing_boxes_list li h3 small { display:inline-block}
ul.pricing_boxes_list li span { background:#961116/; border-radius:50%; display:inline-block; font-size:45px; font-weight:bold; line-height:1; }
ul.pricing_boxes_list li small { display:block; color:#333;}
ul.pricing_boxes_list li.full{ width:calc(97.5% - 0px)!important; min-height:0 !important; padding:10px 0; }
ul.pricing_boxes_list li.full a { display:inherit; padding:inherit; text-decoration:none;  min-height:inherit; color:#28a6ec;}
ul.pricing_boxes_list li.full a:hover { color:#000; text-decoration:underline; background:none; }
ul.pricing_boxes_list.utility li { min-height:120px;}
ul.pricing_boxes_list.p45 li { min-height:97px;}
ul.pricing_boxes_list.p45 li h3  { margin-bottom:10px; min-height:0;}
ul.pricing_boxes_list.sa302 li:last-child { min-height:116px;}
ul.pricing_boxes_list.sa302 li { min-height:100px}
ul.small_list { list-style:none; margin:0 auto 35px; max-width:80%; padding:0; overflow:hidden; text-align:center;}
ul.small_list li { background:#EBEBE1; border:1px solid #8D9492; color:#333; display:inline-block; width:calc(33% - 15px); line-height:1.3; margin:0 5px 10px; min-height:137px; padding:10px 0; vertical-align:top; }
ul.small_list li a { display:block; margin:-10px 0; padding:10px 0; text-decoration:none !important; }
ul.small_list li a img.hov { display:none;}
ul.small_list li a:hover { background:#28A6EC; color:#fff;}
ul.small_list li a:hover img.hov { display:inline-block !important;}
ul.small_list li a:hover img { display:none;}
ul.small_list li a.inline { display:inline-block; min-height:0; padding:0; margin:0;}
ul.small_list li a.inline:hover { background:none;  color:#000;}
ul.small_list li h3{ font:500 24px/1.1 'Libre Franklin', sans-serif; margin:10px 0 5px; min-height:45px;}
ul.small_list li span { background:#961116/; display:inline-block; font-size:45px; font-weight:bold; line-height:1;}
ul.small_list li small { display:block;}
ul.small_list li a {text-decoration:underline;}
ul.small_list li a:hover { text-decoration:none;}
ul.small_list.bank { max-width:90%; text-align:center;}
ul.small_list.bank li h3 small { color:#333; font-size:18px;}
ul.small_list.bank li{ min-height:165px;}
ul.small_list.bank li span { min-height:60px;}
.order_btn { text-align:center; position:relative; z-index:999}
.order_btn .btn {   font:700 23px 'Roboto Slab', serif; padding:10px 20px;}
#gallery_section { background:#ebebe1; clear:both; font-size:20px; line-height:2; padding-bottom:115px; position:relative; padding-top:20px;}
#gallery_section:after  {content:"";width:100%;height:0;position:absolute;left:0;padding:0 0 8%;background:-webkit-gradient(linear, left bottom, right top, color-stop(50%, #fff), color-stop(50%, transparent)) no-repeat left bottom;background:-webkit-linear-gradient(bottom left, #fff 50%, transparent 50%) no-repeat left bottom;background:linear-gradient(to top right, #fff 50%, transparent 50%) no-repeat left bottom; bottom:0;}
ul.smaples { list-style:none; margin:0 -15px; padding:0; text-align:center}
ul.smaples li { display:inline-block; margin:0 11px 0 15px; vertical-align:top;}
ul.smaples li.dbl { width:calc(40% - 32px);}
.banks .service_box { margin-bottom:5px;}
.banks .service_box img { background:#fff; height:90px;}
.banks .service_box h3 { font-size:16px; margin-top:5px;}
.service_box { text-align:center; margin-bottom:30px; cursor:pointer;}
.service_box img { height:280px; border:1px solid #999; padding:5px; }
.service_box h3 {  font:20px 'proxima-extrabold'; min-height:48px; margin-bottom:5px;}
.service_box a h3 { color:#000;}
.service_box a:hover h3 { color:#28A6EC; text-decoration:none!important;}
.service_box h3 a { color:#000;}
.service_box h3 a:hover, .service_box:hover h3 a  { color:#28A6EC; text-decoration:none;}
.service_box:hover img { border-color:#28A6EC;}
.service_box.active:before { bottom:20px; color:#28A6EC; content: "\f00c"; font:88px 'FontAwesome'; left:30px; line-height:220px; position:absolute; right:30px; top:45px;  z-index:999;}
.banner_right { z-index:99; position:relative; float:right; margin-top:-195px;}
.right_banner_heading { position:relative; overflow:hidden; width:100%; z-index:0; min-height:75px; }
.right_banner_heading h3 { position:relative; z-index:99; margin:0; padding:0; margin-left:20px; margin-top:38px; font:24px 'proxima_novasemibold'; }
.banner_right_heading_bg {position: absolute; top:36px; left:0; width:90px; height:40px; background: #fff; z-index:0;  -webkit-transform: perspective(50px) rotateY(1059deg); -o-transform: perspective(50px) rotateY(1059deg); -moz-transform: perspective(50px) rotateY(1059deg);  transform: perspective(50px) rotateY(1059deg);  -webkit-transform-origin: 0% 50%; -moz-transform-origin: 0% 50%; -o-transform-origin: 0% 50%; transform-origin: 0% 50%;}
.banner_right_box { background:#ebebe1; padding:15px; position:relative;}
.banner_right_box ul { list-style:none; margin:0; padding:0; padding-left:10px; margin-bottom:10px;}
.banner_right_box ul li a { font:18px 'proxima_novasemibold'; display:block; margin-bottom:10px;}
.banner_right_box ul li a:hover { text-decoration:none; color:#28A6EC;}
.banner_right_box .btn {font:700 12px 'Roboto Slab', serif;}
.inner_content:after { display:none;}
.faq_sec .faq-accordion { text-align:left;}
.fancy-collapse-panel .panel { background-color:transparent; border-color:#eee; border-radius:0;}
.fancy-collapse-panel { text-align:left;}
.fancy-collapse-panel .panel-body { background:#EBEBE1}
.fancy-collapse-panel .panel-default > .panel-heading {padding: 0;}
.fancy-collapse-panel .panel-default > .panel-heading h4 {font-weight:600; font-size:16px; margin:0;}
.fancy-collapse-panel .panel-heading a {padding: 12px 35px 12px 40px;display: inline-block;width: 100%; position: relative;text-decoration: none; background-color:#fff; border-color:#dedede; border-radius:0; color:#222;}
.fancy-collapse-panel .panel-heading a:after {font-family: "FontAwesome";content: "\f068"; color:#28A6EC; font-size: 20px;font-weight: 400;line-height: 1; padding:10px 12px; position:absolute; left:-1px; top: 0;}
.fancy-collapse-panel .panel-heading a.collapsed:after {content: "\f067";  color:#28A6EC;}
.fancy-collapse-panel.hw .panel-heading a:after { content: "\f105";}
.fancy-collapse-panel.hw .panel-heading a.collapsed:after {content: "\f107";}
.form-control, .form-control[disabled], .form-control[readonly], fieldset[disabled] { background:#EBEBE1;}
.order label { font-weight:normal;}
.arrow-right, .arrow-left { clear:both; margin-bottom:-20px; position:relative; top:20px; left:-80px; text-align:center;}
.arrow-left { left:auto; right:-40px; top:-20px}
.note { background-image:url(images/icons/warning.png); background-position:110% 55%; background-repeat:no-repeat;}
.how-work { list-style:none; margin:0; padding:0;}
.how-work li { background:#f6f6f6; min-height:335px; padding:50px 0; position:relative; overflow:hidden;}

	.how-work li:nth-child(odd):after { border-right:30px solid #000; border-bottom:30px solid transparent; border-top:30px solid transparent; content:''; position:absolute; top:50%; margin-top:-30px; left:calc(50% - 30px);}
	.how-work li:first-child:before { background:url(images/hiw/1.png) no-repeat center center; background-size:cover; bottom:0; content: ''; height: 100%; right: 0; opacity: 1; position: absolute; top: 0; width:50%; }
.how-work li .container { margin-top:0;}
.how-work li:nth-child(2n):before { background:url(images/hiw/2.jpg) no-repeat right center; background-size:cover; bottom:0; content: ''; height: 100%; left: 0; opacity: 1; position: absolute; top: 0; width:50%; }
.how-work li:nth-child(2n):after { border-left:30px solid #0a4452; border-bottom:30px solid transparent; border-top:30px solid transparent; content:''; position:absolute; top:50%; margin-top:-30px; right:calc(50% - 30px);}
.how-work li:nth-child(3n):before { background:url(images/hiw/3.png) no-repeat left center; background-size:cover; bottom:0; content: ''; height: 100%; right: 0; opacity: 1; position: absolute; top: 0; width:50%; }
.how-work li:nth-child(4n):before { background:url(images/hiw/4.png) no-repeat right center #0a4452; background-size:cover; bottom:0; content: ''; height: 100%; right: 0; opacity: 1; position: absolute; top: 0; width:50%; }
.how-work li:nth-child(5n):before { background:url(images/hiw/5.png) no-repeat left center; background-size:cover; bottom:0; content: ''; height: 100%; right: 0; opacity: 1; position: absolute; top: 0; width:50%; }
.how-work h2 { color:#28A6EC}

.how-work h2 { color:#28A6EC}
.cta { background:url(images/cta-bg.jpg) center top; background-size:cover; position:relative; padding-top:100px;}
.cta:before { background:rgba(255,255,255,0.2); bottom:0; content:''; left:0; position:absolute; right:0; top:0; }
.cta:after {content:"";width:100%;height:0;position:absolute;left:0;padding:0 0 8%;background:-webkit-gradient(linear, right top, left bottom, color-stop(50%, #fff), color-stop(50%, transparent)) no-repeat right top;background:-webkit-linear-gradient(top right, #fff 50%, transparent 50%) no-repeat right top;background:linear-gradient(to bottom left, #fff 50%, transparent 50%) no-repeat left bottom;top:0;}
.cta .container { position:relative;}
.cta .container h2 { text-shadow:0 0 15px #fff;}
.title-block { background:#28A6EC; color:#fff; font:20px 'Libre Franklin', sans-serif; padding:15px; margin:0 0 40px; position:relative; text-align:center;}
.title-block.green { background:#43C5B8}
.title-block.green:after { border-top-color:#43C5B8}
.title-block.yellow { background:#F8B925}
.title-block.yellow:after { border-top-color:#F8B925}
.title-block.purple { background:#C84C98}
.title-block.purple:after { border-top-color:#C84C98}
.title-block.pistachio { background:#9FC233}
.title-block.pistachio:after { border-top-color:#9FC233}
.title-block.cyan { background:#1CCFEA}
.title-block.cyan:after { border-top-color:#1CCFEA}
.title-block:after { border-left:15px solid transparent; border-right:15px solid transparent; border-top:15px solid #28A6EC; bottom:-14px; content:''; left:50%; margin-left:-15px; position:absolute;}
form small { line-height:1;}
.red-block { background:#28A6EC; color:#fff; display:inline-block; font:16px 'Roboto Slab', serif; margin:15px 0 20px; padding:5px 10px; position:relative;}
.red-block:after { border-bottom:15px solid transparent; border-top:16px solid transparent; border-left:15px solid #28A6EC; content:''; right:-15px; position:absolute; top:0;}
.btm_cont_text { text-align:center; padding:10px 0px 15px 0px;}
#alltransactions { width:100%;}
.transaction-ul { list-style:none; margin:0; overflow:visible; padding:0;}
.transaction-ul li { float:left; width:calc(25% - 10px); position: relative; vertical-align:top; }
.transaction-ul li:nth-child(2) { width:calc(35% - 10px);}
.transaction-ul li:nth-child(3) { width:calc(20% - 10px);}
.transaction-ul li:nth-child(4) { width:20%; margin-right:0;}
/*.transaction-ul li:last-child { width:100%;}*/
/*.transaction-ul li:nth-child(2) { width:calc(30% - 10px);}
.transaction-ul li:nth-child(3) { width:calc(40% - 10px);}
.transaction-ul li:nth-child(4) { width:calc(10% - 10px);}*/
.qustion { background:#ddd; border-radius:50%; color:#333 !important; display:inline-block; font-size:14px; height:20px; line-height:22px; text-align:center; width:20px;}
.qustion:hover, .qustion:focus { background:rgba(255,174,0,1); text-decoration:none;}


.popover_attachment {position:relative; padding-right:0; text-align:right;}
.popover_attachment a { background:#ddd; border-radius:50%; color:#333 !important; display:inline-block; font-size:14px; height:20px; line-height:22px; text-align:center; width:20px; position:absolute; right:0; top:4px; display:none;}
.popover_attachment a:hover, a:focus { background:rgba(255,174,0,1); text-decoration:none;}



ul.flags_tabs_list { display:inline-block; text-align:center; list-style:none; padding:0; margin-bottom:20px; border-bottom:0px; }
ul.flags_tabs_list li { display:inline-block; font-size:13px; font-weight:bold; width:97px; margin:0 10px; white-space:nowrap }
ul.flags_tabs_list li .nav-link { border:#eee solid 5px; display:block; padding:0px; border-radius:0px; }
ul.flags_tabs_list li .nav-link.active, ul.flags_tabs_list li .nav-link:focus { border:#28A6EC solid 5px; }



.tag_line { background-color:#ebebe1; border:#8d9492 solid 1px; border-radius:0; -webkit-border-radius:0; display:block; padding:10px; width:87.5%; margin:-33px auto 0; text-align:center; }
ul.small_list_bills { list-style:none; margin:0 auto 35px; max-width:90%; padding:0; overflow:hidden; text-align:center;}
ul.small_list_bills li { background:#EBEBE1; border:1px solid #8D9492; color:#333; display:inline-block; width:calc(33% - 15px); line-height:1.3; margin:0 5px 10px; min-height:137px; padding:10px 0; vertical-align:top; }
ul.small_list_bills li a { display:block; margin:-10px 0; padding:10px 0; text-decoration:none !important;  min-height:150px;}
ul.small_list_bills li a img.hov { display:none;}
ul.small_list_bills li a:hover { background:#28A6EC; color:#fff;}
ul.small_list_bills li a:hover img.hov { display:inline-block !important;}
ul.small_list_bills li a:hover img { display:none;}
ul.small_list_bills li a.inline { display:inline-block; min-height:0; padding:0; margin:0;}
ul.small_list_bills li a.inline:hover { background:none; }
ul.small_list_bills li h3{ font:500 24px/1.1 'Libre Franklin', sans-serif; margin:10px 0 5px; min-height:45px;}
ul.small_list_bills li span { background:#961116/; border-radius:50%; display:inline-block; font-size:45px; font-weight:bold; line-height:1; margin-top:10px; }
ul.small_list_bills li small { display:block;}
/*.modal-open .modal { z-index:99999;}*/
.modal-content { border-radius:0; border:2px solid #28A6EC;}
.modal-content .modal-header { padding:8px; text-align:center;}
.modal-content button.close { background:#fff; border:1px solid #28A6EC; border-radius:50%; font-size:20px; height:28px; line-height:25px; opacity:1; position:absolute; top:-12px; right:-12px; width:28px;}
.modal-content button.close span { position:relative; top:0px;}
.modal-content .control-label { font-size:13px; font-weight:normal; padding-top:0; text-align:left;}
.modal-body .service_box { margin-bottom:5px;}
.modal.in .modal-dialog { margin:0; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%);}
/*.modal-backdrop { position:absolute;}*/
@media (max-width:768px){
.modal.in .modal-dialog { width:95%;}
}
input[type=file] { display:inline-block}
.order-form .row{ margin:0 -5px;}
.order-form .row [class*='col-'] { padding:0 4px;}
#preloader { position: fixed; top:0; left:0; right:0; bottom:0; background:rgba(255,255,255,0.9); z-index:999999; }
#status { position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); -webkit- transform:translate(-50%,-50%); }

.picker__table th { text-align:center;}
.error { border:solid 1px red !important;}
input[type="checkbox"].error { outline:1px solid red !important;}
.menu_bar{ min-height:99px; }
.menu_bar.clone{ min-height:63px; }
@media (max-width:991px){
	.menu_bar{ min-height:71px; }
}
@media (max-width:767px){
	.menu_bar{ min-height:71px; }
}
@media (max-width:667px){
	.menu_bar{ min-height:61px; }
}

.fancy-collapse-panel .panel{
    border: 1px solid transparent;
    border-radius: 0px;
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
    box-shadow: 0 1px 1px rgba(0,0,0,.05);
}
.fancy-collapse-panel .panel-default > .panel-heading{
	color: #333;
    background-color: #f5f5f5;
    border-color: #ddd;
}
.fancy-collapse-panel .panel-group .panel+.panel {
    margin-top: 5px;
}
.fancy-collapse-panel .panel-body {
    padding: 15px;
}
.fancy-collapse-panel .panel-group {
    margin-bottom: 20px;
}
.modal-title{ width:100%;}
.modal-content button.close span{ top: -11px; right: 5px; }
.form-lable-hp{ line-height: 22px; padding-top: 8px !important; padding-bottom: 4px !important; }


.display_mobile{ display:none;}

.picker__select--month, .picker__select--year, .picker__button--today, .picker__button--clear, .picker__button--close {letter-spacing:.5px; }
table.picker__table, table.picker__table td, table.picker__table th{ font-size:17px; letter-spacing:.5px;}
table.picker__table th{color:#28A6EC;font-weight:700}
.picker__box {    font-size: 1.33em !important;}
.picker__day{ font-weight:700 !important;}
.picker__select--month, .picker__select--year{ font-weight:700;}

@media(min-width:0px) and (max-width:667px){
	.mobile_title{ display:none !important;}
	.display_mobile{ display:block; color: #28A6EC; font-size: 17px; padding: 9px 0 0px 0px; white-space: nowrap; font-weight: 700;}
	#alltransactions .transaction-ul{ min-width: 100% !important; display:block; overflow:hidden; border-bottom:1px solid #000; padding:15px 0 0 0 ;  }
	.transaction-ul li{ width:100% !important; border-bottom:1px solid #ececed !important; border-right:0px !important;}
	.calendar_icon_input{ position:relative; }
}
@media (min-width: 0px) and (max-width: 500px) {
	.picker__holder {
		min-width: 100% !important;
	}
}


.tickz{
  width: 15px;
  position: absolute;
  left: 16px;
  display: block;
  height: 15px;
  background: url(images/tickz.png) no-repeat;
  top: 14px;
}

.top-list .tickz{
   position:relative;display:inline-block;top:2px;left:0;
}

.greentick{
  background-position: 0 -29px;
}

.bluetick{
  background-position: 0 -14px;
}

.redtick{
  background-position: 0 -44px;
}

.offers{
  width: 82px;
  display: block;
  height: 80px;
  margin:0 auto;
  position: relative;
  background: url(images/icons/offerz.png) no-repeat;
}

.offer1{
  background-position: 0 3px;
}
.offer1w{
  background-position: 0 -575px;
}
.offer2{
  background-position: 0 -75px;
}
.offer3{
  background-position: 0 -153px;
}
.offer4{
  background-position: 0 -233px;
}
.offer5{
  background-position: 0 -321px;
}
.offer6{
  background-position: 0 -409px;
}
.offer7{
  background-position: 0 -492px;
}


.terms-page h4{ margin-bottom:30px; padding-left: 0px; font-weight:700; }
.terms-page p{ margin-bottom: 15px; padding-left: 25px; position:relative; }
.terms-page p:after{ content: ''; width: 8px; height: 8px; background: #28A6EC; border-radius: 15px; left: 0; top: 10px; position: absolute;}

.terms-pp{ margin:0 0 10px 0;}
.terms-pp p{ font-weight:700;}
.alert_form-pp{ padding: 15px; color: #28A6EC; font-size: 12px; font-weight: 600; border: #28A6EC 2px solid; border-radius: 5px; -webkit-border-radius: 5px; margin-bottom: 10px; }
.alert_form-pp ul {
    padding: 0;
    margin: 0;
}
.alert_form-pp ul li {
    list-style-type: none;
    background: url(images/icons/mark.svg) no-repeat left top 2px;
    background-size: 17px;
    padding-left: 28px;
    padding-bottom: 13px;
	line-height: 15px;
	color:#111; 
	font-size:13px; 
}
.alert_form-pp ul li:last-child {
    padding-bottom: 0px;
}


.modal-body .service_box img{ height:auto; }
.modal-body ul.smaples li { width: calc(50% - 32px); }
@media (min-width:0px) and (max-width: 374px){
	ul.smaples li{ width:calc(100% - 26px); }
}
@media (min-width:0px) and (max-width: 767px){
	.service_box h3{ min-height:auto;}
}
@media (min-width:0px) and (max-width: 1199px){
	.service_box img{ height:auto; }
}

.transaction-ul li .form-control::-webkit-input-placeholder { color: #b9b9b9; }
.transaction-ul li .form-control::-moz-placeholder { color: #b9b9b9; }
.transaction-ul li .form-control:-ms-input-placeholder { color: #b9b9b9; }
.transaction-ul li .form-control:-moz-placeholder { color: #b9b9b9; }
.plus_generator{
    background-color: #28A6EC;
    width: 34px;
    height: 34px;
	line-height:38px;
    border-radius: 100%;
    -webkit-border-radius: 100px;
    color: #fff;
    text-align: center;
    text-decoration: none;
	display:block;
     }
.plus_generator i{ color:#fff; }
	
#disclaimer_wrapper { background-color:rgba(0,0,0,0.90); text-decoration:none; color:#afafaf; text-decoration:none; font-weight:normal; font-size:13px; line-height:15px; display:block; padding:25px 0; position:fixed; z-index:999999 !important; width:100%; border-bottom:5px solid #28a6ec; display:none;}
#disclaimer_wrapper h4 { font-size:32px; color:#fff; text-decoration:none; margin:0; margin-top:25px; position:absolute; top:calc(50px - 25px);}
.dislaimer_box { position:relative; margin-bottom:10px; }
.cross_disclaimer { position:absolute; right:30px; top:20px; width:30px; }
ul.dislaimer_list { list-style:none; padding:0; margin:0; display:block; text-align:left; }
ul.dislaimer_list li { display:block; margin-bottom:20px; color:#afafaf; font-size:15px; padding-left:26px; background:url(../images/icons/mark.svg) no-repeat left top; background-size:16px; line-height:1.4;}
ul.dislaimer_list li:last-child { margin-bottom:0; }
.cross_disclaimer{z-index:999;}
.grecaptcha-badge{ display:none !important;}

@media (min-width:1200px) and (max-width:1279px){#disclaimer_wrapper .container{max-width:80%;}}
@media (min-width:1025px) and (max-width:1058px){#disclaimer_wrapper .container{max-width:90%;}}
@media (max-width:1199px){
#disclaimer_wrapper .col-sm-2{float:none;}
.cross_disclaimer{z-index:99;}
#disclaimer_wrapper h4{position:relative;top:0;margin:0;margin-bottom:15px;}
}
@media (min-width:768px) and (max-width:991px){ #disclaimer_wrapper{padding:5px 0 5px;} }
@media (max-width:767px){ #disclaimer_wrapper{padding:5px 0 5px;} }

.inputfile-6 + label span{ float:left;}
.inputfile-6 + label strong{ clear:none; }