* { -webkit-transition: .7s ease-out; -moz-transition: .7s ease-out; -o-transition: .7s ease-out; transition: .7s ease-out; list-style: none; }

/*================================
TYPOGRAPHY
================================*/

#error {color: red; }
body,
body a { font-family: 'Open Sans', sans-serif; line-height: 1.8em; }

h2, .bigicon { font-size: 3em; }

h3 { font-size: 2em; }

h4 { font-size: 1.2em; line-height: 1.4em; }

p { letter-spacing: 1px; font-weight: lighter; }

/*================================
DEFAULT STYLE & FORMATING
================================*/
/*  COLORS  */
.white,
#hero,
#portfolio .sectionhead,
.container-about,
section#contact,
.email {color:#fff; }

.blue,
a,
.btn-default:hover,
#shotsByPlayerId a:hover,
section#contact a:hover,
.footersocial li a:hover { color: #049cdc; }

a:hover,
.btn-default,
.likecount a,
.commentcount a {color: #c3c3c3;}

footer p, footer .bigicon, .footersocial li a { color: #7e7e7e; }


ul { padding: 0; }

a:hover { text-decoration: none; }

#services { text-align: center; }

.col-md-4,.col-md-6 { padding-bottom: 50px; }

.col-md-3 { padding: 0; }

.sectionhead { text-align: center; padding-top: 50px; padding-bottom: 50px; }

hr.separetor { width: 80px; color: #363942; border-top: 2px solid #049cdc; }

.btn-default { background: none; border: none; text-transform: uppercase; margin: 50px 0; }

.btn-default:hover { background: none; }

.btnicon,.brandicon { /* margin-right: 10px;*/}

nav, footer { background: url(../img/header_bg.gif) repeat; }

/*================================
NAVIGATION
================================*/
/*RESET BOOTSTRAP*/
.navbar-inverse .navbar-nav > .active > a,
.navbar-inverse .navbar-nav > .active > a:hover,
.navbar-inverse .navbar-nav > .active > a:focus {background: transparent; }

.navbar-nav li { border-bottom: 2px solid transparent; }

.nav.navbar-nav li:hover, .navbar-nav .active { background: none repeat scroll 0 0 rgba(8, 8, 8, 0.5)!important; color: #049cdc; border-bottom: 2px solid #049cdc;}

.bg.btnicon:before { font-size: 1.5em; line-height: 1.5em; position: absolute; text-align: center; width: 100%;}

.navbar-nav li > a { font-size: 0.9em;}

.navbar-brand { font-size: 1.7em; padding: 13px; }

/*================================
CONTENT
================================*/

.myapps .animated { padding-bottom: 4px;}

.fw600 {font-weight: 600;}

.brandicon.icon-speedometer { font-size: 1.5em; position: absolute; line-height: 0.8; }

.brandname { padding-left: 7px; }

.container.herocontent { min-height: 310px; }

.container-about { background-image: url(../img/bg2.jpg); background-position: right center; width: 100%; margin: 0 auto; display: inline-block; padding: 0 50px; }

.container-about {text-shadow: 0 0 6px #222; }

#clients h4 { padding-top: 15px; text-transform: uppercase; }

#clients { padding: 20px 0 15px; }

p { font-weight: normal; letter-spacing: normal; }

/*================================
HERO AREA
================================*/
#hero { text-align: center; background-repeat: no-repeat; background-image: url(../img/bg.jpg); overflow: hidden; background-position: 50% 0%; }

.herocontent { padding-top: 100px; width: 100%; max-width: 900px; }

.heroshot { margin-top: 20px; width: 100%; max-width: 1200px; }

/*================================
CLIENTS SECTION
================================*/
#clients { padding-top: 30px; }

#clients h4 { text-transooteorm: uppercase; padding-top: 10px; }

#clients .col-md-4 { padding-bottom: 0; }

#clients ul { float: right }

#clients li { display: inline; margin-right: 35px; }

#clients li:last-child { margin-right: 0px; }

/*================================
ABOUT SECTION
================================*/
#about { padding-top: 100px; }

.opbag { background: none repeat scroll 0 0 rgba(0, 0, 0, 0.5); border-radius: 6px; margin-bottom: 50px; padding-bottom: 0; padding-left: 27px; padding-right: 27px; }

.myapps { margin-top: 25px; }

.myapps li { display: inline }

.myapps li img { width: 30px; }

/*================================
PORTFOLIO SECTION
================================*/
#portfolio { background: #efefef; margin-top: 50px; padding: 30px 0; text-align: center; }

#portfolio { background-image: url("../img/bg3.jpg"); background-size: 100% 100%; background-repeat: no-repeat; overflow: hidden; text-align: left; }

#portfolio .sectionhead {text-shadow: 0 -2px 2px #000;}

* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.mix img { box-shadow: 0 0 6px #000; width: 100%;}

*::after, *::before { box-sizing: border-box;}

.pull-right { border-radius: 50%; display: block; height: 50px; width: 50px;}

.pull-right:hover { border-radius: 5px;}

.ipsylon {background: url("https://s.gravatar.com/avatar/31f2138df7aa3afbb1e8fd18991067fc?s=80") no-repeat scroll center 0 / 100% auto rgba(0, 0, 0, 0);}

.step2des {background: url("../img/step2des.jpg") no-repeat scroll center 0 / 100% auto rgba(0, 0, 0, 0);}

#shotsByPlayerId li { width: 31%; float: left; padding: 15px; margin: 10px; background: #fff; border-radis: 5px; }

#shotsByPlayerId li:hover { box-shadow: 1px 2px 25px rgba(160, 160, 160, 0.4); -webkit-transition: .7s ease-out; -moz-transition: .7s ease-out; -o-transition: .7s ease-out; transition: .7s ease-out; }

#shotsByPlayerId li img { width: 100%; border-radius: 5px; }

#shotsByPlayerId img:hover { opacity: .5; overflow: hidden; }

#shotsByPlayerId h3 { text-align: left; font-size: 14px; letter-spacing: 1px; text-transform: uppercase; font-weight: normal; white-space: nowrap; width: 100%; overflow: hidden; text-overflow: ellipsis; }

#shotsByPlayerId h3 a { color: #363942; }

.likecount a { float: left;}

.commentcount a { float: right;}

.gallery .image { width: 25%; display: block; margin-right: -10px; overflow: hidden; padding: 10px }

.gallery .image a { transition: all 0.2s linear 0s;}

/*================================
TESTIMONIAL SECTION
================================*/

.clientsphoto img { width: 80px; float: left; margin-right: 20px; border-radius: 50%; }

.clientsphoto img:hover { border-radius: 15%; }

#testimonials {padding-bottom: 50px;}

#testimonials .col-md-6 { padding-bottom: 25px;}

blockquote { margin: 0; padding: 0 0 10px 0; border: none; }

blockquote p { font-style: italic; font-size: 14px; }

.quote { overflow: hidden }

.quote h5 { margin-bottom: 5px; }

/*================================
CONTACT SECTION
================================*/
section#contact { background-color: #222; background-image: url(../img/map-image.png); background-position: center; background-repeat: no-repeat;}
.contact-info {background-color: #049cdc; font-size: 1.7em; font-style: italic; font-weight: bold; height: 100%; line-height: 30px; margin-top: 50px; padding: 10px; text-align: center; text-transform: uppercase; width: 100%;}
#message { min-height: 132px !important;}

/*================================
FOOTER SECTION
================================*/

footer { text-align: center; padding: 40px 0 0; }

.footerlinks { margin: 30px 0; }

.footerlinks li { display: inline; padding: 10px; text-transform: uppercase; letter-spacing: 3px; }

.footersocial { margin-top: 20px; }

.footersocial li { display: inline; padding: 0 15px; font-size: 2em; }

/*LANGUAGE*/
.lang {display: block;  height: 20px;  margin: 30px auto 0; width: 80px;}
#link-uk { background: url("../img/uk.png");}
#link-hu { background: url("../img/hu.png");}
#link-uk, #link-hu {  background-size: 20px auto; float: left; height: 20px; margin: 0 10px; width: 20px;}