@charset "UTF-8";

/* ÁLTALÁNOS
------------------------------------------------------------------------------------------------------------------------ */


body {background-color:rgba(255, 255, 255, 1); font-family:'Open Sans', sans-serif; color:#191919; font-size:17px; font-weight:normal; font-style:normal; position:relative; overflow-x:hidden;}
.wisardsteps {background-color:#f9f9f9; background-repeat:no-repeat; background-position:center 200px; background-attachment:fixed;}
header.section0.startpage {background-color:#191919;}
header.base {background-color: rgba(0, 0, 0, 0.9)}
#menu-wrapper.base {background-color: rgba(0, 0, 0, 0.9)}
header > .container {padding-top:17px; padding-bottom:17px;}
header .logo a {display:inline-block;}
header .info {font-weight:bold; top:6px;}
header .info a {color:#3090c0;}
header .info strong {padding-left:3px;}
header .info .skype {padding-top:7px;text-align: right;}
header .info .skype  img {margin:0 !important;vertical-align: middle !important}
header .info .call {border-left:1px solid rgba(255, 255, 255, 0.20); border-right:0px solid #c8c8c8; display:block; height:53px;color: #fff;}
header .info .call > span,
header .info .call > a {padding:0;    text-align: left;}
header .info .login {padding-right:0;}

header .scrolled-top {background-color:rgba(255,255,255,1); width:100%; opacity:0; z-index:1000;padding: 10px 0;    border-bottom: 1px solid #e5e5e5;}
header .scrolled-top .container {padding-bottom:0; padding-top:0;}
header .scrolled-top .container > div {padding:20px 0;}
header .scrolled-top .container .gotowizard .text { padding-right:20px; text-transform:uppercase; font-size:13px; position:relative; top:3px;font-weight: 300}
header .scrolled-top .container .gotowizard .text strong{ color:#f07d00;}
header .scrolled-top .container .gotowizard form button {    text-transform: uppercase;
    padding: 14px 15px;
    font-size: 15px;
    margin-left: 5px;
    margin-top: 1px;
    border-radius: 3px;}

/*.basebody .scrolled-top .toptop  {background-color:rgba(0, 0, 0, 0.8);}
.basebody .scrolled-top .container > div {padding:0; height:55px;}
.basebody .scrolled-top .toptop .container .logo img {height:40px;}
.basebody .scrolled-top .toptop .container .navmenu {justify-content:flex-end;}
.basebody .scrolled-top .toptop .container .navmenu .nav {float:right;}
.basebody .scrolled-top .toptop .container .navmenu li {padding-left:20px;}
.basebody .scrolled-top .toptop .container .navmenu li button {background-color:transparent; padding:0; border-radius:0; border:none; box-shadow:none; width:100%; font-size:13px;    transition: 0.5s;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;}
.basebody .scrolled-top .toptop .container .navmenu li a {padding:0; text-transform:uppercase; color:#fff; font-size:12px; text-decoration:none!important;}
.basebody .scrolled-top .toptop .container .navmenu li a:hover,
.basebody .scrolled-top .toptop .container .navmenu li #active_menu1 {background-color:transparent; color:#3090c0;}
.basebody .scrolled-top .gotowizard {background-color:#f07d00d4;}
.basebody .scrolled-top .gotowizard form {display:flex; align-items:center; height:50px;}
.basebody .scrolled-top .gotowizard .text {color:white; font-size:22px; text-transform:uppercase;}
.basebody .scrolled-top .gotowizard .submit {padding: 10.5px 30px;margin-left: 5px;margin-right: 15px;border-radius: 0;margin-top: 0;}
*/

/*#titlebg .gotowizard {background-color:#f07d00;position: absolute;width: 100%;bottom: 0;z-index: 22;}
#titlebg .gotowizard form {display:flex; align-items:center; height:50px;}
#titlebg .gotowizard .text {color:white; font-size:22px; text-transform:uppercase;}
#titlebg .gotowizard .submit {padding: 10.5px 30px;margin-left: 5px;margin-right: 15px;border-radius: 0;margin-top: 0;}*/
#titlebg {background: repeat scroll 50% 0 #f2f2f2;height: 200px;margin-bottom: 0px;overflow: hidden;position: relative;width: 100%;padding: 0px 0;}
#titlebg .gotowizard .container {position: relative;z-index: 22;display: flex;justify-content: center; align-items: center;    height: 200px;}
#titlebg .title {float: none;font-size: 35px;font-weight: 300;margin: 0;padding: 0 0 15px;border-bottom: none;text-align: left;padding-bottom: 0;}
#titlebg .gotowizard {margin-top:0px;}

#titlebg .gotowizard form {}
#titlebg .gotowizard h2  {margin-top:0px;}
#titlebg .gotowizard h2 p {    padding: 2px 5px;
    font-size: 22px;
    font-family: 'Raleway', sans-serif;
    text-transform: uppercase;
    font-weight: 300 !important;
    margin-bottom: 20px;
    text-align: left;}
#titlebg .gotowizard h2 p strong {
    color:#f07d00;font-weight: 300 !important
}
#titlebg .gotowizard .btn-primary.submit {width: 100%;border-radius: 0;padding: 15px;}
#titlebg .gotowizard .form-control {border-radius: 0; background-repeat: repeat-x; background-position: center top; border: none}
#titlebg .gotowizard form button {    text-transform: uppercase;
    font-size: 14px;
    height: 49px;
    margin-left: 3px;
    padding: 0 30px;}
#menu-wrapper {margin:0; border:none; min-height:44px; border:0; background-position:center top; background-repeat:repeat-x; border-radius:0; z-index:200; top:0; -webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease; -o-transition:all 0.5s ease; -ms-transition:all 0.5s ease; transition:all 0.5s ease; margin-bottom:0;   }
.basebody .scrolled-top .toptop .container .navmenu li button:hover {color:#3090c0 !important;}
#menu-wrapper .navbar-header .home {margin-right:0; margin-left:15px;}
#menu-wrapper .navbar-header a:hover {color:white;}
#menu-wrapper .navbar-header .hidden-xs {width:44px; height:44px; line-height:44px; margin-left:0; transition:0.5s; -webkit-transition:0.5s; -moz-transition:0.5s;}
#menu-wrapper .navbar-header .hidden-xs:hover,
#menu-wrapper .navbar-header .active {background-color:#3A454B; color:white;}
#menu-wrapper .navbar-header .hidden-xs i {position:relative; top:5px;}
#menu-wrapper ul li {position:relative; min-height:44px; -webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease; -o-transition:all 0.5s ease; -ms-transition:all 0.5s ease; transition:all 0.5s ease;}
#menu-wrapper ul li button {background-color:transparent; padding:0; border-radius:0; border:none; box-shadow:none; width:100%; display:block;}
#menu-wrapper ul li .dropdown-toggle {padding:0; display:flex; position:absolute; width:auto; right:0; top:0; z-index:100; clear:both;}
#menu-wrapper ul li .dropdown-toggle a {padding:12px 15px 12px 3px!important;}
#menu-wrapper ul li .dropdown-toggle a .fa-caret-down {padding-left:5px; border-left:1px dotted white; color:white;}
#menu-wrapper ul li:hover .dropdown-toggle a .fa-caret-down,
#menu-wrapper ul li.open .dropdown-toggle a .fa-caret-down,
#menu-wrapper ul li.active .dropdown-toggle a .fa-caret-down {border-color:white; color:white;}

#menu-wrapper ul > li > a {padding:0; font-family: 'Open Sans', sans-serif; -webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease; -o-transition:all 0.5s ease; -ms-transition:all 0.5s ease; transition:all 0.5s ease; font-weight: 300}
#menu-wrapper ul > li > a  {    position: relative;
    display: block;
    color:#404041;
    text-transform: none;
    font-size: 14px;
    padding: 17px 14px;}
#menu-wrapper ul li a:after{background:#3090c0 none repeat scroll 0 0;bottom: 2px;content: "";height: 3px;left: 0;right: 0;margin: 0 auto;position: absolute;transition: all 0.3s ease 0s;width: 0%;}

#menu-wrapper ul li:hover a:after, #menu-wrapper ul li.active a:after  { width:100%; } 
#menu-wrapper ul li:hover a {background: none; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s;}
#menu-wrapper ul li a{-webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s;font-family: 'Oswald', sans-serif; font-weight: normal;text-transform: uppercase}
#menu-wrapper ul li:hover a, #menu-wrapper ul li.active a  { color:#3090c0;-webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s;}

#menu-wrapper ul li ul li {width:100%; min-height:0; position:relative;}
#menu-wrapper ul li ul li:hover {background-color:#3A454B;}
#menu-wrapper ul >li >ul >li:hover >a>button {color:white;}
#menu-wrapper ul li ul li button {width:100%;}
#menu-wrapper ul li ul li .dropdown-toggle {position:absolute; width:auto; right:0; top:0; z-index:100;}
#menu-wrapper ul li ul li .dropdown-toggle a {padding:10px 15px 10px 3px!important;}
#menu-wrapper ul li ul li .dropdown-toggle a .fa-caret-right {padding-left:10px; border-left:1px dotted white; color:white;}
#menu-wrapper ul li ul li:hover .dropdown-toggle a .fa-caret-right,
#menu-wrapper ul li ul li.open .dropdown-toggle a .fa-caret-right,
#menu-wrapper ul li ul li.active .dropdown-toggle a .fa-caret-right {border-color:white; color:white;}
#menu-wrapper ul li ul li a button {text-transform:none; padding:10px 15px; text-align:left;}
#menu-wrapper ul li.active {background-color:transparent; border-color:white;}

section {display:flex; align-items:center; overflow:hidden;}
section .container {position:relative;}
section .content-wrap {font: 18px Open Sans;font-weight: 300;line-height: 28px;}
section .content-wrap .fulltitle {display:inline-block;     line-height: initial !important;    font-weight: 300 !important;}
section .content-wrap ul {font:32px 'Open Sans', sans-serif;}


#wizardnow {min-height:600px; padding:20px 0; background-image:url('../../../templates/base/images/bg15.png'); background-repeat:no-repeat; background-position:center top;position: relative;}
#wizardnow .container {z-index: 2;}
#wizardnow .fulltitle { padding:2px 5px; font-family: 'Raleway', sans-serif;}

#wizardnow  h3.fulltitle {
        font-size: 25px; 
         font-weight: 300;
    text-transform: none;
        color: #616161;
        display: block;
}
#wizardnow  h2.fulltitle {
    font-size: 50px;
    font-weight: 300;
    text-transform: none;
    margin-top:0;
} 

#wizardnow .warrow {    position: absolute;
    top: 32%;
    left: -91px; display: none;}
#wizardnow ul { padding:0; margin-top:20px;}
#wizardnow ul li {margin-top:0px;}
#wizardnow ul li:before {font:normal normal normal 14px/1 FontAwesome; font-size:inherit; text-rendering:auto; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; color:#f07d00; font-size:25px; content:"\f00c";}
#wizardnow ul li p {display:inline-block; color:white; padding:3px 5px; font-size:16px; margin:0; width:81%;}
#wizardnow form { border-radius:0px; padding:30px 8px; width:45%;}
#wizardnow form button {text-transform:uppercase; padding:18px; font-size:29px; font-weight: 300;border-radius: 0;position: relative;    -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
    transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
    -webkit-transition: border-color 0.4s, color 0.4s;
    -ms-transition: border-color 0.4s, color 0.4s;
    -o-transition: border-color 0.4s, color 0.4s;
    -moz-transition: border-color 0.4s, color 0.4s;
    transition: border-color 0.4s, color 0.4s;
    z-index: 1;
    position: relative;
    border-radius: 3px;
    z-index: 1;
    overflow: hidden;
}

#wizardnow form button:hover{
    border-color:#f07d00;
}
#wizardnow form button:hover::before, #wizardnow form button:before {     -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
    transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
       content: '';
    position: absolute;
    border-radius: 3px;
    top: 0;
    background: #f07d00;
    left: -6px;
    width: 104%;
    height: 100%;
    z-index: -1;
    opacity: 0;
    -moz-transform: scale3d(0.7, 1, 1);
    -ms-transform: scale3d(0.7, 1, 1);
    -o-transform: scale3d(0.7, 1, 1);
    -webkit-transform: scale3d(0.7, 1, 1);
    transform: scale3d(0.7, 1, 1);
    -webkit-transition: -webkit-transform 0.4s, opacity 0.4s;
    transition: transform 0.4s, opacity 0.4s;
    -ms-transition: transform 0.4s, opacity 0.4s;
    -o-transition: transform 0.4s, opacity 0.4s;
    transition: transform 0.4s, opacity 0.4s;
}

#wizardnow form button:hover::before {
opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
    transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
}
.overlay {position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color:rgba(0, 0, 0, 0.8);z-index: 0;}


#marketing {min-height:584px; padding:20px 0; background-color:#FFFFFF;}
#marketing .features {margin-bottom:7%;}
#marketing .features > div p {background-color:#E7E8E9; border-radius:160px; display:inline-block; border:7px solid #E7E8E9; -ms-transform:rotate(-45deg); -webkit-transform:rotate(-45deg); transform:rotate(-45deg); /*-webkit-animation:spinright 2s infinite linear;animation:spinright 2s infinite linear;*/}
#marketing .features > div .computer {border-top:7px solid #989DA0;}
#marketing .features > div .settings {border-right:7px solid #989DA0;}
#marketing .features > div .cart {border-bottom:7px solid #989DA0;}
#marketing .features > div .mobile {border-left:7px solid #989DA0;}
#marketing .features > div p a {background-color:#f07d00; box-shadow:inset 0px -25px 46px rgba(81, 81, 81,0.2); color:white; display:block; width:160px; height:160px; border:4px solid white; border-radius:160px; margin:0 auto; -ms-transform:rotate(45deg); -webkit-transform:rotate(45deg); transform:rotate(45deg); /*-webkit-animation:spinleft 2s infinite linear;animation:spinleft 2s infinite linear;*/}
#marketing .features > div p a i {line-height:160px;}
#marketing .fulltitle {font-size: 35px;display: block;margin-bottom: 30px;font-family: 'Raleway', sans-serif;font-weight: normal;
    font-weight: 300;
    line-height: initial;}
#marketing .fulltitle strong {color:#f07d00; font-weight: 300 !important;}

#joinsoftwares {    min-height: 853px;
    padding: 20px 0;
    background-image: url(../../../uploads/bgimages/bg2.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-color: #f3f3f3;
}
#joinsoftwares .fulltitle {font-size:35px; margin-bottom:6%;font-family: 'Raleway', sans-serif;    font-weight: normal;    line-height:52px;}
#joinsoftwares .fulltitle strong {color:#f07d00; display:block; font-size:35px; font-weight: 300 !important}

#wsdisplacement {min-height:431px; background-image:url('../../../uploads/bgimages/bg3.jpg'); background-repeat:no-repeat; background-position:50% 50%; background-attachment:fixed;   background-position: center top !important;background-size: cover;}
#wsdisplacement .fulltitle {font-size:35px; color:#f07d00;font-family: 'Raleway', sans-serif;    font-weight: normal;}
#wsdisplacement .fulltitle strong {color:#191919;}

#mobileopt {min-height:651px; padding:20px 0; background-image:url('../../../uploads/bgimages/bg4.jpg');     background-repeat: no-repeat;
    background-position: center top;}
#mobileopt .content-wrap {float:right;}
#mobileopt .fulltitle {font-size: 35px;
    margin-bottom: 6%;
    font-family: 'Raleway', sans-serif;
    line-height:45px;
    font-weight: normal;}
#mobileopt .fulltitle strong {color:#f07d00; display:block; font-size:35px; font-weight: 300 !important}

#design {min-height:565px; padding:20px 0; background-color:#fff;background-repeat: no-repeat;
    background-position: center top; position: relative;}
    #design  .container {z-index: 1;}
#design .features {margin-bottom:7%;}
#design .features > div p {background-color:#E7E8E9; border-radius:160px; display:inline-block; border:7px solid #E7E8E9; -ms-transform:rotate(-45deg); -webkit-transform:rotate(-45deg); transform:rotate(-45deg); /*-webkit-animation:spinright 2s infinite linear;animation:spinright 2s infinite linear;*/}
#design .features > div p a {color:white; display:block; width:160px; height:160px; border:4px solid white; border-radius:160px; margin:0 auto; -ms-transform:rotate(45deg); -webkit-transform:rotate(45deg); transform:rotate(45deg); /*-webkit-animation:spinleft 2s infinite linear;animation:spinleft 2s infinite linear;*/}
#design .features > div .magenta {border-top:7px solid #989DA0;}
#design .features > div .magenta a {background-color:#f07d00; box-shadow:inset 0px -25px 46px rgba(81, 81, 81,0.2);}
#design .features > div .orange {border-right:7px solid #989DA0;}
#design .features > div .orange a {background-color:#ff9200; box-shadow:inset 0px -25px 46px rgba(81, 81, 81,0.2);}
#design .features > div .turquoise {border-bottom:7px solid #989DA0;}
#design .features > div .turquoise a {background-color:#00c2d7; box-shadow:inset 0px -25px 46px rgba(81, 81, 81,0.2);}
#design .features > div .gray {border-left:7px solid #989DA0;}
#design .features > div .gray a {background-color:gray; box-shadow:inset 0px -25px 46px rgba(81, 81, 81,0.2);}
#design .features > div p a i {line-height:160px;}
#design .fulltitle {    display: block;
    margin-bottom: 30px;
    font-size: 35px;
    font-family: 'Raleway', sans-serif;
    line-height: 44px;
    font-weight: normal;}
#design .fulltitle strong {color:#f07d00; font-weight: 300 !important}

#help {min-height:870px; padding:20px 0; background-image:url('../../../uploads/bgimages/bg5.jpg');     background-repeat: no-repeat;
    background-position: center ; background-color: #f3f3f3;
    }
#help .fulltitle {font-size:35px; margin-bottom:6%;font-family: 'Raleway', sans-serif;font-weight: normal;line-height:45px}
#help .fulltitle strong {color:#f07d00; display:block; font-size:35px; font-weight: 300 !important}

#fbintegration {    min-height: 391px;
    padding: 20px 0;
    background-image: url(../../../uploads/bgimages/bg6.jpg);
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-attachment: fixed;
    background-position: center !important;
    background-color: #3b5997;}
#fbintegration i {color:white; font-size:6em;}
#fbintegration .content-wrap {color:white;}
#fbintegration .fulltitle {font-size:35px; color:white;font-family: 'Raleway', sans-serif;font-weight: normal;}

#modernservers {    min-height: 653px;
    padding: 20px 0;
    background-image: url(../../../uploads/bgimages/bg7.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-color: #f3f3f3;}
#modernservers .fulltitle {font-size:35px; margin-bottom:6%;font-family: 'Raleway', sans-serif; 
    line-height:44px;font-weight: normal;} 
#modernservers .fulltitle strong {color:#f07d00; display:block; font-size:35px; font-weight: 300 !important;} 

#wizardnow2 {min-height:348px; padding:20px 0; overflow:hidden;}
#wizardnow2 .form-group {    width: 100%;}
#wizardnow2 h3.fulltitle {font-size:25px; margin-bottom:4%;font-family: 'Raleway', sans-serif;font-weight: 300; text-transform: none; margin-bottom: 0;}
#wizardnow2 h2.fulltitle {font-size:50px; margin-bottom:4%;font-family: 'Raleway', sans-serif;font-weight: 300; text-transform: none;display: block;}

#wizardnow2 .fulltitle strong {color:#f07d00;}
#wizardnow2 ul {display:none;}
#wizardnow2 form button {text-transform: uppercase;padding: 10px 15px;font-size: 29px;margin-left:0px;border-radius: 3px;    width: 100%;
    margin-top:15px;    padding: 18px;
    font-size: 29px;}

.section10 {position: relative;height: 312px;margin-bottom: 0px;overflow: hidden;position: relative;width: 100%;padding: 0px 0;background-repeat: no-repeat;
    background-image: url(../images/bgact.png); background-repeat: no-repeat;background-position: bottom;}
.section10 .container {position: relative;z-index: 22}
.section10 form {  
    border-radius: 0px;
    padding: 30px 0;
    width: 100%;
    top: 45%;
    right: 5%;
    margin: 0 auto;}

/*Beloldalak*/

.helpcenter {background: url(../../../uploads/bgimages/contact-bg.jpg) repeat scroll 50% 0 #f2f2f2;margin-bottom: 0px;overflow: hidden;position: relative;width: 100%;padding: 0px 0;    background-size: cover;    padding: 6% 0;}
.helpcenter .overlay {background-color: rgba(243, 243, 243, 0.73);}
.helpcenter .container {z-index: 120;}
.helpcenter a {color: #3090c0 !important;}
.helpcenter a:hover {color:#f07d00 !important;}







.animationload {position:fixed; top:0; left:0; right:0; bottom:0; background-color:rgba(255, 255, 255, 1); z-index:999999;}
.loader {width:145px; height:140px; position:absolute; left:50%; top:50%; margin:-80px 0 0 -80px; overflow:hidden;}
.loader img {position:absolute; top:0; left:0;}
.loader > p {display:flex; height:140px; z-index:100; align-items:center; justify-content:center; color:white; font-size:23px; text-shadow:1px 1px 3px black; background:transparent; position:absolute; width:145px;}
.loader .slide {background-color:#696969; position:absolute; bottom:0; width:145px; height:140px;}
.loader .bg {background-color:#f99108; position:relative; font-size:8em; width:145px; height:140px; transition:all 0.5s;}

.loader2 {width:145px; height:140px; position:relative; overflow:hidden; margin:30px auto;}
.loader2 img {position:absolute; top:0; left:0;}
.loader2 > p {    display: flex;
    height: 116px;
    z-index: 100;
    align-items: center;
    justify-content: center;
    color: #191919;
    font-size: 23px;
    background: transparent;
    position: absolute;
    width: 116px;
    top: 0;}
.loader2 .slide {background-color:#696969; position:absolute; bottom:0; width:145px; height:140px;}
.loader2 .bg {background-color:#f99108; position:relative; font-size:8em; width:145px; height:140px; transition:all 0.5s;}

.wisardsteps .domainname2 {background-color:#f07d00; height:71px; width:100%; font:40px "Open Sans",sans-serif; color:white; text-transform:uppercase; padding:10px 0;transition:all 0.3s; z-index:1000;    background-color: #f2f2f2;
    width: 100%;
    font: 40px "Open Sans",sans-serif;
    color: #3090c0;
    padding: 14px 0;
    transition: all 0.3s;
    z-index: 1000;
    font-family: 'Raleway', sans-serif;
    font-weight: 300;}
.wisardsteps .steps3 {background-color: #fff;padding: 10px 0;height: 95px;width: 100%;background-repeat: repeat-x;background-position: center top;transition: all 0.3s;z-index: 1000;    border-bottom: 1px solid #e5e5e5;}.wisardsteps .steps2 {background-color: #fff;padding: 10px 0;height: 155px;width: 100%;background-repeat: repeat-x;background-position: center top;transition: all 0.3s;z-index: 1000;    border-bottom: 1px solid #e5e5e5;}
.wisardsteps .finalinstall .steps2 h2 {margin-top:42px; color:#f07d00;}
.wisardsteps .finalinstall .sims_texts ul {text-align:center;    position: relative;}
.wisardsteps .finalinstall .sims_texts ul li {color:#f07d00; font-size:30px;display: inline-block;    width: 100%;    position: absolute;
    top: 0;
    left: 0;}
.wisardsteps .finalinstall footer {position:fixed; bottom:0; width:100%;}

#grat { transition:all 0.6s;}
#grat .form-control {height: 55px;} 
#grat .content_area h3 {font-family: 'Raleway', sans-serif;font-size: 35px;margin-bottom: 20px;}
#grat .content_area .submit {border-radius: 0;font-family: 'Raleway', sans-serif;text-transform: uppercase;}
#grat .checkbox {font-size:14px;}
#grat .checkbox button {border: none !important; outline:none !important; padding:0 4px !important;font-size:14px; box-shadow: none !important;    display: contents;}
.content_area {width:700px; padding:30px; background-color:white; border:1px solid #ccc; margin:85px auto;}
.content_area strong {color:#3090c0; font-weight:normal;}
.content_area .gotostep {position: absolute;top: 94px;width: 100%;margin: 0 auto;text-align: center;left: 0; }
.content_area .gotostep h1 {text-transform:uppercase; color:white; font-family:"Open Sans",sans-serif; font-size:38px;margin-bottom: 0;    font-family: 'Raleway', sans-serif; margin-top:0;    font-family: 'Raleway', sans-serif;
    margin-top: 0;
    color: #3090c0;
    font-weight: 300;
    text-transform: none;}
.content_area .gotostep h2 {font-size:39px; color:#f07d00; margin-top:42px;}
.content_area a {color:#f07d00;}
.content_area table {}

.animate {opacity:0!important;}
.animated {opacity:1!important; -webkit-animation-duration:0.7s!important;animation-duration:0.7s!important;}

form .form-control-feedback,
#wizardnow2 form .form-control-feedback {    top: 24px;
    right: 0px;}

    form .form-control-feedback, #wizardnow2 form .form-control-feedback {top: 24px;
    right: 5px;
    font-size: 23px;
    color: #fff;}
.has-error .form-control-feedback {color:#E74C3C;}
.form-control.has-error {border: 1px solid red; box-shadow: red 0px 0px 0px 1px; border-radius: 2px;}
.has-success .form-control-feedback {color: #fff;font-size: 22px;}
.form-inline .has-feedback .form-control-feedback {    right: 0;
    top: 16px;
    font-size: 16px;}
.stop {background-image:url('../images/stop.png'); background-repeat:no-repeat; background-size:79%;}
#wizardForm1 .stop {top:10px;}
#wizardForm2 .stop,
#wizardForm3 .stop {    top: 21px!important;}
#wizardForm1 .form-control,
#wizardForm2 .form-control,
#wizardForm3 .form-control {border-radius:0; background-repeat:repeat-x; background-position:center top; border:none; font-size:13px; border-top-left-radius:3px; border-bottom-left-radius: 3px;}

#wizardnow2 .logo img {    margin: 0 auto;
    margin-bottom: 35px;}

.has-success .input-group-addon {
        color: #ffffff;
    background-color: #b9ca15;
}

.has-error .input-group-addon{
        color: #ffffff;
    background-color: #af0000;
}

#wizardForm2 .form-control::-webkit-input-placeholder { /* Chrome/Opera/Safari */
 font-weight: 500;
}
#wizardForm2 .form-control::-moz-placeholder { /* Firefox 19+ */
 font-weight: 500;
}
#wizardForm2 .form-control:-ms-input-placeholder { /* IE 10+ */
 font-weight: 500;
}
#wizardForm2 .form-control:-moz-placeholder { /* Firefox 18- */
 font-weight: 500;
}


#wizardForm1 .form-control {width:214px;height: 50px}
#wizardForm2 .form-control,
#wizardForm3 .form-control {font-size:17px;height: 70px;    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;}
.input-group-lg>.input-group-addon {font-size: 20px; padding-right: 34px}
#wizardForm1 .input-group-addon,
#wizardForm2 .input-group-addon,
#wizardForm3 .input-group-addon {border-radius:0;border:none;    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;}

    #wizardForm1 .input-group-addon {
        font-size: 13px;
        padding-right: 35px;
    }

#wizardForm1 .form-group,
#wizardForm2 .form-group,
#wizardForm3 .form-group {box-shadow: #e5e5e5 0 0 0 1px;}

.helpcenter {margin-top:0px;background-color:#f4f4f4;}
.helpcenter .content h2 {font-family: 'Raleway', sans-serif;text-transform: uppercase;font-size: 40px;    line-height: inherit; font-weight: 300;}
.helpcenter .content h3 {line-height: inherit; font-weight: 300;}
.helpcenter .container > img {position:absolute; bottom:0; left:15px;}
.helpcenter .container .content p {margin-bottom:0;    font-weight: 300;}

footer.wizardFooter {
    position: fixed;
    bottom: 0;
    width: 100%;
}

footer ,.basebody footer {background-color:rgba(0, 0, 0, 0.9); color:white; margin-top:0px;    padding: 20px 0;}
footer .share ,.basebody footer .share {border-bottom:1px solid #3d3d3d; padding:40px 0; margin-bottom:16px;}
footer .share a ,.basebody footer .share a {background-color:#ffffff; border-radius:70px; width:50px; height:50px; line-height:50px; padding:0; color:#161616; margin:0 7px; transition:all 0.3s; font-size:27px;}
footer .share a:hover ,.basebody footer .share a:hover {background-color:rgba(172, 0, 83, 0.9);}

footer .share a.facebook:hover ,.basebody footer .share a.facebook:hover {background-color:#3b5998;}
footer .share a.twitter:hover ,.basebody footer .share a.twitter:hover {background-color:#00aced;}
footer .share a.googleplus:hover ,.basebody footer .share a.googleplus:hover {background-color:#d34836;}
footer .share a.linkedin:hover ,.basebody footer .share a.linkedin:hover {background-color:#0077B5;}


footer .share a:hover i ,.basebody footer .share a:hover i {color:white;}
footer .share a i ,.basebody footer .share a i {color:#161616; transition:all 0.5s; font-weight:bold;}
footer nav .navbar-nav ,.basebody footer nav .navbar-nav {float:none;}
footer nav .navbar-nav > li ,.basebody footer nav .navbar-nav > li {float:none; display:block; padding:10px;}
footer nav .navbar-nav > li > a  ,.basebody footer nav .navbar-nav > li > a  {background-color:transparent; padding:0; border-radius:0; border:none; box-shadow:none; width:100%;}
footer nav .navbar-nav > li > a ,.basebody footer nav .navbar-nav > li > a  {padding:0; color:#4F4848; text-transform:uppercase; font-size:14px; transition:all 0.3s;text-transform: none;}
footer .navbar-nav > li > a ,.basebody footer .navbar-nav > li > a {padding:0;}
footer .secmenu ,.basebody footer .secmenu {    margin-top: 15px;
    border: none;
    margin-bottom: 0;
    padding-bottom: 4px;}
footer .secmenu .navbar-nav > li > a ,.basebody footer .secmenu .navbar-nav > li > a {font-size:12px; text-transform:none; transition:all 0.3s;}
footer .secmenu .navbar-nav > li:first-child ,.basebody footer .secmenu .navbar-nav > li:first-child {border-right:0px solid #585858;}
footer .navbar-nav > li > a:hover,.basebody footer .navbar-nav > li > a:hover,
footer .navbar-nav > li > a:focus,.basebody footer .navbar-nav > li > a:focus,
footer .navbar-nav > li > a:hover,.basebody footer .navbar-nav > li > a:hover,
footer .navbar-nav > li > #active_menu1 ,.basebody footer .navbar-nav > li > #active_menu1 {background-color:transparent; color: #3090c0; padding:0; border:none;}
footer .copy ,.basebody footer .copy {font-size:12px;    color: #4F4848; margin-bottom: 0;}
footer nav {    border-bottom: 1px solid #3d3d3d;    padding-bottom: 25px;}
.basebody #main-wrapper {position: relative;}
.basebody #main-wrapper a {color:rgb(0, 149, 218);}
.basebody #main-wrapper a:hover {color:#f07d00;} 
.basebody #main-wrapper h1 {border-bottom:none; padding:0 15px; font-weight:bold; font:37px 'Raleway';}
.basebody #main-wrapper .wrap {background-color:#f4f4f4; padding:20px;}
.basebody #main-wrapper > img {max-width:none; position:relative; left:50%; margin-left:-1000px;}
.basebody #main-wrapper > .topbgtext {position:absolute; top:0px; left:0; height:592px; display:flex; padding-left:15px; flex-direction:column; justify-content:center;}
.basebody #main-wrapper > .topbgtext h1 {font:46px 'Open Sans'; margin:0 0 15px 0; padding:0;    font-family: 'Raleway', sans-serif;}
.basebody #main-wrapper .contentbox:first-child {background:none;}

/*akciós csomagok*/
.basebody #main-wrapper .wrap .pricetable {width:75%; background-color:#f9f9f9; border:1px solid #c8c8c8; box-shadow:0px 0px 10px #ccc; font-size:14px; position:relative; margin-bottom:56px;}
.basebody #main-wrapper .wrap .pricetable .btn {position:absolute; width:100%; bottom:-57px;}
.basebody #main-wrapper .wrap .pricetable table {border:1px solid #ffffff; box-shadow:inset 0px 0px 20px #E8E8E8; background-color:#f4f4f4;}
.basebody #main-wrapper .wrap .pricetable table tr:nth-child(2) td {background-color:rgba(172, 0, 83, 1); color:white; height:120px; box-shadow:inset 0px -77px 113px -35px rgba(0,0,0,0.25)!important; font-size:21px; line-height:18px;}
.basebody #main-wrapper .wrap .pricetable table tr:nth-child(2) td span {color:#FF8438; font-size:12px; font-weight:normal;}
.basebody #main-wrapper .wrap .pricetable table tr:nth-child(2) td:first-child span {font-size:17px; line-height:30px;}
.basebody #main-wrapper .wrap .pricetable table tr:nth-child(3) td {padding-top:50px;}
.basebody #main-wrapper .wrap .pricetable table tr td {padding:5px 20px;}
.basebody #main-wrapper .wrap .pricetable table tr td i {font-size:18px;}
.basebody #main-wrapper .wrap .pricetable table tr td h2 span strong {font-weight:normal;}
.basebody #main-wrapper .wrap .pricetable table tr td:nth-child(1),
.basebody #main-wrapper .wrap .pricetable table tr td:nth-child(3) {box-shadow:inset 0 0 0px 90px rgba(203, 203, 203, 0.1);}
.basebody #main-wrapper .wrap .pricetable table tr td:nth-child(1) {width:31%;}
.basebody #main-wrapper .wrap .pricetable table tr td:nth-child(2),
.basebody #main-wrapper .wrap .pricetable table tr td:nth-child(4) {width:22%;}
.basebody #main-wrapper .wrap .pricetable table tr td:nth-child(3) {font-size:120%;}
.basebody #main-wrapper .wrap .pricetable table-striped>tbody>tr:nth-child(odd)>td, .table-striped>tbody>tr:nth-child(odd)>th {background-color:#ffffff;}

.basebody #main-wrapper .wrap .pricetable .extra {position:absolute; width:208px; top:-8px; left:434px; box-shadow:0px 0px 9px rgba(0,0,0,0.3);}
.basebody #main-wrapper .wrap .pricetable .extra .corner {position:absolute; top:-6px; left:34px;}
.basebody #main-wrapper .wrap .pricetable .extra .best {text-transform:uppercase; color:white; position:absolute; top:-7px; left:40px; background-color:rgba(172, 0, 83, 1); line-height:25px; padding:0 5px;}
.basebody #main-wrapper .wrap .pricetable .extra > table {border:1px solid #c8c8c8; font-size:120%; background-color:#fefefe; box-shadow:none;}
.basebody #main-wrapper .wrap .pricetable .extra > table tr:nth-child(2) td {border:1px solid rgba(172, 0, 83, 1);}
.basebody #main-wrapper .wrap .pricetable .extra .bottom {position:absolute; width:227px; left:-10px; bottom:-70px;}
.basebody #main-wrapper .wrap a.btn {margin-top:8px; border:1px solid #5A002C; background-color:rgba(172, 0, 83, 1); box-shadow:inset 0 -16px 20px rgba(158, 0, 76, 1); text-transform:uppercase; color:white; font-size:27px; text-shadow:1px 1px #000; width:75%;}

.basebody #main-wrapper .bottomtext {margin-top:80px;}
.basebody #main-wrapper .bottomtext .title {text-align:center;font-size:40px; border-bottom:none; margin-bottom:50px;    font-family: 'Raleway', sans-serif; font-weight: 300;}

.basebody #main-wrapper .bottomtext ul li h3 {margin-bottom: 20px;
    text-transform: uppercase;
    font-family: 'Raleway', sans-serif;
    line-height: 30px;
    margin-top: 15px;
    text-align: center;
    text-align: left;
    position: relative;
    padding: 9px 0;
    margin-bottom: 0;
    margin-top: 0;
    color: #161616;
    padding-bottom: 5px;}
.basebody #main-wrapper .bottomtext ul li span {border-radius: 60px;
    font-size: 47px;
    width: 110px;
    height: 110px;
    line-height: 89px;
    text-align: center;
    left: 0;
    top: 15px;
    display: block;
    margin: 0 auto;
    font-weight: 600;
    color: #fff;
    border: 3px solid #fff;
    padding: 0;
    background-color: rgb(172, 0, 83);
    margin-top: 20px;
    font-size: 75px;}
#main-wrapper.base .content-wrap ul li.whyus {background-color: #efefef; margin-bottom: 20px;}

.basebody #main-wrapper .webfunkc > .row > .col-md-3 {padding-right:0; padding-left:0;}
.basebody #main-wrapper .webfunkc nav ul {background-image:url("../images/allocsik.png"); background-repeat:no-repeat; background-position:right -40px; width:293px; height:772px; padding:15px 0; top:119px;}
.basebody #main-wrapper .webfunkc nav ul li {padding:5px 5px 5px 0; border-top:1px solid #DEDEDE; width:80%;}
.basebody #main-wrapper .webfunkc nav ul li:first-child {border:none;}
.basebody #main-wrapper .webfunkc nav ul li a:before {content:"\f105"; text-rendering:auto; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; font:normal normal normal 17px/1 FontAwesome; color:rgba(172, 0, 83, 1); padding-right:6px; transition:all 0.4s; transition:all 0.4s;}
.basebody #main-wrapper .webfunkc nav ul li a {color:rgba(37, 37, 37, 1); font-size:16px; padding-left:0; font-weight:bold; width:117%; border-radius:3px 0 0 3px;font-weight: 300}
.basebody #main-wrapper .webfunkc nav ul li a:hover:before,
.basebody #main-wrapper .webfunkc nav ul li a:focus:before {color:white; padding-left:6px;}
.basebody #main-wrapper .webfunkc nav ul li a:hover,
.basebody #main-wrapper .webfunkc nav ul li a:focus {background-color:#f07d00; color:white;}
.basebody #main-wrapper .webfunkc nav ul li a:hover:after,
.basebody #main-wrapper .webfunkc nav ul li a:focus:after {content:""; width:0; height:0; border-style:solid; border-width:21px 0 21px 21px; border-color:transparent transparent transparent #f07d00; position:absolute; right:-21px; top:0;}
.basebody #main-wrapper .webfunkc .contentbox {background-image:url("../images/top.png"); background-repeat:no-repeat; background-position:center top;}
.basebody #main-wrapper .webfunkc .contentbox h2 {margin-bottom:25px;    font-family: 'Raleway', sans-serif;}
.basebody #main-wrapper .webfunkc .toptext {margin-bottom:40px;}
.basebody #main-wrapper .webfunkc .toptext h2 {font-size:36px; text-transform:uppercase; margin-bottom:20px;    font-family: 'Raleway', sans-serif;}
.basebody #main-wrapper .webfunkc .toptext p {font-size:17px; line-height:25px;font-weight: 300;}

.basebody .contentbox .left_col {background-color: #f07d00;text-align: center;color: #fff;padding: 5%;}
.basebody .contentbox h2 {text-align: center;font-size: 40px;text-transform: uppercase;font-family: 'Raleway', sans-serif;margin-bottom: 30px;margin-top: 30px; color:#fff;}
.basebody .contentbox .left_col p {font-size: 17px;font-weight: 300}
.basebody .contentbox .right_col {background-color: #3090c0;text-align: center;color: #fff;padding: 5%;}
.basebody .contentbox .right_col p {font-size: 17px;font-weight: 300}
.basebody .contentbox .right_col h2 {text-align: center;font-size: 40px;text-transform: uppercase;font-family: 'Raleway', sans-serif;margin-bottom: 30px;}


.basebody .contentbox .big_size_img {background-image: url(../images/big_size_img_bg.jpg);background-size: cover;background-attachment: fixed;padding: 17% 0;}
.basebody .contentbox .big_size_img p {text-align: center;color: #fff;font-size: 18px;font-weight: 300;line-height: 30px;}


.basebody .contentbox .cash_exchange {background-image: url(../images/news_letter_bg.png);background-size: cover;background-attachment: fixed;padding: 17% 0;}
.basebody .contentbox .cash_exchange p {text-align: center;color: #fff;font-size: 18px;font-weight: 300;line-height: 30px;}

.basebody .toptext_function {padding: 8% 0;}
.basebody .toptext_function {font-size: 18px;line-height: 30px}
.basebody .toptext_function h2 {font-family: 'Raleway', sans-serif;text-transform: uppercase;margin-bottom: 30px;font-size: 40px}

.basebody .contentbox .newsletter_box {background-image: url(../images/news_letter_bg.png);background-size: cover;background-attachment: fixed;padding: 17% 0;}
.basebody .contentbox .newsletter_box p {text-align: center;color: #fff;font-size: 18px;font-weight: 300;line-height: 30px;}
.basebody .content-wrap .like, .basebody .content-wrap .like2 {display: none;}

.basebody .contentbox .attractive_offers {background-image: url(../images/attractive_offers_bg.jpg);background-size: cover;background-attachment: fixed;padding: 17% 0;}
.basebody .contentbox .attractive_offers p {text-align: center;color:#191919;font-size: 18px;font-weight: 300;line-height: 30px;}
.basebody .contentbox .attractive_offers h2 {color:#191919;}






.basebody .contentbox .wbite_clone {background-image: url(../images/wbite_clon.png);background-size: cover;background-attachment: fixed;padding: 17% 0;}
.basebody .contentbox .wbite_clone p {text-align: center;color:#191919;font-size: 18px;font-weight: 300;line-height: 30px;}
.basebody .contentbox .wbite_clone h2 {color:#191919;}


.basebody .contentbox .tag_cloud {background-size: cover;background-attachment: fixed;padding: 17% 0;background-image: url(../images/wbite_clon.png);}
.basebody .contentbox .tag_cloud p {text-align: center;color:#191919;font-size: 18px;font-weight: 300;line-height: 30px;}
.basebody .contentbox .tag_cloud h2 {color:#191919;}


.basebody .contentbox .left_col_white {background-color: #fff;text-align: center;color: #191919;padding:5%;}
.basebody .contentbox .left_col_white p {font-size: 17px;font-weight: 300;color:#191919;}
.basebody .contentbox .left_col_white h2 {color:#191919;}
.basebody .contentbox .right_col_black {background-color: #191919;text-align: center;color: #fff;padding:5%;}
.basebody .contentbox .right_col_black p {font-size: 17px;font-weight: 300}
.basebody .contentbox .right_col_black h2 {text-align: center;font-size: 40px;text-transform: uppercase;font-family: 'Raleway', sans-serif;margin-bottom: 30px;color:#fff;}
.topbgtext .content-wrap .text p {font-size: 18px;line-height: 30px}
.topbgtext.konverzio {padding:4% 15px;}
.topbgtext.konverzio {font-size: 18px;font-weight: 300}

.content-wrap .text p {font-weight: 300}

/*gyakori kérdések*/
.basebody #main-wrapper .gyik .wrap h2 {background-image:url("../images/top.png"); background-repeat:no-repeat; background-position:center bottom; color:#f07d00; font-size:30px; margin:0; margin-top:60px; padding-bottom:35px;    font-family: 'Raleway', sans-serif;}
.basebody #main-wrapper .gyik .wrap h2:first-child {margin-top:0;}


/*Kapcsolat*/
.basebody #main-wrapper .contact {position:relative;}
.basebody #main-wrapper .contact form {margin:0 -30px;}
.basebody #main-wrapper .contact .content-wrap {padding-top:80px; font-size:22px;}
.basebody #main-wrapper .contact .content-wrap #siteForm {padding-top:100px;    padding: 100px 15px;}
.basebody #main-wrapper .contact .thegroup {position:absolute; right:-155px; top:-285px;}
.basebody #main-wrapper .contact hr {margin:0 auto; width:100%; position:absolute; top:296px; background-image:url("../images/top.png"); background-repeat:no-repeat; background-position:center top; border:0; background-size:cover; height:27px;}
.basebody #main-wrapper .contact .form-inline .form-control {width:100%; background-repeat:repeat-x; background-position:center top; border:1px solid #9f9f9f; height:46px; padding:10px 16px; font-size:18px; line-height:1.33;}
.basebody #main-wrapper .contact .col-sm-12 {padding-bottom:10px;}
.basebody #main-wrapper .contact .labelname,
.basebody #main-wrapper .contact .form_textarea .col-sm-12 {padding-bottom:0;}
.basebody #main-wrapper .contact .form_textarea textarea {    min-height: 160px!important;
    resize: vertical;
    margin-bottom: 10px;}
.basebody #main-wrapper .contact .form-inline .form_captcha .form-control {width:auto;}
.basebody #main-wrapper .contact .form-inline .form_captcha img {float:left; height:46px; width:153px; margin-right:20px; padding:3px;}
.basebody #main-wrapper .contact .form-inline .form_submit .submit {text-transform:uppercase; padding:5px 30px; font-size:29px;  margin-left:8px;border-radius: 0}


/*WIZARD STEPS*/
.wisardsteps header {    background: rgba(255,255,255,0.9);
    border-bottom: 1px solid #e5e5e5;}
/*.wisardsteps header .container {padding-top:0; padding-bottom:0; padding-right:0;}
.wisardsteps header .container .logo {display:flex; align-items:center;}
.wisardsteps header .container #SkypeButton_Call {position:relative; left:28px;}
.wisardsteps header .container #SkypeButton_Call img {height:40px;}
.wisardsteps header .info {height:45px; padding-right:0;}
.wisardsteps header .info .container > div {height:37px;}
.wisardsteps header .info .container > div p {margin:0;}
.wisardsteps header .info .call {height:35px; border-right:none;}
.wisardsteps header .info .call > span,
.wisardsteps header .info .call > a { font-size:17px!important;}
.wisardsteps header .info .call > span {font:17px "Open Sans",sans-serif;}
.wisardsteps header .info .call > a strong {font-size:18px;}*/
.wisardsteps #main-wrapper { transition:all 0.6s;}

.wisardsteps .domainname {    background-color: #f2f2f2;
    width: 100%;
    font: 40px "Open Sans",sans-serif;
    color: #3090c0;
    padding: 14px 0;
    transition: all 0.3s;
    z-index: 1000;
    font-family: 'Raleway', sans-serif;
    font-weight: 300;}

.wisardsteps .steps {    background-color: #181818;
    padding: 30px 0;
    height: 225px;
    position: relative;
    width: 100%;
    background-repeat: repeat-x;
    background-position: center top;
    transition: all 0.3s;
    z-index: 1000;
    background: repeat scroll 50% 0 #f2f2f2;
    background-image: url(../../../uploads/bgimages/slider_imgs/2.jpg);
    background-attachment: fixed;border-bottom: 1px solid #e5e5e5;}
.wisardsteps .steps .overlay {
     background-color: rgba(255, 255, 255, 0.8);   
}
    .wisardsteps .steps .container  {position: relative;z-index: 55;}

.wisardsteps .steps .title {    font-size: 21px;
    margin: 0;
    line-height: 30px;
    overflow: hidden;
    /* color: #fff; */
    font-family: 'Raleway', sans-serif;
    font-weight: 300;}
.wisardsteps .steps .title span {color:#f07d00;}

.wisardsteps .steps .tube {    width: 570px;
    height: 20px;
    background-color: rgb(241, 241, 241);
    position: relative;
    top: 43px;
    margin-bottom: 0;
    z-index: 10;}
.wisardsteps .steps .tube .progress-bar {background-color:#f07d00;}

.wisardsteps .steps .steprounds ul {width:700px; padding:0; margin-bottom:0; position:relative;}
.wisardsteps .steps .steprounds ul li {position:absolute; left:0; top:0; width:20%;}
.wisardsteps .steps .steprounds ul .stepone {left:0%;}
.wisardsteps .steps .steprounds ul .steptwo {left:20%;}
.wisardsteps .steps .steprounds ul .stepthree {left:40%;}
.wisardsteps .steps .steprounds ul .stepfour {left:60%;}
.wisardsteps .steps .steprounds ul .stepfive {left:80%;}
.wisardsteps .steps .steprounds ul li a {padding: 10px 10px;
    display: inline-block;
    /* background-image: url(../images/separator_button_outside.png); */
    background-repeat: no-repeat;
    background-position: center top;
    position: relative;
    z-index: 10;
    background-color: #f1f1f1;
    border-radius: 400px;}
.wisardsteps .steps .steprounds ul li .error_mask {position:absolute; top:10px; background:transparent; opacity:0.7; width:45px; height:45px; left:48px; border:4px solid red; border-radius:65px; cursor:pointer;} 
.wisardsteps .steps .steprounds ul li:first-child .error_mask {border-left:4px solid red;}
.wisardsteps .steps .steprounds ul li:last-child .error_mask {border-right:4px solid red;}
.wisardsteps .steps .steprounds ul li:first-child a {border-left:1px solid #ccc; border-radius:65px;}
.wisardsteps .steps .steprounds ul li:last-child a {border-right:1px solid #ccc; border-radius:65px;}
.wisardsteps .steps .steprounds ul li a i {    color: white;
    font-style: normal;
    display: inline-block;
    text-shadow: 0 1px 1px #777;
    width: 45px;
    height: 45px;
    line-height: 43px;
    background-repeat: no-repeat;
    border-radius: 30px;
    cursor: pointer;
    
    font-size: 20px;
    background-color: #d1d1d1;}
.wisardsteps .steps .steprounds ul li.active a i {background-color:#3090c0;font-weight: bold;}
.wisardsteps .steps .steprounds ul li.actived a i {background-color:#c0ca15;font-weight: bold;}

.wisardsteps .steps .steprounds ul li .circle {font-size:6.85em; position:absolute; left:31px; top:-9px; opacity:0; color:#C4C4C4; z-index:1; background-image:url('../images/circle.png'); background-repeat:no-repeat; background-position:center top; width:77px; height:83px; -webkit-animation:fa-spin 2s infinite linear; animation:fa-spin 2s infinite linear; transition:all 0.5s;}
.wisardsteps .steps .steprounds ul li.active .circle {opacity:1;}
.wisardsteps .steps .steprounds ul li.actived .circle {opacity:1; -webkit-animation:none; animation:none;}
.wisardsteps .steps .steprounds ul li span {color:#fff; display:block; position:relative; top:15px; font-size:12.5px; z-index:100;}
.wisardsteps .steps .steprounds ul li.active span {color:#3090c0;}
.wisardsteps .steps .steprounds ul li.actived span {color:#9bbb76;}

.wisardsteps .separation {position:relative; left:-50%; margin-top:25px; width:200%; height:65px; background-image:url('../images/separator.png'); background-repeat:repeat-x; background-position:center top;    display: none;}
.wisardsteps .separation a {padding:10px; display:inline-block; background-image:url('../images/separator_button_outside.png'); background-repeat:no-repeat; background-position:center top;}
.wisardsteps .separation a i {color:white; text-shadow:0 1px 1px #777; width:43px; height:45px; line-height:45px; background-image:url('../images/colorcircles.png'); background-repeat:no-repeat; background-position:center center; border-radius:30px; cursor:pointer;}
.popover.right>.arrow:after {border-right-color: rgba(255, 255, 255);}

.wisardsteps section input[type=checkbox],
.wisardsteps section input[type=radio] {width:16px; height:16px;}

.wisardsteps section input[type=checkbox] {opacity: 0 !important}
.wisardsteps section input[type=radio] {margin-right:4px;opacity: 0 !important}
.wisardsteps .arculat input[type=checkbox] {top:2px;}
.wisardsteps section input[type=radio] {position:relative; top:2px;}

.wisardsteps #pack-modal .modal-header {background-color:#f07d00; color:white; font:17px 'Open Sans', sans-serif; color:white; border-radius:5px 5px 0 0; border:1px solid white; padding:10px;}
.wisardsteps #pack-modal p {margin-bottom:0;}  
.wisardsteps #pack-modal .modal-footer {padding:10px;}
.wisardsteps #pack-modal .modal-footer button {font-size:17px;}
.modal-message ul {padding-left:0}


.wisardsteps .colpick_field_arrs {display:none;}
.wisardsteps .colpick_field input, .colpick_hex_field input {right:3px;}
.wisardsteps .panel-group {margin-bottom:0;}

.letsGoToNewSite { margin-top:40px; display:flex; align-items:center; justify-content:center; padding:10px 0;}
.letsGoToNewSite button {font-family: 'Raleway', sans-serif; text-transform: uppercase; padding: 18px 30px; font-size: 29px; -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); -webkit-transition: border-color 0.4s, color 0.4s; -ms-transition: border-color 0.4s, color 0.4s; -o-transition: border-color 0.4s, color 0.4s; -moz-transition: border-color 0.4s, color 0.4s; transition: border-color 0.4s, color 0.4s; position: relative; border-radius: 3px; z-index: 1; overflow: hidden; font-weight: 300;}
/*.holeplace {background-color:#f1f1f1; height:70px; border-top:1px solid white; box-shadow:inset 0 10px 10px #E5E5E5;}*/

.wisardsteps .tags {padding:10px 15px 5px 15px!important;}
.wisardsteps .tags .theme_tag:first-child {margin-left:0px!important;}
.wisardsteps .tags .theme_tag {border:1px solid rgba(224, 224, 224, 1); background-color:white; box-shadow:inset 0 -10px 10px #F0F0F0; padding:3px 5px 3px 25px!important; margin-left:5px; margin-bottom:5px; width:148px; font-size:14px; position:relative; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none;}
.wisardsteps .tags .theme_tag label {width:100%;}
.wisardsteps .tags .theme_tag .theme_numbers {position:absolute; color:#676767; background-color:#d6d6d6; box-shadow:inset 0 -42px 12px -34px #C8C7C7; text-align:center; top:0; right:0; width:26px; height:100%; line-height:27px; font-size:11px; display:flex; justify-content:center; align-items:center;}
.wisardsteps .tags .activetag {background-color:#f07d00; color:white; box-shadow:none}
.wisardsteps .tags .activetag .theme_numbers {background-color:#616161; color:white; box-shadow:inset 0 -42px 12px -34px #343434;}

.wisardsteps .colormakerdiv {overflow:hidden;}
.wisardsteps .colormakerdiv .slider {padding-bottom:0px;}
.wisardsteps .colormakerdiv .slider #wsgSlider .carousel-inner {overflow:visible;}
.wisardsteps .colormakerdiv .slider #wsgSlider > .left,
.wisardsteps .colormakerdiv .slider #wsgSlider > .right {background:#d3d4d4; color:white; opacity:1; width:auto; display:flex; align-items:center; padding:0 10px; position:absolute;}
.wisardsteps .colormakerdiv .slider #wsgSlider > .left {left:-30px; border-left:3px solid #f8f8f8;}
.wisardsteps .colormakerdiv .slider #wsgSlider > .right {right:-30px; border-right:3px solid #f8f8f8;}
.wisardsteps .colormakerdiv .slider #wsgSlider .col-sm-3 {background-color:#f2f2f2; padding:5px 5px 0 5px;
    border:1px solid #d3d4d4; position:relative;    transition: 0.4s;
    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;}
.wisardsteps .colormakerdiv .slider #wsgSlider .col-sm-3:hover {background-color: #f07d00;}
.wisardsteps .colormakerdiv .slider #wsgSlider .col-sm-3 a {cursor:pointer; height:345px; overflow:hidden;}
.wisardsteps .colormakerdiv .slider #wsgSlider .activeTheme {background-color:#f07d00;}
.wisardsteps .colormakerdiv .slider #wsgSlider .activeTheme a:after {    content: "\f05d";
    position: absolute;
    color: #ffffff;
    /* top: 0; */
    width: 100%;
    text-align: center;
    left: 0;
    font: normal normal normal 48px/1 FontAwesome;
    /* height: 100%; */
    display: flex;
    justify-content: center;
    align-items: center;
    bottom: -41px;
    height: 39px;
    font-size: 30px;
    background-color: #f07d00;
    box-shadow: 0 0 0 2px #f07d00;}
.wisardsteps .colormakerdiv .slider #wsgSlider .activeTheme:after {display:none;top:100%; left:50%; border:solid transparent; content:" "; height:0; width:0; position:absolute; pointer-events:none; border-color:rgba(64, 213, 79, 0); border-top-color:#f07d00; border-width:10px; margin-left:-10px;}

.wisardsteps .colormakerdiv .preview {padding:0 10px;}
.wisardsteps .colormakerdiv .preview p {background-color:#F3F3F3; border:1px solid #CACACA; padding:5px;}
.wisardsteps .colormakerdiv .preview p img {border:1px solid white; width:100%;}

.wisardsteps .colormakerdiv div h4 {border-bottom:1px solid rgba(224, 224, 224, 1); font-size:17px; padding-bottom:5px; margin-bottom:20px; text-transform:uppercase;}
.wisardsteps .colormakerdiv div h3 {background-color:#f07d00; color:white; padding:5px; border-radius:5px 5px 0 0; margin-bottom:0;}

.wisardsteps .colormakerdiv div .image a {width:100%;}
.wisardsteps .colormakerdiv div .image a img {width:inherit;}

.wisardsteps .colormakerdiv .colormaker {padding:0 10px; font-size:14px;}
.wisardsteps .colormakerdiv .colormaker p {display:flex; height:33px; margin-bottom:11px; align-items:center;}
.wisardsteps .colormakerdiv .colormaker p span {width:120px; display:inline-block;}
.wisardsteps .colormakerdiv .colormaker p a {display:inline-block; width:30px; height:30px; border:2px solid white; outline:1px solid #CACACA; margin-right:14px; cursor:pointer;}
.wisardsteps .colormakerdiv .colormaker p input {width:70px; display:inline-block; margin-left:5px; padding:0 6px;}

.wisardsteps .fontbox {padding:10px; margin-bottom:20px; border-radius:10px; border:1px solid rgba(224, 224, 224, 0); transition:all 0.3s; cursor:pointer;}
.wisardsteps .fontbox:hover,
.wisardsteps .activefont {background-color:white; border:1px solid rgba(224, 224, 224, 1);}
.wisardsteps .fontbox .fontname {border-bottom:1px solid rgba(224, 224, 224, 1); line-height:34px;}
.wisardsteps .fontbox span {margin:0 20px 20px; font-size:14px; color:#f07d00;}
.wisardsteps .fontbox h2 {margin:0 20px 0; font-size:50px;}
.wisardsteps .fontbox h3 {margin:0 20px 10px; font-size:30px;}
.wisardsteps .fontbox a {display:block; margin:0 20px 20px; font-size:11px; color:rgba(37, 37, 37, 1)!important;}
.wisardsteps .fontbox .fonttext {margin:0 20px; font-size:14px;}

.wisardsteps footer p {margin:0;}
.wisardsteps footer p .showtitle {padding:10px 0;}
.wisardsteps footer nav {display:inline-block;}

.wisardsteps .modal-backdrop.in {filter:alpha(opacity=80); opacity:0.8;}

.wisardsteps .dont_finish {position:fixed; top:0; right:0; bottom:0; left:0; z-index:1040; background-color:rgba(0,0,0,0.8); align-items:center;}
.wisardsteps .dont_finish .alertbox {margin:0 auto; border-radius:10px; background-color:white; width:670px; box-shadow:inset 0 -83px 173px 43px #e5e5e5;}
.wisardsteps .dont_finish .alertbox h3 {color:#f07d00; margin-top:0; text-transform:uppercase; font-size:20px; margin-bottom:20px;}
.wisardsteps .dont_finish .alertbox .topp {margin:0;}
.wisardsteps .dont_finish .alertbox input {margin:7px 0;}
.wisardsteps .dont_finish .alertbox button {font-size:16px; color:white; text-shadow:1px 1px 1px #767676; text-transform:uppercase; padding:6px 42px; margin-right:3px;}
.wisardsteps .dont_finish .alertbox form {padding:54px 15px 70px 210px; background-image:url("../images/girl.png"); background-repeat:no-repeat; background-position:left center;}
.wisardsteps .dont_finish .alertbox .wsgbutton1 {background-color:#8d8d8d; border:1px solid #686b61; box-shadow:inset 0 -16px 20px #686868;}
.wisardsteps .dont_finish .alertbox .wsgbutton2 {background-color:#f07d00; border:1px solid #850441; box-shadow:inset 0 -16px 20px #900146;}
.wisardsteps .dont_finish .alertbox .wsgbutton3 {background-color:#3090c0; border:1px solid #3ca9dc; box-shadow:inset 0 -16px 20px #DF6E00; margin-right:0;}


#accordion {margin-bottom:0;}
#accordion .panel-heading {background-color:rgb(241, 241, 241);padding:0px;border-radius: 0;transition: 0.5s;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;}
#accordion .panel-heading.active {background-color:#fff;}
#accordion .panel-heading.active h4 a {color:#f07d00;}
 #accordion .panel-heading:hover {background-color: #f07d00;}
 #accordion .panel-heading:hover h4 a {color:#fff;}
#accordion .panel-heading h4 a {text-transform: uppercase;color: #fff;font-family: 'Raleway', sans-serif;font-size: 20px;    display: block;    padding: 15px 15px;    color: #333;} 

a:focus {text-decoration: none}



/*Egyedi webshop design*/
.content-wrap .demos-content{
    padding: 15px;
    border:1px solid transparent;
        margin-bottom: 30px;
}
.content-wrap .demos-content{
    -webkit-box-shadow: 0 1px 45px rgba(140, 140, 140, 0.2);
    -moz-box-shadow: 0 1px 45px rgba(140, 140, 140, 0.2);
    box-shadow: 0 1px 45px rgba(140, 140, 140, 0.2);
    cursor: po

}
.content-wrap .demos-content:hover{
    -webkit-box-shadow: 0 1px 45px rgba(0,0,0,0.2);
    -moz-box-shadow: 0 1px 45px rgba(0,0,0,0.2);
    box-shadow: 0 1px 45px rgba(0,0,0,0.2);
}
.content-wrap a.button:hover,
.content-wrap a.button:last-child{
    background: #9e9e9e;
    border-color: #9e9e9e;
}
.content-wrap .home-name{
   font-size: 16px;
    color: #222222;
    margin: 40px 0;
    text-align: center;
    font-weight: 600;
    text-transform: uppercase;
        font-family: 'Raleway', sans-serif;
}
.image-wrap{height: 500px;background-repeat: no-repeat;background-size: 100%;-webkit-transition: all 4s ease-out;-moz-transition: all 4s ease-out;-ms-transition: all 4s ease-out;-o-transition: all 4s ease-out;transition: all 4s ease-out;max-width: 610px;max-height: 460px;overflow: hidden;}

.demos-content:hover .image-wrap {
    background-position: center 100%!important;
}
.demo1 .image-wrap{
    background-image: url(../images/references/home1.jpg);
}
.demo2 .image-wrap{
    background-image: url(../images/references/home2.jpg);
}
.demo3 .image-wrap{
    background-image: url(../images/references/home3.jpg);
}
.demo4 .image-wrap{
    background-image: url(../images/references/home4.jpg);
}
.demo5 .image-wrap{
    background-image: url(../images/references/home5.jpg);
}
.demo6 .image-wrap{
    background-image: url(../images/references/home6.jpg);
}
.demo7 .image-wrap{
    background-image: url(../images/references/home7.jpg);
}
.demo8 .image-wrap{
    background-image: url(../images/references/home8.jpg);
}
.demo9 .image-wrap{
    background-image: url(../images/references/home9.jpg);
}




/*Pricing Table*/


.cl { clear: left; }





.right_pricing .pricetable2 {    font-size: 14px;
    }
.right_pricing .pricetable2 h3 {    background-color: #f07d00;
    color: #fff;
    font-family: "Raleway", "Arial", sans-serif;
    font-size: 22px;
    text-transform: uppercase;
    line-height: 33px;
    padding: 20px 0;
    margin: 0;}
.right_pricing  .pricetable2 hr {margin-top:20px; margin-bottom:20px; border-top:1px solid rgba(255, 255, 255, 0.20);}
.right_pricing .pricetable2 .inside > p {font-size:16px;}
.right_pricing  .pricetable2 .inside > p span {color:#3090c0; font-weight:bold;}
.right_pricing .pricetable2 .inside {    padding: 14px;
    }
.right_pricing  .pricetable2 table tr td {    padding: 8px 0;
    line-height: 17px;
    font-size: 12px;
    border-top: 1px solid rgba(255, 255, 255, 0.20);}
.right_pricing  .pricetable2 table tr td:first-child {width:65%;}
.right_pricing  .pricetable2 table tr:first-child td{border-top:none;}
.right_pricing  .pricetable2 table tr td i {font-size:18px;}
.right_pricing  .pricetable2 #siteForm .toptext {font-size:16px; padding-bottom:20px;}
.right_pricing  .pricetable2 #siteForm .toptext span {color:rgba(172, 0, 83, 0.9); font-weight:bold;}
.right_pricing  .pricetable2 #siteForm .form-group {margin-bottom:10px;}
.right_pricing  .pricetable2 #siteForm textarea {resize:vertical; height:149px;}
.right_pricing  .pricetable2 #siteForm .form_submit {text-align:right;}
.right_pricing  .pricetable2 #siteForm .form_submit .submit {background:none; color:rgba(172, 0, 83, 1); text-transform:uppercase; font-size:20px; border:none; box-shadow:none; padding:0; margin-top:5px;}



.right_pricing h2 {background-color:#f07d00; color: #fff; font-family: "Raleway", "Arial", sans-serif; font-size: 22px; text-transform: uppercase; line-height: 33px; padding: 20px 0; margin: 0; margin-bottom: 20px; text-align: center;}
.right_pricing #siteForm {padding:0 15px;}
.right_pricing #siteForm .toptext {font-size: 14px;font-size: 12px;}
.right_pricing #siteForm .btn-primary {border-radius:0;text-transform: uppercase;font-size: 16px;    width: 100%;}
.right_pricing #siteForm .form-control {background-color: rgb(226, 226, 226);border: none;font-size: 12px;}
.right_pricing #siteForm .form-control.textareaelement {resize: none}
.right_pricing .error_message {color:red;font-size: 12px}

.left_pricing a.btn-primary {background-color:#3090c0;color: #fff;text-transform: uppercase;font-size: 26px;padding: 12px 0;border-radius: 0;font-weight: 600;color:#fff !important;}

/* ---------- Price Container Styles ---------- */
div.priceContainer {
    margin: 0 auto;

    font-family: "Raleway", "Arial", sans-serif;
    color: #31b4b6;
}

    div.priceContainer span {
        font-size: 12px;
        color: #a1a7b0;
        position: relative;
            top: -21px;
    }
    
div.price1 {
    background:  top center no-repeat;
    width: 112px;
    height: 112px;
    
    margin-top: 36px;
    
    font-size: 24px;
}

    div.price1 p { padding-top: 30px;color:#f07d00;font-size: 28px;margin: 0;}

div.price2 {
    background: url("../images/price2BG.png") top center no-repeat;
    width: 122px;
    height: 122px;

    margin-top: 31px;
    
    font-size: 28px;
}

    div.price2 p { padding-top: 35px;color:#f07d00;font-size: 28px;margin: 0;  }

div.price3 {
    background: url("../images/price3BG.png") top center no-repeat;
    width: 132px;
    height: 132px;

    margin-top: 26px;
    
    font-size: 32px;
}

    div.price3 p { padding-top: 40px;color:#f07d00;font-size: 28px;margin: 0; }

div.price4 {
    background: url("../images/price4BG.png") top center no-repeat;
    width: 142px;
    height: 142px;

    margin-top: 21px;
    
    font-size: 36px;
}

    div.price4 p { padding-top: 45px;color:#f07d00;font-size: 28px;margin: 0; }





/* ---------- Pricing Table Styles ---------- */

#pageContainer {margin-top:60px;}

div#tableContainer {
    border: 1px solid #e2e7eb;
    padding: 1px;
    
    background: url("../images/tableBottomBG.png") left bottom repeat-x;
}

div.tableCell {
    border-right:1px solid #e2e7eb;
        width: 25%;
    float: left;
    
    text-align: center; 
}


table.pricingTableContent tr td { text-align: center; vertical-align: middle; width: 25%; border-right: 1px solid #e2e7eb; color: #77808a;font-size: 14px;}

.noBorder {border-right: none; } 
div.tableHeading {background:rgb(243, 243, 243);padding-top: 25px;height: 111px;}
div.tableHeading h2 {font-family: "Raleway", "Arial", sans-serif;font-size: 20px;   margin: 0;}

table.pricingTableContent tr td { padding: 10px 0; }

table.pricingTableContent tr.altRow td { background-color: #f5f5f5; }

table.pricingTableContent tr.signUpRow td { padding: 75px 0 20px 0;     height: 130px;}

table.pricingTableContent td strong { color: #424447; }


table.pricingTableContent tfoot td {
    border-top: 1px solid #e2e7eb;
    padding: 25px 5px;
}

    table.pricingTableContent tfoot td h4 {
        color: rgba(0, 0, 0, 0.9);
        font-size: 18px;
    }

    table.pricingTableContent tfoot td span {
        display: block;
        font-size: 12px;
        color: #a1a7b0;
        margin-bottom: 15px;
    }   


table.pricingTableContent {width: 100%;margin-bottom:0;}


/* ---------- Recommended Plan Styles ---------- */
div.recommended .tableHeading, td.recommended {
    background:rgb(243, 243, 243);
}

    div.recommended .tableHeading {
        background: rgb(243, 243, 243) url(../images/recommendationBadge.png) top left no-repeat;
        margin-top: -20px;
        padding-top: 45px;
            height: 131px;
    }
    
    table.pricingTableContent tr.altRow td.recommended { background-color:#e2e2e2;}
    
    table.pricingTableContent td.recommended strong, table.pricingTableContent tfoot td.recommended h4 {  }
    
    table.pricingTableContent tfoot td.recommended { border-top: 1px solid #e2e7eb}
    
div.recommended .price1 {background: url("../images/price1BGRecommended.png") top center no-repeat;}
div.recommended .price2 {background: url("../images/price2BGRecommended.png") top center no-repeat;}
div.recommended .price3 {background: url("../images/price3BGRecommended.png") top center no-repeat;}
div.recommended .price4 {background: url("../images/price4BGRecommended.png") top center no-repeat;}



/* ---------- Button Styles ---------- */
a.signUpButton {
  display: none;

}

a.signUpButton:hover {background-color: #79db43; /* Fallback Color */ background: -moz-linear-gradient(top, #79db43, #66c730); /* FF 3.6+ */ background: -webkit-linear-gradient(top, #79db43, #66c730); /* Safari 5.1+, Chrome 10+ */ }




/* ---------- Browser Compatibility Fixes ---------- */
.ie7 .price1 p { padding-top: 25px; }
.ie7 .price2 p { padding-top: 30px; }
.ie7 .price3 p { padding-top: 30px; }
.ie7 .price4 p { padding-top: 35px; }

.ie7 .priceContainer span { display: inline-block; }

.ie7 div.recommended .tableHeading {z-index: 100; position: relative; }
.ie7 table.pricingTableContent tr.signUpRow td.recommended { z-index: 10; }



#WizardForm  .checkbox.others {padding-top:0;}
#WizardForm  .checkbox.others .checkbox-inline {padding-top:0;}

/*Wizard elemek*/
/*Checkbox*/
#WizardForm /* Create a custom checkbox */
/* Hide the browser's default checkbox */
#WizardForm label {position: relative}
#WizardForm .checkmark {position: absolute;
    top: 2px;
    left: -9px;
    height: 22px;
    width: 22px;
    background-color: #fff;
    border: 1px solid #ccc;}
/* On mouse-over, add a grey background color */
#WizardForm label:hover input ~ .checkmark {
        border: 2px solid #f07d00;}
/* When the checkbox is checked, add a blue background */
#WizardForm input:checked ~ .checkmark {background-color:#f07d00;border-color: #f07d00; }
/* Create the checkmark/indicator (hidden when not checked) */
#WizardForm .checkmark:after {content: "";position: absolute;display: none; }
/* Show the checkmark when checked */
#WizardForm input:checked ~ .checkmark:after {display: block; }
/* Style the checkmark/indicator */
#WizardForm .checkmark:after {content: "\f00c";position: absolute;top:3px;left: 3px;font-size:23px;line-height: 0.8;color: #fff;transition: all .2s;font: normal normal normal 14px/1 FontAwesome;}
#WizardForm .aszf-check {padding-top: 0}
#WizardForm .aszf-check .checkbox-inline {padding-left: 37px;padding-top: 0}
#WizardForm .aszf-check .checkmark {left:0;}

/*Radio Button*/
/* Create a custom radio button */
#WizardForm .radiomark {     position: absolute;
    top: 2px;
    left: 0;
    height: 21px;
    width: 21px;
    background-color: #fff;
    border-radius: 50%;
    border: 1px solid #ccc;}
/* On mouse-over, add a grey background color */
#WizardForm label:hover input ~ .radiomark {background-color: #f07d00; }
/* When the radio button is checked, add a blue background */
#WizardForm  input:checked ~ .radiomark {background-color:#f07d00;    border-color: #f07d00; }
/* Create the indicator (the dot/circle - hidden when not checked) */ 
#WizardForm .radiomark:after {content: ""; position: absolute; display: none; }
/* Show the indicator (dot/circle) when checked */ 
#WizardForm  input:checked ~ .radiomark:after {display: block; }
/* Style the indicator (dot/circle) */ 
#WizardForm .radiomark:after {      top: 4px;
    left: 4px;
    width: 11px;
    height: 11px;
    border-radius: 50%;
    background: white;}
#WizardForm .radio-inline {padding-left: 28px !important;position: relative;padding-top: 0}



/*#WizardForm label:hover .radiomark {
  -webkit-animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
  -moz-animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
  -ms-animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
  animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
      box-shadow: 0 0 0 0 rgba(172, 0, 83, 0.7);
}*/
#WizardForm .radiomark:hover 
{
  -webkit-animation: none;-moz-animation: none;-ms-animation: none;animation: none;
}

@-webkit-keyframes pulse {to {box-shadow: 0 0 0 8px rgba(172, 0, 83, 0);}}
@-moz-keyframes pulse {to {box-shadow: 0 0 0 8px rgba(172, 0, 83, 0);}}
@-ms-keyframes pulse {to {box-shadow: 0 0 0 8px rgba(172, 0, 83, 0);}}
@keyframes pulse {to {box-shadow: 0 0 0 8px rgba(172, 0, 83, 0);}}






#WizardForm .radio label{transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; padding-left:23px;padding-bottom: 6px !important}



#WizardForm .alap_beallitasok {width:600px;}
#WizardForm .arculat {width:800px;}
#WizardForm .arculat .sectionbody {padding:15px 15px 15px 45px;}
#WizardForm .altalanos_funkciok {width:600px;}
#WizardForm .webaruhaz_funkciok {width:600px;}
#WizardForm .egyeb_beallitasok {width:600px;}

#WizardForm section {position:relative; margin-top:40px;}
#WizardForm section .labelname {text-transform:uppercase; font:17px/30px 'Open Sans', sans-serif; font-weight:bold; text-align:left; letter-spacing:-1px;    font-family: 'Raleway', sans-serif;}
#WizardForm section .title {    background-color: rgb(0, 149, 218);
    z-index: 100;}
#WizardForm section .title h2 {font: 24px/30px 'Open Sans', sans-serif;color: white;margin: 0;text-align: left;padding: 10px 20px;font-weight:normal;font-family: 'Raleway', sans-serif;font-weight: 300;}
#WizardForm section .sectionbody .badge {background-color:#f07d00;}
#WizardForm section .sectionbody {border:1px solid #ddd;background-color:white; padding:20px 40px; /*padding-left:70px;*/}
#WizardForm section .sectionbody .click_group {background-color:#f9f9f9; border:1px solid #e8e8e8; border-radius:0; padding:15px; padding-bottom:  15px;}
#WizardForm section .sectionbody .click_group.colormakerdiv {padding-bottom: 40px;}
#WizardForm section .sectionbody .click_group .checkbox-inline {padding-top:0;    position: relative;}
#WizardForm section .sectionbody .click_group .img img {    margin-left: 10px;height: 20px;position: absolute;right: 130px;top: auto;-webkit-filter: grayscale(100%);filter: grayscale(100%);opacity: 0.4;  transition: 0.5s;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;}
#WizardForm section .sectionbody .click_group .img.active img {-webkit-filter: grayscale(0%);filter: grayscale(0%);opacity: 1;}

#WizardForm section .sectionbody .inputrow {margin:0; background-color:#f2f2f2; border-top-right-radius: 3px;border-bottom-right-radius: 3px;}
#WizardForm section .sectionbody .inputrow .col-sm-11 {padding:0;}
#WizardForm section .sectionbody .inputrow .extraaddon {margin:0; float:left;}
#WizardForm section .sectionbody .inputrow .col-sm-1 {padding:0;}
#WizardForm section .sectionbody .rowplus {margin-right:0; margin-left:0; background-color:#f2f2f2; border-radius:0;}
#WizardForm section .sectionbody .panel-body {padding:15px 30px;}
#WizardForm section.arculat .radiomark {left:-50px;top:0;}
#WizardForm section.arculat p.fontname .radiomark {left:-28px;top:17px;}


.setgroup .setgroup {padding-left:20px;}
.checkbox-horizontal .radio-inline {padding-left:15px!important; padding-bottom:7px!important; padding-top:0!important;}
.checkbox-horizontal .checkbox-inline {padding-left:24px!important; padding-top:7px!important;}
.checkbox-inline .checkbox-inline,
.checkbox-inline .radio-inline {padding-top:0;    position: relative;}
.checkbox-inline {padding-left:0;}

.click_group .radio {padding-top:0;}
.click_group .checkbox-horizontal .checkbox-inline {padding-top:0!important; padding-bottom:5px;}

.wisardsteps .plustitle {margin-left:-15px;}
.wisardsteps .staywithme {top:0; padding:4px 0!important; font-size:25px!important; position:fixed!important;}
.wisardsteps .staywithme2 {top:37px; position:fixed!important; height:135px; padding: 7px 0;}
.wisardsteps .staywithme2 .title {height:0;}
.wisardsteps .mainstable {margin-top:183px!important;}

/*Keyframes*/
/*@-webkit-keyframes spinright{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}
@-webkit-keyframes spinleft{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(-359deg);transform:rotate(-359deg)}}*/

.right_pricing { border: 1px solid #e2e7eb;
    padding: 0px;
    background:rgb(243, 243, 243) url(../images/tableBottomBG.png) left bottom repeat-x;  margin-top: 60px;}









#centerfooter-wrapper{background-color:#232323;padding:60px 0;background-image:url('../images/footerbg.jpg');background-repeat:no-repeat;background-position:center top;background-size:cover}
#centerfooter-wrapper .contact .content-wrap p.addresses:before {content: "\f041";font: normal normal normal 14px/1 FontAwesome;    font-size: 18px;
    width: 31px;
    display: inline-block;
    text-align: center;}
#centerfooter-wrapper .contact .content-wrap p.phone:before {content: "\f10b";font: normal normal normal 14px/1 FontAwesome;    font-size: 18px;
    width: 31px;
    display: inline-block;
    text-align: center;}
#centerfooter-wrapper .contact .content-wrap p.mail:before {content: "\f003";font: normal normal normal 14px/1 FontAwesome;    font-size: 18px;
    width: 31px;
    display: inline-block;
    text-align: center;}
#centerfooter-wrapper .contact .content-wrap p{font-size:14px;color:#797979;line-height:24px}
#centerfooter-wrapper .contact .content-wrap p strong{color:#fff}
#centerfooter-wrapper .contact .content-wrap ul li{color:#fff;font-weight:300;font-size:14px;line-height:40px}
#centerfooter-wrapper .page-header{font-size:22px;color:#fff;padding-bottom:10px;margin-bottom:30px;margin-top:30px;position:relative; border-color:rgba(255, 255, 255, 0.20);    display: inline-block;}
#centerfooter-wrapper .page-header:after{height:2px;margin-top:3px}
#centerfooter-wrapper .page-header:before{width:50px;height:5px;content:"";display:block;background-color:#f07d00;position:absolute;bottom:-3px;z-index:99}
#centerfooter-wrapper p{color:#fff;font-size:16px;margin-bottom:10px}
#centerfooter-wrapper a{color:#fff}
#centerfooter-wrapper a:hover {color: #3090c0;}
#centerfooter-wrapper .contact_text i{color:#696969;font-size:17px;height:33px}
#centerfooter-wrapper .contact_text .txtTitle{color:#fff;text-transform:uppercase}
#centerfooter-wrapper .contact_text .txtValue{color:#696969}
#centerfooter-wrapper .contact_text .txtValue a{color:#696969}
#centerfooter-wrapper .social_media{margin-top:30px}
#centerfooter-wrapper .social_media i{margin:2px;overflow:hidden;-webkit-transition:all 0.2s ease 0s;-moz-transition:all 0.2s ease 0s;transition:all 0.2s ease 0s;font-size:14px;box-shadow:none;font-size:15px;width:37px;height:37px;background:#212121;text-align:center;line-height:37px;color:#fff}
#centerfooter-wrapper .social_media i.fa-facebook:hover{background-color:#3b5998}
#centerfooter-wrapper .social_media i.fa-twitter:hover{background-color:#00aced}
#centerfooter-wrapper .social_media i.fa-google-plus:hover{background-color:#df4b37}
#centerfooter-wrapper .social_media i.fa-linkedin:hover{background-color:#0d77b7}
#centerfooter-wrapper .social_media i.fa-pinterest:hover{background-color:#cd2029}
#centerfooter-wrapper .social_media i.fa-rss:hover{background-color:#f26522}
#centerfooter-wrapper .wsproducts ul li{margin-bottom:10px}
#centerfooter-wrapper .wsproducts ul li a{text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;color:#696969;position:relative;padding-left:9px}
#centerfooter-wrapper .wsproducts ul li a:hover{color:#fff;opacity:1}
#centerfooter-wrapper .wsproducts ul li a:before{content:"\f105";font:normal normal normal 14px/1 FontAwesome;padding-right:5px;position:absolute;top:3px;left:0}
#centerfooter-wrapper .share {margin-top:15px;}
#centerfooter-wrapper .share a {    display: block;
    font-size: 18px;
    height: 40px;
    line-height: 42px;
    text-align: center;
    width: 40px;
    border-radius: 4px;
    position: relative;
    z-index: 1;
        margin: 0 3px;
    box-shadow: inset 0 0 0 1px #7c7c7c;
    padding: 0;}
#centerfooter-wrapper .share a:hover:after {
        transform: scale(1);
    opacity: 1;
}

#centerfooter-wrapper .share a:hover {
    color:#fff !important;
}

#centerfooter-wrapper .share a:after {position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: #f7c51e;
    transition: .4s;
    border-radius: 4px;
    opacity: 0;
    transform: scale(1.3);
    color: #fff;
    z-index: -1;}

#centerfooter-wrapper .share a.facebook:after {
    background-color: #3b5998;
}


#centerfooter-wrapper .share a.twitter:after {
    background-color:  #00aced;
}


#centerfooter-wrapper .share a.googleplus:after {
    background-color: #d34836;
}


#centerfooter-wrapper .share a.linkedin:after {
    background-color: #0077b5;
}

#centerfooter-wrapper .content-wrap .text ul  {padding-left: 0;}

#centerfooter-wrapper .content-wrap .text ul li:before {
    content: "\f105";
    font: normal normal normal 14px/1 FontAwesome;
    padding-right: 5px;
    color: #f07d00;
}


.overlayGray {
        position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(235, 235, 235, 0.79);
    z-index: 0;
}




/* Small devices (mobile) */
@media (min-width: 480px) {
	header .info .container > div {height:53px; display:flex; align-items:center;}
	header .info {font-weight:bold; display:flex; height:82px; align-items:center; top:6px;}
	#wizardnow ul li p {width:auto;}
	#mobileopt .fulltitle strong {font-size:50px;}
	#modernservers .fulltitle strong {font-size:50px;}
	#modernservers .fulltitle {font-size:50px;}
}


/* Small devices (mobile) */
@media (min-width: 768px) {
	#menu-wrapper a:hover,
	#menu-wrapper a:focus,
	#menu-wrapper #active_menu1 {background-color:transparent;}
	#wizardnow .fulltitle {font-size:50px;}
    #joinsoftwares .fulltitle {font-size:45px;  line-height: 65px;}
#joinsoftwares .fulltitle strong  {font-size:50px;}
#design .fulltitle {font-size: 50px;line-height: 65px;}
    #help .fulltitle {font-size:50px; margin-bottom:6%;font-family: 'Raleway', sans-serif;font-weight: normal;line-height: 65px}
#help .fulltitle strong {color:#f07d00; display:block; font-size:50px;}
#fbintegration i {color:white; font-size:11em;}
#fbintegration .content-wrap {color:white;}
#fbintegration .fulltitle {font-size:50px;}
footer nav .navbar-nav > li ,.basebody footer nav .navbar-nav > li {float:none; display:inline-block; padding:0 10px;}
#wizardnow ul {display:inline-block; padding:0; margin-top:20px;}
#mobileopt .fulltitle {font-size: 50px;
    margin-bottom: 6%;
    font-family: 'Raleway', sans-serif;
    line-height: 65px;
    font-weight: normal;}
#mobileopt .fulltitle strong {color:#f07d00; display:block; font-size:50px;}
#modernservers .fulltitle {font-size:50px; margin-bottom:6%;font-family: 'Raleway', sans-serif; 
    line-height: 65px;font-weight: normal;}
#modernservers .fulltitle strong {color:#f07d00; display:block; font-size:50px;}
#wizardnow {min-height:800px;}

}


/* Medium devices (tablets) */
@media (min-width: 992px) {
    .navbar-nav {float: right;}
    .right_pricing { border: 1px solid #e2e7eb;
    padding: 0px;
    background:rgb(243, 243, 243) url(../images/tableBottomBG.png) left bottom repeat-x;  margin-top: 60px; width: 20%}
.col-md-10.left_pricing {width: 80%} 
	header .info .call {display:flex; align-items:center;}
	header .info .call span {font-size:17px; font-weight:normal !important;}
	header .info .login {text-align:left;}
	header .scrolled-top .container > div {display:flex; align-items:center; height:90px; padding:0;}
     .section10 form {width:44%}
     #marketing .fulltitle, #wsdisplacement .fulltitle {font-size: 50px;}
     #menu-wrapper ul > li > a > button {font-size:14px; padding:32px 14px;} 
    .basebody .contentbox .right_col, .basebody .contentbox .left_col, .basebody .contentbox .left_col_white, .basebody .contentbox .right_col_black {height:680px;}
    .basebody #main-wrapper > .topbgtext {width:45%; position:absolute; top:0px; left:0; height:592px; display:flex; padding-left:85px; flex-direction:column; justify-content:center;}
 
    .basebody .contentbox .left_col_white {padding: 3%;}
    .basebody .contentbox .right_col_black {padding:3%;}
    .basebody #main-wrapper .bottomtext ul li span {    border-radius: 60px;
    font-size: 47px;
    width: 110px;
    height: 110px;
    line-height: 89px;
    text-align: center;
    left: 0;
    top: 15px;
    display: block;
    margin: 0 auto;
    font-weight: 600;
    color: #fff;
    border: 3px solid #fff;
    /* box-shadow: 0 0 16px rgba(123, 121, 121, 0.66); */
    padding: 0;
    background-color: rgb(0, 149, 218);
    margin-top: 20px;
    position: absolute;
    left: -10px;
    top: -15px;
    font-size: 61px;
    font-weight: 300;}
    #main-wrapper.base .content-wrap ul li.whyus {background-color: #efefef;border-radius: 80px; margin-bottom: 20px;border-radius: 70px 0 0 75px;}

      header.section0.startpage .container > .row{
    display: flex;
    justify-content: center;
    align-items: center;
    }
}


/* Large devices (large desktops) */
@media (min-width: 1200px) {
       #titlebg {    background: repeat scroll 50% 0 #f2f2f2;
    height:275px;
    margin-bottom: 0px;
    overflow: hidden;
    position: relative;
    width: 100%;
    padding: 0px 0;
    padding-top:100px;}
    #titlebg .gotowizard .container {position: relative;z-index:1; display: flex;justify-content: center; align-items: center;    height:160px;}
     .basebody .contentbox .left_col_white {padding: 5%;}
    .basebody .contentbox .right_col_black {padding: 5%;}
    #menu-wrapper ul > li > a {font-size:14px; }
    header.section0.startpage {position: absolute;top:0;left:0;width: 100%;z-index: 2;    background: rgba(255,255,255,0.9);
    border-bottom: 1px solid #e5e5e5;}
    .section10 form {width: 42%}
    .basebody .contentbox .right_col, .basebody .contentbox .left_col, .basebody .contentbox .left_col_white, .basebody .contentbox .right_col_black {height:680px;}
	/*header .logo {text-align:left;}*/
	header .info strong {font-size:19px;}
	#marketing .features {padding:0 18%;}
	#design .features {padding:0 18%;}
	header .scrolled-top .container .gotowizard .text {font-size:22px;}
	header .scrolled-top .container .gotowizard form button {margin-top:0;}
}


@media (min-width: 1600px) {
    #wizardnow .warrow {
        display: block;
    }
.basebody .contentbox .right_col, .basebody .contentbox .left_col, .basebody .contentbox .left_col_white, .basebody .contentbox .right_col_black {height:600px;}
}

/* JAVTÓK
------------------------------------------------------------------------------------------------------------------------ */
pre {position:relative; z-index:100000; margin-bottom:0; border-radius:0; border:0; color:#fff; background-color:#333;}

.affix {position:fixed!important;}
#SkypeButton_Call img {margin:0!important; vertical-align:top!important; height:53px;}
.tipicon, .tipicon2 {    background-color: #3090c0;
    color: white!important;
    border: 1px solid #3ca9dc;
    position: absolute;
    left: -13px;
    top: -13px;
    width: 26px;
    height: 26px;
    text-align: center;
    border-radius: 30px;
    z-index: 100;
    transition: all 0.2s;
    line-height: 22px;}
.tipicon:hover, .tipicon2:hover {background-color: #f07d00;border-color: #f07d00;}

.tipicon3 {font-family:"Open Sans",sans-serif; background-color:#3090c0; color:white!important; display:inline-block;  width:31px; height:31px; text-align:center; border-radius:30px; z-index:100; transition:all 0.2s; line-height:31px; margin-top:10px;}
.tipicon3:hover {background-color: #f07d00;cursor: pointer;}

.popover-content {font:17px 'Open Sans', sans-serif; font-weight: 300}
 .popover{background: rgba(255, 255, 255) none repeat scroll 0 0;border-radius: 0;  }
 .popover.left>.arrow:after {border-left-color:rgba(255, 255, 255);}
 .popover-title {background-color:#f07d00; color:white; font-size:17px;border-radius: 0;border:none;}


a:hover {text-decoration:none;}
a {    transition: 0.5s;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;}
.basebody section a {color: rgba(172, 0, 83, 0.9);}
.basebody section a:hover {color:#3090c0;}
.colpick_submit {left:207px; /*width:74px!important;*/ width:69px!important; font-size:11px; /*top:147px;*/ top:144px; border:1px solid #ea7420; text-shadow:1px 1px #a85116; background-color:#3090c0; border:1px solid #3ca9dc; box-shadow:inset 0 -16px 20px #DF6E00; color:white;}
.colpick_submit:hover {background-color:#FFAC2D; border:1px solid #3ca9dc;}
.btn {font-size:initial; font-weight:initial; line-height:initial; white-space:normal;}
.form-control {font-family:"Open Sans",sans-serif;    box-shadow: none;    border-radius: 0;}
.form-control::-moz-placeholder{font-family: 'Open Sans',sans-serif !important;}
.has-error .wsg_subdomain_errors {position:relative; bottom:15px; left:0; background-color:rgba(0,0,0,0.6); /* color:white; */ border-color:rgba(0,0,0,0.6); width:100%; padding:1% 2%;}

.close {font-family:sans-serif;}

.btn-primary {background-color:#3090c0; border:1px solid #3ca9dc;/* box-shadow:inset 0 -16px 20px #DF6E00;*/ font:23px 'Open Sans', sans-serif; transition:all 0.3s;border-radius: 0;-webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
    transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
    -webkit-transition: border-color 0.4s, color 0.4s;
    -ms-transition: border-color 0.4s, color 0.4s;
    -o-transition: border-color 0.4s, color 0.4s;
    -moz-transition: border-color 0.4s, color 0.4s;
    transition: border-color 0.4s, color 0.4s;
    z-index: 1;
    position: relative;
    border-radius: 3px;
    z-index: 1;
    overflow: hidden;    font-weight: 300 !important; border-radius: 3px !important}

.btn-primary:before {
        -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
    transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
    content: '';
    position: absolute;
    border-radius: 3px;
    top: 0;
    background: #f07d00;
    left: -3px;
    width: 104%;
    height: 100%;
    z-index: -1;
    opacity: 0;
    -moz-transform: scale3d(0.7, 1, 1);
    -ms-transform: scale3d(0.7, 1, 1);
    -o-transform: scale3d(0.7, 1, 1);
    -webkit-transform: scale3d(0.7, 1, 1);
    transform: scale3d(0.7, 1, 1);
    -webkit-transition: -webkit-transform 0.4s, opacity 0.4s;
    -: ;
    transition: transform 0.4s, opacity 0.4s;
    -ms-transition: transform 0.4s, opacity 0.4s;
    -o-transition: transform 0.4s, opacity 0.4s;
    transition: transform 0.4s, opacity 0.4s;
}
.btn-primary:hover {
    border-color:#f07d00;
}
.btn-primary:hover::before {
        opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
    transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
}

/*.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open>.dropdown-toggle.btn-primary {    background-color: #f07d00;border: 1px solid #860041;}*/
.btn:focus, .btn:active:focus, .btn.active:focus, .form-control:focus {    outline: none;
    border-color: inherit;
    box-shadow: none;
    border: 1px solid #f07d00; box-shadow: #f07d00 0px 0px 0px 1px;border-radius: 2px}
.input-group-addon {background-color:rgba(0,0,0,0.6); color:white; border-color:rgba(0,0,0,0.6);}
.has-feedback .form-control {padding-right:28.5px!important;}
.input-lg, .form-horizontal .form-group-lg .form-control {background-repeat:repeat-x; background-position:center top; border:1px solid #e8e8e8; height:52px; }

.btn-primary.disabled, .btn-primary[disabled], fieldset[disabled] .btn-primary, .btn-primary.disabled:hover, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary:hover, .btn-primary.disabled:focus, .btn-primary[disabled]:focus, fieldset[disabled] .btn-primary:focus, .btn-primary.disabled:active, .btn-primary[disabled]:active, fieldset[disabled] .btn-primary:active, .btn-primary.disabled.active, .btn-primary[disabled].active, fieldset[disabled] .btn-primary.active {background-color:#3090c0; border:1px solid #3ca9dc;}

.input-group-addon {background-color:rgba(0,0,0,0.6); color:white; border-color:rgba(0,0,0,0.6);}
.has-feedback .form-control {padding-right:28.5px!important;}
.input-lg, .form-horizontal .form-group-lg .form-control {background-repeat:repeat-x; background-position:center top; border:1px solid #f9f3f3; height:52px; box-shadow:inset 1px 1px 1px white;}






.btn-primary.disabled, .btn-primary[disabled], fieldset[disabled] .btn-primary, .btn-primary.disabled:hover, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary:hover, .btn-primary.disabled:focus, .btn-primary[disabled]:focus, fieldset[disabled] .btn-primary:focus, .btn-primary.disabled:active, .btn-primary[disabled]:active, fieldset[disabled] .btn-primary:active, .btn-primary.disabled.active, .btn-primary[disabled].active, fieldset[disabled] .btn-primary.active {background-color:#3090c0; border:1px solid #3ca9dc;}

.modalbutton {cursor:pointer;}

/*Jelszó erősség*/
.password_strength{position: relative;}
.password_strength #wsg_admin_pass{position: relative; z-index: 100; background-color: transparent; background-image: none;}
.strength_meter{position: absolute;left: 1px;top: 1px;width: 100%;height: 47px;border-radius: 19px;padding-right: 13px;z-index: -1;padding-right: 2px;padding-left: 0;z-index: 10}
.button_strength {text-decoration: none;color: #FFF;font-size: 13px; display: none;}
.strength_meter div{width: 100% !important;height: 50px;text-align: right;color: #000;line-height: 43px;-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;-ms-transition: all .3s ease-in-out;transition: all .3s ease-in-out;padding-right: 12px;border-radius: 5px; background-image: url("../images/input_bg.jpg"); background-repeat: repeat-x;background-position: center top;background-color: #ffffff;}
.strength_meter div p{position: absolute;top: 22px;right: 0px;color: #FFF;font-size:13px; }
.veryweak{background-color: #FFA0A0 !important; background-image: none !important; border-color: #F04040!important;width:25%!important;}
.weak{background-color: #FFB78C !important; background-image: none !important;border-color: #FF853C!important;width:50%!important;}
.medium{background-color: #FFEC8B !important; background-image: none !important;border-color: #FC0!important;width:75%!important;}
.strong{background-color: #C3FF88 !important; background-image: none !important;border-color: #8DFF1C!important;width:100%!important;}


.form-control-feedback.bv-icon-input-group.stop {
	top: 50px !important;
	right: 90px !important;
}

.form-control-feedback.bv-icon-input-group.fa-check{
	top: 55px !important;
	right: 90px !important;
}
.form-control-feedback.bv-icon-input-group.fa-refresh{
	top: 55px !important;
	right: 90px !important;
}



body {overflow: hidden;}
body.loaded {overflow:visible;overflow-x: hidden;}

#loader-wrapper {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1000;
    overflow: hidden;
}
#loader {
    display: block;
    position: relative;
    left: 50%;
    top: 50%;
    width: 150px;
    height: 150px;
    margin: -75px 0 0 -75px;
    border-radius: 50%;
    border: 3px solid transparent;
    border-top-color: #404041;

    -webkit-animation: spin 2s linear infinite; /* Chrome, Opera 15+, Safari 5+ */
    animation: spin 2s linear infinite; /* Chrome, Firefox 16+, IE 10+, Opera */
    z-index: 1001;
}

    #loader:before {
        content: "";
        position: absolute;
        top: 5px;
        left: 5px;
        right: 5px;
        bottom: 5px;
        border-radius: 50%;
        border: 3px solid transparent;
        border-top-color:#f07d00;

        -webkit-animation: spin 3s linear infinite; /* Chrome, Opera 15+, Safari 5+ */
        animation: spin 3s linear infinite; /* Chrome, Firefox 16+, IE 10+, Opera */
    }

    #loader:after {
        content: "";
        position: absolute;
        top: 15px;
        left: 15px;
        right: 15px;
        bottom: 15px;
        border-radius: 50%;
        border: 3px solid transparent;
        border-top-color: #3090c0;

        -webkit-animation: spin 1.5s linear infinite; /* Chrome, Opera 15+, Safari 5+ */
          animation: spin 1.5s linear infinite; /* Chrome, Firefox 16+, IE 10+, Opera */
    }

    @-webkit-keyframes spin {
        0%   { 
            -webkit-transform: rotate(0deg);  /* Chrome, Opera 15+, Safari 3.1+ */
            -ms-transform: rotate(0deg);  /* IE 9 */
            transform: rotate(0deg);  /* Firefox 16+, IE 10+, Opera */
        }
        100% {
            -webkit-transform: rotate(360deg);  /* Chrome, Opera 15+, Safari 3.1+ */
            -ms-transform: rotate(360deg);  /* IE 9 */
            transform: rotate(360deg);  /* Firefox 16+, IE 10+, Opera */
        }
    }
    @keyframes spin {
        0%   { 
            -webkit-transform: rotate(0deg);  /* Chrome, Opera 15+, Safari 3.1+ */
            -ms-transform: rotate(0deg);  /* IE 9 */
            transform: rotate(0deg);  /* Firefox 16+, IE 10+, Opera */
        }
        100% {
            -webkit-transform: rotate(360deg);  /* Chrome, Opera 15+, Safari 3.1+ */
            -ms-transform: rotate(360deg);  /* IE 9 */
            transform: rotate(360deg);  /* Firefox 16+, IE 10+, Opera */
        }
    }

    #loader-wrapper .loader-section {
        position: fixed;
        top: 0;
        width: 51%;
        height: 100%;
        background: #fff;
        z-index: 1000;
    }

    #loader-wrapper .loader-section.section-left {
        left: 0;
    }
    #loader-wrapper .loader-section.section-right {
        right: 0;
    }

    /* Loaded styles */
    .loaded #loader-wrapper .loader-section.section-left {
        -webkit-transform: translateX(-100%);  /* Chrome, Opera 15+, Safari 3.1+ */
            -ms-transform: translateX(-100%);  /* IE 9 */
                transform: translateX(-100%);  /* Firefox 16+, IE 10+, Opera */

        -webkit-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);  /* Android 2.1+, Chrome 1-25, iOS 3.2-6.1, Safari 3.2-6  */
                transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);  /* Chrome 26, Firefox 16+, iOS 7+, IE 10+, Opera, Safari 6.1+  */
    }
    .loaded #loader-wrapper .loader-section.section-right {
        -webkit-transform: translateX(100%);  /* Chrome, Opera 15+, Safari 3.1+ */
            -ms-transform: translateX(100%);  /* IE 9 */
                transform: translateX(100%);  /* Firefox 16+, IE 10+, Opera */

        -webkit-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);  /* Android 2.1+, Chrome 1-25, iOS 3.2-6.1, Safari 3.2-6  */
                transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);  /* Chrome 26, Firefox 16+, iOS 7+, IE 10+, Opera, Safari 6.1+  */
    }
    .loaded #loader {
        opacity: 0;

        -webkit-transition: all 0.3s ease-out;  /* Android 2.1+, Chrome 1-25, iOS 3.2-6.1, Safari 3.2-6  */
                transition: all 0.3s ease-out;  /* Chrome 26, Firefox 16+, iOS 7+, IE 10+, Opera, Safari 6.1+  */

    }
    .loaded #loader-wrapper {
        visibility: hidden;

        -webkit-transform: translateY(-100%);  /* Chrome, Opera 15+, Safari 3.1+ */
            -ms-transform: translateY(-100%);  /* IE 9 */
                transform: translateY(-100%);  /* Firefox 16+, IE 10+, Opera */
    
        -webkit-transition: all 0.3s 1s ease-out;  /* Android 2.1+, Chrome 1-25, iOS 3.2-6.1, Safari 3.2-6  */
                transition: all 0.3s 1s ease-out;  /* Chrome 26, Firefox 16+, iOS 7+, IE 10+, Opera, Safari 6.1+  */
    }


/*Switch */


.onoffswitch {
    position: relative; width: 77px;
    -webkit-user-select:none; -moz-user-select:none; -ms-user-select: none;
}
.onoffswitch-checkbox {
    display: none;
}
.onoffswitch-label {
    display: block; overflow: hidden; cursor: pointer;
    border: 2px solid #fff; border-radius: 14px;
}
.onoffswitch-inner {
    display: block; width: 200%; margin-left: -100%;
    transition: margin 0.3s ease-in 0s;
}
.onoffswitch-inner:before, .onoffswitch-inner:after {
    display: block; float: left; width: 50%; height: 15px; padding: 0; line-height: 15px;
    font-size: 12px; color: white; font-family: Trebuchet, Arial, sans-serif; font-weight: bold;
    box-sizing: border-box;
}
.onoffswitch-inner:before {
    content: "ON";
    padding-left: 10px;
    background-color: #C75B8E; color: #FFFFFF;
}
.onoffswitch-inner:after {
    content: "OFF";
    padding-right: 10px;
    background-color: #C7B420; color: #FFFFFF;
    text-align: right;
}
.onoffswitch-switch {
    display: block; width: 25px; margin: -5px;
    background: #0F90D1;
    position: absolute; top: 0; bottom: 0;
    right: 58px;
    border: 2px solid #fff; border-radius: 14px;
    transition: all 0.3s ease-in 0s; 
}
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {
    margin-left: 0;
}
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {
    right: 0px; 
}


.clearfix {margin: 0;padding: 0;height: 0;clear: both;} 


.modal-header {
	    min-height: 16.43px;
    padding: 15px;
    border-bottom: 1px solid #e5e5e5;
    background-color: #f07d00;
    color: #fff;
    font-weight: 600;
}


a {color:#3090c0;}

.cookieBarModal{background-color:rgba(255, 255, 255, .9);background-image:url(../images/logo.png);background-repeat:no-repeat;background-position:center 50px;overflow-y:scroll} 
.cookieBarModal .modal-header{border-bottom:none;background-color:transparent;}
.cookieBarModal .modal-body{padding-top:0; font-size: 14px;}
.cookieBarModal .modal-content{-webkit-box-shadow:0 5px 15px rgba(0, 0, 0, .5);box-shadow:0 5px 15px rgba(0, 0, 0, .5);border-radius: 0}
.cookieBarModal .modal.in .modal-dialog{-webkit-transform:translate(0, 0);-ms-transform:translate(0, 0);transform:translate(0, 0)}
.cookieBarModal .modal.fade .modal-dialog{-webkit-transform:translate(0, -25%);-ms-transform:translate(0, -25%);transform:translate(0, -25%);-webkit-transition:-webkit-transform 0.3s ease-out;-moz-transition:-moz-transform 0.3s ease-out;-o-transition:-o-transform 0.3s ease-out;transition:transform 0.3s ease-out}
.cookieBarModal .modal-dialog{-webkit-box-shadow:0 15px 24px 0 rgba(0, 0, 0, .18);-moz-box-shadow:0 15px 24px 0 rgba(0, 0, 0, .18);box-shadow:0 15px 24px 0 rgba(0, 0, 0, .18);margin-top:205px;margin-bottom:100px;padding:0;background:#fff;border:1px solid #e5e5e5}
.cookieBarModal .page-header.title{display:none}
.cookie-message a.more{position:static;font-weight:300;color:#3090c0}
.cookie-message a.more:hover{color:#f07d00}
.cookie-message p{font-weight:300}
.cookie-message .btn-primary {border-radius: 0;background-color: #3090c0;color: #fff;padding: 6px 13px;border: none;box-shadow: none;text-transform: uppercase;transition: 0.4s;-webkit-transition: 0.4s;-moz-transition: 0.4s;}
.cookieBarModal .content-wrap .text p {font-size:14px;padding-bottom:0;}
.cookieBarModal .content-wrap .text p a {color: #f07d00 !important;}
.cookieBarModal .content-wrap .text ul  {padding-left:0;}

.cookieRow{
    width: 100%;
    height: 50px;
    line-height: 50px;
    background: #000;
    position: fixed;
    bottom: 0px;
    color: #FFF;
    opacity: 0.8;
    font-size: 14px;
    z-index: 999;
}

.cookieRow .btn{
    font-size: 14px;
    margin: 0px 5px;
}

.cookieRow .btn{
    cursor:	pointer;
}

.cookieMoreBtn{
    cursor:pointer;
}

.cookieBoxBtn{
    color: #4F4848;
    text-decoration: none;
    cursor: pointer;
}

.cookieBoxBtn:hover{
    color: #FFF;
}

.modal-body {    font-size: 14px;
    font-weight: 300;}



    .loaderCircle {
    border: 16px solid #f3f3f3; /* Light grey */
    border-top: 16px solid #3090c0; /* Blue */
    border-radius: 50%;
    width: 120px;
    height: 120px;
    animation: spin 2s linear infinite;
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}