.sequence-wrapper {
position:relative;
}
.kopa-boxed .sequence-wrapper .prev {
left:20px;
opacity:0;
filter: alpha(opacity=0);
}
.kopa-boxed .sequence-wrapper .next {
right:20px;
opacity:0;
filter: alpha(opacity=0);
}
.kopa-boxed .sequence-wrapper:hover .prev {
opacity:1;
filter: alpha(opacity=100);
}
.kopa-boxed .sequence-wrapper:hover .next {
opacity:1;
filter: alpha(opacity=100);
}
.kopa-boxed .animate-in .title,
.kopa-boxed .animate-in .subtitle,
.kopa-boxed .animate-in .title-2,
.kopa-boxed .animate-in .subtitle-2 {
left:3%;
}
.kopa-boxed .animate-in .model,
.kopa-boxed .animate-in .model-2-1,
.kopa-boxed .model-2-1,
.kopa-boxed .animate-out .model-2-1,
.kopa-boxed .animate-in .model-3-1 {
right:3%;
}
.kopa-boxed .animate-in .model-3-2 {
right:13%;
}
.kopa-boxed .animate-in .model-3-3 {
right:33%;
}
.kopa-boxed .animate-in .model-3-4 {
right:32%;
}
.sequence-slider {
height: 435px;
margin: 0 auto;
position: relative;
overflow: hidden;
width: 100%;
}
#main, #aside{
font-size: 1.6em;
}
.sequence-wrapper .next,
.sequence-wrapper .prev {
cursor: pointer;
display: none;
position: absolute;
top: 50%;
z-index: 1000;
height: 51px;
width:51px;
border-radius:50%;
-moz-border-radius:50%;
-webkit-border-radius:50%;
border:2px solid #ededed;
margin-top:-25px;
}
.sequence-wrapper .pause {
bottom: 0;
cursor: pointer;
position: absolute;
z-index: 1000;
}
.sequence-wrapper .paused {
opacity: 0.3;
}
.sequence-wrapper .prev {
left: 50px;
background-repeat:no-repeat;
background-position:center center;
background-image:url(//blueskymobility.com.au/wp-content/themes/blueskymobility/images/slider/sequence-prev.png) ;
}
.sequence-wrapper .next {
right: 50px;
background-repeat:no-repeat;
background-position:center center;
background-image:url(//blueskymobility.com.au/wp-content/themes/blueskymobility/images/slider/sequence-next.png) ;
}
.sequence-wrapper .next:hover,
.sequence-wrapper .prev:hover {
border:2px solid #33bee5;
}
#sequence-preloader{
background: #d9d9d9;
}
#nav {
display:none !important;
bottom: 1%;
display: none;
right: 6%;
position: absolute;
-webkit-transition-duration: .5s;
-moz-transition-duration: .5s;
-o-transition-duration: .5s;
-ms-transition-duration: .5s;
transition-duration: .5s;
}
#nav li {
display: inline-block;
height: 140px;
}
#nav li img {
cursor: pointer;
opacity: 0.5;
-webkit-transition-duration: 1s;
-moz-transition-duration: 1s;
-o-transition-duration: 1s;
-ms-transition-duration: 1s;
transition-duration: 1s;
}
#nav li img.active {
opacity: 1;
}
@media only screen and (min-width : 1224px) { #nav li img:hover {
opacity: 1;
-webkit-transition-duration: 1s;
-moz-transition-duration: 1s;
-o-transition-duration: 1s;
-ms-transition-duration: 1s;
transition-duration: 1s;
}
}
#sequence li{
height: 100%;
position: absolute;
top: 0;
width: 100%;
list-style:none;
}
#sequence li#intro {
background:url(//blueskymobility.com.au/wp-content/themes/blueskymobility/images/background/slider-bg-1.png) repeat 0 0;
}
#sequence li#support {
background:url(//blueskymobility.com.au/wp-content/themes/blueskymobility/images/background/slider-bg-3.png) repeat 0 0;
}
#sequence li#creative {
background:url(//blueskymobility.com.au/wp-content/themes/blueskymobility/images/background/slider-bg-2.png) repeat 0 0;
}
#sequence li#shop {
background:url(//blueskymobility.com.au/wp-content/themes/blueskymobility/images/background/slider-bg-4.png) repeat 0 0;
}
#sequence li * {
}
#sequence li img{
height: 96%;
}
#sequence {	
display: block;
height: 100%;
margin: 0;
position: absolute;
width: 100%; -webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
-o-backface-visibility: hidden;
backface-visibility: hidden;
}
.sequence-wrapper .next,
.sequence-wrapper .prev {
outline:none;
position: absolute;
opacity: 0.6;
-webkit-transition-duration: 1s;
-moz-transition-duration: 1s;
-o-transition-duration: 1s;
-ms-transition-duration: 1s;
transition-duration: 1s;
}
.sequence-wrapper .next:hover,
.sequence-wrapper .prev:hover {
opacity: 1;
-webkit-transition-duration: 1s;
-moz-transition-duration: 1s;
-o-transition-duration: 1s;
-ms-transition-duration: 1s;
transition-duration: 1s;
}
#sequence li#intro h2 {
width:400px; padding:5px;
background-color:#fff;
color:#000;
font-size:32px;
font-family: 'Raleway', sans-serif;
font-weight:700;
}
#sequence li#creative h2 {
z-index: 50;
color: #2c2b2b;
font-family: 'Raleway', sans-serif;
font-weight:700;
padding:0 15px;
background-color:rgba(255,255,255,.78);
font-size:30px;
display:inline-block;
text-transform:none;
line-height:50px;
white-space:normal;
}
.title {
width:40%;
left: -15%;
opacity: 0;
top: 30%;	
position:absolute;
}
.animate-in .title {
left: 10%;
opacity: 1;
-webkit-transition-duration: 1.5s;
-moz-transition-duration: 1.5s;
-o-transition-duration: 1.5s;
-ms-transition-duration: 1.5s;
transition-duration: 1.5s;
}
.animate-out .title {
left: 25%;
opacity: 0;
-webkit-transition-duration: .5s;
-moz-transition-duration: .5s;
-o-transition-duration: .5s;
-ms-transition-duration: .5s;
transition-duration: .5s;
}
#sequence li p {
color: #fff;
font-size: 13px;
}
#sequence li#intro p {
margin:20px 0 0;
}
.subtitle {	
left: -15%;
width: 31%;
opacity: 0;
top: 45%;
position:absolute;
}
.animate-in .subtitle {
left: 10%;
opacity: 1;
-webkit-transition-duration: 1s;
-moz-transition-duration: 1s;
-o-transition-duration: 1s;
-ms-transition-duration: 1s;
transition-duration: 1s;
}
.animate-out .subtitle {
left: 15%;
opacity: 0;
-webkit-transition-duration: .5s;
-moz-transition-duration: .5s;
-o-transition-duration: .5s;
-ms-transition-duration: .5s;
transition-duration: .5s;
}
#sequence li h3 {
color:#fff;
font-size:24px;
line-height:32px;
background-color:#33bee5;
padding:0 15px;
display:inline-block;
}
#sequence li#creative h3 {
color:#fff;
font-size:24px;
line-height:26px;
background-color:#91c448;
padding:3px 10px;
display:inline-block;
}
.model {
right: -15%;
bottom: 20%;
opacity: 0;
position: relative;
height: auto !important;
max-height: 411px !important;
width: auto;
position:absolute;
}
.animate-in .model {
right: 10%;
opacity: 1;
-webkit-transition-duration: 1.5s;
-moz-transition-duration: 1.5s;
-o-transition-duration: 1.5s;
-ms-transition-duration: 1.5s;
transition-duration: 1.5s;
}
.animate-out .model {
right: 25%;
opacity: 0;
-webkit-transition-duration: .5s;
-moz-transition-duration: .5s;
-o-transition-duration: .5s;
-ms-transition-duration: .5s;
transition-duration: .5s;
}
.model-2-1 {
right: 10%;
bottom: -25%;
opacity: 0;
position: relative;
width: 545px !important;
position:absolute;
z-index:9;
}
.animate-in .model-2-1 {
right: 10%;
bottom:15%;
opacity: 1;
-webkit-transition-duration: 1.5s;
-moz-transition-duration: 1.5s;
-o-transition-duration: 1.5s;
-ms-transition-duration: 1.5s;
transition-duration: 1.5s;
}
.animate-out .model-2-1 {
right: 10%;
bottom:-25%;
opacity: 0;
-webkit-transition-duration: .5s;
-moz-transition-duration: .5s;
-o-transition-duration: .5s;
-ms-transition-duration: .5s;
transition-duration: .5s;
}
.model-2-2 {
left: 25%;
bottom: -35%;
opacity: 0;
position: relative;
height: auto !important;
max-height: 411px !important;
width: auto;
position:absolute;
z-index:10;
}
.animate-in .model-2-2 {
left: 25%;
bottom:0;
opacity: 1;
-webkit-transition-duration: 2s;
-moz-transition-duration: 2s;
-o-transition-duration: 2s;
-ms-transition-duration: 2s;
transition-duration: 2s;
}
.animate-out .model-2-2 {
left: 25%;
bottom:-35%;
opacity: 0;
-webkit-transition-duration: 1.5s;
-moz-transition-duration: 1.5s;
-o-transition-duration: 1.5s;
-ms-transition-duration: 1.5s;
transition-duration: 1.5s;
}
.model-2-3 {
left: 12%;
bottom: -55%;
opacity: 0;
position: relative;
height: auto !important;
max-height: 411px !important;
width: auto;
position:absolute;
z-index:11;
}
.animate-in .model-2-3 {
left: 12%;
bottom:0;
opacity: 1;
-webkit-transition-duration: 2s;
-moz-transition-duration: 2s;
-o-transition-duration: 2s;
-ms-transition-duration: 2s;
transition-duration: 2s;
}
.animate-out .model-2-3 {
left: 12%;
bottom:-55%;
opacity: 0;
-webkit-transition-duration: 1.5s;
-moz-transition-duration: 1.5s;
-o-transition-duration: 1.5s;
-ms-transition-duration: 1.5s;
transition-duration: 1.5s;
}
.title-2 {
width: 40%;
left: -15%;
opacity: 0;
top: 25%;	
position:absolute;
}
.animate-in .title-2 {
left: 10%;
opacity: 1;
-webkit-transition-duration: 2.5s;
-moz-transition-duration: 2.5s;
-o-transition-duration: 2.5s;
-ms-transition-duration: 2.5s;
transition-duration: 2.5s;
}
.animate-out .title-2 {
left: 25%;
opacity: 0;
-webkit-transition-duration: .5s;
-moz-transition-duration: .5s;
-o-transition-duration: .5s;
-ms-transition-duration: .5s;
transition-duration: .5s;
}
.subtitle-2 {	
left: -15%;
width: 31%;
opacity: 0;
top: 40%;
position:absolute;
}
#sequence li .subtitle-2 p {
color:#666;
background-color:rgba(255,255,255,.78);
padding:10px 15px;
}
.animate-in .subtitle-2 {
left: 10%;
opacity: 1;
-webkit-transition-duration: 3.5s;
-moz-transition-duration: 3.5s;
-o-transition-duration: 3.5s;
-ms-transition-duration: 3.5s;
transition-duration: 3.5s;
}
.animate-out .subtitle-2 {
left: 15%;
opacity: 0;
-webkit-transition-duration: .5s;
-moz-transition-duration: .5s;
-o-transition-duration: .5s;
-ms-transition-duration: .5s;
transition-duration: .5s;
}
.model-3-1 {
right: -15%;
bottom: 15%;
opacity: 0;
position: relative;
height: auto !important;
max-height: 435px !important;
width: auto;
position:absolute;
z-index:9;
}
.animate-in .model-3-1 {
right: 10%;
bottom:15%;
opacity: 1;
-webkit-transition-duration: 1s;
-moz-transition-duration: 1s;
-o-transition-duration: 1s;
-ms-transition-duration: 1s;
transition-duration: 1s;
}
.animate-out .model-3-1 {
right: -15%;
bottom:15%;
opacity: 0;
-webkit-transition-duration: .5s;
-moz-transition-duration: .5s;
-o-transition-duration: .5s;
-ms-transition-duration: .5s;
transition-duration: .5s;
}
.model-3-2 {
right: -15%;
bottom: 5%;
opacity: 0;
position: relative;
height: auto !important;
max-height: 435px !important;
width: auto;
position:absolute;
z-index:9;
}
.animate-in .model-3-2 {
right: 20%;
bottom: 5%;
opacity: 1;
-webkit-transition-duration: 1.5s;
-moz-transition-duration: 1.5s;
-o-transition-duration: 1.5s;
-ms-transition-duration: 1.5s;
transition-duration: 1.5s;
}
.animate-out .model-3-2 {
right: -15%;
bottom: 5%;
opacity: 0;
-webkit-transition-duration: .5s;
-moz-transition-duration: .5s;
-o-transition-duration: .5s;
-ms-transition-duration: .5s;
transition-duration: .5s;
}
.model-3-3 {
right: -15%;
bottom: 7%;
opacity: 0;
position: relative;
height: auto !important;
max-height: 411px !important;
width: auto;
position:absolute;
z-index:9;
}
.animate-in .model-3-3 {
right: 12%;
bottom:7%;
opacity: 1;
-webkit-transition-duration: 2s;
-moz-transition-duration: 2s;
-o-transition-duration: 2s;
-ms-transition-duration: 2s;
transition-duration: 2s;
}
.animate-out .model-3-3 {
right: -15%;
bottom: 7%;
opacity: 0;
-webkit-transition-duration: .5s;
-moz-transition-duration: .5s;
-o-transition-duration: .5s;
-ms-transition-duration: .5s;
transition-duration: .5s;
}
.model-3-4 {
right: -15%;
bottom: 11%;
opacity: 0;
position: relative;
height: auto !important;
max-height: 411px !important;
width: auto;
position:absolute;
z-index:9;
}
.animate-in .model-3-4 {
right: 39%;
bottom:11%;
opacity: 1;
-webkit-transition-duration: 2.5s;
-moz-transition-duration: 2.5s;
-o-transition-duration: 2.5s;
-ms-transition-duration: 2.5s;
transition-duration: 2.5s;
}
.animate-out .model-3-4 {
right: -15%;
bottom:11%;
opacity: 0;
-webkit-transition-duration: .5s;
-moz-transition-duration: .5s;
-o-transition-duration: .5s;
-ms-transition-duration: .5s;
transition-duration: .5s;
}
.title-3 {
text-align:center;
opacity: 0;
top: -40%;
position:absolute;
width:100%;
}
.animate-in .title-3 {
top: 20%;
opacity: 1;
-webkit-transition-duration: 3.5s;
-moz-transition-duration: 3.5s;
-o-transition-duration: 3.5s;
-ms-transition-duration: 3.5s;
transition-duration: 3.5s;
}
.animate-out .title-3 {
top: 200%;
opacity: 0;
-webkit-transition-duration: .5s;
-moz-transition-duration: .5s;
-o-transition-duration: .5s;
-ms-transition-duration: .5s;
transition-duration: .5s;
}
#sequence li .title-3 h2 {
display:block;
padding:0;
background:none;
font-size:80px;
text-transform:uppercase;
}
#sequence li .title-3 h3 {
display:block;
padding:0;
background:none;
font-size:30px;
margin:0 0 30px;
text-transform:uppercase;
}
.subtitle-3 h4 {
font-size:30px;
margin:0 0 20px;
text-transform:uppercase;
}
.subtitle-3 {
text-align:center;
opacity: 0;
bottom: -40%;
position:absolute;
width:100%;
}
.subtitle-3 a {
color:#fff;
font-size:18px;
font-family: 'Rokkitt', serif;
text-transform:uppercase;
}
.animate-in .subtitle-3 {
bottom: 33%;
opacity: 1;
-webkit-transition-duration: 3.5s;
-moz-transition-duration: 3.5s;
-o-transition-duration: 3.5s;
-ms-transition-duration: 3.5s;
transition-duration: 3.5s;
}
.animate-out .subtitle-3 {
bottom: 200%;
opacity: 0;
-webkit-transition-duration: .5s;
-moz-transition-duration: .5s;
-o-transition-duration: .5s;
-ms-transition-duration: .5s;
transition-duration: .5s;
}#theme-option {
position:fixed;
top:100px;
z-index:99999;
}
#theme-option .theme-opt-wrapper {
width:139px;
background:#FFF;
border:1px solid #33bee5;
padding:10px 0px 20px 20px;
float:left;
}
.theme-opt-wrapper p {
float:left;
display:block;
width:100%;
background:none;
}
.theme-opt-wrapper .btn {
display:inline-block;
margin-top:5px;
border:none;
color:#fff;
background:#33bee5;
border-radius:0;
}
.theme-opt-wrapper .btn:hover {
background:#141414;
}	
#theme-option .open-close-button {
width:30px;
height:40px;
float:left;
margin:0;
display:inline-block;
*display:inline;
zoom:1;
border:1px solid #33bee5;
background-color:#fff;
margin-left:-1px;
border-left:0;
outline:none;
line-height:44px;
text-align:center;
color:#33bee5;
font-size:16px;
}
.kopa-select-layout label{
display: inline-block;
width: auto;
margin-right: 20px;
margin-bottom: 0px;
font-size:12px;
line-height:20px;
}
.kopa-select-layout input[type=radio]{
margin: 0px;
}@font-face {
font-family: 'socialicoregular';
src: url(//blueskymobility.com.au/wp-content/themes/blueskymobility/fonts/socialico-webfont.eot);
src: url(//blueskymobility.com.au/wp-content/themes/blueskymobility/fonts/socialico-webfontd41d.eot-#iefix) format('embedded-opentype'),
url(//blueskymobility.com.au/wp-content/themes/blueskymobility/fonts/socialico-webfont.woff) format('woff'),
url(//blueskymobility.com.au/wp-content/themes/blueskymobility/fonts/socialico-webfont.ttf) format('truetype'),
url(//blueskymobility.com.au/wp-content/themes/blueskymobility/fonts/socialico-webfont.svg#socialicoregular) format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'icomoon';
src:url(//blueskymobility.com.au/wp-content/themes/blueskymobility/fonts/icomoon.html);
src:url(//blueskymobility.com.au/wp-content/themes/blueskymobility/fonts/icomoond41d.html-#iefix) format('embedded-opentype'),
url(//blueskymobility.com.au/wp-content/themes/blueskymobility/fonts/icomoon-2.html) format('woff'),
url(//blueskymobility.com.au/wp-content/themes/blueskymobility/fonts/icomoon.ttf) format('truetype'),
url(//blueskymobility.com.au/wp-content/themes/blueskymobility/fonts/icomoon-3.html#icomoon) format('svg');
font-weight: normal;
font-style: normal;
}
body {
color: #888;
font-family: 'Open Sans', sans-serif;
font-size: 13px;
}
body.kopa-boxed {
background:url(//blueskymobility.com.au/wp-content/themes/blueskymobility/images/background/background.jpg) repeat 0 0;
}
pre, code {
font-family: 'DejaVu Sans Mono',Menlo,Consolas,monospace;
}
hr {
-moz-border-bottom-colors: none;
-moz-border-image: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;
border-color: #eee;
border-style: solid;
border-width: 1px 0 0;
clear: both;
height: 0;
margin:20px 0;
}
ol {
margin:0px;
}
ul {
margin:0px;
}
ul li {
list-style:inside disc;
margin-bottom:10px;
}
ol li {
list-style:inside disc;
margin-bottom:10px;
}
.cbp-af-header{
-webkit-transition: all 0.5s ease;
-moz-transition: position 10s;
-ms-transition: position 10s;
-o-transition: position 10s;
transition: all 0.5s ease;
}
.sticky-header {
position: fixed;
top: 0;
left: 0;
animation: smoothScroll 1s forwards;
}
@keyframes smoothScroll {
0% {
transform: translateY(-40px);
}
100% {
transform: translateY(0px);
}
} .responsive-img{
max-width: 100%;
height: auto;
width: auto\9; }
#sequence ul{ text-align:center;}
.imgfirst{
height: 435px !important;
width: 1366px !important;
} form1 label {
display: block;
margin: 12px 0 7px !important;
}
.form1 .span12{ margin:0 !important;  }
.form1 .span12 input{ width:90%;}
.input1{ width:70px;}
.textarea{ width:90%}
.input2{ width:100px;}  
.checkbox{ width:auto !important;}
.form1 .span6{ margin:0 !important;  }
.form1 { background:#fff; overflow:hidden; padding:15px 0 15px 25px;
-webkit-box-shadow: 0px 0px 10px 0px rgba(181,181,181,1);
-moz-box-shadow: 0px 0px 10px 0px rgba(181,181,181,1);
box-shadow: 0px 0px 10px 0px rgba(181,181,181,1);
}
.kopa-button {
display:inline-block;
color:#fff;
font-size:15px;
font-weight:600;
font-family: 'Raleway', sans-serif;
padding:15px;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
position:relative;
z-index:0;
}
.small-button {
padding:10px 15px;
}
.medium-button {
padding:15px 20px;
font-size:18px;
}
.big-button {
padding:20px 30px;
font-size:20px;
}
.blue-button {
background-color:#00447B;
}
.blue-button:hover {
background-color:#e9e9e9;
}
.blue-button2 {
background-color:#00447B;
}
.blue-button2:hover {
color:#fff !important;
}
.grey-button {
background-color:#e9e9e9;
color:#171717;
}
.grey-button:hover {
background-color:#00447B;
color:#fff;
}
.video-wrapper {
position: relative;
padding-bottom: 56.25%;
padding-top: 0px;
height: 0;    
}
.video-wrapper iframe,
.video-wrapper object,
.video-wrapper video{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.more-link {
font-size:13px;
font-weight:600;
color:#00447B;
display:inline-block;
}
.more-link span {
float:right;
margin-left:5px;
margin-top:6px;
font-size: 10px;
}
.more-link:hover {
color:#555;
}
blockquote {
border-left-color:#00447B;
background-color:#f4f4f4;
color: #999999;
font-family: Georgia,"Times New Roman",Times,serif;
font-size: 13px;
font-style: italic;
line-height: 24px;
padding: 10px 15px 10px 20px;
} .kp-dropcap {
color: #fff;
background-color:#00447B;
font-family:'Rokkitt', serif;
display: inline-block;
*display:inline;
zoom:1;
float: left;
font-size: 36px;
height: 36px;
line-height: 38px;
margin: 5px 10px 0 0;
text-align: center;
width: 34px;
}
.kp-dropcap.color {
background-color: #00447B;
font-size:30px;
color: #FFFFFF;
height: 36px;
line-height: 36px;
position: relative;
border-radius:50%;
-moz-border-radius:50%;
-webkit-border-radius:50%;
width: 36px;
z-index: 0;
margin: 5px 10px 0 0;
}
.hover-effect{
cursor:pointer;
position:relative;
}
.hover-effect .mask {
opacity:0;
filter: alpha(opacity=0);
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
background-color:rgba(0,0,0,.5);
overflow:hidden;
}
.hover-effect:hover .mask {
opacity:1;
filter: alpha(opacity=100);
}
.hover-effect .mask a.link-detail {
width:40px !important;
height:40px !important;
display:block;
background-color:#fff;
background-color:rgba(255,255,255,.86);
border:2px solid #00447B;
border-radius:50%;
-moz-border-radius:50%;
-webkit-border-radius:50%;
color:#00447B;
line-height:40px;
text-align:center;
font-size:16px;
position:absolute;
top:150%;
margin:-20px 0 0px -45px;
left:50%;
}
.hover-effect:hover .mask a.link-detail {
top:50%;
}
.hover-effect .mask a.link-gallery {
width:40px !important;
height:40px !important;
display:block;
background-color:#fff;
background-color:rgba(255,255,255,.86);
border:2px solid #00447B;
border-radius:50%;
-moz-border-radius:50%;
-webkit-border-radius:50%;
color:#00447B;
line-height:40px;
text-align:center;
font-size:16px;
position:absolute;
top:150%;
margin:-20px -45px 0px 0px;
right:50%;
}
.hover-effect:hover .mask a.link-gallery {
top:50%;
}
.hover-effect .mask a.link-gallery:hover,
.hover-effect .mask a.link-detail:hover {
background-color:#00447B;
background-color:rgba(51,190,229,.86);
border:2px solid #00447B;
border:2px solid rgba(51,190,229,.86);
color:#fff;
}
.kopa-featured-product-carousel .hover-effect .mask a.link-gallery {
margin:-20px -20px 0px 0px;
}
.kopa-article-list .hover-effect .mask a.link-detail,
.kopa-related-post-carousel .hover-effect .mask a.link-detail {
margin:-20px 0px 0px -20px;
}
.innerslider{height:150px !important; overflow:hidden;}
.innerslider h1{ font-size:60px !important;}
.subtitle2 {
position: absolute;
top: 40%;
}
.subtitle2 {
left: 10%;
opacity: 1;
transition-duration: 1s;
} h1 {
color: #fff;
font: 400 32px/34px  'Rokkitt', serif;
letter-spacing: 0;
margin-bottom:5px;
}
h2 {
color: #fff;
font: 400 28px/30px 'Rokkitt', serif;
letter-spacing: 0;
margin-bottom:5px;
}
h3 {
color: #fff;
font: 400 24px/26px 'Rokkitt', serif;
letter-spacing: 0;
margin-bottom:5px;
}
h4 {
color: #fff;
font: 400 20px/22px 'Rokkitt', serif;
letter-spacing: 0;
margin-bottom:5px;
}
h5 {
color: #fff;
font: 400 16px/20px 'Rokkitt', serif;
letter-spacing: 0;
margin-bottom:5px;
}
h6 {
color: #fff;
font: 400 14px/20px 'Rokkitt', serif;
letter-spacing: 0;
margin-bottom:5px;
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
color: #fff;
}
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover, a:hover,
#header-top .top-link li a:hover,
.kopa-latest-work-widget .entry-item .entry-title a:hover,
.entry-categories a:hover,
.kopa-latest-work-widget .entry-item .entry-categories a:hover,
.kopa-latest-post-widget ul li .entry-item .entry-title a:hover,
.kopa-service-widget ul li .service-title:hover a,
.kopa-service-widget ul li .service-title:hover span,
#contact-info address a:hover,
#footer-menu li a:hover,
#bottom-sidebar .kopa-social-widget li a:hover,
.kopa-intro-widget ul li .entry-title a:hover,
#page-bottom .kopa-widget-best-seller .entry-title a:hover,
#page-bottom .kopa-widget-latest-review .entry-title a:hover,
#page-bottom .kopa-widget-latest-review .entry-comments a:hover,
.kopa-featured-product-widget .entry-item .entry-title a:hover,
.page-title .breadcrumb a:hover,
.kopa-our-team-widget ul li .entry-title a:hover,
.kopa-article-list .entry-item .entry-title a:hover,
.kopa-article-list .entry-item .entry-comments a:hover,
.sidebar .kopa-categories-widget ul li a:hover,
.sidebar .kopa-widget-best-seller .entry-title a:hover,
.sidebar .kopa-widget-rated-product .entry-title a:hover,
.entry-box header .entry-comments a:hover,
.entry-box .social-link li a:hover,
.entry-box footer p a:hover,
.tag-box a:hover,
#comments .comment-body .comment-reply-link:hover,
#comments .comment-body .comment-edit-link:hover {
color: #00447B;
text-decoration:none;
}
.margin-top{ margin-top:20px;}
p { 
margin:20px 30px 10px 0;
line-height:20px;
} .left{ 
float:left;
}
.right{
float:right;
}
.clear {  
clear: both;  
display: block;  
overflow: hidden;  
visibility: hidden;  
width: 0;  height: 0;
}
.clearfix:before, .clearfix:after{
content: '.';  
display: block;  
overflow: hidden;  
visibility: hidden;  
font-size: 0;  
line-height: 0;  
width: 0;  
height: 0;
}
.clearfix:after{  
clear: both;
}
.clearfix{  
zoom: 1;
} a,
#main-menu li a i,
#main-menu li a span,
#contact-form #contact_name,
#contact-form #contact_email,
#contact-form #contact_subject,
#contact-form #contact_message,
#contact-form #submit-contact,
#bottom-sidebar .newsletter-form .submit,
.kopa-latest-work-widget .entry-item,
.kopa-featured-product-widget .entry-item,
.kopa-our-team-widget ul li .entry-item,
#comments-form #submit-comment,
.hover-effect .mask,
#main-menu li ul li,
.cbp-af-header.cbp-af-header-shrink #main-menu > li > a i,
.cbp-af-header.cbp-af-header-shrink #main-menu > li > a,
.cbp-af-header.cbp-af-header-shrink #logo-image,
.cbp-af-header.cbp-af-header-shrink #main-menu > li > ul,
.theme-opt-wrapper .btn,
#mobile-menu > span,
#toggle-view-menu li {
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.hover-effect .mask a {
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
.kopa-intro-widget ul li .entry-title span {
-webkit-transition: color 0.3s ease-in-out;
-moz-transition: color 0.3s ease-in-out;
-o-transition: color 0.3s ease-in-out;
transition: color 0.3s ease-in-out;
}
.kopa-intro-widget ul li .entry-title span {
-webkit-transition: background 0.5s ease-in-out;
-moz-transition: background 0.5s ease-in-out;
-o-transition: background 0.5s ease-in-out;
transition: background 0.5s ease-in-out;
} .wrapper{
width:1086px;
margin: 0 auto;
}
.wrapper.full-width {
width:100%;
margin: 0 auto;
}
#main-col {
float:left;
margin-right:30px;
width:806px;
}
.sidebar {
float:left;
width:250px;
}
.mb-20 {
margin-bottom:20px;
}
.kopa-boxed .kopa-wrapper {
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
margin: 0 auto;
max-width: 1160px;
background:#fff;
}
.kopa-boxed .sticky-header {
width:1160px;
} #header-top {
background-color:#4e5457;
}
#header-top .hot-line {
float:left;
margin:0;
color:#fff;
font-size:13px;
line-height:40px;
}
#header-top .hot-line a{
color:#fff !important;
}
#header-top .top-box {
float:right;
}
#header-top .top-link {
float:left;
}
#header-top .top-link li {
list-style:none;
float:left;
font-size:13px;
color:#fff;
margin:0 0 0 35px;
line-height:40px;
}
#header-top .top-link li:first-child {
margin:0;
}
#header-top .top-link li a {
color:#fff;
} #header-top .search {
float:right;
margin-left:50px;
position:relative;
}
#header-top .search-icon {
background:url(//blueskymobility.com.au/wp-content/themes/blueskymobility/images/icons/search-icon.png) no-repeat center center #00447B;
display:block;
width:41px;
height:41px;
text-indent:-99999px;
font-size:0;
float:right;
}
#header-top .search-box {    
background: none repeat scroll 0 0 #000;
display: none;
height: 41px;
width: 203px;
z-index: 100;
float:left;
}
.search-form {
position:relative;
}
.search-form .search-text {	
background-color: #323738;
border: none;
color: #FFFFFF;
float: left;
font-family: Arial,Helvetica,sans-serif;
font-size: 12px;
height: 41px;
line-height: 28px;
padding: 6px 10px;
width: 100%;
box-sizing:border-box;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
}
.search-form .search-submit {
background:url(//blueskymobility.com.au/wp-content/themes/blueskymobility/images/icons/search-icon.png) no-repeat center center #00447B;
display:block;
width:41px;
height:41px;
text-indent:-99999px;
font-size:0;
border:none;
position:absolute;
top:0;
right:0;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.close-icon{
display:none !important;
}
#header-bottom {
background-color:#f9f9f9;
} #logo-image {
float:left;
}
#logo-image a,
#logo-image a img {
width:100%;
display:block;
}
.fancybox img{ border:#ccc solid 1px !important; background:#fff; padding:5px;} .contact-box2{ float:right !important; width:100% !important;}
#contact-box1 .span6{margin:0 0 0 5px !important;  width:47.718%; }
#contact-box1 p{ clear:left; margin:0 0 5px 0;}
#contact-box1 label{ margin:0;}
#contact-box1{ border:#ccc solid 1px; padding:15px 23px 15px 15px;  float:right;
background:#fff;
-webkit-box-shadow: 0px 0px 5px 1px rgba(181,175,181,1);
-moz-box-shadow: 0px 0px 5px 1px rgba(181,175,181,1);
box-shadow: 0px 0px 5px 1px rgba(181,175,181,1);
}
#main-nav {
float:right;
position:relative;
z-index:9999;
}
#main-menu > li {
float:left;
list-style:none;
margin:0;
background:url(//blueskymobility.com.au/wp-content/themes/blueskymobility/images/background/line-1.png) repeat-y right 0;
position:relative;
z-index:9999;
}
#main-menu > li > a {
text-align:center;
display:block;
padding:25px 20px;
}
#main-menu > li.current-menu-item > a,
#main-menu > li:hover > a {
background-color:#00447B;
}
#main-menu > li > a i {
display:block;
color:#cfd0de;
font-size:22px;
font-style:normal;
margin-bottom:8px;
}
#main-menu > li > a span {
display:block;
color:#464646;
font-size:17px;
font-family: 'Rokkitt', serif;
text-transform:uppercase;
}
#main-menu li.current-menu-item a i,
#main-menu li.current-menu-item a span,
#main-menu li:hover a i,
#main-menu li:hover a span {
color:#fff;
}
.sf-arrows > li > .sf-with-ul:after {
border-width:0px;
}
.sf-arrows li ul li .sf-with-ul:after {
border-width:7px;
margin-top:-7px;
right:8px;
background-repeat:no-repeat;
background-position:right center;
background-image:url(//blueskymobility.com.au/wp-content/themes/blueskymobility/images/background/menu-arrow.png);
border-color:transparent;
}
.sf-arrows ul li > .sf-with-ul:focus:after, 
.sf-arrows ul li:hover > .sf-with-ul:after, 
.sf-arrows ul .sfHover > .sf-with-ul:after {
border-left-color:transparent;
} #main-menu li ul {
display:none;
position:absolute;
width:200px;
top:101px;
left:0;
background-color:#000;
background-color:rgba(0,0,0,.94);
z-index:9999;
}
#main-menu li ul li {
padding:10px 15px;
position:relative;
list-style:none;
margin:0;
z-index:9999;
}
#main-menu li ul li:first-child {
border-top:none;
}
#main-menu li ul li:hover,
#main-menu li ul li.current-menu-item {
background-color:#212222;
}
#main-menu li ul li a {
color:#d4d4d4 !important;
display:block;
}
#main-menu li ul li ul {
top:0;
left:201px;
} #mobile-menu {
display:none;
position:relative;
margin:20px 0;
}
#mobile-menu > span {
display:inline-block;
text-transform:uppercase;
font-family:'Rokkitt', serif;
font-size:24px;
padding:10px 0;
cursor:pointer;
color:#00447B;
}
#mobile-menu > span:hover {
color:#141414;
}
#toggle-view-menu {
display:none;
list-style: none;
margin: 0;
padding: 0;	
border-top: none;
position:absolute;
top:40px;
right:0;
z-index:99999;
width:220px;
}
#toggle-view-menu > li {
margin: 0;
position: relative;
cursor: pointer;
list-style: none;
background-color:#00447B;
border-top:1px solid #fff;
}
#toggle-view-menu h3 {
font-size: 18px;
margin: 0;	
float: left;
line-height: 40px;	
padding: 0 15px;
}
#toggle-view-menu h3 a {
color: #fff;
width:100%;
display:block;
}
#toggle-view-menu li:hover {
background-color: #087796;
}
#toggle-view-menu span {
float: right;
font-size: 26px;
width: 40px;
height: 40px;
text-align: center;
color: #fff;
line-height: 40px;
background-color:#087796;
}
#toggle-view-menu li.active {
background-color:#087796;
}
#toggle-view-menu li.active span,
#toggle-view-menu li.active h3 a {
color:#fff;
}
#toggle-view-menu .menu-panel {
margin: 0px;
display: none;
padding: 10px 15px 0;
font-size: 14px;
color: #fff;
background-color:#087796;
border-top:1px solid #fff;
}
#toggle-view-menu .menu-panel ul {
margin:0;
}
#toggle-view-menu li .menu-panel ul li {
border:none;
list-style:disc inside;
margin: 0 0 10px 0;
color:#fff;
}
#toggle-view-menu .menu-panel ul li a {
display:inline-block;
*display:inline;
zoom:1;
color:#fff;
font-size:12px;
}
#toggle-view-menu .menu-panel ul li ul {
margin-left:40px;
margin-top:10px;
} .sticky-header {
position:fixed;
z-index:10000;
top:0;
width:100%;
}
.cbp-af-header.cbp-af-header-shrink #main-menu > li > a i {
display:none;
}
.cbp-af-header.cbp-af-header-shrink #main-menu > li > a {
padding:15px 20px;
}
.cbp-af-header.cbp-af-header-shrink #logo-image {
margin-top:12px;
height:25px;
}
.cbp-af-header.cbp-af-header-shrink #main-menu > li > ul {
top:50px;
}
.kopa-background {
position:absolute;
top:0px;
left:0px;
width:100%;
height:100%;
background:#000000;
opacity: .2;
filter:alpha(opacity=20);
z-index:10000;
display:none;
} .kopa-portfolio-page #main-content,
.kopa-404-page #main-content {
padding-top:42px;
}
.col1{ float:left; width:40%;}
.kopa-tagline-widget2{ margin:30px 0}
.kopa-tagline-widget3{ margin:10px 0 !important; background:#F7F7F7; padding:15px 25px;}
.title01{ font-size:30px; background:#00447B; color:#fff;   padding:8px; margin:0px 0 0 0;}
.title02{ font-size:30px;  color:#00447B; margin:0;  padding:0px 0 0 0}
.title03{ font-size:20px; line-height:18px;color:#00447B;  margin:0; padding:0px 0 0 0}
.row2{ float:left; margin:0 0 20px 0; clear:both; border-top:#ccc solid 1px;  width:100%; padding:20px 0 0 0}
#main-content .widget {
}
#main-content .widget .widget-title {
color:#fff;
background-color:#00447B;
margin:8px 0 40px;
font-size:24px;
line-height:40px;
padding-left:75px;
position:relative;
border-radius:50px 0 0 50px;
}
.kopa-about-page #main-content .widget.kopa-skill-widget .widget-title {
margin:8px 0 25px;
}
#main-content .widget .widget-title span {
color:#00447B;
background-color:#fff;
width:50px;
height:50px;
border:3px solid #00447B;
border-radius:50%;
position:absolute;
left:0;
top:-8px;
line-height:52px;
text-align:center;
}
.widget-title001 {
color:#fff;
background-color:#00447B;
margin:8px 0 40px;
font-size:24px;
line-height:40px;
padding-left:75px;
position:relative;
border-radius:50px 0 0 50px;
}
.widget-title001 {
margin:8px 0 25px;
}
.widget-title001 span {
color:#00447B;
background-color:#fff;
width:50px;
height:50px;
border:3px solid #00447B;
border-radius:50%;
position:absolute;
left:0;
top:-8px;
line-height:52px;
text-align:center;
}
.kopa-tagline-widget {
background-color:#f8f8f8;
border-left:2px solid #00447B;
padding:20px 25px;
}
.kopa-tagline-description {
float:left;
}
.kopa-tagline-description h4 {
font-size:18px;
font-family: 'Raleway', sans-serif;
font-weight:600;
margin-top:0;
color:#555;
}
.kopa-tagline-description p {
margin:0;
color:#555;
}
.kopa-tagline-widget .kopa-button {
float:right;
} .kopa-latest-work-widget,
.kopa-home-3 .kopa-testimonial-widget,
.kopa-home-2 .kopa-testimonial-widget,
.kopa-featured-product-widget,
.kopa-related-post {
overflow:hidden;
position:relative;
}
.kopa-latest-work-widget .list-carousel.responsive,
.kopa-testimonial-widget .list-carousel.responsive,
.kopa-featured-product-widget .list-carousel.responsive,
.kopa-related-post .list-carousel.responsive {
width: auto;
margin: 0 -13px;
}
.kopa-latest-work-widget .list-carousel > ul,
.kopa-testimonial-widget .list-carousel > ul,
.kopa-featured-product-widget .list-carousel > ul,
.kopa-related-post .list-carousel > ul {
display: block;
height: 100%;
list-style: none outside none;
margin: 0;
padding: 0;
}
.kopa-latest-work-widget .list-carousel ul li,
.kopa-featured-product-widget .list-carousel ul li {
display: block;
float: left;
margin: 0 13px;
padding: 0;
width:252px;
}
.kopa-testimonial-widget .list-carousel ul li {
display: block;
float: left;
margin: 0 13px;
padding: 0;
width:530px;
}
.kopa-related-post .list-carousel ul li {
display: block;
float: left;
margin: 0 13px;
padding: 0;
width:390px;
}
.kopa-latest-work-widget .entry-item,
.kopa-featured-product-widget .entry-item {
text-align:center;
background-color:#fafafa;
border-bottom:1px solid #eee;
padding-bottom:20px;
}
.kopa-latest-work-widget .entry-item:hover,
.kopa-featured-product-widget .entry-item:hover {
border-bottom:1px solid #00447B;
}
.kopa-latest-work-widget .entry-item .entry-thumb,
.kopa-featured-product-widget .entry-item .entry-thumb {
margin-bottom:20px;
}
.kopa-latest-work-widget .entry-item .entry-title,
.kopa-featured-product-widget .entry-item .entry-title {
font-size:16px;
font-weight:500;
margin:0 0 3px;
line-height:18px;
font-family: 'Raleway', sans-serif;
}
.kopa-latest-work-widget .entry-item .entry-title a,
.kopa-featured-product-widget .entry-item .entry-title a {
color:#666;
}
.kopa-latest-work-widget .entry-item .entry-categories a {
color:#a6a6a6;
}
.kopa-latest-work-widget .carousel-nav,
.kopa-testimonial-widget .carousel-nav,
.kopa-featured-product-widget .carousel-nav,
.kopa-related-post .carousel-nav {
position:absolute;
top:15px;
right:5px;
}
.kopa-latest-work-widget .carousel-nav a,
.kopa-testimonial-widget .carousel-nav a,
.kopa-featured-product-widget .carousel-nav a,
.kopa-related-post .carousel-nav a {
display:block;
float:left;
border:1px solid #9ae4ff;
background-repeat:no-repeat;
background-position:center center;
text-indent:-99999px;
font-size:0;
width:25px;
height:25px;
}
.kopa-latest-work-widget .carousel-nav .carousel-prev,
.kopa-testimonial-widget .carousel-nav .carousel-prev,
.kopa-featured-product-widget .carousel-nav .carousel-prev,
.kopa-related-post .carousel-nav .carousel-prev {
background-image:url(//blueskymobility.com.au/wp-content/themes/blueskymobility/images/slider/carousel-prev.png);
}
.kopa-latest-work-widget .carousel-nav .carousel-next,
.kopa-testimonial-widget .carousel-nav .carousel-next,
.kopa-featured-product-widget .carousel-nav .carousel-next,
.kopa-related-post .carousel-nav .carousel-next {
background-image:url(//blueskymobility.com.au/wp-content/themes/blueskymobility/images/slider/carousel-next.png);
background-position:11px center;
margin-left:3px;
}
.kopa-latest-work-widget .carousel-nav a:hover,
.kopa-testimonial-widget .carousel-nav a:hover,
.kopa-featured-product-widget .carousel-nav a:hover,
.kopa-related-post .carousel-nav a:hover {
border:1px solid #fff;
}
.kopa-latest-post-widget {
position:relative;
}
.kopa-latest-post-widget ul li {
margin:0 0 0 2.394107%;
list-style:none;
float:left;
width:48.802947%;
}
.kopa-latest-post-widget ul li:first-child {
margin-left:0;
}
.kopa-latest-post-widget ul li .entry-item .entry-thumb {
float:left;
margin-right:20px;
}
.kopa-latest-post-widget ul li .entry-item .entry-content {
float:left;
width:258px;
}
.kopa-latest-post-widget ul li .entry-item .entry-title {
font-size:16px;
font-weight:500;
font-family: 'Raleway', sans-serif;
margin:0 0 15px;
padding-bottom:15px;
border-bottom:1px solid #ececec;
position:relative;
}
.kopa-latest-post-widget ul li .entry-item .entry-title a {
color:#4c4e54;
}
.kopa-latest-post-widget ul li .entry-item .entry-title span {
width:75px;
display:block;
height:1px;
background-color:#00447B;
position:absolute;
bottom:-1px;
left:0;
}
.kopa-latest-post-widget ul li .entry-item .entry-date {
font-family: 'Raleway', sans-serif;
color:#888;
}
.kopa-latest-post-widget ul li .entry-item .entry-date span {
margin-right:5px;
color:#aaa;
float:left;
margin-top:4px;
}
.kopa-latest-post-widget .view-all {
position:absolute;
top:10px;
right:20px;
color:#f8f8f8;
font-size:14px;
}
.kopa-service-widget ul {
margin-top:40px;
}
.kopa-service-widget ul:first-child {
margin-top:0px;
}
.kopa-service-widget ul li {
list-style:none;
float:left;
margin:0 0 0 2.394107%;
width:23.2%;
}
.kopa-service-widget ul li:first-child {
margin:0;
}
.kopa-service-widget ul li .service-title {
font-weight:500;
font-family: 'Raleway', sans-serif;
font-size:15px;
margin:0 0 20px;
}
.kopa-service-widget ul li .service-title a {
color:#808080;
}
.kopa-service-widget ul li .service-title span {
margin-right:15px;
color:#6e6e6e;
font-size:30px;
}
.kopa-client-widget ul li {
list-style:none;
float:left;
width:182px;
margin:0 0 0 44px;
}
.kopa-client-widget ul li:first-child {
margin:0;
}
.kopa-client-widget ul li div {
background-color:#f8f8f8;
border:1px solid #f1f1f1;
text-align:center;
height:83px;
}
.kopa-client-widget ul li img {
display:inline-block;
}
#main-content .kopa-contact-widget {
background:url(//blueskymobility.com.au/wp-content/themes/blueskymobility/images/background/shadow-1.png) repeat-x 0 top #f4f4f4;
padding:40px 0;
margin-bottom:0;
}
.kopa-contact-widget #contact-form,
.kopa-contact-widget #contact-form .contact-button {
margin:0;
}
.kopa-contact-widget #contact-form p {
position:relative;
}
.kopa-contact-widget #contact-form label.required {
float:left;
width:150px;
font-size:15px;
font-family: 'Raleway', sans-serif;
color:#000;
line-height:40px;
}
.kopa-contact-widget #contact-form label.required span {
color:#848484;
}
.kopa-contact-widget #contact-form #contact_name,
.kopa-contact-widget #contact-form #contact_email,
.kopa-contact-widget #contact-form #contact_subject {
box-sizing:border-box;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
width:250px;
padding:5px 10px;
background-color:#fff;
border:1px solid #e9e9e9;
height:32px;
line-height:30px;
box-shadow:none;
float:left;
border-radius:0;
-moz-border-radius:0;
-webkit-border-radius:0;
}
.kopa-contact-widget #contact-form #contact_message {
box-sizing:border-box;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
width:377px;
padding:5px 10px;
background-color:#fff;
border:1px solid #e9e9e9;
height:210px;
box-shadow:none;
float:left;
border-radius:0;
-moz-border-radius:0;
-webkit-border-radius:0;
}
.kopa-contact-widget #contact-form #contact_name:focus,
.kopa-contact-widget #contact-form #contact_email:focus,
.kopa-contact-widget #contact-form #contact_subject:focus,
.kopa-contact-widget #contact-form #contact_message:focus {
border:1px solid #00447B;
}
.map{ margin:50px 0 0 0}
.cat_button{
background-color: hsl(207, 100%, 24%);
border: medium none;
color: hsl(0, 0%, 100%);
font-family: "Raleway",sans-serif;
font-size: 14px;
margin: 15px 0 0 0 !important;
width:150px !important;
padding: 10px 20px;
}
.row-fluid3{ margin-top:25px; border-top:#ccc solid 1px; padding:15px 0 0 0}
.webform{ width:100% !important;}
.webform input{ width:100% !important; padding:10px 10px!important; }
.webform textarea{ width:100% !important; padding:10px 10px!important; }
.webform select{ width:100% !important; padding:10px 10px!important; }
.kopa-contact-widget #contact-form #submit-contact {
color:#fff;
background-color:#00447B;
border:none;
padding:10px 20px;
font-family: 'Raleway', sans-serif;
font-size:14px;
margin: 0 0 0 16px;
}
.kopa-contact-widget #contact-form #submit-contact:hover {
background-color:#141414;
}
.kopa-contact-widget #contact-form label.error {
position:absolute;
right:0;
top:-20px;
color:#00447B;
font-size:12px;
}
.kopa-contact-widget #contact-info .contact-title {
font-size:36px;
color:#2b2b2b;
margin:0 0 25px;
line-height:28px;
}
.contact-social-link {
margin:20px 0;
}
.contact-social-link li {
float:left;
list-style:none;
margin:0 0 0 7px;
}
.contact-social-link li:first-child {
margin:0;
}
.contact-social-link li a {
display:block;
background-color:#f0f0f0;
border:1px solid #d8d8d8;
width:32px;
height:32px;
text-align:center;
line-height:32px;
color:#535353;
font-size:16px;
}
.contact-social-link li a:hover {
border:1px solid #00447B;
}
.kopa-contact-widget #contact-info address,
.kopa-contact-widget #contact-info address a {
font-size:15px;
font-family: 'Raleway', sans-serif;
color:#3f3f3f;
}
.kopa-contact-widget #contact-info address i {
width:25px;
color:#767676;
background:none;
} .isotope-item {
z-index: 2;
}
.isotope-hidden.isotope-item {
pointer-events: none;
z-index: 1;
} .isotope,
.isotope .isotope-item {
-webkit-transition-duration: 0.8s;
-moz-transition-duration: 0.8s;
-ms-transition-duration: 0.8s;
-o-transition-duration: 0.8s;
transition-duration: 0.8s;
}
.isotope {
-webkit-transition-property: height, width;
-moz-transition-property: height, width;
-ms-transition-property: height, width;
-o-transition-property: height, width;
transition-property: height, width;
}
.isotope .isotope-item {
-webkit-transition-property: -webkit-transform, opacity;
-moz-transition-property:    -moz-transform, opacity;
-ms-transition-property:     -ms-transform, opacity;
-o-transition-property:      -o-transform, opacity;
transition-property:         transform, opacity;
} .isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
-webkit-transition-duration: 0s;
-moz-transition-duration: 0s;
-ms-transition-duration: 0s;
-o-transition-duration: 0s;
transition-duration: 0s;
}  .isotope.infinite-scrolling {
-webkit-transition: none;
-moz-transition: none;
-ms-transition: none;
-o-transition: none;
transition: none;
}
#container {  
margin:0 auto;
}
.element {
width: 118px;
height: 118px;
float: left;
margin:1.5px;
overflow: hidden;
position: relative;
}
.element * {
position: absolute;
margin: 0;
}
.element.width2 { width: 239px; }
.element.height2 { height: 239px; }
.kopa-portfolio-widget {
background:url(//blueskymobility.com.au/wp-content/themes/blueskymobility/images/background/shadow-2.png) no-repeat center top #f5f5f5;
padding:40px 0;	
}
.kopa-portfolio-widget .wrapper {
width:1089px;
}
.element h2 {
background-color:#00447B;
text-align:center;
line-height:118px;
font-size:36px;
color:#fff;
width:100%;
} #page-footer {
background-color:#545454;
}
#copyright {
float:left;
margin:15px 0;
}
#footer-menu {
float:right;
}
#footer-menu li {
float:left;
list-style:none;
margin:0 0 0 20px;
}
#footer-menu li:first-child {
margin:0;
}
#footer-menu li a {
display:block;
color:#c4c4c4;
padding:15px 0;
}
.kopa-home-4 #page-footer,
.kopa-home-2 #page-footer,
.kopa-home-3 #page-footer,
.heavy-dark-footer #page-footer {
background-color:#303030;
} .kopa-home-4 #main-content .sequence-wrapper {
margin-bottom:0;
}
.kopa-home-4.kopa-home-3 #main-content .sequence-wrapper {
margin-bottom:42px;
}
.list-container-2 {
margin-top:-1px;
}
.list-container-2 ul {
margin: 0;
}
.list-container-2 ul li,
.sidebar .widget .list-container-2 ul li {
float: left;
list-style: none outside none;
margin: 0;
padding:0;
width:362px;
position:relative;
}
.list-container-2 ul li.active,
.sidebar .widget .list-container-2 ul li.active {
}
.list-container-2 ul li:first-child,
.sidebar .widget .list-container-2 ul li:first-child {
margin:0;
}
.list-container-2 ul li > a {
background-color: #f7f7f7;
color: #888;
display: block;
font-size: 24px;
line-height:38px;
padding: 10px 0;
text-align:center;
text-transform:uppercase;
outline:none;
transition: all 0.3s ease-in-out 0s;
-moz-transition: all 0.3s ease-in-out 0s;
-webkit-transition: all 0.3s ease-in-out 0s;
}
.list-container-2 ul li.active > a {
text-decoration: none;
background-color:#00447B;
color:#fff;
}
.list-container-2 ul li span {
width:34px;
height:34px;
background:#00447B;
text-align:center;
line-height:34px;
border:2px solid #fff;
border-radius:50%;
font-size:16px;
color:#fff;
margin:0 15px 0 0;
position:relative;
z-index:0;
}
.list-container-2 ul li.active span {
}
.tab-container-2 {
background-color:#00447B;
padding:25px 30px 15px;
color:#fff;
} .kopa-skill {
margin:15px 0 0;
position:relative;
list-style:none;
}
.kopa-skill div {
height: 6px;
float: left;
width: 100%;
position: relative;
margin:0 !important;
}
.kopa-skill p.kopa-skill-title {
color: #555;
font-size:14px;
font-family: 'Raleway', sans-serif;
} .progress-bar {
height: 20px;
margin:30px 0;
position: relative;
background-color: #f3f3f3;
z-index:0;
}
.progress-bar > span {
display: block;
height: 6px;
top:0;
background-color: #00447B;
position: relative;
z-index:0;
}
.progress-bar > span:after, .animate > span > span {
content: "";
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;	
z-index: 1;
-webkit-animation: move 2s linear infinite;
-moz-animation: move 2s linear infinite;
color:#fff;
text-align:right;
}
.animate > span:after {
display: none;
}
@-webkit-keyframes move {
0% {
background-position: 0 0;
}
100% {
background-position: 50px 50px;
}
}
@-moz-keyframes move {
0% {
background-position: 0 0;
}
100% {
background-position: 50px 50px;
}
}
.progress-bar.green > span {
background-color: #00447B;
}
.nostripes > span > span, .nostripes > span:after {
-webkit-animation: none;
-moz-animation: none;
background-image:none;
}
#bottom-sidebar {
background-color:#414246;
padding:35px 0 25px;
color:#e9e9e9;
}
#bottom-sidebar .widget .widget-title {
font-size:24px;
margin:0 0 25px;
line-height:20px;
}
#bottom-sidebar .widget .search-form {
margin:0 0 10px;
position:relative;
}
#bottom-sidebar .widget .search-form .search-text {
background-color:#383a3f;
box-shadow:0 1px 0 #535354;
-moz-box-shadow:0 1px 0 #535354;
-webkit-box-shadow:0 1px 0 #535354;
border:none;
border-radius:0;
-moz-border-radius:0;
-webkit-border-radius:0;
height:40px;
line-height:30px;
box-sizing:border-box;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
width:100%;
color:#aaa;
font-weight:300;
font-size:13px;
font-family: 'Open Sans', sans-serif;
padding:5px 10px;
}
#bottom-sidebar .widget .search-form .search-submit {
width:20px;
height:20px;
border:none;
background:url(//blueskymobility.com.au/wp-content/themes/blueskymobility/images/icons/search-icon-2.png) no-repeat 0 0;
position:absolute;
top:8px;
right:10px;
}
#bottom-sidebar .kopa-social-widget ul {
margin-bottom:20px;
}
#bottom-sidebar .kopa-social-widget li {
list-style:none;
float:left;
margin:0 0 0 10px;
}
#bottom-sidebar .kopa-social-widget li:first-child {
margin:0;
}
#bottom-sidebar .kopa-social-widget li a {
display:block;
width:40px;
height:40px;
color:#e2e2e2;
text-align:center;
background-color:#383a3f;
box-shadow:0 1px 0 #535354;
-moz-box-shadow:0 1px 0 #535354;
-webkit-box-shadow:0 1px 0 #535354;
line-height:40px;
font-size:18px;
}
#bottom-sidebar .kopa-social-widget li a:hover {
display:block;
width:40px;
height:40px;
color:#383a3f;
text-align:center;
background-color:#eee;
box-shadow:0 1px 0 #535354;
-moz-box-shadow:0 1px 0 #535354;
-webkit-box-shadow:0 1px 0 #535354;
line-height:40px;
font-size:18px;
}
#bottom-sidebar .newsletter-form {
margin:0;
}
#bottom-sidebar .newsletter-form .email {
background-color:#383a3f;
box-shadow:0 1px 0 #535354;
-moz-box-shadow:0 1px 0 #535354;
-webkit-box-shadow:0 1px 0 #535354;
border:none;
border-radius:0;
-moz-border-radius:0;
-webkit-border-radius:0;
height:40px;
line-height:30px;
box-sizing:border-box;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
width:255px;
color:#aaa;
font-weight:300;
font-size:13px;
font-family: 'Open Sans', sans-serif;
padding:5px 10px;
float:left;
margin-right:2px;
}
#bottom-sidebar .newsletter-form .submit {
background-color:#00447B;
color:#fff;
font-family: 'Raleway', sans-serif;
font-size:14px;
border:none;
padding:11px 10px;
}
#bottom-sidebar .newsletter-form .submit:hover {
background-color:#141414;
} .kopa-intro-widget ul li {
list-style:none;
float:left;
width:32%;
margin:0 0 0 2%;
}
.kopa-intro-widget ul li:first-child {
margin:0;
}
.kopa-intro-widget ul li .entry-title {
font-size:24px;
line-height:72px;
margin:0 0 25px;
}
.kopa-intro-widget ul li .entry-title a {
color:#555;
}
.kopa-intro-widget ul li .entry-title span {
background:#00447B;
border:2px solid #00447B;
display:block;
float:left;
width:68px;
height:68px;
color:#fff;
text-align:center;
line-height:68px;
border-radius:50%;
-moz-border-radius:50%;
-webkit-border-radius:50%;
font-size:26px;
margin-right:20px;
}
.kopa-intro-widget ul li:hover .entry-title span {
background:#fff;
color:#00447B;
}
.kopa-intro-widget ul li p {
color:#666;
font-size:13px;
}
.kopa-testimonial-widget .testimonial-detail {
position:relative;
}
.kopa-testimonial-widget .testimonial-detail .avatar {
position:absolute;
left:0;
top:20px;
border-radius:50%;
-moz-border-radius:50%;
-webkit-border-radius:50%;
z-index:0;
}
.kopa-testimonial-widget .testimonial-detail .avatar img {
display:block;
width:100%;
border-radius:50%;
-moz-border-radius:50%;
-webkit-border-radius:50%;
position:relative;
z-index:1;
}
.kopa-testimonial-widget .testimonial-detail .testimonial-content {
margin-left:40px;
background:url(//blueskymobility.com.au/wp-content/themes/blueskymobility/images/icons/quote-icon-1.png) no-repeat 55px 10px #f8f8f8;
border:1px solid #ededed;
padding:25px 35px 15px 60px;	
}
.kopa-testimonial-widget .testimonial-detail .testimonial-content p {
line-height:22px;
font-family: 'Raleway', sans-serif;
font-size:14px;
color:#666;
background:url(//blueskymobility.com.au/wp-content/themes/blueskymobility/images/icons/quote-icon-2.png) no-repeat right top;
}
#page-bottom {
background-color:#f1f1f1;
padding:40px 0;
}
#page-bottom .widget .widget-title {
margin:0 0 20px;
font-size:24px;
color:#222;
line-height:20px;
}
#page-bottom .widget_text {
font-size:13px;
color:#4c4e54;
}
#page-bottom .widget ul li {
list-style:none;
border-top:1px solid #e1e1e1;
padding-top:25px;
margin-top:25px;
}
#page-bottom .widget ul li:first-child {
border-top:none;
padding-top:0;
margin-top:0;
}
#page-bottom .kopa-widget-best-seller .entry-thumb,
#page-bottom .kopa-widget-latest-review .entry-thumb {
float:left;
margin-right:20px;
}
#page-bottom .kopa-widget-best-seller .entry-title,
#page-bottom .kopa-widget-latest-review .entry-title {
font-size:13px;
font-weight:600;
margin:0px;
font-family: 'Open Sans', sans-serif;
}
#page-bottom .kopa-widget-best-seller .entry-title a,
#page-bottom .kopa-widget-latest-review .entry-title a {
color:#4c4e54;
}
#page-bottom .kopa-widget-best-seller strong {
color:#4c4e54;
font-size:14px;
}
#page-bottom .kopa-widget-latest-review .kopa-rating {
margin-top:5px;
float:left;
}
#page-bottom .kopa-widget-latest-review .kopa-rating li {
float:left;
border-top:none;
padding:0;
margin:0;
}
#page-bottom .kopa-widget-latest-review .kopa-rating li a {
font-size:10px;
color:#00447B;
}
#page-bottom .kopa-widget-latest-review .kopa-rating li a:hover {
color:#989898;
}
#page-bottom .kopa-widget-latest-review .entry-comments {
display:inline-block;
margin:5px 0 0 10px;
color:#989898;
}
#page-bottom .kopa-widget-latest-review .entry-comments a {
margin:0 0 0 5px;
color:#4c4e54;
}
.flickr-wrap {
margin-right:-15px;
}
.flickr-badge-image {
list-style:none;
float:left;
margin:0 15px 15px 0;
} .kopa-featured-product-widget .entry-item .entry-thumb {
position:relative;
margin-bottom:35px;
}
.kopa-featured-product-widget .entry-item .entry-thumb .add-to-cart {
display:block;
width:48px;
height:48px;
background-color:#00447B;
color:#fff;
line-height:48px;
border-radius:50%;
-moz-border-radius:50%;
-webkit-border-radius:50%;
font-size:20px;
position:absolute;
left:50%;
bottom:-24px;
margin-left:-24px;
}
.kopa-featured-product-widget .entry-item .entry-thumb .add-to-cart:hover {
background-color:#141414;
}
.kopa-featured-product-widget .entry-item .entry-title {
margin:0 0 15px;
}
.kopa-featured-product-widget .price-box {
font-size:18px;
color:#a6a6a6;
font-family: 'Rokkitt', serif;
}
.kopa-featured-product-widget .price-box .current-price,
.kopa-featured-product-widget .price-box .saleoff-price {
font-size:14px;
font-family: 'Open Sans', sans-serif;
margin-left:5px;
}
.kopa-featured-product-widget .price-box .current-price {
text-decoration:line-through;
}
.kopa-featured-product-widget .price-box .saleoff-price {
color:#00447B;
} .page-title-wrapper {
background:url(//blueskymobility.com.au/wp-content/themes/blueskymobility/images/background/pattern-1.png) repeat 0 0;
border-bottom:1px solid #e3e3e3;
border-top:1px solid #e3e3e3;
margin-bottom:45px;
}
.page-title {
border-bottom:6px solid #f3f3f3;
border-top:6px solid #f3f3f3;
padding:20px 0;
}
.page-title h3 {
color:#555;
font-size:28px;
line-height:22px;
margin:0 0 10px;
}
.page-title .breadcrumb {
background:none;
margin:0;
padding:0;
color:#888;
font-family: 'Raleway', sans-serif;
font-size:14px;
}
.page-title .breadcrumb a {
background:url(//blueskymobility.com.au/wp-content/themes/blueskymobility/images/icons/breadcrumb-icon.png) no-repeat right 7px;
padding-right:15px;
}
.page-title .breadcrumb a,
.page-title .breadcrumb span {
margin-right:7px;
float:left;
}
.page-title .breadcrumb a {
color:#888;
}
.page-title .breadcrumb span {
margin-top:1px;
}
.page-title .breadcrumb span.current-page {
margin-top:0px;
}
.kopa-about-widget .entry-thumb {
float:left;
width:531px;
margin-right:25px;
}
.kopa-our-team-widget ul li {
list-style:none;
float:left;
margin:0 0 0 25px;
width:252px;
text-align:center;
}
.kopa-our-team-widget ul li:first-child {
margin:0;
}
.kopa-our-team-widget ul li .entry-thumb {
margin-bottom:20px;
}
.kopa-our-team-widget ul li .entry-title {
font-size:24px;
text-transform:uppercase;
margin:0 0 2px;
}
.kopa-our-team-widget ul li .entry-title a,
.kopa-our-team-widget ul li header span {
color:#555;
}
.kopa-our-team-widget ul li header span {
font-family: 'Raleway', sans-serif;
}
.kopa-our-team-widget ul li header {
border-bottom:1px solid #f2f2f2;
padding-bottom:10px;
margin-bottom:15px;
}
.kopa-our-team-widget ul li .our-team-social-link {
display:inline-block;
margin-top:10px;
}
.kopa-our-team-widget ul li .our-team-social-link li {
width:auto;
margin:0 0 0 10px;
}
.kopa-our-team-widget ul li .our-team-social-link li:first-child {
margin:0;
}
.kopa-our-team-widget ul li .our-team-social-link li a {
display:block;
width:30px;
height:30px;
background-color:#d6d6d6;
color:#fff;
border-radius:50%;
-moz-border-radius:50%;
-webkit-border-radius:50%;
text-align:center;
line-height:32px;
font-size:16px;
}
.kopa-our-team-widget ul li .our-team-social-link li a:hover {
background-color:#00447B;
}
.kopa-our-team-widget ul li .entry-item {
border-bottom:1px solid #f2f2f2;
padding-bottom:20px;
}
.kopa-our-team-widget ul li .entry-item:hover {
border-bottom:1px solid #00447B;
}
.kopa-about-page .kopa-skill-wrapper {
margin-right:-25px;
}
.kopa-about-page .kopa-skill {
width:530px;
margin-right:25px;
float:left;
} .kopa-article-list li {
list-style:none;
margin:0;
}
.kopa-article-list .entry-item {
padding-bottom:30px;
border-bottom:1px solid #f5f5f5;
margin-bottom:40px;
}
.kopa-article-list .entry-item .entry-thumb {
margin-bottom:35px;
}
.kopa-article-list .entry-item .entry-title {
font-size:20px;
font-family: 'Raleway', sans-serif;
border-bottom:1px solid #ececec;
padding-bottom:15px;
margin:0 0 15px;
position:relative;
}
.kopa-article-list .entry-item .entry-title a {
color:#333;
}
.kopa-article-list .entry-item .entry-title span {
position:absolute;
bottom:-1px;
left:0;
height:1px;
background-color:#00447B;
width:40%;
}
.kopa-article-list .entry-item .entry-date,
.kopa-article-list .entry-item .entry-comments {
color:#888;
font-family: 'Raleway', sans-serif;
margin-right:15px;
}
.kopa-article-list .entry-item .entry-comments a {
color:#888;
}
.kopa-article-list .entry-item .entry-date span,
.kopa-article-list .entry-item .entry-comments span {
margin-right:7px;
}
.kopa-article-list .entry-item header {
margin-bottom:10px;
}
.pagination {
margin-bottom:40px;
}
.pagination ul {
box-shadow:none;
border-radius:0;
}
.pagination .page-numbers li a,
.pagination .page-numbers li span {
font-size:16px;
color:#333;
font-family: 'Rokkitt', serif;
border-color: #e4e4e4;
}
.pagination ul > li > a, 
.pagination ul > li > span {
border-width:1px;
}
.pagination ul > li {
margin-left:10px;
float:left;
margin-bottom:0;
}
.pagination ul > li:first-child {
margin-left:0;
}
.pagination ul > li:first-child > a, 
.pagination ul > li:first-child > span,
.pagination ul > li:last-child > a, 
.pagination ul > li:last-child > span {
border-radius:0;
}
.pagination ul > li > span.current,
.pagination ul > li > a:hover {
background-color:#00447B;
color:#fff;
border-color: #00447B;
} #main-content .sidebar .widget .widget-title {
background:none;
font-size:24px;
line-height:24px;
color:#444;
padding:0 0 10px;
border-bottom: 1px solid #ececec;
border-radius:0;
margin:0 0 25px;
}
#main-content .sidebar .widget .widget-title span {
bottom:-1px;
height:1px;
width:40%;
border:none;
border-radius:0;
background-color:#00447B;
top:auto;
} #main-content .sidebar .widget {
margin-bottom:40px;
}
.sidebar .widget ul li {
list-style:none;
margin:25px 0 0;
}
.sidebar ul li:first-child {
margin:0;
}
.accordion-title {
margin-bottom:10px;
position:relative;
}
.accordion-title span {
display:block;
position:absolute;
width:22px;
height:22px;
color:#b7b7b7;
background-color:#f6f6f6;
border:1px solid #e9e9e9;
line-height:22px;
text-align:center;
font-size:18px;
right:0;
top:0;
cursor:pointer;
}
.accordion-title h3{
margin:0px;
line-height:24px;
font-size:16px;
font-family: 'Raleway', sans-serif;
font-weight:500;
}
.accordion-title a {
color:#444;
display: inline-block;
*display:inline;
zoom:1;
}
.accordion-container {
margin:15px 0;
}
.sidebar .kopa-categories-widget ul li {
list-style:inside disc;
color:#00447B;
margin:10px 0 0;
}
.sidebar .kopa-categories-widget ul li a {
color:#6f6f6f;
font-size:13px;
font-weight:500;
font-family: 'Raleway', sans-serif;
}
.sidebar .kopa-widget-best-seller .entry-thumb,
.sidebar .kopa-widget-rated-product .entry-thumb {
float:left;
margin-right:15px;
}
.sidebar .kopa-widget-best-seller .entry-title,
.sidebar .kopa-widget-rated-product .entry-title {
margin:0 0 10px;
font-size:15px;
font-weight:500;
font-family: 'Raleway', sans-serif;
}
.sidebar .kopa-widget-best-seller .entry-title a,
.sidebar .kopa-widget-rated-product .entry-title a {
color:#444;
}
.sidebar .kopa-widget-best-seller .price-box .current-price,
.sidebar .kopa-widget-rated-product .price-box .current-price {
color:#666;
font-weight:500;
font-family: 'Raleway', sans-serif;
}
.sidebar .kopa-widget-best-seller .price-box .saleoff-price,
.sidebar .kopa-widget-rated-product .price-box .saleoff-price {
color:#00447B;
font-weight:500;
font-family: 'Raleway', sans-serif;
font-size:18px;
}
.sidebar .kopa-widget-rated-product .kopa-rating {
display:inline-block;
}
.sidebar .kopa-widget-rated-product .kopa-rating li {
float:left;
margin:0;
font-size:10px;
}
.sidebar .kopa-widget-rated-product .kopa-rating li a {
color:#00447B;
} .kopa-blog-2 .kopa-article-list .entry-item .entry-thumb {
width:307px;
float:left;
margin-right:25px;
}
.kopa-blog-2 .kopa-article-list .entry-item .entry-thumb audio {
width:100%;
}
.kopa-blog-2 .kopa-article-list .entry-item .entry-content {
float:left;
width:474px;
}
.kopa-blog-2 .kopa-article-list .entry-item .entry-title {
line-height:26px;
}
.kopa-blog-2 .blogpost-slider .flex-direction-nav li a {
width:30px;
height:30px;
margin:-15px 0 0;
} .entry-box,
.about-author,
.tag-box,
.kopa-related-post,
#comments,
#respond {
margin-bottom:35px;
}
.entry-box .entry-thumb {
margin-bottom:35px;
}
.entry-box .entry-thumb img {
width:100%;
display:block;
}
.entry-box .entry-title {
font-family: 'Raleway', sans-serif;
color:#333;
border-bottom:1px solid #ececec;
padding-bottom:10px;
position:relative;
margin:0 0 15px;
}
.entry-box .entry-title span {
height:1px;
background-color:#00447B;
position:absolute;
bottom:-1px;
left:0;
width:40%;
}
.entry-box header .entry-date, 
.entry-box header .entry-comments {
color: #888888;
font-family: 'Raleway',sans-serif;
margin-right: 15px;
}
.entry-box header .entry-comments a {
color: #888888;
}
.entry-box header .entry-date span, 
.entry-box header .entry-comments span {
margin-right: 7px;
}
.entry-box header {
margin-bottom:10px;
}
.entry-box p {
margin-bottom:20px;
}
.entry-box .social-link {
background-color:#f6f6f6;
padding:10px 20px;
margin-bottom:2px;
}
.entry-box .social-link li {
list-style:none;
float:left;
color: #333;
font-family: 'Raleway',sans-serif;
font-size:13px;
font-weight:500;
margin:0 0 0 15px;
}
.entry-box .social-link li:first-child {	
margin:0;
}
.entry-box .social-link li a {
color:#000;
font-size:16px;
}
.entry-box footer p {
background-color:#f6f6f6;
float:left;
padding:15px 20px;
margin:0;
width:362px;
}
.entry-box footer p.prev-post {
margin-right:1px;
}
.entry-box footer p.next-post {
margin-left:1px;
text-align:right;
}
.entry-box footer p a {
color:#333;
font-size:18px;
font-family: 'Rokkitt', serif;
display:block;
margin-bottom:10px;
}
.entry-box footer p a.article-title {
font-size:20px;
font-family: 'Raleway',sans-serif;
}
.entry-box footer p .entry-date {
color:#888;
font-family: 'Raleway',sans-serif;
}
.about-author {
border:1px solid #eee;
padding:20px;
}
.about-author .avatar-thumb {
border:3px solid #f4f4f4;
border-radius:50%;
-moz-border-radius:50%;
-webkit-border-radius:50%;
float:left;
margin-right:20px;
display:block;
}
.about-author .avatar-thumb img {
border-radius:50%;
-moz-border-radius:50%;
-webkit-border-radius:50%;
}
.about-author .author-content {
float:left;
width:651px;
}
.about-author .author-content header {
border-bottom:1px solid #eee;
padding-bottom:10px;
margin-bottom:15px;
}
.about-author .author-content header h4 {
display:inline-block;
margin:0 10px 0 0;
font-size:20px;
color:#555;
}
.about-author .author-content header .author-name {
font-size:13px;
color:#00447B;
}
.about-author .author-content header .author-name:hover {
color:#555;
}
.about-author .author-content p {
margin-bottom:0;
}
.tag-box span,
.tag-box a {
display:inline-block;
}
.tag-box span {
font-size:24px;
color:#3e3e3e;
font-family: 'Rokkitt', serif;
margin-right:10px;
}
.tag-box a {
font-size:13px;
color:#555;
padding:5px 20px;
background-color:#f6f6f6;
border-bottom:1px solid #f6f6f6;
}
.tag-box a:hover {
border-bottom:1px solid #00447B;
}
.kopa-related-post ul li .entry-item .entry-thumb {
float: left;
margin-right: 20px;
width:200px;
}
.kopa-related-post ul li .entry-item .entry-content {
float: left;
width: 170px;
}
.kopa-related-post ul li .entry-item .entry-title {
border-bottom: 1px solid #ECECEC;
font-family: 'Raleway',sans-serif;
font-size: 16px;
font-weight: 500;
margin: 0 0 15px;
padding-bottom: 15px;
position: relative;
}
.kopa-related-post ul li .entry-item .entry-title a {
color: #4C4E54;
}
.kopa-related-post ul li .entry-item .entry-title span {
background-color: #00447B;
bottom: -1px;
display: block;
height: 1px;
left: 0;
position: absolute;
width: 75px;
}
.kopa-related-post ul li .entry-item .entry-date {
color: #888888;
font-family: 'Raleway',sans-serif;
}
.kopa-related-post ul li .entry-item .entry-date span {
color: #AAAAAA;
float: left;
margin-right: 5px;
margin-top: 1px;
}
#comments h3,
.kopa-related-post h3,
#respond h3 {
background-color: #00447B;
border-radius: 50px 0 0 50px;
color: #FFFFFF;
font-size: 24px;
line-height: 40px;
margin: 8px 0 40px;
padding-left: 75px;
position: relative;
}
#comments h3 span,
.kopa-related-post h3 span,
#respond h3 span {
background-color: #FFFFFF;
border: 3px solid #00447B;
border-radius: 50% 50% 50% 50%;
color: #00447B;
height: 50px;
left: 0;
line-height: 52px;
position: absolute;
text-align: center;
top: -8px;
width: 50px;
} .comments-list .comment {
margin-bottom:25px;
list-style:none;
}
#comments .comment-avatar {
float:left;
margin-right:15px;
width:60px;
border:3px solid #f4f4f4;
border-radius:50%;
-moz-border-radius:50%;
-webkit-border-radius:50%;
}
#comments .comment-avatar img {
display:block;
width:100%;
border-radius:50%;
-moz-border-radius:50%;
-webkit-border-radius:50%;
position:relative;
z-index:0;
}
#comments .comment-body {
border-bottom:1px solid #e8e8e8;
float:left;
width:725px;
padding-bottom:20px;
}
#comments .comment-body header {
margin-bottom:7px;
}
#comments .comment-body .comment-meta {
float:left;
}
#comments .comment-body .author {
font-weight:600;
font-size:14px;
font-family: 'Raleway',sans-serif;
color:#333;
}
#comments .comment-body .date {
font-size:14px;
font-family: 'Raleway',sans-serif;
color:#666;
}
#comments .comment-body p {
color:#777;
margin-bottom:5px;
}
#comments .comment-body .comment-button {
float:right;
font-family: 'Raleway',sans-serif;
color:#aeaeae;
font-weight:500;
}
#comments .comment-body .comment-reply-link,
#comments .comment-body .comment-edit-link {
display:inline-block;
color:#aeaeae;
}
#comments .comments-list .children {
margin-left:60px;
}
#comments .comments-list .children .comment-body {
width:665px;
}
.kopa-comment-pagination {
float:right;
margin:0;
font-size:16px;
font-family: 'Rokkitt',serif;
}
.kopa-comment-pagination a {	
color:#444;
margin-left:15px;
}
.kopa-comment-pagination a:hover {
color:#00447B;
}
.kopa-comment-pagination .current {
color:#00447B;
margin-left:15px;
} #comments-form {
margin-bottom:0;
}
#comments-form .comment-left {
float:left;
width:290px;
}
#comments-form .comment-right {
float:right;
width:475px;
}
.kp-single-4 #comments-form .comment-left {
width:440px;
}
.kp-single-4 #comments-form .comment-right {
width:650px;
}
#comments-form label.required {
font-size:13px;
color:#000;
margin-bottom:10px;
display:block;
}
#comments-form label.required span {
color:#00447B;
}
#comments-form #comment_name,
#comments-form #comment_email,
#comments-form #comment_url {
padding:0 15px;
width:100%;
box-sizing:border-box;
-moz-box-sizing:border-box;
background-color:#fbfbfb;
border:1px solid #eee;
border-radius:0;
-moz-border-radius:0;
-webkit-border-radius:0;
box-shadow:none !important;
height:35px;
line-height:35px;
margin:0 0 5px;
}
#comments-form #comment_message {
padding:5px 15px;
width:100%;
box-sizing:border-box;
-moz-box-sizing:border-box;
background-color:#fbfbfb;
border:1px solid #eee;
border-radius:0;
-moz-border-radius:0;
-webkit-border-radius:0;
box-shadow:none !important;
margin:0 0 5px;
height:195px;
}
#comments-form #submit-comment {
display:inline-block;
*display:inline;
zoom:1;
padding:7px 15px;
color:#fff;
background-color:#00447B;
border:none;
font-size:14px;
font-weight:600;
}
#comments-form #submit-comment:hover {
background-color:#141414;
}
#comments-form #comment_name:focus,
#comments-form #comment_email:focus,
#comments-form #comment_url:focus,
#comments-form #comment_message:focus {
border:1px solid #00447B;
}
.kopa-single-standard-2 .entry-box .entry-thumb {
float:left;
margin:0 20px 0 0;
width:310px;
}
.kopa-single-standard-2 .entry-box header {
float:left;
width:476px;
}
label.error {
color:#00447B;
} .kp-map {
margin-bottom:30px;
}
.kp-map iframe {
margin-bottom:15px;
}
.contact-title {
font-size: 24px;
color:#3f3f3f;
border-bottom:1px solid #ececec;
padding-bottom:10px;
line-height:22px;
margin: 0 0 25px;
position:relative;
}
.contact-title span {
position:absolute;
left:0;
bottom:-1px;
height:1px;
background-color:#00447B;
width:25%;
}
#contact-information address p {
margin-bottom:15px;
}
.kopa-contact-page #contact-form p.input-block, 
.kopa-contact-page #contact-form p.subject-block {
position: relative;
margin-bottom: 5px;
}
.kopa-contact-page #contact_name, 
.kopa-contact-page #contact_email, 
.kopa-contact-page #contact_url, 
.kopa-contact-page #contact_subject, 
.kopa-contact-page #contact_phone {
border: 1px solid #e4e4e4;
height: 45px;
line-height:30px;
margin-top: 5px;
padding: 5px 55px 5px 120px;
width: 100%;
border-radius:0;
-moz-border-radius:0;
-webkit-border-radius:0;
box-shadow:none;
box-sizing:border-box;
-moz-box-sizing:border-box;
margin:0;
background-repeat:no-repeat;
background-position:355px 10px;
background-color:#fff;
}
.kopa-contact-page #contact_name {
background-image:url(//blueskymobility.com.au/wp-content/themes/blueskymobility/images/icons/big-user.png);
}
.kopa-contact-page #contact_email {
background-image:url(//blueskymobility.com.au/wp-content/themes/blueskymobility/images/icons/envelope.png);
}
.kopa-contact-page #contact_url {
background-image:url(//blueskymobility.com.au/wp-content/themes/blueskymobility/images/icons/big-link.png);
}
.kopa-contact-page #contact_url {
padding:5px 55px 5px 70px;
}
.kopa-contact-page #contact-form p.textarea-block {
position: relative;
}
.kopa-contact-page #contact_message {
border: 1px solid #e8e8e8;
height: 150px;
padding: 10px 20px 10px 145px;
width:100%;
box-sizing:border-box;
-moz-box-sizing:border-box;
margin:0;
border-radius:0;
-moz-border-radius:0;
-webkit-border-radius:0;
box-shadow:none;
height:160px;
}
.kopa-contact-page #contact_message:focus,
.kopa-contact-page #contact_name:focus, 
.kopa-contact-page #contact_email:focus, 
.kopa-contact-page #contact_url:focus, 
.kopa-contact-page #contact_subject:focus {
outline:0;
border:1px solid #00447B;
}
.kopa-contact-page #contact-form .contact-button {
margin-bottom:0px;
}
.kopa-contact-page #contact-form #submit-contact {
display:inline-block;
*display:inline;
zoom:1;
padding:7px 15px;
color:#fff;
background-color:#00447B;
font-size:13px;
font-weight:600;
border:none;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.kopa-contact-page #contact-form #submit-contact:hover {
background-color:#141414;
}
.kopa-contact-page #contact-form label.required {
color:#777;
position:absolute;
top:12px;
left:15px;
font-size:12px;
}
.kopa-contact-page #contact-form p.textarea-block label.required {
top:12px;
}
.kopa-contact-page #contact-form label.error {
color: #32a7dd;
position: absolute;
right: 15px;
top: 12px;
}
.kopa-contact-page #contact-form p.textarea-block label.error {
top: 7px;
}
.kopa-contact-page #response {
margin-bottom: 20px;
text-align: center;
font-size:18px;
}
.kopa-contact-page #response .success {
color: #32a7dd;
margin-top:20px;
display:inline-block;
*display:inline;
zoom:1;
}
.kopa-contact-page #response .failure {
color: #32a7dd;
margin-top:20px;
display:inline-block;
*display:inline;
zoom:1;
}
#contact-information p {
font-size:13px;
color:#666;
}
#contact-information i {
color:#00447B;
font-size:17px;
width:17px;
text-align:center;
margin-right:10px;
background:none;
}
#contact-information a,
#contact-information address p {
color:#3f3f3f;
}
#contact-information a:hover {
color:#00447B;
}
#contact-information .accordion-title h3 {
font-family: 'Raleway',sans-serif;
font-size: 15px;
font-weight: 600;
line-height: 34px;
margin: 0;
color:#555;
}
#contact-information .accordion-title span {
background-color: #00447B;
color: #fff;
cursor: pointer;
display: block;
font-size: 22px;
font-weight:700;
height: 34px;
line-height: 34px;
position: absolute;
right: auto;
left:0;
text-align: center;
top: 0;
width: 34px;
border:none;
}
#contact-information .accordion-title a {
display:block;
background-color:#f7f7f7;
margin-left:41px;
padding-left:20px;
color:#555;
}
#contact-information .accordion-container {
margin: -10px 0 15px 41px;
background-color:#f7f7f7;
padding:10px 20px 1px;
} .elements-title,
.elements-box h1,
.elements-box h2,
.elements-box h3,
.elements-box h4,
.elements-box h5,
.elements-box h6  {
color:#555;
margin:0 0 10px;
}
.list-container-1 ul {
margin: 0;
}
.list-container-1 ul li {
float: left;
list-style: none outside none;
margin: 0 2px 0 0;
border:none;
padding:0;
width:98px;
box-sizing:border-box;
-moz-box-sizing:border-box;
}
.list-container-1 ul li a {
background-color: #fff;
border:1px solid #e4e4e4;
color: #7e7e7e;
display: block;
font-family:'Rokkitt', serif;
font-size: 18px;
padding: 8px 0;
text-align:center;
outline:none;
transition: all 0.3s ease-in-out 0s;
-moz-transition: all 0.3s ease-in-out 0s;
-webkit-transition: all 0.3s ease-in-out 0s;
}
.list-container-1 ul li.active a, 
.list-container-1 ul li:hover a {
border-top:1px solid #00447B;
color: #333;
text-decoration: none;
}
.tab-container-1 {
background-color:#fff;
border:1px solid #e4e4e4;
border-top:none;
padding:15px 20px 5px;
}
.elements-box .kopa-button {
margin-right:15px;
} #toggle-view {
list-style:none;   
margin:0;
padding:0;
}
#toggle-view p {
margin-bottom:0;
}
#toggle-view li {
margin:0 0 10px;
position:relative;
cursor:pointer;
list-style:none;	
}
#toggle-view li h3 {
font-family: 'Raleway',sans-serif;
font-size:15px;
font-weight:500;
margin:0;
color:#444;
padding:0 20px 0 45px;
line-height:24px;
}
#toggle-view li span {
position:absolute;
left:0px;
top:0px;
font-size:18px;
width:22px;
height:22px;
text-align:center;
color:#b7b7b7;
line-height:22px;
background-color:#f6f6f6;
border:1px solid #e9e9e9;
}
#toggle-view li.active span {
line-height:20px;
}
#toggle-view .panel {
margin:0;
display:none;
}
#toggle-view .panel p {
margin:10px 0;
} .da-thumbs li {
position:relative;
list-style:none;
}
.da-thumbs li .da-thumbs-hover img {
display: block;
position: relative;
width:100%;
}
.da-thumb li .da-thumbs-hover {
overflow: hidden;
}
.da-thumbs li .da-thumbs-hover p {
position: absolute;
background:#00447B;
background: rgba(51,190,229,.7);
width: 100%;
height: 100%;
text-align:center;
z-index:0;
}
.da-thumbs li .da-thumbs-hover p a {
width:22px;
height:22px;
display:inline-block;
text-indent:-99999px;
font-size:0;
position:absolute;
top:50%;	
}
.da-thumbs li .da-thumbs-hover p a.link-gallery {
background:url(//blueskymobility.com.au/wp-content/themes/blueskymobility/images/icons/search.png) no-repeat center center;
margin:-11px -27px 0 0;
right:50%;
}
.da-thumbs li .da-thumbs-hover p a.link-detail {
background:url(//blueskymobility.com.au/wp-content/themes/blueskymobility/images/icons/big-link.png) no-repeat center center;
margin:-11px 0 0 -27px;
left:50%;
} .error-404{
margin:70px 10% 100px;
}
.error-404 .left-col{
width:41%;
float:left;
margin:0 2%;
}
.error-404 .left-col p{
font-size:120px;
font-family:Arial, Helvetica, sans-serif;
font-weight:700;
color:#00447B;
line-height:100px;
text-align:right;
}
.error-404 .right-col{
width:50%;
float:left;
margin:0 2%;
}
.error-404 .right-col h1{
margin-bottom:10px;
font-size:29px;
color:#00447B;
margin-top:0;
}
.error-404 .right-col a {
color:#00447B;
}
.error-404 .right-col a:hover {
color:#666;
}
.kopa-pagelink{
margin-top:20px;
margin-bottom:20px;
}
.kopa-pagelink a{	
color:#00447B;
text-decoration:underline;
font-weight:700;
padding-right:15px;
} #back-top {
bottom: 30px;
margin-bottom: 0;
margin-right: 15px;
position: fixed;
right: 0;
z-index: 100;
}
#back-top a {
background-repeat:no-repeat;
background-position:center center;
background-color:#00447B;
background-image:url(//blueskymobility.com.au/wp-content/themes/blueskymobility/images/icons/arrow-up.png);
display: block;
height: 50px;
outline: medium none;
position: relative;
text-indent:-9999px;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
width: 50px;
z-index: 0;
text-align:center;
}
#back-top a:hover {
background-color:#c9c9c9;
}  .table-3col h4, 
.table-4col h4, 
.table-5col h4 {
position:relative;
font-size: 18px;
color:#333;
margin:0 0 30px;
font-family: 'Raleway',sans-serif;
border-bottom:1px solid #f0f0f0;
padding-bottom:10px;
}
.table-3col h4 span, 
.table-4col h4 span, 
.table-5col h4 span {
position:absolute;
height:1px;
background-color:#00447B;
bottom:-1px;
width:10%;
left:0;
}
.pricing-column {
float: left;
margin: 0;
padding: 0;
border-top: 1px solid #eee;
border-right: 1px solid #eee;
border-bottom: 1px solid #eee;
text-align: center;
}
.pricing-column-first {
border-left: 1px solid #eee;
}
.pricing-title {
font-size: 20px;
padding: 15px 0;
color: #333;
}
.price {
font-size: 20px;
color: #818181;
padding: 25px 0;
background-color:#f6f6f6;
}
.price span {
font-size: 60px;
font-weight: 700;
line-height: 1;
}
.price sup {
font-size: 16px;
line-height: 0;
top:-2.3em;
}
.features {
margin: 0;
padding: 0;
}
.features li {
list-style: none;
border-bottom: 1px solid #eaeaea;
margin: 0 15px;
}
.features li p {
margin-bottom: 0;
padding: 15px 0;
font-size: 13px;
color: #7f7f7f;
}
.pricing-special {
box-shadow: 0 0 5px rgba(160,160,160,0.75);
-moz-box-shadow: 0 0 5px rgba(160,160,160,0.75);
-webkit-box-shadow: 0 0 5px rgba(160,160,160,0.75);
border:2px solid #00447B;
position: relative;
z-index: 0;
}
.pricing-special .price {
font-size: 20px;
color: #fff;
padding: 25px 0;
background-color:#00447B;
}
.pricing-footer {
padding: 20px 0;
}
.table-5col, .table-3col, .table-4col {
margin-bottom: 50px;
}
.table-3col .pricing-column {
width: 359px;
}
.table-4col .pricing-column {
width: 269px;
}
.table-5col .pricing-column {
width: 215px;
}
.model-3-3{ bottom:14% !important;}
#sequence li img{ width:550px;}
.listing{ margin:0; padding:0; list-style:none;}
.listing li{ margin:0; padding:0; list-style:none;}
.listing li a{ color:#FFF !important;}
.sticky-header img{ width:120px !important;}
.sticky-header  #logo-image{ margin:3px 0 0 0 !important;}
.title-3 h3{ color:#000 !important;  color: hsl(0, 1%, 17%);
display: inline-block;
font-family: "Raleway",sans-serif;
font-size: 30px;
font-weight: 700;
line-height: 50px;
padding: 0;
text-transform: none;
white-space: normal;
z-index: 50;}
.title-3 h2{ color:#000 !important; color: hsl(0, 1%, 17%);
display: inline-block;
font-family: "Raleway",sans-serif;
font-size: 55px !important;
font-weight: 700;
padding: 0;
text-transform: none;
white-space: normal;
z-index: 50;}
.white{ background:#fff; width:400px; padding:15px; margin:0 auto;}
.white a{ color:#000 !important;}
.subtitle-3 h4{ color:#000 !important;  color:#000 !important; color: hsl(0, 1%, 17%);
display: inline-block;
font-family: "Raleway",sans-serif;
font-size: 20px;
font-weight: 700;
padding: 0; margin:0;
text-transform: none;
white-space: normal;
z-index: 50;}
@media(max-width:767px) {
.imgfirst {
height: 200px !important;
margin: 0px 0 0;
width: 100% !important;
}
@media(max-width:679px) {
.next{display: none !important;}
.prev{display: none !important;}
.sequence-wrapper:hover .prev{display: none !important;}
.sequence-wrapper:hover .prev{display: none !important;}
.sequence-wrapper .next:hover, .sequence-wrapper .prev:hover {
display: none !important;
}
}
.input1{ width:none;}
.textarea{ width:none}
.input2{ width:none;}  
input, textarea, .uneditable-input{ width:86%;}
.cat_button{ margin:12px 0 0 0;}
.animate-in .model-3-2, .animate-out .model-3-2, .model-3-2{bottom: 30% !important;}
#sequence li img{ width:250px;}
#contact-box1{ width:100%; float:inherit; padding:15px 0; margin-top:25px;}	
#contact-box1 p{ margin:0 15px}
#contact-box1 select{ width:100% !important; }
#contact-box1 .span6{ float:left;}
}
.alignleft{
float:left;
margin-right:20px;
}
.alignright{
float:right;
margin-left:20px;
}
.aligncenter{
text-align:center;
display:block;
margin:0 auto;
}
.row-fluid2 .span4{ margin-top:15px; width:30.624% !important;}
@media(max-width:480px) {
.innerslider h1 {
font-size: 35px !important;
}
#contact-box1 select {
width: 91% !important;
}
#sequence li .title-3 h3 {
font-size: 20px !important;
margin:0;
}
.white {
padding:15px 0;
width: 100%;
}
.row-fluid2 .span4{ margin-top:15px; width:100% !important;}
#contact-form  .span12 {
text-align: center;
}
#contact-form  .span12  label{
text-align: left;
margin:0 0 6px 18px;
}
}.clearfix {
*zoom: 1;
}
.clearfix:before,
.clearfix:after {
display: table;
line-height: 0;
content: "";
}
.clearfix:after {
clear: both;
}
.hide-text {
font: 0/0 a;
color: transparent;
text-shadow: none;
background-color: transparent;
border: 0;
}
.input-block-level {
display: block;
width: 100%;
min-height: 30px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
@-ms-viewport {
width: device-width;
}
.hidden {
display: none;
visibility: hidden;
}
.visible-phone {
display: none !important;
}
.visible-tablet {
display: none !important;
}
.hidden-desktop {
display: none !important;
}
.visible-desktop {
display: inherit !important;
}
@media (min-width: 768px) and (max-width: 979px) {
.hidden-desktop {
display: inherit !important;
}
.visible-desktop {
display: none !important ;
}
.visible-tablet {
display: inherit !important;
}
.hidden-tablet {
display: none !important;
}
}
@media (max-width: 767px) {
.hidden-desktop {
display: inherit !important;
}
.visible-desktop {
display: none !important;
}
.visible-phone {
display: inherit !important;
}
.hidden-phone {
display: none !important;
}
}
.visible-print {
display: none !important;
}
@media print {
.visible-print {
display: inherit !important;
}
.hidden-print {
display: none !important;
}
}
@media (min-width: 1200px) {
.row {
margin-left: -30px;
*zoom: 1;
}
.row:before,
.row:after {
display: table;
line-height: 0;
content: "";
}
.row:after {
clear: both;
}
[class*="span"] {
float: left;
min-height: 1px;
margin-left: 30px;
}
.container,
.navbar-static-top .container,
.navbar-fixed-top .container,
.navbar-fixed-bottom .container {
width: 1170px;
}
.span12 {
width: 1170px;
}
.span11 {
width: 1070px;
}
.span10 {
width: 970px;
}
.span9 {
width: 870px;
}
.span8 {
width: 770px;
}
.span7 {
width: 670px;
}
.span6 {
width: 570px;
}
.span5 {
width: 470px;
}
.span4 {
width: 370px;
}
.span3 {
width: 270px;
}
.span2 {
width: 170px;
}
.span1 {
width: 70px;
}
.offset12 {
margin-left: 1230px;
}
.offset11 {
margin-left: 1130px;
}
.offset10 {
margin-left: 1030px;
}
.offset9 {
margin-left: 930px;
}
.offset8 {
margin-left: 830px;
}
.offset7 {
margin-left: 730px;
}
.offset6 {
margin-left: 630px;
}
.offset5 {
margin-left: 530px;
}
.offset4 {
margin-left: 430px;
}
.offset3 {
margin-left: 330px;
}
.offset2 {
margin-left: 230px;
}
.offset1 {
margin-left: 130px;
}
.row-fluid {
width: 100%;
*zoom: 1;
}
.row-fluid:before,
.row-fluid:after {
display: table;
line-height: 0;
content: "";
}
.row-fluid:after {
clear: both;
}
.row-fluid [class*="span"] {
display: block;
float: left;
width: 100%;
min-height: 30px;
margin-left: 2.564102564102564%;
*margin-left: 2.5109110747408616%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.row-fluid [class*="span"]:first-child {
margin-left: 0;
}
.row-fluid .controls-row [class*="span"] + [class*="span"] {
margin-left: 2.564102564102564%;
}
.row-fluid .span12 {
width: 100%;
*width: 99.94680851063829%;
}
.row-fluid .span11 {
width: 91.45299145299145%;
*width: 91.39979996362975%;
}
.row-fluid .span10 {
width: 82.90598290598291%;
*width: 82.8527914166212%;
}
.row-fluid .span9 {
width: 74.35897435897436%;
*width: 74.30578286961266%;
}
.row-fluid .span8 {
width: 65.81196581196582%;
*width: 65.75877432260411%;
}
.row-fluid .span7 {
width: 57.26495726495726%;
*width: 57.21176577559556%;
}
.row-fluid .span6 {
width: 48.717948717948715%;
*width: 48.664757228587014%;
}
.row-fluid .span5 {
width: 40.17094017094017%;
*width: 40.11774868157847%;
}
.row-fluid .span4 {
width: 31.623931623931625%;
*width: 31.570740134569924%;
}
.row-fluid .span3 {
width: 23.076923076923077%;
*width: 23.023731587561375%;
}
.row-fluid .span2 {
width: 14.52991452991453%;
*width: 14.476723040552828%;
}
.row-fluid .span1 {
width: 5.982905982905983%;
*width: 5.929714493544281%;
}
.row-fluid .offset12 {
margin-left: 105.12820512820512%;
*margin-left: 105.02182214948171%;
}
.row-fluid .offset12:first-child {
margin-left: 102.56410256410257%;
*margin-left: 102.45771958537915%;
}
.row-fluid .offset11 {
margin-left: 96.58119658119658%;
*margin-left: 96.47481360247316%;
}
.row-fluid .offset11:first-child {
margin-left: 94.01709401709402%;
*margin-left: 93.91071103837061%;
}
.row-fluid .offset10 {
margin-left: 88.03418803418803%;
*margin-left: 87.92780505546462%;
}
.row-fluid .offset10:first-child {
margin-left: 85.47008547008548%;
*margin-left: 85.36370249136206%;
}
.row-fluid .offset9 {
margin-left: 79.48717948717949%;
*margin-left: 79.38079650845607%;
}
.row-fluid .offset9:first-child {
margin-left: 76.92307692307693%;
*margin-left: 76.81669394435352%;
}
.row-fluid .offset8 {
margin-left: 70.94017094017094%;
*margin-left: 70.83378796144753%;
}
.row-fluid .offset8:first-child {
margin-left: 68.37606837606839%;
*margin-left: 68.26968539734497%;
}
.row-fluid .offset7 {
margin-left: 62.393162393162385%;
*margin-left: 62.28677941443899%;
}
.row-fluid .offset7:first-child {
margin-left: 59.82905982905982%;
*margin-left: 59.72267685033642%;
}
.row-fluid .offset6 {
margin-left: 53.84615384615384%;
*margin-left: 53.739770867430444%;
}
.row-fluid .offset6:first-child {
margin-left: 51.28205128205128%;
*margin-left: 51.175668303327875%;
}
.row-fluid .offset5 {
margin-left: 45.299145299145295%;
*margin-left: 45.1927623204219%;
}
.row-fluid .offset5:first-child {
margin-left: 42.73504273504273%;
*margin-left: 42.62865975631933%;
}
.row-fluid .offset4 {
margin-left: 36.75213675213675%;
*margin-left: 36.645753773413354%;
}
.row-fluid .offset4:first-child {
margin-left: 34.18803418803419%;
*margin-left: 34.081651209310785%;
}
.row-fluid .offset3 {
margin-left: 28.205128205128204%;
*margin-left: 28.0987452264048%;
}
.row-fluid .offset3:first-child {
margin-left: 25.641025641025642%;
*margin-left: 25.53464266230224%;
}
.row-fluid .offset2 {
margin-left: 19.65811965811966%;
*margin-left: 19.551736679396257%;
}
.row-fluid .offset2:first-child {
margin-left: 17.094017094017094%;
*margin-left: 16.98763411529369%;
}
.row-fluid .offset1 {
margin-left: 11.11111111111111%;
*margin-left: 11.004728132387708%;
}
.row-fluid .offset1:first-child {
margin-left: 8.547008547008547%;
*margin-left: 8.440625568285142%;
}
input,
textarea,
.uneditable-input {
margin-left: 0;
}
.controls-row [class*="span"] + [class*="span"] {
margin-left: 30px;
}
input.span12,
textarea.span12,
.uneditable-input.span12 {
width: 1156px;
}
input.span11,
textarea.span11,
.uneditable-input.span11 {
width: 1056px;
}
input.span10,
textarea.span10,
.uneditable-input.span10 {
width: 956px;
}
input.span9,
textarea.span9,
.uneditable-input.span9 {
width: 856px;
}
input.span8,
textarea.span8,
.uneditable-input.span8 {
width: 756px;
}
input.span7,
textarea.span7,
.uneditable-input.span7 {
width: 656px;
}
input.span6,
textarea.span6,
.uneditable-input.span6 {
width: 556px;
}
input.span5,
textarea.span5,
.uneditable-input.span5 {
width: 456px;
}
input.span4,
textarea.span4,
.uneditable-input.span4 {
width: 356px;
}
input.span3,
textarea.span3,
.uneditable-input.span3 {
width: 256px;
}
input.span2,
textarea.span2,
.uneditable-input.span2 {
width: 156px;
}
input.span1,
textarea.span1,
.uneditable-input.span1 {
width: 56px;
}
.thumbnails {
margin-left: -30px;
}
.thumbnails > li {
margin-left: 30px;
}
.row-fluid .thumbnails {
margin-left: 0;
}
}
@media (min-width: 768px) and (max-width: 979px) {
.row {
margin-left: -20px;
*zoom: 1;
}
.row:before,
.row:after {
display: table;
line-height: 0;
content: "";
}
.row:after {
clear: both;
}
[class*="span"] {
float: left;
min-height: 1px;
margin-left: 20px;
}
.container,
.navbar-static-top .container,
.navbar-fixed-top .container,
.navbar-fixed-bottom .container {
width: 724px;
}
.span12 {
width: 724px;
}
.span11 {
width: 662px;
}
.span10 {
width: 600px;
}
.span9 {
width: 538px;
}
.span8 {
width: 476px;
}
.span7 {
width: 414px;
}
.span6 {
width: 352px;
}
.span5 {
width: 290px;
}
.span4 {
width: 228px;
}
.span3 {
width: 166px;
}
.span2 {
width: 104px;
}
.span1 {
width: 42px;
}
.offset12 {
margin-left: 764px;
}
.offset11 {
margin-left: 702px;
}
.offset10 {
margin-left: 640px;
}
.offset9 {
margin-left: 578px;
}
.offset8 {
margin-left: 516px;
}
.offset7 {
margin-left: 454px;
}
.offset6 {
margin-left: 392px;
}
.offset5 {
margin-left: 330px;
}
.offset4 {
margin-left: 268px;
}
.offset3 {
margin-left: 206px;
}
.offset2 {
margin-left: 144px;
}
.offset1 {
margin-left: 82px;
}
.row-fluid {
width: 100%;
*zoom: 1;
}
.row-fluid:before,
.row-fluid:after {
display: table;
line-height: 0;
content: "";
}
.row-fluid:after {
clear: both;
}
.row-fluid [class*="span"] {
display: block;
float: left;
width: 100%;
min-height: 30px;
margin-left: 2.7624309392265194%;
*margin-left: 2.709239449864817%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.row-fluid [class*="span"]:first-child {
margin-left: 0;
}
.row-fluid .controls-row [class*="span"] + [class*="span"] {
margin-left: 2.7624309392265194%;
}
.row-fluid .span12 {
width: 100%;
*width: 99.94680851063829%;
}
.row-fluid .span11 {
width: 91.43646408839778%;
*width: 91.38327259903608%;
}
.row-fluid .span10 {
width: 82.87292817679558%;
*width: 82.81973668743387%;
}
.row-fluid .span9 {
width: 74.30939226519337%;
*width: 74.25620077583166%;
}
.row-fluid .span8 {
width: 65.74585635359117%;
*width: 65.69266486422946%;
}
.row-fluid .span7 {
width: 57.18232044198895%;
*width: 57.12912895262725%;
}
.row-fluid .span6 {
width: 48.61878453038674%;
*width: 48.56559304102504%;
}
.row-fluid .span5 {
width: 40.05524861878453%;
*width: 40.00205712942283%;
}
.row-fluid .span4 {
width: 31.491712707182323%;
*width: 31.43852121782062%;
}
.row-fluid .span3 {
width: 22.92817679558011%;
*width: 22.87498530621841%;
}
.row-fluid .span2 {
width: 14.3646408839779%;
*width: 14.311449394616199%;
}
.row-fluid .span1 {
width: 5.801104972375691%;
*width: 5.747913483013988%;
}
.row-fluid .offset12 {
margin-left: 105.52486187845304%;
*margin-left: 105.41847889972962%;
}
.row-fluid .offset12:first-child {
margin-left: 102.76243093922652%;
*margin-left: 102.6560479605031%;
}
.row-fluid .offset11 {
margin-left: 96.96132596685082%;
*margin-left: 96.8549429881274%;
}
.row-fluid .offset11:first-child {
margin-left: 94.1988950276243%;
*margin-left: 94.09251204890089%;
}
.row-fluid .offset10 {
margin-left: 88.39779005524862%;
*margin-left: 88.2914070765252%;
}
.row-fluid .offset10:first-child {
margin-left: 85.6353591160221%;
*margin-left: 85.52897613729868%;
}
.row-fluid .offset9 {
margin-left: 79.8342541436464%;
*margin-left: 79.72787116492299%;
}
.row-fluid .offset9:first-child {
margin-left: 77.07182320441989%;
*margin-left: 76.96544022569647%;
}
.row-fluid .offset8 {
margin-left: 71.2707182320442%;
*margin-left: 71.16433525332079%;
}
.row-fluid .offset8:first-child {
margin-left: 68.50828729281768%;
*margin-left: 68.40190431409427%;
}
.row-fluid .offset7 {
margin-left: 62.70718232044199%;
*margin-left: 62.600799341718584%;
}
.row-fluid .offset7:first-child {
margin-left: 59.94475138121547%;
*margin-left: 59.838368402492065%;
}
.row-fluid .offset6 {
margin-left: 54.14364640883978%;
*margin-left: 54.037263430116376%;
}
.row-fluid .offset6:first-child {
margin-left: 51.38121546961326%;
*margin-left: 51.27483249088986%;
}
.row-fluid .offset5 {
margin-left: 45.58011049723757%;
*margin-left: 45.47372751851417%;
}
.row-fluid .offset5:first-child {
margin-left: 42.81767955801105%;
*margin-left: 42.71129657928765%;
}
.row-fluid .offset4 {
margin-left: 37.01657458563536%;
*margin-left: 36.91019160691196%;
}
.row-fluid .offset4:first-child {
margin-left: 34.25414364640884%;
*margin-left: 34.14776066768544%;
}
.row-fluid .offset3 {
margin-left: 28.45303867403315%;
*margin-left: 28.346655695309746%;
}
.row-fluid .offset3:first-child {
margin-left: 25.69060773480663%;
*margin-left: 25.584224756083227%;
}
.row-fluid .offset2 {
margin-left: 19.88950276243094%;
*margin-left: 19.783119783707537%;
}
.row-fluid .offset2:first-child {
margin-left: 17.12707182320442%;
*margin-left: 17.02068884448102%;
}
.row-fluid .offset1 {
margin-left: 11.32596685082873%;
*margin-left: 11.219583872105325%;
}
.row-fluid .offset1:first-child {
margin-left: 8.56353591160221%;
*margin-left: 8.457152932878806%;
}
input,
textarea,
.uneditable-input {
margin-left: 0;
}
.controls-row [class*="span"] + [class*="span"] {
margin-left: 20px;
}
input.span12,
textarea.span12,
.uneditable-input.span12 {
width: 710px;
}
input.span11,
textarea.span11,
.uneditable-input.span11 {
width: 648px;
}
input.span10,
textarea.span10,
.uneditable-input.span10 {
width: 586px;
}
input.span9,
textarea.span9,
.uneditable-input.span9 {
width: 524px;
}
input.span8,
textarea.span8,
.uneditable-input.span8 {
width: 462px;
}
input.span7,
textarea.span7,
.uneditable-input.span7 {
width: 400px;
}
input.span6,
textarea.span6,
.uneditable-input.span6 {
width: 338px;
}
input.span5,
textarea.span5,
.uneditable-input.span5 {
width: 276px;
}
input.span4,
textarea.span4,
.uneditable-input.span4 {
width: 214px;
}
input.span3,
textarea.span3,
.uneditable-input.span3 {
width: 152px;
}
input.span2,
textarea.span2,
.uneditable-input.span2 {
width: 90px;
}
input.span1,
textarea.span1,
.uneditable-input.span1 {
width: 28px;
}
}
@media (max-width: 767px) {
body {
padding-right: 20px;
padding-left: 20px;
}
.navbar-fixed-top,
.navbar-fixed-bottom,
.navbar-static-top {
margin-right: -20px;
margin-left: -20px;
}
.container-fluid {
padding: 0;
}
.dl-horizontal dt {
float: none;
width: auto;
clear: none;
text-align: left;
}
.dl-horizontal dd {
margin-left: 0;
}
.container {
width: auto;
}
.row-fluid {
width: 100%;
}
.row,
.thumbnails {
margin-left: 0;
}
.thumbnails > li {
float: none;
margin-left: 0;
}
[class*="span"],
.uneditable-input[class*="span"],
.row-fluid [class*="span"] {
display: block;
float: none;
width: 100%;
margin-left: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.span12,
.row-fluid .span12 {
width: 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.row-fluid [class*="offset"]:first-child {
margin-left: 0;
}
.input-large,
.input-xlarge,
.input-xxlarge,
input[class*="span"],
select[class*="span"],
textarea[class*="span"],
.uneditable-input {
display: block;
width: 100%;
min-height: 30px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.input-prepend input,
.input-append input,
.input-prepend input[class*="span"],
.input-append input[class*="span"] {
display: inline-block;
width: auto;
}
.controls-row [class*="span"] + [class*="span"] {
margin-left: 0;
}
.modal {
position: fixed;
top: 20px;
right: 20px;
left: 20px;
width: auto;
margin: 0;
}
.modal.fade {
top: -100px;
}
.modal.fade.in {
top: 20px;
}
}
@media (max-width: 480px) {
.nav-collapse {
-webkit-transform: translate3d(0, 0, 0);
}
.page-header h1 small {
display: block;
line-height: 20px;
}
input[type="checkbox"],
input[type="radio"] {
border: 1px solid #ccc;
}
.form-horizontal .control-label {
float: none;
width: auto;
padding-top: 0;
text-align: left;
}
.form-horizontal .controls {
margin-left: 0;
}
.form-horizontal .control-list {
padding-top: 0;
}
.form-horizontal .form-actions {
padding-right: 10px;
padding-left: 10px;
}
.media .pull-left,
.media .pull-right {
display: block;
float: none;
margin-bottom: 10px;
}
.media-object {
margin-right: 0;
margin-left: 0;
}
.modal {
top: 10px;
right: 10px;
left: 10px;
}
.modal-header .close {
padding: 10px;
margin: -10px;
}
.carousel-caption {
position: static;
}
}
@media (max-width: 979px) {
body {
padding-top: 0;
}
.navbar-fixed-top,
.navbar-fixed-bottom {
position: static;
}
.navbar-fixed-top {
margin-bottom: 20px;
}
.navbar-fixed-bottom {
margin-top: 20px;
}
.navbar-fixed-top .navbar-inner,
.navbar-fixed-bottom .navbar-inner {
padding: 5px;
}
.navbar .container {
width: auto;
padding: 0;
}
.navbar .brand {
padding-right: 10px;
padding-left: 10px;
margin: 0 0 0 -5px;
}
.nav-collapse {
clear: both;
}
.nav-collapse .nav {
float: none;
margin: 0 0 10px;
}
.nav-collapse .nav > li {
float: none;
}
.nav-collapse .nav > li > a {
margin-bottom: 2px;
}
.nav-collapse .nav > .divider-vertical {
display: none;
}
.nav-collapse .nav .nav-header {
color: #777777;
text-shadow: none;
}
.nav-collapse .nav > li > a,
.nav-collapse .dropdown-menu a {
padding: 9px 15px;
font-weight: bold;
color: #777777;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
.nav-collapse .btn {
padding: 4px 10px 4px;
font-weight: normal;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
.nav-collapse .dropdown-menu li + li a {
margin-bottom: 2px;
}
.nav-collapse .nav > li > a:hover,
.nav-collapse .nav > li > a:focus,
.nav-collapse .dropdown-menu a:hover,
.nav-collapse .dropdown-menu a:focus {
background-color: #f2f2f2;
}
.navbar-inverse .nav-collapse .nav > li > a,
.navbar-inverse .nav-collapse .dropdown-menu a {
color: #999999;
}
.navbar-inverse .nav-collapse .nav > li > a:hover,
.navbar-inverse .nav-collapse .nav > li > a:focus,
.navbar-inverse .nav-collapse .dropdown-menu a:hover,
.navbar-inverse .nav-collapse .dropdown-menu a:focus {
background-color: #111111;
}
.nav-collapse.in .btn-group {
padding: 0;
margin-top: 5px;
}
.nav-collapse .dropdown-menu {
position: static;
top: auto;
left: auto;
display: none;
float: none;
max-width: none;
padding: 0;
margin: 0 15px;
background-color: transparent;
border: none;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
.nav-collapse .open > .dropdown-menu {
display: block;
}
.nav-collapse .dropdown-menu:before,
.nav-collapse .dropdown-menu:after {
display: none;
}
.nav-collapse .dropdown-menu .divider {
display: none;
}
.nav-collapse .nav > li > .dropdown-menu:before,
.nav-collapse .nav > li > .dropdown-menu:after {
display: none;
}
.nav-collapse .navbar-form,
.nav-collapse .navbar-search {
float: none;
padding: 10px 15px;
margin: 10px 0;
border-top: 1px solid #f2f2f2;
border-bottom: 1px solid #f2f2f2;
-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
}
.navbar-inverse .nav-collapse .navbar-form,
.navbar-inverse .nav-collapse .navbar-search {
border-top-color: #111111;
border-bottom-color: #111111;
}
.navbar .nav-collapse .nav.pull-right {
float: none;
margin-left: 0;
}
.nav-collapse,
.nav-collapse.collapse {
height: 0;
overflow: hidden;
}
.navbar .btn-navbar {
display: block;
}
.navbar-static .navbar-inner {
padding-right: 10px;
padding-left: 10px;
}
}
@media (min-width: 980px) {
.nav-collapse.collapse {
height: auto !important;
overflow: visible !important;
}
}@media
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (   min--moz-device-pixel-ratio: 2),
only screen and (     -o-min-device-pixel-ratio: 2/1),
only screen and (        min-device-pixel-ratio: 2),
only screen and (                min-resolution: 192dpi),
only screen and (                min-resolution: 2dppx) {
#header-top .search-icon,
.search-form .search-submit {
background:url(//blueskymobility.com.au/wp-content/themes/blueskymobility/images/icons/search-icon@2x.png) no-repeat center center #00447B;
background-size:20px 21px;
}
.sf-arrows li ul li .sf-with-ul:after {
background-image:url(//blueskymobility.com.au/wp-content/themes/blueskymobility/images/background/menu-arrow@2x.png) ;
background-size:6px 9px;
}
.kopa-latest-work-widget .carousel-nav .carousel-prev,
.kopa-testimonial-widget .carousel-nav .carousel-prev,
.kopa-featured-product-widget .carousel-nav .carousel-prev,
.kopa-related-post .carousel-nav .carousel-prev {
background-image:url(//blueskymobility.com.au/wp-content/themes/blueskymobility/images/slider/carousel-prev@2x.png) ;
background-size:6px 9px;
}
.kopa-latest-work-widget .carousel-nav .carousel-next,
.kopa-testimonial-widget .carousel-nav .carousel-next,
.kopa-featured-product-widget .carousel-nav .carousel-next,
.kopa-related-post .carousel-nav .carousel-next {
background-image:url(//blueskymobility.com.au/wp-content/themes/blueskymobility/images/slider/carousel-next@2x.png) ;
background-size:6px 9px;
}
.kopa-portfolio-widget {
background:url(//blueskymobility.com.au/wp-content/themes/blueskymobility/images/background/shadow-2@2x.png) no-repeat center top #f5f5f5;
background-size:1366px 15px;
}
#bottom-sidebar .widget .search-form .search-submit {
background:url(//blueskymobility.com.au/wp-content/themes/blueskymobility/images/icons/search-icon-2@2x.png) no-repeat 0 0;
background-size:20px 20px;
}
.kopa-testimonial-widget .testimonial-detail .testimonial-content {
background:url(//blueskymobility.com.au/wp-content/themes/blueskymobility/images/icons/quote-icon-1@2x.png) no-repeat 55px 10px #f8f8f8;
background-size:49px 39px;
}
.kopa-testimonial-widget .testimonial-detail .testimonial-content p {
background:url(//blueskymobility.com.au/wp-content/themes/blueskymobility/images/icons/quote-icon-2@2x.png) no-repeat right top;
background-size:81px 65px;
}
.kopa-contact-page #contact_name {
background-image:url(//blueskymobility.com.au/wp-content/themes/blueskymobility/images/icons/big-user@2x.png) ;
background-size:22px 22px;
}
.kopa-contact-page #contact_email {
background-image:url(//blueskymobility.com.au/wp-content/themes/blueskymobility/images/icons/envelope@2x.png) ;
background-size:22px 22px;
}
.kopa-contact-page #contact_url,
.da-thumbs li .da-thumbs-hover p a.link-detail {
background-image:url(//blueskymobility.com.au/wp-content/themes/blueskymobility/images/icons/big-link@2x.png) ;
background-size:22px 22px;
}
.da-thumbs li .da-thumbs-hover p a.link-gallery {
background:url(//blueskymobility.com.au/wp-content/themes/blueskymobility/images/icons/search@2x.png) no-repeat center center;
background-size:22px 22px;
}
.about-slider .flex-direction-nav li a.flex-prev,
.blogpost-slider .flex-direction-nav li a.flex-prev,
.kp-single-slider .flex-direction-nav li a.flex-prev,
.kp-single-carousel .flex-direction-nav .flex-prev,
.sequence-wrapper .prev {
background-image:url(//blueskymobility.com.au/wp-content/themes/blueskymobility/images/slider/sequence-prev@2x.png) ;
background-size:9px 16px;
}
.about-slider .flex-direction-nav li a.flex-next,
.blogpost-slider .flex-direction-nav li a.flex-next,
.kp-single-slider .flex-direction-nav li a.flex-next,
.kp-single-carousel .flex-direction-nav .flex-next,
.sequence-wrapper .next {
background-image:url(//blueskymobility.com.au/wp-content/themes/blueskymobility/images/slider/sequence-next@2x.png) ;
background-size:9px 16px;
}
#back-top a {
background-image:url(//blueskymobility.com.au/wp-content/themes/blueskymobility/css/images/icons/arrow-up@2x.html) ;
background-size:20px 20px;
}
}
@media print {
a {
text-decoration: none !important; 
}
#bottom-sidebar .widget .search-form .search-text, #bottom-sidebar .kopa-social-widget li a, #bottom-sidebar .newsletter-form .email{
box-shadow: 0px 0px 0px !important;
-moz-box-shadow: 0px 0px 0px !important;
-webkit-box-shadow: 0px 0px 0px !important;
text-decoration: none !important; 
}
}
@media only screen and (min-width: 1024px) and (max-width: 1043px) { .wrapper{
width:980px;
}
#main-col {
margin-right:20px;
width:710px;
}
.sidebar {
float:left;
width:250px;
}
#theme-option {
display:none;
}  .sequence-wrapper .prev {
left:20px;
opacity:0;
filter: alpha(opacity=0);
}
.sequence-wrapper .next {
right:20px;
opacity:0;
filter: alpha(opacity=0);
}
.sequence-wrapper:hover .prev {
opacity:1;
filter: alpha(opacity=100);
}
.sequence-wrapper:hover .next {
opacity:1;
filter: alpha(opacity=100);
}
.animate-in .title,
.animate-in .subtitle,
.animate-in .title-2,
.animate-in .subtitle-2 {
left:3%;
}
.animate-in .model,
.animate-in .model-2-1,
.model-2-1,
.animate-out .model-2-1,
.animate-in .model-3-1 {
right:3%;
}
.animate-in .model-3-2 {
right:13%;
}
.animate-in .model-3-3 {
right:33%;
}
.animate-in .model-3-4 {
right:32%;
}
.model-2-1 {
width:450px !important;
}
#sequence li#creative h2 {
font-size:26px;
}
.kopa-latest-post-widget ul li .entry-item .entry-thumb {
width:200px;
}
.kopa-latest-post-widget ul li .entry-item .entry-content {
width:258px;
}
.kopa-client-widget ul li {
width:180px;
margin:0 0 0 20px;
}
.kopa-contact-widget #contact-form #contact_name,
.kopa-contact-widget #contact-form #contact_email,
.kopa-contact-widget #contact-form #contact_subject,
.kopa-contact-widget #contact-form #contact_message {
width:329px;
} .kopa-portfolio-widget .wrapper {
width:980px;
} .list-container-2 ul li {
width:326px;
}
#bottom-sidebar .newsletter-form .email {
width:226px;
} #page-bottom .widget ul li {
margin-top:15px;
padding-top:15px;
}
#page-bottom .kopa-widget-best-seller .entry-thumb,
#page-bottom .kopa-widget-latest-review .entry-thumb {
margin-right:10px;
}
.flickr-wrap {
margin-right:-10px;
}
.flickr-badge-image {
width:69px;
margin:0 10px 10px 0;
} .kopa-about-widget .entry-thumb {
width:480px;
margin-right:20px;
}
.kopa-our-team-widget ul li {
margin:0 0 0 20px;
width:230px;
}
.kopa-about-page .kopa-skill-wrapper {
margin-right:-10px;
}
.kopa-about-page .kopa-skill {
width:485px;
margin-right:10px;
} .kopa-blog-2 .kopa-article-list .entry-item .entry-thumb {
width:305px;
margin-right:20px;
}
.kopa-blog-2 .kopa-article-list .entry-item .entry-content {
width:385px;
} .entry-box footer p {
width:314px;
}
.about-author .author-content {
width:555px;
}
.kopa-related-post ul li .entry-item .entry-thumb {
width:152px;
}
.kopa-related-post ul li .entry-item .entry-content {
width: 170px;
} #comments .comment-body {
width:629px;
}
#comments .comments-list .children .comment-body {
width:569px;
} #comments-form .comment-left {
width:260px;
}
#comments-form .comment-right {
width:430px;
}
.kopa-single-standard-2 .entry-box header {
width:380px;
}
.kp-single-carousel {
display:none;
} .kopa-contact-page #contact_name,
.kopa-contact-page #contact_email,
.kopa-contact-page #contact_url,
.kopa-contact-page #contact_subject,
.kopa-contact-page #contact_phone {
background-position:310px 10px;
} #back-top {
display:none !important;
}
.table-3col .pricing-column {
width: 324px;
}
.table-4col .pricing-column {
width: 243px;
}
.table-5col .pricing-column {
width: 194px;
}
}
@media only screen and (min-width: 980px) and (max-width: 1023px) { .wrapper{
width:920px;
}
#main-col {
margin-right:20px;
width:650px;
}
.sidebar {
float:left;
width:250px;
}
#theme-option {
display:none;
}  .sequence-wrapper .prev {
left:20px;
opacity:0;
filter: alpha(opacity=0);
}
.sequence-wrapper .next {
right:20px;
opacity:0;
filter: alpha(opacity=0);
}
.sequence-wrapper:hover .prev {
opacity:1;
filter: alpha(opacity=100);
}
.sequence-wrapper:hover .next {
opacity:1;
filter: alpha(opacity=100);
}
.animate-in .title,
.animate-in .subtitle,
.animate-in .title-2,
.animate-in .subtitle-2 {
left:3%;
}
.animate-in .model,
.animate-in .model-2-1,
.model-2-1,
.animate-out .model-2-1,
.animate-in .model-3-1 {
right:3%;
}
.animate-in .model-3-2 {
right:13%;
}
.animate-in .model-3-3 {
right:33%;
}
.animate-in .model-3-4 {
right:32%;
}
.model-2-1 {
width:450px !important;
}
#sequence li#creative h2 {
font-size:26px;
}
.kopa-latest-post-widget ul li .entry-item .entry-thumb {
width:200px;
}
.kopa-latest-post-widget ul li .entry-item .entry-content {
width:228px;
}
.kopa-testimonial-widget .testimonial-detail .testimonial-content {
padding:25px 20px 15px 60px;
}
.kopa-client-widget ul li {
width:168px;
margin:0 0 0 20px;
}
.kopa-contact-widget #contact-form #contact_name,
.kopa-contact-widget #contact-form #contact_email,
.kopa-contact-widget #contact-form #contact_subject,
.kopa-contact-widget #contact-form #contact_message {
width:300px;
} .kopa-portfolio-widget .wrapper {
width:920px;
} .list-container-2 ul li {
width:306px;
}
#bottom-sidebar .newsletter-form .email {
width:206px;
} #page-bottom .widget ul li {
margin-top:15px;
padding-top:15px;
}
#page-bottom .kopa-widget-best-seller .entry-thumb,
#page-bottom .kopa-widget-latest-review .entry-thumb {
margin-right:10px;
}
.flickr-wrap {
margin-right:-10px;
}
.flickr-badge-image {
width:65px;
margin:0 10px 10px 0;
} .kopa-about-widget .entry-thumb {
width:480px;
margin-right:20px;
}
.kopa-our-team-widget ul li {
margin:0 0 0 20px;
width:215px;
}
.kopa-about-page .kopa-skill-wrapper {
margin-right:-10px;
}
.kopa-about-page .kopa-skill {
width:455px;
margin-right:10px;
} .kopa-article-list .entry-item {
padding-bottom:15px;
margin-bottom:25px;
}
.kopa-article-list .entry-item .entry-thumb {
margin-bottom:25px;
}
.kopa-blog-2 .kopa-article-list .entry-item .entry-thumb {
width:270px;
margin-right:20px;
}
.kopa-blog-2 .kopa-article-list .entry-item .entry-content {
width:360px;
}
.kopa-blog-2 .kopa-article-list .entry-item .entry-thumb audio {
width:100%;
} .entry-box .entry-thumb {
margin-bottom:25px;
}
.entry-box footer p {
width:284px;
}
.about-author .author-content {
width:495px;
}
.kopa-related-post ul li .entry-item .entry-thumb {
width:100%;
float:none;
margin: 0 0 20px 0;
}
.kopa-related-post ul li .entry-item .entry-thumb img {
width:100%;
display:block;
}
.kopa-related-post ul li .entry-item .entry-content {
width: 100%;
} #comments .comment-body {
width:569px;
}
#comments .comments-list .children .comment-body {
width:509px;
} #comments-form .comment-left {
width:230px;
}
#comments-form .comment-right {
width:400px;
}
.kopa-single-standard-2 .entry-box .entry-thumb {
width:280px;
}
.kopa-single-standard-2 .entry-box header {
width:350px;
}
.kp-single-carousel {
display:none;
} .kopa-contact-page #contact_name,
.kopa-contact-page #contact_email,
.kopa-contact-page #contact_url,
.kopa-contact-page #contact_subject,
.kopa-contact-page #contact_phone {
background-position:285px 10px;
} #back-top {
display:none !important;
}
.table-3col .pricing-column {
width: 304px;
}
.table-4col .pricing-column {
width: 228px;
}
.table-5col .pricing-column {
width: 182px;
}
}
@media only screen and (min-width: 800px) and (max-width: 979px) { .wrapper{
width:740px;
}
#main-col {
margin-right:20px;
width:470px;
}
.sidebar {
float:left;
width:250px;
}
#theme-option {
display:none;
} #logo-image {
margin-top:30px;
}
#main-menu {
display:none;
}
#mobile-menu {
display:block;
} .sequence-wrapper .prev {
left:20px;
opacity:0;
filter: alpha(opacity=0);
}
.sequence-wrapper .next {
right:20px;
opacity:0;
filter: alpha(opacity=0);
}
.sequence-wrapper:hover .prev {
opacity:1;
filter: alpha(opacity=100);
}
.sequence-wrapper:hover .next {
opacity:1;
filter: alpha(opacity=100);
}
.animate-in .title,
.animate-in .subtitle,
.animate-in .title-2,
.animate-in .subtitle-2 {
left:3%;
}
.animate-in .model,
.animate-in .model-2-1,
.model-2-1,
.animate-out .model-2-1,
.animate-in .model-3-1 {
right:3%;
}
.animate-in .model-3-2 {
right:13%;
}
.animate-in .model-3-3 {
right:33%;
}
.animate-in .model-3-4 {
right:32%;
}
.model-2-1 {
width:410px !important;
}
#sequence li#creative h2 {
font-size:20px;
}
.model {
width:520px;
}
.animate-in .model-2-1 {
bottom:22%;
}
.model-3-2,
.model-3-1 {
width:300px;
}
.model-3-3 {
width:180px;
}
.model-3-4 {
width:70px;
}
.kopa-latest-post-widget ul li .entry-item .entry-thumb {
width:100%;
float:none;
margin:0 0 20px;
}
.kopa-latest-post-widget ul li .entry-item .entry-thumb img {
display:block;
width:100%;
}
.kopa-latest-post-widget ul li .entry-item .entry-content {
width:100%;
}
.kopa-testimonial-widget .testimonial-detail .testimonial-content {
padding:25px 20px 15px 60px;
}
.kopa-client-widget ul li {
width:140px;
margin:0 0 0 10px;
}
.kopa-client-widget ul li div {
padding:0 10px;
}
.kopa-contact-widget #contact-form #contact_name,
.kopa-contact-widget #contact-form #contact_email,
.kopa-contact-widget #contact-form #contact_subject,
.kopa-contact-widget #contact-form #contact_message,
.kopa-contact-widget #contact-form label.required {
width:100%;
}
.kopa-contact-widget #contact-form #submit-contact {
margin:0;
} .kopa-portfolio-widget .wrapper {
width:740px;
} .list-container-2 {
margin-top:0;
}
.list-container-2 ul li {
width:246px;
}
.list-container-2 ul li > a {
font-size:20px;
text-align:left;
}
.list-container-2 ul li span {
float:left;
margin:0 15px 0 20px;
}
#bottom-sidebar .newsletter-form .email {
width:146px;
}
.kopa-tagline-description {
width:70%;
}
#bottom-sidebar .kopa-social-widget li a {
width:30px;
height:30px;
line-height:30px;
font-size:14px;
}
.kopa-intro-widget ul li .entry-title span {
width:50px;
height:50px;
line-height:50px;
margin-right:10px;
font-size:24px;
}
.kopa-intro-widget ul li .entry-title {
line-height:56px;
margin:0 0 15px;
} #page-bottom .widget ul li {
margin-top:15px;
padding-top:15px;
}
#page-bottom .kopa-widget-best-seller .entry-thumb,
#page-bottom .kopa-widget-latest-review .entry-thumb {
margin-right:10px;
}
.flickr-wrap {
margin-right:-10px;
}
.flickr-badge-image {
width:73px;
margin:0 10px 10px 0;
} .kopa-about-widget .entry-thumb {
width:380px;
margin-right:20px;
}
.kopa-our-team-widget ul li {
margin:0 0 0 20px;
width:170px;
}
.kopa-about-page .kopa-skill-wrapper {
margin-right:-10px;
}
.kopa-about-page .kopa-skill {
width:365px;
margin-right:10px;
} #main-content .sidebar .widget {
margin-bottom:25px;
}
.kopa-article-list .entry-item {
padding-bottom:15px;
margin-bottom:25px;
}
.kopa-article-list .entry-item .entry-thumb {
margin-bottom:25px;
}
.kopa-blog-2 .kopa-article-list .entry-item .entry-thumb {
width:100%;
float:none;
margin:0 0 20px;
}
.kopa-blog-2 .kopa-article-list .entry-item .entry-content {
width:100%;
}
.kopa-blog-2 .kopa-article-list .entry-item .entry-thumb audio {
width:100%;
} .entry-box .entry-thumb {
margin-bottom:25px;
}
.entry-box footer p {
width:194px;
}
.entry-box footer p a.article-title {
font-size:16px;
}
.about-author .author-content {
width:315px;
}
.tag-box a {
padding:5px 10px;
}
#comments h3, .kopa-related-post h3, #respond h3 {
margin:8px 0 30px;
}
.kopa-related-post ul li .entry-item .entry-thumb {
width:100%;
float:none;
margin: 0 0 20px 0;
}
.kopa-related-post ul li .entry-item .entry-thumb img {
width:100%;
display:block;
}
.kopa-related-post ul li .entry-item .entry-content {
width: 100%;
} #comments .comment-body {
width:389px;
}
#comments .comments-list .children .comment-body {
width:329px;
} #comments-form .comment-left {
width:100%;
float:none;
}
#comments-form .comment-right {
width:100%;
float:none;
}
.kopa-single-standard-2 .entry-box .entry-thumb {
width:100%;
float:none;
margin:0 0 20px;
}
.kopa-single-standard-2 .entry-box header {
width:100%;
}
.kp-single-carousel {
display:none;
}
.loading {
min-height:230px;
} .kopa-contact-page #contact_name,
.kopa-contact-page #contact_email,
.kopa-contact-page #contact_url,
.kopa-contact-page #contact_subject,
.kopa-contact-page #contact_phone {
background-position:190px 10px;
} #back-top {
display:none !important;
}
.table-3col .pricing-column {
width: 244px;
}
.table-4col .pricing-column {
width: 183px;
}
.table-5col .pricing-column {
width: 244px;
}
}
@media only screen and (min-width: 768px) and (max-width: 799px) { .wrapper{
width:720px;
}
#main-col {
margin-right:20px;
width:450px;
}
.sidebar {
float:left;
width:250px;
}
#theme-option {
display:none;
} #logo-image {
margin-top:30px;
}
#main-menu {
display:none;
}
#mobile-menu {
display:block;
}
.cbp-af-header.cbp-af-header-shrink #mobile-menu {
margin:5px 0;
} .sequence-wrapper .prev {
left:20px;
opacity:0;
filter: alpha(opacity=0);
}
.sequence-wrapper .next {
right:20px;
opacity:0;
filter: alpha(opacity=0);
}
.sequence-wrapper:hover .prev {
opacity:1;
filter: alpha(opacity=100);
}
.sequence-wrapper:hover .next {
opacity:1;
filter: alpha(opacity=100);
}
.animate-in .title,
.animate-in .subtitle,
.animate-in .title-2,
.animate-in .subtitle-2 {
left:3%;
}
.animate-in .model,
.animate-in .model-2-1,
.model-2-1,
.animate-out .model-2-1,
.animate-in .model-3-1 {
right:3%;
}
.animate-in .model-3-2 {
right:13%;
}
.animate-in .model-3-3 {
right:33%;
}
.animate-in .model-3-4 {
right:32%;
}
.model-2-1 {
width:380px !important;
}
#sequence li#creative h2 {
font-size:20px;
}
.model {
width:450px;
}
.animate-in .model-2-1 {
bottom:25%;
}
.model-3-2,
.model-3-1 {
width:300px;
}
.model-3-3 {
width:180px;
}
.model-3-4 {
width:70px;
}
.title-2 {
width:45%;
}
.kopa-latest-post-widget ul li .entry-item .entry-thumb {
width:100%;
float:none;
margin:0 0 20px;
}
.kopa-latest-post-widget ul li .entry-item .entry-thumb img {
display:block;
width:100%;
}
.kopa-latest-post-widget ul li .entry-item .entry-content {
width:100%;
}
.kopa-testimonial-widget .testimonial-detail .testimonial-content {
padding:25px 20px 15px 60px;
}
.kopa-client-widget ul li {
width:136px;
margin:0 0 0 10px;
}
.kopa-client-widget ul li div {
padding:0 10px;
}
.kopa-contact-widget #contact-form #contact_name,
.kopa-contact-widget #contact-form #contact_email,
.kopa-contact-widget #contact-form #contact_subject,
.kopa-contact-widget #contact-form #contact_message,
.kopa-contact-widget #contact-form label.required {
width:100%;
}
.kopa-contact-widget #contact-form #submit-contact {
margin:0;
} .kopa-portfolio-widget .wrapper {
width:740px;
} .list-container-2 {
margin-top:0;
}
.list-container-2 ul li {
width:240px;
}
.list-container-2 ul li > a {
font-size:20px;
text-align:left;
}
.list-container-2 ul li span {
float:left;
margin:0 15px;
}
#bottom-sidebar .newsletter-form .email {
width:140px;
}
.kopa-tagline-description {
width:70%;
}
#bottom-sidebar .kopa-social-widget li {
margin:0 0 0 5px;
}
#bottom-sidebar .kopa-social-widget li a {
width:30px;
height:30px;
line-height:30px;
font-size:14px;
}
.kopa-intro-widget ul li .entry-title span {
width:50px;
height:50px;
line-height:50px;
margin-right:10px;
font-size:24px;
}
.kopa-intro-widget ul li .entry-title {
line-height:56px;
margin:0 0 15px;
} #page-bottom .widget ul li {
margin-top:15px;
padding-top:15px;
}
#page-bottom .kopa-widget-best-seller .entry-thumb,
#page-bottom .kopa-widget-latest-review .entry-thumb {
margin-right:10px;
}
.flickr-wrap {
margin-right:-10px;
}
.flickr-badge-image {
width:73px;
margin:0 10px 10px 0;
} .kopa-about-widget .entry-thumb {
width:380px;
margin-right:20px;
}
.kopa-our-team-widget ul li {
margin:0 0 0 20px;
width:165px;
}
.kopa-about-page .kopa-skill-wrapper {
margin-right:-10px;
}
.kopa-about-page .kopa-skill {
width:355px;
margin-right:10px;
} #main-content .sidebar .widget {
margin-bottom:25px;
}
.kopa-article-list .entry-item {
padding-bottom:15px;
margin-bottom:25px;
}
.kopa-article-list .entry-item .entry-thumb {
margin-bottom:25px;
}
.kopa-blog-2 .kopa-article-list .entry-item .entry-thumb {
width:100%;
float:none;
margin:0 0 20px;
}
.kopa-blog-2 .kopa-article-list .entry-item .entry-content {
width:100%;
}
.kopa-blog-2 .kopa-article-list .entry-item .entry-thumb audio {
width:100%;
} .entry-box .entry-thumb {
margin-bottom:25px;
}
.entry-box footer p {
width:184px;
}
.entry-box footer p a.article-title {
font-size:16px;
}
.about-author .author-content {
width:295px;
}
.tag-box a {
padding:5px 10px;
}
#comments h3, .kopa-related-post h3, #respond h3 {
margin:8px 0 30px;
}
.kopa-related-post ul li .entry-item .entry-thumb {
width:100%;
float:none;
margin: 0 0 20px 0;
}
.kopa-related-post ul li .entry-item .entry-thumb img {
width:100%;
display:block;
}
.kopa-related-post ul li .entry-item .entry-content {
width: 100%;
} #comments .comment-body {
width:369px;
}
#comments .comments-list .children .comment-body {
width:309px;
} #comments-form .comment-left {
width:100%;
float:none;
}
#comments-form .comment-right {
width:100%;
float:none;
}
.kopa-single-standard-2 .entry-box .entry-thumb {
width:100%;
float:none;
margin:0 0 20px;
}
.kopa-single-standard-2 .entry-box header {
width:100%;
}
.kp-single-carousel {
display:none;
}
.loading {
min-height:219px;
} .kopa-contact-page #contact_name,
.kopa-contact-page #contact_email,
.kopa-contact-page #contact_url,
.kopa-contact-page #contact_subject,
.kopa-contact-page #contact_phone {
background-position:185px 10px;
} #back-top {
display:none !important;
}
.table-3col .pricing-column {
width: 191px;
}
.table-4col .pricing-column {
width: 287px;
}
.table-5col .pricing-column {
width: 191px;
}
}
@media only screen and (min-width: 640px) and (max-width: 767px) { body {
padding:0;
}
.wrapper{
width:580px;
}
#main-col {
margin-right:0px;
width:100%;
}
.sidebar {
float:left;
width:100%;
}
#theme-option {
display:none;
} #header-top .hot-line {
display:none;
}
#header-top .top-link li {
margin:0 0 0 15px;
}
#header-top .search {
margin-left:35px;
}
#logo-image {
margin-top:30px;
}
#main-menu {
display:none;
}
#mobile-menu {
display:block;
}
.cbp-af-header.cbp-af-header-shrink #mobile-menu {
margin:5px 0;
} .sequence-wrapper .prev {
left:20px;
opacity:0;
filter: alpha(opacity=0);
}
.sequence-wrapper .next {
right:20px;
opacity:0;
filter: alpha(opacity=0);
}
.sequence-wrapper:hover .prev {
opacity:1;
filter: alpha(opacity=100);
}
.sequence-wrapper:hover .next {
opacity:1;
filter: alpha(opacity=100);
}
.animate-in .title,
.animate-in .subtitle,
.animate-in .title-2,
.animate-in .subtitle-2 {
left:3%;
}
.animate-in .model,
.animate-in .model-2-1,
.model-2-1,
.animate-out .model-2-1,
.animate-in .model-3-1 {
right:3%;
}
.animate-in .model-3-2 {
right:13%;
}
.animate-in .model-3-3 {
right:35%;
}
.animate-in .model-3-4 {
right:34%;
}
.model-2-1 {
width:300px !important;
}
#sequence li#creative h2 {
font-size:18px;
}
.model {
width:400px;
bottom:28%;
}
.animate-in .model-2-1 {
bottom:30%;
}
.model-3-2,
.model-3-1 {
width:250px;
}
.model-3-3 {
width:140px;
}
.model-3-4 {
width:50px;
}
.title-2 {
width:45%;
}
#sequence li#intro h2 {
font-size:26px;
}
.subtitle-2 {
width:44%;
}
#sequence li h3 {
font-size:20px;
line-height:24px;
}
#sequence li h2 {
font-size:26px;
}
.animate-in .model-3-1,
.model-3-1,
.animate-out .model-3-1 {
bottom:20%;
}
.animate-in .model-3-2,
.animate-out .model-3-2,
.model-3-2 {
bottom:10%;
}
.animate-in .model-3-3,
.animate-out .model-3-3,
.model-3-3 {
bottom:12%;
}
.animate-in .model-3-4,
.animate-out .model-3-4,
.model-3-4 {
bottom:16%;
}
.kopa-latest-post-widget ul li .entry-item .entry-thumb {
width:100%;
float:none;
margin:0 0 20px;
}
.kopa-latest-post-widget ul li .entry-item .entry-thumb img {
display:block;
width:100%;
}
.kopa-latest-post-widget ul li .entry-item .entry-content {
width:100%;
}
.kopa-testimonial-widget .testimonial-detail .testimonial-content {
padding:25px 20px 15px 60px;
}
.kopa-client-widget {
display:none;
}
.kopa-client-widget ul li {
width:136px;
margin:0 0 0 10px;
}
.kopa-client-widget ul li div {
padding:0 10px;
}
.kopa-contact-widget #contact-form #contact_name,
.kopa-contact-widget #contact-form #contact_email,
.kopa-contact-widget #contact-form #contact_subject,
.kopa-contact-widget #contact-form #contact_message {
width:430px;
}
#contact-box {
margin-bottom:30px;
} .kopa-portfolio-widget .wrapper {
width:580px;
} .list-container-2 {
margin-top:0;
}
.list-container-2 ul li {
width:193px;
}
.list-container-2 ul li > a {
font-size:16px;
text-align:left;
}
.list-container-2 ul li span {
float:left;
margin:0 10px;
}
.kopa-tagline-description {
width:60%;
}
#bottom-sidebar .widget,
#page-bottom .widget {
margin-bottom:20px;
}
#bottom-sidebar .widget .widget-title,
#page-bottom .widget .widget-title {
margin:0 0 10px;
}
.kopa-intro-widget ul li .entry-title span {
width:30px;
height:30px;
line-height:30px;
margin-right:10px;
font-size:18px;
}
.kopa-intro-widget ul li .entry-title {
line-height:36px;
margin:0 0 15px;
font-size:20px;
}
.kopa-service-widget ul li {
width:46.6%;
margin:0 1.7% !important;
} #page-bottom .widget ul li {
margin-top:15px;
padding-top:15px;
}
#page-bottom .kopa-widget-best-seller .entry-thumb,
#page-bottom .kopa-widget-latest-review .entry-thumb {
margin-right:10px;
}
.flickr-wrap {
margin-right:-10px;
}
.flickr-badge-image {
width:73px;
margin:0 10px 10px 0;
} .kopa-about-widget .entry-thumb {
width:280px;
margin-right:20px;
}
.kopa-our-team-widget ul li {
margin:0 0 0 15px;
width:133px;
}
.kopa-about-page .kopa-skill-wrapper {
margin-right:-10px;
}
.kopa-about-page .kopa-skill {
width:285px;
margin-right:10px;
} #main-content .sidebar .widget {
margin-bottom:25px;
}
.kopa-article-list .entry-item {
padding-bottom:15px;
margin-bottom:25px;
}
.kopa-article-list .entry-item .entry-thumb {
margin-bottom:25px;
}
.kopa-blog-2 .kopa-article-list .entry-item .entry-thumb {
width:100%;
float:none;
margin:0 0 20px;
}
.kopa-blog-2 .kopa-article-list .entry-item .entry-content {
width:100%;
}
.kopa-blog-2 .kopa-article-list .entry-item .entry-thumb audio {
width:100%;
} .entry-box .entry-thumb {
margin-bottom:25px;
}
.entry-box footer p {
width:249px;
}
.entry-box footer p a.article-title {
font-size:16px;
}
.about-author .author-content {
width:425px;
}
.tag-box a {
padding:5px 10px;
}
#comments h3, .kopa-related-post h3, #respond h3 {
margin:8px 0 30px;
}
.kopa-related-post ul li .entry-item .entry-thumb {
width:100%;
float:none;
margin: 0 0 20px 0;
}
.kopa-related-post ul li .entry-item .entry-thumb img {
width:100%;
display:block;
}
.kopa-related-post ul li .entry-item .entry-content {
width: 100%;
} #comments .comment-body {
width:499px;
}
#comments .comments-list .children .comment-body {
width:439px;
} #comments-form .comment-left {
width:100%;
float:none;
}
#comments-form .comment-right {
width:100%;
float:none;
}
.kopa-single-standard-2 .entry-box .entry-thumb {
width:100%;
float:none;
margin:0 0 20px;
}
.kopa-single-standard-2 .entry-box header {
width:100%;
}
.kp-single-carousel {
display:none;
}
.loading {
min-height:219px;
} .kopa-contact-page #contact_name,
.kopa-contact-page #contact_email,
.kopa-contact-page #contact_url,
.kopa-contact-page #contact_subject,
.kopa-contact-page #contact_phone {
background-position:545px 10px;
} #back-top {
display:none !important;
}
.table-3col .pricing-column {
width: 191px;
}
.table-4col .pricing-column {
width: 287px;
}
.table-5col .pricing-column {
width: 191px;
}
}
@media only screen and (min-width: 600px) and (max-width: 639px) { body {
padding:0;
}
.wrapper{
width:540px;
}
#main-col {
margin-right:0px;
width:100%;
}
.sidebar {
float:left;
width:100%;
}
#theme-option {
display:none;
} #header-top .hot-line {
display:none;
}
#header-top .top-link li {
margin:0 0 0 15px;
}
#header-top .search {
margin-left:35px;
}
#logo-image {
margin-top:30px;
}
#main-menu {
display:none;
}
#mobile-menu {
display:block;
}
.cbp-af-header.cbp-af-header-shrink #mobile-menu {
margin:5px 0;
} .sequence-wrapper .prev {
left:20px;
opacity:0;
filter: alpha(opacity=0);
}
.sequence-wrapper .next {
right:20px;
opacity:0;
filter: alpha(opacity=0);
}
.sequence-wrapper:hover .prev {
opacity:1;
filter: alpha(opacity=100);
}
.sequence-wrapper:hover .next {
opacity:1;
filter: alpha(opacity=100);
}
.animate-in .title,
.animate-in .subtitle,
.animate-in .title-2,
.animate-in .subtitle-2 {
left:3%;
}
.animate-in .model,
.animate-in .model-2-1,
.model-2-1,
.animate-out .model-2-1,
.animate-in .model-3-1 {
right:3%;
}
.animate-in .model-3-2 {
right:13%;
}
.animate-in .model-3-3 {
right:35%;
}
.animate-in .model-3-4 {
right:34%;
}
.model-2-1 {
width:300px !important;
}
#sequence li#creative h2 {
font-size:18px;
line-height:26px;
}
.model {
width:400px;
bottom:28%;
}
.animate-in .model-2-1 {
bottom:30%;
}
.model-3-2,
.model-3-1 {
width:250px;
}
.model-3-3 {
width:140px;
}
.model-3-4 {
width:50px;
}
#sequence li#intro h2 {
font-size:20px;
}
#sequence li h3 {
font-size:20px;
line-height:24px;
}
#sequence li h2 {
font-size:22px;
}
.animate-in .model-3-1,
.model-3-1,
.animate-out .model-3-1 {
bottom:20%;
}
.animate-in .model-3-2,
.animate-out .model-3-2,
.model-3-2 {
bottom:10%;
}
.animate-in .model-3-3,
.animate-out .model-3-3,
.model-3-3 {
bottom:12%;
}
.animate-in .model-3-4,
.animate-out .model-3-4,
.model-3-4 {
bottom:16%;
}
.kopa-latest-post-widget ul li .entry-item .entry-thumb {
width:100%;
float:none;
margin:0 0 20px;
}
.kopa-latest-post-widget ul li .entry-item .entry-thumb img {
display:block;
width:100%;
}
.kopa-latest-post-widget ul li .entry-item .entry-content {
width:100%;
}
.kopa-testimonial-widget .testimonial-detail .testimonial-content {
padding:25px 20px 15px 60px;
}
.kopa-client-widget {
display:none;
}
.kopa-client-widget ul li {
width:136px;
margin:0 0 0 10px;
}
.kopa-client-widget ul li div {
padding:0 10px;
}
.kopa-contact-widget #contact-form #contact_name,
.kopa-contact-widget #contact-form #contact_email,
.kopa-contact-widget #contact-form #contact_subject,
.kopa-contact-widget #contact-form #contact_message {
width:390px;
}
#contact-box {
margin-bottom:30px;
} .kopa-portfolio-widget .wrapper {
width:580px;
} .list-container-2 {
margin-top:0;
}
.list-container-2 ul li {
width:180px;
}
.list-container-2 ul li > a {
font-size:16px;
}
.list-container-2 ul li span {
float:left;
margin:0 10px;
display:none
}
.kopa-tagline-description {
width:60%;
}
#bottom-sidebar .widget,
#page-bottom .widget {
margin-bottom:20px;
}
#bottom-sidebar .widget .widget-title,
#page-bottom .widget .widget-title {
margin:0 0 10px;
}
.kopa-intro-widget ul li .entry-title span {
width:30px;
height:30px;
line-height:30px;
margin-right:10px;
font-size:18px;
}
.kopa-intro-widget ul li .entry-title {
line-height:36px;
margin:0 0 15px;
font-size:20px;
}
.kopa-service-widget ul li {
width:46.6%;
margin:0 1.7% !important;
}
.kopa-service-widget ul {
margin-top:5px;
} #page-bottom .widget ul li {
margin-top:15px;
padding-top:15px;
}
#page-bottom .kopa-widget-best-seller .entry-thumb,
#page-bottom .kopa-widget-latest-review .entry-thumb {
margin-right:10px;
}
.flickr-wrap {
margin-right:-10px;
}
.flickr-badge-image {
width:73px;
margin:0 10px 10px 0;
}
#bottom-sidebar .widget .search-form {
width:340px;
} .kopa-about-widget .entry-thumb {
width:280px;
margin-right:20px;
}
.kopa-our-team-widget ul li {
margin:0 5px !important;
width:125px;
}
.kopa-about-page .kopa-skill-wrapper {
margin-right:-10px;
}
.kopa-about-page .kopa-skill {
width:265px;
margin-right:10px;
} #main-content .sidebar .widget {
margin-bottom:25px;
}
.kopa-article-list .entry-item {
padding-bottom:15px;
margin-bottom:25px;
}
.kopa-article-list .entry-item .entry-thumb {
margin-bottom:25px;
}
.kopa-blog-2 .kopa-article-list .entry-item .entry-thumb {
width:100%;
float:none;
margin:0 0 20px;
}
.kopa-blog-2 .kopa-article-list .entry-item .entry-content {
width:100%;
}
.kopa-blog-2 .kopa-article-list .entry-item .entry-thumb audio {
width:100%;
} .entry-box .entry-thumb {
margin-bottom:25px;
}
.entry-box footer p {
width:229px;
}
.entry-box footer p a.article-title {
font-size:16px;
}
.about-author .author-content {
width:385px;
}
.tag-box a {
padding:5px 10px;
}
#comments h3, .kopa-related-post h3, #respond h3 {
margin:8px 0 30px;
}
.kopa-related-post ul li .entry-item .entry-thumb {
width:100%;
float:none;
margin: 0 0 20px 0;
}
.kopa-related-post ul li .entry-item .entry-thumb img {
width:100%;
display:block;
}
.kopa-related-post ul li .entry-item .entry-content {
width: 100%;
} #comments .comment-body {
width:459px;
}
#comments .comments-list .children .comment-body {
width:399px;
} #comments-form .comment-left {
width:100%;
float:none;
}
#comments-form .comment-right {
width:100%;
float:none;
}
.kopa-single-standard-2 .entry-box .entry-thumb {
width:100%;
float:none;
margin:0 0 20px;
}
.kopa-single-standard-2 .entry-box header {
width:100%;
}
.kp-single-carousel {
display:none;
}
.loading {
min-height:219px;
} .kopa-contact-page #contact_name,
.kopa-contact-page #contact_email,
.kopa-contact-page #contact_url,
.kopa-contact-page #contact_subject,
.kopa-contact-page #contact_phone {
background-position:505px 10px;
} #back-top {
display:none !important;
}
.table-3col .pricing-column {
width: 267px;
}
.table-4col .pricing-column {
width: 267px;
}
.table-5col .pricing-column {
width: 177px;
}
}
@media only screen and (min-width: 480px) and (max-width: 599px) { body {
padding:0;
}
.wrapper{
width:420px;
}
#main-col {
margin-right:0px;
width:100%;
}
.sidebar {
float:left;
width:100%;
}
#theme-option {
display:none;
} #header-top .hot-line {
display:none;
}
#header-top .top-link li {
margin:0 0 0 15px;
}
#header-top .search-box {
width:157px;
}
#header-top .search {
margin-left:35px;
}
#logo-image {
margin-top:30px;
}
#main-menu {
display:none;
}
#mobile-menu {
display:block;
}
.cbp-af-header.cbp-af-header-shrink #mobile-menu {
margin:5px 0;
} .sequence-wrapper .prev {
left:20px;
opacity:0;
filter: alpha(opacity=0);
}
.sequence-wrapper .next {
right:20px;
opacity:0;
filter: alpha(opacity=0);
}
.sequence-wrapper:hover .prev {
opacity:1;
filter: alpha(opacity=100);
}
.sequence-wrapper:hover .next {
opacity:1;
filter: alpha(opacity=100);
}
.animate-in .title,
.animate-in .subtitle,
.animate-in .title-2,
.animate-in .subtitle-2 {
left:3%;
}
.animate-in .model,
.animate-in .model-2-1,
.model-2-1,
.animate-out .model-2-1,
.animate-in .model-3-1 {
right:3%;
}
.animate-in .model-3-2 {
right:13%;
}
.animate-in .model-3-3 {
right:35%;
}
.animate-in .model-3-4 {
right:34%;
}
.model-2-1 {
width:300px !important;
}
#sequence li#creative h2 {
font-size:18px;
line-height:26px;
}
.model {
width:400px;
bottom:28%;
}
.animate-in .model-2-1 {
bottom:30%;
}
.model-3-2,
.model-3-1 {
width:250px;
}
.model-3-3 {
width:140px;
}
.model-3-4 {
width:50px;
}
#sequence li#intro h2 {
font-size:20px;
}
#sequence li h3 {
font-size:20px;
line-height:24px;
}
#sequence li h2 {
font-size:22px;
}
.animate-in .model-3-1,
.model-3-1,
.animate-out .model-3-1 {
bottom:20%;
}
.animate-in .model-3-2,
.animate-out .model-3-2,
.model-3-2 {
bottom:10%;
}
.animate-in .model-3-3,
.animate-out .model-3-3,
.model-3-3 {
bottom:12%;
}
.animate-in .model-3-4,
.animate-out .model-3-4,
.model-3-4 {
bottom:16%;
}
.title-2,
.subtitle-2,
.subtitle,
.title {
display:none;
}
.sequence-slider {
height:350px;
}
.kopa-intro-widget ul li {
width:100%;
margin:20px 0 0;
}
.kopa-latest-post-widget ul li .entry-item .entry-thumb {
width:100%;
float:none;
margin:0 0 20px;
}
.kopa-latest-post-widget ul li .entry-item .entry-thumb img {
display:block;
width:100%;
}
.kopa-latest-post-widget ul li .entry-item .entry-content {
width:100%;
}
.kopa-testimonial-widget .testimonial-detail .testimonial-content {
padding:25px 20px 15px 60px;
}
.kopa-client-widget {
display:none;
}
.kopa-client-widget ul li {
width:136px;
margin:0 0 0 10px;
}
.kopa-client-widget ul li div {
padding:0 10px;
}
.kopa-contact-widget #contact-form #contact_name,
.kopa-contact-widget #contact-form #contact_email,
.kopa-contact-widget #contact-form #contact_subject,
.kopa-contact-widget #contact-form #contact_message {
width:270px;
}
#contact-box {
margin-bottom:30px;
} .kopa-portfolio-widget .wrapper {
width:420px;
}
.element {
width:100px;
height:100px;
}
.element.width2 {
width:203px;
}
.element.height2 {
height:203px;
} .list-container-2 {
margin-top:0;
}
.list-container-2 ul li {
width:140px;
}
.list-container-2 ul li > a {
font-size:16px;
}
.list-container-2 ul li span {
float:left;
margin:0 10px;
display:none
}
.kopa-tagline-description {
width:100%;
margin-bottom:20px;
}
#bottom-sidebar .widget,
#page-bottom .widget {
margin-bottom:20px;
}
#bottom-sidebar .widget .widget-title,
#page-bottom .widget .widget-title {
margin:0 0 10px;
}
.kopa-intro-widget ul li .entry-title span {
width:30px;
height:30px;
line-height:30px;
margin-right:10px;
font-size:18px;
}
.kopa-intro-widget ul li .entry-title {
line-height:36px;
margin:0 0 15px;
font-size:20px;
}
.kopa-service-widget ul li {
width:46.6%;
margin:0 1.7% !important;
}
.kopa-service-widget ul {
margin-top:5px;
} #page-bottom .widget ul li {
margin-top:15px;
padding-top:15px;
}
#page-bottom .kopa-widget-best-seller .entry-thumb,
#page-bottom .kopa-widget-latest-review .entry-thumb {
margin-right:10px;
}
.flickr-wrap {
margin-right:-10px;
}
.flickr-badge-image {
width:73px;
margin:0 10px 10px 0;
}
#bottom-sidebar .widget .search-form {
width:340px;
}
#page-footer {
text-align:center;
}
#copyright {
float:none;
text-align:center;
margin:15px 0 0;
}
#footer-menu {
float:none;
display:inline-block;
} .kopa-about-widget .entry-thumb {
width:100%;
margin:0 0 10px;
}
.kopa-our-team-widget ul li {
margin:0 5px !important;
width:200px;
}
.kopa-about-page .kopa-skill-wrapper {
margin-right:-10px;
}
.kopa-about-page .kopa-skill {
width:205px;
margin-right:10px;
} #main-content .sidebar .widget {
margin-bottom:25px;
}
.kopa-article-list .entry-item {
padding-bottom:15px;
margin-bottom:25px;
}
.kopa-article-list .entry-item .entry-thumb {
margin-bottom:25px;
}
.kopa-blog-2 .kopa-article-list .entry-item .entry-thumb {
width:100%;
float:none;
margin:0 0 20px;
}
.kopa-blog-2 .kopa-article-list .entry-item .entry-content {
width:100%;
}
.kopa-blog-2 .kopa-article-list .entry-item .entry-thumb audio {
width:100%;
} .entry-box .entry-thumb {
margin-bottom:25px;
}
.entry-box footer p {
width:169px;
}
.entry-box footer p a.article-title {
font-size:16px;
}
.about-author .author-content {
width:265px;
}
.tag-box a {
padding:5px 10px;
margin-bottom:5px;
}
#comments h3, .kopa-related-post h3, #respond h3 {
margin:8px 0 30px;
}
.kopa-related-post ul li .entry-item .entry-thumb {
width:100%;
float:none;
margin: 0 0 20px 0;
}
.kopa-related-post ul li .entry-item .entry-thumb img {
width:100%;
display:block;
}
.kopa-related-post ul li .entry-item .entry-content {
width: 100%;
} #comments .comment-body {
width:339px;
}
#comments .comments-list .children .comment-body {
width:279px;
} #comments-form .comment-left {
width:100%;
float:none;
}
#comments-form .comment-right {
width:100%;
float:none;
}
.kopa-single-standard-2 .entry-box .entry-thumb {
width:100%;
float:none;
margin:0 0 20px;
}
.kopa-single-standard-2 .entry-box header {
width:100%;
}
.kp-single-carousel {
display:none;
}
.loading {
min-height:205px;
} .kopa-contact-page #contact_name,
.kopa-contact-page #contact_email,
.kopa-contact-page #contact_url,
.kopa-contact-page #contact_subject,
.kopa-contact-page #contact_phone {
background-position:385px 10px;
} .error-404 {
margin:20px 10% 50px;
}
.error-404 .left-col p {
font-size:80px;
}
.error-404 .right-col h1 {
font-size:26px;
}
#back-top {
display:none !important;
}
.table-3col .pricing-column {
width: 207px;
}
.table-4col .pricing-column {
width: 207px;
}
.table-5col .pricing-column {
width: 207px;
}
}
@media only screen and (max-width: 479px) { body {
padding:0;
}
.wrapper{
width:300px;
}
#main-col {
margin-right:0px;
width:100%;
}
.sidebar {
float:left;
width:100%;
}
#theme-option {
display:none;
} #header-top .hot-line {
display:block;
float:inherit !important;
text-align:center;
}
#header-top .top-link li {
margin:0 0 0 15px;
}
#header-top .search-box {
width:157px;
}
#header-top .search {
margin-left:20px;
}
#logo-image {
margin-top:30px;
}
#main-menu {
display:none;
}
#mobile-menu {
display:block;
margin: 11px 0;
}
.cbp-af-header.cbp-af-header-shrink #mobile-menu {
margin:5px 0;
} .sequence-wrapper .prev {
left:20px;
opacity:0;
filter: alpha(opacity=0);
}
.sequence-wrapper .next {
right:20px;
opacity:0;
filter: alpha(opacity=0);
}
.sequence-wrapper:hover .prev {
opacity:1;
filter: alpha(opacity=100);
}
.sequence-wrapper:hover .next {
opacity:1;
filter: alpha(opacity=100);
}
.animate-in .title,
.animate-in .subtitle,
.animate-in .title-2,
.animate-in .subtitle-2 {
left:3%;
}
.animate-in .model,
.animate-in .model-2-1,
.model-2-1,
.animate-out .model-2-1,
.animate-in .model-3-1 {
right:3%;
}
.animate-in .model-3-2 {
right:13%;
}
.animate-in .model-3-3 {
right:35%;
}
.animate-in .model-3-4 {
right:34%;
}
.model-2-1 {
width:300px !important;
}
#sequence li#creative h2 {
font-size:18px;
line-height:26px;
}
.model {
width:400px;
bottom:28%;
}
.animate-in .model-2-1 {
bottom:30%;
}
.model-3-2,
.model-3-1 {
width:250px;
}
.model-3-3 {
width:140px;
}
.model-3-4 {
width:50px;
}
#sequence li#intro h2 {
font-size:20px;
}
#sequence li h3 {
font-size:20px;
line-height:24px;
}
#sequence li h2 {
font-size:22px;
}
.animate-in .model-3-1,
.model-3-1,
.animate-out .model-3-1 {
bottom:20%;
}
.animate-in .model-3-2,
.animate-out .model-3-2,
.model-3-2 {
bottom:10%;
}
.animate-in .model-3-3,
.animate-out .model-3-3,
.model-3-3 {
bottom:12%;
}
.animate-in .model-3-4,
.animate-out .model-3-4,
.model-3-4 {
bottom:16%;
}
.title-2,
.subtitle-2,
.subtitle,
.title {
display:none;
}
.sequence-slider {
height:350px;
}
#sequence li .title-3 h2 {
font-size:50px;
}
.subtitle-3 h4 {
font-size:24px;
margin:0 0 10px;
}
#main-content .widget .widget-title {
padding-left:60px;
}
.kopa-intro-widget ul li {
width:100%;
margin:20px 0 0;
}
.kopa-latest-post-widget ul li .entry-item .entry-thumb {
width:100%;
float:none;
margin:0 0 20px;
}
.kopa-latest-post-widget ul li .entry-item .entry-thumb img {
display:block;
width:100%;
}
.kopa-latest-post-widget ul li .entry-item .entry-content {
width:100%;
}
.kopa-testimonial-widget .testimonial-detail .testimonial-content {
padding:25px 20px 15px 60px;
}
.kopa-client-widget {
display:none;
}
.kopa-client-widget ul li {
width:136px;
margin:0 0 0 10px;
}
.kopa-client-widget ul li div {
padding:0 10px;
}
.kopa-contact-widget #contact-form #contact_name,
.kopa-contact-widget #contact-form #contact_email,
.kopa-contact-widget #contact-form #contact_subject,
.kopa-contact-widget #contact-form #contact_message,
.kopa-contact-widget #contact-form label.required {
width:100%;
}
.kopa-contact-widget #contact-form #submit-contact {
}
#contact-box {
margin-bottom:30px;
}
.contact-social-link li {
margin:0 0 0 5px;
}
.contact-social-link li a {
height:30px;
line-height:30px;
width:30px;
} .kopa-portfolio-widget .wrapper {
width:300px;
}
#container {
width: 208px;
}
.element {
width:100px;
height:100px;
}
.element.width2 {
width:203px;
}
.element.height2 {
height:203px;
} .list-container-2 {
margin-top:0;
}
.list-container-2 ul li {
width:100px;
}
.list-container-2 ul li > a {
font-size:14px;
text-transform:none;
}
.list-container-2 ul li span {
float:left;
margin:0 10px;
display:none
}
.kopa-tagline-description {
width:100%;
margin-bottom:20px;
}
#bottom-sidebar .widget,
#page-bottom .widget {
margin-bottom:20px;
}
#bottom-sidebar .widget .widget-title,
#page-bottom .widget .widget-title {
margin:0 0 10px;
}
.kopa-intro-widget ul li .entry-title span {
width:30px;
height:30px;
line-height:30px;
margin-right:10px;
font-size:18px;
}
.kopa-intro-widget ul li .entry-title {
line-height:36px;
margin:0 0 15px;
font-size:20px;
}
.kopa-service-widget ul li {
width:100%;
margin:20px 0 0;
}
.kopa-service-widget ul {
margin-top:5px;
}
.kopa-service-widget ul li .service-title {
margin:0 0 10px;
} #page-bottom .widget ul li {
margin-top:15px;
padding-top:15px;
}
#page-bottom .kopa-widget-best-seller .entry-thumb,
#page-bottom .kopa-widget-latest-review .entry-thumb {
margin-right:10px;
}
.flickr-wrap {
margin-right:-10px;
}
.flickr-badge-image {
width:73px;
margin:0 10px 10px 0;
}
#page-footer {
text-align:center;
}
#copyright {
float:none;
text-align:center;
margin:15px 0 0;
}
#footer-menu {
float:none;
display:inline-block;
}
#footer-menu li {
margin:0 0 0 10px;
}
#bottom-sidebar .newsletter-form .email {
width:213px;
} .kopa-about-widget .entry-thumb {
width:100%;
margin:0 0 10px;
}
.kopa-our-team-widget ul li {
margin:25px 0 0;
width:100%;
}
.kopa-about-page .kopa-skill-wrapper {
margin-right:0px;
}
.kopa-about-page .kopa-skill {
width:100%;
margin-right:0px;
} #main-content .sidebar .widget {
margin-bottom:25px;
}
.kopa-article-list .entry-item {
padding-bottom:15px;
margin-bottom:25px;
}
.kopa-article-list .entry-item .entry-thumb {
margin-bottom:25px;
}
.kopa-blog-2 .kopa-article-list .entry-item .entry-thumb {
width:100%;
float:none;
margin:0 0 20px;
}
.kopa-blog-2 .kopa-article-list .entry-item .entry-content {
width:100%;
}
.kopa-blog-2 .kopa-article-list .entry-item .entry-thumb audio {
width:100%;
}
.pagination ul > li > a,
.pagination ul > li > span {
padding:2px 7px;
} .entry-box .entry-thumb {
margin-bottom:25px;
}
.entry-box footer p {
width:109px;
}
.entry-box footer p a.article-title {
font-size:16px;
}
.about-author {
padding:10px;
}
.about-author .avatar-thumb {
margin-right:10px;
}
.about-author .author-content {
width:175px;
}
.tag-box a {
padding:5px 10px;
margin-bottom:5px;
}
#comments h3, .kopa-related-post h3, #respond h3 {
margin:8px 0 30px;
}
.kopa-related-post ul li .entry-item .entry-thumb {
width:100%;
float:none;
margin: 0 0 20px 0;
}
.kopa-related-post ul li .entry-item .entry-thumb img {
width:100%;
display:block;
}
.kopa-related-post ul li .entry-item .entry-content {
width: 100%;
} #comments .comment-body,
#comments .comments-list .children .comment-body {
width:219px;
}
#comments .comments-list .children {
margin-left:0;
} #comments-form .comment-left {
width:100%;
float:none;
}
#comments-form .comment-right {
width:100%;
float:none;
}
.kopa-single-standard-2 .entry-box .entry-thumb {
width:100%;
float:none;
margin:0 0 20px;
}
.kopa-single-standard-2 .entry-box header {
width:100%;
}
.kp-single-carousel {
display:none;
}
.loading {
min-height:146px;
} .kopa-contact-page #contact_name,
.kopa-contact-page #contact_email,
.kopa-contact-page #contact_url,
.kopa-contact-page #contact_subject,
.kopa-contact-page #contact_phone {
background-position:265px 10px;
} .error-404 {
margin:20px 10% 50px;
}
.error-404 .left-col p {
font-size:50px;
}
.error-404 .right-col h1 {
font-size:26px;
line-height:26px;
}
#back-top {
display:none !important;
}
.table-3col .pricing-column {
width: 298px;
}
.table-4col .pricing-column {
width: 298px;
}
.table-5col .pricing-column {
width: 298px;
}
}
@media(max-width:640px) {
#header-bottom {
height: 58px;
}
#logo-image {
margin-top: 0;
width: auto;
float: left;
text-align: left;
}
#logo-image a, #logo-image a img {
width: 120px !important;
display: inline-block;
}
.cbp-af-header.cbp-af-header-shrink #logo-image {
margin-top: 0;
height: 25px; text-align: left;
}
.sticky-header #main-nav {
margin-top: 5px !important;
padding-bottom: 9px !important;
}
}