File: /home/barbeatleanalyti/public_html/public_html/assets-front/css/style.css
@charset "utf-8";
/* CSS Document */
/******box1****/
section.box1 p {
text-align: center;
color: #999;
font-size: 16px;
}
section.box1 .core-service-div img {
border: 1px solid #56b1e1;
border-radius: 50%;
padding: 9px;
}
h3.head-line center {
color: #0187c7;
}
section.box1 .core-service-div {
text-align: center;
}
section.box1 h2 {
text-align: center;
}
section.box1 p {
text-align: center;
}
/*****//*box1****/
/*******BOX2******/
.box2 p{
color:#525252;
font-size:12px;
}
.box2 .skillbar {
position:relative;
display:block;
margin-bottom:15px;
width:100%;
background:#eee;
height:35px;
border-radius:3px;
-moz-border-radius:3px;
-webkit-border-radius:3px;
-webkit-transition:0.4s linear;
-moz-transition:0.4s linear;
-ms-transition:0.4s linear;
-o-transition:0.4s linear;
transition:0.4s linear;
-webkit-transition-property:width, background-color;
-moz-transition-property:width, background-color;
-ms-transition-property:width, background-color;
-o-transition-property:width, background-color;
transition-property:width, background-color;
}
.box2 .skillbar-title {
position:absolute;
top:0;
left:0;
width:110px;
font-weight:bold;
font-size:13px;
color:#ffffff;
background:#6adcfa;
-webkit-border-top-left-radius:3px;
-webkit-border-bottom-left-radius:4px;
-moz-border-radius-topleft:3px;
-moz-border-radius-bottomleft:3px;
border-top-left-radius:3px;
border-bottom-left-radius:3px;
}
.box2 .skillbar-title span {
display:block;
background:rgba(0, 0, 0, 0.1);
padding:0 20px;
height:35px;
line-height:35px;
-webkit-border-top-left-radius:3px;
-webkit-border-bottom-left-radius:3px;
-moz-border-radius-topleft:3px;
-moz-border-radius-bottomleft:3px;
border-top-left-radius:3px;
border-bottom-left-radius:3px;
}
.box2 .skillbar-bar {
height:35px;
width:0px;
background:#6adcfa;
border-radius:3px;
-moz-border-radius:3px;
-webkit-border-radius:3px;
}
.box2 .skill-bar-percent {
position:absolute;
right:10px;
top:0;
font-size:11px;
height:35px;
line-height:35px;
color:#ffffff;
color:rgba(0, 0, 0, 0.4);
}
/*******//*BOX2********/
/*********box3*******/
.box3 #quote-carousel .carousel-indicators {
right: 50%;
top: auto;
bottom: -10px;
margin-right: -19px;
}
.box3 #quote-carousel .carousel-indicators li {
background: #c0c0c0;
}
.box3 #quote-carousel .carousel-indicators .active {
background: #333333;
height:10px;
width:10px;
margin-bottom:1px;
}
.box3 h1 {
text-align:center;
margin-bottom:-20px !important;
}
.box3 p {
font-style:italic;
}
.box3 .Testimonials-img img {
width: 125px;
height: 125px;
border: 3px solid #706c6c !IMPORTANT;
padding: 4px;
}
section.main.box2 { background:url(../img/background-fixed1.jpg);
background-position:center center;
-webkit-background-size:cover;
-moz-background-size:cover;
-o-background-size:cover;
background-size:cover;
z-index:1;
height:100%;
background-attachment: fixed;
background-position: center;
}
section.main.box2 {
padding: 15px 0 62px 0;
}
section.main.box2 h1.head-line , section#Our-Expertise h1.head-line , section#our-strategy h1.head-line {
color: #fff;
}
/*********//**box3*******/
/***********box4*****/
/*Contact sectiom*/
.box4 .content-header{
font-family: 'Oleo Script', cursive;
color:#fcc500;
font-size: 45px;
}
.box4 .section-content{
text-align: center;
}
.box4 .form-group label {
text-align: left;
float: left;
}
#contact{
padding-top: 60px;
width: 100%;
height: 550px;
background: #3a6186; /* fallback for old browsers */
background: -webkit-linear-gradient(to left, #3a6186 , #89253e); /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to left, #3a6186 , #89253e); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
color : #fff;
}
.box4 .contact-section{
padding-top: 40px;
}
.box4 .contact-section .col-md-6{
width: 50%;
}
.map iframe {
width: 100%;
}
.box4 .form-line{
border-right: 1px solid #B29999;
}
.box4 .form-group{
margin-top: 10px;
}
.box4 label{
font-size: 1.3em;
line-height: 1em;
font-weight: normal;
}
.box4 .form-control{
font-size: 1.3em;
color: #080808;
}
.box4 textarea.form-control {
height: 135px;
/* margin-top: px;*/
}
.box4 .submit{
font-size: 1.1em;
float: right;
width: 150px;
background-color: transparent;
color: #fff;
}
/*******//**box4***************/
/*******nevigation*************/
ul.nav.navbar-nav li a {font-size: 17px;
}
nav.navbar.navbar-inverse img {
width: 166px;
z-index: 9999999;
background: #fff;
border: 1px solid #999;
border-radius: 3px;
padding-bottom: 13px;
}
.navbar-inverse {
background-color: #56b1e1;
border: none;
border-radius: 0px;
color: #fff;
z-index: 999;
}
nav.navbar.navbar-inverse li a {
color: #fff;
}
nav.navbar.navbar-inverse {
margin-bottom: 0px;
}
nav.navbar.navbar-inverse.fixed {
position: fixed;
top: 0;
width: 100%;
}
.navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:focus, .navbar-inverse .navbar-nav>.active>a:hover {
color: #fff;
background-color: #e67e22;
}
/******//*navigatiion***********/
/******heder***********/
header h1.logo img {width: 286px;}
header .social-icon ul li {width: 50px; list-style: none; }
header .social-icon ul li img {
width: 100%;
}
header .social-icon ul li {
float: right;
}
header h1.logo {
margin: 4px 0;
}
/*****//*heder***********/
/******Contact-Us***********/
section#Contact-Us .contact_call span {
float: left !important;
background: #3498db;
color: #fff;
/**padding: 8px 17px;**/
font-size: 25px;
}
section#Contact-Us .contact_call {
border: 1px solid #3498db;
height: 52px;
}
section#Contact-Us .contact_call span a {
color: #fff;
font-size: 25px;
}
section#Contact-Us .col-sm-12.contact_row {
margin-bottom: 21px;
}
.contact_call p {
margin: 13px 64px;
padding: 0 0;
}
section#Contact-Us .contact_call p a , section#Contact-Us .contact_call p {
color: #999;
font-size: 17px;
/* font-weight: 600; */
}
section#Contact-Us input , section#Contact-Us textarea#message {
border: 1px solid #3498db;
width: 100%;
padding: 16px 15px;
}
section#Contact-Us .contact_call {
margin: 36px 0 6px 0 !IMPORTANT;
}
section#Contact-Us .contact_us_row input {
padding: 11px 13px;
margin: 0 0 15PX 0;
width: 100%;
}
section#Contact-Us .form-horizontal textarea#message {
width: 100%;
padding: 16px 8px;
}
section#Contact-Us textarea.form-control {
min-height: 142px !important;
}
section#Contact-Us .form-group.submit-btn input {
width: auto;
border-radius: 3px;
}
section#Contact-Us input#submit {
padding: 15px 20px;
font-size: 20px;
color: #fff;
background: #0fa3d3;
border: none;}
/*****//*Contact-Us***********/
/*********portfolio*************/
.portfolio legend {
border-bottom: none;
}
.portfolio legend {
width: 16%;
margin: 0 auto;
text-align: center;
}
.portfolio fieldset {
width: 100%;
border: 1px solid #3498db;
padding: 0px 10px;
text-align: center;
margin: 7px 5px;
height: 229px;
}
.portfolio fieldset p {
margin: 5px 0 5px 0;
}
/********//**portfolio**********/
/*******OUR EXPERTISE********/
section#Our-Expertise , section#testimonials , section#our-strategy , section#Contact-Us { margin-top: 35px;}
section#Our-Expertise p.text-muted , section#Our-Expertise h4.subheading {
color: #fff;
}
section#Our-Expertise { background:url(../img/wordpress_bg.png);
background-position:center center;
-webkit-background-size:cover;
-moz-background-size:cover;
-o-background-size:cover;
background-size:cover;
z-index:1;
height:100%;
background-attachment: fixed;
background-position: center;
padding-bottom: 45px;
}
.timeline {
position: relative;
padding:4px 0 0 0;
margin-top:22px;
list-style: none;
}
.expertise .timeline > li .timeline-panel { margin-top: 41px;}
.timeline>li:nth-child(even) {
position: relative;
margin-bottom: 50px;
height: 180px;
right:-100px;
}
.expertise .timeline-panel p {
font-size: 20px;
}
.expertise .timeline-heading h4 {
font-size: 25px !IMPORTANT;
}
.expertise .timeline>li:nth-child(odd) {
position: relative;
margin-bottom: 50px;
height: 180px;
left:-100px;
}
.expertise .timeline>li:before,
.expertise .timeline>li:after {
content: " ";
display: table;
}
.expertise .timeline>li:after {
clear: both;
min-height: 170px;
}
.expertise .timeline > li .timeline-panel {
position: relative;
float: left;
width: 41%;
padding: 0 20px 20px 30px;
text-align: right;
}
.expertise .timeline>li .timeline-panel:before {
right: auto;
left: -15px;
border-right-width: 15px;
border-left-width: 0;
}
.expertise .timeline>li .timeline-panel:after {
right: auto;
left: -14px;
border-right-width: 14px;
border-left-width: 0;
}
.expertise .timeline>li .timeline-image {
z-index: 100;
position: absolute;
left: 50%;
border: 7px solid #3b5998;
border-radius: 100%;
background-color: #3b5998;
box-shadow: 0 0 5px #4582ec;
width: 200px;
height: 200px;
margin-left: -100px;
}
.expertise .timeline>li .timeline-image h4 {
margin-top: 12px;
font-size: 10px;
line-height: 14px;
}
.expertise .timeline>li.timeline-inverted>.timeline-panel {
float: right;
padding: 0 30px 20px 20px;
text-align: left;
}
.expertise .timeline>li.timeline-inverted>.timeline-panel:before {
right: auto;
left: -15px;
border-right-width: 15px;
border-left-width: 0;
}
.expertise .timeline>li.timeline-inverted>.timeline-panel:after {
right: auto;
left: -14px;
border-right-width: 14px;
border-left-width: 0;
}
.expertise .timeline>li:last-child {
margin-bottom: 0;
}
.expertise .timeline .timeline-heading h4 {
margin-top:22px;
margin-bottom: 4px;
padding:0;
color: #b3b3b3;
}
.expertise .timeline .timeline-heading h4.subheading {
margin:0;
padding:0;
text-transform: none;
font-size:18px;
color:#333333;
}
.expertise .timeline .timeline-body>p,
.expertise .timeline .timeline-body>ul {
margin-bottom: 0;
color:#808080;
}
/*Style for even div.line*/
.expertise .timeline>li:nth-child(odd) .line:before {
content: "";
position: absolute;
top: 60px;
bottom: 0;
left: 690px;
width: 4px;
height:340px;
background-color: #3b5998;
-ms-transform: rotate(-44deg); /* IE 9 */
-webkit-transform: rotate(-44deg); /* Safari */
transform: rotate(-44deg);
box-shadow: 0 0 5px #4582ec;
}
/*Style for odd div.line*/
.expertise .timeline>li:nth-child(even) .line:before {
content: "";
position: absolute;
top: 60px;
bottom: 0;
left: 450px;
width: 4px;
height:340px;
background-color: #3b5998;
-ms-transform: rotate(44deg); /* IE 9 */
-webkit-transform: rotate(44deg); /* Safari */
transform: rotate(44deg);
box-shadow: 0 0 5px #4582ec;
}
/* Medium Devices, .visible-md-* */
@media (min-width: 992px) and (max-width: 1199px) {
.expertise .timeline > li:nth-child(even) {
margin-bottom: 0px;
min-height: 0px;
right: 0px;
}
.expertise .timeline > li:nth-child(odd) {
margin-bottom: 0px;
min-height: 0px;
left: 0px;
}
.expertise .timeline>li:nth-child(even) .timeline-image {
left: 0;
margin-left: 0px;
}
.expertise .timeline>li:nth-child(odd) .timeline-image {
left: 690px;
margin-left: 0px;
}
.expertise .timeline > li:nth-child(even) .timeline-panel {
width: 76%;
padding: 0 0 20px 0px;
text-align: left;
}
.expertise .timeline > li:nth-child(odd) .timeline-panel {
width: 70%;
padding: 0 0 20px 0px;
text-align: right;
}
.expertise .timeline > li .line {
display: none;
}
}
/* Small Devices, Tablets */
@media (min-width: 768px) and (max-width: 991px) {
.expertise .timeline > li:nth-child(even) {
margin-bottom: 0px;
min-height: 0px;
right: 0px;
}
.expertise .timeline > li:nth-child(odd) {
margin-bottom: 0px;
min-height: 0px;
left: 0px;
}
.expertise .timeline>li:nth-child(even) .timeline-image {
left: 0;
margin-left: 0px;
}
.expertise .timeline>li:nth-child(odd) .timeline-image {
left: 520px;
margin-left: 0px;
}
.expertise .timeline > li:nth-child(even) .timeline-panel {
width: 70%;
padding: 0 0 20px 0px;
text-align: left;
}
.expertise .timeline > li:nth-child(odd) .timeline-panel {
width: 70%;
padding: 0 0 20px 0px;
text-align: right;
}
.expertise .timeline > li .line {
display: none;
}
}
/* Custom, iPhone Retina */
@media only screen and (max-width: 767px) {
.expertise .timeline > li:nth-child(even) {
margin-bottom: 0px;
min-height: 0px;
right: 0px;
}
.expertise .timeline > li:nth-child(odd) {
margin-bottom: 0px;
min-height: 0px;
left: 0px;
}
.expertise .timeline>li .timeline-image {
position: static;
width: 150px;
height: 150px;
margin-bottom:0px;
}
.expertise .timeline>li:nth-child(even) .timeline-image {
left: 0;
margin-left: 0;
}
.expertise .timeline>li:nth-child(odd) .timeline-image {
float:right;
left: 0px;
margin-left:0;
}
.expertise .timeline > li:nth-child(even) .timeline-panel {
width: 100%;
padding: 0 0 20px 14px;
}
.expertise .timeline > li:nth-child(odd) .timeline-panel {
width: 100%;
padding: 0 14px 20px 0px;
}
.expertise .timeline > li .line {
display: none;
}
}
/******//**OUR EXPERTISE****/
/**************strategy***************/
.strategy-plan {
width: 100%;
float: left;
}
.paln-img img {
width: 100%;
margin: 0 auto;
text-align: center;
}
section#our-strategy { background:url(../img/android_ipone_bg.png);
background-position:center center;
-webkit-background-size:cover;
-moz-background-size:cover;
-o-background-size:cover;
background-size:cover;
z-index:1;
height:100%;
background-attachment: fixed;
background-position: center;
padding-bottom: 45px;
}
/************//**strategy***************/
/*********tz-copyright********/
.tz-copyright {
background: #3498db;
padding: 12px 0;
}
.tz-copyright p {
color: #fff;
}
.tz-copyright p a {
color: #fff;
font-weight: 600;
}
.tz-copyright p {
margin: 0px;
}
/********//*tz-copyright********/
/******hed line botam-border*****/
.border-bt .t-orange
{ display: inline-block; border-bottom: 2px #ff7e47 solid; height: 0px; width: 33.33%; padding: 0px; margin: 0px;
font-size: 0px; float:left;
}
.border-bt .t-truquolse
{ display: inline-block; border-bottom: 2px #7ed0e8 solid; height: 0px; width: 33.33%; padding: 0px; margin: 0px;
font-size: 0px; float:left;
}
.border-bt .t-yellowgreen
{ display: inline-block; border-bottom: 2px #a2cf2c solid; height: 0px; width: 33.33%; padding: 0px;
margin: 0px; font-size: 0px; float:left;
}
/****//**hed line botam-border*****/
/**********ganral*****/
/**h1.head-line { text-align: center; font-family:'Baloo Da', cursive; color: #3498db; font-size: 50px;}**/
h1.head-line {font-size: 65px; font-family: 'Rajdhani', sans-serif; color: #0187c7; display: table; text-align: center;
margin: 0px auto 30px auto; padding: 0px;
text-transform: uppercase; font-weight:300; margin-top:40px;}
/**section.main{ margin-top: 50px;}**/
h1.head-line { margin-top: 55px;}
.box3 #quote-carousel , .strategy-plan {
padding: 0 10px 30px 10px;
margin-top: 30px;
text-align:center;
}
/*********//*ganral*****/
/****fonts***/
*{font-family:'Roboto Slab', serif;}
section.box1 p , .skillbar-title span , .box4 label , section.box1 h2 , ul.nav.navbar-nav li a , .contact_call p a , .contact_call p , .tz-copyright p , .tz-copyright p a , .tp-caption.androidiosdescription.lfr.fadeout.tp-resizeme.start , .tp-caption.listcss.sfl.fadeout.tp-resizeme.start ,
.tp-splitted , section#our-portfolio p , section#our-portfolio h4 , h3.head-line center , section#Our-Expertise .panel-body , section#Our-Expertise .panel-heading , section#Our-Expertise h4.subheading ,
section#Our-Expertise p.text-muted , button.btn.btn-info.btn-lg.btn-sm.hed-btn , .tp-splitted
{font-family:'Amaranth', sans-serif;}
section#about p , section#services p , section#our-portfolio p{ color:#615d5d;}
/****//****fonts*****/
button.slick-prev.slick-arrow {
background: url(../img/left-said-arrow.png) no-repeat !IMPORTANT;
font-size: 10px;
width: 50px;
height: 50px;
}
.slick-prev:before, .slick-next:before {font-size: 0px !IMPORTANT;}
button.slick-next.slick-arrow {
background: url(../img/right-said-arrow.png) no-repeat !IMPORTANT;
font-size: 10px;
width: 50px;
height: 50px;
}
section#services img {
width: 112px;
margin: 0 auto;
text-align: center;
}
.slick-slide {
transition: all ease-in-out .3s;
opacity: 0;
}
slick-current {
opacity: 100 !IMPORTANT;
}
.slick-active {
opacity: 100 !IMPORTANT;
}
section#services {
margin-bottom: 63px;
}
div#myNavbar ul.nav.navbar-nav li a.active {
background: #efae30;
}
/*************************************navigation**hover***********************************************/
.btn-change{
background: lightseagreen;
margin: 20px;
box-shadow: 0 0 1px #ccc;
-webkit-transition: all 0.5s ease-in-out;
border: 0px;
color: #fff;
}
.btn-change:hover{
-webkit-transform: scale(1.1);
background: #31708f;
}
.btn-change1{
background: lightseagreen;
margin: 20px;
border: 0px;
color: #fff;
box-shadow: 0 0 1px #ccc;
-webkit-transition-duration: 0.5s;
-webkit-box-shadow: 0px 0px 0 0 #31708f inset , 0px 0px 0 0 #31708f inset;
}
.btn-change1:hover{
-webkit-box-shadow: 50px 0px 0 0 #31708f inset , -50px 0px 0 0 #31708f inset;
}
.btn-change2{
background: #31708f ;
margin: 20px;
border:0px;
color:#fff;
box-shadow: 0 0 1px #ccc;
-webkit-transition-duration: 0.5s;
-webkit-transition-timing-function: ease-out;
-webkit-transform-origin: 0 0;
box-shadow:0px 0px 0 100px lightseagreen inset;
}
.btn-change2:hover{
-webkit-box-shadow:0px 0px 0 0px lightseagreen inset;
-webkit-transform: scale(1);
}
.btn-change3{
background: lightseagreen;
margin: 20px;
border:0px;
color:#fff;
box-shadow: 0 0 1px #ccc;
-webkit-transition-duration: 0.5s;
-webkit-transition-timing-function: ease-out;
-webkit-box-shadow: 0px 0px 0 0 #31708f inset , 0px 0px 0 #31708f inset;
}
.btn-change3:hover{
-webkit-box-shadow: 0px 50px 0 0px #31708f inset , 0px -50px 0 0px #31708f inset;
}
.btn-change4{
background: #31708f ;
margin: 20px;
border:0px;
color:#fff;
box-shadow: 0 0 1px #ccc;
-webkit-transition-duration: 0.5s;
-webkit-transform-origin: 50% 50%;
-webkit-transition-timing-function: ease-out;
-webkit-box-shadow: 0px -50px 0 0 lightseagreen inset , 0px 50px 0 lightseagreen inset;
}
.btn-change4:hover{
-webkit-box-shadow: 0px 0px 0 0px lightseagreen inset , 0px 0px 0 0px lightseagreen inset;
}
.btn-change5{
background: #efae30;
border:0px;
color:#fff;
box-shadow: 0 0 1px #ccc;
-webkit-transform-origin: 50% 50%;
-webkit-transition-duration: 0.5s;
-webkit-transition-timing-function: ease-out;
-webkit-box-shadow: 75px 0px 0 0 #56b1e1 inset, -75px 0px 0 #56b1e1 inset;
}
.btn-change5:hover{
-webkit-box-shadow: 0px 0px 0 0 #56b1e1 inset, 0px 0px 0 #56b1e1 inset;
}
.btn-change6{
background: #fff;
margin: 20px;
border:0px;
color:#fff;
box-shadow: 0 0 1px #ccc;
-webkit-transition-duration: 0.2s;
-webkit-transition-timing-function: linear;
box-shadow:0px 0 0 #4de890 inset;
}
.btn-change6:hover{
box-shadow:0 0 0 25px #4de890 inset;
-webkit-transform: scale(1);
}
.btn-change7{
background: lightseagreen;
margin: 20px;
border:0px;
color:#fff;
box-shadow: 0 0 1px #ccc;
-webkit-transition-duration: 0.5s;
-webkit-transition-timing-function: linear;
box-shadow:0px 0 0 #31708f inset;
}
.btn-change7:hover{
box-shadow:100px 0 0 #31708f inset;
}
.btn-change8{
background: lightseagreen;
margin: 20px;
border:0px;
color:#fff;
box-shadow: 0 0 1px #ccc;
-webkit-transition-duration: 0.5s;
-webkit-transition-timing-function: linear;
box-shadow:0px 0 0 #31708f inset;
}
.btn-change8:hover{
-webkit-box-shadow: -100px 0 0 #31708f inset;
}
/******social midea***hover***/
.social-icon .wrapper,.copyright {
padding: 20px;
text-align: center;
}
.social-icon hr{
margin: 30px 20px;
border-top:2px solid #1C1E26 ;
border-bottom:2px solid #38404D;
}
.social-icon .list-unstyled {
padding-left: 0;
list-style: none;
}
.social-icon .list-inline li {
display: inline-block;
padding-right: 5px;
padding-left: 5px;
margin-bottom: 10px;
}
.social-icon .social-icons .fa {
font-size: 1.8em;
}
.social-icon .social-icons .fa {
width: 50px;
height: 50px;
line-height: 50px;
text-align: center;
color: #FFF;
color: rgba(255, 255, 255, 0.8);
-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;
}
.social-icon .social-icons.icon-circle .fa{
border-radius: 50%;
}
.social-icon .social-icons.icon-rounded .fa{
border-radius:5px;
}
.social-icon .social-icons.icon-flat .fa{
border-radius: 0;
}
.social-icon .social-icons .fa:hover, .social-icon .social-icons .fa:active {
color: #FFF;
-webkit-box-shadow: 1px 1px 3px #333;
-moz-box-shadow: 1px 1px 3px #333;
box-shadow: 1px 1px 3px #333;
}
.social-icon .social-icons.icon-zoom .fa:hover, .social-icons.icon-zoom .fa:active {
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1);
}
.social-icons.icon-rotate .fa:hover, .social-icons.icon-rotate .fa:active {
-webkit-transform: scale(1.1) rotate(360deg);
-moz-transform: scale(1.1) rotate(360deg);
-ms-transform: scale(1.1) rotate(360deg);
-o-transform: scale(1.1) rotate(360deg);
transform: scale(1.1) rotate(360deg);
}
.social-icons .fa-adn{background-color:#504e54;}
.social-icons .fa-apple{background-color:#aeb5c5;}
.social-icons .fa-android{background-color:#A5C63B;}
.social-icons .fa-bitbucket,.social-icons .fa-bitbucket-square{background-color:#003366;}
.social-icons .fa-bitcoin,.social-icons .fa-btc{background-color:#F7931A;}
.social-icons .fa-css3{background-color:#1572B7;}
.social-icons .fa-dribbble{background-color:#F46899;}
.social-icons .fa-dropbox{background-color:#018BD3;}
.social-icons .fa-facebook,.social-icons .fa-facebook-square{background-color:#3C599F;}
.social-icons .fa-flickr{background-color:#FF0084;}
.social-icons .fa-foursquare{background-color:#0086BE;}
.social-icons .fa-github,.social-icons .fa-github-alt,.social-icons .fa-github-square{background-color:#070709;}
.social-icons .fa-google-plus,.social-icons .fa-google-plus-square{background-color:#CF3D2E;}
.social-icons .fa-html5{background-color:#E54D26;}
.social-icons .fa-instagram{background-color:#A1755C;}
.social-icons .fa-linkedin,.social-icons .fa-linkedin-square{background-color:#0085AE;}
.social-icons .fa-linux{background-color:#FBC002;color:#333;}
.social-icons .fa-maxcdn{background-color:#F6AE1C;}
.social-icons .fa-pagelines{background-color:#241E20;color:#3984EA;}
.social-icons .fa-pinterest,.social-icons .fa-pinterest-square{background-color:#CC2127;}
.social-icons .fa-renren{background-color:#025DAC;}
.social-icons .fa-skype{background-color:#01AEF2;}
.social-icons .fa-stack-exchange{background-color:#245590;}
.social-icons .fa-stack-overflow{background-color:#FF7300;}
.social-icons .fa-trello{background-color:#265A7F;}
.social-icons .fa-tumblr,.social-icons .fa-tumblr-square{background-color:#314E6C;}
.social-icons .fa-twitter,.social-icons .fa-twitter-square{background-color:#32CCFE;}
.social-icons .fa-vimeo-square{background-color:#229ACC;}
.social-icons .fa-vk{background-color:#375474;}
.social-icons .fa-weibo{background-color:#D72B2B;}
.social-icons .fa-windows{background-color:#12B6F3;}
.social-icons .fa-xing,.social-icons .fa-xing-square{background-color:#00555C;}
.social-icons .fa-youtube,.social-icons .fa-youtube-play,.social-icons .fa-youtube-square{background-color:#C52F30;}
/*****//*social midea***hover***/
.core-service-div img:hover, .core-service-div img:active {
-webkit-transform: scale(1.1) rotate(360deg);
-moz-transform: scale(1.1) rotate(360deg);
-ms-transform: scale(1.1) rotate(360deg);
-o-transform: scale(1.1) rotate(360deg);
transform: scale(1.1) rotate(360deg);
zoom:none;
}
.core-service-div {margin-top:15px;}
/*******sign-up-tongel******/
.sign-up #playground-container {
height: 500px;
overflow: hidden !important;
-webkit-overflow-scrolling: touch;
}
.sign-up .main{
margin:50px 15px;
}
.sign-up h1.title {
font-size: 50px;
font-family: 'Passion One', cursive;
font-weight: 400;
}
.sign-up hr{
width: 10%;
color: #fff;
}
.sign-up .form-group{
margin-bottom: 15px;
}
.sign-up label{
margin-bottom: 15px;
}
.sign-up input,
.sign-up input::-webkit-input-placeholder {
font-size: 11px;
padding-top: 3px;
}
.sign-up .main-login{
background-color: #fff;
/* shadows and rounded borders */
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
-moz-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
-webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
}
.sign-up .form-control {
height: auto!important;
padding: 8px 12px !important;
}
.sign-up .input-group {
-webkit-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.21)!important;
-moz-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.21)!important;
box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.21)!important;
}
.sign-up #button {
border: 1px solid #ccc;
margin-top: 28px;
padding: 6px 12px;
color: #666;
text-shadow: 0 1px #fff;
cursor: pointer;
-moz-border-radius: 3px 3px;
-webkit-border-radius: 3px 3px;
border-radius: 3px 3px;
-moz-box-shadow: 0 1px #fff inset, 0 1px #ddd;
-webkit-box-shadow: 0 1px #fff inset, 0 1px #ddd;
box-shadow: 0 1px #fff inset, 0 1px #ddd;
background: #f5f5f5;
background: -moz-linear-gradient(top, #f5f5f5 0%, #eeeeee 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f5f5f5), color-stop(100%, #eeeeee));
background: -webkit-linear-gradient(top, #f5f5f5 0%, #eeeeee 100%);
background: -o-linear-gradient(top, #f5f5f5 0%, #eeeeee 100%);
background: -ms-linear-gradient(top, #f5f5f5 0%, #eeeeee 100%);
background: linear-gradient(top, #f5f5f5 0%, #eeeeee 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f5f5f5', endColorstr='#eeeeee', GradientType=0);
}
.sign-up .main-center{
margin-top: 30px;
margin: 0 auto;
max-width: 400px;
padding: 10px 40px;
background:#fff;
color: #009edf;
text-shadow: none;
-webkit-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.31);
-moz-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.31);
box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.31);
}
.sign-up span.input-group-addon i {
color: #009edf;
font-size: 17px;
}
.sign-up .login-button{
margin-top: 5px;
}
.sign-up .login-register{
font-size: 11px;
text-align: center;
}
</div></div>
<style>
div#flip {
line-height: 3;
}
a:focus, a:hover {
color: #23527c;
text-decoration: none;
}
div#panel {
position: absolute;
top: 39px;
right: 0;
z-index: 999999;
}
/******* ul.nav.navbar-nav.navbar-right *****/
button.btn.btn-info.btn-lg.btn-sm.hed-btn {
float: right;
margin: 0 6px;
font-size: 15px;
margin-top: 8px;
}
.main-login.main-center {
box-shadow: none;
}
.modal-content {
width: 400px;
margin: 0 auto;
}
.modal-body {
padding: 0px;
}
.main-login.main-center {
margin: 0px;
}
#panel , #panel-01 {
/* padding: 5px; */
border: 1px solid #56b1e1;
/* background-color: #e5eecc; */
width: 402px;
display: none;
}
div#flip {
line-height: 3;
}
div#panel-01 {
position: absolute;
top: 39px;
right: 0;
z-index: 99999;
}
div#flip-01 {
line-height: 3;
}
ul.nav.navbar-nav.lg-sn {
float: right;
}
ul.nav.navbar-nav.lg-sn .btn-primary {
color: #fff;
background-color: #337ab7;
border-color: #2e6da4;
border-radius: 0px !IMPORTANT;
}
ul.nav.navbar-nav.lg-sn li {
margin: 0 4px;
}
div#myNavbar ul.nav.navbar-nav li.btn-change5 {
border-right: 1px solid rgb(72, 144, 183);
}
/*****************dropdown*heder*****/
.dropbtn {
color: white;
padding: 16px;
font-size: 16px;
border: none;
cursor: pointer;
}
.dropdown-content ul li a {
color: black !IMPORTANT;
}
.dropdown-content ul li { list-style:none;}
.dropdown-content ul {
padding: 0;
}
.dropdown {
position: relative;
display: inline-block;
}
.dropdown-content {
display: none;
position: absolute;
background-color: #f9f9f9;
min-width: 160px;
box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
z-index: 1;
}
.dropdown-content a {
color: black;
padding: 12px 16px;
text-decoration: none;
display: block;
}
.dropdown:hover .dropdown-content {
display: block;
}
/****//***dropdown*heder*****/
/*****sub-manu****/
.banner img {
width: 100%;
}
/**************11-4-2017*********************/
ul.nav.navbar-nav.navbar-center {
margin: 0 auto;
float: none;
width:982px
}
nav.navbar.navbar-inverse li a {
color: #fff;
font-size: 18px;
}
nav.navbar.navbar-inverse li:first-child {
border-left:1px solid rgb(72, 144, 183);
}
/******//**sub-manu***/
/*******************************media-qurey**************************/
/***<xs>**** (landscape phones, 576px and up)***/
@media (min-width: 200px) and (max-width: 767px) {}
/***<sm>**** Medium devices (tablets, 768px and up)***/
@media (min-width: 768px) and (max-width: 991px) {}
/***<md>**Large devices (desktops, 992px and up)***/
@media (min-width: 992px) and (max-width: 1199px) {}
/***<lg>*** Extra large devices (large desktops, 1200px and up)****/
@media (min-width: 1200px) { }
/************************//*media-qurey*************.********/
/***<xs>**** (landscape phones, 576px and up)***/
@media (min-width: 200px) and (max-width: 767px) {}
/***<xs>*** (landscape phones, 576px and up)***/
@media (min-width: 200px) and (max-width: 767px) {
.btn-change5 { background: none;}
header#home .row { text-align: center;}
header#home h1.logo { margin: 0 auto !important; text-align: center; max-width: 286px !important;}
ul.nav.navbar-nav.lg-sn {width: 100%;}
header .social-icon ul li { float: none;}
}
/***<sm>**** Medium devices (tablets, 768px and up)***/
@media (min-width: 768px) and (max-width: 991px) {
ul.nav.navbar-nav.navbar-center { width: 100%;}
nav.navbar.navbar-inverse li a { font-size: 11px;}
}
/***<md>**Large devices (desktops, 992px and up)***/
@media (min-width: 992px) and (max-width: 1199px) {
ul.nav.navbar-nav.navbar-center { width: 100%;}
nav.navbar.navbar-inverse li a {font-size: 16px;}
}