/*fonts*/

@import url(https://fonts.googleapis.com/css?family=Lora:400,700);
 @import url(https://fonts.googleapis.com/css?family=Questrial);
@font-face { font-family: 'FontAwesome'; src: url('fonts/fontawesome-webfont.eot?v=4.0.1'); src: url('fonts/fontawesome-webfont.eot?#iefix&v=4.0.1') format('embedded-opentype'), url('fonts/fontawesome-webfont.woff?v=4.0.1') format('woff'), url('fonts/fontawesome-webfont.ttf?v=4.0.1') format('truetype'), url('fonts/fontawesome-webfont.svg?v=4.0.1#fontawesomeregular') format('svg'); font-weight: normal; font-style: normal; }
/*fonts*/



/*Reset CSS*/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline }
/* HTML5 display-role reset for older browsers */

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block }
ol, ul { list-style: none }
blockquote, q { quotes: none }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none }
table { border-collapse: collapse; border-spacing: 0 }
a { color: #212121; text-decoration: none; outline: none; transition: all 300ms ease; -moz-transition: all 300ms ease; -webkit-transition: all 300ms ease; }
a:hover { }
body { line-height: 1; font: 12px 'Questrial', sans-serif; color: #000; padding-bottom: 437px; position: relative; background: #fff; }
/*Reset CSS end*/



/*global classes*/

*, *:after, *:before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -ms-word-break: keep-all; word-break: keep-all; -webkit-word-break: keep-all; -moz-word-break: keep-all; word-wrap: break-word; }
img { max-width: 100%; vertical-align: middle }
.wrapper { }
.container { margin: 0 auto; width: 96% }
.clear { clear: both }
.clear10 { clear: both; height: 10px }
.clear20 { clear: both; height: 20px }
.clumn { width: 198px; float: left }
.fl { float: left !important; }
.fr { float: right !important; }
.text-right { text-align: right !important }
.text-left { text-align: left !important }
.text-center { text-align: center !important }
.error { color: #F00; }
h1, h2, h3, h4, h5, h6 { color: #333; padding-bottom: 12px; }
h1 { font-size: 24px; }
h2 { font: 37px 'Questrial', sans-serif; color: #60c3f7 }
h3 { font-size: 18px; }
h4 { font-size: 16px; }
h5 { font-size: 14px; }
h6 { font-size: 12px; }
p { font: 17px 'Lora', serif; color: #666; line-height: 32px; }
/*Form*/

/*form tag*/

input[type="text"], input[type="password"], input[type="email"], input[type="number"], input[type="date"], select, textarea { width: 100%; padding: 9px 10px; border: 1px solid #ddd; margin: 0; font: 14px 'Lora', serif; outline: none; }
select { background: none repeat scroll 0 0 rgba(0, 0, 0, 0); width: 100%; padding: 9px 10px; border: none; outline: none; cursor: pointer; }
textarea { height: 80px; resize: none; font: 14px 'Lora', serif; }
input[type="checkbox"], input[type="radio"] { display: inline-block; vertical-align: middle; margin: 0 5px 0 0; }
/*Form Tag end*/



/*Common Buttons*/

input[type=button], input[type=submit], input[type=reset], a.box-btn, button.box-btn { display: inline-block; margin: 0 5px 0 0; background-color: #33CEB7; border: none; cursor: pointer; padding: 7px 15px; color: #fafafc; font: 18px 'Questrial', sans-serif; transition: all 300ms ease; -moz-transition: all 300ms ease; -webkit-transition: all 300ms ease; vertical-align: middle; text-decoration: none; text-align: center; outline: none; appearance: none; -moz-appearance: none; -webkit-appearance: none; }
input[type=button]:hover, input[type=submit]:hover, input[type=reset]:hover, a.box-btn:hover, button.box-btn:hover, input[type=button].active, input[type=submit].active, input[type=reset].active, a.box-btn.active, button.box-btn.active { background-color: #039e87; }
input[type=button].secondary-btn, input[type=submit].secondary-btn, input[type=reset].secondary-btn, a.box-btn.secondary-btn, button.box-btn.secondary-btn { background-color: #33B7CC; color: #fff; }
input[type=button].secondary-btn:hover, input[type=submit].secondary-btn:hover, input[type=reset].secondary-btn:hover, a.box-btn.secondary-btn:hover, button.box-btn.secondary-btn:hover, input[type=button].secondary-btn.active, input[type=submit].secondary-btn.active, input[type=reset].secondary-btn.active, a.box-btn.secondary-btn.active, button.box-btn.secondary-btn.active { background-color: #53d7ec }
/*Common buttons end*/

.form-layout { }
.form-layout .form-row { }
.form-row .form-field { padding-bottom: 20px; }
.form-row:last-child .form-field { padding-bottom: 0 }



/*form end*/

/*hack for mozzila */

@-moz-document url-prefix() {
 a.box-btn {
 padding:8px 15px
}
}
/*Global Classes End*/



/*List*/

ul.list { margin-left: 27px }
ul.list li { padding: 5px 0 5px 7px; }
ul.list.bullet { margin-left: 0 }
ul.list.bullet li { background: url("../images/bullet.png") no-repeat scroll left center rgba(0, 0, 0, 0); padding: 5px 0 5px 18px; }
/*list end*/



/*overlay */

.overlay-bg { background: none repeat scroll 0 0 rgba(0, 0, 0, 0.5); height: 100%; left: 0; margin: 0 auto; position: fixed; top: 0; width: 100%; z-index: 100000; }
.overlay { height: 100%; left: 0; margin: 0 auto; position: fixed; top: 0; width: 100%; z-index: 100001; visibility: hidden }
.overlay-box { display: table; height: inherit; margin: 0 auto; width: 700px; }
.overlay-box .content { display: table-cell; vertical-align: middle; }
.overlay-box .closeBtn { background: none repeat scroll 0 0 #FFFFFF; border-radius: 5px; color: #2A78CB; cursor: pointer; font: bold 17px/25px Arial, Helvetica, sans-serif; height: 25px; padding: 0; position: absolute; right: 10px; text-align: center; top: 10px; width: 25px; z-index: 1002; }
.overlay-box .overlay-header { background:#60c3f7; color: #fff; font-size:26px; padding: 9px 10px; position: relative; }
.overlay-box .overlay-content { padding: 20px 10px; background: none repeat scroll 0 0 #fff }
.overlay-box .overlay-footer { padding: 9px 10px; background: #e3e3e3; text-align: right }
/*overlay end*/





/*loader*/

.loader { background: url("../images/loader.gif") no-repeat scroll center center rgba(0, 0, 0, 0.5); height: 100%; left: 0; position: fixed; top: 0; width: 100%; z-index: 99999; }
/*loader end*/



/*accordion css*/

.accordion { }
.accordion dl { border: 1px solid #d0d0d0; border-radius: 0; margin-bottom: 20px; box-shadow: 3px 3px #c0c0c0; }
.accordion dl dt { background: none repeat scroll 0 0 #E8E8E8; color: #212121; cursor: pointer; font: 20px 'Lora', serif; padding: 8px 1%; position: relative; }
.accordion dl.active dt { border-bottom: 1px solid #d0d0d0; }
.accordion dl dt:after { background: #FFFFFF; border: 1px solid #FFFFFF; border-radius: 3px; content: "\f103"; font: 24px/30px FontAwesome; height: 30px; margin: 6px 1%; position: absolute; right: 0; text-align: center; top: 0; width: 30px; color: #2c6a90; }
.accordion dl.active dt:after { content: "\f102" }
.accordion dl dd { display: none; padding: 10px 1%; }
/*accordion css end*/
.captcha_image img{
    max-width: 155px;
    position: relative;
    margin-top: 8px;
    bottom: 20px;
}


/*Home*/

.topBannerNav { position: relative; display: table; width: 100%; }
.Navigation { display: table-cell; background: #60c3f7; width: 28%; vertical-align: top }
.logo { background: #fff; padding: 5px 50px; }
.Banner { position: relative; display: table-cell; width: 72%; vertical-align: top }
.mainBanner ul li { position: relative; overflow: hidden; height: 446px; }
.mainBanner ul li img { display: none }
.mainBanner ul li.banner1 { background: url(../images/banner-1.jpg) 0 bottom no-repeat; background-size: cover }
.mainBanner ul li.banner2 { background: url(../images/banner-2.jpg) 0 bottom no-repeat; background-size: cover }
.mainBanner ul li.banner3 { background: url(../images/banner-3.jpg) 0 bottom no-repeat; background-size: cover }
.mainBanner ul li img { width: 100%; }
.main-nav ul li a { font: 18px 'Questrial', sans-serif; color: #fff; }
.main-nav ul li a:hover { text-decoration: underline; }
.main-nav ul li { margin-top: 18px; }
.linksholder { padding: 20px 0px 38px 50px }
.mobilenumber-nav { font: 30px 'Questrial', sans-serif; padding: 2px 0 2px 60px; background: url(../images/phone-icon.png) left center no-repeat; color: #fff; margin-top: 35px }
.footer { background: #6c6c6c }
.bannerTxt { position: absolute; left: 45px; bottom: 55px; width: 100%; }
.bannerTxt h2 { font: 40px 'Questrial', sans-serif; color: #fff; text-shadow: 1px 2px 1px rgba(0,0,0,0.75) }
.bannerTxt a { display: inline-block; font-weight: 700; background: #60c3f7; color: #000; font-size: 14px; text-transform: uppercase; padding: 12px 13px; }
.bannerTxt a:hover { background: #fff; color: #60c3f7 }
.errortxt{}
.errortxt { position: absolute; left: 45px; bottom: 55px; width: 100%; }
.errortxt h2 { font: 180px 'Questrial', sans-serif; color: #666;padding: 0px;}
.errortxt p { font: 22px 'Questrial', sans-serif; color: #666;margin-bottom:50px;}
.errortxt p span { font: 40px 'Questrial', sans-serif; color: #666;margin-bottom:10px;display: block;}
.errortxt a { display: inline-block; font-weight: 700; background: #60c3f7; color: #000; font-size: 14px; text-transform: uppercase; padding: 12px 13px; }
.errortxt a:hover { background: #fff; color: #60c3f7 }

.welcomContent { position: relative }
.welcome-row { display: table; width: 100%; }
.welcome-col { display: table-cell; width: 50%; vertical-align: middle }
.welcome-left h1 { font: 72px/50px 'Questrial', sans-serif; color: #60c3f7; padding-bottom: 0 }
.welcome-left h1 span { display: block; font-size: 37px; }
.welcome-ryt { padding: 80px 0 135px 60px }
.welcome-ryt h2 { color: #60c3f7; font: 30px 'Questrial', sans-serif; padding-bottom: 15px; }
.center-sep { position: absolute; left: 50%; margin-left: -1px; top: 0; width: 1px; background: #ccc; height: 100%; }
.center-sep:after { width: 37px; height: 38px; background: url(../images/squaire-box.png) center center no-repeat; position: absolute; left: 0; top: 135px; z-index: 1; content: ''; margin-left: -18px; }
.welcome-ryt p { font: 17px 'Lora', serif; font-weight: 300; color: #666; line-height: 28px; }
.welcome-col .blogmorelink { padding-top: 35px; }
.readmore a { font: 17px 'Lora', serif; text-decoration: underline; color: #000 }
.readmore a:hover { color: #6ec7f8 }
.colour-cols { display: table; width: 100%; }
.col-color { display: table-cell; width: 20%; vertical-align: middle; }
.col-color a{display:block;padding: 50px 21px 55px 21px}
.col-color1 { background: #89d0ca }
.col-color2 { background: #e39f3a }
.col-color3 { background: #51aed5 }
.col-color4 { background: #bf5f47 }
.col-color5 { background: #6da75f }
.col-color-wight{background: #fff}
.border-right{border-right:1px solid #ccc;}
.border-left{border-left:1px solid #ccc;}
.border-bottom{border-bottom:1px solid #ccc;}
.border-top{border-top:1px solid #ccc;}
.col-color dl dd { font: 20px 'Questrial', sans-serif; color: #141414 }
/*.col-color dl dt { padding-bottom: 24px; }*/
.col-color dl dt {padding-bottom: 24px;min-height: 82px;}
.col-color dl dt img {height:50px;}
.col-color dl dd h2 { font: 20px/20px 'Questrial', sans-serif; color: #141414; padding-bottom: 5px }
.col-color dl dd p { font: 14px 'Questrial', sans-serif; color: #141414 }
.client-left { text-align: center; padding-top: 55px; }
.client-left .clienthead-img, .client-left h2 { display: inline-block; vertical-align: top }
.client-left h2 { text-align: left; padding-top: 40px; padding-left: 12px; }
.client-col { display: table-cell; width: 50%; vertical-align: top }
.clientspeakrow { display: table; width: 100%; position: relative }
.clientspeakrow .center-sep:after { display: none }
.client-ryt { padding: 95px 0 100px 60px; }
.client-ryt h2 { font-size: 30px; padding-bottom: 18px }
.client-ryt h2 span { display: block; font-size: 18px; }
.client-ryt p { font: 17px 'Lora', serif; color: #666; line-height: 28px; }
.client-slider { position: relative; padding-bottom: 70px; }
.client-slider .bx-pager { position: absolute; bottom: 0; left: 0; width: 100%; text-align: center }
.client-slider .bx-wrapper .bx-pager .bx-pager-item, .client-slider .bx-wrapper .bx-controls-auto .bx-controls-auto-item { display: inline-block; *zoom: 1;
 *display: inline;
}
.client-slider .bx-wrapper .bx-pager.bx-default-pager a { background: #e8e8e8; text-indent: -9999px; display: block; width: 12px; height: 12px; margin: 0 5px; outline: 0; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; }
.client-slider .bx-wrapper .bx-pager.bx-default-pager a:hover, .client-slider .bx-wrapper .bx-pager.bx-default-pager a.active { background: #a9a8a8; }
.blogs-main { display: table; width: 100%; }
.blog-left { width: 50%; display: table-cell; vertical-align: top; position: relative }
.blog-ryt { width: 50%; display: table-cell; vertical-align: top; }
.bf-col { float: left; width: 50%; padding-bottom: 45px; }
.blog-img img { width: 100%; }
.blog-info { padding: 30px 20px; position: relative }
.blog-info:after { width: 24px; height: 12px; content: ''; position: absolute; left: 35px; top: -12px; background: url(../images/blog-active.png) left top no-repeat; z-index: 3 }
.blog-info h3 { font: 16px 'Questrial', sans-serif; color: #353434; padding-bottom: 18px; }
.blog-info h4 { font: 22px 'Questrial', sans-serif; color: #353434 }
.blog-info p { font: 16px 'Lora', serif; color: #353434; line-height: 22px; }
.blog-info .readmore { padding-top: 20px; }
.blog-info .readmore a { font-size: 16px; }
.blog-left .center-sep:after { display: none }
.blog-left .center-sep { margin-left: 0 }
.blog-img { position: relative; z-index: 2 }
.more-blogsimg img { width: 100%; }
.blog-ryt { position: relative; background: url(../images/more-blogs.jpg) bottom no-repeat; background-size: cover }
.more-blocklink h3 { padding-bottom: 0 }
.more-blocklink { position: absolute; left: 50%; top: 50%; margin-top: -46px; margin-left: -69px; }
.more-blocklink h3 a { font-size: 24px; line-height: 24px; color: #9f9a9a; display: block; padding: 22px 60px 22px 22px; background: #000 url(../images/blog-arrow.png) 100px center no-repeat }
.more-blocklink h3 a:hover { background-color: #60c3f7; color: #fff }
.footer { position: absolute; left: 0; bottom: 0; width: 100%; }
.footer1 { float: left; width: 20%; margin-right: 18%; }
.footer2 { float: left; width: 20%; margin-right: 22%; }
.footer3 { float: left; width: 20%; }
.footerbox dl dt { font: 24px 'Questrial', sans-serif; color: #fff; padding: 6px 10px }
.footerbox dl dd ul li { margin-top: 16px; padding-left: 10px; }
.footerbox dl dd ul li a,.footerbox dl.social-follow dd ul li.singlelinkftr a { color: #fff; font: 18px 'Questrial', sans-serif; padding-left: 8px; background: url(../images/dash.png) left 10px no-repeat; display: inline-block; vertical-align: top; transition: none }
.footerbox dl dd ul li a:hover { text-decoration: underline; }
.footerbox dl dd ul .phone-icon a:hover { text-decoration: none;cursor: default; }
.footerbox dl dd ul li.icon-wthilnk { margin-top: 40px; }
.footerbox dl dd ul li.email-icon a { background: url(../images/email-icon.png) left center no-repeat; padding-left: 37px; }
.footerbox dl dd ul li.phone-icon a { background: url(../images/tel-icon.png) left center no-repeat; padding-left: 37px; padding-top: 2px; padding-bottom: 1px; }
.footerbox dl dd ul li.phone-icon { margin-top: 6px }
.footerbox dl.social-follow dd ul li { float: left; padding-right: 10px; }
.footerbox dl.social-follow dd ul li a { padding: 0; background: none; text-decoration: none !important }
.footerbox { padding: 70px 0 }
.copy-band { background: #fff; padding: 16px 0; text-align: center; color: #605f5f; font: 14px 'Questrial', sans-serif; }
.copy-band a { display: inline-block; color: #605f5f; vertical-align: middle; margin-left: 5px; }
.copy-band a:hover { text-decoration: underline }
.copy-band span { display: inline-block; vertical-align: middle; padding-right: 10px; }
/*Services*/

.blog-text ul {
    margin-bottom: 10px;
}

.blog-text h3 {
    padding-top: 10px !important;
}
.tab {
    padding-bottom: 10px !important;
}

.tab a.box-btn {
    background-color: #60c3f7;
    color: #fff;
	border:1px solid #60c3f7;
    font: 18px 'Questrial', sans-serif;
}

/*.tab a.box-btn.secondary-btn:hover {
    background-color: #fff;
    color: #60c3f7;
	border:1px solid #60c3f7;
}*/

.tab a.box-btn.secondary-btn {
    background-color: #fff;
    color: #cccccc;
    border: 1px solid #cccccc;
    font: 18px 'Questrial', sans-serif;
}
.tab a.box-btn.secondary-btn:hover  {
    background-color: #60c3f7;
    color: #fff;
	border:1px solid #60c3f7;
}
.inner-content { padding-top: 35px; padding-bottom: 75px; }
.mainBanner ul li.servicebanner { background: url(../images/services-banner.jpg) 0 bottom no-repeat; background-size: cover }
.bannerSlider .show-img img{display:block; height: auto; min-height: 100%;}
.small-container { width: 700px; margin: 0 auto }
.breadcrums ul li a, .breadcrums ul li { color: #525151; font-size: 14px; }
.breadcrums ul li a:hover { text-decoration: underline; color: #60C3F7 }
.breadcrums ul li { float: left; padding-right: 4px; }
.heading-cntr h2 { font-size: 30px; }
.area-articel .info-seprtnbox p{padding-bottom:0px}
.info-seprtnbox p{padding-bottom:25px}
.info-septnbox p{padding-top:25px}
.con-verticlasep.grid-6 .info-seprtnbox p { padding-bottom: 0px; font-size:16px; line-height:22px; }
.info-seprtnbox { position: relative; padding-bottom: 15px; padding-top: 15px; }
.vertical-sep { position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; background: #cccccc }
.vertical-sep:after { content: ''; background: url(../images/squaire-box.png) center center no-repeat; width: 37px; height: 38px; top: -19px; margin-left: -18.5px; left: 50%; position: absolute; }
.info-seprtnbox h3 { color: #2b2b2b; font-size: 22px; padding-top: 35px; padding-bottom: 10px }
.info-seprtnbox ul { margin-left: 20px; }
.info-seprtnbox ul li { background: url(../images/black-arrow.png) left 7px no-repeat; padding-left: 25px; font: 17px 'Lora', serif; color: #666; margin-top: 14px; }
.get-quotelink a { display: inline-block; vertical-align: top; text-transform: uppercase; background: #343536; color: #fff; padding: 14px 27px; font: 700 14px 'Lora', serif; }
.get-quotelink a:hover { background: #60c3f7 }
.get-quotelink { padding-top: 40px; margin-bottom: 100px; }
.get-downloadlink {
    padding-top: 40px;
    margin-bottom: 25px;
}
.get-downloadlink a {
    display: inline-block;
    vertical-align: top;
    text-transform: uppercase;
    background: #343536;
    color: #fff;
    padding: 14px 27px;
    font: 700 14px 'Lora', serif;
}
.get-downloadlink a:hover { background: #60c3f7 }
.floating-services { position: fixed; right: 0; bottom: 80px; z-index: 1 }
.floating-services h3 { font-size: 14px; color: #000; text-align: center }
.sfloatinglinks { background: #c8cbcb; }
.sfloatinglinks ul li { padding: 20px 20px 15px 30px; border-bottom: #fff solid 1px; }
.sfloatinglinks ul li:last-child { border-bottom: none }
.sfloatinglinks ul li a { color: #141414; font-size: 18px; display: block; padding-left: 65px; line-height: 24px; }
.sfloatinglinks ul li a.fi-1 { background: url(../images/work-proffesional-big.png) 5px center no-repeat }
.sfloatinglinks ul li a.fi-2 { background: url(../images/investor-icon-big.png) left center no-repeat; line-height: 46px; }
.sfloatinglinks ul li a.fi-3 { background: url(../images/self-fund-icon-big.png) 9px center no-repeat }
.sfloatinglinks ul li a.fi-4 { background: url(../images/email-icon-big.png) 7px center no-repeat; line-height: 40px; }
/*Services end*/



/*About us*/

.info-seprtnbox h3.nopadingtop { padding-top: 0 }
.info-seprtnbox p.quotes-icon { background: url(../images/quotes.png) left 8px no-repeat; padding-left: 70px; line-height: 35px; }
.info-seprtnbox h3.with2-icon { padding-left: 200px; background: url(../images/10yrs-icom.jpg) left top no-repeat; line-height: 38px; padding-top: 3px }
.txt-lineheight.info-seprtnbox p { line-height: 35px; }
.txt-lineheight.info-seprtnbox p a.link { text-decoration: underline; color: #000; font-weight: 400 }
.link { text-decoration: underline; color: #000; font-weight: 400 }
.calculatorimg { text-align: center }
.visionbox { float: right; width: 265px; text-align: left; }
.aboutbox .small-container { display: inline-block; text-align: left; width: 680px; padding-right: 50px }
.aboutbox .container { text-align: center }
.visionbox h3 { font-size: 24px; color: #fff }
.visioncntrtxt { background: #5d5d5d; padding: 30px 20px; position: relative }
.visioncntrtxt:after { content: ''; width: 100%; bottom: 0; left: 0; position: absolute; background: url(../images/vision-arroe.png) center top no-repeat; height: 38px; }
.visioncntrtxt p { color: #fff; padding-bottom: 40px; font-weight: 400; font-size: 14px; line-height: 20px; }
.partnrwith-icon { margin-top: 40px; }
/*.partnrwith-icon a { background: #ed8a09 url(../images/shake-hand.png) 20px center no-repeat; padding: 20px 20px 20px 118px; font-size: 24px; color: #fff; display: block }*/
.partnrwith-icon a {
    /* background: #ed8a09 url(../images/shake-hand.png) 20px center no-repeat; */
    background-color: #ed8a09;
    padding: 20px 20px 20px 118px;
    padding: 20px;
    font-size: 24px;
    color: #fff;
    display: block;
}
/*About us end*/



.Navigation.fixed-nav, .Navigation.fixed-nav-static { position: fixed; left: 0; top: 0; width: 100%; background: #60c3f7; z-index: 99 }
.Navigation.fixed-nav .logo, .Navigation.fixed-nav-static .logo { float: left }
.Navigation.fixed-nav .linksholder, .Navigation.fixed-nav-static .linksholder { float: right; width: 80.5%; padding: 14px 14px; }
.Navigation.fixed-nav .linksholder .main-nav ul li, .Navigation.fixed-nav-static .linksholder .main-nav ul li { float: left; margin-top: 13px; margin-right: 45px; }
.Navigation.fixed-nav .linksholder .main-nav, .Navigation.fixed-nav-static .linksholder .main-nav { float: left }
.Navigation.fixed-nav .linksholder .mobilenumber-nav, .Navigation.fixed-nav-static .linksholder .mobilenumber-nav { float: left; margin-top: 0; margin-left:34px }
.mobile-nav-icon, .blog-ryt img { display: none }
.Navigation.fixed-nav .linksholder .main-nav ul li.make-an-apptlink, .Navigation.fixed-nav-static .linksholder .main-nav ul li.make-an-apptlink { margin-right: 0; float: right; margin-top: 0 }
/*Blog*/

.blog-cntr .small-container { width: 900px; padding-bottom: 60px }
.blog-imgbig { float: left; width: 24%; margin-right: 3%; }
.blog-desc { float: left; width: 73% }
.blog-desc h3 { font-size: 22px; color: #000 }
.blog-desc p { padding-bottom: 20px; }
.blogmorelink a { display: inline-block; vertical-align: middle; font: 18px 'Lora', serif; color: #60c3f7; padding-right: 40px; background: url(../images/blue-arrow.png) right center no-repeat }
.blogmorelink a:hover { text-decoration: underline }
.blogrow { padding: 60px 0; position: relative; border-bottom: #ccc solid 1px; }
.blogrow:first-child { padding-top: 30px; }
.blogrow:after { content: ''; position: absolute; left: 0; bottom: -19px; background: url(../images/squaire-box.png) center center no-repeat; width: 100%; height: 38px; }
/*Blog end*/


.active a{text-decoration:underline;}
/*Services*/

.service-container { width: 765px; margin: 0 auto;}
.service-main { padding-bottom: 125px; background: url(../images/service-bg.jpg) no-repeat fixed 0 0 / cover }
.services-block { width: 72%; display: table-cell; vertical-align: text-top; padding: 100px 0 0 0px; }
.services-block h2 { font-size: 30px; }
.service-txt { background: #fff; padding: 22px; }
.service-txt h5 { font-size: 22px; color: #2b2b2b; padding-top: 20px; }
.service-txt p { line-height: 38px }
.service-container .colour-cols { }
.service-container .col-color { width: 33.33% }
.col-color6 { background: #995fa7 }
.service-container .col-color{padding:0}
.service-container .col-color a{display:block;padding:50px 21px 55px}
/*Services end*/



/*Contact*/

.contact-box { padding-bottom: 100px }
.address-icon { display: table-cell; vertical-align: top }
.address-icon span { width: 70px; height: 70px; display: inline-block; font: 20px FontAwesome; position: relative; background: #f04e4e; border-radius: 50% }
.address-icon span:after { content: "\f124"; color: #fff; position: absolute; left: 0; top: 50%; margin-top: -17px; font-size: 34px; text-align: center; width: 100%; }
.address-infos { display: table-cell; vertical-align: top; padding-left: 13px; }
.address-infos h3 { color: #31364c; font-size: 24px; padding-bottom: 5px }
.address2 { margin-top: 35px; }
.address-icon.tel-icon span { background: #fecc17 }
.address-icon.tel-icon span:after { content: "\f095"; }
.address-infos p abbr { color: #cdcfd7 }
.address-icon.emailid-icon span { background: #ccdb38 }
.address-icon.emailid-icon span:after { content: "\f0e0"; }
.address-infos p a { color: #9699a6 }
.address-infos p { line-height: 24px; font-size: 18px; color: #9699a6 }
.contact-box .grid-layout { padding-top: 35px; }
.animate-label .inputType { border: 0; background-image: -webkit-gradient(linear, left top, left bottom, from(#009688), to(#009688)), -webkit-gradient(linear, left top, left bottom, from(#D2D2D2), to(#D2D2D2)); background-image: -webkit-linear-gradient(#009688, #009688), -webkit-linear-gradient(#D2D2D2, #D2D2D2); background-image: -o-linear-gradient(#009688, #009688), -o-linear-gradient(#D2D2D2, #D2D2D2); background-image: linear-gradient(#009688, #009688), linear-gradient(#D2D2D2, #D2D2D2); -webkit-background-size: 0 2px, 100% 1px; background-size: 0 2px, 100% 1px; background-repeat: no-repeat; background-position: center bottom, center -webkit-calc(100% - 1px); background-position: center bottom, center calc(100% - 1px); background-color: rgba(0, 0, 0, 0); -webkit-transition: background 0s ease-out; -o-transition: background 0s ease-out; transition: background 0s ease-out; float: none; -webkit-box-shadow: none; box-shadow: none; border-radius: 0; color: #bdbdbd; padding-left: 0; font-size: 18px }
.animate-label label.active + .inputType { outline: 0; background-image: linear-gradient(#00bff3, #00bff3), linear-gradient(#d2d2d2, #d2d2d2) !important; -webkit-background-size: 100% 2px, 100% 1px; background-size: 100% 2px, 100% 1px; -webkit-box-shadow: none; box-shadow: none; -webkit-transition-duration: .3s; -o-transition-duration: .3s; transition-duration: .3s; }
.animate-label .input-group { position: relative; }
.animate-label .input-group label { position: absolute; color: #bdbdbd; font: 18px 'Lora', serif; left: 0; top: 10px; transition: all 300ms ease; -moz-transition: all 300ms ease; -webkit-transition: all 300ms ease; z-index:1; background:#fff }
.animate-label label.active { top: -20px; color: #60c3f7; font-size: 16px; }
.animated-form .form-row div[class^="grid"] { padding: 0 3%; }
.animated-form .form-row { margin-bottom: 50px }
.animated-form .captcha { margin-bottom: 20px;}
#coment-blog{position:relative;bottom:70px;}
.write-comment{float:left;margin-bottom:50px;}
.write-comment a {display: inline-block;vertical-align:top;text-transform:uppercase;background: #343536;color: #fff;padding: 14px 27px;font: 700 14px 'Lora', serif;}
.write-comment a:hover { background: #60c3f7;}
.submitformbtn input[type="submit"] { background: #60c3f7; color: #000; display: inline-block; font-size: 14px; font-weight: 700; padding: 12px 13px; text-transform: uppercase; border: transparent solid 1px; }
.submitformbtn input[type="submit"]:hover { background-color: #fff; color: #60c3f7; border: #60c3f7 solid 1px; }
/*Contact*/

.sub-comment{margin-left:50px;}
.comments-details{border-bottom: #ccc solid 1px;margin-bottom: 50px;}
.comments-details:after {
    content: '';
    position: absolute;
    left: 0;
    bottom: -19px;
    background: url(../images/squaire-box.png) center center no-repeat; 
    width: 100%;
    height: 38px;
}
.posted-on-comment{
    color: #2b2b2b;
    font-size: 22px;
    padding-bottom: 10px;
}

/*Changes*/

.main-nav ul li a.make-appt { display: inline-block; padding: 10px; background: #fff; color: #60c3f7; }
.main-nav ul li.make-an-apptlink { margin-top: 18px; }
.blogrow:last-child:after { display: none; border-bottom: none }
.blogrow:last-child { border-bottom: none }
.Banner .bx-wrapper .bx-pager { color: #666; font-family: Arial; font-size: 0.85em; font-weight: bold; padding-top: 20px; text-align: center; }
.Banner .bx-wrapper .bx-pager, .Banner .bx-wrapper .bx-controls-auto { bottom:20px; position: absolute; right:20px; z-index:99 }
.Banner .bx-wrapper .bx-pager .bx-pager-item, .Banner .bx-wrapper .bx-controls-auto .bx-controls-auto-item { display: inline-block; }
.Banner .bx-wrapper .bx-pager.bx-default-pager a { background: #666 none repeat scroll 0 0; border-radius: 10px; display: block; height: 12px; margin: 0 8px; outline: 0 none; text-indent: -9999px; width: 12px; }
.Banner .bx-wrapper .bx-pager.bx-default-pager a:hover, .Banner .bx-wrapper .bx-pager.bx-default-pager a.active { background: #60C3F7;}
.blog-more .blog-left:first-child{border-right:#ccc solid 1px;}
.contact-box .grid-layout .animated-form .grid-layout{padding-top:25px;}
.con-verticlasep{position:relative}
.con-verticlasep .center-sep{margin-left:0; left:-50px}
.footerbox dl.social-follow dd ul li.singlelinkftr{clear:both; float:none}
.footerbox dl.social-follow dd ul li.singlelinkftr a:hover{text-decoration:underline !important}
.footerbox dl.social-follow dd ul li.singlelinkftr:nth-child(2){margin-bottom:30px}
#overlayQuote .animated-form .form-row{margin-bottom:30px;}
.input-type-select {position: relative; border-radius:5px; overflow:hidden}
.input-type-select:after { background: url("../images/custom-select.png") no-repeat scroll center center; content: ""; display: block; height: 42px; position: absolute; right: 0; top: 0; width: 41px; z-index: 99999; cursor: pointer; pointer-events: none; -ms-pointer-events: none; -webkit-pointer-events: none;content:'';}
.input-type-select.inputType{height:45px}
.input-type-select select{font-size:18px; padding-left:0;color:#bdbdbd; padding-bottom:4px}
/*Changes*/
.comments-articel{display:none;}



/*------------------Partner-with-us--------------------*/
#partner{
    position: relative;
    bottom: 60px;
}

.Partner-with-us{
    background-color: #ed8a09;
    padding-top: 75px;
}

.Partner-with-us .info-seprtnbox p {
    padding-bottom: 25px;
    color: #fff;
}
.Partner-with-us .heading-cntr h2 {
    font-size: 30px;
	background: #ed8a09 url(../images/shake-hand.png) 10px center no-repeat;
    padding: 20px 20px 20px 108px;
    color: #fff;
    display: block;
}
/*.Partner-with-us .heading-cntr{text-align:center;}
.Partner-with-us .heading-cntr h2 {
    font-size: 30px;
    background: #ed8a09 url(../images/shake-hand.png) 10px center no-repeat;
    padding: 20px 20px 20px 90px;
    color: #fff;
    display: inline-block;
    text-align: center;
    margin: 0 auto;
    width: 67%;
}*/
.Partner-with-us .info-seprtnbox h3 {
    color: #fff;
    font-size: 22px;
    padding-top: 35px;
    padding-bottom: 10px;
}
.Partner-with-us .info-seprtnbox ul li {
    background: url(../images/wight-arrow.png) left 7px no-repeat;
    padding-left: 25px;
    font: 17px 'Lora', serif;
    color: #fff;
    margin-top: 14px;
}
.Partner-with-us .link {
    text-decoration: underline;
    color: #fff;
    font-weight: 400;
}

.blog-list ul li {
    float: left;
    /* padding: 0 30px; */
    margin:30px;
    width: 27.4%;
    /*margin-bottom: 57px;*/
    position: relative;
    border-bottom: #ccc solid 1px;
}
.blog-list ul li:after {
    content: '';
    position: absolute;
    left: 0;
    bottom: -19px;
    /*background: url(../images/squaire-box.png) center center no-repeat;*/
    width: 100%;
    height: 38px;
}

.title {display:block;}
.title p {
    padding-bottom: 20px;
	font: 17px 'Lora', serif;
    color: #666;
    line-height: 32px;
}


.blogcat-cntr .breadcrums {margin-left:30px;}
.blogcat-cntr .heading-cntr {margin-left:30px;}
.latestblog{
    float: right;
    width: 265px;
    text-align: left;
}
.latestblogtxt{
    background: #5d5d5d;
    position: relative;
}
.latestblog h3 {
    font-size: 16px;
    color: #fff;
    padding-bottom: 5px;
}
.latestblogtxt .blog-title{
    font-size: 22px;
    color: #fff;
    padding: 20px;
}
.latestblogtxt p {
    color: #fff;
    padding-bottom: 10px;
    font-weight: 400;
    font-size: 12px;
    line-height: 20px;
    border-bottom: 1px solid #fff;
}
.latestblogtxt ul li {
    background-color: #5d5d5d;
    padding: 20px;
}
.latestblogtxt ul li:hover {
    background-color: #60c3f7;
    padding: 20px;
}
.latestblogtxt ul .active {
    background-color: #60c3f7;
    /*padding: 20px;*/
}
.latestblogtxt ul .active a{text-decoration:none;}
.request-quote {
    padding: 0 0 0;
    text-align: center;
    position: fixed;
    right: 50px;
    bottom: 23px;
    display: none;
    text-transform: uppercase;
	z-index:999;
}
 a.box-btn:hover{
    background-color: #000;
    color: #fff;
}
a.box-btn {
    display: inline-block;
    margin: 0 25px 0 0;
    background-color: #60c3f7;
    border: none;
    cursor: pointer;
    padding: 7px 15px;
    color: #ffffff;
    font: 14px "museo700", sans-serif;
    transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -webkit-transition: all 300ms ease;
    vertical-align: middle;
    text-decoration: none;
    text-align: center;
    outline: none;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
}
.no-bg ul li.servicebanner{
    background: url(../images/no-bg.jpg) 0 bottom no-repeat;
    background-size: cover;
}
.posted-on-text{color:#666}
.blogcat-cntr .blogmorelink { display: inline-block; vertical-align: middle; font: 18px 'Lora', serif; color: #60c3f7; padding-right: 40px; background: url(../images/blue-arrow.png) right center no-repeat }
.blogcat-cntr .blogmorelink {}
.blog-title{
    font-size: 22px;
    color: #fff;
    padding-bottom: 12px;
}
.date-time{
    font: 16px 'Questrial', sans-serif;
    color: #fff;
    padding-bottom: 18px;
}
.morebloglink a {
    display: inline-block;
    vertical-align: middle;
    font: 18px 'Lora', serif;
    color: #fff;
    padding-right: 40px;
    margin-bottom: 40px;
    background: url(../images/wight-arrow-blog.png) right center no-repeat;
}
.morebloglink a:hover {color:#000;
    padding-right: 40px;
    margin-bottom: 40px;
    background: url(../images/black-arrow-blog.png) right center no-repeat;}

.posted-on{
    font: 16px 'Questrial', sans-serif;
    color: #353434;
    padding-bottom: 18px;
}
.back-to-blogs{float: right;}
.back-to-blogs a {
    display: inline-block;
    vertical-align: top;
    text-transform: uppercase;
    background: #343536;
    color: #fff;
    padding: 14px 27px;
    font: 700 14px 'Lora', serif;
}

.back-to-blogs a:hover {
    background: #60c3f7;
}

.areas-service{
    border: 1px solid #ccc;
    width: 250px;
	height:39px;
    float: left;
    position: relative;
}
.areas-service ul li{
	padding:10px;
	}

.areas-service ul li a{
    font: 14px 'Lora', serif;
    color: #666;
}
.areas-service:after { background: url("../images/custom-select.png") no-repeat scroll center center; content: ""; display: block; height: 36px; position: absolute; right: 0; top: 0; width: 41px; z-index: 99999; cursor: pointer; pointer-events: none; -ms-pointer-events: none; -webkit-pointer-events: none;content:'';}
.areas-header{
    width: 74%;
    float: left;
    margin-right: 15px;
}

.selectMenuCnt {
    position: relative;
    cursor: pointer;
    width: 250px;
    float: left;
    margin-top: 10px;
}
.selectMenuCnt > h3 {
    font-size: 18px;
    color: #222222;
    padding: 8px 45px 8px 15px;
    background: url("../images/custom-select.png") 98% -8px no-repeat;
    width: 250px;
    border: 1px solid #ccc;
    float: left;
    height: 39px;
}
.selectMenuList {
    position: absolute;
    background: #fff;
    left: 0px;
    top: 38px;
    display: none;
    z-index: 2;
    width: 250px;
    border: 1px solid #ccc;
    border-top: 0px solid #ccc;
    height: 289px;
    overflow: auto;
}
.selectMenuList ul li{float:none; border-top:1px solid #ccc; border-radius:0px; margin:0px; overflow:visible;
    padding: 8px 45px 8px 15px;font-size:18px; color:#222222;}
.selectMenuList ul li a{font: 14px 'Lora', serif;}
/*.latestblogtxt:after {
    content: '';
    width: 100%;
    bottom: 0;
    left: 0;
    position: absolute;
    background: url(../images/vision-arroe.png) center top no-repeat;
    height: 38px;
}*/
/*Media Queries for responsive*/

@media(max-width:1400px) {
.more-blogsimg img { height: 100%; max-width: none; width: auto }

}
 @media(min-width:1200px) {/*For big desktop*/
.container { max-width: 1024px; width: 100%; }
}
 @media(min-width:769px) {/*For Desktop Only*/
.grid-1, .grid-2, .grid-3, .grid-4, .grid-5, .grid-6, .grid-7, .grid-8, .grid-9, .grid-10, .grid-11, .grid-12 { float: left; padding: 0 1% }
.grid-layout { margin: 0 -1% }
.grid-12 { width: 100%; float: none; }
.grid-11 { width: 91.66666666666666% }
.grid-10 { width: 83.33333333333334% }
.grid-9 { width: 75% }
.grid-8 { width: 66.66666666666666% }
.grid-7 { width: 58.333333333333336% }
.grid-6 { width: 50% }
.grid-5 { width: 41.66666666666667% }
.grid-4 { width: 33.33333333333333% }
.grid-3 { width: 25% }
.grid-2 { width: 16.666666666666664% }
.grid-1 { width: 8.333333333333332% }
.grid-view{ width: 48%;margin-bottom:25px;}
.grid-view-3{ width: 25%;margin-bottom:25px;min-height: 1360px;}
.grid-view-3 li a:hover{text-decoration:underline;}
.small-business{display: flex;padding-top: 35px;}
.con-verticlasep .center-line-small-business { left: -42px;}
.con-verticlasep .center-line-areas { left: -60px;}
.center-line-areas:after {
    width: 37px;
    height: 30%;
    background: url(../images/squaire-box.png) center center no-repeat;
    position: absolute;
    left: 0;
    top: 135px;
    z-index: 1;
    content: '';
    margin-left: -18px;
}
.scrollTop { position: fixed; right: 20px; bottom: 20px; width: 40px; height: 40px; text-align: center; z-index: 6; display: none; background: #5C9EC9; border-radius: 50%; }
.scrollTop a { display: block; color: #fff; }
.scrollTop a:before { font: 20px/40px FontAwesome; content: '\f102'; }
}
 @media screen and (min-width: 0) and (max-width:1199px) {
/*overlay*/
body{padding-bottom:408px;}
.overlay-box { width: 96%; min-width: 0 }
/*overlay end*/
.Navigation.fixed-nav .logo, .Navigation.fixed-nav-static .logo { float: none; text-align:center }
.Navigation.fixed-nav .linksholder, .Navigation.fixed-nav-static .linksholder{float:none; width:94%; margin:0 auto}
.Navigation.fixed-nav .linksholder .mobilenumber-nav, .Navigation.fixed-nav-static .linksholder .mobilenumber-nav{float:right}
.services-block{padding-top:155px;}
}
 @media screen and (min-width: 0) and (max-width:1100px) {
.linksholder { padding: 20px 0 25px 20px; }
.mobilenumber-nav { font-size: 25px; }
.bannerTxt h2 { font-size: 28px; }
.errortxt h2 { font-size: 180px; }

.Navigation.fixed-nav .linksholder .main-nav ul li { margin-right: 25px; }
.welcome-left h1 span { font-size: 25px; }
.welcome-left h1 { font-size: 50px; }
.welcome-ryt h2 { font-size: 26px; }
.col-color dl dd h2 { font-size: 18px; }
.blog-info h4 { font-size: 18px; }
.footerbox dl dd ul li { margin-top: 10px; }
.footerbox dl dd ul li a { font-size: 16px; }
.footerbox dl dt { font-size: 20px; }
.footerbox { padding: 79px 0 }
.floating-services { position: static; width: 50%; margin: 0 auto; padding-bottom: 15px }
.sfloatinglinks ul li { float: left; width: 50%; }
.sfloatinglinks:after { clear: both; display: block; content: '' }
.sfloatinglinks ul li a { line-height: 23px; }
.sfloatinglinks ul li a.fi-4 { line-height: 69px; }
.sfloatinglinks ul li:last-child { border-bottom: #fff solid 1px; }
.get-quotelink { margin-bottom: 70px; }
.service-container { width: 635px; }
.Navigation.fixed-nav-static .linksholder .main-nav ul li { margin-right: 25px; }
.areas-header { width: 72%;}
#partner {
    position: relative;
    bottom: 120px;
}
}
 @media screen and (min-width: 0) and (max-width:1024px) {
	 .areas-header { width: 72%;}
	 .grid-view {
    width: 47%;
    margin-bottom: 25px;
}
}
@media screen and (min-width: 981px) and (max-width:1023px) {
	.Navigation.fixed-nav .linksholder, .Navigation.fixed-nav-static .linksholder{width:98%;}
	.areas-header { width: 72%;}
	.grid-view {
    width: 47%;
    margin-bottom: 25px;
}
.blog-list ul li {
    width: 26%;
}
	}
 @media screen and (min-width: 0) and (max-width:980px) {
body { padding-bottom: 0 }
.Navigation { position: fixed; display: block; width: 100%; left: 0; top: 0; z-index: 999 }
.linksholder { padding: 0; }
.mobilenumber-nav { font-size: 25px; width:240px; clear:both; float:none; margin:0 auto; margin-top:10px; }
.Navigation .linksholder .main-nav ul li { margin-right: 25px; float: left; margin-right: 35px; }
.Navigation .linksholder { width: 80%; float: right; padding-top: 9px; }
.Navigation .logo { float: left; padding-left: 15px; padding-right: 15px; }
.Navigation .main-nav { float: right }
.Banner { display: block; width: 100%; }
.topBannerNav { display: block }
.mainBanner ul li { width: 100% !important }
.Navigation.fixed-nav .linksholder .main-nav { border-right: none }
.Navigation.fixed-nav .linksholder .main-nav ul li:last-child { margin-right: 0 }
.Navigation.fixed-nav .linksholder .main-nav ul li { margin-right: 35px; }
.Navigation.fixed-nav .linksholder { width: 75%; }
.footer { position: static }
.blog-left { width: 60%; }
.blog-ryt { width: 40%; }
.footer1 { margin-right: 13%; width: 25% }
.footer2 { margin-right: 13%; width: 25% }
.footer3 { width: 24% }
.footerbox { padding: 50px 0 }
.visionbox { float: none; width: 100%; padding-bottom: 25px; }
.partnrwith-icon { width: 265px; margin-right: auto; margin-left: auto; }
.floating-services { width: 75%; }
.Banner { padding-top:173px; }
.blog-cntr .small-container { width: 100%; }
.services-block { padding-left: 0; padding-top: 150px; }
.service-container { width: 96%; margin: 0 auto; }
.Navigation .linksholder .main-nav ul li.make-an-apptlink { margin-right: 0; margin-top: 0 }
.Navigation .logo, .Navigation.fixed-nav .logo, .Navigation.fixed-nav-static .logo { float: none; text-align: center; }
.Navigation .linksholder .main-nav ul li, .Navigation.fixed-nav .linksholder .main-nav ul li, .Navigation.fixed-nav-static .linksholder .main-nav ul li { margin-top: 10px; margin-right: 37px; }
.Navigation .linksholder, .Navigation.fixed-nav .linksholder, .Navigation.fixed-nav-static .linksholder { float: none; width: 100%; padding: 14px; }
.Navigation.fixed-nav .linksholder .main-nav, .Navigation.fixed-nav-static .linksholder .main-nav{float:none;}
.Navigation.fixed-nav .linksholder .mobilenumber-nav, .Navigation.fixed-nav-static .linksholder .mobilenumber-nav{float:none; margin:0 auto; margin-top:10px;}
.blog-more .blog-left{float:none; width:100%; display:block}
.blog-list ul li {
    width: 42%;
}
.latestblog {
    float: none;
    width: 100%;
    text-align: left;
    padding-top: 25px;
}
#partner {
    position: relative;
    bottom: 160px;
}
}
 @media screen and (min-width: 0) and (max-width:768px) {/*For small tabs*/
/*form*/

.form-row .form-field { margin: 0; }
/*form end*/

.animated-form .form-row .grid-6.onymbltab-space, .animated-form .form-row { margin-bottom: 40px; }
}
 @media screen and (min-width: 0) and (max-width:767px) {
h2 { font-size: 30px; }
body, html { overflow-x: hidden }
.mobile-nav-icon { display: block; float: right; margin-top: 21px; margin-right: 15px; }
.Navigation .logo { padding: 5px; }
.menu-icon { display: block; position: relative; overflow: hidden; margin: 0; padding: 0; width: 31px; height: 31px; font-size: 0; text-indent: -9999px; -webkit-appearance: none; -moz-appearance: none; appearance: none; box-shadow: none; border-radius: none; border: none; cursor: pointer; -webkit-transition: background 0.3s; transition: background 0.3s; }
.menu-icon:focus { outline: none; }
.menu-icon span { display: block; position: absolute; top: 13px; left: 0px; right: 0px; height: 3px; background: #000; }
.menu-icon span::before, .menu-icon span::after { position: absolute; display: block; left: 0; width: 100%; height: 3px; background-color: #000; content: ""; }
.menu-icon span::before { top: -8px; }
.menu-icon span::after { bottom: -8px; }
.mobil-icon-toggle { background-color: transparent; }
.mobil-icon-toggle span { -webkit-transition: background 0s 0.3s; transition: background 0s 0.3s; }
.mobil-icon-toggle span::before, .mobil-icon-toggle span::after { -webkit-transition-duration: 0.3s, 0.3s; transition-duration: 0.3s, 0.3s; -webkit-transition-delay: 0.3s, 0s; transition-delay: 0.3s, 0s; }
.mobil-icon-toggle span::before { -webkit-transition-property: top, -webkit-transform; transition-property: top, transform; }
.mobil-icon-toggle span::after { -webkit-transition-property: bottom, -webkit-transform; transition-property: bottom, transform; }
/* active state, i.e. menu open */



.mobil-icon-toggle.active { background-color: transparent; }
.mobil-icon-toggle.active span { background: none; }
.mobil-icon-toggle.active span::before { top: 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }
.mobil-icon-toggle.active span::after { bottom: 0; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); }
.mobil-icon-toggle.active span::before, .mobil-icon-toggle.active span::after { -webkit-transition-delay: 0s, 0.3s; transition-delay: 0s, 0.3s; background: #fff; }
.topBannerNav { z-index: 99; }
.Navigation { position: relative }
.Navigation .linksholder { width: 100%; }
.Navigation .mobilenumber-nav { display: block; margin: 5px auto 15px auto }
.Navigation .linksholder .main-nav ul li { float: none; margin: 0; padding: 10px 20px; border-bottom: rgba(255,255,255,0.5) solid 1px }
.Navigation .main-nav { float: none }
.Navigation .linksholder { padding-top: 0; float: none; position: absolute; right: -100%; top: 70px; width: 100%; background: #60C3F7 }
.main-nav ul li a { display: block }
.Banner { padding-top: 0 }
.mainBanner ul li { background: none !important; height: auto }
.mainBanner ul li img { display: block }
.Navigation .linksholder { transition: all 300ms ease; -moz-transition: all 300ms ease; -webkit-transition: all 300ms ease; }
.Navigation .linksholder .main-nav ul li:first-child { border-top: rgba(255,255,255,0.5) solid 1px }
.Navigation .linksholder.open-navigation { right: 0 }
.Navigation .main-nav { transition: none }
.bannerTxt { position: static; padding: 15px; background: #60c3f7; min-height: 123px; }
.bannerTxt h2 { font-size: 20px; }
.bannerTxt a { font-size: 12px; padding: 10px; background: #fff }


.error-cntr {padding-top:0px !important;}
.error-cntr .servicebanner img{display:none;}
.error-cntr .errortxt { position: static; padding: 15px; background: #fff; min-height: 123px; }
.error-cntr .errortxt h2 { font-size: 150px; }
.error-cntr .errortxt p { margin-bottom: 20px;}
.error-cntr .errortxt a { font-size: 12px; padding: 10px; background: #60c3f7;color:#fff; border:1px solid #60c3f7;}
.error-cntr .errortxt a:hover{ background: #fff;color:#60c3f7;border:1px solid #60c3f7; }

.welcome-row { display: block }
.welcome-col { display: block; width: 100%; }
.welcome-left h1 { font-size: 38px; line-height: 30px; }
.welcome-left h1 span { font-size: 22px; }
.center-sep { display: none }
.welcome-ryt { padding-top: 0; padding-left: 0; padding-top: 25px; padding-bottom: 50px; }
.bannerTxt h2 br { display: none }
.welcome-left { padding: 35px 0 35px 0; position: relative; border-bottom: #ccc solid 1px; text-align: center }
.welcome-left:after { content: ''; background: url(../images/squaire-box.png) center center no-repeat; height: 38px; width: 100%; position: absolute; left: 0; bottom: -19px; }
.welcome-ryt h2 { text-align: center }
.welcome-ryt { text-align: center; padding-top: 30px }
.colour-cols { display: block }
.col-color { display: block; width: 50%; float: left; min-height: 250px }
.col-color5 { margin: 0 auto; clear: both; float: none }
.welcome-ryt p, .client-ryt p, .info-seprtnbox p, .txt-lineheight.info-seprtnbox p, .blog-desc p, .service-txt p, .address-infos p { font-size: 16px; line-height: 24px; text-align:left;}
.clientspeakrow { display: block }
.client-col { display: block; width: 100%; }
.client-left { padding-top: 30px; }
.client-left .clienthead-img, .client-left h2 { display: block; text-align: center }
.client-left h2 br { display: none; }
.client-left h2 { padding: 12px; font-size: 26px; }
.client-ryt { padding-left: 0; padding-top: 35px; padding-bottom: 35px; text-align: center }
.client-ryt h2 { font-size: 26px; }
.client-ryt h2 span { font-size: 16px; }
.client-slider { padding-bottom: 35px; }
.blog-ryt img { display: block }
.blog-ryt { background: none; width: 100%; display: block }
.blog-left { width: 100%; display: block }
.blog-left .center-sep { display: block }
.footer1, .footer2, .footer3 { margin-right: 0; width: 100%; float: none; padding-bottom: 15px }
.footerbox { padding-top: 25px; padding-bottom: 0 }
.footerbox dl dd { display: none }
.heading-cntr { text-align: left }
.aboutbox .small-container { width: 100%; text-align: center }
.vertical-sep::after { margin-left: -18px; }
.info-seprtnbox h3, .blog-desc h3, .service-txt h5 { font-size: 20px }
.info-seprtnbox p.quotes-icon { line-height: 26px; text-align: left }
.info-seprtnbox h3.with2-icon { padding-left: 0; line-height: 22px; padding-top: 100px; background-position: center top }
.calculatorimg img { width: 150px; }
.small-container { width: 100%; text-align: center }
.heading-cntr h2 { font-size: 26px; }
.info-seprtnbox ul li { text-align: left; font-size: 16px }
.floating-services { width: 100%; padding-bottom: 0 }
.blog-imgbig { float: none; width: 211px; margin: 0 auto; margin-bottom: 20px; }
.blog-desc { float: none; width: 100%; }
.services-block { padding-top: 80px; }
.service-container .colour-cols { display: table }
.service-container .col-color { display: table-cell; min-height: 0; float: none }
.address-infos h3 { font-size: 20px; }
.address-icon { display: block; margin: 0 auto; text-align: center }
.address-infos { padding-left: 0; text-align: center; display: block }
.address1 { padding-top: 25px; }
.submitformbtn { text-align: center }
.contact-box { padding-bottom: 35px; }
.Navigation .logo, .Navigation.fixed-nav .logo, .Navigation.fixed-nav-static .logo { float: left }
.Navigation .linksholder, .Navigation.fixed-nav .linksholder, .Navigation.fixed-nav-static .linksholder { padding: 0 }
.main-nav ul li.make-an-apptlink { text-align: center }
.Navigation.fixed-nav-static .linksholder .main-nav ul li { margin-right: 0; float: none; }
.Navigation.fixed-nav-static .linksholder .main-nav ul li:first-child { margin-top: 0 }
.Navigation.fixed-nav-static { position: relative }
.services-block { padding-top: 10px; }
.col-color { width: 100%; float: none; min-height: 0 }
.Navigation .linksholder .main-nav ul li.make-an-apptlink{border-bottom:none}
.aboutbox .small-container{padding-right:0}
.overlay{position:absolute; top:15px;}
.overlay-box .content{vertical-align:top}
.Banner { padding-top: 72px}
.tab a.box-btn {
    margin-bottom: 15px;
}
.grid-view {
    width: 94%;
    margin-bottom: 25px;
}
.grid-view-3{float:none;width:100%;}
.areas-header {
    width: 100%;
}
.selectMenuCnt {
    position: relative;
    cursor: pointer;
    width: 250px;
    float: left;
     margin-top: 10px; 
}
.blog-list ul li {
    float: left;
    margin: 30px;
    width: 86%;
    position: relative;
    border-bottom: #ccc solid 1px;
}
.latestblog {
    float: none;
    width: 100%;
    text-align: left;
    padding-top: 25px;
}
#partner {
    position: relative;
    bottom: 0px;
}
.request-quote {
    padding: 0 0 0;
    text-align: center;
    position: fixed;
    right: 0px;
    bottom: 0px;
    display: none;
    text-transform: uppercase;
    z-index: 999;
    width: 100%;
}
a.box-btn {width: 100%;padding: 10px 15px;}



.captcha_image{margin-top: 21px !important;
    text-align: center !important;}
.captcha_image img {
    max-width: 100%;
    position: relative;
    margin-top: 0px;
    bottom: 0px;
}
.animate-label .input-group label {
    font: 17px 'Lora', serif;
}
.input-type-select select {
    font-size: 16px;
}


}
 @media screen and (min-width:600px) and (max-width:780px) {/*For mobile*/
 
.blog-list ul li {
    float: left;
    margin: 30px;
    width: 39.5%;
    position: relative;
    border-bottom: #ccc solid 1px;
}
}
 @media screen and (min-width: 0) and (max-width:568px) {/*For Big Screen mobile*/
.floating-services { width: 100%; padding-bottom: 0 }
.sfloatinglinks ul li { width: 100%; float: none }
.service-container .col-color { width: 100%; float: none; min-height: 0; display: block }
}
 @media screen and (min-width: 0) and (max-width:480px) {/*For mobile*/
}
 @media screen and (min-width: 0) and (max-width:479px) {
.bannerTxt { min-height: 147px }
.bf-col { float: none; width: 100% }
.blog-left .center-sep { display: none }
.service-container .colour-cols { display: block }

}
 @media screen and (min-width: 0) and (max-width:320px) {/*For Small screen mobile*/
}
.loading { position: fixed; width: 100%; height: 100%; background-color: #fff; background: url("../images/ajax-refresh.gif") no-repeat scroll center center rgba(255, 255, 255, 0.3); display: none; left: 0; top: 0; z-index: 2000 }