@charset "utf-8";
* { margin: 0; outline: medium none; padding: 0 }
body { background: none repeat scroll 0 0 #fff; color: #231f20; font-family: Arial, Helvetica, sans-serif; font-size: 15px; font-weight: 400; line-height: 18px }
article, img, section, aside { transition: all .2s linear 0s }
p { margin: 0 0 10px;text-align:justify; }
textarea { overflow: auto }
a { color: #fbb040; text-decoration: none }
a:hover { color: #255909; text-decoration: underline }
.highlight { font-weight: 700 }
ul { list-style: none outside none }
.clear { clear: both; height: 0; overflow: hidden }
.floatRight { float: right }
.floatLeft { float: left }
.btn-navbar { display: none }
.headerPhone { display: inline-block; float: right; padding: 0; text-align: left; vertical-align: top; width: 216px }
.headerPhone p { margin: 0 }
.headerPhone p span { color: #a7b3ba; text-transform: uppercase; display: block; font-size: 20px; font-weight: 700; line-height: 24px }
.headerPhone a { color: #16d049; font-size: 32px; font-weight: 400; line-height: 34px; text-decoration: none }
.indent { font-size: .001em; line-height: .001em; text-indent: -9999px }
img.floatLeft { float: left; margin: 0 20px 10px 0 }
img.floatRight { float: right; margin: 0 20px 10px 0 }
img { border: medium none }
#container { overflow-x: hidden; width: 100% }
header#headerContainer.sticked .topWrapper { background: #fff; box-shadow: 0 1px 2px 0 #2f2f2f; left: 0; margin: 0; padding: 0; position: fixed; top: 0; transition: all .3s ease 0s; width: 100%; z-index: 1000 }
.service-box { text-align: center }
.hidden {
	display: none;
}
.title {
	text-align: center;
	color: #24808c;
	font-weight: bold;
	font-size: 20px;
	border-bottom: 1px solid;
	padding-bottom: 10px;
	margin-top: 20px;
}
.capt { display: inline-block; box-sizing: border-box; width: 100% }
.capt img { height: 36px!important; float: left; width: 91px; margin: 0 0 0 10px }
#label_antis { display: block; margin: 10px 0 }
.capt-input { width: 91px!important; float: left }
.c_input { float: left; width: 48%; margin: 0 3% 0 0 }
.c_input:nth-child(even) { margin: 0 }
.btn { background-color: #f7c80a; border: 0 none; border-radius: 5px; color: #fff; cursor: pointer; font-size: 18px; font-weight: 700; line-height: 45px; width: 100%!important; float: none!important; transition: .3s }
.btn:hover { background-color: #16d049 }
textarea { border: 1px solid #255909; border-radius: 5px; color: #1e3d69; height: 150px; width: 98.3%!important; display: inline!important; padding: 5px }
input[type="text"] { border: 1px solid #255909; border-radius: 5px; color: #1e3d69; height: 35px; padding-left: 5px; width: 100%; margin: 0 0 10px }
.quotebox input { width: 80%!important }
header #headerContent { background: #fff; margin: 0 auto; padding: 10px 0 0; position: relative; width: 1002px }
header .logo { display: inline-block; margin: 0 0 20px }
header .logo a { display: block; overflow: hidden }
header .logo img { border: medium none }
.bold { font-weight: 700 }
.breadcrumb { border-bottom: 1px dashed #ccc; margin-bottom: 20px; padding-bottom: 10px }
header h1.branding a:hover { text-decoration: none }
header nav { display: inline-block; vertical-align: top; padding: 0 15px }
header ul#navi { height: 48px; list-style-type: none; display: inline-block; text-align: center }
header ul#navi li { display: inline-block; height: 48px; padding: 0 }
header ul#navi li a { color: #636363; display: block; font-size: 12px; font-weight: 400; height: 48px; line-height: 48px; padding: 0 9px; text-transform: uppercase; transition: all .2s ease-in-out 0s }
header ul#navi li a:hover, header ul#navi li a.active { background: none repeat scroll 0 0 #A7B3BA; color: #fff; text-decoration: none; transition: all .2s ease-in-out 0s }
#contentContainer { margin: 0 auto; padding: 30px 0 35px; width: 1002px }
#contentContainer #wrapper { height: 210px; margin: 0 0 50px; overflow: hidden; width: 100% }
#contentContainer #scroller ul { float: left; margin: 20px 0; width: 100% }
#contentContainer #scroller ul li { float: left; height: auto; padding: 0 18px; width: 130px }
#contentContainer #scroller ul li a { color: #415a68; display: block; font-size: 12px; height: 170px; text-align: center; text-transform: uppercase; transition: all .2s ease-in-out 0s; width: 130px }
#contentContainer #scroller ul li a.active, #contentContainer #scroller ul li a:hover { color: #f7ae35; text-decoration: none; transform: scale(1.15); transition: all .2s ease-in-out 0s }
#contentContainer #scroller ul li a img { margin: 0 0 15px; transition-duration: .5s; transition-property: transform; transition-timing-function: ease }
#contentContainer #scroller ul li a:hover img { transform: rotate(720deg) }
aside { float: left; padding: 0; width: 299px }
aside h3 { color: #415a68; font-size: 23px; font-weight: 400; line-height: 23px; margin: 0 0 30px; text-align: center; text-transform: uppercase }
#whatOffer { float: left; margin: 0 0 20px; position: relative; width: 304px }
#whatOffer a { display: block; height: 200px; margin: 0 auto 20px; width: 200px }
#whatOffer h3 { background-color: transparent!important; z-index: 999999; border-radius: 4px 4px 0 0; background-color: #ededed; border-bottom: 1px solid #a09090; color: #a09090; display: block; font-size: 24px; font-weight: 400; height: 60px; line-height: 60px; margin: 0; padding: 0 0 0 20px; text-align: left }
iframe{border: none;}
#whatOffer ul { margin: 0 0 30px; background: #ededed }
#whatOffer ul li { height: 50px; position: relative }
#whatOffer a { border-bottom: 1px solid #a09090 }
#whatOffer ul li:last-child { height: 59px }
#whatOffer ul li a { border-bottom: 1px solid #d2c3c3; color: #a09090; display: block; font-size: 16px; font-weight: 100; height: 59px; line-height: 48px; margin: 0; padding: 0 0 0 34px; position: absolute; top: 0; width: 270px }
#whatOffer ul li a:hover, #whatOffer ul li a.active { background-position: 0 0; color: #fff; background-color: #A7B3BA; text-decoration: none }
#request_quote_form form { padding: 0 0 60px; width: 100% }
#request_quote_form form label { display: block; margin: 0 0 5px }
#request_quote_form form input { background: none repeat scroll 0 0 #fff; border: 1px solid #d1d1d1; border-radius: 4px; color: #bababa; display: block; font-size: 14px; font-weight: 400; height: 40px; line-height: 44px; margin: 0 0 10px; padding: 0 5px 0 20px; width: 272px!important }
#request_quote_form form input:hover, #request_quote_form form input:focus, #request_quote_form form select:hover, #request_quote_form form div.p21:hover { border-color: #000 }
#request_quote_form form input#quote_idate { background: url(../images/calendar.png) no-repeat scroll right center rgba(0,0,0,0) }
#request_quote_form form div.p21 { background: url(../images/select.png) no-repeat scroll right center #fff; border: 1px solid #d1d1d1; border-radius: 4px; color: #bababa; font-size: 14px; height: 40px; margin: 0 0 10px; overflow: hidden; padding: 0; width: 299px!important }
#request_quote_form form select { background: none repeat scroll 0 0 #fff; border: 1px solid #d1d1d1; border-radius: 4px; color: #bababa; display: block; font-size: 14px; font-weight: 400; height: 40px; line-height: 44px; margin: 0 0 10px; padding: 10px 5px 10px 20px; width: 299px!important }
#request_quote_form form select option { border-bottom: 1px solid #d1d1d1; border-right: 1px solid #d1d1d1; height: 22px; padding: 10px 5px 10px 20px }
#request_quote_form form input[type="submit"] { background: none repeat scroll 0 0 #415a68; border: medium none; border-radius: 4px; color: #fff; cursor: pointer; display: block; font-size: 20px; height: 54px; margin: 10px auto 0; padding: 0; text-transform: uppercase; transition: all .2s ease-in-out 0s; width: 170px!important }
#request_quote_form form input[type="submit"]:hover { background: none repeat scroll 0 0 #f2bb3e }
#request_quote_form form #postcodes_label span input { display: inline; width: 113px!important }
section#contentMain { /*float: right; margin: 0 0 0 24px;*/ min-height: 700px; /*width: 679px*/ }
section#contentMain h2, form#form2 .title, #getquote_title { color: #fbb040; font-size: 26px; font-weight: 700; line-height: normal; margin: 0 0 10px;text-align:center; }
section#contentMain h3 { color: #415a68; font-size: 18px; font-weight: 700; line-height: normal; margin: 0 0 20px; text-transform: uppercase }
section#contentMain h4 { color: #fcb034; font-size: 16px; font-weight: 700; line-height: normal; margin: 0 0 10px }
section#contentMain .subtitle { color: #fcb034; font-size: 16px; font-weight: 700; line-height: normal; margin: 0 }
section#contentMain article { margin: 0 0 30px }
section#contentMain p.contactContent { color: #5b5b5b; float: right; font-size: 16px; margin: 0 0 30px }
section#contentMain p.contactContent a { color: #f2bb3e; font-size: 26px; font-weight: 700 }
section#contentMain a.learnMore { float: right; text-transform: uppercase }
section#contentMain article.testimonialsList { border-bottom: 1px dashed #d1d1d1; margin: 0 0 30px; padding: 0 0 20px }
section#contentMain article.testimonialsList ul { float: left; margin: 0; width: 100% }
section#contentMain article.testimonialsList ul li { float: left; width: 50% }
section#contentMain article.testimonialsList ul li.author { color: #fcb034; font-size: 16px; font-weight: 700 }
section#contentMain article.testimonialsList ul li.date { float: left; text-align: right }
section#contentMain article.categoryList { float: left; margin: 0 15px 30px 0; min-height: 410px; width: 320px }
section#contentMain article.categoryList h3 { color: #6d6d6d; font-size: 24px; font-weight: 700; margin: 0 0 15px; text-transform: uppercase }
section#contentMain article.categoryList header a.boxLink { display: block; height: 219px; margin: 0 0 20px; overflow: hidden; position: relative; width: 320px }
section#contentMain article.categoryList header a.boxLink span { background: url(../images/view-more.png) no-repeat scroll center center #000; bottom: -100%; display: block; height: 100%; left: 0; opacity: .6; position: absolute; text-indent: -9999px; transition: bottom .4s ease-in-out 0s; width: 100% }
section#contentMain article.categoryList header a.boxLink:hover span { bottom: 0; transition: bottom .4s ease-in-out 0s }
section#contentMain article.categoryList header.boxLink img { height: auto; margin: 0; padding: 0; position: relative; width: 100% }
section#contentMain article.categoryList p { color: #828282; font-size: 14px }
section#contentMain article.categoryList a.readMore { background: url(../images/read-more.png) no-repeat scroll 0 0 rgba(0,0,0,0); color: #fff; display: block; font-size: 18px; font-weight: 700; height: 38px; line-height: 42px; text-align: center; text-transform: uppercase; transition: all .2s ease-in-out 0s; width: 138px }
section#contentMain article.categoryList a.readMore:hover { color: #415a68; text-decoration: none }
section#contentMain article.blogList { border-bottom: 1px dashed #dadada; margin: 0 0 30px; padding: 0 0 20px }
section#contentMain article.blogList header p { margin: 0 0 10px }
section#contentMain article.blogList img, section#contentMain article.blog img { border: 1px solid #dadada; padding: 4px }
section#contentMain article.blogList h3, section#contentMain article.blog h3 { margin: 0 0 5px }
section#contentMain article.blogList h3 a { color: #415a68; font-size: 18px; font-weight: 700; transition: all .2s ease-in-out 0s }
section#contentMain article.blogList h3 a:hover { color: #fcb034; text-decoration: none }
section#contentMain article time { color: #aeaeae; font-size: 11px; font-style: italic; font-weight: 400 }
section#contentMain ul.contacts, section#contentMain ul.socialLink { float: left; margin: 0 0 30px; padding: 0; width: 50% }
section#contentMain ul.contacts li, section#contentMain ul.socialLink li { color: #6b6b6b; font-size: 15px; line-height: 24px; padding: 0 0 5px }
section#contentMain ul.contacts li img, section#contentMain ul.socialLink li img { margin: 0 10px 0 0; position: relative; top: 4px }
section#contentMain ul.contacts li a, section#contentMain ul.socialLink li a { color: #6b6b6b; font-size: 15px }
section#contentMain ul.contacts li a:hover, section#contentMain ul.socialLink li a:hover { color: #f7ae35 }
form#contact-form, form#form2 { width: 100% }
form#contact-form table, form#form2 table#quoteform { width: 100% }
form#contact-form table tr td, form#form2 table#quoteform tr td { width: 50% }
form#contact-form input:hover, form#contact-form input:focus, form#contact-form textarea:hover, form#contact-form textarea:focus, form#form2 table#quoteform input:hover, form#form2 table#quoteform input:focus, form#form2 table#quoteform textarea:hover, form#form2 table#quoteform textarea:focus { border-color: #16d049 }
form#form2 table#quoteform textarea { height: 150px; margin: 0 0 20px; width: 90.5%!important }
.hr { border-bottom: 1px dashed #d1d1d1; height: 1px; margin: 0 0 20px; overflow: hidden; width: 100% }
#contact-form input.btn { background: none repeat scroll 0 0 #255909; border: medium none; border-radius: 4px; color: #fff; cursor: pointer; display: block; float: right; font-size: 20px; font-weight: 400; height: 52px; line-height: 52px; margin: 0 5% 0 0; text-align: center; text-transform: uppercase; transition: all .2s ease-in-out 0s; width: 190px }
form#contact-form input[type="submit"]:hover, form#contact-form input[type="submit"]:focus { background: none repeat scroll 0 0 #16d049; border: medium none; transition: all .2s ease-in-out 0s }
.quotebox { background: none repeat scroll 0 0 rgba(0,0,0,0) }
.quotebox > tbody > tr > td#qicon1, .quotebox > tbody > tr > td#qicon3, .quotebox > tbody > tr > td#qicon4 { text-align: left!important; width: 20%!important }
.qstep span { color: #f2bb3e; font-size: 26px; font-weight: 700; margin-top: 160px; padding-left: 2px; position: absolute; text-transform: uppercase }
#mainContent .qstep:last-child span { margin-top: 90px }
.qtitle { color: #415a68; font-size: 14px; font-weight: 700; padding-top: 40px; text-transform: uppercase }
table.quotebox label { color: #415a68; float: none!important; margin: 0 0 5px }
table.quotebox select { background: none repeat scroll 0 0 #fff; border: 1px solid #d1d1d1; border-radius: 4px; color: #bababa; display: block; font-size: 14px; font-weight: 400; height: 40px; line-height: 44px; margin: 0 0 10px; padding: 10px 5px; width: 127px!important }
table.quotebox select option { height: 24px; line-height: 18px; padding: 5px 0 5px 5px }
table.quotebox input[type="checkbox"] { width: 15px!important }
footer { background: none repeat scroll 0 0 #ededed; margin-top: 20px; min-height: 200px; padding: 20px 0; width: 100% }
#footerContent { margin: 0 auto; width: 1002px }
#footerContent h3 { color: #255909; font-size: 23px; font-weight: 400; line-height: 49px; margin: 0 0 20px }
#footerContent .testimonials { float: left; height: 220px; padding: 0 50px 0 0; width: 400px }
#footerContent .testimonials h3 a { background: url(../images/testimonials.png) no-repeat scroll left center rgba(0,0,0,0); color: #415a68; display: block; height: 49px; padding: 0 0 0 70px; transition: all .2s ease-in-out 0s }
#latestTestimonials { height: 140px }
#latestTestimonials .testimonials_text { margin-bottom: 10px }
#latestTestimonials .testimonials_names { color: #fcb034; font-size: 12px; text-transform: uppercase }
#footerContent .testimonials h3 a:hover { color: #f2bb3e; text-decoration: none }
#footerContent .contactInfo ul { padding: 5px 0 0 }
#footerContent .contactInfo ul li { background: url(../images/footer-contact-icon.png) no-repeat scroll left 0 rgba(0,0,0,0); padding: 0 0 20px 30px }
#footerContent .contactInfo ul li.phone { background-position: left 3px }
#footerContent .contactInfo ul li.phone a { color: #51a722; font-size: 22px; font-weight: 700 }
#footerContent .contactInfo ul li.mail { background-position: left -41px }
#footerContent .contactInfo ul li.mail a { color: #96aa8b; font-size: 16px; font-weight: 300 }
#footerContent .contactInfo ul li a { transition: all .2s ease-in-out 0s }
#footerContent .contactInfo ul li a:hover { color: #255909; text-decoration: none; transition: all .2s ease-in-out 0s }
#footerContent .social { float: left; width: 190px }
#footerContent .social ul li { float: left }
#footerContent .social ul li a:hover { transition: all .2s ease-in-out 0s }
ul.siteMap {text-align:right;width: 100% }
ul.siteMap li {}
ul.siteMap li a { color: #96aa8b; font-size: 11px; text-transform: uppercase; transition: all .2s ease-in-out 0s ;display:block;line-height:25px;}
ul.siteMap li a:hover, ul.siteMap li a.active { color: #61b434; text-decoration: none; transition: all .2s ease-in-out 0s }
#footerContent p.reserved { color: #96aa8b; font-size: 13px }
#scroller { padding: 0; width: 1002px }
#scroller li { display: block; float: left; font-size: 14px; height: 145px; padding: 0 10px; vertical-align: middle; width: 156px }
#Testimonials { color: #000; height: 110px; overflow: hidden }
.banners_list { border: 1px solid #dcdcdc; padding-top: 10px; text-align: center }
.image_shadow { height: 103px; width: 980px }
.image_shadow img { height: auto; width: 100% }
#pcte > p:empty { display: none }
#floating_bar { bottom: 10px !important; height: 125px; right: 5px; position: fixed !important; width: 180px; z-index: 100; }
#floating_bar_girl_pic { bottom: 44px; display: block; height: 191px; left: 0; position: absolute; width: 223px; z-index: 1; }
#floating_bar_girl a.floating_bar_big_but { background: #fff none repeat scroll 0 0; bottom: 0; color: #00BC34; border: 3px solid #00BC34; display: block; font-size: 22px; font-weight: 800; height: 44px; left: 0; line-height: 44px; position: absolute; text-align: center; text-transform: uppercase; transition: all 0.2s ease-in-out 0s; width: 168px; z-index: 100; }
#floating_bar_girl a.floating_bar_big_but:hover { background: #00BC34 none repeat scroll 0 0; color: #fff; }
#chatdiv { z-index: 9999; }

/* 
 *  Owl Carousel - Animate Plugin
 */
.owl-carousel .animated { -webkit-animation-duration: 1000ms; animation-duration: 1000ms; -webkit-animation-fill-mode: both; animation-fill-mode: both }
.owl-carousel .owl-animated-in { z-index: 0 }
.owl-carousel .owl-animated-out { z-index: 1 }
.owl-carousel .fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut }
.owl-height { -webkit-transition: height 500ms ease-in-out; -moz-transition: height 500ms ease-in-out; -ms-transition: height 500ms ease-in-out; -o-transition: height 500ms ease-in-out; transition: height 500ms ease-in-out }
.owl-carousel {overflow: hidden; display: none; width: 100%; -webkit-tap-highlight-color: transparent; position: relative; z-index: 1; cursor: w-resize }
.owl-carousel .owl-stage { position: relative; -ms-touch-action: pan-Y;}
.owl-carousel .owl-stage:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0 }
.owl-carousel .owl-stage-outer { position: relative; overflow: hidden; -webkit-transform: translate3d(0px, 0px, 0px) }
.owl-carousel .owl-controls .owl-nav .owl-prev, .owl-carousel .owl-controls .owl-nav .owl-next, .owl-carousel .owl-controls .owl-dot { cursor: pointer;  }
.owl-carousel.owl-loaded { display: block }
.owl-carousel.owl-loading { display: block }
.owl-carousel.owl-hidden { opacity: 0 }
.owl-carousel .owl-item { position: relative; min-height: 1px; float: left; -webkit-backface-visibility: hidden; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; z-index: 99 }
.services-texts .owl-carousel .owl-item { text-align: left }
.owl-item p { position: relative; color: #48b74a; }
.author { display: block; font-size: 22px; line-height: 20px; color: #3c3c3c; font-family: 'exoregular'; padding: 10px 0 }
.owl-carousel .owl-item img {width: auto; -webkit-transform-style: preserve-3d; margin: 0 auto !important; }
.owl-carousel .owl-grab { cursor: move; cursor: -webkit-grab; cursor: -o-grab; cursor: -ms-grab; cursor: grab }
.owl-carousel.owl-rtl { direction: rtl }
.owl-carousel.owl-rtl .owl-item { float: right }
.no-js .owl-carousel { display: block }
.owl-carousel .owl-item .owl-lazy { opacity: 0; -webkit-transition: opacity 400ms ease; -moz-transition: opacity 400ms ease; -ms-transition: opacity 400ms ease; -o-transition: opacity 400ms ease; transition: opacity 400ms ease }
.owl-carousel .owl-item img { transform-style: preserve-3d }
.owl-carousel .owl-video-wrapper { position: relative; height: 100%; background: #000 }
.owl-carousel .owl-video-play-icon { position: absolute; height: 80px; width: 80px; left: 50%; top: 50%; margin-left: -40px; margin-top: -40px; background: url(owl.video.play.png) no-repeat; cursor: pointer; z-index: 1; -webkit-backface-visibility: hidden; -webkit-transition: scale 100ms ease; -moz-transition: scale 100ms ease; -ms-transition: scale 100ms ease; -o-transition: scale 100ms ease; transition: scale 100ms ease }
.owl-carousel .owl-video-playing .owl-video-tn, .owl-carousel .owl-video-playing .owl-video-play-icon { display: none }
.owl-carousel .owl-video-tn { opacity: 0; height: 100%; background-position: center center; background-repeat: no-repeat; -webkit-background-size: contain; -moz-background-size: contain; -o-background-size: contain; background-size: contain; -webkit-transition: opacity 400ms ease; -moz-transition: opacity 400ms ease; -ms-transition: opacity 400ms ease; -o-transition: opacity 400ms ease; transition: opacity 400ms ease }
.owl-carousel .owl-video-frame { position: relative; z-index: 1 }
.owl-item > div{border:4px solid #fbb040;padding:10px;position:relative;margin-top:25px;}
.owl-item > div:before{position:absolute;top:-17px;left:6px;content:'';width:25px; height:25px; transform:rotate(45deg);background:#fff;border-top:4px solid #fbb040;border-left:4px solid #fbb040; }
.owl-nav, .owl-dot { display: none }
.owl-item.active{background:#fff;}
.test-box{padding:20px 0;}
.test-box .h3{text-align:center;color:#fff;background:#f3bb38;line-height:40px;font-size:26px;font-weight:bold;text-transform:uppercase;margin-bottom:10px;}
.test-box .name{color:#48b74a;font-weight:bold;font-size:19px;}
img { max-width: 100%;vertical-align:middle; }
.content p.center,.content p .center, p strong.center {text-align: center; }
.col_1, .col_2, .col_3, .col_4, .col_5, .col_6, .col_7, .col_8, .col_9, .col_10, .col_11, .col_12 { display: inline; float: left; margin-left: 1.5%; margin-right: 1.5%;}
/* .col_group { margin-left: -1.5%; margin-right: -1.5%;position:relative;} */
.col_1 /* 12 x .col_1 = 100% */ { width: 5.333%; }
.col_2/* 6 x .col_2 = 100% */ { width: 13.666%; }
.col_3/* 4 x .col_3 = 100% */ { width: 22%; }
.col_4/* 3 x .col_4 = 100% */ { width: 30.333%; }
.col_5/* .col_5 + .col_5 + .col_2= 100% */ { width: 38.666%; }
.col_6/* 2 x .col_6 = 100% */ { width: 47%; }
.col_7/* .col_7 + .col_5 = 100% */ { width: 55.333%; }
.col_8/* .col_8 + .col_4 = 100% */ { width: 63.666%; }
.col_9/* .col_9 + .col_3 = 100% */ { width: 72%; }
.col_10/* .col_10 + .col_2 = 100% */ { width: 80.333%; }
.col_11/* .col_11 + .col_1 = 100% */ { width: 88.666%; }
.col_12/* 1 x .col_12 = 100% */ { width: 97%; }
.clear { float: none; clear: both; }
.right { text-align: right;right:0;}
.center { text-align: center; }
.pad { padding: 15px 0; }
.float-left { float: left; position: relative; }
.float-right { float: right; position: relative; }
h1 {margin:0 0 20px;color:#0c7374;font-family:'Open Sans';line-height:23px;font-size:20px;text-transform:uppercase;font-weight:bold;text-align:center;border-bottom:3px solid #fcb415;padding-bottom:15px;}
.or-br{border:4px solid #fbb040;padding:10px;position:relative;margin-top: 20px;}
.or-br:after{position:absolute;bottom:-17px;left:160px;content:'';width:25px; height:25px; transform:rotate(-135deg);background:#fff;border-top:4px solid #fbb040;border-left:4px solid #fbb040;}
.or-text{color:#fbb040;}
.green-bg{background:#47b64a;color:#fff;margin:10px 0;}
.green-text, section#contentMain .green-text h2{color:#47b64a;}
.br-bt{border-bottom:3px solid #fbb040;}
.center{text-align:center;}
.list li{position:relative;padding-left:20px;margin-bottom:7px;}
.list li:before{position:absolute;top:0;left:0;bottom:0;width: 0; height: 0; border-top: 10px solid transparent; border-left: 10px solid #47b64a; border-bottom: 10px solid transparent;content:"";}
.deals { margin-bottom: 2em; }
.call-book { text-align: center; }
.book-box { display: inline-block; text-align: center; width: 27%;padding:8px 0; }
.book-box a { border:2px solid #f4ba3c; border-radius:20px; color: #f4ba3c; display: inline-block; font-size: 17px; line-height: 45px; padding: 0 1em; text-decoration: none; transition: all 0.3s ease-in-out 0s; vertical-align: top; }
span.gray-text { color: #9a9a9a; display: inline-block; padding: 1em 10px; position: relative; vertical-align: top; width: 4%; }
.book-box a:hover { color: #03bf35;border:2px solid #03bf35; }
.call-box { background: rgba(0, 0, 0, 0) url("../images/call-phone.jpg") no-repeat scroll left center; display: inline-block; text-indent: 2.8em; vertical-align: top; width: 55%; }
.call-box p { color: #03bf35; font-size: 18px; margin: 0; padding: 0 0.5em; text-align: left; }
.call-box p a { color: #03bf35 !important; display: inline-block; font-size: 35px; line-height: 35px; text-align: left; text-decoration: none;font-weight:bold;}
header ul#navi li.deals a{background:#f4ba3c;color:#fff;}
header ul#navi li.deals a:hover, header ul#navi li.deals a.active{color:#fff;background:#03bf35;}
img{max-width:100%;}
@media only screen and (max-width: 1024px) {
header .logo { max-width: 250px }
header #headerContent { width: 100% }
header #header_pic { height: auto; width: 960px }
header #header_pic #wowslider-container1 { height: 357px; width: 954px }
header #header_pic #wowslider-container1 ul li img { height: auto; width: 100% }
.image_shadow { height: auto; width: 100% }
#contentContainer { width: 960px }
#contentContainer #scroller ul li { padding: 0 15px }
aside, #whatOffer { width: 257px }
a.baners img { height: auto; width: 100% }
#whatOffer h3 { padding: 0 0 0 20px }
#request_quote_form form input { width: 230px!important }
#request_quote_form form select { width: 257px!important }
#request_quote_form form #postcodes_label span input { width: 90px!important }
#request_quote_form form div.p21 { width: 256px!important }
#whatOffer ul li a { width: 232px }
#footerContent { width: 960px }
#floating_bar_wrapper { width: 960px }
#floating_bar_wrapper .floating_bar_left { width: 28% }
#floating_bar_wrapper .floating_bar_left a { font-size: 32px }
#floating_bar_wrapper .floating_bar_center { width: 26% }
#floating_bar_wrapper .floating_bar_center a { font-size: 16px; width: 190px }
#floating_bar_chat { right: 1% }
#floating_bar_close { right: 2% }
}
@media only screen and (max-width: 960px) {
header#headerContainer.sticked .topWrapper { position: relative }
header#headerContainer.sticked .topWrapper .mobileHeader { position: fixed; top: 0; left: 0; width: 100%; line-height: 42px; text-align: center; display: block; background: #fff; border-bottom: 2px solid #16d049 }
header .logo, header nav, .headerPhone { display: block; text-align: center; width: 100%; margin: 0 auto 20px }
#pcte img { max-width: 100% }
.bottom_table_left { text-align: center; width: 100%!important }
.bottom_table_right { float: none!important; width: 260px; margin: 0 auto; clear: both }
.bottom_table { padding: 18px 0; margin: 0 auto; float: none; overflow: hidden }
.qstep, #qicon1, #qicon2, #qicon3, #qicon4, #qstep3 { display: none!important }
.quotebox td { display: block }
.quote_box > br, aside { display: none }
.quotebox .qtitle { padding-top: 10px }
.quote_box input[type="text"] { width: 98% }
form#request_quote_form center { text-align: center!important }
#floating_bar { display: none }
header#headerContainer { width: 100% }
header #headerContent { width: 98% }
header #header_pic { width: 100% }
header #headerContent ul.followUs li:hover img { -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); transform: scale(1); -webkit-transition: none; -moz-transition: none; -o-transition: none; -ms-transition: none; transition: none }
header #header_pic #wowslider-container1 { width: 94%; height: auto!important }
#contentContainer { width: 98%; padding: 0 1% }
section#contentMain article.categoryList { width: 47%; margin: 0 3% 30px 0 }
section#contentMain article.categoryList header a.boxLink { width: 100%; height: auto!important }
section#contentMain article.categoryList header a.boxLink img { width: 100%; height: auto }
#request_quote_form form input { width: 87.5% }
#request_quote_form form div.p21 { width: 97.5% }
#request_quote_form form select { width: 110% }
#whatOffer ul li a { width: 100%; padding: 0; text-indent: 34px }
#whatOffer h3 { padding: 0; text-align: center }
section#contentMain { width:100%; margin:0 auto;max-width:679px;float:none; }
#footerContent { width: 98% }
#footerContent .testimonials { width: 40%; padding-right: 5% }
#footerContent .areas { width: 25%; }
#footerContent .social { width: 25%; }
.service_left { background-image: url(../img/services_l_bg.png); height: 200px; margin-top: 0; position: absolute; width: 70px; z-index: 999 }
.service_right { background-image: url(../img/services_r_bg.png); float: right; height: 200px; margin-top: -220px; position: relative; width: 70px; z-index: 999 }
#contentContainer #scroller ul li a.active { color: #f7ae35; text-decoration: none; -webkit-transform: scale(1.15); -moz-transform: scale(1.15); -o-transform: scale(1.15); transform: scale(1.15) }
#contentContainer #scroller ul li a:hover { color: #f7ae35; text-decoration: none; -webkit-transform: none; -moz-transform: none; -o-transform: none; transform: none; -webkit-transition: none; -moz-transition: none; -o-transition: none; -ms-transition: none; transition: none }
#contentContainer #scroller ul li a img { margin: 0 0 15px; -webkit-transition-duration: 0; -moz-transition-duration: 0; -o-transition-duration: 0; transition-duration: 0; -webkit-transition-property: none; -moz-transition-property: none; -o-transition-property: none; transition-property: none; transition-timing-function: ease }
#contentContainer #scroller ul li a:hover img { -webkit-transform: none; -moz-transform: none; -o-transform: none }
#whatOffer ul li:last-child { height: 50px }
.quotebox > tbody > tr > td#qicon1, .quotebox > tbody > tr > td#qicon3, .quotebox > tbody > tr > td#qicon4 { display: block; width: 100% }
.siteBoxContent input.btn { float: none }
ul.followUs { display: none }
.services { margin: 0 auto }
}
#pcte > br { display: none }
#pcte hr { clear: both; margin-bottom: 20px; margin-top: 10px }
.arealinks { clear: both; margin: 10px 0 20px; padding: 0 }
.arealinks li { background-image: url(/images/check-right.png); background-position: left center; background-repeat: no-repeat; display: block; float: left; padding-left: 12px; width: 45% }
html body div#container header#headerContainer div#headerContent ul.followUs li a img { border-radius: 50px; padding: 2px }
.bottom_table { padding: 18px;display: block;text-align: center; }
.bottom_table_right { float: right!important }
.bottom_table_left { float: left!important; width: 50%!important }
.bottom_table_right a { background-color: #d2d2d1; border-radius: 10px; color: #fff!important; display: block; font-size: 37px; height: 60px; line-height: 53px; text-align: center; width: 260px }
.bottom_table_right a:hover { background-color: #e5f1de; background-repeat: no-repeat }
#book_online { background: none repeat scroll 0 0 #fff; border: 3px solid #16d049; border-radius: 32px; color: #16d049; font-size: 15px; font-weight: 700; padding: 15px; position: absolute; left: 38%; text-transform: uppercase; top: 58%; z-index: 99 }
header ul#navi li:last-child { display: none }
.services { display: block; z-index: 99; position: relative; text-align: center; padding: 10px 0 }
.services li { transition: all .2s ease-in-out 0s; display: inline-block; vertical-align: top; width: 140px; padding-bottom: 15px }
.services li:hover { transform: scale(1.15); transition: all .2s ease-in-out 0s }
.services li img { display: block; margin: 0 auto }
.services li a { font-size: 15px; text-transform: uppercase; color: #636363 }
@media only screen and (max-width: 780px) {
header nav { padding: 0 }
.c_input { float: none; width: 99%; margin: 0 }
.image_shadow, #floating_bar { display: none }
#pcte h1, section#contentMain h3 { text-align: center; font-size: 25px }
.arealinks li { background-image: none; width: 100%; text-align: center; margin: 10px 0; padding: 0 }
header #headerContent button.btn-navbar { display: block; width: 100%; height: 50px; margin: 0 auto; color: #16d049; font-size: 20px; font-weight: 400; cursor: pointer; text-align: center; text-transform: uppercase; background: #fff; border: 1px solid #16d049 }
header ul#navi { width: 100%; height: 0; overflow: hidden; padding: 0; margin: 0 auto; background: none; border: none; -webkit-border-radius: 0 0 4px 4px; -moz-border-radius: 0 0 4px 4px; border-radius: 0 0 4px 4px; -webkit-overflow-scrolling: touch }
#book_online { display: none }
header ul#navi li:last-child { display: block }
header ul#navi li { display: block; margin: 0; padding: 0; height: auto }
header ul#navi li a { display: block; padding: 0; font-size: 20px; color: #fff; font-weight: 400; line-height: 48px; text-align: center; background: #16d049; border-bottom: 1px solid #fff }
header ul#navi li a:hover, header ul#navi li a.active { background: #fff; color: #16d049 }
header ul#navi li:first-child a { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0 }
#contentContainer { width: 96%; margin: 0 auto }
aside, section#contentMain { width: 100%;}
section#contentMain { min-height: 100px }
section#contentMain article.blog img { padding: 1%; width: 98%; float: none; margin: 0 0 20px }
section#contentMain h2 { text-align: center!important }
section#contentMain .siteBox img {margin: 0 auto!important }
#request_quote_form form { width: 100%; margin: 0 auto }
form#getquote_form #postcodes_label { width: 100%; float: left }
form#getquote_form #postcodes_label span { display: block; text-align: center }
#request_quote_form form #postcodes_label span input#quote_ipostcode_to { float: right; width: 40%!important }
#request_quote_form form #postcodes_label span input#quote_ipostcode_from { width: 40%!important; float: left }
#request_quote_form form label { clear: both }
#request_quote_form form input { width: 96%!important; padding: 0 2%; margin: 0 0 10px }
#request_quote_form form div.p21 { width: 100% }
#request_quote_form form select { width: 100%!important }
section#contentMain h2 { margin: 0 0 40px; text-align: center; font-size: 24px }
section#contentMain h3 { font-size: 16px }
#request_quote_form { border-bottom: 1px dashed #d1d1d1 }
#request_quote_form form { padding: 0 0 30px }
textarea { width: 98.4%!important }
.c_input { width: 99% }
form#contact-form input[type="submit"] { margin-right: 2% }
#request_quote_form form input[type="submit"] { width: 100% }
section#contentMain ul.contacts { float: none; width: 100% }
section#contentMain ul.socialLink { display: none }
form#contact-form table tr td { display: block; width: 100% }
form#contact-form input[type="submit"] { width: 100% }
#whatOffer { float: none; width: 100%; margin: 0 auto }
#whatOffer ul li a { width: 100%; height: 100%; left: 0; top: 0; text-transform: uppercase; font-size: 16px; text-indent: 0; text-align: center; -moz-transition: .2s ease-in-out 0s; -o-transition: .2s ease-in-out 0s; -ms-transition: .2s ease-in-out 0s; transition: .2s ease-in-out 0s }
#whatOffer ul li a:hover, #whatOffer ul li a.active { background: #16d049 }
#whatOffer a.baners { width: 300px; margin: 0 auto }
footer { height: auto; padding: 20px 0 }
#footerContent .testimonials { float: none; width: 100%; padding: 0; height: 200px; padding-bottom: 10px; border-bottom: 1px solid #fff }
#footerContent .testimonials h3 { text-align: center }
#footerContent .testimonials h3 a { text-align: center; display: inline; padding: 10px 0 10px 70px }
#footerContent .contactInfo h3, #footerContent .social h3 { margin: 0 0 10px }
#footerContent .contactInfo ul { padding: 0 }
#footerContent .social { float: right; width: 40%; padding: 0 }
ul.siteMap { text-align: center }
ul.siteMap li a{font-size:14px;line-height:26px; }
#pcte img{float:none !important;margin:0 auto !important;display:block;}
.services li img {display: block;margin: 0 auto;max-width: 55px;}
.headerPhone a{text-align:center;display:block;}
.col_1, .col_2, .col_3, .col_4, .col_5, .col_6, .col_7, .col_8, .col_9, .col_10, .col_11, .col_12{display:block;width:96%;margin:0 auto;float:none;}
.gol_group{width:100%;margin:0 auto;}
.float-right,.float-left{float:none;clear:both;}
#footerContent .areas{width:100%;text-align:center;}
#footerContent,.right,.left,#footerContent p.reserved{text-align:center;}
.book-box,.call-box{display:block;width:100%;}
.call-box{background:none;text-align:center;padding:0;text-indent:0;}
.call-box p{text-align:center;padding:0;}
section#contentMain .siteBox img.deals{margin-bottom:1em !important;}
}
@media only screen and (max-width: 480px) {
section#contentMain h2 { font-size: 24px; text-align: center }
section#contentMain h3, section#contentMain h4 { font-size: 14px; text-align: center }
section#contentMain h4 { text-align: center }
header .logo { float: none; text-align: center }
header #headerContent .headerPhone { margin: 0 auto; float: none }
header #headerContent ul.followUs { display: none }
#footerContent .contactInfo, #footerContent .social { width: 100%; float: none; padding: 20px 0; border-bottom: 1px solid #fff }
#footerContent .social { margin: 0 0 20px }
#footerContent .social ul { width: 60%; float: left; padding: 0 0 0 27% }
#footerContent .social ul li { width: 30%; padding: 0; margin: 0 }
#footerContent .contactInfo h3, #footerContent .social h3 { text-align: center; line-height: normal }
#footerContent .contactInfo ul li { background: none; text-align: center; padding: 0 }
#footerContent p.reserved { text-align: center }
.service_left { background-image: url(../img/services_l_bg.png); height: 200px; margin-top: 0; position: absolute; width: 70px; z-index: 999 }
.service_right { background-image: url(../img/services_r_bg.png); float: right; height: 200px; margin-top: -220px; position: relative; width: 70px; z-index: 999 }
}
@media only screen and ( max-width: 719px ) {
header#headerContent h1#logo a { height: 60px!important }
.flexslider .slides img { display: none!important }
header nav { padding: 0!important }
textarea { width: 96.5%!important }
}
.flex-container a:hover, .flex-slider a:hover, .flex-container a:focus, .flex-slider a:focus { outline: none }
.slides, .slides > li, .flex-control-nav, .flex-direction-nav { margin: 0; padding: 0; list-style: none }
.flex-pauseplay span { text-transform: capitalize }
.flexslider { padding: 0 }
.flexslider .slides > li { display: block; position: relative; width: 100%; height: auto; -webkit-backface-visibility: hidden }
.flexslider .slides img { width: 100%; display: block }
.flexslider .slides:after { content: "\0020"; display: block; clear: both; visibility: hidden; line-height: 0; height: 0 }
html[xmlns] .flexslider .slides { display: block }
* html .flexslider .slides { height: 1% }
.no-js .flexslider .slides > li:first-child { display: block }
.flexslider { position: relative }
.flexslider .slides img { height: auto }
.flex-viewport { max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease }
.loading .flex-viewport { max-height: 300px }
.headerInner .flex-viewport,.flexslider.headerInner { max-height: 180px!important;overflow:hidden;}
.headerInner .slides img { margin-top: -160px }
.headerInner #book_online {bottom: 0;height: 16px;margin: auto;width:89px;left:0;right:0;top: 0;}
.tel-internal {
	display: inline-block;
	background: #48B84A;
	padding: 2px 10px;
	border-radius: 10px;
	font-size: 20px;
	white-space: nowrap;
	line-height: 30px;
	color: white !important;
	transition: ease-in-out 0s.3s all;
	transform: scale(1);
	margin: 2px 10px;
	text-decoration: none;
	border: 2px solid white;
}
.tel-internal:hover {
    transform: scale(1.1);
	background: #FBB040;
}
.box > p {
    margin: 10px;
}
.box {
    border: 2px solid #47B64A;
    margin-top: 20px;
}
.box table {
    width: 100%;
    color: #607534;
}
.real_photo {
    width: 100%;
	height:auto;
}

.footer-margin-gdpr{margin-bottom:150px;display:none}
.gdpr-overlay{background:rgba(0,0,0,.8);display:none;height:100%;left:0;position:fixed;top:0;width:100%;bottom:0;z-index:99999;overflow-y:scroll;color:#404040}
.gdpr-msg button,.gdpr-popup button{padding:0;border:none;font:inherit;font-size:14px;color:inherit;background-color:transparent;cursor:pointer;display:block;-webkit-transition:all .3s;-ms-transition:all .3s;transition:all .3s;-webkit-box-shadow:none;box-shadow:none}
.gdpr-msg button:focus,.gdpr-popup button:focus{outline:0}
.gdpr-popup{background: #47B64A;width:610px;top:50%;margin-top:-215px;left:50%;margin-left:-300px;position:absolute}
.gdpr-popup .upper{position:relative;padding:10px 50px 10px 0}
.gdpr-popup .upper-left{width:210px;padding-left:30px}
.gdpr-popup .upper-left img{width:105px;height:auto}
.gdpr-popup .upper-right{padding-left:10px}
.gdpr-popup .upper-right h2{color:#fff;font-size:20px}
.gdpr-popup .upper-left,.gdpr-popup .upper-right{display:inline-block;vertical-align:middle}
.gdpr-close,.gdpr-msg .close-btn{position:absolute;right:6px;top:7px;width:40px;height:40px;text-align:center;cursor:pointer;font-size:0}
.gdpr-close:after,.gdpr-msg .close-btn:after{content:'x';color:#fff;font-size:35px;width:40px;height:40px;display:inline-block;line-height:40px}
.gdpr-popup .bottomer{text-align:right;padding:13px 15px}
.gdpr-opts{background:#fff;position:relative}
.gdpr-opts .opt-title{cursor:pointer;width:210px;padding:16px 10px;padding-left:29px;position:relative;font-size:13px;color:#4f4f4f;border:solid 1px #c8c8c8;background:#f2f2f2;margin-bottom:-1px;line-height:130%;-webkit-transition:all .3s;-ms-transition:all .3s;transition:all .3s}
.gdpr-opts .opt-title a{color:#4f4f4f;font-family:inherit;display:block;padding:16px 0;margin:-16px 0}
.gdpr-opts .opt-title .gdpr-i-function,.gdpr-opts .opt-title .gdpr-i-graph,.gdpr-opts .opt-title .gdpr-i-info,.gdpr-opts .opt-title .gdpr-i-more,.gdpr-opts .opt-title .gdpr-i-target,.gdpr-opts .opt-title .gdpr-i-tick{position:absolute;top:17px;left:9px}
.gdpr-opts .opt-title.current{border:solid 1px transparent;background:0 0}
.gdpr-opts .opt-content{position:absolute;right:0;top:0;visibility:hidden;opacity:0;padding:15px 15px 0 20px;font-size:13px}
.gdpr-opts .opt-content h3{margin-bottom:15px;font-size:20px;line-height:130%;padding-top:3px;padding-bottom:3px;font-weight:700}
.gdpr-opts .opt-content h4{margin-bottom:13px;margin-bottom:7px;line-height:130%;padding-top:3px;padding-bottom:3px}
.gdpr-opts .opt-content ul{padding-bottom:15px;padding-left:10px;list-style:none}
.gdpr-opts .opt-content ul li{position:relative}
.gdpr-opts .opt-content ul li:before{content:'';display:block;background:#404040;width:3px;height:3px;border-radius:50%;position:absolute;left:-10px;top:7px}
.gdpr-opts .opt-content.current{visibility:visible;opacity:1}
a.more-info{float:right}
.gdpr-opts .opt-content a{color:#404040;text-decoration:underline}
.gdpr-popup button.on-off{color:#999;font-size:15px;text-transform:capitalize;padding-right:47px;position:absolute;right:20px;top:13px;width:110px;text-align:right}
.gdpr-popup button.on-off:before{content:'';display:block;height:18px;background:#999;width:36px;border-radius:50px;position:absolute;right:0;top:50%;margin-top:-9px;-webkit-transition:all .3s;-ms-transition:all .3s;transition:all .3s}
.gdpr-popup button.on-off:after{content:'';display:block;height:16px;width:16px;background:#fff;right:19px;top:50%;margin-top:-8px;position:absolute;border-radius:50%;-webkit-transition:all .3s;-ms-transition:all .3s;transition:all .3s}
.gdpr-popup button.on-off.active{color:#43c232}
.gdpr-popup button.on-off.active:before{background:#43c232}
.gdpr-popup button.on-off.active:after{right:1px}
.gdpr-popup .always-active{color:#43c232;font-size:15px;width:110px;position:absolute;right:20px;top:13px;text-align:right}
.gdpr-popup .has-opts h3{padding-right:110px}
.gdpr-msg{background: #47B64A;color:#fff;display:none;z-index:99999;position:fixed;width:100%;bottom:0;left:0;right:0;font-size:14px;line-height:140%;min-height:inherit;padding-top:30px;padding-bottom:30px}
.gdpr-msg .container{position:relative;max-width: 980px;margin: 0 auto;display: block;padding: 0;clear: both;}
.gdpr-msg .close-btn{top:50%;margin-top:-22px}
.gdpr-msg .left-part,.gdpr-msg .right-part{padding:0 15px;display:inline-block;vertical-align:middle}
.gdpr-msg .left-part{width: 60%;}
.gdpr-msg .right-part{width:30%}
.gdpr-msg .right-part{padding-right:40px;text-align:center}
.gdpr-msg .cookie-settings{text-decoration:underline;position:relative;margin:0 10px 10px;color:#fff}
.gdpr-msg .cookie-settings:after,.gdpr-msg .cookie-settings:before{content:'';display:block;width:2px;height:8px;background:#fff;position:absolute;left:-9px;-webkit-transition:all .3s;-ms-transition:all .3s;transition:all .3s}
.gdpr-msg .cookie-settings:hover:after,.gdpr-msg .cookie-settings:hover:before{background:#c4e2f7;-webkit-transition:all .3s;-ms-transition:all .3s;transition:all .3s}
.gdpr-msg .cookie-settings:before{-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);top:3px}
.gdpr-msg .cookie-settings:after{-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);top:8px}
.gdpr-msg .cookie-settings:focus,.gdpr-msg .cookie-settings:hover{color:#c4e2f7}
.gdpr-msg a{text-decoration:underline;color:#fff;-webkit-transition:all .3s;-ms-transition:all .3s;transition:all .3s}
.gdpr-msg a:active,.gdpr-msg a:focus,.gdpr-msg a:hover{color:#c4e2f7}
.gdpr-msg .accept-btn,.gdpr-popup .save-all{background:#fff;color: #47B64A;padding:8px 15px;border-radius:3px;position:relative}
.gdpr-msg .accept-btn{padding-left:28px}
.gdpr-msg-close .gdpr-i-tick{left:10px;top:10px}
.gdpr-i-tick{background-size:100%;display:block;width:14px;height:14px;position:absolute;background-position:0 -28px}
.gdpr-i-info{background-size:100%;display:block;width:14px;height:14px;position:absolute;background-position:0 -14px}
.gdpr-i-graph{background-size:100%;display:block;width:14px;height:14px;position:absolute;background-position:0 -42px}
.gdpr-i-target{background-size:100%;display:block;width:14px;height:14px;position:absolute;background-position:0 0}
.gdpr-i-more{background-size:100%;display:block;width:14px;height:14px;position:absolute;background-position:0 -71px}
.gdpr-i-function{background-size:100%;display:block;width:14px;height:14px;position:absolute;background-position:0 -56px}
@media only screen and (max-width:767px){
.gdpr-msg .left-part,.gdpr-msg .right-part{width:100%}
.gdpr-msg .right-part{padding-right:15px;margin-top:15px}
.gdpr-msg .left-part{padding-right:30px}
.gdpr-msg .close-btn{right:0;top:0}
.gdpr-msg .close-btn:after{font-size:36px}
.gdpr-opts .opt-content,.gdpr-opts .opt-title{position:relative;width:100%}
.gdpr-opts .opt-content.current{display:block}
.gdpr-opts .opt-content{opacity:1;visibility:visible;padding-left:15px;display:none}
.gdpr-opts .opt-title{padding:11px 35px 11px 15px}
.gdpr-opts .opt-title:after,.gdpr-opts .opt-title:before{content:'';width:2px;height:9px;background:#8c8c8c;display:block;position:absolute;right:20px;top:50%;margin-top:-5px;-webkit-transition:all .3s;-ms-transition:all .3s;transition:all .3s}
.gdpr-opts .opt-title:after{-webkit-transform:rotate(90eg);-ms-transform:rotate(90deg);transform:rotate(90deg)}
.gdpr-opts .opt-title.current:before{-webkit-transform:rotate(90eg);-ms-transform:rotate(90deg);transform:rotate(90deg)}
.gdpr-popup .upper{padding-right:0}
.gdpr-popup .upper-left{padding-bottom:5px}
.gdpr-popup .upper-right{padding:0 15px;background:#fff;width:100%;border-bottom:solid 1px #c8c8c8;z-index:2;position:relative;margin-bottom:-1px;padding:11px 15px}
.gdpr-popup .upper-right h2{text-align:left;color:#4f4f4f;font-size:15px}
.gdpr-popup .upper{padding-bottom:0}
.gdpr-close:after{font-size:36px}
.gdpr-close{right:-2px;top:-4px}
.gdpr-popup .upper-left{padding-left:15px}
.gdpr-opts .opt-title.current{border:solid 1px #c8c8c8}
.gdpr-popup{width:92%;margin:20px auto;position:relative;left:auto;top:auto}
.gdpr-opts .opt-title{padding-left:28px}
.gdpr-opts .opt-title .gdpr-i-function,.gdpr-opts .opt-title .gdpr-i-graph,.gdpr-opts .opt-title .gdpr-i-info,.gdpr-opts .opt-title .gdpr-i-more,.gdpr-opts .opt-title .gdpr-i-target,.gdpr-opts .opt-title .gdpr-i-tick{top:12px}
}