@charset "utf-8";
/* CSS Document */

html,body,div,span,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;outline:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:top}

:focus{outline:0}

.clr {clear: both; margin: 0px; padding: 0px; }

article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}

nav ul{list-style:none}

body{line-height:normal}

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}

input,select{vertical-align:middle}

abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}

mark{background-color:#ff9;color:#000;font-style:italic;font-weight:bold}

del{text-decoration:line-through}

ins{background-color:#ff9;color:#000;text-decoration:none}

body{font-family:'Monda',Arial,Helvetica,sans-serif;font-size:13px;color:#333;line-height:19px}

h1,h2,h3,h4,h5,h6{font-weight:normal;line-height:normal;margin:0;font-family:'Source Sans Pro',sans-serif}

h1,h2,h3{color:#069}

h4,h5,h6{color:#069}

h1,h2{font-size:20px;padding:0 0 15px}

h3{font-size:18px;padding:0 0 10px}

h4{font-size:16px;padding:0 0 6px}

h5{font-size:17px;padding:0 0 5px}

h6{font-size:12px;padding:0 0 4px}

a:link,a:visited{color:#616161;text-decoration:underline}

a:focus,a:hover{color:#069;text-decoration:none}

a:active{color:#069;text-decoration:none}

p{padding:0 0 10px 0}

h1 img,h2 img,h3 img,h4 img,h5 img,h6 img{margin:0}

.fl{float:left}

.fr{float:right}

blockquote{margin:1.5em;color:#666;font-style:italic}

strong,dfn,b{font-weight:bold}

em,dfn{font-style:italic}

sup,sub{line-height:0;font-size:.6em}

sup{vertical-align:super}

sub{vertical-align:sub}

abbr,acronym{border-bottom:1px dotted #666}

address{margin:0 0 1.5em;font-style:italic}

del{color:#666}

pre{margin:1.5em 0;white-space:pre}

pre,code,tt{font:1em'andale mono','lucida console',monospace;line-height:1.5}

ul,ol{margin:0 0 1.5em 0;padding-left:1.5em}

li ul,li ol{margin:0}

ul{list-style-type:disc}

ol{list-style-type:decimal}

dl{margin:0 0 1.5em 0}

dl dt{font-weight:bold}

dd{margin-left:1.5em}

table{margin-bottom:10px;width:100%}

th{font-weight:bold}

thead th{background:#c3d9ff}

th,td,caption{padding:4px 10px 4px 5px}

tfoot{font-style:italic}

caption{background:#eee}

small{font-size:11px}

.red,.require,.star{color:#F00}

.center{text-align:center}

.right{text-align:right}

.justify{text-align:justify}

.clearing,.flowfix{overflow:hidden;width:100%}

.overfix{overflow:hidden}

.clr{clear:both;line-height:0;height:0;display:block}

.section{float:left;width:100%;clear:both}

.one_half{width:49%;float:left;padding-right:2%;padding-bottom:12px}

.one_half.last{width:49%;float:right;padding-right:0}

.one_third{width:32%;float:left;padding-right:2%;padding-bottom:12px}

.one_third.last{width:32%;float:right;padding-right:0}

.two_third{width:66%;float:left;padding-right:2%;padding-bottom:12px}

.two_third.last{width:66%;float:right;padding-right:0}

.one_fourth{width:23.5%;float:left;padding-right:2%;padding-bottom:12px}

.one_fourth.last{width:23.5%;float:right;padding-right:0}

.three_fourth{width:74.5%;float:left;padding-right:2%;padding-bottom:12px}

.three_fourth.last{width:74.5%;float:right;padding-right:0}

.one_half+.one_half,.one_third+.two_third,.two_third+.one_third,.one_third+.one_third+.one_third,.one_fourth+.one_fourth+.one_half,.one_fourth+.one_half+.one_fourth,.one_half+.one_fourth+.one_fourth,.one_fourth+.three_fourth,.three_fourth+.one_fourth,.one_fourth+.one_fourth+.one_fourth+.one_fourth{float:right;padding-right:0}

.main,.container{width:960px;margin:0 auto}

.row{display:block;float:left;margin-bottom:20px}

.grid,[class*="grid"]{float:left;margin-left:10px;margin-right:10px}

.grid.first,[class*="grid"].first{margin-left:0}

[class*="grid"] [class*="grid"]:first-child{margin-left:0}

.grid.last,[class*="grid"].last{margin-right:0}

[class*="grid"] [class*="grid"]:last-child{margin-right:0}

.grid1{width:60px}

.grid2{width:140px}

.grid3{width:220px}

.grid4{width:300px}

.grid5{width:380px}

.grid6{width:460px}

.grid7{width:540px}

.grid8{width:620px}

.grid9{width:700px}

.grid10{width:780px}

.grid11{width:860px}

.grid12{width:940px}

body{background:#fff;color:#000;font-size:14px;line-height:20px;font-family:'Source Sans Pro',sans-serif;}

.main{width:960px;margin:0 auto;position:relative}

#hwrap{background:#f0f0f0 url(../images/header_border.png) repeat-x 0 0}

#header .header{overflow:hidden;padding:0 10px 2px}

#logo{width:380px;margin-top:13px}

#top{width:560px;text-align:right;color:#262626;font-size:18px;line-height:24px;font-family:'Source Sans Pro',sans-serif}

.top-nav{background:#fff url(../images/topnav_bg.png) repeat-x 100% 100%;height:36px;margin-top:3px;border:1px solid #b9b9b9;border-top:0 none;border-radius:0 0 6px 6px;-webkit-border-radius:0 0 6px 6px;-moz-border-radius:0 0 6px 6px;-ms-border-radius:0 0 6px 6px;-o-border-radius:0 0 6px 6px;display:inline-block;margin-bottom:8px}

.top-nav ul{list-style:none;padding:0;margin:0;float:right}

.top-nav ul li{float:left;background:url(../images/topnav_sep.png) no-repeat 0 16px;padding-left:3px}

.top-nav ul li:first-child,.top-nav ul li.first{background:0;padding-left:0}

.top-nav ul li:last-child,.top-nav ul li.last{background:url(../images/lang_sep.png) no-repeat 0 0;color:#4b4a4a;display:block;font-family:Arial,Helvetica,sans-serif;font-size:12px;font-weight:bold;line-height:18px;padding:10px 14px;text-decoration:none;text-shadow:1px 1px 0 #fff}

.top-nav ul li a{color:#4b4a4a;font-size:12px;line-height:18px;font-family:Arial,Helvetica,sans-serif;text-decoration:none;font-weight:bold;padding:10px 14px;display:block;text-shadow:1px 1px 0 #fff}

.top-nav ul li a:hover,.top-nav ul li a.active{color:#069}

.call{float:right;margin-left:20px;color:#616161;font-size:14px;line-height:20px;font-family:'Source Sans Pro',sans-serif;font-weight:bold}

.call span{background:url(../images/icon_phone.png) no-repeat 0 1px;padding-left:30px;padding-bottom:3px;display:block;font-size:24px}

.info a{color:#616161;font-size:24px;line-height:30px;text-decoration:none;display:block;margin-top:13px}

.info a:hover{color:#069}

#nwrap{border-bottom:10px solid #069;background:#f0f0f0}

#nav{padding:0 10px}

.nav{background:#069 url(../images/nav_bg.png) repeat-x 0 0;border-radius:6px 6px 0 0;-webkit-border-radius:6px 6px 0 0;-moz-border-radius:6px 6px 0 0;-ms-border-radius:6px 6px 0 0;-o-border-radius:6px 6px 0 0;float:left;width:100%}

.nav ul{margin:0;padding:0;list-style:none;float:left;width:103%}

.nav ul li{float:left;background:url(../images/nav_sep.png) no-repeat 100% 3px;padding-right:2px}

.nav ul li a{color:#fff;font-size:13px;line-height:19px;font-family:'Source Sans Pro',sans-serif;font-weight:700;padding:9px 9px 8px;display:block;text-decoration:none;text-transform:uppercase;text-shadow:1px 1px 0 #085880}

.nav ul li:last-child,.nav ul li.last{padding-right:0;background:0}

.nav ul li a:hover,.nav ul li a.active{color:#00e4d5}

#bnwrap{border-bottom:1px solid #e4e4e4;background:#f0f0f0}

#banner{padding:11px 10px 4px; overflow:hidden}

.banner{float:left;width:620px;margin-right:20px; margin-bottom: 10px;}

.banner ul{list-style:none;padding:0;margin:0}

ul.bxslider{padding:0}

.bn-sidebar{float:left;width:300px}

.bn-wg1{background:#069 url(../images/get_quote_bg.png) no-repeat 100% -5px;margin-bottom:10px}

.bn-wg1 .inner{background:url(../images/customer_mng.png) no-repeat 0 3px}

.bn-wg1 h2{color:#fff;font-size:26px;line-height:30px;font-family:'Source Sans Pro',sans-serif;font-weight:600;padding:24px 10px 25px 110px;text-transform:uppercase}

.bn-wg1 h2 a{color:#fff;text-decoration:none;display:block}

.bn-wg1 h2 a:hover{color:#00e4d5;text-decoration:none}

.bn-wg1 h2 span{font-size:24px;font-weight:400;text-transform:capitalize}

.bn-wg2{background:#069;color:#fff;font-size:16px;line-height:22px;font-family:'Source Sans Pro',sans-serif;font-weight:400;padding:12px 20px 13px;text-align:right}

.bn-wg2 h2{color:#fff;font-size:24px;line-height:30px;font-weight:600;padding-bottom:8px}

#intro-wrap{background:#fff url(../images/introbox_bg.png) repeat 0 0;text-align:center;border-bottom:1px solid #e4e4e4}

.intro{color:#353535;font-size:18px;line-height:24px;font-family:'Source Sans Pro',sans-serif;font-weight:400;padding:26px 10px 25px}

.intro h1{color:#069;font-size:30px;line-height:34px;font-family:'Source Sans Pro',sans-serif;font-weight:700}

.intro a{color:#353535;text-decoration:none}

.intro a:hover{color:#069}

#wrap{background:#f4f4f6 url(../images/wrap_bg.png) repeat 0 0}

.wrapper{padding:40px 0 44px}

.content{overflow:hidden}

.content small{font-size:12px}

.content hr{color:#e4e4e4;border:0 none;border-top:1px solid #d3d3d3;margin:6px 0 16px}

.featured{text-align:center}

.cont-wg{display:inline-block;width:291px;text-align:center;color:#353535;font-size:16px;line-height:22px;font-family:'Source Sans Pro',sans-serif;margin:0 10px 30px}

.cont-wg .inner{min-height:76px}

.cont-wg h2{color:#000;font-size:18px;line-height:24px;background:#069;padding:15px 13px;text-indent:-999em;height:50px;width:50px;margin-bottom:12px;display:inline-block;border-radius:8px;-webkit-border-radius:8px;-moz-border-radius:8px;-ms-border-radius:8px;-o-border-radius:8px}

.cont-wg h2 span{color:#000;font-size:18px;line-height:24px;background:url(../images/icon_phone_voip.png) no-repeat 50% 50%;height:1px;padding-top:49px;display:block}

.cont-wg h3{color:#000;font-size:18px;line-height:24px;font-weight:600}

.cont-wg2 h2 span{background:url(../images/icon_connectivity_info.png) no-repeat 50% 50%}

.cont-wg3 h2 span{background:url(../images/icon_web_market.png) no-repeat 50% 50%}

.cont-wg4 h2 span{background:url(../images/icon_marchant.png) no-repeat 50% 50%}

.cont-wg5 h2 span{background:url(../images/icon_security.png) no-repeat 50% 50%}

ul.icon-list{list-style:none;padding:0;margin-bottom:14px}

ul.icon-list li{background:url(../images/icon_tick.png) no-repeat 0 1px;padding-bottom:4px;padding-left:20px}

.equipment .contact span{font-weight:700;width:54px;display:inline-block}

.sitemap ul li a{text-decoration:none}

.contact-form{float:left;width:500px;margin-right:40px}

a.more-link{background:#535353 url(../images/icon_readmore.png) repeat-x 0 0;padding:7px 23px;display:inline-block;width:auto;cursor:pointer;color:#fff;font-size:13px;line-height:19px;font-weight:400;font-family:'Source Sans Pro',sans-serif;text-decoration:none;margin:0 0 6px;text-transform:uppercase;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px}

a.more-link:hover{background:#707070;text-decoration:none}

a.button{background:#54c8ec url(../images/btn_bg.png) repeat-x 0 0;padding:7px 20px;display:inline-block;width:auto;cursor:pointer;color:#fff;font-size:20px;line-height:36px;font-weight:400;font-family:'Source Sans Pro',sans-serif;text-decoration:none;margin:0 0 6px;text-transform:uppercase;border-radius:6px}

a.button span{background:url(../images/icon_arrow.png) no-repeat 100% 4px;padding-right:21px}

a.button:hover{background:#45bae5;text-decoration:none}

img{max-width:100%}

img.alignright{float:right;margin:0 0 10px 30px;clear:right}

img.alignleft{float:left;margin:0 25px 10px 0;clear:left}

img.alignalone{margin:5px auto 8px}

img.alignnone{margin:8px 10px 10px 0}

.bt-indent{margin-bottom:15px}

.form{margin-bottom:10px}

.form .form p{padding:0 0 5px}

.form p.form-button{padding-left:190px}

.form label{display:inline-block;width:185px}

.form .note{font-size:11px;display:inline-block;padding:10px 0 0 10px}

.form span.required{color:#F00}

form input.inputbox,input.sizehalf,form select,form textarea{width:275px;padding:4px 5px 4px;font-family:Arial,Helvetica,sans-serif;font-size:12px;color:gray;border:1px solid #d7d7d7;margin:0}

form textarea{height:60px}

form select.select{width:267px}

form select{padding:5px 4px 5px 7px}

form input.inputbox:focus,input.sizehalf:focus,form select:focus,form textarea:focus{border-color:#b0b0b0;color:#4a4a4a}

form input.invalid,form textarea.invalid,form input.invalid:focus,form textarea.invalid:focus{border-color:#C00}

form span.inline-blocker{display:inline-block;width:63%;float:right}

form span.inline{width:85%;display:inline-block}

.button{background:#069;font-size:14px;font-weight:bold;border:0 none;border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;padding:5px 15px 6px;color:#fff;text-transform:uppercase;margin:5px 0 0;cursor:pointer;text-shadow:1px 1px 0 #185b8d}

.button:hover{cursor:pointer;background:#535353}

.button:active{cursor:pointer;background:#535353}

.form label.type{float:left;height:110px}

.form label.checkbox{display:inline-block;width:auto}

.checktype{overflow:hidden}

.checktype input.check{margin-top:4px;margin:4px 8px 6px 3px}

.checktype span.inline-blocker{display:inline-block;width:31%;float:left}

.notify,.error,.success{margin:5px 25px 15px 0;padding:7px 10px 10px 55px !important;font-size:13px !important;font-family:Arial,Helvetica,sans-serif;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px}

.notify{background:#ffdb91 url(../images/warning.png) no-repeat 10px 50%;border:2px solid #ffc44a}

.error{background:#f5b5a9 url(../images/error.png) no-repeat 10px 50%;border:2px solid #eb5339}

.success{background:#e2ff7d url(../images/succes.png) no-repeat 10px 50%;border:2px solid #99c600}

.require{border:1px solid #F00;float:left;padding:5px 4px !important;border-radius:3px 3px 3px 3px;-moz-border-radius:3px 3px 3px 3px;-webkit-border-radius:3px 3px 3px 3px}

#btft-wrap{background:#069}

.btfeature{overflow:hidden;padding:26px 0 24px}

.btfeature .btft-wg{float:left;width:172px;margin:0 10px;text-align:center;color:#fff;font-size:14px;line-height:20px;font-family:'Source Sans Pro',sans-serif;font-weight:400}

.btfeature .btft-wg h3{color:#fff;font-size:18px;line-height:24px;font-family:'Source Sans Pro',sans-serif;font-weight:700;padding-bottom:8px}

#btwrap{background:#cecece;border-bottom:1px solid #dadada}

.bottom{overflow:hidden;padding:24px 0 20px}

.bottom .bt-wg{float:left;width:300px;margin:0 10px}

.bottom .bt-wg a{color:#272727}

.bottom .bt-wg a:hover{color:#069}

.bt-wg ul{list-style:none;padding:0;margin:0}

.bt-wg ul li{background:url(../images/icon_list.png) no-repeat 0 7px;padding-left:13px;padding-bottom:4px}

.bt-wg ul li a{color:#272727;font-size:14px;line-height:20px;font-family:'Source Sans Pro',sans-serif;font-weight:400;text-decoration:none}

.bt-wg ul li a:hover{color:#069}

.bt-wg3 h4{font-size:16px;line-height:20px;font-weight:700;text-transform:uppercase}

.bt-wg .social{list-style:none;padding:0}

.bt-wg .social li{display:inline-block;margin-right:5px;padding:0;background:0}

.bt-wg .social li a{background-image:url(../images/icon_fb.png);background-repeat:no-repeat;background-position:0 0;height:2px;width:2px;padding:15px;display:block;text-indent:-999em;overflow:hidden;opacity:.7;filter:alpha(opacity=70);transition:.3s all 0;-webkit-transition:.3s all 0;-moz-transition:.3s all 0;-ms-transition:.3s all 0;-o-transition:.3s all 0}

.bt-wg .social li a:hover{opacity:1;filter:alpha(opacity=100)}

.bt-wg .social li.tw a{background-image:url(../images/icon_tw.png)}

.bt-wg .social li.wp a{background-image:url(../images/icon_wp.png)}

.bt-wg .social li.thumb a{background-image:url(../images/icon_thumb.png)}

.bt-wg .social li.gplus a{background-image:url(../images/icon_gplus.png)}

.bt-wg .social li.feed a{background-image:url(../images/icon_feed.png)}

#fwrap{background:#b2b2b2}

.footer{color:#414141;font-size:14px;line-height:20px;padding:20px 10px 16px;text-align:center}

.footer a{color:#414141;text-decoration:none}

.footer a:hover{color:#069;text-decoration:none}

.mobile-nav {background:#069 url(../images/nav_bg.png) repeat-x 0 0;border:none;float:left;width:100%; margin: 0px 0px 20px; padding: 0px; }

.mobile-nav ul {margin: 0px; padding: 0px; list-style: none; }

.mobile-nav ul li {margin: 0px; padding: 0px 10px; list-style: none; line-height: 30px; border-bottom: 1px solid #FFF; color: #fff  }

.mobile-nav ul li a {display: block; color: #fff; text-decoration: none; }

.left-side.sb-slidebar .left-contact {margin: 5%;}

.left-side.sb-slidebar .call {font-size: 12px; }

.left-side.sb-slidebar .info {font-size: 12px; }

.left-side.sb-slidebar .call a { font-size: 16px; line-height: 20px; margin-top: 10px; text-decoration: none; }

.left-side.sb-slidebar .info a { color: #616161; display: block; font-size: 16px; font-weight: bold; line-height: 20px; margin-top: 20px; text-decoration: none; }

#side-logo { width: 100% !important; max-width: 200px; margin: 10px 0px; text-align: center; display: block; float: none; }

#side-logo img {width: 94% !important; max-width: 200px !important; height: auto !important; margin: 0px auto; padding: 0px 3%; }

.mobile-menu {margin-top: 3px; display: block; max-width: 100px;}

#showLeftPush span{display: block; width:16px; height:16px; background: url("../images/menu-mobile.png") rgba(255,255,255,0.5) center center no-repeat; text-indent:-9999px; padding: 9px; margin-left:10px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; border-bottom-right-radius: 5px; -moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; border-bottom-left-radius: 5px; }

#showLeftPush span:hover {background: url("../images/menu-mobile-hover.png") rgba(255,255,255,0.5) center center no-repeat; }

#slider { max-width: 620px; text-align: center; margin: 0 auto; }
#overflow { width: 100%; overflow: hidden; }
#slides .inner { width: 500%; }
#slides .inner { -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -o-transform: translateZ(0); -ms-transform: translateZ(0);
  transform: translateZ(0); -webkit-transition: all 800ms cubic-bezier(0.770, 0.000, 0.175, 1.000); -moz-transition: all 800ms cubic-bezier(0.770, 0.000, 0.175, 1.000); -o-transition: all 800ms cubic-bezier(0.770, 0.000, 0.175, 1.000); -ms-transition: all 800ms cubic-bezier(0.770, 0.000, 0.175, 1.000);
  transition: all 800ms cubic-bezier(0.770, 0.000, 0.175, 1.000); -webkit-transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000); -moz-transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000); -o-transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000); -ms-transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000); transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000); }
#slides article { width: 20%; float: left; }
#slide1:checked ~ #slides .inner { margin-left: 0; }
#slide2:checked ~ #slides .inner { margin-left: -100%; }
#slide3:checked ~ #slides .inner { margin-left: -200%; }
#slide4:checked ~ #slides .inner { margin-left: -300%; }
#slide5:checked ~ #slides .inner { margin-left: -400%; }
input[type="radio"] { display: none; }
#slider label { background: #CCC; display: inline-block; cursor: pointer; width: 10px; height: 10px; border-radius: 5px; margin: 5px 5px 0px;  }
#slide1:checked ~ label[for="slide1"], #slide2:checked ~ label[for="slide2"], #slide3:checked ~ label[for="slide3"], #slide4:checked ~ label[for="slide4"], #slide5:checked ~ label[for="slide5"] { background: #333; }

/* Smartphones */

@media (max-width: 480px) {

    .section {float: none; width: 100%; max-width: 480px; }

    .main { width: 100%; max-width: 480px; margin: 0px; position: relative; }

    #header .header {padding: 0px 0px;}

    .top-nav { position: absolute; top: 0px; right: 0px;  }

    .top-nav ul {  margin: 0px; padding: 0px;  }

    .top-nav ul li {  margin: 0px; padding: 10px 10px 5px 10px; }

    .top-nav ul li:last-child, .top-nav ul li.last {display: none;}

    .top-nav ul li:first-child, .top-nav ul li.first { text-shadow: none; padding: 10px 10px 5px 10px;}

    .top-nav ul li a {padding: 0px; margin: 0px; text-shadow: none;}

    #logo { width: 100% !important; max-width: 480px; margin: 5px 0px 5px; text-align: center; display: block; float: none; }

    #logo img {width: 94% !important; max-width: 336px !important; height: auto !important; margin: 0px auto; padding: 0px 3%; }

    #top {width: 94%; max-width: 480px; padding: 0% 3%; }

    #top .call { display: none; }

    #top .info { display: none; }

    #nav .nav {display: none;}

    #banner { margin: 10px 0px 0px; padding: 0px;}

    .banner { width: 94%; max-width: 480px; margin: 0px 0px 10px; padding: 0px 3%; position: relative; }

    .banner img { width: 100%; max-width: 480px; height: auto; margin: 0px; position: relative; }   

    .bn-sidebar { width: 94%; max-width: 480px; margin: 0px; padding: 0px 3%; position: relative; }

    .bn-wg2 {padding: 10px 5px;}

    .bn-wg2 p { font-size: 16px;  }

    .intro {padding: 10px 3%;}

    .intro h1 {font-size: 18px; line-height: 24px }

    .intro p {font-size: 14px; }

    .intro br {display: none;}

    .wrapper {padding: 10px 0px;}

    .content { width: 100%; max-width: 480px; margin: 0px; padding: 0px; }

    .cont-wg { width: 100%; max-width: 480px; margin: 0px 0px 10px; padding: 0px 0px; border-bottom: 1px solid #707070; line-height: 18px;}

    .cont-wg5 {border-bottom: none;}

    .cont-wg a.more-link {float: right;}

    .cont-wg .inner {min-height: 50px;}

    .cont-wg h2 {float: left; margin-right: 10px; margin-bottom: 20px; }

    .cont-wg h3 {font-size: 16px; line-height: 20px; text-align: left; }

    .cont-wg p {text-align: justify; font-size: 14px; padding: 0px 5px;}

    .cont-wg br {display: none;}

    .wrapper {  width: 94%; max-width: 480px; margin: 10px 0px; padding: 0px 3% !important;  }

    .wrapper iframe  {width: 100% !important; height: 225px;}
    
    .mobile-visibility iframe {width: 94% !important; height: 225px; padding: 0 3%;}

    .btfeature .btft-wg {width: 46%; padding: 0% 2%; float: left; max-width: 240px; margin: 0px;  }

    .grid12, .grid4 { width: 100%; max-width: 480px; margin: 0px; padding: 0px !important; }    

    .grid12 p, .grid4 p {padding: 0px;}    

    img.alignright {float: none; display: block;  width: 100%; max-width: 480px; height: auto; margin: 0px; padding: 0px; }    

    .bt-wg ul li a {display: block; }    

    .contact-form {width: 100%; max-width: 480px !important; margin: 0px; padding: 0; float: none; }    

    .form label {display: block;} 

    form input.inputbox, input.sizehalf, form select, form textarea { width: 100% !important; max-width: 480px; padding: 4px 0px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }    

    .one_half, .one_half + .one_half, .one_third + .two_third, .two_third + .one_third, .one_third + .one_third + .one_third, .one_fourth + .one_fourth + .one_half, .one_fourth + .one_half + .one_fourth, .one_half + .one_fourth + .one_fourth, .one_fourth + .three_fourth, .three_fourth + .one_fourth, .one_fourth + .one_fourth + .one_fourth + .one_fourth {float: none; width: 100%; }    

    .checktype span.inline-blocker, form span.inline-blocker {float: left; width: 45%; display: inline-block; }    

    .bt-indent img { width: 100%; max-width: 480px; height: auto; margin: 0px; padding: 0px 0px;}    

    .form label.type {height: auto; width: 100%; display: block; }    

    .form p.form-button {float: right; text-align: right; padding: 0px; }    

    .form p.form-button span.note {display: block;}    

    ul.icon-list {width: 100%; margin: 0px; padding: 0px; }

    #slider label { width: 20px; height: 20px; border-radius: 10px; }
    
    .mobile-hidden {display: none;}
}   



/* Smartphones to Tablets */

@media (min-width: 481px) and (max-width: 767px) { 

     .section {float: none; width: 100%; max-width: 767px; }

    .main { width: 100%; max-width: 767px; margin: 0px; position: relative; }

    #header .header {padding: 0px 0px;}

    #logo {float: left; width: 49%; max-width: 380px; overflow: hidden; }

    #logo img {width: 94% !important; max-width: 336px !important; height: auto !important; margin: 0px auto; padding: 0px 3%; }

    #top {width: 49%; max-width: 380px; float: right; overflow: hidden;}

    #top .call {display: block; margin: 20px 10px 0px 0px; font-size: 16px; line-height: 24px; font-weight: normal;}

    #top .call span {display: inline-block; padding: 0px 25px 0px 0px; font-size: 16px; font-weight: normal; background: url("../images/icon_phone.png") no-repeat scroll right 0px rgba(0, 0, 0, 0); }

    #top .info {display: block; margin: 5px 10px 0px 0px;}

    #top .info a {font-size: 16px; font-weight: normal; }

    .top-nav { position: absolute; top: 0px; right: 0px;  }

    .top-nav ul {  margin: 0px; padding: 0px;  }

    .top-nav ul li {  margin: 0px; padding: 10px 10px 5px 10px; }

    .top-nav ul li:last-child, .top-nav ul li.last {display: none;}

    .top-nav ul li:first-child, .top-nav ul li.first { text-shadow: none; padding: 10px 10px 5px 10px;}

    .top-nav ul li a {padding: 0px; margin: 0px; text-shadow: none;}

    #nav .nav {display: none;}

    #banner { margin: 10px 0px 0px; padding: 0px;}

    .banner { width: 96%; max-width: 767px; margin: 0px 0px 10px; padding: 0px 2%; position: relative; }

    .banner img { width: 100%; max-width: 767px; height: auto; margin: 0px; position: relative; }   

    .bn-sidebar { width: 96%; max-width: 767px; margin: 0px; padding: 0px 2%; position: relative; }

    .bn-wg1 {width: 49%; padding: 0; margin: 0px 1% 0 0; float: left; height: 110px; max-height: 110px; overflow: hidden; }
    
    .bn-wg1 h2 {font-size: 20px; padding-top: 15px; height: 100px;}

    .bn-wg2 {padding: 0; margin: 0 0 0 1%; width: 49%; float: right; height: 110px; max-height: 110px; overflow: hidden; text-align: center; }
    
    .bn-wg2 h2 {font-size: 20px; padding-top: 5px; line-height: 100%;}

    .bn-wg2 p { font-size: 14px; line-height: 120%;  }

    .intro {padding: 10px 3%;}

    .intro h1 {font-size: 18px; line-height: 24px }

    .intro p {font-size: 14px; }

    .intro br {display: none;}

    .wrapper {padding: 10px 0px;}

    .content { width: 100%; max-width: 767px; margin: 0px; padding: 0px; }

    .cont-wg { width: 100%; max-width: 767px; margin: 0px 0px 10px; padding: 0px 0px; border-bottom: 1px solid #707070; line-height: 18px;}

    .cont-wg5 {border-bottom: none;}

    .cont-wg a.more-link {float: right;}

    .cont-wg .inner {min-height: 50px;}

    .cont-wg h2 {float: left; margin-right: 10px; margin-bottom: 20px; }

    .cont-wg h3 {font-size: 16px; line-height: 20px; text-align: left; }

    .cont-wg p {text-align: justify; font-size: 14px; padding: 0px 5px;}

    .cont-wg br {display: none;}

    .wrapper {  width: 94%; max-width: 767px; margin: 10px 0px; padding: 0px 3% !important;  }

    .wrapper iframe  {width: 100% !important; height: 450px;}
    
    .mobile-visibility iframe {width: 96% !important; height: 450px; padding: 0 2%;}

    .btfeature .btft-wg {width: 46%; padding: 0% 2%; float: left; max-width: 380px; margin: 0px;  }
    
    .btfeature .btft-wg2:after, .btfeature .btft-wg4:after {clear: both; margin: 0px 0px 20px; padding: 0px;  content:''; display:block; }

    .grid12 { width: 100%; max-width: 767px; margin: 0px; padding: 0px !important; }   
    
    .grid4  { width: 30%; max-width: 255px; margin: 0px; padding: 0px !important; float: right; } 

    .grid12 p, .grid4 p {padding: 0px;}      

    .bt-wg ul li a {display: block; }    
    
    .bottom .bt-wg {width: 46%; padding: 0% 2%; float: left; max-width: 380px; margin: 0px;  }
    
    .bottom .bt-wg:after {clear: both; margin: 0px; padding: 0px;}
    
    .bottom .bt-wg3 {width: 100%; max-width: 767px; display: block; text-align: center;}

    .contact-form {width: 100%; max-width: 767px !important; margin: 0px; padding: 0; float: none; }    
    
    .bt-indent { width: 100%; max-width: 767px; }

    .bt-indent img { width: 100%; max-width: 767px; height: auto; margin: 0px; padding: 0px 0px;}    

    .form label.type {height: auto; width: 100%; display: block; }    

    .form p.form-button {float: right; text-align: right; padding: 0px; }    

    .form p.form-button span.note {display: block;}    

    ul.icon-list {width: 100%; margin: 0px; padding: 0px; float: left; }
    
    ul.icon-list.grid4 {width: 33%; margin: 0px; padding: 0px; float: left; }
    
    #slider { max-width: 767px; text-align: center; margin: 0 auto; }
    
    .rightside.fl { width: 100%; max-width: 767px; height: auto; margin: 0px; padding: 0px 0px;}  
    
    #slider label { width: 20px; height: 20px; border-radius: 10px; }
    
    .mobile-hidden {display: none;}
}





/* Tablets */

@media (min-width: 768px) and (max-width: 959px) { 
    
    .section {float: none; width: 100%; max-width: 959px; }

    .main { width: 100%; max-width: 959px; margin: 0px; position: relative; }

    #header .header {padding: 0px 0px;}

    #logo {float: left; width: 49%; max-width: 475px; overflow: hidden; }

    #logo img {width: 94% !important; max-width: 336px !important; height: auto !important; margin: 0px auto; padding: 0px 3%; }

    #top {width: 49%; max-width: 475px; float: right; overflow: hidden;}

    #top .call {display: block; margin: 20px 10px 0px 0px; font-size: 16px; line-height: 24px; font-weight: normal;}

    #top .call span {display: inline-block; padding: 0px 25px 0px 0px; font-size: 16px; font-weight: normal; background: url("../images/icon_phone.png") no-repeat scroll right 0px rgba(0, 0, 0, 0); }

    #top .info {display: block; margin: 5px 10px 0px 0px;}

    #top .info a {font-size: 16px; font-weight: normal; }

    .top-nav { position: absolute; top: 0px; right: 0px;  }

    .top-nav ul {  margin: 0px; padding: 0px;  }

    .top-nav ul li {  margin: 0px; padding: 10px 10px 5px 10px; }

    .top-nav ul li:last-child, .top-nav ul li.last {display: none;}

    .top-nav ul li:first-child, .top-nav ul li.first { text-shadow: none; padding: 10px 10px 5px 10px;}

    .top-nav ul li a {padding: 0px; margin: 0px; text-shadow: none;}

    #nav .nav {display: none;}

    #banner { margin: 10px 0px 0px; padding: 0px;}

    .banner { width: 96%; max-width: 959px; margin: 0px 0px 10px; padding: 0px 2%; position: relative; }

    .banner img { width: 100%; max-width: 959px; height: auto; margin: 0px; position: relative; }   

    .bn-sidebar { width: 96%; max-width: 959px; margin: 0px; padding: 0px 2%; position: relative; }

    .bn-wg1 {width: 49%; padding: 0; margin: 0px 1% 0 0; float: left; height: 110px; max-height: 110px; overflow: hidden; }
    
    .bn-wg1 h2 {font-size: 20px; padding-top: 15px; height: 100px;}

    .bn-wg2 {padding: 0; margin: 0 0 0 1%; width: 49%; float: right; height: 110px; max-height: 110px; overflow: hidden; text-align: center; }
    
    .bn-wg2 h2 {font-size: 20px; padding-top: 5px; line-height: 100%;}

    .bn-wg2 p { font-size: 14px; line-height: 120%;  }

    .intro {padding: 10px 3%;}

    .intro h1 {font-size: 18px; line-height: 24px }

    .intro p {font-size: 14px; }

    .intro br {display: none;}

    .wrapper {padding: 10px 0px;}

    .content { width: 100%; max-width: 959px; margin: 0px; padding: 0px; }

    .cont-wg { width: 100%; max-width: 959px; margin: 0px 0px 10px; padding: 0px 0px; border-bottom: 1px solid #707070; line-height: 18px;}

    .cont-wg5 {border-bottom: none;}

    .cont-wg a.more-link {float: right;}

    .cont-wg .inner {min-height: 50px;}

    .cont-wg h2 {float: left; margin-right: 10px; margin-bottom: 20px; }

    .cont-wg h3 {font-size: 16px; line-height: 20px; text-align: left; }

    .cont-wg p {text-align: justify; font-size: 14px; padding: 0px 5px;}

    .cont-wg br {display: none;}

    .wrapper {  width: 94%; max-width: 959px; margin: 10px 0px; padding: 0px 3% !important;  }

    .wrapper iframe,   {width: 100% !important; height: 540px;}
    
    .mobile-visibility iframe {width: 96% !important; height: 540px; padding: 0 2%;}

    .btfeature .btft-wg {width: 46%; padding: 0% 2%; float: left; max-width: 475px; margin: 0px;  }
    
    .btfeature .btft-wg2:after, .btfeature .btft-wg4:after {clear: both; margin: 0px 0px 20px; padding: 0px;  content:''; display:block; }

    .grid12 { width: 100%; max-width: 959px; margin: 0px; padding: 0px !important; }   
    
    .grid4  { width: 30%; max-width: 255px; margin: 0px; padding: 0px !important; float: right; } 

    .grid12 p, .grid4 p {padding: 0px;}      

    .bt-wg ul li a {display: block; }    
    
    .bottom .bt-wg {width: 46%; padding: 0% 2%; float: left; max-width: 475px; margin: 0px;  }
    
    .bottom .bt-wg:after {clear: both; margin: 0px; padding: 0px;}
    
    .bottom .bt-wg3 {width: 100%; max-width: 959px; display: block; text-align: center;}

    .contact-form {width: 100%; max-width: 500px !important; margin: 0px; padding: 0; float: none; }    
    
    .bt-indent { width: 100%; max-width: 959px; }

    .bt-indent img { width: 100%; max-width: 959px; height: auto; margin: 0px; padding: 0px 0px;}    

    .form label.type {height: auto; width: 100%; display: block; }    

    .form p.form-button {float: right; text-align: right; padding: 0px; }    

    .form p.form-button span.note {display: block;}    

    ul.icon-list {width: 100%; margin: 0px; padding: 0px; float: none; }
    
    ul.icon-list.grid4 {width: 33%; margin: 0px; padding: 0px; float: left; }
    
    #slider { max-width: 959px; text-align: center; margin: 0 auto; }
    
    .rightside.fl { width: 100%; max-width: 959px; height: auto; margin: 0px; padding: 0px 0px;}
    
    #slider label { width: 20px; height: 20px; border-radius: 10px; }  
    
    .mobile-hidden {display: none;}
    
}





/* Desktop */

@media (min-width: 960px) { 

    .mobile-menu {display: none; }
    
    #banner-fade {width: 620px; height: 280px !important; }
    
    .wrapper iframe {width: 100% !important; height: 540px;}
    
    .mobile-visibility {display: none;}
    }