/* Theme Name: Dawex
Author: Solutions Media

www.solutionsmedia.pl
*/

body {
     background: #ffffff;
     background: -moz-linear-gradient(top,  #ffffff 16%, #cecece 49%, #ffffff 86%);
     background: -webkit-linear-gradient(top,  #ffffff 16%,#cecece 49%,#ffffff 86%);
     background: linear-gradient(to bottom,  #ffffff 16%,#cecece 49%,#ffffff 86%);
     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 );
     background-attachment:fixed;
     font-family: 'Oswald', sans-serif;
     font-weight:300;
     font-size:18px;
}

a:link, a:visited, a:active {text-decoration:none;color:#ff0000;}
a:hover {text-decoration:none;color:#333;}
a:focus {outline-color: transparent;}

:focus {
    outline: none;
}

h1, h2, h3, h4, h5, h6, b, strong {font-weight:400;}

h1 {font-size: 36px;}
h2 {font-size: 28px;}
h3 {font-size: 25px;}
h4 {font-size: 22px;}
h5 {font-size: 20px;}
h6 {font-size: 18px;}

.title:after {
     content:'';
     display:block;
     height:2px;
     width:100px;
     background:#ff0000;
     margin:20px 0;
}

/*----------NAVIGATION -------------------*/
/* navbar */
.navbar-default {
    border:0;
background: #ff3019;
background: -moz-linear-gradient(top,  #ff3019 0%, #cf0404 100%);
background: -webkit-linear-gradient(top,  #ff3019 0%,#cf0404 100%);
background: linear-gradient(to bottom,  #ff3019 0%,#cf0404 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff3019', endColorstr='#cf0404',GradientType=0 );

    border-radius:0;
    margin:0;
}
/* title */
.navbar-default .navbar-brand {
    color: #777;
}
.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {
    color: #5E5E5E;
}
/* link */
.navbar-default .navbar-nav > li > a {
    color: #000;
    font-size:20px;
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus,
.navbar-default .navbar-nav > .active > a, 
.navbar-default .navbar-nav > .active > a:hover, 
.navbar-default .navbar-nav > .active > a:focus,
.navbar-default .navbar-nav > .open > a, 
.navbar-default .navbar-nav > .open > a:hover, 
.navbar-default .navbar-nav > .open > a:focus {
    color: #fff;
    background-color: transparent;
}

/* mobile version */
.navbar-default .navbar-toggle {
    border-color: #fff;
}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
    background-color: rgba(0,0,0,.3);
}
.navbar-default .navbar-toggle .icon-bar {
    background-color: #fff;
}
@media (min-width: 768px) {
     .navbar-default .navbar-nav,
     .navbar-default .navbar-nav > li {
       float:none;
       display:inline-block;
       *display:inline; /* ie7 fix */
       *zoom:1; /* hasLayout ie7 trigger */
       vertical-align: top;
     }
     
     .navbar-default {
       text-align:center;
     }

     .navbar-default .navbar-nav > li > a {
          line-height:40px;
     }
}
/*-------------------------/NAVIGATION-------------------*/

/*---------------------SECTIONS -------------------------*/

div.pattern {
     width:100%;
     height:350px;
     background:url('img/pattern.png');
     position:fixed;
     top:0;
     border-bottom:15px solid #ff0000;
}

div.container {
     position:relative;
     z-index:99;
     -webkit-box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 1);
     -moz-box-shadow:    0px 0px 25px 0px rgba(0, 0, 0, 1);
     box-shadow:         0px 0px 25px 0px rgba(0, 0, 0, 1);
     padding:0;
     margin-top:20px;
     margin-bottom:20px;     
}

div.logo {
     position:absolute;
     z-index:3;
     text-align:center;
     left:50%;
     margin-left:-175px;
     margin-top:100px;
     margin-bottom:50px;
}

.home div.logo {
     margin-top:20px;
     margin-bottom:0;
}

section {
     background:#fff;
     padding:180px 70px 70px 70px;
     line-height:1.9em;
}

.home section {padding-top:70px;}

div.boxes {
     padding:70px;
     background:#333;
}

div.boxes a.box {
     display:block;
     width:100%;
     max-width:400px;
     margin:0 auto;
     height:200px;
     background-size:cover;
     border:2px solid #333;
}

div.boxes a.box .overlay {
     width:100%;
     height:196px;
     padding-top:55px;     
}

div.boxes a.box-1 {background-image:url('img/box-1.jpg');}
div.boxes a.box-2 {background-image:url('img/box-2.jpg');}
div.boxes a.box-3 {background-image:url('img/box-3.jpg');}

div.boxes a.box h3 {
     color:#fff;
     text-align:center;
     margin:0;
     background:rgba(0,0,0,.5);
     padding: 8px 0;
}


div.boxes a.box:hover h3 {background: transparent;}

div.boxes a.box:hover h3:after {
     display:block;
     content: 'Oferta';
     padding-top: 10px;
     color:#ff0000;
}

div.boxes a.box:hover .overlay {
     background: rgba(0,0,0,.5);
}

div.boxes a.box:hover h3,
div.boxes a.box:hover h3:after,
div.boxes a.box:hover .overlay,
div.boxes a.box h3,
div.boxes a.box h3:after,
div.boxes a.box .overlay {
     transition: 200ms;
} 

div.boxes a.box:hover {border: 2px solid #ff0000;}

/*************************/
div.extra-link {
     text-align:center;
     margin-top:30px;
}

div.extra-link a {color:#ff0000;font-weight:400;}

/***************************/
div.attribution {
     font-size:12px;
     color:#888;
}

div.attribution a {color:#888;}

/*************************/
div.tabor {
     background: #eee;
     padding:25px;
}


/************************/
section ul {list-style-type: none;}

section ul li {line-height: 1.8em;}
section ul li:before {    
	font-family: 'icomoon';
	content: "\e600";
	margin:0 5px 0 -15px;
	color: #f00;
}
/*--------------------FOOTER------------------------------*/
footer {text-align:center;background:#222;color:#fff;font-size:13px;padding:10px 0;}

footer a {display:inline-block;}

footer p {padding:0px;margin:0;}

footer img {height:30px;width:auto;}

.footer-down-container {
 	min-height:100vh;
	position:relative;
}
/*--------------------PLUGINS-----------------------------*/
.wc-gallery img {
	border: 2px solid #ff0000;
}

.wc-gallery img:hover {
	border: 6px solid #ff0000;
	-webkit-transition-duration: 200ms;
	transition-duration: 200ms;
}

.mfp-close:hover {cursor:pointer !important;}
.mfp-container:hover {cursor:default;}
.mfp-bottom-bar {display:none;}


/* contact form 7*/
input.wpcf7-text[type="text"], input.wpcf7-text[type="email"], textarea.wpcf7-textarea {
     width:100%;
     max-width:500px;
     padding:3px 10px;
}

textarea.wpcf7-textarea {resize: none;height:200px;}

.wpcf7-form-control-wrap {margin: 10px 0;}



#glowny-sliderpjc-slideshow .frs-caption h4, #glowny-sliderpjc-slideshow .frs-caption-inner h4 {
     font-family: 'Oswald', sans-serif;
     margin:0;
}

.frs-wrapper .frs-caption.frs-caption-position-bottom-left .frs-caption-content {
     border-right:5px solid #ff0000;
}
/*-------------------EXTRA ADD-ONS------------------------*/


/* WORDPRESS */
img.alignright { float: right; margin: 0 0 1em 1em; }
img.alignleft { float: left; margin: 0 1em 1em 0; }
img.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.alignright { float: right; }
.alignleft { float: left; }
.aligncenter { display: block; margin-left: auto; margin-right: auto; }
/*------------------MEDIA QUERIES-------------------------*/
@media screen and (max-width: 767px) {
     div.container {margin:0;}
     
     section, div.boxes, .home section {padding:40px;}
     
     .wow {
       visibility: visible !important;
       -webkit-animation: none !important;
          -moz-animation: none !important;
            -o-animation: none !important;
           -ms-animation: none !important;
               animation: none !important;
     }
     
}

@media screen and (max-width: 500px) {
     div.container {margin:0;}
     
     .frs-slideshow-container {display:none;}
     
     div.logo {
          position:relative;
          margin:20px;
          left:0;
          text-align:center;
     }
     
     .home div.logo {margin:20px;}
     
     div.logo img {
          max-width:100%;
     }
     
     section, .home section, div.boxes {padding:20px;}
     
     h1 {font-size:30px;}
     h2 {font-size:25px;}
     h3 {font-size:22px;}
     h4 {font-size:20px;}
     h5 {font-size:18px;}
     h6 {font-size:15px;}

}