/*
Theme Name: GP Rekinvedis
Author: MENDit
Author URI: http://mendit.lv/
Description: 
Version: 1.0
*/

* { margin:0; padding:0; border:0; }

#end { clear:both; }
.nopadding { padding:0; margin:0; border:0; }

body { font-family:Arial, Helvetica, sans-serif; font-size:16px; color:#666666; }

a { color:#666666; text-decoration:none; }
a:hover { color:#00a1a3; text-decoration:underline; }

h4 { font-size:20px; font-weight:bold; margin:0px; }

#hIndex .headerbg { width:100%; height:676px; position:relative; z-index:1; overflow:hidden; }
#hPage .headerbg { width:100%; height:288px; position:relative; z-index:1; overflow:hidden; }
#headerbox { position: relative; z-index:2; }

#header { background: rgba(255, 255, 255, 0.8); height:144px; }
#logo { margin-top:15px; }
#logo img { width:222px; height:87px; position:relative; z-index:999; }

#hcontact {  margin-top:15px; }
#coninfobox { font-size:17px; color:#666666; }
#coninfobox .icon { float:left; width:32px; height:32px; margin-top:27px; margin-right:16px;  }
#coninfobox .icon img { width:100%; height:100%; position:relative; }
#coninfobox .info { float:none; padding-top:18px; }
#coninfobox .infoo { float:none; }


#mainmenu { }
#mainmenu .boxbg { background:#00a1a3; color:#FFF; width:80%; margin:0 auto; height:56px; position: relative; z-index:888; top:-28px;
    transform:skewX(-27deg); -webkit-transform:skewX(-27deg); -ms-transform:skewX(-27deg);
}
#mainmenu .text {
	position:relative;
	transform:skewX(27deg); -webkit-transform:skewX(27deg); -ms-transform:skewX(27deg);
}

.menu-mainmenu-container { width:90%; margin:0 auto; position:relative; }
.menu-mainmenu-container ul { margin:0px !important; padding:0px !important; border:none !important; text-align:center; }
#menu-mainmenu a { color:#FFF; text-decoration:none; }
#menu-mainmenu a:hover { border-top: 2px solid #ffffff; border-bottom: 2px solid #ffffff; padding: 4px 0; transition: 0.3s ease; }
#menu-mainmenu li { list-style:none; float:left; font-size:20px; margin-right:30px; margin-top:14px; }

#mainmenu h4 { font-size: 20px; font-weight: bold; margin:20px 0px 0px 20px; width: 50%; float: left; text-transform: uppercase; }


#headertext { background:rgba(0, 0, 0, 0.5); height:532px; position: relative; top:-56px; text-align:center; }
#headertextP { background:rgba(0, 0, 0, 0.5); height:532px; position: relative; top:-56px; text-align:center; }
#vh {
	/* border:1px dotted #F0F; */
    height: 532px;
    align-items: center;
    display: flex;
}
#vh .vh {
    width: 100%;
    text-align: center;
    vertical-align: middle;
}
#headertext h1 { color:#FFF; font-weight:bold; }
#headertext h3 { color:#FFF; }

#hbutton .btn { background:none; border:4px solid #00a1a3; border-radius:0px; color:#FFF; font-size:20px; padding:8px 24px; margin-top:60px; }
#hbutton .btn:hover { background:#00a1a3; transition: 0.3s ease; }
#hbutton .btn:active { box-shadow:none !important; }






#pakalpojumi { text-align:center; margin:80px 0px; }
#pbox {  border:1px solid #FFF; padding:60px; height:360px; }
#pbox:hover { border:1px solid #00a1a3; transition: 0.3s ease; }
#pbox .icon { margin-bottom:16px; }
#pbox .icon img { width:48px; height:48px; position:relative; }
#pbox .title { font-size:17px; font-weight:bold; text-transform:uppercase; color:#00a1a3;  }
#pbox .line { margin:8px 0px; }
#pbox .text { }

#pbutton .btn { background:none; border:2px solid #00a1a3; border-radius:0px; color:#00a1a3; font-size:16px; padding:6px 12px; margin-top:8px }
#pbutton .btn:hover { background:#00a1a3; color:#FFF; transition: 0.3s ease; }
#pbutton .btn:active { box-shadow:none !important; }
#pbutton a { color:#00a1a3; }
#pbutton a:hover { color:#FFF !important; }


#parmums { background:#00a1a3; color:#FFF; padding:60px 0px; }
#parmums h4 { padding-left:15px; text-transform:uppercase; } 
#parmums .line { margin:16px 0px 32px 0px; padding-left:15px }
#parmums p { font-size:17px; padding:0px 15px; }

#kontakti { padding:60px 0px; }
#kontakti h4 { color:#00a1a3; text-transform:uppercase;  }
#kontakti .line { margin:16px 0px 32px 0px; }
#kontakti .info { font-size:17px; }






#contactform { width:100%; height:auto; position:relative; }
#contactform p { padding:0px; margin:0px; }
#contactform input { border:2px solid #a7a9ac;  height:33px; padding: 10px 10px; color:#666666; font-size:16px; font-weight: normal; width:100%; position: relative; }
#contactform textarea { border:2px solid #a7a9ac;  padding: 10px 10px; color:#666666; font-size:16px; font-weight: normal; width: 100%; height: 170px; position: relative; }
#contactform label { font-weight: bold; width: 100%; position: relative; margin-bottom: 20px; }

#submitbtn input { background:none; border:2px solid #00a1a3; width:100px; height:44px; border-radius:0px; color:#00a1a3; font-size:16px; padding:6px 12px; }
#submitbtn input:hover { background:#00a1a3; color:#FFF; transition: 0.3s ease; }




/* page2 */
#tablebox { padding:15px; }

#page { padding:60px 0px; }
#page h4 { color:#00a1a3; padding-left:15px; text-transform:uppercase; }
#page .line { margin:16px 0px 32px 0px; padding-left:15px; }
#page p { padding:0px 15px; }
#page ul { padding-left:45px; }

#page .picture img { width:100%; height:auto; position:relative; padding-right:15px; }
#page .table { margin-bottom:0px; width:100%; position:relative;}







#felement { height:106px; }
#felement .bg { background:url(http://gprekinvedis.lv/wp-content/themes/gprekinvedis/img/element.png) center top; height:106px; }


#footer { background:#00a1a3; color:#FFF; text-align:center; padding:35px 0px; }









#mobilemenu { display:none; }
/* iPhone 6/7/8 */
@media screen and (min-width: 1px) and (max-width: 750px)  {
#mobilemenu { width:100%; height:100%; position: relative; z-index:9999; display:block; }
#mobilemenu { clear: both; }
.navbar-toggle, .icon-bar { border:2px solid #FFF; }
.navbar-toggle { margin-right: 20px; }

#mainmenu .boxbg { background:#00a1a3; color:#FFF; width:80%; margin:0 auto; height:56px; position: relative; z-index:888; top:-28px;
    transform:skewX(0deg); -webkit-transform:skewX(0deg); -ms-transform:skewX(0deg);
}
#mainmenu .text {
	position:relative;
	transform:skewX(0deg); -webkit-transform:skewX(0deg); -ms-transform:skewX(0deg);
}
#collapse-mobile { background:#00a1a3; width:100%; padding-bottom:20px; top:-2px; position:relative; }
#menu-mainmenu li { float: right; font-size: 20px; margin-right:0px; width: 100%; text-align:right; }


#header { height:160px; }
#hcontact { display:none; }
#vh { width:100%; top:-14px; position:relative; }

#hPage .headerbg { overflow:inherit; }
#headertextP { height:128px; }

#pbox { height:auto; }

#kontakti .col2 { margin-top:60px; }

#page h4 { padding-left:0px; text-align:center; }
#page .line { padding-left:0px; margin: 16px 0px 16px 0px; text-align: center; }
#page p { text-align:center; }
#page .picture img { padding:10px 0px 10px 0px; }

}
/* iPad & Pad */
@media screen and (min-width: 750px) and (max-width: 1023px)  {
#header { height: 244px; }
#coninfobox .infoo { letter-spacing: -1px; }
#mainmenu .boxbg { width:90%; }
.menu-mainmenu-container { width: 100%; }
#vh { height: 432px; }
}

@media screen and (min-width: 1024px) and (max-width: 1199px)  {
#coninfobox .infoo { letter-spacing: -1px; font-size:16px; }
}