/*
Theme Name: onlinenoveltydocs.co.uk
Theme URI: onlinenoveltydocs.co.uk
Author: Online Novelty Docs
Author URI: onlinenoveltydocs.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 { font-family: 'Libre Franklin', sans-serif; font-size:16px; color:#222; line-height:30px; }
img { max-width:100%; height:auto; }
a { transition:all linear 0.2s 0s; -webkit-transition:all linear 0.2s 0s; color:#0783C1; }
a:hover, a:focus { outline:0; color:#0783C1}
.clear1 { clear:both;}
.clear5px { clear:both; height:5px; }
.clear10px { clear:both; display:block; padding:5px; }
.clear14px { clear:both; display:block; padding:7px; }
.clear20px { clear:both; display:block; padding:10px; }
.clear25px{ clear:both; padding:13px;}
.clear30px { clear:both; display:block; padding:15px; }
.clear50px { clear:both; display:block; padding:25px; }
.clear100px { clear:both; display:block; padding:50px; }
.green_clr { color:#43c5b8;}
.blue_clr { color:#28a6ec;}
.red_clr { color:#f57070}
.yellow_clr { color:#f3b41e;}
.btn {min-width: 145px;}
.border_heading { padding:0; margin:0; margin-bottom:30px; position:relative; display:inline-block; padding-bottom:20px; }
.border_heading:after { position:absolute; left:50%; margin-left:-28px;  bottom:0; background-color:#ccc; height:2px; content:""; width:55px; }
.border_heading.left:after { left:0; margin-left:0; }
.border_heading.green:after { background:#43c5b8;}
.border_heading.blue:after { background:#28a6ec;}
.border_heading.red:after { background:#f57070;}
.border_heading.yellow:after{ background:#f3b41e;}
.btn-warning {background-color: #0783C1; border:0; color:#fff; cursor:pointer; display:inline-block; font-size:16px; font-weight:bold; height:auto; letter-spacing:1px; min-height:0; outline:0 none; position:relative; text-transform:uppercase; z-index:110;}
.btn-warning:hover { color:#fff; text-decoration:none; }
.btn-black {background-color: #333; border:0; color:#fff; cursor:pointer; display:inline-block; font-size:16px; font-weight:bold; height:auto; letter-spacing:1px; min-height:0; outline:0 none; position:relative; z-index:110;}
.btn-black:hover { color:#fff; text-decoration:none; }
.btn-default {background-color: #fff; border:#ccc solid 1px; color:#0783C1; cursor:pointer; display:inline-block; font-size:16px; font-weight:bold; height:auto; letter-spacing:1px; min-height:0; outline:0 none; position:relative; z-index:110;}
.btn-default:hover { color:#000; text-decoration:none; }
.btn-danger { background:#f57070; border-color:#f57070; margin-right:10px;}
.btn-danger:hover { background:#dd5d5d; border-color:#dd5d5d; color:#fff;}
.btn-black { background:#242424; border-color:#242424; color:#fff;}
.btn-black:hover, .btn-black:focus { background:#222533; border-color:#222533; color:#fff;}
.btn-success { background:#43c5b8; border-color:#43c5b8;}
.btn-success:hover, .btn-success:focus { background:#50b296; border-color:#50b296; color:#fff;}
.btn-primary { background:#28a6ec; border-color:#28a6ec;}
.btn-primary:hover, .btn-primary:focus { background:#2773ae; border-color:#2773ae; color:#fff;}
.btn-trans { background:#fff; border:2px solid #fff;}
.btn-trans.primary { border-color:#28a6ec; color:#28a6ec;}
.btn-trans.primary:hover { border-color:#28a6ec; background:#28a6ec; color:#fff;}
.btn-trans.success { border-color:#43c5b8; color:#43c5b8;}
.btn-trans.success:hover { border-color:#43c5b8; background:#43c5b8; color:#fff;}
.btn-trans.danger { border-color:#f57070; color:#f57070;}
.btn-trans.danger:hover { border-color:#f57070; background:#f57070; color:#fff;}
.btn-trans.black { border-color:#111; color:#111;}
.btn-trans.black:hover { border-color:#111; background:#111; color:#fff;}
section { padding:50px 0;}
.round_icon { width:70px; height:70px; background-color:#ccc; text-align:center; border-radius:100%; -webkit-border-radius:100px; margin:5px; color:#fff; position:absolute; top:-10px; }
.round_icon:before { border:#ccc solid 1px; left:-5px; right:-5px; top:-5px; bottom:-5px; content:""; border-radius:100%; -webkit-border-radius:100px; position:absolute; }
.round_icon i { font-size:40px; margin-top:13px; }
ul.left_icons_list { list-style:none; padding:0; margin:0; display:block; text-align:left; }
ul.left_icons_list li { display:block; margin-bottom:70px; padding-left:90px; position:relative; }
ul.left_icons_list li:last-child { margin-bottom:0; }
ul.left_icons_list li h3 { margin:0; padding:0; margin-bottom:7px; font-size:24px; margin-top:15px; color:#28A6EC; }
ul.left_icons_list li:nth-child(2) h3 { color:#43C5B8}
ul.left_icons_list li p { font-weight:normal; font-size:16px; line-height:20px; color:#000; }
ul.left_icons_list li .round_icon {left:0!important;}
ul.right_icons_list { list-style:none; padding:0; margin:0; display:block; text-align:right; }
ul.right_icons_list li { display:block; margin-bottom:70px; padding-right:90px; position:relative; }
ul.right_icons_list li:last-child { margin-bottom:0; }
ul.right_icons_list li h3 { margin:0; padding:0; margin-bottom:7px; font-size:24px; margin-top:30px; color:#F56363; }
ul.right_icons_list li:nth-child(2) h3 { color:#F9B91E}
ul.right_icons_list li p { font-weight:normal; font-size:16px; line-height:20px; color:#000; }
ul.right_icons_list li .round_icon {right:0!important;}
ul.small_list { list-style:none; margin:0 auto 35px; max-width:60%; padding:0; overflow:hidden; text-align:center;}
ul.small_list.full { margin-bottom:0; max-width:70%;}
ul.small_list.full li { margin:0 0 10px; min-height:120px; overflow:hidden; position:relative; text-align:left; width:100%;}
ul.small_list.full li a { color:#333; bottom:0; margin:0; left:0; position:absolute; right:0; top:0; }
ul.small_list.full li .img-box {background:#28A6EC; border-radius:0; display:block; float:left; margin:-10px 0; padding:18px 0; position:relative;  text-align:center; width:130px; }
ul.small_list.full li.purple .img-box { background:#c84c98;}
ul.small_list.full li.purple .img-box:after { border-left-color:#c84c98;}
ul.small_list.full li.purple:hover a { background:#c84c98;}
ul.small_list.full li.pistachio .img-box {background:#9fc233;}
ul.small_list.full li.pistachio .img-box:after { border-left-color:#9fc233;}
ul.small_list.full li.pistachio:hover a {background:#9fc233;}
ul.small_list.full li .img-box:after { border-bottom:62px solid transparent; border-top:62px solid transparent; border-left:15px solid #28A6EC;content:''; margin-top:-25px; position:absolute;right:-14px; }
ul.small_list.full li a img, ul.small_list.full li h3 { display:inline-block;}
ul.small_list.full li h3 { float:right; margin-top:35px; width:54.5%;}
ul.small_list.full li:hover .img-box { background:#333;}
ul.small_list.full li:hover .img-box:after { border-left-color:#333;}
ul.small_list.full li a:hover img { display:inline-block;}
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 h3{ font:500 30px/1.1 'Libre Franklin', sans-serif; margin:8px 0 5px; min-height:45px;}
ul.small_list 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 li small { display:block;}
ul.small_list li a {text-decoration:underline;}
ul.small_list li a:hover { text-decoration:none;}
@media (max-width:991px) {
ul.small_list.full li h3 { width:50% !important;}
}
#service_section { position:relative; margin-top:130px; }
#service_section h2 { position:relative; font-size:40px; font-weight:normal; }
#service_section h2 span { color:#e95f5f; }
.blue_bg { background-color:#28a6ec; }
.blue_bg:before { border:#28a6ec solid 1px;}
.green_bg { background-color:#43c5b8; }
.green_bg:before { border:#43c5b8 solid 1px;}
.red_bg { background-color:#f56363; }
.red_bg:before { border:#f56363 solid 1px;}
.yellow_bg { background-color:#f9b91e; }
.yellow_bg:before { border:#f9b91e solid 1px;}
.about_sec { text-align:center; padding:100px 0 60px;}
.about_sec h2, .inner_content h2 { margin-top:0;  font-size:36px;}
.about_sec p { font-size:17px;}
#who_we_are_section { position:relative; padding:80px 0; background:url(images/who_we_bg.jpg) no-repeat center top; background-size:cover; background-attachment:fixed; }
#who_we_are_section:before {background-color:rgba(0,0,0,0.8); content:""; position:absolute; left:0; top:0; right:0; bottom:0; }
#who_we_are_section h2 { position:relative; font-size:40px; font-weight:100; color:#fff; }
#who_we_are_section h2 span { color:#00a4ff; }
#who_we_are_section p { position:relative; color:#fff; font-size:16px; }
#fake_section, #edit_section, #payroll_section { position:relative; background-color:#fafafa; padding:80px 0; border-bottom:#eee solid 1px; }
#fake_section:before { background:url(images/fake_document.png) center no-repeat; background-size:auto 105%; bottom:0; content:''; left:0; padding:0 10px; position:absolute; top:0; width:50%;}
.document_wrapper { position:relative; max-width:1600px; margin:0 auto; }
.document_wrapper h2 { font-size:40px; font-weight:normal;}
.document_wrapper .btn { border-radius:5px; min-width:145px; line-height:1.7;}
ul.document_list { padding:0; margin:0; margin-bottom:20px; display:block; text-align:left; }
ul.document_list li { border-radius:5px;position:relative; background-color:#FFF; border:#dedede solid 1px; padding:5px 10px 5px 40px; display:block; margin-bottom:10px; line-height:1.55;}

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

.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;
}
.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;
}
ul.document_list li:last-child { margin-bottom:0; }
#edit_section { background:none; border:none;}
#edit_section:before { background:url(images/document_edit.png) center no-repeat; background-size:auto 105%; bottom:0; content:''; right:0; padding:0 10px; position:absolute; top:0; width:50%;}
#edit_section ul.document_list li:before { content:" ";}
#payroll_section {border-top:#eee solid 1px; border-bottom:#eee solid 1px;}
#payroll_section:before { background:url(images/payroll_document.png) center no-repeat; background-size:auto 105%; bottom:0; content:''; left:0; padding:0 10px; position:absolute; top:0; width:50%;}
#payroll_section ul.document_list li:before { content:" ";}
.how-wrok {/* background: rgb(255,255,255); background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(234,234,234,1) 100%);
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(234,234,234,1) 100%);
background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(234,234,234,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eaeaea',GradientType=0 );*/ border-bottom:1px solid #ddd; text-align:center;}
.how-wrok h2 { font-size:40px; font-weight:normal;}
.how-wrok ul { counter-reset: wq-counter; font-weight:600; list-style:none; margin:0 -15px 20px; padding:0;}
.how-wrok ul li { counter-increment:wq-counter; display:inline-block; font-size:22px; font-weight:300; margin:20px 15px; padding:0 20px; position:relative; vertical-align:top; width:calc(20% - 33px);}
.how-wrok ul li:before { background:#434343; border:3px solid #fff; border-radius:50%; box-shadow:0 0 5px #999; color:#fff; content: counter(wq-counter); display:inline-block; font-size:12px; font-weight:bold; height:26px; left:50px; line-height:22px; position:absolute; top:10px; width:26px;}
.how-wrok ul li:after { content: "\f105"; color:#d2d2d2; font:48px 'FontAwesome'; position:absolute; left:-25px; top:40px;}
.how-wrok ul li:first-child:after { display:none;}
.how-wrok ul li a { color:#28a6ec;}
.how-wrok .btn { font-weight:normal; min-width:190px; padding:12px 0}
.practice { font-weight:600; position:relative; padding:90px 0 70px;}
.practice:after { background:url(images/pat-top.jpg); background-size:auto 380px; content:''; display:block; min-height:380px; opacity:0.3; top:0; position:absolute; width:100%; z-index:-1; -webkit-filter: grayscale(100%); filter: grayscale(100%); }
.practice .container {background:url(images/thumbs_up.png) calc(100% - 10px) center no-repeat; background-size:auto 100%  }
.practice h2 { font-size:40px; font-weight:normal;}
.practice p { margin-bottom:20px;}
.practice .btn-trans { border:2px solid #040404!important; background:none; color:#040404!important;}
.practice .btn-trans:hover { border-color:#040404!important; background:#040404!important; color:#fff!important;}

.cta-btm { background:#1a1a1a; color:#fff; font-size:40px; text-align:center;}
.cta-btm a.btn { border-radius:7px; font-size:16px; font-weight:300; margin:0 0 0 10px !important; min-width:160px;}
footer {background:#2f2f2f; padding:20px 0; text-align:center; color:#fff; font:14px 'Open Sans', sans-serif; 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; text-transform:uppercase; letter-spacing:0.02em; }
footer ul li a:hover { text-decoration:none; color:#d71921; }
.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;}
#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%); }
.menu_bar {
    min-height: 99px;
}
.down .menu_bar {
    min-height: 63px;
}



@media(min-width:0px) and (max-width:667px){
.menu_bar {
    min-height: inherit;
	height:60px;
}

}
@media(min-width:668px) and (max-width:991px){
.menu_bar {
    min-height: inherit;
	height:71px;
}
}

.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; }