﻿/* Tab Content - menucool.com */
@font-face {
	font-family: 'Corbel-Regular';
	src: url(http://www.mysqrl.net/fonts/Corbel-Regular.ttf);	
}
@font-face {
	font-family: 'Oswald-Regular';
	src: url(http://www.mysqrl.net/fonts/Oswald.ttf);	
}
@font-face {
	font-family: 'Oswald-Bold';
	src: url(http://www.mysqrl.net/fonts/Oswald.ttf);	
}


@font-face {
	font-family: 'AlteHaasGroteskBold';
	src: url(http://www.mysqrl.net/fonts/AlteHaasGroteskBold.ttf);	
}
/* latin */
@font-face {
  font-family: 'Droid Serif';
  font-style: normal;
  font-weight: 400;
  src: local('Droid Serif'), local('DroidSerif'), url(http://www.mysqrl.net/fonts/DroidSerif1.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
/* latin */
@font-face {
  font-family: 'Droid Serif Bold';
  font-style: normal;
  font-weight: 700;
  src: local('Droid Serif Bold'), local('DroidSerif-Bold'), url(http://www.mysqrl.net/fonts/DroidSerif2.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
/* latin */
@font-face {
  font-family: 'Droid Serif italic';
  font-style: italic;
  font-weight: 400;
  src: local('Droid Serif Italic'), local('DroidSerif-Italic'), url(http://www.mysqrl.net/fonts/DroidSerif3.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
/* latin */
@font-face {
  font-family: 'Droid Serif Bold Italic';
  font-style: italic;
  font-weight: 700;
  src: local('Droid Serif Bold Italic'), local('DroidSerif-BoldItalic'), url(http://www.mysqrl.net/fonts/DroidSerif4.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
/* latin-ext */
@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 400;
  src: local('Oswald Regular'), local('Oswald-Regular'), url(http://www.mysqrl.net/fonts/Oswald.woff) format('woff');
}


ul.tabs
{
padding: 0;
width: 100%;
font-size: 0;
margin: 0;
float: left;
list-style-type: none;
text-align: left;
z-index: 6;
position: relative;
}
        
ul.tabs li
{
    display: inline;
    margin: 0;
    vertical-align:top;
    

  
}
body ul.nav-tabs > li.active > a{
background: none;
}
   
ul.tabs li a
{
   	font-size:22px;
    text-decoration: none;
    position: relative;
    padding: 12px 0px;   
    color: #f8f8f8;    
    outline:none;
  
    font-family: 'Corbel-Regular';

    display:inline-block;
    text-align:center;
text-transform:uppercase;
background-size:100% 100%;
}

ul.tabs > li {
    float: left;
    width: 25%;
    text-align: center;
    border: 0px none !important;
    background-color: transparent;
    margin: 0px !important;
}

@media (max-width: 1000px)
{
ul.tabs li a
{
font-size:16px;
}
}
@media (max-width: 768px)
{
ul.tabs li a
{
display:block;
width:100%;
}
ul.tabs li
{
	width:100%;
	display:block;
}
}

#view2
{

padding:0;

min-height:700px!important;
   margin-top:0px;
}
#view2 .btn-inq
{
margin:20px 0 0px 0;}

#view3 .btn-inq
{
margin:20px 0 0px 0;}

#view4 .btn-inq
{
margin:20px 0 0px 0;}
#view3
{

padding:0;
min-height:620px!important;
   margin-top:0px;
}

#view3 .slideback img{
margin-top: -22%;
}
#view2 .banner-left.last img{
margin-top: 100px;
max-width: none;
width:auto;
}
#view4
{
padding:0;
min-height:700px!important;
   margin-top:0px;
}



ul.tabs li a.s1
{
background-image:url('../img/bluetab.png');
background-repeat:no-repeat;
background-size:100% 100%;

}
ul.tabs li a.s2
{
background-image:url('../img/tabpur.png');
background-repeat:no-repeat;
background-size:100% 100%;


}

ul.tabs li a.s3
{
background-image:url('../img/tabgray.png');
background-repeat:no-repeat;
background-size:100% 100%;

}

ul.tabs li a.s4
{
background-image:url('../img/tabmar.png');
background-repeat:no-repeat;
background-size:100% 100%;

}

        
ul.tabs li a:visited
{
    color: #fff;
}
        
ul.tabs li a:hover
{
   
  box-shadow:none;
 
}

        
ul.tabs li.selected a, ul.tabs li.selected a:hover
{
    position: relative;
    top: 0px;

  box-shadow:none;

}
        
        
ul.tabs li.selected a:hover
{
    text-decoration: none;
}

div.tabcontents
{
margin-top:0;
padding:0;
}


/******************************/

.client-wrap
{
min-height:647px;
background-image:url('../img/client2.jpg');
background-repeat:no-repeat;
background-color:#fff;
background-size: 100% 647px;
background-position: top center;
}
.clients
{
width: 100%;
margin: 0 auto;
max-width: 1160px;
}
.clients h2
{
font-family: 'Oswald-Regular';
font-size:41px;
color:#fff;
text-transform:uppercase;
margin:0;
padding:60px 0 15px 0;
display:block;
}
.clients p
{
margin:0;
padding:15px 0 15px 0;
font-size:30px;
font-family: 'Corbel-Regular';
color:#fff;
}
.divider
{
height:1px;
border-bottom:1px #9e9da9 solid;
width:40%;
}
.c-holder
{
float: none;
width:98%;max-width: 1360px;
margin:30px auto 0 auto;
text-align:center;
}

.client-wrap .col-md-7 img{
margin-top:30px
}
.info-wrap .col-md-4 img{
margin-top: 0px;height: 320px;
}
img.separator
{
margin-left: 1%;
margin-right: 1%;
border: 0;
float: left;
margin-top: 5%;
}
.slide1-wrap
{
min-height:656px;
background-image:url('../img/about.jpg');
background-repeat:no-repeat;
background-color:#fff;
background-position: top center;
}
.setwidth
{
width:100%;
margin:0 auto;

}

.intro h1
{
font-family: 'Oswald-Regular';
font-size:41px;
text-transform:uppercase;
color:#fff;	
width:66%;
border-bottom:1px #fff solid;
margin:0 0 20px 0;
padding:0px 0 15px 0;
}
.intro p
{
margin: 0;
padding: 0;
color: #fff;
font-family: Arial;
font-size: 18px;
line-height: 27px;
font-weight: normal;
word-spacing: 0px;
}
.sblock
{
display:block;
}
#view1
{

min-height:700px!important;
width:100%!important;
}

.banner-left
{
display:inline-block;
float:left;
margin-left:5%;
vertical-align:top;

}

@media (min-width: 1000px)
{


}
.slider1icons
{
display:block;
padding-top:56px;
text-align:right;
padding-right:0px;
float: right;
width: auto;
}
.banner-right
{
width:40%;
display:inline-block;
float:right;
position:relative;
min-height:680px;

vertical-align:top;
}

#view1 .banner-right img
{
	float: right;
width: 690px;
vertical-align: bottom;
position: absolute;
bottom: -100px;
max-width:none;
}

.banner h1
{
font-family: 'Oswald-Regular';
color:#fff;
text-transform:uppercase;

width:auto;
display:inline-block;
padding:56px 0 15px 0;
margin-left:0px;
}
#view1 h1
{
padding-top: 56px;
text-align: left;
border-bottom: 3px #3299b2 solid;
font-size: 47.6px;
}
#view2 h1
{
border-bottom:3px #ada9b7 solid;
font-size: 47.5px;
float:left;width:100%;
}
#view3 h1
{
border-bottom:3px #9d9c9d solid;
font-size:47.6px;
float:left;width:100%;text-shadow: 0px 0px 8px rgba(0, 0, 0, 1);
}

#view4 h1
{
border-bottom:3px #af9ea1 solid;
font-size: 47px !important;
float:left;width:100%;
}

#view1 p {
text-align: left;
padding: 10px 0 5px 0;

font-size: 23.355px;
margin-left: 0px;
}
#view2 p
{
text-align: left;
padding: 10px 0 5px 0;
float: left;
width: 100%;
line-height:25px; 
font-size: 23.355px;
}
#view3 p
{
font-size: 23.355px;
float: left;
width: 100%;
padding: 10px 0 5px 0;

text-shadow: 0px 0px 8px rgba(0, 0, 0, 1);
}

#view4 p
{
font-size: 23.355px;
float: left;
line-height:25px; 
width: 100%;
padding: 10px 0 5px 0;

}
@media (min-width: 1200px) and (max-width: 1290px) {     /* STYLES HERE */
	.banner h1 {
font-size: 41px !important;
}
.banner p {
font-size: 24.355px !important;
}
}
@media (min-width: 1360px) and (max-width: 2000px) {     /* STYLES HERE */
	.banner h1 {
font-size: 41px !important;
}
.banner p {
font-size: 23.855px !important;
}
}
.banner p
{
padding:15px 0 20px 0;

font-family: 'Corbel-Regular';
color:#fff;
width:100%;
  /*filter: alpha(opacity=90);
  opacity: .1;*/

}










body a.navbar-brand{
height:auto;
padding: 7px 15px;
}

.inq
{
width: 50%;

}
.btn-inq
{
display:block;

background-image:url('../img/btn1.png');
background-repeat:no-repeat;
width:219px;
height:51px;
margin:20px 0 0px 0;
font-family: 'Corbel-Regular';
color:#fff;
font-size:22px;
text-transform:uppercase;
text-decoration:none;
padding-left:20px;
padding-top:8px;
outline:0;
float: right;

}

.btn-inq:hover, .btn-inq:focus, .btn-inq:visited{
text-decoration:none;
color:#fff;
}
#textarea2, #textarea3, #textarea4

{
float:left;
width: 100%;
padding:20px 2% 20px 2%;
border-radius:15px;
margin-top:15px;
color:#fff;
text-align: left;
font-size:16px;
font-family: Arial;
background: rgba(232, 232, 232, 0.3);
}

body #textarea3{
background: rgba(0, 0, 0, 0.3);
}
#textarea1

{
float:left;
width: 100%;
text-align: left;
padding:20px 2% 20px 2%;
border-radius:15px;
margin-top:15px;
color:#fff;
font-size:16px;
font-family: Arial;
background: rgba(232, 232, 232, 0.3);
}

.info-wrap{
max-width: 1160px;
margin: 0 auto;
width:100%;
}

a.more
{
}

#lm1, #lm2, #lm3, #lm4
{

margin-left:0px;
font-family: 'Arial';
font-size:17px;
color:#f69159;
display:block;
float:left;
width: 100%;
text-decoration:underline;

}



{
cursor:pointer;
}
@media (max-width: 768px){

.clients h2, .clients p
{
	width:100%;
	text-align:center;
}
.divider, img.separator
{
	display:none;
}


}

@media (max-width: 860px)
{
.intro, .intro h1
{
width:100%;
border-bottom:0;
width:100%;
}
}

@media (max-width: 400px)
{
.intro h1
{
	font-size:40px;
}
.clients p
{
	font-size:26px;
}
.clients h2, .banner h1
{
font-size:42px;
}
}

form{
	font-family: 'Corbel-Regular';

}


body .banner-left.last ,body .banner-right.last {
margin-left: 0px;
float: right;
}
body .banner-left.last img,
body .banner-right.last img{
max-width: 100%;
float: left;
width: auto;
margin-top:40px;}

.container {
width: 100%;
padding: 0px;
max-width: 1160px;
}

.banner .container {
width: 100%;
padding: 0px;
max-width: 1300px;
}

.banner-left.col-md-5.padding-none {
margin-left: 6.5%;
}

.banner {
padding-top: 55px !important;
}

.banner .container {
margin-top: -55px;
}



.nav-tabs li a{float:left;width:100%;}



#slide6 h2{
font-size:41px;
font-family: 'Oswald-Regular';
}

.intro p {
padding: 20px 2% 20px 2%;
border-radius: 15px;
background: rgba(0, 0, 0, 0.1);
}

.row{
margin-left:0px;
margin-right:0px;
}

#slide6 .col-lg-7 .col-lg-12 .col-lg-6 {
padding: 0;
}

#slide6 .col-lg-7 .col-lg-12 button{
display: block;
background-image: url('../img/btn1.png');
background-repeat: no-repeat;
width: 250px;
background-color: #de500c;
background-size: 100% auto;
height: 57px;
margin: 20px 0 0px 0;
font-family: 'Corbel-Regular';
color: #fff;
font-size: 22px;
text-transform: uppercase;
text-decoration: none;
padding-left: 20px;
padding-top: 8px;
text-align: left;
outline: 0;
float: left;
border-radius: 12px;
}
/*


.c-holder a:after {
content: "";
height: 65px;
float: left;
position: absolute;
margin-top: 3%;
border: 1px solid #555;
box-shadow: 1px 1px 1px #000;
}*/

.c-holder a {
float: left;
width: 14.8%;
min-height: 200px;
text-align: center;
}

.c-holder a img {
float: none;
padding: 5px;
width: auto;
max-height: 160px;
}

body .navbar-default .navbar-nav > li > a:hover, body .navbar-default .navbar-nav > li > a:focus{
color:#fff;outline: none;
}


.slideback {
float: left;
width: 100%;
position: absolute;
margin-top: -55px;
z-index: 0;
}


.slideback img {
float: left;
width: 100%;min-height: 700px !important;
}