@charset "utf-8";
/* CSS Document */
/* =================  desktop 1024px ================= */
@media (min-width: 1200px){
.wrapper{width:1180px; margin:0 auto;}
/*NAVIGATION*/
.navbar{ padding-left:10px;}
.navbar-static-top .navbar-nav>li>a{ padding:11px 9px; font-size:14px}
.navbar-static-top .my_navs {float: left;width: 76%;}
}

/* ================= Tablet (landscape) 1024px ================= */
@media only screen and (max-width: 1024px)
{
.logo {position: absolute; z-index: 99; width: 252px; background: #fff; background: rgba(255,255,255,.9); display: inline-table; margin: 0 auto; right: 1%; top: 0; bottom: 0; text-align: center; margin-top: 1%; padding: 10px 20px; border-radius: 50%;}
.wrapper{ width:100%;}
.nav>li>a {position: relative; display: block; padding: 10px 8px;}
.nav>li>a {font: 13px roboto, Arial, Helvetica, sans-serif; color: #000; text-align: center; font-weight: 300; text-transform: uppercase;}
.row {margin-right: 0; margin-left: 0px;}
.navbar-static-top .my_navs { width:100%; text-align:center; float:none;}
.navbar-nav{ width:100%; float:none; text-align:center;}
.navbar-static-top .navbar-nav>li{ display:inline-block;}
.navbar-static-top .navbar-nav>li>a{ padding:11px 9px; font-size:13px}

i.home {width: 100%; height: auto; display: inline-block;}

ul.social {margin: 0; padding: 0; float: left; margin: 4px 10px 5px 25px;}
ul.client-box li {width: 183px; height: 133px; display: inline-block; text-align: center;}

.pos {padding-top: 110px;}
.card__front, .card__back {position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 4%; font-size:11px; text-transform:uppercase; font-family:Roboto, Arial, sans-serif;}
.card {position: relative; float: left; padding-bottom: 15%; width: 16.2%; text-align: center; margin:0 2px;}
ul.social li {display: inline-block; position: relative; float: right; margin: 0 1px 0 0; list-style: none;}
.tab_h{min-height:182px;}
}


/* ================= Tablet (Portrait) 768px - 959px ================= */
@media only screen and (max-width: 999px)
{
.logo {position: absolute; z-index: 99; width: 122px; background: #fff; background: rgba(255,255,255,.9); display: inline-table; margin: 0 auto; right: 1%; top: 39px; bottom: 0; text-align: center; margin-top: 1%; padding: 10px 20px; border-radius: 50%;}
.logo img{width:100%;}
.home .logs {width: 100%; opacity: 1; overflow: hidden; transition: all linear .2s; float:none; margin:0 auto; display:inline-block; text-align:center;}
.wrapper{ width:100%;}
.row{ padding:0px; margin:0;}
#navbar {float: left; margin-top: 0px;}
.client-sec {background: url(../images/bg3.jpg) center center no-repeat; padding-top: 20px; background-size: cover;}
ul.client-box li {width: 358px; height: 137px; display: inline-block; text-align: center;}
.contSec{margin-left:10px;}
.mob{margin-top:10px;}
.foot a {text-transform: uppercase; font-size: 18px; font-weight: 300; color: #a5a5a5 !important; padding: 0 10px; transition: .3s linear all;}
.top_number{margin-top:0px; width:496px;}
.top_number p{float:left; margin-left:10px;}
.call_number{margin-top:15px;}
.nav>li>a {position: relative; display: block; padding: 10px 14px;}
.card__front, .card__back {position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 4%; font-size: 14px; text-transform: uppercase; font-family: Roboto, Arial, sans-serif;}
.nav>li>a {font: 14px roboto, Arial, Helvetica, sans-serif; color: #000; text-align: center; font-weight: 300; text-transform: uppercase;}
.card {position: relative; float: left; padding-bottom: 15%; width: 32.8%; text-align: center; height:160px;}
.site{background:none;}
.con-bg{background:none;}

footer .ft-leftsct {margin: 10px 0 0 0;}
ul.social {margin: 0; padding: 0; float: none; margin: 4px auto; width:212px;}
ul.social li { display: inline-block; position: relative; float: right; margin: 0 8px 0 0; list-style: none;}
footer .copy-rgt {line-height: 14px; display: block; padding: 5px 0px 0px 0px; font-size: 12px; color: #a9cfec; line-height: 16px; clear: both; text-align: center;}
}

/* ================= mobile (landscape) 515 ================= */
@media only screen and (max-width: 767px)
{
.top_number {margin-top: 0px; width: 415px;}
.logs{margin-top:3px; margin-left:5px; margin-right:10px;}
ul.social {margin: 0; padding: 0; float: left; margin: 4px 10px 5px 85px;}

/*NAVIGATION*/
.menu-rgt {width:40%;}
.navbar-static-top .my_navs{ width:96%;}
.navbar-header{ float:left; margin-top:12px; margin-bottom:3px;}
.navbar-toggle {position: relative;float:left;padding: 9px 10px; margin-top:0px;margin-right:2px; margin-left:2px; margin-bottom:0px;background-color: transparent; background-image: none;border: 1px solid transparent; border-radius:0px; background-color:#5e5d63;}
.navbar-toggle:hover{background-color:#000;}	
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {background-color: #16649e;}

.navbar-default .navbar-toggle .icon-bar{ background-color:#fff;}
.navbar-toggle .icon-bar{ height:3px;background: #fff;}
.navbar{ background:#fff;}
.navbar-collapse{ position:absolute; top:40px; width:100%; background-color:#fff; z-index:99; background:#f6f6f6;}
.nav>li>a { font: 15px roboto, Arial, Helvetica, sans-serif; color: #000; text-align: left; font-weight: 300; text-transform: uppercase;}
.nav>li { border-bottom:1px solid #ccc;}
.navbar-nav {margin: 0px 0px;}
.navbar-nav{ width:100%; float:none; text-align:left;}
.navbar-static-top .navbar-nav>li{ display:block; float:none;}
.navbar-static-top .navbar-nav>li>a{ padding:2px 9px; font-size:13px; border-bottom:1px solid #ccc;}
.navbar-static-top .navbar-nav>li:nth-child(1)>a{padding:2px 9px;}

.card {position: relative; float: left; padding-bottom: 15%; width: 49.1%; text-align: center; height:150px;}
.ul_width {margin: 0 0 20px 0; width:99%; clear: both;}
ul.client-box li {width: 49.5%; height: 137px; display: inline-block; text-align: center;}
.contSec { width: 96%; float: none; clear:both; padding-top:20px;}
.addr {width: 82%; float: left;}

footer h4{ font:500 20px/20px 'Open Sans', sans-serif; color:#fff; padding:10px 10px 10px 0px; border-bottom:1px solid #fff; background:url(../images/p3.png) no-repeat 97% center; cursor:pointer}
footer h4.f_act{background:url(../images/p4.png) no-repeat 97% center;}
footer h4 a{color:#fff;}footer h4 a:visited{ color:#fea505}
footer h4 a:hover{color:#fea505;;}
footer .spacr{ padding-right:15px;}
.slide-menu{ display:none;}
footer .soc_links{ text-align:left;}
footer .sntwrks{ width:200px;}
footer .ft_rmenu{ width:auto;}
footer .f-menu{ width:250px;}
.final{width:100%;}
}

/* ================= mobile (landscape) 515 ================= */
@media only screen and (max-width: 600px)
{.top_number{margin-top:0px; width:385px;}
.comp_logo{width:150px; margin-top:10px;}
.foot a {text-transform: uppercase; font-size: 14px; font-weight: 300; color: #a5a5a5 !important; padding: 0 5px; transition: .3s linear all;}
.logs{float:none; text-align:center; width:100% !important; display:block; margin-left:0px; padding-left:4px;}

.f_dd_box{display:none;}
.dd_next{margin:0 0 0 0;  padding:10px 0; background:url(../images/pls.png) no-repeat 96% center; cursor:pointer; border-bottom:1px solid #686868}
.dd_next_act{background:url(../images/mns2.png) no-repeat 96% center;}
}
/* ================= mobile (landscape) 515 ================= */
@media only screen and (max-width: 515px)
{


}

/* ================= Mobile (Landscape) 480px - 767px ================= */
@media only screen and (max-width: 767px) 
{
.top-line {background: #fff; width: 100%; position: static; z-index: 999; box-shadow: 3px 0 10px #ccc;}
.pos {padding-top: 0px; }
.home .logs {width: 100%; opacity: 1; overflow: visible; transition: all linear .2s; margin:0 auto; float:none; display:inline-block; text-align:center;}
ul.social {width:212px; margin: 0; padding: 0; float: none; margin:8px auto;}
#navbar {float: left; margin-top: 74px;}
.logo {position: absolute; z-index: 99; width:100px; right: 1%; top: 0; bottom: 0; margin-top: 2%; padding:5px 15px;}
.logo img{width:100%;}
}


/* ================= Mobile (Portrait) below 480px  ================= */
@media only screen and (max-width: 479px)
{
.navbar-header{clear:both;}
.top_number {margin-top: 0px; width:80%; float:right;}
.comp_logo{width:200px; margin-top:10px;}
.card {position: relative; float: left; padding-bottom: 15%; width: 100%; text-align: center; border-bottom:1px #f3f3f3 solid; height:140px;}

ul.client-box li {width: 100%; height: 137px; display: inline-block; text-align: center;}
.addr { width: 82%; float: left; margin-left:30px;}
.contSec{word-wrap:break-word;}
.fax {background: url(../images/add_ico.png) 0 0 no-repeat; padding: 0 0 20px 76px;}
.cont-sec{font:13px/17px roboto, Arial, Helvetica, sans-serif !important;}
.cont-sec {background: url(../images/bg2.jpg) center top no-repeat; background-size: cover; padding-top: 30px; padding-bottom: 30px;}
.logo {position: absolute; z-index: 99; width:70px; right: 1%; top: 0; bottom: 0; margin-top: 2%; padding:4px 10px;}
.logo img{width:100%;}
footer{ background:url(../images/bg3.jpg) center top no-repeat; height:auto; padding-top:20px;}
.copy_in{margin:5px 0 0 0; padding-bottom:10px;}
}