/*************** labels of css section ***************
*************** Punjabi respnsive App landing theme 1.0v 
default settings
theme btns
preloader
Parallax settings
forms inputs
Back to top btn
navbar
banner
section default
features
Parallax
about
gallery
Team
pricing
social icons
contact
footer
media responsive
********************/
@import url(http://fonts.googleapis.com/css?family=Roboto:400,100,300,500,700,900);
@import url('../plugins/font-awesome/css/font-awesome.min.css');
@import url('../plugins/animate/animate.css');
@import url('../plugins/ElegantIcons/css/icons.css');
@import url('../plugins/nivo-lightbox/themes/default/default-nivo-theme.css');
@import url('../plugins/nivo-lightbox/nivo-lightbox.css');
@import url('../plugins/owl-carousel/owl.carousel.css');
@import url('../plugins/owl-carousel/owl.theme.css');
/***************default settings********************/
/* szinek: Orig kek: #0e4da3; red: #861010;  */
:root { --main-color: #a41717; }

body { font-family: 'Roboto', sans-serif; }
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { font-family: 'Roboto', sans-serif; }
p { color:#666; }
a { color: var(--main-color); }
a:focus { outline:none; }
/***************theme btns********************/
.blue-btn { background:none; color: var(--main-color); border-color: var(--main-color); }
.blue-btn:hover { color:#363636; border-color:#363636; }
.white-line-btn { background:none; color:#fff; border-color:#fff; }
.white-line-btn:hover { color: var(--main-color); border-color: var(--main-color); }
.blue-line-btn { background:none; color: var(--main-color); border-color: var(--main-color); }
.blue-line-btn:hover { color:#fff; border-color:#fff; }
/***************fix cantainer*******************

/*********************preloader*************************/

#preloader { position:fixed; top:0; left:0; right:0; bottom:0; background-color:#fff; z-index:99; }
#status { width:200px; height:200px; position:absolute; left:50%; top:50%; background-image:url(../images/loading.gif); background-repeat:no-repeat; background-position:center; margin:-100px 0 0 -100px; }
/***************Parallax settings********************/

.bgParallax { color:#FFF; margin: 0 auto; text-align:center; width: 100%; max-width: 1920px; position: relative; min-height: 100%; background-position: 50% 0; background-repeat: repeat; background-attachment: fixed; }
/*.color-overlay { background: rgba(14, 77, 163, 0.6); position: relative; z-index: 0; }*/
.color-overlay { background: rgba(48, 6, 3, 0.8); position: relative; z-index: 0; }
.color-overlay.black { background: rgba(0, 0, 0, 0.9); position: relative; z-index: 0; }
/***************forms inputs********************/

.form-control { box-shadow:none; border-color: var(--main-color); height:49px; }
.form-control:focus { box-shadow:none; border-color:#333; outline:none; }
input:focus, selectl:focus { box-shadow:none; border-color: var(--main-color); outline:none; }
.form-control-feedback { line-height:50px; }
/***************Back to top btn********************/

.back-to-top { position: fixed; bottom: 15px; right: 10px; text-decoration: none; color: #fff; background-color: var(--main-color); font-size: 18px; padding:0.25em 0.5em; display: none; }
.back-to-top:hover { background:#363636; color:#fff; }
/***************navbar********************/

.navbar-brand { padding:2px 15px; height:60px; }
.navbar-brand img { height:56px; width:auto; }
.navbar.navbar-default { background-image: -moz-linear-gradient(top, #000000 30%, rgba(0, 0, 0, 0.7) 60%, rgba(0, 0, 0, 0)); background-image: -webkit-linear-gradient(top, #000000 30%, rgba(0, 0, 0, 0.7) 60%, rgba(0, 0, 0, 0)); background-image: linear-gradient(to bottom, #000000 30%, rgba(0, 0, 0, 0.7) 60%, rgba(0, 0, 0, 0)); border:none; margin:0px; }
.main-menu { min-height: 60px; display:none; border:none; transition: background .5s ease-in-out; -moz-transition: background .5s ease-in-out; -webkit-transition: background .5s ease-in-out; }
.main-menu.floating-menu .navbar-nav > li > a:hover, .main-menu.floating-menu .navbar-nav > li > a:focus { background:none; color:#333; }
.navbar-default .navbar-nav > li > a { color:#888; font-size:16px; font-weight:300; padding-top:20px; padding-bottom:20px; }
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus { background:none; color:#fff; }
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus { background:none; color:#333; }
.main-menu.floating-menu { border-bottom: 1px solid #eee; display:block; background: rgba(255, 255, 255, 0.8); min-height: 60px; }
.main-menu.floating-menu .navbar-nav > li > a { color: var(--main-color); }
.main-menu.floating-menu .navbar-nav > .active > a, .main-menu.floating-menu .navbar-nav > .active > a:hover, .main-menu.floating-menu .navbar-nav > .active > a:focus { background:none; color:#333; }
.main-menu.floating-menu .navbar-nav > li > a.active { color:#333; }

/***************banner********************/

#banner { background-image:url(../images/banner/banner.jpg); background-position:center center; background-size:cover; background-repeat:repeat; min-height:645px; width:100%; padding:0px; text-align:left; }
#banner .color-overlay { min-height:645px; }
#banner img { width:100%; margin:25px auto 0px; display:block; }
/*.caption h1 { font-family: 'Roboto', sans-serif; color:#fff; font-size:60px; font-weight:300; text-transform: uppercase; letter-spacing: 0.05em; }
.caption h2 { font-family: 'Roboto', sans-serif; color:#fff; font-size: 58px; font-weight:300; letter-spacing: 0.08em; }
.caption h2 span { color: var(--main-color); font-weight:700; letter-spacing: 0.03em; }
.caption p { color:#fff; font-size: 18px; margin-bottom: 20px; font-weight:300; letter-spacing: 0.02em;}
.caption { margin-top:240px; padding:35px; }*/
.caption .line-btn { border-color: var(--main-color); color: var(--main-color); }


/******************section default**********************/

section h2.heading { font-size:42px; color: var(--main-color); /*#545454;*/ font-family: 'Roboto', sans-serif; font-weight:300; line-height:36px; margin-bottom:5px; }
section h3.helping-text { font-size:20px; color:#888; font-weight:300; margin:0px 0px 30px 0px; line-height:36px; }
section p { font-size: 16px; color: #3E3D3D; font-weight: normal; }
section { padding:50px 0px; text-align:center; }
/**************************features*********************************/

#features { background:#f8f8f8; border-top:1px solid #eee; }
.service-box { text-align:center; margin-bottom:25px; }
.service-box .service-icon { color: #910505; /*var(--main-color);*/ font-size:46px; text-align:center; line-height:36px; display:block; margin:45px auto 25px; }
.service-box h3 { font-size:30px; color: #EBEAEA; font-weight:300; line-height:22px; margin:0px 0px 30px 0px; }
.service-box p { font-size:14px; }
/**************************Parallax*********************************/

#parallax-1 { padding:0px 0px; background-image: url(../images/parallax/parallax-1.jpg); background-size:cover; background-position:center center; }
#parallax-2 { padding:0px 0px; background-image: url(../images/parallax/parallax-2.jpg); background-size:cover; background-position:center center; }
#parallax-3 { padding:0px 0px; background-image: url(../images/parallax/parallax-3.jpg); background-size:cover; background-position:center center; }
#parallax-1 .container { padding:50px 0px; }
#parallax-2 .container { padding:50px 0px; }
#parallax-3 .container { padding:50px 0px; }
.bgParallax h2.heading { color:#fff; margin-bottom:25px; font-family: 'Roboto', sans-serif; font-weight:300; }
.bgParallax h4 { color:#fff; margin-bottom:25px; font-family: 'Roboto', sans-serif; font-weight:700; font-size:60px; }
.bgParallax p { color:#fff; margin-bottom:25px; font-family: 'Roboto', sans-serif; font-weight:300; font-size:18px; }
.bgParallax .social li a { font-size:42px; }
#numbers { margin-top:35px; margin-bottom:0px; }
#numbers li { padding:0px 35px; max-width: 300px;}
#numbers li h4 { margin: 0px; font-size:16px; font-weight:300; }
#numbers li span { font-size:20px; font-weight:300; }
/****************about*******************/


/**************************gallery*********************************/

.gallery-grid .thumbnail { border-radius:0px; border:none; padding:0px; height:280px; overflow:hidden; }
.gallery-grid .thumbnail img { min-height:280px; height:auto; width:100%; border:none; border-radius:0px; padding:0px; }
.drop-panel { padding:0px !important; }
.gallery-grid .hide-none { display:none; height:280px !important; background:none repeat scroll 0 0 rgba(14, 77, 163, 0.7); }
.gallery-grid .hover-text { text-align:center; padding-top:95px; }
.gallery-grid .hover-text h5 { font-size:36px; color:#fff; font-weight:300; line-height:36px; margin-bottom:0px; }
.gallery-grid .hover-text p { font-size:20px; color:#fff; font-weight:300; line-height:36px; }
.gallery-grid .hover-text a { display: block; font-size:36px; color:#fff; }
.gallery-grid .hover-text a :hover { color:#363636; }
/**************************Team*********************************/

#team { background:#f8f8f8; border-bottom: 1px solid #eee; }
#team .social li a { display:block; color:#fff; font-size:42px; line-height:56px; }
#team .social li a:hover { color:#363636; }
.members-grid { margin-top:50px; }
.members-grid .thumbnail { border:none; padding:0px; border-radius:0px; margin-bottom:0px; }
.members-grid .thumbnail img { height:293px; border:none; padding:0px; border-radius:0px; }
.drop-panel { padding:0px !important; }
.members-grid .hide-none { display:none; height:293px !important; background:none repeat scroll 0 0 rgba(14, 77, 163, 0.7); }
.members-grid .hover-text { text-align:center; padding-top:115px; }
.members-grid .caption { margin-top:0px; background:none; padding:0px; }
.members-grid .caption h3 { font-size:32px; color:#333; font-weight:300; line-height:36px; margin-bottom:10px; }
.members-grid .caption p { font-size:14px; color:#888; font-weight:300; }
/**************************pricing*********************************/
.main-btn { background: var(--main-color); border-color: var(--main-color); color:#fff; }
.main-btn:hover { background:#fff; color: var(--main-color); }
.main-white-btn { background:#fff; border-color:#fff; color: var(--main-color); }
.main-white-btn:hover { background: var(--main-color); color:#fff; }
#plans { padding-bottom:70px; }
#plans .item { background: #f0f0f0; border-top: 6px solid #FF6863; text-align: center; padding: 40px 0px; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; z-index: 2; }
#plans .item:hover { transform: scale(1.1, 1.1); z-index: 99; }
#plans .item .package { font-weight: 700; font-size: 30px; }
#plans .item .price { height:100px; }
#plans .item .price p { color:  var(--main-color); display: inline-block; font-weight: 700; font-size:70px; height:100px; position: relative; margin: 0px; line-height: 100px; }
#plans .popular .price p { font-size: 90px; }
#plans .item .price p span { line-height: normal; display: inline-block; font-size: 25px; font-weight: 700; position: absolute; }
#plans .item .price p span.currency { right: -15px; top: 15px; }
ul.plans-list { margin: 0px; padding: 15px 0px; list-style: none; }
ul.plans-list li { font-weight: 400; letter-spacing: 1px; padding: 6px 0px; }
.popular ul.plans-list li { color: #fff; }
#plans .popular { background:  var(--main-color); color: #fff; transform: scale(1.1, 1.1); }
#plans .popular .btn-new { border-color: #fff; color: #fff; }
#plans .popular .price p { color: #fff; }
/**************************social icons*********************************/

.social { margin:0px; }
.social li a { display:block; color:#fff; font-size:28px; line-height:40px; }
.social li a:hover { text-decoration:none; color:#363636; }
/**************************contact*********************************/

#contact { background:#fff; }
.contact-form .textarea { min-height:120px; resize:none; }
.contact-form .form-control { box-shadow:none; border-top:none; border-left:none; border-right:none; border-radius:0px; border-bottom-width:2px; }
.help-block { text-align:left; }
.has-error .form-control:focus{box-shadow:none;}
.has-success .form-control:focus{box-shadow:none;}
.form-group .error{ text-align:left; display:block; margin-top:5px;}
/**************************footer*********************************/

#gdpr { background:#f8f8f8; border-top: 1px solid #eee; }
.container p { font-size:14px; text-align: justify;}
.container h4 { font-size: 18px; }
.container ol li { text-align: left; }
.container ul li { text-align: left; }

#cookies { background: white; border-top:1px solid #eee; }
.container p { font-size: 14px; text-align: justify; }
.container h4 { font-size: 18px; text-align: left; }
.container ol li { text-align: left; }
.container ul li { text-align: left; }

footer { padding:15px 0px; background:#222; width:100%; float:left; }
footer .menu { font-size: 14px; color:#fff; line-height: 40px; text-align:right; }

footer .design-by { font-size:16px; color:#fff; line-height: 40px; text-align:right; }


/* custom */
.text-justify { text-align: justify; text-justify: inter-word; }

.red-color { color: var(--main-color); }