@charset "utf-8";
*, body {
margin: 0;
padding: 0
}
.discl{width:50%}
.c-h5, .repair-right h1, body {
font-family: ubuntu
}
body, p {
font-size: 14px
}
.container, header {
width: 100%;
float: left
}
.wrapper, nav {
margin: 0 auto
}
.callbacks, .footer ul, .list-full ul li, .repairlist ul, .serice-box ul {
list-style: none
}
.c-btn, .c-h5, .footer h6, .title2 {
text-transform: uppercase
}
.clear {
clear: both;
}
* {
box-sizing: border-box
}
body {
color: #000;
background: #e6e6e6
}
p {
font-family: Arial, Helvetica, sans-serif;
line-height: 22px;
text-align: justify;
margin-bottom: 15px;
font-size:16px;
}
h1 {
font-size: 24px
}
.title2 {
font-size: 25px;
text-align: left;
color: #414141;
padding: 0 0 10px
}
.title3, .title4 {
font-size: 35px;
text-align: center;
padding: 0 0 30px
}
.title3 {
color: #fff
}
.title4 {
color: #1872c5
}
header {
height: 90px;
z-index: 999;
background: #06a0fa; 1px solid rgb(208, 208, 208) -webkit-transition:height .3s;
-moz-transition: height .3s;
-ms-transition: height .3s;
-o-transition: height .3s;
transition: height .3s;
-webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,.5);
-moz-box-shadow: 0 2px 5px 0 rgba(0,0,0,.5);
box-shadow: 0 2px 5px 0 rgba(0,0,0,.5);
position: relative
}
.wrapper {
width: 1140px;
padding: 0 10px
}
.social-area {
background: #084884;
padding: 2px 0;
width: 100%;
float: left;
color: #fff
}
.social-area_left span {
float: left;
padding: 0 5px
}
.social-area_left {
width: 230px;
float: left;
font-size: 14px;
padding: 5px 0;
font-weight: 400
}
.social-area_right {
width: 145px;
float: right;
font-size: 14px;
padding: 5px 0
}
.social-area_right span {
float: left;
padding: 0 5px
}
header div#logo {
display: inline-block;
float: left;
font-weight: 400;
-webkit-transition: all .3s;
-moz-transition: all .3s;
-ms-transition: all .3s;
-o-transition: all .3s;
transition: all .3s;
padding-top: 20px
}
nav {
float: right
}
#cssmenu {
margin: 0;
font-family: sans-serif
}
#cssmenu, #cssmenu #head-mobile, #cssmenu ul, #cssmenu ul li, #cssmenu ul li a {
border: 0;
list-style: none;
line-height: 1;
display: block;
position: relative;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box
}
#cssmenu:after, #cssmenu>ul:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0
}
#cssmenu #head-mobile {
display: none
}
#cssmenu>ul>li.has-sub>a:after, #cssmenu>ul>li.has-sub>a:before {
display: block;
background: #ddd;
content: '';
position: absolute
}
#cssmenu>ul>li {
float: left;
margin-right: 1px
}
#cssmenu>ul>li>a {
padding: 11px 10px;
font-size: 15px;
letter-spacing: 1px;
text-decoration: none;
font-weight: 400;
margin-left: 0;
color: #fff
}
#cssmenu ul li.active a, #cssmenu>ul>li:hover>a {
color: #fff
}
#cssmenu ul li.active, #cssmenu ul li.active:hover, #cssmenu ul li.has-sub.active:hover, #cssmenu>ul>li:hover {
-webkit-transition: background .3s ease;
-ms-transition: background .3s ease;
transition: background .3s ease;
color: #fff
}
#cssmenu ul ul li, #cssmenu>ul>li.has-sub>a:before {
-webkit-transition: all .25s ease;
-ms-transition: all .25s ease
}
#cssmenu>ul>li a {
padding: 37px 15px 38px;
font-family: sans-serif;
font-weight: 400;
font-size:18px;
}
#cssmenu>ul>li.has-sub>a {
padding-right: 30px
}
#cssmenu>ul>li.has-sub>a:after {
top: 45px;
right: 11px;
width: 8px;
height: 2px
}
#cssmenu>ul>li.has-sub>a:before {
top: 42px;
right: 14px;
width: 2px;
height: 8px;
transition: all .25s ease
}
#cssmenu>ul>li.has-sub:hover>a:before {
top: 23px;
height: 0
}
#cssmenu ul ul {
position: absolute;
left: -9999px;
z-index: 99999
}
#cssmenu ul ul li {
height: 0;
background: #282b2d;
transition: all .25s ease
}
#cssmenu ul ul li.has-sub>a:after, #cssmenu ul ul li.has-sub>a:before {
position: absolute;
background: #ddd;
content: '';
display: block
}
#cssmenu li:hover>ul {
left: auto
}
#cssmenu li:hover>ul>li {
height: 40px
}
#cssmenu ul ul ul {
margin-left: 100%;
top: 0
}
#cssmenu ul ul li a {
border-bottom: 1px solid #999;
padding: 11px 15px;
width: 173px;
font-size: 13px;
text-decoration: none;
color: #f9f0f0;
font-weight: 700
}
#cssmenu ul ul li.last-item>a, #cssmenu ul ul li:last-child>a {
border-bottom: 0
}
#cssmenu ul ul li a:hover, #cssmenu ul ul li:hover>a {
color: #fff
}
#cssmenu ul ul li.has-sub>a:after {
top: 16px;
right: 11px;
width: 8px;
height: 2px
}
#cssmenu ul ul li.has-sub>a:before {
top: 13px;
right: 14px;
width: 2px;
height: 8px;
-webkit-transition: all .25s ease;
-ms-transition: all .25s ease;
transition: all .25s ease
}
#cssmenu ul ul>li.has-sub:hover>a:before {
top: 17px;
height: 0
}
#cssmenu ul li.has-sub ul li.has-sub ul li:hover, #cssmenu ul ul li.has-sub:hover {
background: #363636
}
#cssmenu ul ul ul li.active a {
border-left: 1px solid #333
}
#cssmenu>ul ul>li.has-sub>ul>li.active>a, #cssmenu>ul>li.has-sub>ul>li.active>a {
border-top: 1px solid #333
}
@media screen and (max-width:700px) {
#cssmenu ul, .button, .logo {
position: absolute
}
#cssmenu>ul>li, .logo {
float: none
}
#cssmenu, #cssmenu ul {
width: 100%;
margin: 0
}
#cssmenu ul, #cssmenu ul ul>li.has-sub>a:after, #cssmenu ul ul>li.has-sub>a:before, #cssmenu>ul>li.has-sub>a:after, #cssmenu>ul>li.has-sub>a:before, .logo2 {
display: none
}
.logo {top: 0;left: 0;width: 100%;height: 46px;text-align: center;	padding: 10px 0 0}
nav {width: 100%}
#cssmenu ul {z-index: 99999}
#cssmenu ul li {width: 100%;border-top: 1px solid #444;background: #000}
#cssmenu ul li:hover {background: #363636}
#cssmenu li:hover>ul>li, #cssmenu ul ul li {height: auto}
#cssmenu ul li a, #cssmenu ul ul li a {width: 100%;border-bottom: 0}
#cssmenu ul ul li a {padding-left: 25px;color: #ddd;background: 0 0}
#cssmenu ul ul li {background: #333!important}
#cssmenu ul ul li:hover {background: #363636!important}
#cssmenu ul ul ul li a {padding-left: 35px}
#cssmenu ul ul li.active>a, #cssmenu ul ul li:hover>a {color: #fff}
#cssmenu ul ul, #cssmenu ul ul ul {position: relative;left: 0;width: 100%;margin: 0;text-align: left}
#cssmenu #head-mobile {display: block;padding: 0;color: #ddd;font-size: 12px;font-weight: 700}
.button {width: 55px;height: 46px;right: 0;top: -35px;cursor: pointer;z-index: 12399994}
.button:after, .button:before {right: 20px;width: 20px;height: 2px;position: absolute;display: block;content: ''}
.button:after {top: 19px;border-top: 2px solid #fff;border-bottom: 2px solid #fff}
.button:before {-webkit-transition: all .3s ease;-ms-transition: all .3s ease;transition: all .3s ease;top: 15px;background: #fff}
.button.menu-opened:after {-webkit-transition: all .3s ease;-ms-transition: all .3s ease;transition: all .3s ease;top: 23px;border: 0;height: 2px;
width: 19px;background: #fff;-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg)}
.button.menu-opened:before {top: 23px;background: #fff;width: 19px;-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);	-ms-transform: rotate(-45deg);-o-transform: rotate(-45deg);	transform: rotate(-45deg)}
#cssmenu .submenu-button {position: absolute;z-index: 99;right: 0;top: 0;display: block;border-left: 1px solid #444;height: 36px;width: 46px;cursor: pointer}
#cssmenu .submenu-button.submenu-opened {background: #262626}
#cssmenu ul ul .submenu-button {height: 34px;width: 34px}
#cssmenu .submenu-button:after {position: absolute;top: 22px;right: 19px;width: 8px;height: 2px;display: block;	background: #ddd;content: ''}
#cssmenu ul ul .submenu-button:after {top: 15px;right: 13px}
#cssmenu .submenu-button.submenu-opened:after {background: #fff}
#cssmenu .submenu-button:before {position: absolute;top: 19px;right: 22px;display: block;width: 2px;height: 8px;background: #ddd;content: ''}
#cssmenu ul ul .submenu-button:before {top: 12px;right: 16px}
#cssmenu .submenu-button.submenu-opened:before {display: none}
#cssmenu ul ul ul li.active a {	border-left: none}
#cssmenu>ul ul>li.has-sub>ul>li.active>a, #cssmenu>ul>li.has-sub>ul>li.active>a {border-top: none}
#cssmenu>ul>li>a {color: #fff!important}
}
.innbanner {background: url(../index.html) no-repeat;float: left;width: 100%;background-size: 100%;padding:0px 0}
.repairlist1 {margin-left: 10px;float: left;width: 100%;}
.repairlist1 ul {list-style: none;}
.repairlist1 ul li {padding: 4px 0 4px 35px;font-weight: 400;line-height: 185%;width: 100%;font-size: 15px;color: #000;	background: url(../images/check.png) left 6px no-repeat;}
a {color: #1872c5;}
.printer-inner {
background:url(../index.html) no-repeat;
background-size: 100%;
}
#banner {display: none;}
.mac-mini {background: url(../index.html) no-repeat;	background-size: 100%}
.macbook-pro {background: url(../index.html) no-repeat;	background-size: 100%}
.hp-inner {background: url(../index.html) no-repeat;background-size: 100%}
.printer-banner {background: url(../index.html) no-repeat;background-size: 100%}
.leptop-banner {background: url(../index.html) no-repeat;background-size: 100%}
.callbacks_container {margin-bottom: 0;	position: relative;float: left;width: 100%}
.callbacks {position: relative;overflow: hidden;width: 100%;padding: 0;	margin: 0}
.callbacks li {position: absolute;width: 100%;left: 0;top: 0}
.callbacks img {display: block;position: relative;z-index: 1;height: auto;width: 100%;border: 0}
.callbacks .caption-new, .callbacks .caption-tech {z-index: 2;font-weight: 700;	line-height: 40px;padding: 15px 20px;margin: 0;display: block;
text-shadow: none;max-width: none;position: absolute;right: 0}
.callbacks .caption-tech {font-size: 30px;color: #007ca5;background: #fff;left: 10%;top: 100px;width: 400px}
.callbacks .caption-new {background:#000000;width: 521px;font-size: 35px;text-align: left;color: #fff;left: 7%;top: 70px}
.callbacks .caption-new span {float: left;clear: both;font-size: 35px;margin: 10px 0 0;overflow: hidden;font-weight: 400}
.callbacks .caption-new span span.toll {font-size: 13px;margin: 0;color: #fff;float: left;width: auto;padding-right: 10px;padding-top: 3px}
.callbacks .caption-new p {clear: both;font-weight: 400;width: 100%}
.caption-tech, .caption-tech2, .caption-tech3 {-webkit-box-shadow: 0 0 5px 0 rgba(0,0,0,.1);-moz-box-shadow: 0 0 5px 0 rgba(0,0,0,.1);	box-shadow: 0 0 5px 0 rgba(0,0,0,.1)}
.caption-inner {display: block;font-weight: 700;text-shadow: none;color: #fff;padding: 25px 20px;margin: 0;max-width: none;width: 100%;float: left;
text-align: center}
.caption-inner h3 {font-size: 33px;font-weight: 700;font-family: sans-serif;text-transform: uppercase}
.caption-inner span {font-size: 23px;float: left;width: 100%;margin-bottom: 22px;margin-top: 8px}
.caption-inner .callnow {padding: 9px 15px;	color: #fff;text-align: center;margin: 0 auto;border-radius: 10px}
.caption-inner .callnow, a.callnow {color: #fff;   padding: 8px;font-size: 19px;border: 1px solid #ccc;text-decoration: none}
.callbacks_nav {position: absolute;-webkit-tap-highlight-color: transparent;top: 52%;left: 0;opacity: .7;z-index: 3;text-indent: -9999px;overflow: hidden;text-decoration: none;height: 61px;width: 38px;background: url(../images/arrow.gif) left top no-repeat;margin-top: -45px}
.callbacks_nav:active {opacity: 1}
.callbacks_nav.next {left: auto;background-position: right top;	right: 0}
#slider3-pager a {display: inline-block;padding: 0}
#slider3-pager img {float:left}
#slider3-pager .rslides_here a {background: 0 0;box-shadow: 0 0 0 2px #666}
.serice-box {width: 100%;float: left;padding: 0;background: #353844;margin-top: -35px}
.serice-box ul {text-align: center}
.serice-box ul li {display: inline-block;text-align: center;width: 160px;line-height: 60px;padding-bottom: 20px;-webkit-transition: background-color 1s ease-out;-moz-transition: background-color 1s ease-out;	-o-transition: background-color 1s ease-out;transition: background-color 1s ease-out;
border-right: 1px solid #8e8e8e}
.serice-box ul li:hover {background: #2196F3}
.serice-box ul li:hover .circle {background: #1872c5}
.serice-box ul li:hover p {color: #d8ecff}
.serice-box ul li a {color: #fff;text-decoration: none}
.serice-box ul li p {color: #fff;font-weight: 400;font-size: 20px;text-align: center}
.circle {border-radius: 50%;width: 70px;height: 70px;background-color: #353844;	display: inline-block;padding: 18px;position: relative;z-index: 2;
transition: background-color .5s ease}
.circle:hover {background: #1872c5}
.repaircenter {width: 100%;padding: 40px 0;background: #fff;float: left}
.repair-pad2 {float: left;padding: 15px 11px 20px;margin: 10px 0;border: 1px solid #ccc;position: relative;overflow: hidden;box-shadow: 1px 10px 10px -6px #ccc;}
.repair-pad {padding: 10px;float: left;}
.repair-pad img {width: 100%;position: relative;transition: all 1s ease-in-out 0s;}
.repair-pad2 img {width: 100%;position: relative;transition: all 1s ease-in-out 0s;}
.repair-pad img:hover {transform: scale(1.1);-moz-transform: scale(1.1);-webkit-transform: scale(1.1);-o-transform: scale(1.1);}
a.red {background: #1872c5;padding:10px;margin:0px 0;color:#fff;font-family:sans-serif;border-radius:5px;display:block;width: 11%;clear: both;}
.repair-left {width: 40%;float: left}
.repair-left img {width: 100%;border: 2px solid #ddd}
.repair-right {width: 60%;float: right}
.repair-right h1 {letter-spacing: 1px;text-align: left;margin-bottom: 30px;font-size: 37px;font-weight: 700;line-height: 1.2;color: #414141}
.ylow_clr {color: #06a0fa;display: block; text-align:center; font-size:30px; font-family:sans-serif;}
.ylow_clr a {color: #303d4e;font-size: 16px;text-decoration: none;font-family: sans-serif;text-transform: none;line-height: 40px}
.ylow_clr a:hover {color: #0082cd;text-decoration: underline}
.ylow_clr2 {color: #303d4e;font-size: 17px;text-decoration: none;font-family: sans-serif;text-transform: uppercase;line-height: 40px}
.inn {top: 30px!important}
.inn-img {max-width: 100%;float: left;width: 200px;padding: 10px 10px 0 0}
.innerbg, .leftbar {padding: 10px;float: left;padding-left: 0}
.leftbar {width: 77%}
.lr{
color: #1872c5;
display: block;border-bottom:2px dotted #222;
margin-bottom: 15px;
}
.lr a {
color: #303d4e;
font-size: 16px;
text-decoration: none;
font-family: sans-serif;
text-transform: none;
line-height: 40px;
}
.innerbg {width: 100%}
/**.new-bor {border: 1px solid #ccc;box-shadow: 1px 10px 10px -6px #ccc;}**/
.innerbg p {float: left;}
.list-full h5, .leftbar h5 {font-size: 18px;color: #222;background: url(../images/blogline.jpg) no-repeat;text-align: left;background-position: bottom left;padding-bottom: 15px;font-family: sans-serif;}
.list-full h5, .rightsidebar h5 {font-size: 18px;color: #fff;background: url(../images/blogline.jpg) no-repeat;text-align: left;background-position: bottom}
.rightsidebar {margin-top: 65px;
width: 23%;
float: right;
padding: 10px;
border: 1px solid #ccc;
box-shadow: 1px 10px 10px -6px #ccc;}
.innerpage, .list-full ul, .rightsidebar h5 {width: 100%;float: left}
.list-full h5, .rightsidebar h5 {padding: 0px 0 15px;color: #303d4e;margin-bottom: 20px;font-family: sans-serif}
.list-full ul {padding: 0px 2px 10px 8px;position: static}
.list-full ul li {padding: 5px 0px 5px 30px;width: 100%;border-bottom: 1px solid #ececec;background: url(../images/arrow.png) left 10px no-repeat;
color: #323a45;text-align: left}
.list-full ul li a {color: #000;text-decoration: none;font-size: 14px;font-family: sans-serif;line-height: 22px;}
.list-full ul li a:hover {color: #1872c5;text-decoration: underline}
.innerpage {padding: 20px 0; background: #fff;}
.inner-left {width: 25%;float: left}
.inner-left img {width: 100%;border: 2px solid #ddd}
.inner-right {width: 75%;float: right}
.inner-right .ylow_clr {color: #1872c5;	display: inline}
.repairlist {margin-left: 10px;	float: left;width: 100%}
.repairlist li {padding: 4px 0 4px 35px;font-weight: 400;line-height: 185%;	width: 50%;	float: left;font-size: 15px;color: #000;background: url(../images/check.png) left 6px no-repeat}
.list-full a {color: #0082cd;text-decoration: none}
.macb-widget {background: #fff;margin: 0 0 15px;border: 0 solid #e4e4e4;text-align: left; padding-top: 10px}
.macb-widget h5 {padding-bottom: 10px;font-size: 22px;text-align: left;color: #0082cd;margin: 15px 27px}
.input-form {border: 1px solid #ccc;padding: 10px;background: #e2e2e2;color: #000;width: 90%;margin-left: 25px;margin-bottom: 10px;margin-top: 10px}
.button-field {background-color: #0082cd;padding: 7px 10px;margin-bottom: 10px;color: #FFF;text-decoration: none;border: 1px solid #271e16;	margin-left: 25px;font-size: 17px;font-weight: 700;cursor: pointer}
.services {width: 100%;padding: 40px 0;background: #06a0fa;float: left}
.services-box {width: 33.333333%;float: left;padding: 10px}
.tt-service {position: relative;padding-top: 0}
.tt-service:hover .tt-service-icon {border-color: #0797c3}
.tt-service-icon {position: absolute;top: 0;left: 50%;margin-left: -55px;width: 109px;height: 109px;border: 1px solid #e3e3e3;-moz-border-radius: 100%;border-radius: 100%;background: #fff;overflow: hidden;-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;transition: all .3s ease-in-out}
.testi, .tt-service-info img {width: 100%}
.tt-service-info, .tt-service:hover .c-h5 {-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out}
.tt-service-info {border: 1px solid #e3e3e3;padding: 20px 10px 0;background: #fff;text-align: center;border-radius: 15px;transition: all .3s ease-in-out}
.tt-service.tt-mac {padding-top: 0}
.tt-service-info.mac_mini {padding: 15px 10px 5px}
.tt-service-info.mac_mini img {border: 1px solid #ccc;padding: 7px;width: 100%}
.tt-service-info.mac_mini h4 {margin-bottom: 10px;margin-top: 10px}
.tt-service:hover .tt-service-title {color: #fff}
.tt-service:hover .tt-service-info {background: #0797c3;border-color: #0797c3}
.c-h5 {font-size: 18px;line-height: 26px;font-weight: 700;color: #00a0d2;letter-spacing: .6px;margin-top: 0}
.c-btn, .simple-text {letter-spacing: .4px}
.tt-service:hover .c-h5 {color: #fff;transition: all .3s ease-in-out;font-family: ubuntu}
.tt-service-info .tt-service-title {display: block;margin-bottom: 10px}
.simple-text {font-size: 14px;line-height: 26px;font-weight: 400;color: #898989;word-wrap: break-word}
.simple-text p {text-align: center;height: 40px}
.tt-service:hover .simple-text {color: #fff;-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;transition: all .3s ease-in-out}
.c-btn {font-size: 13px;line-height: 17px;font-weight: 500;	color: #ff8313}
.tt-service:hover .c-btn {color: #fff}
.testi {padding: 40px 0;float: left;background: #e5e5e5}
.testi-box {width: 50%;float: left;	padding: 10px}
.testimonials blockquote {background: #f8f8f8;border: none;	color: #666;display: block;	font-size: 14px;line-height: 20px;padding: 15px;position: relative}
.testimonials blockquote::after, .testimonials blockquote::before {width: 0;height: 0;right: 0;	bottom: 0;content: " ";	position: absolute;
display: block}
.testimonials blockquote::before {border-bottom: 20px solid #e5e5e5;border-right: 0 solid transparent;border-left: 20px solid transparent;	border-left-style: inset;border-bottom-style: inset}
.testimonials blockquote::after {border-style: solid;border-width: 20px 20px 0 0;border-color: #0797c3 transparent transparent}
.testimonials .carousel-info img {border: 1px solid #f5f5f5;border-radius: 150px!important;	height: 75px;padding: 3px;	float: left;width: 75px;
margin-right: 15px}
.testimonials .carousel-info {overflow: hidden;padding: 10px 0}
.testimonials .carousel-info span {display: block}
.testimonials span.testimonials-name {color: #444;font-size: 16px;font-weight: 300;margin: 23px 0 7px}
.testimonials span.testimonials-post {color: #1872c5;font-size: 12px}
.footer {background: #000000;padding: 20px 0 0;float: left;width: 100%}
.footer-con ul li, .footer-nav ul li, .issue-con ul li, .issue-nav ul li {border-bottom: 0 solid #2c3136;padding-bottom: 5px;float: left}
.footer-nav {width: 22%;margin: 20px 0;float: left}
.footer h6 {font-size: 20px;color: #fff;margin-bottom: 20px;margin-top: 0;font-weight: 400;font-family: Ubuntu, Helvetica, Arial, sans-serif}
.footer-nav ul li a, .issue-nav ul li a {font-size: 14px;transition: all .5s ease;text-decoration: none}
.footer-nav ul {width: 100%;float: left}
.footer-nav ul li {width: 85%;margin-bottom: 10px}
.footer-nav ul li a {color: #ededed}
.footer-nav ul li a:hover {color: #fff;text-decoration: none}
.issue-nav {width: 22%;margin: 20px 0;float: left}
.issue-nav ul {width: 100%;float: left}
.issue-nav ul li {width: 90%;margin-bottom: 10px}
.issue-nav ul li a {color: #ededed; font-size:16px; font-family:Arial, Helvetica, sans-serif; font-weight:bold;}
.issue-nav ul li a:hover {color: #fff;text-decoration: none}
.footer-payment-card {width: 25%;margin: 20px 0 0;float: left}
.social-media {margin: 0px 0;float: left}
.social-media ul {float: left}
.social-media ul li {margin: 5px 8px;float: left}
.payment-card {width: 99%;margin: 0;float: left}
p.dis {color: #afafaf;font-size: 12px;font-weight: 400;line-height: 16px;text-align: justify;padding-right: 10px}
.footer-social {width: 20%;margin: 20px 0 20px 10px;float: left}
.footer-con {width: 23%;margin: -31px 0;	float: right}
.footer-con ul {width: 100%;float: left;color: #7b7b7b}
.footer-con ul li {margin-bottom: 10px}
.footer-con ul li a {font-size: 16px;color: #ededed;text-decoration: none;	line-height: 20px; font-weight:bold; font-family:Arial, Helvetica, sans-serif;}
.footer-bottom {background: #06a0fa;border-top: 0 solid #333;float: left;width: 100%;padding: 15px 0;margin-top: 10px}
.footer-bottom p {text-align: center;color: #fff;margin-bottom: 0}
.footer-bottom p.cop {float: left}
.footer-bottom p.cop a {font-size: 13px;padding-left: 5px;padding-right: 5px;color: #ccc}
.footer-bottom p.skrma {float: right}
@media only screen and (min-width:768px) and (max-width:1200px) {
.wrapper, header, header div#logo img {width: 100%}
header {height: 70px}
header div#logo {width: 110px}
#cssmenu>ul>li.has-sub>a {padding-right: 20px}
#cssmenu>ul>li a {padding: 26px 10px;font-size: 15px;margin-right: 0}
#cssmenu>ul>li.has-sub>a:before {top: 30px}
#cssmenu>ul>li.has-sub>a:after {top: 33px}
.serice-box ul li {line-height: 60px;width: 19%}
.callbacks .caption-new {top: 15px;font-size: 22px;width: 510px}
.callbacks .caption-new span {font-size: 25px;margin: 0}
.innbanner {background-position-x: -120px;background-size: 120%;padding: 20px 0 50px}
.leftbar {padding: 0 10px 10px 0}
.rightsidebar {padding: 0}
}
@media only screen and (min-width:768px) and (max-width:1000px) {
.wrapper, header, header div#logo img {width: 100%}
header {height: 70px}
header div#logo {width: 110px}
#cssmenu>ul>li.has-sub>a {padding-right: 20px}
#cssmenu>ul>li a {padding: 26px 4px;font-size: 13px;margin-right: 0}
#cssmenu>ul>li.has-sub>a:before {top: 30px}
#cssmenu>ul>li.has-sub>a:after {top: 33px}
.serice-box ul li {line-height: 60px;width: 19%}
.callbacks .caption-new {top: 15px;font-size: 22px;	width: 510px}
.callbacks .caption-new span {font-size: 25px;	margin: 0}
.callbacks img {width: 120%}
.innbanner {background-position-x: -304px;	background-size: 160%;padding: 20px 0 50px}
.leftbar {padding: 0 10px 10px 0}
.rightsidebar {padding: 0}
}
@media only screen and (min-width:480px) and (max-width:767px) {
.callbacks img, .wrapper, header {width: 100%}
header {height: auto;padding-top: 7px;padding-bottom: 5px}
header div#logo {padding-top: 4px}
.button {top: -46px}
.repair-right h1 {margin-bottom: 15px;font-size: 20px}
.hide {display: none}
#cssmenu>ul>li a {padding: 10px 15px}
.callbacks img {z-index: 1}
.callbacks .caption-new {font-size: 15px;line-height: 25px;color: #fff;top: 15px;padding: 5px;left: 1%;width: 100%}
.callbacks .caption-new span {clear: both;margin: 5px 0 0;font-size: 13px}
.callbacks .caption-new span strong {font-size: 20px}
.serice-box {margin-top: 0;padding: 20px 0 0}
.serice-box ul li {width: 49%;border: none;	padding-bottom: 0}
.serice-box ul li p {font-size: 15px}
.circle {background-color: #09F}
.footer-con, .footer-nav, .footer-payment-card, .issue-nav, .repair-left, .repair-pad, .repair-right, .testi-box {width: 100%;padding: 0}
.services-box {width: 100%;padding: 0;margin-bottom: 15px}
.caption-inner, .leftbar, .rightsidebar {float: left;width: 100%;padding: 10px}
.innbanner {background: #376794;float: left;width: 100%;height: auto;padding: 20px 0}
.repairlist li {width: 100%}
.rightsidebar{margin-top: 0px}
.discl{width:100%}
}
@media only screen and (min-width:320px) and (max-width:479px) {
.wrapper, header {width: 100%}
header {height: auto;padding-top: 7px;padding-bottom: 5px}
header div#logo {padding-top: 4px}
.button {top: -46px}
.repair-right h1 {margin-bottom: 15px;font-size: 20px}
.hide {display: none}
#cssmenu>ul>li a {padding: 10px 15px}
.callbacks img {z-index: 1;	width: 100%}
.callbacks .caption-new {font-size: 15px;line-height: 25px;	color: #fff;top: 15px;padding: 5px;	left: 1%;width: 65%}
.callbacks .caption-new span {clear: both;margin: 5px 0 0;font-size: 13px}
.callbacks .caption-new span strong {font-size: 20px}
.serice-box {margin-top: 0;padding: 20px 0 0}
.serice-box ul li {	width: 49%;	border: none;padding-bottom: 0}
.serice-box ul li p {font-size: 15px}
.circle {background-color: #09F}
.footer-con, .footer-nav, .footer-payment-card, .issue-nav, .repair-left, .repair-pad, .repair-right, .testi-box {width: 100%;padding: 10px}
a.red {width: 32%;}
.ylow_clr a {line-height: 1px;	padding-bottom: 10px;clear: both;}
.services-box {width: 100%;	padding: 0;margin-bottom: 15px}
.caption-inner, .leftbar, .rightsidebar {float: left;width: 100%;padding: 10px}
.rightsidebar{margin-top: 0px}
.innbanner {background: #376794;float: left;width: 100%;height: auto;padding: 20px 0}
.repairlist li {width: 100%}
.discl{width:100%}
}
.client-list{
}