html {
overflow-y:scroll;
overflow-x:hidden;
}
body {
font-family: 'Open Sans', sans-serif;
font-size: 13px;
line-height: 23px;
color:#91979f;
background:#f7fcff;
-webkit-font-smoothing: antialiased;
-webkit-text-size-adjust: 100%;
}
h1, h2, h3, h4, h5, h6 {
font-family:'Open Sans', sans-serif;
font-weight:500;
line-height:1.4em;
padding:0px;
margin:0px;
margin-bottom:15px;
clear:both;
}
h1 {
font-size:36px;
font-weight:300;
}
h2 {
font-size:31px;
color:#0fa2d5;
}
h3 {
font-size:24px;
font-weight:300;
text-transform:uppercase;
color:#0fa2d5;
}
h4 {
font-size:24px;
}
h5 {
font-size:20px;
font-weight:400;
}
h6 {
font-size:16px;
}
hr {
background:#91979f;
height:1px;
border:0px;
margin:20px 0px;
}
p {
margin:0px 0px 15px 0px;
}
a {
color:#0fa1d5;
text-decoration:none;
}
a:hover {
color:#3c4451;
text-decoration:none;
}
blockquote {
font-size:15px;
font-style:italic;
color:#566174;
padding:20px;
margin:0px;
border-left:5px solid #ff4b64;
background:url(../img/back-strip.png);
}
blockquote h4{
color:#3c4451;
}
.bold, .strong {
font-weight:bold;
}
.normal {
font-weight:normal;
}
img {
width:100%;
}
/* -------------------------------------------------------- */
/* Spaces */
/* -------------------------------------------------------- */
.space5 {
height:5px;
clear:both;
}
.space10 {
height:10px;
clear:both;
}
.space15 {
height:15px;
clear:both;
}
.space20 {
height:5px;
clear:both;
}
.space25 {
height:25px;
clear:both;
}
.space30 {
height:30px;
clear:both;
}
.space35 {
height:35px;
clear:both;
}
.space40 {
height:10px;
clear:both;
}
.space45 {
height:45px;
clear:both;
}
.space50 {
height:50px;
clear:both;
}
.space55 {
height:55px;
clear:both;
}
.space60 {
height:10px;
clear:both;
}
.space65 {
height:65px;
clear:both;
}
.space70 {
height:70px;
clear:both;
}
.space75 {
height:75px;
clear:both;
}
.space80 {
height:80px;
clear:both;
}
.space85 {
height:85px;
clear:both;
}
.space90 {
height:90px;
clear:both;
}
.space95 {
height:95px;
clear:both;
}
.space100 {
height:100px;
clear:both;
}
.space110 {
height:110px;
clear:both;
}
.space120 {
height:120px;
clear:both;
}
.space150 {
height:150px;
clear:both;
}
/* -------------------------------------------------------- */
/* Header */
/* -------------------------------------------------------- */
header {
background:transparent;
}
.website-designing-ajman{ height:auto;}
.web-development-uae{ height:auto;}
.domain-registration-uae{ height:auto;}
.web-hosting-use{ height:auto}
.content-writing-uae{ height:auto;}
.email-marketing-uae{ height:auto;}
.logo-design-uae{ height:auto;}
.search-engine-optimization{ height:auto;}
/* Top Bar */
.top-bar {
height:40px;
border-bottom:1px solid #e7e7e7;
}
.top-bar p {
margin:0px;
line-height:38px;
text-align:left;
}
.top-bar p i {
padding:0px 5px 0px 10px;
}
.top-bar ul {
list-style:none;
float:right;
}
.top-bar ul li {
float:left;
height:40px;
line-height:38px;
padding:0px 17px;
border-left:1px solid #e7e7e7;
}
.top-bar ul li:last-child {
border-right:1px solid #e7e7e7;
}
@media (max-width: 768px) {
.top-bar {
display:none;
}
}
.top-bar.dark {
color:#eaf0f4;
background:#2e343e;
border:0px;
}
.top-bar.dark ul li a {
color:#eaf0f4;
}
.top-bar.dark ul li a:hover {
color:#0fa1d5;
}
.top-bar.dark ul li {
border-color:#7e848c;
}
/**editor packages**/
.domainPricBox {
box-shadow: 0 0 50px #d0dae5 inset; -webkit-box-shadow: 0 0 50px #d0dae5 inset; -o-box-shadow: 0 0 50px #d0dae5 inset;
float: left;
height: auto;
margin: 0;
padding: 0 0 40px;
width: 100%;
}
.topLine {
background:#225a93;
height: 11px;
margin: 0;
padding: 0;
width: 100%;
}
.domainPriceULAB {
list-style: none outside none;
margin: 0;
padding: 0;
}
.domainPriceAB {
float: left;
height: auto;
margin: 18px 0 0;
padding: 0;
width: auto;
}
.domainPriceULAB li {
float: left;
margin: 0;
padding: 0;
}
.domainPriceULAB li:nth-child(n) .pricingLineA {
background: none repeat scroll 0 0 #f1f4f7;
border: 1px solid #e4e4e4;
float: left;
height: auto;
margin: 0;
padding: 0;
width: 595px;
}
.pricingLineA p {
color: #0a3e78;
font-family: Arial,Helvetica,sans-serif;
font-size: 14px;
font-weight: normal;
margin: 2px 0 0 24px;
padding: 0;
}
.domainPriceULAB li:nth-child(n) .pricingLineB {
background: none repeat scroll 0 0 #f1f4f7;
border: 1px solid #e4e4e4;
float: left;
height: auto;
margin: 0 0 0 6px;
padding: 0;
text-align: center;
width: 148px;
}
.pricingLineB p {
color: #0a3e78;
float: none;
font-family: Arial,Helvetica,sans-serif;
font-size: 14px;
font-weight: normal;
margin: 2px auto;
padding: 0;
}
.domainPriceULAB li:nth-child(2n) .pricingLineA {
background: none repeat scroll 0 0 #fff;
border: 1px solid #fff;
float: left;
height: auto;
margin: 0;
padding: 0;
width: 595px;
}
.domainPriceULAB li:nth-child(2n) .pricingLineB {
background: none repeat scroll 0 0 #fff;
border: 1px solid #fff;
float: left;
height: auto;
margin: 0 0 0 6px;
padding: 0;
width: 148px;
}
/* Top Container */
.top-container {
display:block;
margin:10px 0px 15px 0px;
overflow:hidden;
}
.top-container.t-bar {
margin:30px 0px 20px 0px;
}
.logo {
width:auto;
float:left;
}
.top-item {
float:right;
list-style:none;
padding:0px;
}
.top-item h1{
padding:0px;
font-size: 13px;
font-weight: normal;
}
.top-items {
float:left;
list-style:none;
padding:0px;
margin-left:25px;
}
.top-items li {
float:left;
padding-left:22px;
padding-right:20px;
}
.top-items li:last-child {
padding-right:0px;
}
.top-items li.red i, .top-items li.red a {
color:#ff4862;
}
.top-items li.red:hover i, .top-items li.red:hover a {
color:#00a1d7;
}
@media screen and (max-width: 991px) {
.top-container {
margin:15px 0px 5px 0px;
}
.top-items {
clear:both;
float:left;
padding-top:10px;
}
}
/* -------------------------------------------------------- */
/* Breadcrumb */
/* -------------------------------------------------------- */
.breadcrumb-container {
padding:30px 0px 10px 0px;
}
.breadcrumb-container h1 {
float:left;
margin:0px;
}
.breadcrumb {
background:transparent;
text-align:right;
margin:8px 0px;
}
.breadcrumb > .active {
color:#ff4b64;
}
.breadcrumb > li + li:before {
color:#0fa1d5;
}
/* -------------------------------------------------------- */
/* Navigation */
/* -------------------------------------------------------- */
.navbar {
width:100%;
min-height:40px;
border:0px;
padding:0px;
margin:0px;
z-index:99999;
background:#f7fcff;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
-o-border-radius: 0px;
border-radius: 0px;
-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
}
.navbar .nav {
position:relative;
display:block;
right:0px;
float:left;
padding:0px;
margin:0px;
}
.select-menu {
display:none;
}
.navbar .nav > li {
display:block;
float:left;
}
.navbar .nav > li > a {
display:inline-block;
font-family:'Open Sans', serif;
font-size:14px;
line-height:40px;
color:#7a828f;
background:#e6edf2;
padding:0px 20px;
margin:0px;
margin-right:1px;
border:0px;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
-o-border-radius: 0px;
border-radius: 0px;
}
.navbar .nav > li:hover > a {
color:#fff;
background:#ff4b64;
}
.navbar .nav > li.selected > a {
color:#fff;
background:#0fa2d5;
}
.navbar .nav > li.selected > a:hover {
color:#fff;
background:#ff4b64;
}
.navbar .nav > li.selected:hover > a {
color:#fff;
background:#ff4b64;
}
.navbar .dark {
background:#2e343e;
}
.navbar .dark .nav > li > a {
background:#232933;
}
.navbar .dark .nav > li.selected > a {
background:#0fa2d5;
}
/* -------------------------------------------------------- */
/* Dropdown */
/* -------------------------------------------------------- */
.navbar .nav > li > ul {
display:none;
z-index:0;
padding:0px;
-webkit-box-shadow: 3px 6px 30px 0px rgba(0,0,0,0.3);
-moz-box-shadow: 3px 6px 30px 0px rgba(0,0,0,0.3);
box-shadow: 3px 6px 30px 0px rgba(0,0,0,0.3);
}
.navbar .nav > li:hover > ul {
display:block;
position:absolute;
left:0px;
list-style:none;
background:#2e343e;
}
.navbar .nav > li > ul > li {
position:relative;
background:#2e343e;
border-bottom:1px solid #3f4755;
}
.navbar .nav > li > ul > li:last-child {
border-bottom:0px;
}
.navbar .nav > li > ul > li > a {
display:block;
min-width:220px;
height:40px;
line-height:40px;
color:#7a828f;
padding:0px 20px;
}
.navbar .nav > li > ul > li > a:hover {
color:#fff;
}
.navbar .nav > li > ul > li:hover > a {
color:#fff;
}
.navbar .nav > li > ul > li.selected > a {
color:#fff;
border-left:5px solid #ff4b64;
padding-left:25px;
padding-right:5px;
}
/* -------------------------------------------------------- */
/* Dropdown 2nd */
/* -------------------------------------------------------- */
.navbar .nav > li > ul > li > ul {
display:none;
list-style:none;
padding:0px;
-webkit-box-shadow: 3px 6px 30px 0px rgba(0,0,0,0.3);
-moz-box-shadow: 3px 6px 30px 0px rgba(0,0,0,0.3);
box-shadow: 3px 6px 30px 0px rgba(0,0,0,0.3);
}
.navbar .nav > li > ul > li:hover > ul {
display:block;
position:absolute;
top:0px;
left:220px;
}
.navbar .nav > li > ul > li > ul > li {
background:#2e343e;
border-bottom:1px solid #3f4755;
}
.navbar .nav > li > ul > li > ul > li:last-child {
border-bottom:0px;
}
.navbar .nav > li > ul > li > ul > li > a {
display:block;
min-width:220px;
height:40px;
line-height:40px;
color:#7a828f;
padding:0px 20px;
}
.navbar .nav > li > ul > li > ul > li > a:hover {
color:#fff;
}
.navbar .nav > li > ul > li > ul > li.selected > a {
color:#fff;
border-left:5px solid #ff4b64;
padding-left:30px;
}
/* -------------------------------------------------------- */
/* Mobile Menu */
/* -------------------------------------------------------- */
/* Styles For Desktop */
.tinynav { display: none }
/* Styles For Mobile */
@media screen and (max-width: 991px) {
.navbar {
padding-top:10px;
padding-bottom:10px;
}
/* Select Navigation */
.tinynav {
display:block;
float:left;
width:100%;
min-width:120px;
height:30px;
font-family: 'Open Sans', sans-serif;
font-size:13px;
line-height: 30px;
color:#464646;
background:#fdfdfd;
border: 1px solid #f4f4f4;
margin-top:0px;
}
#nav { display: none }
.js .tinynav { display: block }
.js #nav { display: none }
.tinynav option[selected=selected] {
color: #343434;
background: #f4f4f4;
}
}
/* -------------------------------------------------------- */
/* Contact Data */
/* -------------------------------------------------------- */
.contact-data {
line-height:28px;
}
/* -------------------------------------------------------- */
/* Buttons */
/* -------------------------------------------------------- */
.btn, .btn:focus {
color:#0fa1d5;
background:transparent;
padding:12px 21px;
border:1px solid #0fa1d5;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
-o-border-radius: 0px;
border-radius: 0px;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.btn:hover{
color:#fff;
background:#0fa1d5;
border:1px solid #0fa1d5;
}
.btn i{
margin-right:10px;
}
.btn-primary, .btn-primary:focus{
color:#fff;
background:#0fa1d5;
border:0px;
}
.btn-primary:hover{
color:#fff;
background:#0b7297;
border:0px;
}
.btn-info, .btn-info:focus{
color:#0fa2d5;
background:rgba(11, 114, 151, 0.05);
border:1px dashed rgba(11, 114, 151, 0.6);
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
-o-border-radius: 2px;
border-radius: 2px;
}
.btn-info:hover{
color:#0fa2d5;
background:rgba(11, 114, 151, 0.15);
border:1px dashed rgba(11, 114, 151, 0.9);
}
.btn-lg{
padding:15px 25px;
}
.btn-sm{
padding:9px 18px;
}
.btn-xs{
padding:4px 12px;
}
.btn.rounded{
border-radius:5px;
}
.buttons-page .btn {
margin-bottom:15px;
}
/* -------------------------------------------------------- */
/* Buttons Color 2 */
/* -------------------------------------------------------- */
.btn.color-2{
color:#ff4b64;
border-color:#ff4b64;
}
.btn.color-2:hover{
color:#fff;
background:#ff4b64;
border-color:#ff4b64;
}
.btn-primary.color-2, .btn-primary.color-2:focus{
color:#fff;
background:#ff4b64;
border:0px;
}
.btn-primary.color-2:hover{
background:#c2394c;
}
.btn-info.color-2, .btn-info.color-2:focus{
color:#c2394c;
background:rgba(194, 57, 76, 0.05);
border:1px dashed rgba(194, 57, 76, 0.6);
}
.btn-info.color-2:hover{
color:#c2394c;
background:rgba(194, 57, 76, 0.15);
border:1px dashed rgba(194, 57, 76, 0.9);
}
/* -------------------------------------------------------- */
/* Buttons Color 3 */
/* -------------------------------------------------------- */
.btn.color-3{
color:#7786a1;
border-color:#7786a1;
}
.btn.color-3:hover{
color:#fff;
background:#7786a1;
border-color:#7786a1;
}
.btn-primary.color-3, .btn-primary.color-3:focus{
color:#fff;
background:#7786a1;
border:0px;
}
.btn-primary.color-3:hover{
background:#566174;
}
.btn-info.color-3, .btn-info.color-3:focus{
color:#566174;
background:rgba(86, 97, 116, 0.05);
border:1px dashed rgba(86, 97, 116, 0.6);
}
.btn-info.color-3:hover{
color:#566174;
background:rgba(86, 97, 116, 0.15);
border:1px dashed rgba(86, 97, 116, 0.9);
}
/* -------------------------------------------------------- */
/* Buttons White */
/* -------------------------------------------------------- */
.btn.btn-white{
color:rgba(255,255,255,0.65);
border:1px solid rgba(255,255,255,0.65);
background:transparent;
}
.btn.btn-white:hover{
color:rgba(255,255,255,1);
border:1px solid rgba(255,255,255,1);
}
/* -------------------------------------------------------- */
/* Pagination */
/* -------------------------------------------------------- */
.pagination li a{
border-radius:0px;
border:1px solid #d7dfe4;
color:#7786a1;
}
.pagination li a:hover{
color:#0fa1d5;
background:#e6edf2;
}
.pagination > li.active > a,
.pagination > li.active > span,
.pagination > li.active > a:hover,
.pagination > li.active > span:hover,
.pagination > li.active > a:focus,
.pagination > li.active > span:focus {
z-index:2;
color:#fff;
background-color:#0fa1d5;
border-color:#d7dfe4;
cursor:default;
}
/* -------------------------------------------------------- */
/* Tags */
/* -------------------------------------------------------- */
.tags a {
height:28px;
font-size:13px;
line-height:28px;
color:#90979f;
background:#e6edf2;
padding:0px 12px;
margin-right:8px;
margin-bottom:8px;
float:left;
-webkit-transition: 0.3s ease-in-out;
-moz-transition: 0.3s ease-in-out;
-ms-transition: 0.3s ease-in-out;
-o-transition: 0.3s ease-in-out;
transition: 0.3s ease-in-out;
}
.tags a:hover {
color:#fff;
background:#0fa1d5;
}
/* -------------------------------------------------------- */
/* Tags 2 */
/* -------------------------------------------------------- */
.tags-2 a {
color:#fff;
background:#566174;
}
/* -------------------------------------------------------- */
/* Promo Box */
/* -------------------------------------------------------- */
.promo-box{
background:#0fa1d5;
padding:70px 0px;
}
.promo-box h4{
font-size:24px;
line-height:30px;
color:#fff;
text-align:left;
margin:0px;
padding:0px;
}
.promo-box .author{
font-size:14px;
padding:50px 0px;
margin:0px;
}
.promo-box .btn{
margin:7px 0px 0px 0px;
float:right;
}
/* -------------------------------------------------------- */
/* Promo Box 2 */
/* -------------------------------------------------------- */
.promo-box-2 {
background:#ff4b64;
}
/* -------------------------------------------------------- */
/* Promo Box 3 */
/* -------------------------------------------------------- */
.promo-box-3 {
background:#3c4451;
}
/* -------------------------------------------------------- */
/* Table */
/* -------------------------------------------------------- */
table {
width:100%;
border-collapse:collapse;
border:0px;
}
table, th, td {
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
-o-border-radius: 0px;
border-radius: 0px;
}
th, td {
padding:15px 20px !important;
}
th {
color:#ffffff;
background:#0b7297;
font-weight:normal;
border:1px solid #0b7297 !important;
}
td {
color:#8c9aaa;
background:#ffffff;
border:1px solid #e6edf2 !important;
padding:15px 20px;
}
table a:hover{
text-decoration:none;
}
/* -------------------------------------------------------- */
/* Table 2 */
/* -------------------------------------------------------- */
.table-2 th {
background:#0fa1d5;
border:1px solid #0fa1d5 !important;
}
/* -------------------------------------------------------- */
/* Badges */
/* -------------------------------------------------------- */
.badges .list-group-item{
border-radius:0px;
border:1px solid #abb3ba !important;
background:transparent;
}
.badges .badge{
position:relative;
background:#3c4451;
top:8px;
}
/* -------------------------------------------------------- */
/* Client Says */
/* -------------------------------------------------------- */
.client-says .client-text {
position:relative;
font-style:italic;
color:#fff;
background:#2d333d;
padding:30px 25px;
}
.client-says .client-text:after {
content: '';
position: absolute;
width: 0;
height: 0;
left: 25px;
bottom: -26px;
border: 13px solid;
border-color: #2d333d transparent transparent transparent;
}
.client-says .client-name {
float:right;
padding-top:14px;
padding-right:10px;
}
.client-says .client-name i {
font-size:16px;
padding-right:10px;
}
/* -------------------------------------------------------- */
/* Client Says 2 */
/* -------------------------------------------------------- */
.client-says-2 .client-text {
position:relative;
font-style:italic;
color:#0fa1d5;
background:#e6edf2;
padding:30px 25px;
}
.client-says-2 .client-text:after {
content: '';
position: absolute;
width: 0;
height: 0;
left: 25px;
bottom: -26px;
border: 13px solid;
border-color: #e6edf2 transparent transparent transparent;
}
.client-says-2 .client-name {
float:left;
padding-top:10px;
padding-left:55px;
font-size:14px;
}
/* -------------------------------------------------------- */
/* Happy Client Says */
/* -------------------------------------------------------- */
.happy-client-container {
padding:100px 0px 80px 0px;
}
.happy-client-container h4{
font-size:26px;
font-weight:500;
margin-bottom:20px;
text-align:center;
text-transform:none;
}
.happy-client-container h5{
font-size:15px;
font-weight:700;
text-align:center;
text-transform:none;
}
.happy-client-container p{
font-size:15px;
line-height:30px;
font-weight:500;
color:#fff;
text-align:center;
text-transform:none;
}
/* -------------------------------------------------------- */
/* Progress Bar */
/* -------------------------------------------------------- */
.progress-bar-shortcode .progress {
height:38px;
background:#e6edf2;
margin-bottom:10px;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
-o-border-radius: 0px;
border-radius: 0px;
-webkit-box-shadow:rgba(0, 0, 0, 0) 0 0 0 inset;
-moz-box-shadow:rgba(0, 0, 0, 0) 0 0px 0px inset;
box-shadow:rgba(0, 0, 0, 0) 0 0px 0px inset;
}
.progress-bar-shortcode .progress-bar {
float:left;
width:0;
height:100%;
color: #fff;
background:#2d333d;
font-size:14px;
line-height:35px;
padding-left:20px;
border:0px;
text-align:left;
text-shadow: 0 0 0 rgba(0,0,0,0);
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
-o-border-radius: 0px;
border-radius: 0px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition: width .6s ease;
-moz-transition: width .6s ease;
-o-transition: width .6s ease;
transition: width .6s ease;
}
.progress-striped{
height:30px;
}
/* -------------------------------------------------------- */
/* Alerts */
/* -------------------------------------------------------- */
.alert {
margin-bottom:9px;
padding:20px;
color:#789ab9;
background:#e6edf2;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
-o-border-radius: 0px;
border-radius: 0px;
border:0px !important;
text-shadow:none !important;
}
.alert-error {
color:#93545d;
background:#ff92a1;
}
.alert-info {
color:#7f7e00;
background:#eae9b9;
}
.alert-success {
color:#598157;
background:#99de95;
}
/* -------------------------------------------------------- */
/* Icons */
/* -------------------------------------------------------- */
.icons i{
color:#8c9aaa;
width:24px;
font-size:24px;
margin-right:30px;
margin-bottom:30px;
float:left;
}
/* -------------------------------------------------------- */
/* Entypo Icons */
/* -------------------------------------------------------- */
.entypo-icons i{
color:#8c9aaa;
text-align:center;
width:36px;
height:36px;
font-size:56px;
line-height:8px;
margin-right:30px;
margin-bottom:30px;
float:left;
}
/* -------------------------------------------------------- */
/* Typicons */
/* -------------------------------------------------------- */
.typicons .typcn {
color:#8c9aaa;
text-align:center;
width:40px;
height:40px;
font-size:34px;
line-height:34px;
margin-right:30px;
margin-bottom:30px;
float:left;
}
/* -------------------------------------------------------- */
/* Social Icons */
/* -------------------------------------------------------- */
.social i, .social-2 i, .social-3 i, .social-4 i, .social-5 i, .social-6 i{
color:#abb3ba;
background:transparent;
font-size:24px;
line-height:36px;
width:36px;
height:36px;
margin:0px 4px 8px 4px;
text-align:center;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-o-border-radius: 3px;
border-radius: 3px;
-webkit-transition: 0.3s ease-in-out;
-moz-transition: 0.3s ease-in-out;
-ms-transition: 0.3s ease-in-out;
-o-transition: 0.3s ease-in-out;
transition: 0.3s ease-in-out;
}
.social-2 i{
color:#abb3ba;
font-size:20px;
line-height:20px;
width:20px;
height:20px;
}
.social-2 i:hover{
color:#0fa1d5;
}
.social-3 i{
color:#ffffff;
background:#0fa1d5;
}
.social-3 i:hover{
color:#ffffff;
background:#0b7297;
}
.social-4 i{
color:#ffffff;
background:#abb3ba;
}
.social-4 i:hover{
color:#ffffff;
background:#353648;
}
.social-5 i{
color:#fff;
background:#566174;
font-size:16px;
line-height:40px;
width:40px;
height:40px;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-o-border-radius: 50%;
border-radius: 50%;
}
.social-5 i:hover{
color:#fff;
background:#0fa2d5;
}
.social-6 i{
color:#7a828f;
background:#e6edf2;
font-size:16px;
line-height:40px;
width:40px;
height:40px;
margin:0px;
margin-left:1px;
float:right;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
-o-border-radius: 0px;
border-radius: 0px;
}
.social-6 i:hover{
color:#fff;
}
@media (max-width: 991px) {
.social-top.social-6 i{
display:none;
}
}
.social .fa-adn:hover{color:#c0bdbb;}
.social .fa-android:hover{color:#98cb02;}
.social .fa-apple:hover{color:#86878b;}
.social .fa-bitbucket:hover{color:#0a4372;}
.social .fa-bitbucket-square:hover{color:#0a4372;}
.social .fa-bitcoin:hover{color:#f8a038;}
.social .fa-css3:hover{color:#1571b4;}
.social .fa-dribbble:hover{color:#cb2027;}
.social .fa-dropbox:hover{color:#79bbee;}
.social .fa-facebook:hover{color:#3b5a9b;}
.social .fa-facebook-square:hover{color:#3b5a9b;}
.social .fa-flickr:hover{color:#ef5999;}
.social .fa-foursquare:hover{color:#63215f;}
.social .fa-github:hover{color:#000000;}
.social .fa-github-alt:hover{color:#000000;}
.social .fa-github-square:hover{color:#000000;}
.social .fa-gittip:hover{color:#643614;}
.social .fa-google-plus:hover{color:#c53c2c;}
.social .fa-google-plus-square:hover{color:#c53c2c;}
.social .fa-html5:hover{color:#eb4d24;}
.social .fa-instagram:hover{color:#ad856a;}
.social .fa-linkedin:hover{color:#1d84b1;}
.social .fa-linkedin-square:hover{color:#1d84b1;}
.social .fa-maxcdn:hover{color:#f5ad34;}
.social .fa-pagelines:hover{color:#0196f0;}
.social .fa-pinterest:hover{color:#ca2128;}
.social .fa-pinterest-square:hover{color:#ca2128;}
.social .fa-renren:hover{color:#005aab;}
.social .fa-skype:hover{color:#0ebbe3;}
.social .fa-stack-exchange:hover{color:#054f96;}
.social .fa-stack-overflow:hover{color:#054f96;}
.social .fa-trello:hover{color:#1c5f89;}
.social .fa-tumblr:hover{color:#2a445e;}
.social .fa-tumblr-square:hover{color:#2a445e;}
.social .fa-twitter:hover{color:#00aced;}
.social .fa-twitter-square:hover{color:#00aced;}
.social .fa-vimeo-square:hover{color:#1bb6ec;}
.social .fa-vk:hover{color:#4e739f;}
.social .fa-weibo:hover{color:#d52b2b;}
.social .fa-windows:hover{color:#07b0eb;}
.social .fa-xing:hover{color:#005a5d;}
.social .fa-xing-square:hover{color:#005a5d;}
.social .fa-youtube:hover{color:#bc2a2d;}
.social .fa-youtube-play:hover{color:#bc2a2d;}
.social .fa-youtube-square:hover{color:#bc2a2d;}
.social-6 .fa-adn:hover{background:#c0bdbb;}
.social-6 .fa-android:hover{background:#98cb02;}
.social-6 .fa-apple:hover{background:#86878b;}
.social-6 .fa-bitbucket:hover{background:#0a4372;}
.social-6 .fa-bitbucket-square:hover{background:#0a4372;}
.social-6 .fa-bitcoin:hover{background:#f8a038;}
.social-6 .fa-css3:hover{background:#1571b4;}
.social-6 .fa-dribbble:hover{background:#cb2027;}
.social-6 .fa-dropbox:hover{background:#79bbee;}
.social-6 .fa-facebook:hover{background:#3b5a9b;}
.social-6 .fa-facebook-square:hover{background:#3b5a9b;}
.social-6 .fa-flickr:hover{background:#ef5999;}
.social-6 .fa-foursquare:hover{background:#63215f;}
.social-6 .fa-github:hover{background:#000000;}
.social-6 .fa-github-alt:hover{background:#000000;}
.social-6 .fa-github-square:hover{background:#000000;}
.social-6 .fa-gittip:hover{background:#643614;}
.social-6 .fa-google-plus:hover{background:#c53c2c;}
.social-6 .fa-google-plus-square:hover{background:#c53c2c;}
.social-6 .fa-html5:hover{background:#eb4d24;}
.social-6 .fa-instagram:hover{background:#ad856a;}
.social-6 .fa-linkedin:hover{background:#1d84b1;}
.social-6 .fa-linkedin-square:hover{background:#1d84b1;}
.social-6 .fa-maxcdn:hover{background:#f5ad34;}
.social-6 .fa-pagelines:hover{background:#0196f0;}
.social-6 .fa-pinterest:hover{background:#ca2128;}
.social-6 .fa-pinterest-square:hover{background:#ca2128;}
.social-6 .fa-renren:hover{background:#005aab;}
.social-6 .fa-skype:hover{background:#0ebbe3;}
.social-6 .fa-stack-exchange:hover{background:#054f96;}
.social-6 .fa-stack-overflow:hover{background:#054f96;}
.social-6 .fa-trello:hover{background:#1c5f89;}
.social-6 .fa-tumblr:hover{background:#2a445e;}
.social-6 .fa-tumblr-square:hover{background:#2a445e;}
.social-6 .fa-twitter:hover{background:#00aced;}
.social-6 .fa-google-plus:hover{background:#d53f2b;}
.social-6 .fa-twitter-square:hover{background:#00aced;}
.social-6 .fa-vimeo-square:hover{background:#1bb6ec;}
.social-6 .fa-vk:hover{background:#4e739f;}
.social-6 .fa-weibo:hover{background:#d52b2b;}
.social-6 .fa-windows:hover{background:#07b0eb;}
.social-6 .fa-xing:hover{background:#005a5d;}
.social-6 .fa-xing-square:hover{background:#005a5d;}
.social-6 .fa-youtube:hover{background:#bc2a2d;}
.social-6 .fa-youtube-play:hover{background:#bc2a2d;}
.social-6 .fa-youtube-square:hover{background:#bc2a2d;}
.f-left i{
float:left;
}
.f-right i{
float:right;
}
/* -------------------------------------------------------- */
/* Counter */
/* -------------------------------------------------------- */
.counter-container {
display:block;
color:#0fa2d5;
background:url(../img/counter/01.jpg) center center no-repeat;
text-align:center;
padding:200px 0px;
overflow:hidden;
}
.counter-container.style-2 {
background:url(../img/counter/02.jpg) center center no-repeat;
}
.counter-container.style-3 {
background:url(../img/counter/03.jpg) center center no-repeat;
}
.counter-container.style-4 {
background:url(../img/counter/04.jpg) center center no-repeat;
}
.counter-container.style-5 {
background:url(../img/counter/05.jpg) center center no-repeat;
}
.counter-container.style-6 {
background:url(../img/counter/06.jpg) center center no-repeat;
}
.counter-box {
display:block;
font-family: 'Oswald', sans-serif;
margin-bottom:35px;
clear:both;
}
.counter-item {
display:inline-block;
text-align:center;
width:110px;
height:110px;
font-size:54px;
line-height:110px;
text-align:center;
color:#fff;
margin:4px;
background:#0fa2d5;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
-o-border-radius: 0px;
border-radius: 0px;
}
.counter-container h1 {
display:inline-block;
color:#fff;
font-weight:500;
padding:15px 30px;
background:rgba(46,52,62,0.8);
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-o-border-radius: 5px;
border-radius: 5px;
}
.circle .counter-item {
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-o-border-radius: 50%;
border-radius: 50%;
}
.rounded .counter-item {
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
-o-border-radius: 10px;
border-radius: 10px;
}
.red .counter-item {
background:#ff4862;
}
.item-day, .red .item-day {
background:#2e343e;
}
/* -------------------------------------------------------- */
/* Oslotron */
/* -------------------------------------------------------- */
.oslotron{
border:1px solid #abb3ba;
border-radius:10px;
padding:30px 40px;
}
.oslotron h2{
color: #0fa1d5;
}
.oslotron p {
margin-bottom:25px;
}
/* -------------------------------------------------------- */
/* Modern Box */
/* -------------------------------------------------------- */
.modern-box h2{
padding-top:80px;
padding-bottom:25px;
line-height:45px;
}
/* -------------------------------------------------------- */
/* Item Box */
/* -------------------------------------------------------- */
.item-box {
display:block;
padding-bottom:15px;
background:url(../img/divider.png) bottom left repeat-x;
-webkit-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0);
-moz-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0);
box-shadow: 0px 0px 0px 0px rgba(0,0,0,0);
-webkit-transition:all 0.4s ease-out;
-moz-transition:all 0.4s ease-out;
-o-transition:all 0.4s ease-out;
-ms-transition:all 0.4s ease-out;
transition:all 0.4s ease-out;
}
.item-box:hover {
-webkit-box-shadow: 0px 0px 12px 0px rgba(77,77,77,0.11);
-moz-box-shadow: 0px 0px 12px 0px rgba(77,77,77,0.11);
box-shadow: 0px 0px 12px 0px rgba(77,77,77,0.11);
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
}
.item-box .media-container {
position:relative;
}
.item-box .info-container {
padding:0px 15px;
}
.item-box .info-container h3 {
color:#0fa2d5;
font-size:18px;
font-weight:600;
margin-top:20px;
margin-bottom:15px;
}
.item-box .info-container h4 {
color:#3c4451;
font-size:13px;
font-weight:600;
margin:0px;
margin-bottom:5px;
}
.item-box .info-container p {
color:#abb3ba;
}
.item-box .media-container .icon-left,
.item-box .media-container .icon-right {
position:absolute;
top:50%;
left:50%;
margin-top:-25px;
margin-left:-160px;
width:50px;
height:50px;
line-height:50px;
font-size:22px;
text-align:center;
color:#fff;
background:rgba(50,50,50,0.7);
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-o-border-radius: 50%;
border-radius: 50%;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
-khtml-opacity: 0;
-moz-opacity: 0;
opacity: 0;
filter: alpha(opacity=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;
-ms-transition:all 0.3s ease-in-out;
transition:all 0.3s ease-in-out;
}
.item-box .media-container .icon-right {
margin-left:110px;
}
.item-box:hover .media-container .icon-left,
.item-box:hover .media-container .icon-right {
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
-khtml-opacity: 0.8;
-moz-opacity: 0.8;
opacity: 0.8;
filter: alpha(opacity=80);
}
.item-box:hover .media-container .icon-left {
margin-left:-60px;
}
.item-box:hover .media-container .icon-right {
margin-left:10px;
}
.item-box .media-container .icon-left:hover,
.item-box .media-container .icon-right:hover {
background:#0fa2d5;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
-khtml-opacity: 1;
-moz-opacity: 1;
opacity: 1;
filter: alpha(opacity=100);
}
/* -------------------------------------------------------- */
/* Item Box 2 */
/* -------------------------------------------------------- */
.item-box-2 {
display:block;
padding-bottom:15px;
background:url(../img/divider.png) bottom left repeat-x rgba(230,237,242,0.4);
-webkit-transition:all 0.4s ease-out;
-moz-transition:all 0.4s ease-out;
-o-transition:all 0.4s ease-out;
-ms-transition:all 0.4s ease-out;
transition:all 0.4s ease-out;
}
.item-box-2:hover {
background:url(../img/divider.png) bottom left repeat-x rgba(230,237,242,1);
}
.item-box-2 .media-container {
position:relative;
background:#3c4451;
}
.item-box-2 .media-container img {
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
-khtml-opacity: 1;
-moz-opacity: 1;
opacity: 1;
filter: alpha(opacity=100);
-webkit-transition:all 0.4s ease-out;
-moz-transition:all 0.4s ease-out;
-o-transition:all 0.4s ease-out;
-ms-transition:all 0.4s ease-out;
transition:all 0.4s ease-out;
}
.item-box-2:hover .media-container img {
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
-khtml-opacity: 0.3;
-moz-opacity: 0.3;
opacity: 0.3;
filter: alpha(opacity=30);
}
.item-box-2 .info-container {
padding:35px;
padding-bottom:25px;
}
.item-box-2 .info-container h3 {
color:#0fa2d5;
font-size:21px;
font-weight:600;
margin:0px;
}
.item-box-2 .info-container h4 {
color:#3c4451;
font-size:13px;
font-weight:600;
margin:3px 0 25px 0;
}
.item-box-2 .info-container p {
color:#abb3ba;
}
.item-box-2 .info-container .social-container {
margin:20px 0px 0px 0px;
}
.item-box-2 .media-container .icon-left,
.item-box-2 .media-container .icon-right {
position:absolute;
top:50%;
left:50%;
margin-top:-25px;
margin-left:-160px;
width:50px;
height:50px;
line-height:50px;
font-size:22px;
text-align:center;
color:#fff;
background:rgba(15,161,213,0.3);
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-o-border-radius: 50%;
border-radius: 50%;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
-khtml-opacity: 0;
-moz-opacity: 0;
opacity: 0;
filter: alpha(opacity=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;
-ms-transition:all 0.3s ease-in-out;
transition:all 0.3s ease-in-out;
}
.item-box-2 .media-container .icon-right {
margin-left:110px;
}
.item-box-2:hover .media-container .icon-left,
.item-box-2:hover .media-container .icon-right {
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
-khtml-opacity: 0.8;
-moz-opacity: 0.8;
opacity: 0.8;
filter: alpha(opacity=80);
}
.item-box-2:hover .media-container .icon-left {
margin-left:-60px;
}
.item-box-2:hover .media-container .icon-right {
margin-left:10px;
}
.item-box-2 .media-container .icon-left:hover,
.item-box-2 .media-container .icon-right:hover {
background:#0fa1d5;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
-khtml-opacity: 1;
-moz-opacity: 1;
opacity: 1;
filter: alpha(opacity=100);
}
/* -------------------------------------------------------- */
/* Map */
/* -------------------------------------------------------- */
#map {
position:relative;
width:100%;
height:380px;
padding:0px;
border:1px solid #e3e7eb;
margin-bottom:-8px;
}
/* -------------------------------------------------------- */
/* Lists */
/* -------------------------------------------------------- */
ul {
padding-left:20px;
}
ul li {
position:relative;
color:#566174;
line-height:34px;
}
ul li i {
position:absolute;
top:10px;
left:0px;
color:#566174;
text-decoration:none;
font-size:16px;
}
ul li a {
color:#566174;
text-decoration:none;
}
ul li a:hover, ul li a:hover i {
color:#0fa1d5;
text-decoration:none;
}
/* List 2 */
.list-2 {
padding:0px;
margin:0px;
}
.list-2 li {
list-style:none;
padding-left:25px;
}
/* List 3 */
.list-3 {
padding:0px;
margin:0px;
}
.list-3 li {
list-style:none;
padding-left:35px;
}
.list-3 li i {
margin-top:-6px;
color:#fff;
background:#566174;
font-size:14px;
width:26px;
height:26px;
line-height:26px;
text-align:center;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-o-border-radius: 50%;
border-radius: 50%;
}
.list-3 li a:hover i {
color:#fff;
background:#0fa1d5;
}
/* List 4 */
.list-4 {
padding:0px;
margin:0px;
}
.list-4 li {
list-style:none;
padding-left:35px;
}
.list-4 li i {
margin-top:-6px;
color:#fff;
background:#566174;
font-size:14px;
width:26px;
height:26px;
line-height:26px;
text-align:center;
}
.list-4 li a:hover i {
color:#fff;
background:#0fa1d5;
}
/* List 5 */
.list-5 {
padding:0px;
margin:0px;
}
.list-5 li {
list-style:none;
padding-left:25px;
border-bottom:1px dotted #7786a1;
}
/* -------------------------------------------------------- */
/* Tabs */
/* -------------------------------------------------------- */
.nav-tabs {
border:0px;
margin:0px;
}
.tab-content h3 {
color:#0fa2d5;
padding-top:15px;
}
.nav-tabs li a {
color:#fff;
background:#3c4451;
padding:15px 20px;
margin-right:0px;
border:0px;
border-right:1px solid #d7dfe4;
text-transform:uppercase;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
-o-border-radius: 0px;
border-radius: 0px;
}
.nav-tabs li a:hover {
color:#fff;
background:#0fa1d5;
}
.nav-tabs li:last-child a {
border-right:0px;
}
.nav-tabs li a i {
position:relative;
top:0px;
left:0px;
color:#fff;
padding-right:10px;
}
.nav-tabs li a:hover i {
color:#fff;
}
.tab-pane {
color:#566174;
background:#e6edf2;
border:0px;
padding: 15px 30px;
}
.tab-pane p {
padding-right:30px;
}
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
border:0px;
color:#3c4451;
background-color:#e6edf2;
}
.nav-tabs > li.active > a i {
color:#3c4451;
}
/* -------------------------------------------------------- */
/* Content Block */
/* -------------------------------------------------------- */
.content-block h3{
font-size:22px;
}
.content-block i{
font-size:22px;
padding-right:10px;
}
/* -------------------------------------------------------- */
/* Service */
/* -------------------------------------------------------- */
.service {
position:relative;
padding-left:80px;
padding-bottom:20px;
background:url(../img/divider.png) bottom left repeat-x;
}
.service .fa {
position:absolute;
top:0px;
left:0px;
width:64px;
height:64px;
line-height:64px;
color:#0fa1d5;
font-size:30px;
text-align:center;
border:2px solid #d7dfe4;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-o-border-radius: 50%;
border-radius: 50%;
-webkit-transition: 0.7s ease-in-out;
-moz-transition: 0.7s ease-in-out;
-ms-transition: 0.7s ease-in-out;
-o-transition: 0.7s ease-in-out;
transition: 0.7s ease-in-out;
}
.service:hover .fa {
-webkit-transform: rotateY(360deg);
-moz-transform: rotateY(360deg);
-ms-transform: rotateY(360deg);
-o-transform: rotateY(360deg);
}
.service h4 {
color:#7786a1;
font-size:24px;
font-weight:500;
padding-top:14px;
}
.service:hover h4 {
color:#0fa1d5;
}
.service .typcn {
position:absolute;
top:0px;
left:0px;
width:64px;
height:64px;
line-height:50px;
font-size:40px;
color:#0fa1d5;
text-align:center;
border:2px solid #d7dfe4;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-o-border-radius: 50%;
border-radius: 50%;
-webkit-transition: 0.7s ease-in-out;
-moz-transition: 0.7s ease-in-out;
-ms-transition: 0.7s ease-in-out;
-o-transition: 0.7s ease-in-out;
transition: 0.7s ease-in-out;
}
.service:hover .typcn {
-webkit-transform: rotateY(360deg);
-moz-transform: rotateY(360deg);
-ms-transform: rotateY(360deg);
-o-transform: rotateY(360deg);
}
.service .entypo {
position:absolute;
top:0px;
left:0px;
width:64px;
height:64px;
font-size:64px;
line-height:26px;
color:#0fa1d5;
text-align:center;
border:2px solid #d7dfe4;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-o-border-radius: 50%;
border-radius: 50%;
-webkit-transition: 0.7s ease-in-out;
-moz-transition: 0.7s ease-in-out;
-ms-transition: 0.7s ease-in-out;
-o-transition: 0.7s ease-in-out;
transition: 0.7s ease-in-out;
}
.service:hover .entypo {
-webkit-transform: rotateY(360deg);
-moz-transform: rotateY(360deg);
-ms-transform: rotateY(360deg);
-o-transform: rotateY(360deg);
}
/* -------------------------------------------------------- */
/* Service 2 */
/* -------------------------------------------------------- */
.service-2 {
position:relative;
text-align:center;
}
.service-2 .fa {
width:64px;
height:64px;
line-height:64px;
color:#fff;
background:#0fa1d5;
font-size:30px;
text-align:center;
border:0px solid #d7dfe4;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-o-border-radius: 50%;
border-radius: 50%;
-webkit-transition: 0.7s ease-in-out;
-moz-transition: 0.7s ease-in-out;
-ms-transition: 0.7s ease-in-out;
-o-transition: 0.7s ease-in-out;
transition: 0.7s ease-in-out;
}
.service-2:hover .fa {
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-ms-transform: rotate(360deg);
-o-transform: rotate(360deg);
}
.service-2 h4 {
color:#7786a1;
font-size:24px;
font-weight:500;
padding-top:14px;
}
.service-2:hover h4 {
color:#0fa1d5;
}
.service-2 .typcn {
display:inline-block;
width:64px;
height:64px;
line-height:50px;
font-size:40px;
color:#0fa1d5;
text-align:center;
border:2px solid #d7dfe4;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-o-border-radius: 50%;
border-radius: 50%;
-webkit-transition: 0.7s ease-in-out;
-moz-transition: 0.7s ease-in-out;
-ms-transition: 0.7s ease-in-out;
-o-transition: 0.7s ease-in-out;
transition: 0.7s ease-in-out;
}
.service-2:hover .typcn {
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-ms-transform: rotate(360deg);
-o-transform: rotate(360deg);
}
.service-2 .entypo {
display:inline-block;
width:64px;
height:64px;
font-size:64px;
line-height:26px;
color:#0fa1d5;
text-align:center;
border:2px solid #d7dfe4;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-o-border-radius: 50%;
border-radius: 50%;
-webkit-transition: 0.7s ease-in-out;
-moz-transition: 0.7s ease-in-out;
-ms-transition: 0.7s ease-in-out;
-o-transition: 0.7s ease-in-out;
transition: 0.7s ease-in-out;
}
.service-2:hover .entypo {
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-ms-transform: rotate(360deg);
-o-transform: rotate(360deg);
}
/* -------------------------------------------------------- */
/* Service 3 */
/* -------------------------------------------------------- */
.service-3 {
position:relative;
text-align:center;
padding-bottom:20px;
}
.service-3 .fa {
width:64px;
height:64px;
line-height:64px;
color:#0fa1d5;
font-size:30px;
text-align:center;
border:2px solid #d7dfe4;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-o-border-radius: 50%;
border-radius: 50%;
-webkit-transition: 0.7s ease-in-out;
-moz-transition: 0.7s ease-in-out;
-ms-transition: 0.7s ease-in-out;
-o-transition: 0.7s ease-in-out;
transition: 0.7s ease-in-out;
}
.service-3:hover .fa {
-webkit-transform: rotateX(360deg);
-moz-transform: rotateX(360deg);
-ms-transform: rotateX(360deg);
-o-transform: rotateX(360deg);
}
.service-3 h4 {
color:#7786a1;
font-size:24px;
font-weight:500;
padding-top:15px;
}
.service-3:hover h4 {
color:#0fa1d5;
}
.service-3 .typcn {
display:inline-block;
width:64px;
height:64px;
line-height:50px;
font-size:40px;
color:#0fa1d5;
text-align:center;
border:2px solid #d7dfe4;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-o-border-radius: 50%;
border-radius: 50%;
-webkit-transition: 0.7s ease-in-out;
-moz-transition: 0.7s ease-in-out;
-ms-transition: 0.7s ease-in-out;
-o-transition: 0.7s ease-in-out;
transition: 0.7s ease-in-out;
}
.service-3:hover .typcn {
-webkit-transform: rotateX(360deg);
-moz-transform: rotateX(360deg);
-ms-transform: rotateX(360deg);
-o-transform: rotateX(360deg);
}
.service-3 .entypo {
display:inline-block;
width:64px;
height:64px;
font-size:64px;
line-height:26px;
color:#0fa1d5;
text-align:center;
border:2px solid #d7dfe4;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-o-border-radius: 50%;
border-radius: 50%;
-webkit-transition: 0.7s ease-in-out;
-moz-transition: 0.7s ease-in-out;
-ms-transition: 0.7s ease-in-out;
-o-transition: 0.7s ease-in-out;
transition: 0.7s ease-in-out;
}
.service-3:hover .entypo {
-webkit-transform: rotateX(360deg);
-moz-transform: rotateX(360deg);
-ms-transform: rotateX(360deg);
-o-transform: rotateX(360deg);
}
/* -------------------------------------------------------- */
/* Content Box */
/* -------------------------------------------------------- */
.content-box h4{
color:#fff;
background:#0fa1d5;
padding:15px 20px;
margin:0px;
}
.content-box p{
padding:20px 20px;
border:1px solid #0fa1d5;
}
/* -------------------------------------------------------- */
/* Accordion */
/* -------------------------------------------------------- */
.accordion-group {
border-radius:0px;
border:0px;
border-left:5px solid #0fa1d5;
margin-bottom:1px;
}
.accordion-heading {
height:60px;
background:#e6edf2;
font-size:16px;
text-transform:uppercase;
padding:20px;
}
.accordion-heading a {
color:#2d333d;
}
.accordion-heading a:hover {
color:#566174;
}
.accordion-inner {
color:#7786a1;
background:transparent;
padding:20px;
}
/* -------------------------------------------------------- */
/* Testimonials */
/* -------------------------------------------------------- */
.testimonial {
background:#eff5f9;
border:1px solid #e6edf2;
padding:25px;
}
.testimonial .function {
padding-left:10px;
}
/* -------------------------------------------------------- */
/* Testimonials 2 */
/* -------------------------------------------------------- */
.testimonial-2 h5 {
font-size:15px;
text-align:center;
padding-top:10px;
margin-bottom:0px;
}
.testimonial-2 img {
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-o-border-radius: 50%;
border-radius: 50%;
}
.testimonial-2 .function {
color: #0fa1d5;
text-align:center;
font-style:italic;
}
@media (max-width: 991px) {
.testimonial-2 {
text-align:center;
}
.testimonial-2 img {
width:50%;
display:inline-block;
}
}
/* -------------------------------------------------------- */
/* Pricing Tables */
/* -------------------------------------------------------- */
.pricing-tables table {
width:100%;
background:transparent;
border:1px solid #e3e6e8 !important;
margin-bottom:30px;
}
.pricing-tables th {
font-size:16px;
font-weight:bold;
border:1px solid #e3e6e8 !important;
background:#3c4451;
text-align:center;
padding: 30px !important;
}
.pricing-tables td {
padding:8px 0px;
color:#7c7e7e;
background:#fff;
border:1px solid #e3e6e8 !important;
border-bottom:1px solid #e3e6e8 !important;
text-align:center;
}
.pricing-tables .plan-title {
font-family: 'Titillium Web', sans-serif;
font-weight:bold;
font-size:24px;
line-height:30px;
color: #fff;
}
.price {
font-size:36px !important;
padding-top:36px;
line-height:30px;
}
.price2 {
position:relative;
top:-7px;
font-size:14px;
color: #fff;
}
.pricing-tables .table-footer {
font-size:16px;
color:#fff !important;
background:#3c4451 !important;
padding:44px 0px !important;
border:0px !important;
}
.pricing-tables .active th, .pricing-tables .active .table-footer {
color:#fff;
font-weight:bold;
border:1px solid #e3e6e8 !important;
background:#0fa2d5 !important;
}
.pricing-tables .active td {
color:#0fa2d5;
}
.pricing-tables .active .table-footer {
border:0px;
background:#0fa2d5 !important;
font-weight:bold;
}
/* -------------------------------------------------------- */
/* Image Overlay */
/* -------------------------------------------------------- */
.img-overlay img {
max-width:100%;
height:auto;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
filter:alpha(opacity=60);
-khtml-opacity: 0.6;
-moz-opacity:0.6;
opacity:0.6;
-webkit-transition: 0.4s ease-in-out;
-moz-transition: 0.4s ease-in-out;
-ms-transition: 0.4s ease-in-out;
-o-transition: 0.4s ease-in-out;
transition: 0.4s ease-in-out;
}
.img-overlay:hover img {
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter:alpha(opacity=100);
-khtml-opacity: 1;
-moz-opacity:1;
opacity:1;
}
/* -------------------------------------------------------- */
/* Partners */
/* -------------------------------------------------------- */
.partners-4{
display:table;
list-style:none;
border-collapse:collapse;
}
.partners-4 li{
display:table-cell;
width:25%;
border:1px solid #e6edf2;
}
.partners-5{
display:table;
list-style:none;
border-collapse:collapse;
}
.partners-5 li{
display:table-cell;
width:20%;
border:1px solid #e6edf2;
}
.partners-6{
display:table;
list-style:none;
border-collapse:collapse;
}
.partners-6 li{
display:table-cell;
width:16.666666666666%;
border:1px solid #e6edf2;
}
.partners-7{
display:table;
list-style:none;
border-collapse:collapse;
}
.partners-7 li{
display:table-cell;
width:14.28%;
border:1px solid #e6edf2;
}
/* -------------------------------------------------------- */
/* Gallery Overlay */
/* -------------------------------------------------------- */
.img-container {
position:relative;
overflow:hidden;
background:#0fa1d5;
}
.img-container img {
max-width:100%;
height:auto;
-webkit-transition: 0.7s ease-in-out;
-moz-transition: 0.7s ease-in-out;
-ms-transition: 0.7s ease-in-out;
-o-transition: 0.7s ease-in-out;
transition: 0.7s ease-in-out;
}
.img-container:hover img {
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
filter:alpha(opacity=40);
-khtml-opacity: 0.4;
-moz-opacity:0.4;
opacity:0.4;
-webkit-transform: scale(1.0,1.0);
-ms-transform: scale(1.0,1.0);
transform: scale(1.0,1.0);
-webkit-transform: scale(1.4,1.4);
-ms-transform: scale(1.4,1.4);
transform: scale(1.4,1.4);
}
.img-container i {
position: absolute;
top: 50%;
left: 50%;
width:10px;
height:10px;
font-size:10px;
line-height:10px;
text-align:center;
color:#ffffff;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter:alpha(opacity=0);
-khtml-opacity: 0;
-moz-opacity:0;
opacity:0;
-webkit-transition: 0.7s ease-in-out;
-moz-transition: 0.7s ease-in-out;
-ms-transition: 0.7s ease-in-out;
-o-transition: 0.7s ease-in-out;
transition: 0.7s ease-in-out;
}
.img-container:hover i {
top: 50%;
left: 50%;
width:60px;
height:60px;
font-size:34px;
line-height:62px;
margin-top:-30px;
margin-left:-30px;
text-align:center;
background:rgba(45,45,45,0.8);
-webkit-border-radius: 10%;
-moz-border-radius: 10%;
-o-border-radius: 10%;
border-radius: 10%;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
filter:alpha(opacity=90);
-khtml-opacity: 0.9;
-moz-opacity:0.9;
opacity:0.9;
-webkit-transform: rotate(720deg);
-moz-transform: rotate(720deg);
-o-transform: rotate(720deg);
-ms-transform: rotate(720deg);
}
/* -------------------------------------------------------- */
/* Boxed Project */
/* -------------------------------------------------------- */
.boxed-project .title{
position:relative;
display:block;
background:#eff5f9;
margin-bottom:30px;
}
.boxed-project h4{
font-size:16px;
font-weight:600;
padding-top:20px;
margin-bottom:5px;
text-align:center;
}
.boxed-project h6{
color:#91979f;
font-size:13px;
text-transform:uppercase;
padding-bottom:20px;
text-align:center;
}
.boxed-project .img-container{
margin:0px !important;
}
/* -------------------------------------------------------- */
/* Video Content */
/* -------------------------------------------------------- */
.video-content {
max-width: 100%;
padding: 0px;
margin: 0px;
margin-bottom: -5px;
border: none;
}
/* -------------------------------------------------------- */
/* Parallax */
/* -------------------------------------------------------- */
.parallax {
width: 100%;
padding: 0;
margin: 0;
background-attachment: fixed;
background-repeat: no-repeat;
color: #ededed;
text-transform:uppercase;
}
.parallax-mobile {
background-position: 50% 0px !important;
background-attachment: scroll !important;
}
.parallax .parallax-text-container {
display: table;
width: 100%;
height: 100%;
padding: 0 !important;
margin: 0 !important;
text-align:center;
}
.parallax .parallax-text-item {
display: table-cell;
vertical-align: middle;
}
.parallax-text-item {
font-weight:700;
font-size:36px;
color:#ffffff;
line-height:1em;
}
.parallax h2, .parallax h3{
font-family: 'Open Sans', sans-serif;
color:#ededed;
background: transparent;
}
.parallax h2{
font-size:36px;
}
.parallax h3{
font-size:20px;
}
/* -------------------------------------------------------- */
/* Dividers */
/* -------------------------------------------------------- */
.divider {
height:9px;
background:url(../img/divider.png) top left repeat-x;
}
.divider-2 {
height:1px;
background:#dce2e7;
}
/* -------------------------------------------------------- */
/* Footer */
/* -------------------------------------------------------- */
.footer{
color:#7e848c;
background:#2e343e;
}
.footer .footer-promo {
padding:60px 0px 50px 0px;
}
.footer .footer-promo h2, .footer .footer-promo h4{
text-align:center;
}
.footer img{
width:auto;
}
.footer h6{
color:#e5edf2;
text-transform:uppercase;
}
.footer .footer-info{
padding:60px 0px 30px 0px;
}
.footer .list-5{
margin-top:-6px;
}
.footer .list-5 li{
border-bottom:1px solid #3f454f;
padding-left:15px;
}
.footer li a{
color:#7e848c;
}
.footer .item-icon{
position:relative;
padding-left:26px;
}
.footer .item-icon i{
position:absolute;
top:4px;
left:0px;
font-size:16px;
}
.footer .flickr img{
width:30%;
margin-right:2%;
margin-bottom:2%;
}
.footer .tweet{
position:relative;
padding-left:50px;
}
.footer .tweet i{
position:absolute;
top:5px;
left:0px;
color:#fff;
background:transparent;
border:1px solid #3c3e48;
font-size:16px;
width:34px;
height:34px;
line-height:34px;
text-align:center;
-webkit-border-radius: 1px;
-moz-border-radius: 1px;
-o-border-radius: 1px;
border-radius: 1px;
}
.footer .white {
color:#fff;
}
.footer .copyright{
background:#f7fcff;
padding:30px 0px;
}
.footer .copyright-info{
padding-top:2px;
text-align:right;
}
.footer a, .footer a:visited {
color:#8c9aaa;
}
.footer a:hover{
color:#0fa1d5;
}
.footer .form-control {
border-color:#3f454f;
}
@media (max-width: 768px) {
.footer .logo-footer, .copyright-info {
text-align:center;
margin-bottom:20px;
display:inline-block;
}
}
/* -------------------------------------------------------- */
/* Back To Top Button */
/* -------------------------------------------------------- */
.back-to-top {
position: fixed;
right:20px;
bottom:10px;
width:38px;
height:38px;
line-height:38px;
font-size:22px;
margin-right: 0px;
display: block;
text-align: center;
text-decoration: none;
color:#fff;
background:#2e343e;
font-family:FontAwesome;
font-weight:normal;
font-style:normal;
text-align:center;
z-index:99999;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-o-border-radius: 3px;
border-radius: 3px;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
-khtml-opacity: 0.6;
-moz-opacity: 0.6;
opacity: 0.6;
filter: alpha(opacity=60);
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.back-to-top:hover {
color:#fff;
background:#0fa1d5;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
-khtml-opacity: 0.9;
-moz-opacity: 0.9;
opacity: 0.9;
filter: alpha(opacity=90);
}
.back-to-top:after {
content:"\f106";
}
/* -------------------------------------------------------- */
/* Gallery */
/* -------------------------------------------------------- */
.gallery {
display:block;
}
.portfolio {
margin:0px;
padding:0px;
list-style-type:none;
}
.project {
margin-right:-1px;
}
#portfolio-items [class*="col-"],
.projects-slider [class*="col-"] {
padding:0px;
}
/*.boxed li{ padding-right:0px !important;}*/
.boxed .project {
padding:5px !important;
}
.boxed .project .container-image {
padding:15px !important;
background:#e4e9ec;
}
.boxed .project .container-image:hover {
background:rgba(15,162,213,1);
}
/* -------------------------------------------------------- */
/* Gallery Filter */
/* -------------------------------------------------------- */
#portfolio-filter {
margin-bottom:25px;
padding:0px;
display:inline-block;
}
#portfolio-filter li {
list-style:none;
float:left;
margin-right:0px;
margin-bottom:5px;
padding:0px;
line-height:45px;
font-size:13px;
}
#portfolio-filter li a {
display:inline-block;
font-size:14px;
font-weight:400;
padding:0px 15px;
border-bottom:1px solid transparent;
}
#portfolio-filter li:hover a {
border-bottom:1px solid #0fa2d5;
text-decoration:none;
}
#portfolio-filter li.act a {
color:#0fa2d5;
border-bottom:1px solid transparent;
}
/* Portfolio - Isotype (filtering tags) */
.isotope-item {
z-index: 2;
}
.isotope-hidden.isotope-item {
z-index: 1;
}
/* Isotope CSS3 transitions */
.isotope, .isotope .isotope-item {
-webkit-transition-duration: 0.4s;
-moz-transition-duration: 0.4s;
-ms-transition-duration: 0.4s;
-o-transition-duration: 0.4s;
transition-duration: 0.4s;
}
.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: top, left, opacity;
transition-property: transform, opacity;
}
/* disabling Isotope CSS3 transitions */
.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;
}
/* -------------------------------------------------------- */
/* Image Overlay */
/* -------------------------------------------------------- */
.container-image {
position:relative;
overflow: hidden;
background:#0fa2d5;
-webkit-transition: 0.7s ease-in-out;
-moz-transition: 0.7s ease-in-out;
-ms-transition: 0.7s ease-in-out;
-o-transition: 0.7s ease-in-out;
transition: 0.7s ease-in-out;
}
.container-image img {
max-width:100%;
height:auto;
-webkit-transition: 0.7s ease-in-out;
-moz-transition: 0.7s ease-in-out;
-ms-transition: 0.7s ease-in-out;
-o-transition: 0.7s ease-in-out;
transition: 0.7s ease-in-out;
}
.container-image:hover img {
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
filter:alpha(opacity=40);
-khtml-opacity:0.4;
-moz-opacity:0.4;
opacity:0.4;
-webkit-transform: scale(1.4,1.4);
-ms-transform: scale(1.4,1.4);
transform: scale(1.4,1.4);
}
.container-image i {
position: absolute;
font-size:180px;
line-height:180px;
width: 180px;
width: 180px;
top: 50%;
left: 50%;
margin-top:-90px;
margin-left:-90px;
text-align:center;
color:#ffffff;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter:alpha(opacity=0);
-khtml-opacity:0;
-moz-opacity:0;
opacity:0;
-webkit-transition: 0.7s ease-in-out;
-moz-transition: 0.7s ease-in-out;
-ms-transition: 0.7s ease-in-out;
-o-transition: 0.7s ease-in-out;
transition: 0.7s ease-in-out;
}
.container-image:hover i {
font-size:40px;
line-height:40px;
width: 40px;
width: 40px;
top: 50%;
left: 50%;
margin-top:-20px;
margin-left:-20px;
color:#ffffff;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
filter:alpha(opacity=80);
-khtml-opacity:0.8;
-moz-opacity:0.8;
opacity:0.8;
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-o-transform: rotate(360deg);
-ms-transform: rotate(360deg);
-webkit-transition: 0.7s ease-in-out;
-moz-transition: 0.7s ease-in-out;
-ms-transition: 0.7s ease-in-out;
-o-transition: 0.7s ease-in-out;
transition: 0.7s ease-in-out;
}
.container-image:hover a:hover i {
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter:alpha(opacity=100);
-khtml-opacity:1;
-moz-opacity:1;
opacity:1;
-webkit-transition: 0.7s ease-in-out;
-moz-transition: 0.7s ease-in-out;
-ms-transition: 0.7s ease-in-out;
-o-transition: 0.7s ease-in-out;
transition: 0.7s ease-in-out;
}
/* -------------------------------------------------------- */
/* Form */
/* -------------------------------------------------------- */
.form-control {
display: block;
width: 100%;
height: 34px;
font-size: 13px;
line-height: 1.428571429;
text-indent:0px;
color: #7a7a7a;
vertical-align: middle;
background-color: transparent;
padding: 6px 12px;
border: 1px solid #d7dfe4;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
-o-border-radius: 0px;
border-radius: 0px;
-webkit-box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0);
box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0);
-webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.input-group {
position: relative;
display: table;
border-collapse: separate;
}
.input-group-btn > .btn {
position: relative;
width: 34px;
height: 34px;
line-height: 34px;
text-align: right;
padding: 0px;
}
.no-border-right {
border-right:0px solid !important;
}
.input-group-btn:last-child > .btn, .input-group-btn:last-child > .btn-group {
margin-left:0px;
}
textarea {
min-height:120px;
resize:vertical;
}
/* -------------------------------------------------------- */
/* Contact Form */
/* -------------------------------------------------------- */
.error {
margin:6px 6px;
display: none;
color: #ff4b64;
}
#ajaxsuccess {
font-size: 15px;
width: 100%;
display: none;
clear: both;
color: #0fa2d5;
margin:0px;
}
.contact-form .btn {
float:left;
margin-top:10px;
}
/* -------------------------------------------------------- */
/* Blog */
/* -------------------------------------------------------- */
.blog-container {
border-top:1px solid #d7dfe4;
border-bottom:1px solid #d7dfe4;
}
.blog-container h2 {
font-size:24px;
font-weight:600;
}
.blog-container .blog-content{
border-right:1px solid #d7dfe4;
padding-right:30px;
}
.post-info-container {
border-top:1px solid #d7dfe4;
border-bottom:1px solid #d7dfe4;
padding:12px 0px;
}
.post-info-container .post-info .post-data {
margin-right:10px;
}
.post-info-container .post-info .tags a {
color:#0fa1d5;
background:transparent;
float:none;
margin:0px;
padding:0px;
}
.post-info-container .post-info .tags a:hover {
color:#3c4451;
}
.post-info-container .post-info i {
margin-right:5px;
}
.post-info-container i {
margin:4px;
}
.blog-right-sidebar {
border-left:1px solid #d7dfe4;
padding-left:30px;
margin-left:-1px;
}
/* -------------------------------------------------------- */
/* Comments */
/* -------------------------------------------------------- */
.blog-comment {
position:relative;
}
.blog-comment h4{
color:#2c333d;
font-size:20px;
padding-bottom:5px;
}
.blog-comment .user-image {
position:absolute;
top:0px;
left:0px;
border:1px solid #dadcdd;
background:#fff;
width:60px;
height:60px;
}
.blog-comment .user-image i {
color:#dadcdd;
width:60px;
height:60px;
line-height:60px;
font-size:30px;
text-align:center;
}
.blog-comment .comment-data {
padding-left:80px;
}
.blog-comment .reply-link {
padding-left:12px;
font-size:14px;
}
.blog-comment .divider, .blog-comment .divider-2 {
margin:10px 0px;
}
/* -------------------------------------------------------- */
/* Shop */
/* -------------------------------------------------------- */
.shop-container {
border-top:1px solid #d7dfe4;
border-bottom:1px solid #d7dfe4;
}
.shop-right-sidebar {
border-left:1px solid #d7dfe4;
padding-left:30px;
margin-left:-1px;
}
/* -------------------------------------------------------- */
/* Product */
/* -------------------------------------------------------- */
.product{
border:1px solid #e6edf2;
margin-bottom:50px;
}
.product .image-container{
position:relative;
background:#d7dfe4;
}
.product img{
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
-khtml-opacity: 1;
-moz-opacity: 1;
opacity: 1;
filter: alpha(opacity=100);
-webkit-transition:all 0.5s;
-moz-transition:all 0.5s;
-o-transition:all 0.5s;
-ms-transition:all 0.5s;
transition:all 0.5s;
}
.product:hover img{
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=15)";
-khtml-opacity: 0.15;
-moz-opacity: 0.15;
opacity: 0.15;
filter: alpha(opacity=15);
}
.product .info{
display:block;
padding:25px 10px;
overflow:hidden;
}
.product h3{
color:#0fa2d5;
font-size:17px;
font-weight:400;
text-align:center;
padding-bottom:5px;
}
.product .rating{
color:#d7dfe4;
font-size:15px;
text-align:center;
}
.product .price{
color:#7786a1;
font-size:22px;
text-align:center;
padding-top:6px;
}
.product .image-container .icon-left, .product .image-container .icon-right {
position:absolute;
top:50%;
left:50%;
margin-top:-25px;
margin-left:-55px;
width:50px;
height:50px;
line-height:50px;
font-size:25px;
text-align:center;
color:#fff;
background:rgba(50,50,50,0.7);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
-khtml-opacity: 0;
-moz-opacity: 0;
opacity: 0;
filter: alpha(opacity=0);
-webkit-transition:all 0.4s;
-moz-transition:all 0.4s;
-o-transition:all 0.4s;
-ms-transition:all 0.4s;
transition:all 0.4s;
}
.product .image-container .icon-right {
margin-left:5px;
}
.product:hover .image-container .icon-left, .product:hover .image-container .icon-right {
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
-khtml-opacity: 0.8;
-moz-opacity: 0.8;
opacity: 0.8;
filter: alpha(opacity=80);
}
.product .image-container .icon-left:hover, .product .image-container .icon-right:hover {
background:#0fa2d5;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
-khtml-opacity: 1;
-moz-opacity: 1;
opacity: 1;
filter: alpha(opacity=100);
}
/* -------------------------------------------------------- */
/* Error 404 */
/* -------------------------------------------------------- */
.error-icon {
display:block;
text-align:center;
}
.error-icon .typcn {
display:inline-block;
color:#e6edf2;
width:220px;
height:220px;
font-size:220px;
line-height:180px;
}
/* -------------------------------------------------------- */
/* Refine Slider */
/* -------------------------------------------------------- */
ul.rs-slider {
margin: 0 0 0px 0px;
padding:0px;
}
ul.rs-slider img {
position:relative;
}
.rs-thumb-wrap { margin: 21px 0 0 0; }
.rs-thumb-wrap > a {
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
filter:alpha(opacity=50);
-khtml-opacity: 0.5;
-moz-opacity:0.5;
opacity:0.5;
padding: 0px;
*padding: 0;
-moz-transition: opacity .7s ease-in-out;
-webkit-transition: opacity .7s ease-in-out;
-o-transition: opacity .7s ease-in-out;
-ms-transition: opacity .7s ease-in-out;
transition: opacity .7s ease-in-out;
}
.rs-thumb-wrap > a:hover,
.rs-thumb-wrap > a.active { opacity: 1 }
.rs-thumb-wrap > a:first-child { margin-left: 0!important; }
.rs-arrows {
position:absolute;
z-index:799;
width:100%;
top:50%;
right:0px;
}
.rs-arrows .rs-prev, .rs-arrows .rs-next {
width: 50px;
height: 50px;
display: block;
position:absolute;
right:30px;
margin-top:-25px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-o-border-radius: 3px;
border-radius: 3px;
border:0px;
background:#2d333d !important;
opacity: 0.5 !important;
-moz-transition: all .3s ease-in-out;
-webkit-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
-ms-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
}
.rs-arrows .rs-prev {
left:30px;
}
.rs-arrows .rs-next {
right:30px;
}
.rs-arrows .rs-prev:hover, .rs-arrows .rs-next:hover {
background:#2d333d !important;
border:0px;
opacity: 1 !important;
}
.rs-arrows .rs-prev i, .rs-arrows .rs-next i {
text-indent: 0px;
color:#ffffff;
font-size: 20px;
width: 47px;
height: 50px;
position: absolute;
line-height: 49px;
text-align: center;
font-weight:400;
}
.rs-arrows .rs-next i {
text-indent: 3px;
}
.rs-caption {
padding: 20px;
color: #ffffff;
background: #000000;
background: rgba(0, 0, 0, .6);
}
.rs-caption p {
color: #ffffff;
margin-bottom: 0;
}
/* -------------------------------------------------------- */
/* Flexlider */
/* -------------------------------------------------------- */
.flex-1 {
margin: 0px 0px 25px 0px;
background: transparent;
border: 0px solid #ffffff;
position: relative;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
-o-border-radius: 0px;
border-radius: 0px;
box-shadow: 0 0px 0px #000000;
-webkit-box-shadow: 0 0px 0px #000000;
-moz-box-shadow: 0 0px 0px #000000;
-o-box-shadow: 0 0px 0px #000000;
}
.flex-1 .flex-control-nav {
width: 100%;
height:40px;
position: relative;
text-align: center;
background: transparent;
border: 0px solid #000000;
margin-top:-50px;
margin-bottom:0px;
}
.flex-1 .flex-control-nav li {
margin: 0 5px;
display: inline-block;
zoom: 1;
display: inline;
padding-top:15px;
}
.flex-1 .flex-control-paging li a {
width: 14px;
height: 14px;
display: block;
border:1px solid #7786a1;
cursor: pointer;
font-size:0px;
text-indent: 0px;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-o-border-radius: 50%;
border-radius: 50%;
box-shadow: inset 0 0 0px #000000;
background: #f7fcff !important;
}
.flex-1 .flex-control-paging li a:hover {
background: #0fa2d5 !important;
}
.flex-1 .flex-control-paging li a.flex-active {
position:relative;
cursor: default;
background:#2d333d !important;
}
.flex-1 .flex-direction-nav {
display:none;
}
.flex-1 .flex-viewport {
max-height: 3500px;
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
transition: all 1s ease;
border: 0px solid #000000;
width:100%;
}
/* -------------------------------------------------------- */
/* Layer Slider */
/* -------------------------------------------------------- */
.ls-layer,
.ls-layer * {
font-family: 'HelveticaNeue-Light', 'Helvetica Neue Light', 'Helvetica Neue', Helvetica, Arial, sans-serif;
font-weight: normal;
white-space: nowrap;
}
.l3s1, .l3s2, .l3s3 {
text-shadow: 0px 0px 10px white;
color: white;
}
.l3s1 {
font-size: 30px;
}
.l3s2 {
font-size: 60px;
}
.l3s3 {
font-size: 20px;
font-style: italic;
}
.l4s1, .l4s2, .l4s3, .l4s4 {
box-shadow: 0px 3px 10px -3px #002c4b;
background: #02cef7;
background: -moz-linear-gradient(top, #02cef7 0%, #009bba 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#02cef7), color-stop(100%,#009bba));
background: -webkit-linear-gradient(top, #02cef7 0%,#009bba 100%);
background: -o-linear-gradient(top, #02cef7 0%,#009bba 100%);
background: -ms-linear-gradient(top, #02cef7 0%,#009bba 100%);
background: linear-gradient(to bottom, #02cef7 0%,#009bba 100%);
text-shadow: 0px -1px 1px #00819c;
padding: 10px 15px 10px 15px;
border-top: 4px solid white;
font-size: 20px;
color: white;
border-radius: 7px;
}
/* -------------------------------------------------------- */
/* Master Slider */
/* -------------------------------------------------------- */
.ms-caption{
color:#fff;
font-size:40px;
padding-top:80px;
}
/*************/
.justifydiv{text-align:justify;}