/* Extra small devices (phones, less than 768px) */
/* No media query since this is the default in Bootstrap */

@charset "utf-8";
/*-- Global
----------------------------------------------------------------------*/

* {
	margin: 0;
	padding: 0;
	border: 0;
}
html {
	font-size: 62.5%;
}
body {
	width: 100%;
}
 @-webkit-viewport {
	width: device-width;
}
@-moz-viewport {
	width: device-width;
}
@-ms-viewport {
	width: device-width;
}
@-o-viewport {
	width: device-width;
}
@viewport {
	width: device-width;
}
/*-- Header Section
----------------------------------------------------------------------*/

#mobile-header {
	z-index:50;
	background:#fff;
}
#mobile-header .span-box {
	margin-bottom:15px;
	padding:5px 5px;
}
.btn-mobile {
	width:100%;
	background-color:#232f55;
	border-radius:0;
	text-align:center;
	text-shadow:none;
	font-size:30px;
	padding:10px 5px 5px;
	color:#fff;
}

#header-logo, 
#header-slogan, 
#header-phone {
	display:table;
	height:185px;
}

#slider {
	position:relative;
	width:100%;
	height:140px;
}
#focus {
	overflow:hidden;
}
#carousel-webfrog {
	position:absolute;
	width:100%;
}
#carousel-webfrog img {
	height:140px;
}
#focus-menu {
	background-color:rgba(238,238,238,0.9);
	height:220px;
	float:right;
	padding:30px 1vw;
}
#focus-bar {
	height:130px;
	/*overflow:hidden;*/
}
#slider_captions {
	background-color:rgba(8,22,58,0.9);
	height:inherit;
}
[class*="box-"] {
	height:auto;
}
[class*="box-"] li,
#focus-menu li,
#focus-menu2 li {
	list-style:none;
}
.box-01, .box-02 {
	padding:15px;
}
.box-03, .box-04 {
	display:table;
	text-align:center;
	color:#fff;
	padding-top:15px;
	padding-bottom:15px;
}
.box-01 {
	background-color:rgba(38,68,152,0.9);
}
.box-02 {
	background-color:rgba(32,49,94,0.9);
}
.box-03 {
	background-color:rgba(59,59,59,0.9);
}
.box-04 {
	background-color:rgba(36,36,36,0.9);
}


/*-- Content Section
----------------------------------------------------------------------*/

#content-error {
	padding: 10% 0;
}
#content-offline {
}


#content {
	overflow:hidden;
}




#service-box {
	padding-top:15px;
	padding-bottom:15px;
}
.text-wrap {
	padding: 3% 0;
}

#service-box,
.text-wrap {
	background-color:#fff;
	/*min-height:500px;*/
	display:block;
}
#service-box:before,
.text-wrap:before {
	content:'';
	position:absolute;
	top:0;
	left:-100%;
	background:url(../img/bg-left.jpg) repeat right top;
	width:100%;
	height:100%;
}
#service-box:after,
.text-wrap:after {
	content:'';
	position:absolute;
	left:100%;
	top:0;
	background:url(../img/bg-right.jpg) repeat left top;
	width:100%;
	height:100%;
}
.service-link {
	padding-left:15px;
	padding-right:15px;
	border-right:1px solid #ececec;
	margin-top:15px;
	margin-bottom:15px;
}
.service-link:last-child {
	border-right:0px solid #ececec;
}

/*-- Footer Section
----------------------------------------------------------------------*/

footer {
	background-color:#20315e;
}

.footer-contact {
	background:url(../img/bg-02.jpg) no-repeat center top;
	background-size:cover;
	/*min-height:550px;*/
	padding:15px 0;
	float:left;
}
#footer_text {
	padding:2% 15px;
}
.btn-contact {
	width:100%;
	border-radius:0;
	text-shadow:none;
	background-color:#fff;
	color:#383838;
	font-family: 'dinregular';
	font-weight:normal;
	font-size:12px;
	font-size:1.2rem;
	padding:10px 5px 5px;
}
.footer-box {
	padding:0;
}
.footer-box2 {
	padding:15px 0;
	display:block;
	height: auto;
}


/*-- media queries Section
----------------------------------------------------------------------*/


/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {
html {
	font-size: 52.5%;
}
#header-logo, 
#header-slogan, 
#header-phone {
	display:table;
	height:135px;
}
#header-logo img {
	height:135px;
	padding-top:5px;
}
#slider {
	position:relative;
	width:100%;
	height:202px;
}
#carousel-webfrog img {
	height:347px;
}
#focus-menu, #focus-menu2 {
	height:145px;
	padding:15px 15px;
}
[class*="box-"] {
    height: inherit;
}
.box-01, .box-02 {
	padding:15px 15px;
}
#focus-bar {
	height:145px;
	overflow:inherit;
}
.box-03, .box-04 {
	height:auto;
	padding-top:5px;
	padding-bottom:5px;
}
#service-box,
.text-wrap {
	padding-top:3%;
	padding-bottom:3%;
}
.text-wrap {
	padding-left:45px;
	padding-right:45px;
}
.service-link {
	padding-left:30px;
	padding-right:30px;
	border-right:1px solid #ececec;
	margin-top:0;
	margin-bottom:0;
}
.service-bottom {
	margin-bottom:30px;
}
.service-link:nth-child(2) {
	border-right:0px solid #ececec;
}
.footer-box {
	padding:30px 15px;
}
.footer-box2 {
	padding-right:15px;
	display:block;
	height: auto;
}
.footer-box2 > .media-middle {
	display:block;
}
.footer-contact {
	background:url(../img/bg-02.jpg) no-repeat center top;
	background-size:cover;
	/*min-height:550px;*/
	padding:0 0 6%;
	float:left;
}


}

/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) {
html {
	font-size: 52.5%;
}
#header-logo, 
#header-slogan, 
#header-phone {
	display:table;
	height:135px;
}
#header-logo img {
	height:auto;
	padding-top:0;
}
#slider {
	position:relative;
	width:100%;
	height:202px;
}
#carousel-webfrog img {
	height:338px;
}
#focus-menu {
	height:135px;
	padding:15px 1vw;
}
.box-01, .box-02 {
	padding:15px 1vw;
}
#focus-bar {
	height:135px;
	overflow:inherit;
}
.box-03, .box-04 {
	height:auto;
	padding-top:5px;
	padding-bottom:5px;
}
.service-link {
	padding-left:15px;
	padding-right:15px;
	border-right:1px solid #ececec;
}
.service-link:nth-child(2) {
	border-right:1px solid #ececec;
}
.service-link:last-child {
	border-right:0px solid #ececec;
}
.footer-box {
	padding:30px;
}
.footer-box2 {
	padding-right:55px;
	display:table;
	height: 36vw;
}
.btn-contact {
	width:100%;
	border-radius:0;
	text-shadow:none;
	background-color:#fff;
	color:#383838;
	font-family: 'dinregular';
	font-weight:normal;
	font-size:20px;
	font-size:2.0rem;
	padding:10px 5px 5px;
}
.service-bottom {
	margin-bottom:0;
}
.footer-contact {
	background:url(../img/bg-02.jpg) no-repeat center top;
	background-size:cover;
	/*min-height:550px;*/
	padding:3% 0;
	float:left;
}
}

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
html {
	font-size: 52.5%;
}
#header-logo, 
#header-slogan, 
#header-phone {
	display:table;
	height:185px;
}
#slider {
	position:relative;
	width:100%;
	height:210px;
}
#carousel-webfrog img {
	height:650px;
}
#focus-menu {
	height:170px;
	padding:15px 1vw;
}
.box-01, .box-02 {
	padding:15px 1vw;
}
.box-03, .box-04 {
	height:inherit;
	padding-top:0;
	padding-bottom:0;
}
#focus-bar {
	height:170px;
	overflow:hidden;
}
.footer-box {
	padding:30px;
}
.footer-box2 {
	padding-right:55px;
	display:table;
	height: 30vw;
}
.service-link {
	padding-left:30px;
	padding-right:30px;
	border-right:1px solid #ececec;
}
.service-link:last-child {
	border-right:0px solid #ececec;
}
.btn-contact {
	width:100%;
	border-radius:0;
	text-shadow:none;
	background-color:#fff;
	color:#383838;
	font-family: 'dinregular';
	font-weight:normal;
	font-size:23px;
	font-size:2.3rem;
	padding:10px 5px 5px;
}
}
/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1500px) {
html {
	font-size: 62.5%;
}

.footer-contact {
	float:left;
}
.footer-contact-magic {
	width:66.66666667%;
	margin-left: 16.66666667%;
}
.footer-box {
	padding:55px;
	padding:1vw 2vw 1vw 1vw;
}
.footer-box2 {
	padding-right:0;
	height:25vw;
}
#focus-bar {
	height:210px;
	overflow:hidden;
}
#focus-menu {
	height:210px;
	padding:30px 2vw;
}
#focus-bar {
	height:200px;
	overflow:hidden;
}
.box-01, .box-02 {
	padding:30px 2vw;
}
#service-box,
.text-wrap {
	padding-top:3%;
	padding-bottom:3%;
	width:66.66666667%;
	margin-left: 16.66666667%;
}

}