/*
Theme Name: Wizz Theme
Theme URI: http://codewizz.com
Author: Vytautas Adiklis
*/


body.fr {background:#000; padding-bottom:30px;}
.navbar {min-height: 43px;}
.navbar-brand {height: 43px; line-height: 22px; padding: 0px 15px;}
.navbar-nav>li>a {line-height: 22px;}
.topnavi {
border-width: 0 0 0px;
border-radius: 0;
margin-bottom:0px;
}

.navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus {
background-color: #0b1c3d;
border-color: #354970;
}
.navbar-inverse .navbar-toggle {
border-color: #4d5f81;
}

.navbar-fixed-top {
border-width: 0 0 0px;
}

.navbar-inverse {
background-color: #122957;
}

.navbar-inverse .navbar-brand {
color: #fff;
margin-right:100px;
position:relative;
z-index:9999;
}

.navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:hover, .navbar-inverse .navbar-nav>.active>a:focus {
color: #fff;
background-color: #bf6710;
}
.navbar-inverse .navbar-nav > .current-menu-item > a, .navbar-inverse .navbar-nav > .current-menu-item > a:hover, .navbar-inverse .navbar-nav > .current-menu-item > a:focus {
  color: #fff;
  background-color: #bf6710; }

.navbar-inverse .navbar-nav>li>a {
color: #fff; font-family: 'Lato', sans-serif; font-weight:700; font-size:15px;
padding: 10px 25px 11px 25px;
}

.navbar-inverse .navbar-nav>li>a:hover {
color: #fff;
background-color: #17346f;
}
.navbar-nav {float:right;}


.nav>li>a {padding: 10px 25px;}

.portfolio {display:block;}

#myTab {display:inline-block;}

a.plink {display:inline-block; background:#fff; width:330px; color:#464646; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; margin-bottom:30px; border:1px solid rgba(0,0,0, 0.1);}
a.plink:hover {text-decoration:none; color:#fff;}
a.plink h3, a.plink p {text-align:left; font-family: 'Lato', sans-serif; font-weight:400;}
a.plink h3 {font-size:18px; font-weight:700;}
img.wp-post-image {
border-bottom:5px solid #ccc;
display:inline-block;
-webkit-border-radius: 4px 4px 0 0;
-moz-border-radius: 4px 4px 0 0;
border-radius: 4px 4px 0 0;
}
.centered {text-align:center;}
.pcont {display:block; padding:15px; height:100px;
-webkit-border-radius: 0 0 4px 4px;
-moz-border-radius: 0 0 4px 4px;
border-radius: 0 0 4px 4px;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
}
a.plink:hover .pcont {background:#292929;}
.nav-tabs {border-bottom:none; color: #fff;  display:inline-block;}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
color: #fff;
background-color: black;
border:none!important;
cursor: default;
}




.nav-tabs > li > a {color:#122957; padding:15px 25px; text-transform:uppercase; font-family: 'Lato', sans-serif; font-weight:900; font-size:16px; border-radius:4px;}

.nav-tabs > li > a:hover {
border-color: transparent;
}
.nav > li > a:hover, .nav > li > a:focus {
text-decoration: none;
background-color: transparent;
}


.abs > li.active > a, .abs > li.active > a:hover, .abs > li.active > a:focus {
color: #fff;
background-color: #a1a1a1;
}

.tab-pane {padding-top:40px; text-align:left; color:#ccc;}
.tab-pane h3 {margin-top:0px;}
.tab-pane ul li {padding-bottom:5px;}
.tab-pane ul li:first-child {padding-bottom:20px;}
h3.company {font-family: 'Lato', sans-serif; font-size:30px; font-weight:900; text-align:center;}
.crow {text-align:center; padding-top:40px;}
.crow img {display:inline-block;}
.crow p {text-align:left;}
.crow {color:#464646; font-family: 'Lato', sans-serif; font-size:16px;}
.crow h2 {font-weight:700;}
.crow strong {font-size:18px; margin-bottom:10px; display:inline-block;}
.wpcover {
width:100%;
padding:70px 0;
text-align:center;
background:#21759b;
   -moz-box-shadow:    inset 0 0 50px #000b28;
   -webkit-box-shadow: inset 0 0 50px #000b28;
   box-shadow:         inset 0 0 50px #000b28;
}
.wpcover img {display:inline-block;}
.ccover {
text-align:left;
background:#b9e8f4;
   -moz-box-shadow:    inset 0 0 95px #000b28;
   -webkit-box-shadow: inset 0 0 95px #000b28;
   box-shadow:         inset 0 0 95px #000b28;
}

h2.wp-title {
color: #91c4db; font-family: 'Lato', sans-serif; font-weight:700; font-size:30px; margin-top:60px;
}


.ccover h2.cc-title {text-align:center; color:#000b28;  font-family: 'Lato', sans-serif; font-weight:700; font-size:36px; line-height:40px; margin-bottom:20px; margin-top:0px;}
.ccover h5.cc-tit {font-size:20px; font-weight:400; text-align:center; color:#000b28;  font-family: 'Lato', sans-serif; font-weight:400; line-height:24px;}
.port h5.cc-tit {color:rgba(255, 255, 255, 0.8); text-shadow:none; font-weight:700; font-size:20px; margin-bottom:40px;}
.pover h1 {font-family: 'Lato', sans-serif; font-weight:900; font-size:72px; color:#7b7b7b; margin-bottom:50px;}
.pover {background:#fff;
   -moz-box-shadow:    inset 0 0 95px #7c7d7f;
   -webkit-box-shadow: inset 0 0 95px #7c7d7f;
   box-shadow:         inset 0 0 95px #7c7d7f;
}
/*bdc0c6  d8dae0*/
.cod h3 {color:#5c5c5c; text-align:center;  font-family: 'Lato', sans-serif; font-weight:900; font-size:30px;  margin-bottom:40px; margin-top:0px;}


h3.wpfeatures {color:#fff; font-family: 'Lato', sans-serif; font-weight:700; font-size:30px; margin-top:30px; margin-bottom:40px; text-align:center;}

.pros, .cod {background:#fff; color:#464646; font-family: 'Lato', sans-serif; font-size:16px; font-weight:400; padding:40px 0;}
.process {text-align:center;}
.cod img{display:inline-block;}
.cod h3.proc {font-family: 'Lato', sans-serif; font-size:24px; font-weight:900; color:#464646; text-align:center; margin-top:20px; margin-bottom:20px; line-height:30px;}
.cod p {text-align:left; font-family: 'Lato', sans-serif; font-size:16px; font-weight:400; line-height:30px;}
.cod p i {color:#949494;}
.skill {padding:0px 0px 0px 0px; background:#fff;}
.skill code {padding:19px 19px 0px 19px; background:transparent;}
.skill ol{line-height:24px;}
.skilltop {width:100%; background:url(images/skillbg.png) top left repeat-x; height:36px;}


.pros h3{font-weight:900; font-size:24px;}
.pros h4 {font-weight:900; font-size:18px;}
.pros p {font-style:italic; font-size:18px; margin-bottom:40px;}
.pros ul li {line-height:30px;}

.contitem {
    font-size: 15px;
}
.contsub {
    color: #adb2b5;
    font-weight: normal;
    letter-spacing: 1px;
    font-size: 13px;
    padding-left:5px;
}

.cover {
width:100%;
height:556px;
  background: url(images/bg.png) no-repeat top center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  text-align:center;
}
#myTab {margin-top:15px;}
#myTab > li > a {font-size:14px; font-weight:700; text-transform:none; padding: 5px 15px;}
.ibor {border:1px solid rgba(0,0,0, 0.1);}
.unsin li {margin-bottom:20px;}
.folio {width:100%; padding:20px 0; background:#e5e5e5;}
.intabs {text-align:center;}
.foliosin {text-align:center; font-size:32px; padding:0px;}
.foliosin a {display:block; padding:20px 0; color:#464646;}
.foliosin a:hover {background:#ccc;}
.folcont {width:100%; background:#EFF3F4;}
.folcontsin {padding:40px 0; font-family: 'Lato', sans-serif; font-size: 16px; color:#464646; line-height:28px;}
.folcontsin h3 {margin-top:0px; font-weight:900; }
.acover {
width:100%;
height:245px;
  background: url(images/abouut.png) no-repeat top center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  text-align:center;
}
.port {
width: 100%;
height: 250px;
background: url(images/por4.png) no-repeat top center;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
text-align: center;
}
.about {height:250px;}
.bout {background:#fff; padding:20px 0 40px 0; color: #adb2b5; font-family: 'Lato', sans-serif; font-size: 16px; color:#464646; line-height:28px;}
.bouts {background:#f5f5f5; padding:40px 0;}
h1.big_title {font-size:54px; color:#fff; margin-top:50px; margin-bottom:22px; text-align:center; font-family: 'Lato', sans-serif; font-weight:900; text-shadow: 0px 0px 8px #000000;}
.acover h1.big_title {margin-top:90px;}
.port h1.big_title {margin-top:0px; font-size:40px; text-shadow:none; }
a.frpic {display:inline-block; background:url(images/frpic.png) no-repeat; width:1076px; height:366px;}
a.frpic button{display:none;}
a.frpic:hover {background:url(images/frpic_hover.png) no-repeat;}
a.frpic:hover button {display:inline-block; margin-top:180px;}
.dshadow {width:100%; height:40px; box-shadow: inset 0 -40px 40px -40px #000000; -moz-box-shadow: inset 0 -40px 40px -40px #000000; -webkit-box-shadow: inset 0 -40px 40px -40px #000000; position:relative; top:-40px;}
.bar {width:100%; height:6px; background:#cdcdcd; position:relative; top:-40px;}

h3.good {color:#c2c2c2; text-align:center; font-family: 'Lato', sans-serif; font-weight:900; font-size:24px; margin-top:0; margin-bottom:40px;line-height:40px;}
.whitebox {-webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; background:#fff; width:90%; margin:0 auto; padding-top:5px; display:block; padding-bottom:10px;}

.whitebox img {width:100%; display:block; margin-bottom:20px;}
h2.wtitle {text-align:center; font-family: 'Lato', sans-serif; font-weight:400; font-size:24px; color:#116b99; text-transform:uppercase; margin-bottom:20px;}
h2.wtitle a {color:#116b99; text-decoration:none;}
.whitebox p {font-family: 'Lato', sans-serif; font-weight:400; font-size:18px;}
.whitebox p strong {font-weight:700;}
.whitebox a.btn {margin-top:20px; margin-bottom:20px;}
.cont { padding-left:20px; padding-right:20px; padding-top:20px;}
.xxl {padding: 15px 35px!important; font-size:24px!important;}
.featbox li{float:left; width:33%; display:block;}

.wfeat {padding-top:0px; width:330px; margin:20px auto;}
.wfeat h3{font-size:18px; font-weight:900; padding:0 10px;}
.wfeat p { font-size:15px; font-weight:400; padding:0 10px;}
.btn-green {
  font-family: 'Lato', sans-serif; font-weight:700; font-size:18px;
  color: #FFFFFF;
  background-color: #406618;
  border-color: #2E4D0D;
}

.btn-green:hover,
.btn-green:focus,
.btn-green:active,
.btn-green.active,
.open .dropdown-toggle.btn-green {
  color: #FFFFFF;
  background-color: #5F8A30;
  border-color: #2E4D0D;
}

.btn-green:active,
.btn-green.active,
.open .dropdown-toggle.btn-green {
  background-image: none;
}

.btn-green.disabled,
.btn-green[disabled],
fieldset[disabled] .btn-green,
.btn-green.disabled:hover,
.btn-green[disabled]:hover,
fieldset[disabled] .btn-green:hover,
.btn-green.disabled:focus,
.btn-green[disabled]:focus,
fieldset[disabled] .btn-green:focus,
.btn-green.disabled:active,
.btn-green[disabled]:active,
fieldset[disabled] .btn-green:active,
.btn-green.disabled.active,
.btn-green[disabled].active,
fieldset[disabled] .btn-green.active {
  background-color: #406618;
  border-color: #2E4D0D;
}

.btn-green .badge {
  color: #406618;
  background-color: #FFFFFF;
}

hr.ft {border-top: 1px solid #141414; margin-bottom:40px; margin-top:0px;}
hr.fp {border-top: 1px solid #141414; margin: 40px 0;}
ul.flist {margin-bottom:20px;}
ul.flist li {float:left; padding-right:40px;}
ul.flist li a {color:#a5a5a5; font-family: 'Lato', sans-serif; font-weight:400; font-size:14px;}
p.copy {text-align:right; color:#a5a5a5; font-family: 'Lato', sans-serif; font-weight:400; font-size:14px;}




.link {
    position:relative;
}
.link img {
    width:100%;
    vertical-align:top;
}
.link:after {
    content:'\A';
    position:absolute;
    width:100%; height:100%;
    top:0; left:0;
    background:rgba(0,0,0,0.6);
    opacity:0;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
}
.link:hover:after {
    opacity:1;
}


.linkpor {
    position:relative;
}
.linkpor img {


    width:100%;
    vertical-align:top;
}
.linkpor:after {
    -webkit-border-radius: 4px 4px 0 0;
    -moz-border-radius: 4px 4px 0 0;
    border-radius: 4px 4px 0 0;
    content:'\A';
    position:absolute;
    width:100%; height:100%;
    top:0; left:0;
    background:rgba(255,255,255, 0.4);
    opacity:0;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
}
a.plink:hover .linkpor:after {
    opacity:1;
}


#cf {
  position:relative;
  max-width:1076px;
  display:block;
  margin:0 auto;
}

#cf img {
  position:absolute;
  left:0;
  -webkit-transition: opacity 1s ease-in-out;
  -moz-transition: opacity 1s ease-in-out;
  -o-transition: opacity 1s ease-in-out;
  transition: opacity 1s ease-in-out;
}

#cf img.top:hover {
  opacity:0;
}

.triangle {display:none;}


.wpcf7-form {
margin-top:50px;
margin-bottom:30px;
display:inline-block;
width:70%;
color: #464646;
  font-family: 'Lato', sans-serif;
  font-weight: 700;
  font-size: 15px;
}
.wpcf7-form p {text-align:left;}


@media (max-width:1200px) {
.pcont {height:120px;}
a.plink {width:auto;}
.ccover h2.cc-title { font-size:30px; }
.ccover h5.cc-tit {font-size:18px;}



.featbox li{float:left; width:50%; display:block;}

.cover {height:510px;}
.img-cn {
display: block;
width: 100% \9;
max-width: 100%;
height: auto;
}

.cfluid {
width:100%;
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto;
}
.navbar-inverse .navbar-brand {margin-right:0px;}
}

@media (max-width: 992px) {
.folcontsin h3 {margin-top:30px;}
.folio {text-align:center;}
#myta {display:inline-block;}
#myTab {display:none;}
.pcont {height:100px;}
a.plink {width:330px;}
.rek {text-align:center; }
.rek ul {display:inline-block;}
.rek table {margin-top:0!important; margin: 0 auto;}
.wpcf7-form {width:90%; margin-bottom:20px}
.wpcf7-form input.wpcf7-submit { width:100% }
.crow p {margin-bottom:40px;}
.pover h1 {font-size:52px;}
.cod p{margin-bottom:30px;}
.ccover {text-align:center;}
.ccover img {display:inline-block; margin-bottom:20px;}
.navbar-inverse .navbar-brand {margin-right:0px;}
p.copy {text-align:left; margin-top:20px; display:block;}
.cover {height:494px;}
.whitebox {margin-bottom:40px;}
.wfeat {margin-bottom:10px;}
.cfluid {
width:100%;
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto;
}
    .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;
		margin-bottom: 7.5px;
    }
    .navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .collapse.in{
        display:block !important;
    }

    a[id=switcher] {
      display:inline-block;
      background-image: url(images/logomin.png) !important;
      background-repeat: no-repeat !important;
	  width:164px!important;
	  height:50px!important;
    }
    img[id=desk] {display: none !important;}
}
@media (min-width: 767px) and (max-width: 992px) {
.navbar-inverse .navbar-nav>li>a {
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;}
}

@media (min-width: 715px) and (max-width: 992px) {
.rave {
width:50%; float:left;}
}

@media (max-width:767px) {
.featbox li{float:left; width:100%; display:block;}
#cf {width:500px!important;}
.cover {height:419px;}
br.puff {display:none;}
h3.good { font-size:22px; line-height:38px;}
}

@media (max-width:680px) {
.flist{display:none;}
p.copy {text-align:center;}
.nav-tabs > li > a {color:#122957; padding:10px 15px; text-transform:uppercase; font-family: 'Lato', sans-serif; font-weight:900; font-size:14px;}
.portfolio {}
}

@media (max-width:630px) {
h1.big_title {font-size:40px;}
.cover {height:374px;}
h3.good { font-size:20px; line-height:36px; margin-bottom:30px }
}

@media (max-width:530px) {
#cf {width:420px!important;}
.cover {height:345px;}
.ccover h2.cc-title {font-size: 25px;}
.ccover h5.cc-tit {font-size: 16px;}
.nav-tabs > li > a {color:#122957; padding:10px 10px; text-transform:none; font-family: 'Lato', sans-serif; font-weight:700; font-size:14px;}
.portfolio {top:-39px;}
}

@media (max-width:460px) {
.whitebox a.act {font-size:16px;}
.whitebox p {font-size: 16px;}
h2.wtitle {font-size:20px;}
h1.big_title {font-size:30px;}

#cf {width:320px!important;}
.cover {height:279px;}
}

@media (max-width:370px) {
h2.wtitle {font-size:16px;}
.whitebox a.act {font-size:14px;}
.whitebox p {font-size: 14px;}
a.plink {width:auto;}
.pcont {height:auto;}
}

@media (max-width:360px) {
.bar {background:#797979;}
.triangle {
position:relative;
top:-40px;
width:30px;
display:block;
margin:0 auto;
width: 0;
height: 0;
border-style: solid;
border-width: 10px 15px 0 15px;
border-color: #cdcdcd transparent transparent transparent;
border-style: inset;
-webkit-transform:rotate(360deg);
}
h1.big_title {font-size:26px; margin-bottom:40px;}
#cf {display:none;}
.cover {height:auto;}
}

@media (max-width:335px) {
.whitebox a.act {font-size:12px;}
}