@import url(http://fonts.googleapis.com/css?family=Roboto);

body{font-family: 'Open Sans', sans-serif; color: #262626}
p {
	margin: 0 0 10px;
	line-height: 1.6;
}
#slide {
	background-image: url(https://instalikes.sk/media/slide2.jpg);
    background-repeat: no-repeat;
    background-size: cover;
	padding: 5em 0;
}
 
.navbar-default {
	background-color: #fff;
	border-color: #fff;
    margin-bottom: 0
}
.navbar-default .navbar-nav > li > a {
	color: #6699FF;
}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover {
	color: #fff !important;
	background-color: #6699FF;
}
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus{
	color: #fff !important;
	background-color: #6699FF;
}
.navbar-default .navbar-brand {
	color: #6699FF;
    padding: 7px 15px;
}
.navbar-nav > li > a{ padding-top: 25px; padding-bottom: 25px;}
.navbar{ border: none;}
.login-help a {
    color: #1e3799;
    font-size: 14px;
}
.navbar-default .navbar-toggle {
	border-color: #fff;
}
.navbar-default .navbar-toggle .icon-bar {
	background-color: #fff;
} 
#slide h1 {
	 
}
#slide li, #slide .headerCaption p {
	color: white;
}
#slide p b{ color: #6699FF;}
.signInForm {
	float: left;
	box-shadow: 0px 30px 80px rgba(0, 0, 0, 0.3);
	color: #666666;
	padding: 30px;
	background-color: rgba(255, 255, 255, 0.9);
    
}
#slide .signInForm {
	float: right; 
    width: 100%;
}
.signInForm h2, .pageHeader {
	font-size: 40px;
	font-weight: 600;
	margin-bottom: 30px;
	color: #666666;
	font-family: 'Josefin Sans', sans-serif;
    margin-top: 0;
}
.submitButton {
	width: 100%; 
	padding: 15px 30px;
	color: #fff;
	background-color: #6699FF;
	border: none;
	border-radius: 4px;
	-moz-border-radius: 4px;
	font-weight: 600;
	font-size: 16px;
}
.siginInRow p {
	margin: 0px;
	width: 100%;
	text-align: center;
	color: #666666;
}
#remember {
    margin-right: 8px;
}
.headerListing{ padding-left: 0px; margin-top: 30px;}
.headerListing li {
	display: block;
	width: 100%; 
	padding: 5px 0px 5px 30px;
	font-size: 16px;
	color: #666666;
	margin-bottom: 8px;
	background-image: url('https://yourperfectapp.com/images/checkbullet.png');
	background-position: left center;
	background-repeat: no-repeat;
	font-family: 'Work Sans', sans-serif;
} 
.form-control { 
	height: 44px; 
	font-size: 15px; 
	color: #555;  
	border: solid 1px #bcbcbc; 
    box-shadow: none;
}
.section-header {
	text-align: center;
	max-width: 700px;
	margin: auto;
}
.heading-color, a, h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6, .header-area .nav-menu > li > a, .pricing-area.style-one .pricing-table .pricing-table-price, .footer-area.style-four .footer-widgets .social-list li i {
	color: #6699FF;
    font-family: 'Josefin Sans', sans-serif;
}
h1, .h1, h2, .h2, h3, .h3 {
	font-weight: bold
}
section {
	padding: 60px 0; 
}
.business-area .section-header {
	margin-bottom: 60px;
}
.tb {
	min-height: 520px;
	background: #fff;
	padding: 20px 20px 10px 20px;
	margin-bottom: 30px;
	border-bottom: 4px solid #6699FF;
	box-shadow: 0px 5px 20px rgba(0, 0, 0, .2);
	border-left: 1px solid #ddd;
	border-right: 1px solid #ddd;
	border-top: 1px solid #ddd;
}
.tb .h4 {
	margin-top: 25px;
	font-weight: bold;
	color: #6699FF;
	font-size: 16px;
	text-transform: uppercase;
} 
.facts {
	background: #f5f6f9;
	color: #FFF;
	padding: 0;
}
.facts .fact-item {
	text-align: center;
}
.facts .fact-item2 {
	background: #eeeeee; 
}
.facts .counting-icon i, .facts .counting-icon span {
	color: #3BAFDA;
}
.facts .counting-icon i, .facts .counting-icon span {
	font-size: 50px;
	padding-top: 0;
}
.facts .count {
	padding: 20px 0 0;
	display: inline-block;
	font-size: 35px;
	letter-spacing: 3px;
	color: #292929;
}
.fact-item h4 {
	margin-bottom: 40px;
}
.about-company-area h2{ margin-top: 0px;}
.gutter-tb-15 {
	margin-bottom: 30px;
}
.featureListing{ padding-left: 0px; }
.featureListing li {
	display: block;
	width: 100%;
	padding: 5px 0px 0 30px;
	font-size: 16px;
	color: #666666;
	margin-bottom: 5px;
	background-image: url('https://yourperfectapp.com/images/checkbullet.png');
	background-position: left center;
	background-repeat: no-repeat;
	font-family: 'Work Sans', sans-serif;
}
.page-heading h1{ margin: 0; color: white;}
.panels-faq h2 {
	font-size: 15px;
	margin: 0;
	color: #fff;
}
.panel-group .panel-heading {
	background-color: #6699FF;
	padding: 20px;
}
.panel-default {
	border-color: #6699FF;
}
.panel-heading .fa {
	font-size: 18px;
	font-size: 18px;
}
.panel-default a:hover, .panel-default a:focus {
	text-decoration: none;
}
.panel-group .panel {
	margin-bottom: 20px; 
}
.row-box {
	background: #f5f6f9;
	padding: 20px;
	margin-bottom: 30px;
	border-bottom: 4px solid #6699FF;
}
section.business-area.{
	padding: 10px 0;
}
footer{ background: #333; padding: 20px 0;}
.copyright {
	color: white;
	padding-top: 12px;
}
.footerSocial .footerSocialWrapper {
	float: right;
	padding-top: 0;
}
.footerSocial ul {
	float: left;
	margin-left: 10px;
    padding-left: 0;
    margin-bottom: 0
}
.socialNav > li {
	float: left;
	font-size: 12px;
	margin: 2px 2.5px;
	white-space: nowrap;
	text-align: center;
	position: relative;
    list-style: none
}
.socialNav > li a {
	display: block;
	width: 34px;
	height: 34px;
	line-height: 23px;
	font-size: 18px;
	position: relative;
	color: #fff;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-o-border-radius: 50%;
	-ms-border-radius: 50%;
	-khtml-border-radius: 50%;
	border-radius: 50%;
	overflow: hidden;
	padding-top: 7px;
	margin: 3px 0px;
}
.footerSocial .socialNav li a {
	background-color: #fff;
	width: 34px;
	color: #000;
	height: 34px;
	line-height: 30px;
	text-align: center;
	margin: 4px;
	padding: 4px;
}
.footerSocial .socialNav li.facebook a{ background: #3b5999; color: white;}
.footerSocial .socialNav li.twitter a{ background: #1da1f2; color: white;}
.footerSocial .socialNav li.google a{ background: #de473c; color: white;}
.footerSocial .socialNav li.instagram a{ 
  background: #d6249f;
  background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%,#d6249f 60%,#285AEB 90%);    
color: white;}
.tags {
	margin-bottom: 20px;
	text-align: center;
    padding-left: 0
}
.tags li {
	display: inline-block;
	margin: 0px 5px;
	border-radius: 50px;
	color: #292929;
	background-color: #8C9899;
	font-size: 14px;
	text-align: center;
	padding: 10px 15px;
	color: #fff;
	margin-bottom: 10px;
}
.rwd-table th {
	background-color: #6699FF;
}
.rwd-table th, .rwd-table td {
	display: table-cell;
	padding: .25em .5em;
}
.rwd-table th, .rwd-table td {
	text-align: left;
}
.rwd-table th, .rwd-table td::before {
	color: #fff;
}
.rwd-table th, .rwd-table td {
	padding: 1em !important;
	min-width: 135px;
}
.rwd-table th, .rwd-table td {
	padding: 1em !important;
}
.rwd-table tr {
	border-top: 1px solid #dbdbdb;
	border-bottom: 1px solid #dbdbdb;
    border-left: 1px solid #dbdbdb;
    border-right: 1px solid #dbdbdb;
}
.rwd-table tr {
	border-color: #dbdbdb;
}
.rwd-table.service_tb tr:nth-child(2n) {
	background: #ececec;
}
.rwd-table.service_tb tr {
	border-top: 1px solid #dbdbdb;
	border-bottom: 1px solid #dbdbdb;
    border-left: 1px solid #dbdbdb;
    border-right: 1px solid #dbdbdb;
}
.indr {
	margin-bottom: 35px;
}
.g-recaptcha > div{ margin: 0 auto}
.bg-cover{ background: url('https://yourperfectapp.com/images/header.jpg');}
.main{ margin: 60px 0;}
.float_none{ float: none}
.signInForm.form-group.float_none {
	margin-bottom: 30px;
}
.nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus {
	color: #fff;
	background-color: #6699FF;
}
#history-search .input-group-btn {
	background: #6699FF;
	border-radius: 0 4px 4px 0;
}
#history-search .input-group-btn .btn {
	background: none !important;
	border-color: #6699FF !important;
	color: white;
}
.well-float {
	margin-top: 30px;
}
.rwd-table.orders_tb th, .rwd-table.orders_tb td {
	min-width: 90px;
}
.rwd-table.orders_tb th:nth-child(3), .rwd-table.orders_tb td:nth-child(3) {
	word-break: break-all;
}
.orders_tb .btn-xs, .orders_tb .btn-group-xs > .btn {
	padding: 5px 5px;
	font-size: 12px; 
	margin-bottom: 10px;
	width: 70px;
}
.btn-primary { 
	background-color: #6699FF;
	border-color: #6699FF;
}
table {
	background-color: white;
}
.list-p{ padding-left: 13px}
.admin-menu{ float: right;} 
.section.page-heading.bg-cover {
	display: none;
}

/*********** Responsive Media ***********************/

@media (max-width: 1280px) {
    .navbar-header {
        float: none;
    }
    .navbar-left,.navbar-right {
        float: none !important;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-fixed-top {
        top: 0;
        border-width: 0 0 1px;
    }
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
        margin-top: 7.5px;
    }
    .navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .collapse.in{
        display:block !important;
    }
   .navbar-nav .open .dropdown-menu {
       position: static;
       float: none;
       width: auto;
       margin-top: 0;
       background-color: transparent;
       border: 0;
       -webkit-box-shadow: none;
       box-shadow: none;
    }
.navbar-default .navbar-toggle {
	border-color:#6699FF;
}
.navbar-default .navbar-toggle .icon-bar {
	background-color:#6699FF;
}
.admin-menu{ float: none;}     
}
.navbar {
	border: none;
	box-shadow: 0 0 10px rgba(0,0,0,0.3);
}


@media only screen and (max-width:1199px){
.tb {
	min-height: 550px; 
}   
}

/**********************************/

@media only screen and (max-width:979px){
.tb {
	min-height: 530px; 
}
.facts .fact-item2 { 
	overflow: hidden;
}
.navbar-default .navbar-brand { 
	height: auto;
}    
}

/**********************************/

@media only screen and (max-width:767px){
#slide .signInForm {
	float: none;
} 
.tb {
	min-height: auto; 
} 
.about-company-area h2 {
	margin-top: 20px;
	font-size: 18px;
} 
.navbar-default .navbar-toggle {
	border-color:#6699FF;
}
.navbar-default .navbar-toggle .icon-bar {
	background-color:#6699FF;
}
.navbar-toggle{ margin-top: 13px; margin-bottom: 13px;}  
.navbar-nav > li > a {
	padding-top: 10px;
	padding-bottom: 10px;
}
.panel-group .panel-heading { 
	position: relative;
}    
.panel-heading .fa {
	position: absolute;
	right: 20px;
	top: 40%;
}
.panels-faq h2 {
	width: 90%; 
}     
   
    
}

/**********************************/

@media only screen and (max-width:535px){
section {
	padding: 20px 0;
}
.section-header h2 {
	font-size: 22px;
}   
.copyright { 
	text-align: center;
}  
.footerSocial .footerSocialWrapper {
	float: none;
	padding-top: 0;
	text-align: center;
}
.footerSocial ul {
	float: none; 
}  
.socialNav > li {
	float: none; 
	margin: 15px 2.5px; 
	display: inline-block;
} 
.headerCaption h1 {
	font-size: 24px;
	line-height: normal;
	text-align: center;
}
#slide .headerCaption p { 
	text-align: center;
} 
.footerSocial {
	width: 100%;
	float: none;
}
.copyrt {
	width: 100%;
	float: none;
} 
.main {
	margin: 20px 0;
} 
.nav-pills > li {
	float: none;
} 
.nav li.search{ 
	width: 100%;
	margin-top: 20px;
}  
.api.well-float table td{ word-break: break-all}    
}

/**********************************/

@media only screen and (max-width:479px){
.tags li {
	display: block;
	margin: 0 0 10px; 
}
.g-recaptcha > div {
	margin: 0 auto;
	width: 100% !important;
}   
.g-recaptcha.siginInRow.form-group {
	transform: scale(0.77);
	transform-origin: 0 0;
}
}

/**********************************/

