/*
Theme Name: Webefektiv
Version: 1.0
Author: Webefektiv
Author URI: http://webefektiv.ro
Description: Website made by Webefektiv
*/

/************** RESET CODE ************************
**************************************************/

@import url('https://fonts.googleapis.com/css?family=Open+Sans:300i,400,700|Oswald:300,400,700');
@import url('https://fonts.googleapis.com/css?family=Lato:300,400,700,900');
@import url('https://fonts.googleapis.com/css?family=Oswald:200,300,400,500,600,700');

.contactBotHome{
    display: flex;padding: 5px; background-color: #9348b5;    
}

.home .wpcf7-form{
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    position: absolute; 
    width: 800px;
}
@media screen and (max-width: 1441px){
    .home .wpcf7-form{
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        position: absolute; 
        width: 700px;
    }
}
@media screen and (max-width: 1367px){
    .home .wpcf7-form{
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        position: absolute; 
        width: 500px;
    }
}



@media screen and (max-width: 800px){
    .home .wpcf7-form{
        width: 100%;
        padding-left:20px;
        padding-right: 20px; 
    } 
}
.home .footer_container{
    margin-bottom: 40px; 
}

.mainWrap{
    width: 1340px;
    margin: auto;
    position: relative; 
    padding-top: 20px;
    padding-bottom: 40px; 
}
@media screen and (max-width: 1350px){
    .mainWrap{
        width: 100%; 
    }
    .footer_container .mainWrap {
        width: 100%;
        padding-left: 50px;
        padding-right: 50px;
    }
}
@media scree and (max-width: 1024px){
    .footer_container .mainWrap {
        width: 100%;
        padding-left: 20px;
        padding-right: 20px;
    }
}


#slider .slick-prev {
    left: 50px;
    z-index: 33;
}
@media screen and (max-width: 768px) {
    /* line 182, ../sass/_body.scss */
    #slider .slick-prev {
        display: none;
    }
}
/* line 189, ../sass/_body.scss */
#slider .slick-prev:before, #slider .slick-next:before {
    color: #fff;
    font-size: 30px;
    opacity: 0.6;
}
#slider .slick-prev:hover:before{
    opacity:1; 
}
#slider .slick-next:hover:before {
    opacity:1;
}
@media screen and (max-width: 768px) {
    /* line 189, ../sass/_body.scss */
    #slider .slick-prev:before, #slider .slick-next:before {
        display: none;
    }
}
/* line 197, ../sass/_body.scss */
#slider .slick-next {
    right: 50px;
}
@media screen and (max-width: 768px) {
    /* line 197, ../sass/_body.scss */
    #slider .slick-next {
        display: none;
    }
}
/* Slider */
/* line 301, ../sass/_body.scss */
.slick-loading .slick-list {
    background: #fff url("./ajax-loader.gif") center center no-repeat;
}

/* Icons */
@font-face {
    font-family: 'slick';
    font-weight: normal;
    font-style: normal;
    src: url("./fonts/slick.eot");
    src: url("./fonts/slick.eot?#iefix") format("embedded-opentype"), url("./fonts/slick.woff") format("woff"), url("./fonts/slick.ttf") format("truetype"), url("./fonts/slick.svg#slick") format("svg");
}
/* Arrows */
/* line 317, ../sass/_body.scss */
.slick-prev,
.slick-next {
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 50%;
    display: block;
    width: 20px;
    height: 20px;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    cursor: pointer;
    color: transparent;
    border: none;
    outline: none;
    background: transparent;
    z-index:99;
}

/* line 339, ../sass/_body.scss */
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
    color: transparent;
    outline: none;
    background: transparent;
}

/* line 348, ../sass/_body.scss */
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
    opacity: 1;
}

/* line 355, ../sass/_body.scss */
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
    opacity: .25;
}

/* line 361, ../sass/_body.scss */
.slick-prev:before,
.slick-next:before {
    font-family: 'slick';
    font-size: 20px;
    line-height: 1;
    opacity: .75;
    color: #363636;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* line 375, ../sass/_body.scss */
.slick-prev {
    left: 35px;
}

/* line 379, ../sass/_body.scss */
[dir='rtl'] .slick-prev {
    right: 35px;
    left: auto;
}

/* line 384, ../sass/_body.scss */
.slick-prev:before {
    content: '\e079';
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: 400;
    line-height: 1;
}

/* line 392, ../sass/_body.scss */
[dir='rtl'] .slick-prev:before {
    content: '→';
}

/* line 397, ../sass/_body.scss */
.slick-next {
    right: 35px;
}

/* line 401, ../sass/_body.scss */
[dir='rtl'] .slick-next {
    right: auto;
    left: 35px;
}

/* line 406, ../sass/_body.scss */
.slick-next:before {
    content: '\e080';
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: 400;
    line-height: 1;
}

/* line 414, ../sass/_body.scss */
[dir='rtl'] .slick-next:before {
    content: '←';
}

/* Dots */
/* line 420, ../sass/_body.scss */
.slick-dotted.slick-slider {
    margin-bottom: 30px;
}

/* line 425, ../sass/_body.scss */
.slick-dots {
    position: absolute;
    bottom: -25px;
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
}

/* line 440, ../sass/_body.scss */
.slick-dots li {
    position: relative;
    display: inline-block;
    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer;
}

/* line 453, ../sass/_body.scss */
.slick-dots li button {
    font-size: 0;
    line-height: 0;
    display: block;
    width: 20px;
    height: 20px;
    padding: 5px;
    cursor: pointer;
    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}

/* line 471, ../sass/_body.scss */
.slick-dots li button:hover,
.slick-dots li button:focus {
    outline: none;
}

/* line 476, ../sass/_body.scss */
.slick-dots li button:hover:before,
.slick-dots li button:focus:before {
    opacity: 1;
}

/* line 481, ../sass/_body.scss */
.slick-dots li button:before {
    font-family: 'slick';
    font-size: 6px;
    line-height: 20px;
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    content: '•';
    text-align: center;
    opacity: .25;
    color: black;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before {
    opacity: .75;
    color: black;
}

.slick-next:before {
    content: "\f054";
    font-family: 'FontAwesome';
    font-style: normal;
    font-weight: 400;
    line-height: 32px;
    color: #d9dcdd;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    font-size: 24px;
}

.slick-prev:before {
    content: "\f053";
    font-family: 'FontAwesome';
    font-style: normal;
    font-weight: 400;
    line-height: 32px;
    color: #d9dcdd;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    font-size: 24px;
} 

a:hover{
    text-decoration: none !important;   
    color:initial;  
}

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, input, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    font: inherit;
}
.justmobile{
    display:none;
}
.justdesktop{
    display:block;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block;
}
a:focus {
    text-decoration:none !important;
    outline:none !important;
}
ol, ul {
    list-style: none;
}
.main_container ol, .main_container ul {list-style:initial; padding-left:15px;}
.footer_box ol , .footer_box ul {padding:0px; list-style:none;}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
    content: '';
    content: none;
}
ins {text-decoration: none;}
del {text-decoration: line-through;}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
*{
    margin:0;
    padding:0;
}

/* micro clearfix */
.cf:before, .cf:after {content:""; display:table;}
.cf:after {clear:both;}
/************** GLOBAL ELEMENTS **********************
*****************************************************/

body{
    background:#fff;
    font-family: 'Oswald', sans-serif;
}

b, strong{
    font-weight:bold;	
}
em, i{
    font-style:italic;	
}
h1{
    font-size:28px;	
    font-weight:100;
    color:#2ba6cb;
    font-family: 'Oswald', sans-serif;
}
h2{
    font-size:24px;	
    font-weight:100;
    color:#2ba6cb;
    font-family: 'Oswald', sans-serif;
}
h3{
    font-size:20px;	
    font-weight:100;
    color:#2ba6cb;
    font-family: 'Oswald', sans-serif;
}

a:focus{
    text-decoration:none;
    border:none;	
}
.no-margin {
    margin: 0 !important;
}
.no-padding {
    padding: 0 !important;
}
.no-padding-right{
    padding-right: 0 !important;
}
.no-padding-left{
    padding-left: 0 !important;
}
.no-padding-bottom{
    padding-bottom: 0 !important;
}
.no-padding-top{
    padding-top: 0 !important;
}
.padding-10{
    padding:10px !important;	
}
.padding-15{
    padding:15px !important;	
}
.padding-top-15{
    padding-top:15px !important;	
}
.padding-bottom-15{
    padding-bottom:15px !important;	
}
.padding-5{
    padding:5px !important;	
}
.margin-bottom-50{
    margin-bottom:30px !important;	
}
.margin-bottom-30{
    margin-bottom:30px !important;	
}
.margin-top-30{
    margin-top:30px !important;	
}
.margin-left-15{
    margin-left:15px !important;	
}
.margin-right-15{
    margin-right:15px !important;	
}
.margin-right-10{
    margin-right:10px !important;	
}
.margin-left-10{
    margin-left:10px !important;	
}
.margin-top-5{
    margin-top:5px !important;	
}
.margin-bottom-5{
    margin-bottom:5px !important;	
}

.margin-bottom-15{
    margin-bottom:15px !important;	
}
.margin-top-15{
    margin-top:15px !important;	
}
.padding-top-30{
    padding-top:30px !important;	
}
.padding-top-10{
    padding-top:10px !important;	
}

.padding-left-5{
    padding-left:5px !important;	
}
.padding-right-5{
    padding-right:5px !important;	
}
.no-margin-top{
    margin-top:0 !important;	
}
.margin-top-10{
    margin-top:10px !important;	
}
.margin-bottom-10{
    margin-bottom:10px !important;	
}
.padding-bottom-200{
    padding-bottom:200px !important;	
}
.padding-bottom-5{
    padding-bottom:5px !important;	
}
.clear-left{
    clear:left;	
}
.clearboth{
    clear:both;	
}
.display-block, .displayblock{
    display:block;	
}

h1,h2,h3,h4,h5,h6 {
    font-family: 'Oswald', sans-serif;
}
.after_content:after{
    content:".";
    display:block;
    clear:both;
    visibility:hidden;
    line-height:0;
    height:0;	
}

.margin-top-60{
    margin-top:60px; 
}


/*************************************************
    GLOBAL
*************************************************/
/*    transition: all 0.5ms ease;
        -webkit-transition: all 0.5ms ease;
        -moz-transition: all 0.5ms ease;
        -o-transition: all 0.5ms ease;*/

/*************************************************
    END GLOBAL
*************************************************/

/*************************************************
    Header
*************************************************/
/* micro clearfix */
.cf:before, .cf:after {content:""; display:table;}
.cf:after {clear:both;}

.container {
    max-width:1454px;
    width:100%;
}
.wrapper {
    max-width:100%;
    width:100%;
    /*padding-top:30px;*/

}
html,body {
    font-family: 'Oswald', sans-serif;
    font-size:14px;
    color:#232323;
}

/*
.box-sizing{
    box-sizing:border-box;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    -o-box-sizing:border-box;
    -ms-box-sizing:border-box;
}
*/
/*
.transition{
transition: all 0.5ms ease;
-webkit-transition: all 0.5ms ease;
-moz-transition: all 0.5ms ease;
-o-transition: all 0.5ms ease;
}
*/

/*
*/
:-moz-placeholder ,
::-moz-placeholder,
:-ms-input-placeholder ,
::-webkit-input-placeholder {
    opacity:1;
    color:#fff;
}


.wrapper {
    background-color:#191a1c;
}
.container {}
.container .row{}

.padding_top_100 {
    padding-top:100px;
}
.padding_top_150 {
    padding-top:150px;
}
.map-canvas {
    height: 350px;
    width:100%;
}
/*================================================================
                                HEADER
=================================================================*/
.header_container.menu_mobile{
    background-color: #262626;
    position: fixed;
    top: 0;
    padding:14px 20px;
    width: 100%;
    z-index:99999;
    -webkit-box-shadow: 0 0 6px #000;
    -moz-box-shadow: 0 0 6px #000;
    box-shadow: 0 0 6px #000;
}
.header_container.descktop_menu{
    background-color: #262626;
    position: fixed;
    top: 0;
    padding:14px 0px;
    width: 100%;
    z-index:999;
    -webkit-box-shadow: 0 0 6px #000;
    -moz-box-shadow: 0 0 6px #000;
    box-shadow: 0 0 6px #000;
}
.header_container .header_logo {
    margin-right:30px;
    max-width:190px;
    width:100%;
    float:left;
    margin-top:12px;
    margin-bottom:12px;
}
.header_container .header_logo .header_logo_img {
    display:block;
    max-width:100%;
    width:100%;
    height:65px;
    background-image:url('images/logo_web.png');
    background-repeat:no-repeat;

}

.header_container .main_menu  {

    max-width:100%;
    width:100%;
    display:block;
}
.header_container .main_menu .menu {
    float:right;
    margin-bottom:0px;
}
.header_container .main_menu .menu li {
    float:left;
}

.header_container .main_menu .menu li:focus > a ,
.header_container .main_menu .menu li:hover > a {
    color:#632c7b;
}
.header_container .main_menu .menu li a {
    color:#fff;
    display:block;
    font-weight:400;
    font-family: 'Oswald', sans-serif;
    font-size:18px;
    padding:0px 21px;
    line-height:21px;
    text-transform:uppercase;
    transition: all 500ms ease-in-out;
    -webkit-transition: all 500ms ease-in-out;
    -moz-transition: all 500ms ease-in-out;
    -o-transition: all 500ms ease-in-out;

}
.header_container .main_menu .menu li.current-menu-item a ,
.header_container .main_menu .menu li a:hover {
    color:#632c7b;
    text-decoration:none;
}
.header_container .main_menu .menu li.last a {
    padding-right:0px;
}
.header_menu_cont {
    float:right;
    max-width:550px;
    width:100%;
    display:block;

}
.header_menu_cont .language_top {
    margin-bottom:30px;
    max-width:100%;
    width:100%;
    float:none;
}
.header_menu_cont .language_top ul {
    float:right;
    margin-bottom:0px;
    padding-left:0px;
}
.header_menu_cont .language_top ul li {
    float:left;
    border-right:1px solid #fff;
    line-height:16px;
}
.header_menu_cont .language_top ul li:last-child {
    border-right:0px solid #fff;;
}
.header_menu_cont .language_top ul li a {
    font-family: 'Oswald', sans-serif;
    font-size:14px;
    line-height:16px;
    padding:0 3px;
    font-weight:300;
    text-transform:uppercase;
    color:#fff;
    transition: all 500ms ease-in-out;
    -webkit-transition: all 500ms ease-in-out;
    -moz-transition: all 500ms ease-in-out;
    -o-transition: all 500ms ease-in-out;
}
.header_menu_cont .language_top ul li.active a,
.header_menu_cont .language_top ul li a:focus,
.header_menu_cont .language_top ul li a:hover {
    text-decoration:none;
    color:#632c7b;
}
.videoetc{
    margin: auto;
    /*    margin-top: 117px;*/
}

#meniuNou .header_menu_cont, #meniuNou .header_logo, .menuBtn  {
    width:33.333333%;
    margin: auto;
    float:left;
    max-width: 33.33399%;
}
#meniuNou .header_menu_cont{
    padding-top: 5px;
}
#meniuNou .header_logo_img{
    position: absolute;
    width: 190px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    transform: translateX(-50%);   
    z-index: 99999;
}

#meniuNou .language_top ul {
    float: left;
    margin-bottom: 0px;
}
#meniuNou .language_top{
    float: left;
    margin-bottom: 0px;
}
#meniuNou  .header_logo .header_logo_img {
    display:block;
    max-width:190px;
    width:190px;
    height:25px;
    background-image:url('images/logo_web2.png');
    background-repeat:no-repeat;
    background-size: contain;
    background-position: center;

}
#meniuNou .header_container .main_menu{
    width:auto;
    max-width: 70%;
    float:left;
}
.menuBtn i{
    color: #fff;
    font-size:20px;
    margin-left: 10px;
    padding-bottom: 2px;
    padding-left: 4px;
    padding-right: 5px;
    padding-top: 2px;
    border: 1px solid white;

}
.menuBtn span{
    color: #fff;
    font-size:18px;   
}
.closeBtn{
    float:right;
}
.closeBtn i{
    color: #fff;
    font-size:20px;
    padding-bottom: 2px;
    padding-left: 4px;
    padding-right: 4px;
    padding-top: 2px;
    border: 1px solid white;

}
.menuBtn:hover{
    cursor:pointer;

}
.closeBtn:hover{
    cursor: pointer;

}

.menuBtn:hover i{
    color:#632c7b;
    border: 1px solid #632c7b;
}
.closeBtn:hover i{
    color:#632c7b;
    border: 1px solid #632c7b;
}
.header_logo{
    min-height:25px;
}



#btnMenu {
    float:right;
}
#meniuHidden {
    padding: 15px;
    box-shadow: 0 0 6px #000;
    position: fixed;
    top: 50px;
    z-index: 99999;
    width: 100%;
    background-color: #262626;
    top: -55px;
    transition: all 500ms ease-in-out;
}

#meniuHidden .main_menu .menu {
    float: left;
    margin-bottom: 0px;
}
li.menu-item-1124 a{
    padding-left: 0px !important;
}
.menu_mobile{
    display:none;
}
.menuActive{
    top:0px !important;
}
.absoluteLogo {
    width: auto;
    height: 25px;
    position: fixed;
    z-index: 999999999;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    transform: translateX(-50%);
    top: 14px;
}


/*================================================================
                                END HEADER
=================================================================*/

/*================================================================
                                HOME CONTAINER
=================================================================*/
/*PRODUCTS*/

/*.main_container {
    padding:34px 0px;
       padding-top: 140px;
}*/

.home_sections {}
.home_sections .section_proiecte {}

.home_sections .home_section_title {}
/*.home_sections .home_section_title h1,
.home_sections .home_section_title h3 {
    font-size:48px;
    color:#ecf0f1;
    font-family: 'Oswald', sans-serif;
    line-height:50px;
    text-transform:uppercase;
    font-weight:400;
    margin-top:0px;
    margin-bottom:10px;
    text-align:center;
}*/

.home_sections .home_section_title h1,
.home_sections .home_section_title h3 {
    font-size: 80px;
    font-weight: bold;
    font-family: 'Oswald', sans-serif;
    color: #fff;
    text-align: left;
    text-transform: uppercase;
    float: left;
    margin-bottom: 30px;
    width: 100%;
    border-bottom: 1px solid #632c7b;
    padding-bottom: 10px;
    text-align: center;
}
.noHome{
    border-bottom: 1px solid transparent;
    padding-bottom: 10px;
    text-align: center;
    margin: 0px !important;
} 
.home_sections .home_section_title .home_section_title_desc  {
    max-width:100%;width:100%;
    margin:0 auto 40px;
    /*border-top:1px solid #632c7b;*/   
}
#serviciiWrap{
    padding-bottom: 60px;
}
@media screen and (max-width: 1281px){
    #serviciiWrap .col-md-6{
        min-height: 160px;
    }
}

.home_sections .home_section_title .home_section_title_desc p {
    margin-top:20px;
    font-size:18px;
    color:#fff;
    font-family: 'Lato', sans-serif;
    line-height: 24px;
    font-weight: 300;
    text-align: justify; 

}
.home_sections .home_section_title .button-group  {
    text-align:center;
    margin-bottom:40px;
}
.home_sections .home_section_title .button-group .button {
    display:inline-block;
    border:0px;
    text-transform:uppercase;
    color:#fff;
    font-family: 'Oswald', sans-serif;
    font-weight:300;
    padding:8px 11px;
    font-size:18px;
    line-height:18px;
    background-color:rgba(255,255,255,0);
    transition: all 500ms ease-in-out;
    -webkit-transition: all 500ms ease-in-out;
    -moz-transition: all 500ms ease-in-out;
    -o-transition: all 500ms ease-in-out;

}
.home_sections .home_section_title .button-group .button:focus,
.home_sections .home_section_title .button-group .button:hover,
.home_sections .home_section_title .button-group .button.is-checked {
    background-color:#632c7b;
}


.home_sections .section_proiecte .listing_portofoliu_item {
    float:left;
    max-width:32%;
    width:100%;
    /*border:1px solid #d3d3d3;*/
    margin:2px;
    transition: all 500ms ease-in-out;
    -webkit-transition: all 500ms ease-in-out;
    -moz-transition: all 500ms ease-in-out;
    -o-transition: all 500ms ease-in-out;
}




.home_sections .section_proiecte .listing_portofoliu_item .listing_portofoliu_img {
    overflow:hidden;
    height:175px;
    transition: all 500ms ease-in-out;
    -webkit-transition: all 500ms ease-in-out;
    -moz-transition: all 500ms ease-in-out;
    -o-transition: all 500ms ease-in-out;
    background-position: center top;
    background-repeat: no-repeat;
    background-size: 100% auto;
}
.home_sections .section_proiecte .listing_portofoliu_item .listing_portofoliu_img img  {
    max-width: 100%;
    width:100%;
}

.home_sections .section_proiecte .listing_portofoliu_item .listing_portofoliu_link {
    display: block;
    background-color:#fff;
    height:100px;
    width:100%;
    cursor:pointer;
    color:#000;
    font-family: 'Oswald', sans-serif;
    font-weight:400;
    font-size:18px;
    line-height:23px;
    transition: all 500ms ease-in-out;
    -webkit-transition: all 500ms ease-in-out;
    -moz-transition: all 500ms ease-in-out;
    -o-transition: all 500ms ease-in-out;
}
.home_sections .section_proiecte .listing_portofoliu_item .listing_portofoliu_link .link_table_cell {
    cursor:pointer;
    height:100px;
    display: block;
    /*vertical-align: middle;*/ 
    /*text-align:center;*/
    opacity:1;

    transition: all 500ms ease-in-out;
    -webkit-transition: all 500ms ease-in-out;
    -moz-transition: all 500ms ease-in-out;
    -o-transition: all 500ms ease-in-out;

}
.home_sections .section_proiecte .listing_portofoliu_item .listing_portofoliu_link .link_table_cell h2 {
    color: #000;
    display: block;
    font-family: 'Oswald', sans-serif;
    font-size: 18px;
    font-weight:400;
    height:100%;
    opacity:1;
    padding:25px 20px;margin-top:0px;
    line-height: 23px;
    margin-bottom:0px;
    text-transform:uppercase;
    transition: all 400ms ease-in-out;
    -webkit-transition: all 400ms ease-in-out;
    -moz-transition: all 400ms ease-in-out;
    -o-transition: all 400ms ease-in-out;
}
.home_sections .section_proiecte .listing_portofoliu_item:hover .listing_portofoliu_link .link_table_cell h2{
    /*opacity:0;*/
}


.home_sections .section_proiecte .listing_portofoliu_item .listing_portofoliu_link  {position:relative;}
.home_sections .section_proiecte .listing_portofoliu_item .listing_portofoliu_link .span_hidden {
    background-color: #632c7b;
    bottom: 0;
    box-sizing: border-box;
    color: #fff;
    font-family: 'Oswald', sans-serif;
    font-size: 18px;
    font-weight:400;
    text-align:center;
    display: none;
    left: 0;
    line-height: 100px;
    /*padding: 11px;*/
    position: absolute;
    right: 0;
    text-align: center;
    text-decoration: none;
    height:100px;
    text-transform: uppercase;
}
/*.home_sections .section_proiecte .listing_portofoliu_item .listing_portofoliu_link .span_hidden {
    opacity:0;
    position:absolute;
    top:0px;
    z-index:99;
    color: #fff;
    font-family: 'Oswald', sans-serif;
    font-size: 18px;
    font-weight:400;
    text-align:center;
    margin-top:0px;
    left:0;
    right:0;
    margin-bottom:0px;
    font-size:20px;
    padding: 40px 5px;
    text-transform:uppercase;
    display:block;
    width:100%;
    line-height:23px;
    transition: all 600ms ease-in-out;
    -webkit-transition: all 600ms ease-in-out;
    -moz-transition: all 600ms ease-in-out; 
    -o-transition: all 600ms ease-in-out;
}
.home_sections .section_proiecte .listing_portofoliu_item:hover .listing_portofoliu_link {
    background-color:#632c7b;
}
.home_sections .section_proiecte .listing_portofoliu_item:hover .listing_portofoliu_link .span_hidden {
    opacity:1;
}*/
.singlePort{
    height: 250px;
    background-position: center;
    background-size:cover;
}
.home_sections .section_proiecte .listing_portofoliu_item:hover .listing_portofoliu_link {display:block;}

.home_sections .section_proiecte .listing_portofoliu_item:hover .listing_portofoliu_link .link_table_cell {
    /*opacity:0;*/
    /*color:#fff;*/ 
}

.home_sections .section_proiecte .portofoliu_listing .listing_portofoliu_container {
    height:555px;
    overflow:hidden;
}
.home_sections .section_proiecte .portofoliu_listing .listing_portofoliu_container .grid {height:100%;overflow:hidden;}
.more_protofolio_projects {
    margin:18px 0px;
}
.more_protofolio_projects a {
    max-width:300px;
    width:100%;
    margin:0 auto;
    display:block;
    text-align:center;
    color: #fff;
    font-family: 'Oswald', sans-serif;
    font-weight:300;
    font-size: 18px;
    line-height:18px;
    text-transform:uppercase;
    background-color: #191a1c;
    border:1px solid #632c7b;
    padding:15px 0px;
    transition: all 600ms ease-in-out;
    -webkit-transition: all 600ms ease-in-out;
    -moz-transition: all 600ms ease-in-out;
    -o-transition: all 600ms ease-in-out;
    border-radius:0px;

}
.more_protofolio_projects a:focus,
.more_protofolio_projects a:hover {
    background-color:#632c7b;
    color:#fff;
    text-decoration:none;
}

.contport{
    width: 1454px !important;
    max-width:1454px !important;
}

.portfolio{
    font-size:28px !important;
    font-weight: 300 !important;
    text-transform: none !important;
    font-family: 'Lato', sans-serif;  
    color:#fff;
    text-align: center;
}
.portfolio a{
    color:#fff;
    font-size:28px !important;
    font-weight: 300 !important;
    text-transform: none !important;
}
.portfolio a:hover{
    color:#632c7b;
    text-decoration: none;
}
.portfolio span{
    font-weight:bold;
}
.portfolio span img{
    padding-left: 30px;
    padding-bottom: 10px;
    height: 50px;
}
.portofoliu_listing img{
    width:100%;
    height:auto;
    height: 300px;
    transition: all 300ms ease-in-out;
} 

.port_item{
    background-color: #000;
    margin: auto;
    position: relative;
    float:left;
    overflow: hidden;
    transition: all 300ms ease-in-out;
    width:100%;
}
.overlay_item{
    height:100%;
    position: absolute;
    top:0;
    left: 0;
    width:100%;
    height:100%;
    background-color: rgba(0,0,0,0.25);
    opacity: 0;
    transition: all 300ms ease;

}

.overlay_item h4{
    color:#fff;
    font-size:20px;
    font-family: 'Oswald', sans-serif;
    font-weight: bold;
    padding-left: 20px;
    padding-right: 20px;
    margin-bottom: 10px;
}

.overlay_item h3{
    margin-top: 10px;
    color: #fff;
    font-family: 'Oswald', sans-serif;
    font-weight: 300;
    font-size: 24px;
    padding-left: 20px;
    padding-right: 20px;
    text-transform: uppercase;

}

.port_item:hover .overlay_item{
    display:block;  
    opacity: 1;
}
.port_item:hover{

}
.port_item:hover img {
    transform: scale(1.2);
    filter: blur(5px);
    opacity: 1;

}
.overlay_info{
    position: absolute;
    bottom: -180px;
    left: 0;
    padding: 20px;
    transition: all 300ms ease-in-out;
    transition-delay: 150ms;
}
.port_item:hover .overlay_info{
    bottom: 0;

}
#portofoliu_home{
    /*    width:1340px; */
    margin: auto;
    position: relative;
}
#portfull img {
    width: 100%;
    height: auto;
    transition: all 600ms ease-in-out;
}
/*@media screen and (min-height:1000px){
    #portofoliu_home{
        width: 1580px;
        margin: auto;
    }
    .portofoliu_listing img {
        width: 100%;
        height: 370px;
        transition: all 600ms ease-in-out;
    }

}*/
@media screen and (max-width:1360px){
    #portofoliu_home{
        width:768px;
        margin: auto;
    }
    .portofoliu_listing img {
        width: 100%;
        height: 180px;
        transition: all 600ms ease-in-out;
    }





}


#portofoliu_home .col-md-6, #portofoliu_home .col-md-12, #portofoliu_home .col-md-3{
    padding-left: 10px;
    padding-right: 10px;
}
#portofoliu_home .row{
    margin-left: -10px;
    margin-right: -10px;
}
@media screen and (max-width: 500px){

    #portofoliu_home .row{
        margin-left: 10px;
        margin-right: 10px;
    }

}
.pad50{
    padding-left: 50px;
    padding-right: 50px;
}
/*.pad150{
    padding-left: 225px;
    padding-right: 225px;
}*/
.margin-bottom-20{
    margin-bottom: 20px;
}
.reelBtn:hover{
    cursor: pointer;
}
#videoWrap .modal-content{
    width: 1280px;
    height:720px;

}
#videoWrap .modal-dialog {
    width: 1280px;
    height:720px;
    margin: 30px auto;
}
body.modal-open .modal {
    display: flex !important;
    align-items: center;
}
#videoWrap .modal-content{
    border-radius: 0px;
}
#videoWrap .modal-body{
    padding: 0px;
}
#videoWrap .closeBtn {
    z-index: 99999;
    position: absolute;
    top: 10px;
    right: 10px;
    width: auto;
    bottom: initial;
    transform: none;
    left: initial;
} 
.masonry-container .col-md-4{
    padding-left: 10px;
    padding-right: 10px;
}
.col-md-4.grid-item{
    padding-bottom: 20px;
    transition: all ease 1500ms;
}

#layOut .col-md-4{
    padding-left: 10px;
    padding-right: 10px;
}
.grid-item img{
    width:100%;
    height:auto !important;
    max-height: 1000px !important;
}
#layOut{
    margin-left: -10px;
    margin-right: -10px;
}
.grind-item{
    overflow: hidden;
}
.grid-item:hover .overlay_item{
    opacity: 1;
}
.grid-item:hover img{
    transform: scale(1.2);
}
.grid-item:hover .overlay_info{
    bottom: 0;

}
.col-md-4.grid-item{
    overflow: hidden; 
}

.imageWrap{
    overflow: hidden;
    position: relative;
}
.grid-item .overlay_info h4{
    font-size:22px;
}
.grid-item .overlay_info h3{
    font-size:28px;
}
/*SERVICII*/

.home_servicii_item {
    /*margin-bottom:3px;*/
}
.home_servicii_item .home_servicii_item_title {
    background-color:#000000;
    margin-bottom:3px;
}
.home_servicii_item .home_servicii_item_title h3 {
    color:#fff;
    padding:17px;
    margin-top:0px;
    margin-bottom:0px;
    font-size:25px;
    font-family: 'Oswald', sans-serif;
    font-weight:300;
    text-transform:uppercase;
    line-height:30px;
    padding-left: 75px;
}
.servicii_home_container  a:hover {text-decoration:none;}
.home_servicii_item .home_servicii_item_title h3 span {
    float:right;
    font-size:16px;
    color:#fff;
    text-transform:initial;
    transition: color 0.5s ease-in-out;
    -webkit-transition: color 0.5s ease-in-out;
    -moz-transition: color 0.5s ease-in-out;
    -o-transition: color 0.5s ease-in-out;
}
.home_servicii_item:hover .home_servicii_item_title h3 span {
    color:#632c7b;
}

.home_servicii_item {display:block; position:relative;overflow:hidden;}
.home_servicii_item.inactive .home_servicii_item_desc {
    display:none;
}


.home_servicii_item .home_servicii_item_title {cursor:pointer;}
.home_servicii_item .home_servicii_item_title:hover h3{
    color:#fff;
    transition: color 0.5s ease;
    -webkit-transition: color 0.5s ease;
    -moz-transition: color 0.5s ease;
    -o-transition: color 0.5s ease;
}
.home_servicii_item .home_servicii_item_title h3 {
    padding-right:20px;

    transition: color 0.5s ease;
    -webkit-transition: color 0.5s ease;
    -moz-transition: color 0.5s ease;
    -o-transition: color 0.5s ease;
}

.home_servicii_item_desc {
    margin-bottom:3px;
    padding: 10px 80px 10px 60px;
    background-color:#632c7b;
}
.home_servicii_item_desc ,.home_servicii_item_desc p {
    color:#fff;
    font-weight:300;
    font-size: 16px;
    font-family: 'Oswald', sans-serif;
}

.home_servicii_item .home_servicii_item_image {
    background-color: #632c7b;
    display: inline-block;
    height: 64px;
    left: -50px;
    position: absolute;
    top: 0;
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    width: 60px;
}
.home_servicii_item:hover .home_servicii_item_image {
    left:0px;
}



/*END SERVICII*/
/*CLIENTI*/
.section_clienti {}
.section_clienti .clienti_item {
    height:202px;
    display:block;
    float:left;
    max-width: calc(100% / 8); 
    width:100%;
    padding:1px;
    box-sizing:border-box;
    -webkit-box-sizing:border-box;
    -o-box-sizing:border-box;
    -ms-box-sizing:border-box;
    -moz-box-sizing:border-box;
    /*    background-color:#303030;*/
}
.section_clienti .clienti_item .clienti_item_inner {
    /*opacity:0.4;*/
    width:100%;
    /*    background-color:#262626;*/
    /*border:0.5px solid #fff;*/
    background-repeat:no-repeat;
    background-position:center center;
    height:200px;
    display:block;
    filter: contrast(1.25);
    image-rendering: -webkit-optimize-contrast; 
    /*padding:1px;*/
    /*margin:0.5px;*/

    /*    border-right:1px solid #fff;
        border-bottom:1px solid #fff;*/
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    background-size:contain; 
}
.section_clienti .clienti_item .clienti_item_inner:hover {
    /*opacity:1;*/
    /* background-color:#000;*/

}
.home_clienti_container {
    /*padding:1px;*/
    /*background-color:#fff;*/
    /*    border-top:1px solid #fff;
        border-left:1px solid #fff;*/
}
/*END CLIENTI */
/*NEWSLETTER*/
.section_newsletter {
    padding:25px 0;
    background-color:#632c7b;
}
.section_newsletter .newsletter_cont {
    max-width:630px;
    margin:0 auto;
    width:100%;
}

.section_newsletter .newsletter_desc {

}
.section_newsletter .newsletter_desc p {
    color:#fff;
    font-weight:300;
    margin-bottom:22px;
    text-transform:uppercase;
    font-family: 'Oswald', sans-serif;
    font-size:26px;
    line-height:26px;
    text-align:center;
}
.section_newsletter .newsletter_desc p span{
    font-size:24px;
    font-weight:700;
    display:block;
}
.newsletter_input_cont {}
.newsletter_input_cont .newsletter-email {
    max-width:75%;
    width:100%;
    padding:13px;
    height:48px;
    font-weight:300;
    font-family: 'Oswald', sans-serif;
    color:#000000;
    font-size:14px;
    float:left;
    border:1px solid #000;
    background-color:#fff;
    border-right:0px;

}
.newsletter_input_cont .newsletter-submit {
    height:48px;
    max-width:25%;
    width:100%;
    float:left;
    font-size:18px;
    border:1px solid #000;
    text-align:center;
    background-color:#000;
    font-weight:300;
    font-family: 'Oswald', sans-serif;
    color:#fff;
    text-transform:uppercase;
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
}
.newsletter_input_cont .newsletter-submit:focus,
.newsletter_input_cont .newsletter-submit:hover {
    background-color:#632c7b;
}
/*END NEWSLETTER */


/*================================================================
                                END HOME CONTAINER 
=================================================================*/
/*================================================================
                                FOOTER 
=================================================================*/
.contact_section {
    background-color:#262626;
    padding:14px 0px;
}
.contact_container {}
.contact_container .contact_desc_top {
    border:1px solid #727272;
    padding:25px 55px;
    margin: 0 auto 40px;
    max-width: 630px;
    width: 100%;
    box-sizing:border-box;
    -webkit-box-sizing:border-box;
    -o-box-sizing:border-box;
    -ms-box-sizing:border-box;
    -moz-box-sizing:border-box;
}
.contact_container .contact_desc_top p {
    font-size:18px;
    font-weight:normal;
    font-family: 'Oswald', sans-serif;
    margin-bottom:0px;
    color:#fff;
    line-height:25px;
    text-align: center; 
}
.contact_container .contact_desc_top a {
    /*margin-top:10px;*/
    /*word-wrap: break-word;*/
    display:block;
    font-size:36px;
    font-weight:300;
    font-family: 'Oswald', sans-serif;
    color:#fff;
    line-height:30px;
    text-align:center;
}
.contact_container .contact_desc_top p span {float:right;}

.contact_container .contact_form_cont {}
.contact_container .contact_form_cont  p {
    font-size:18px;
    font-weight:300;
    font-family: 'Oswald', sans-serif;
    color:#fff;
    line-height:20px;
    text-align:center;
    margin-bottom:20px;
}
.contact_container .contact_form_cont .contact_form_left {
    max-width:50%;
    float:left;
    width:100%;
    padding-right:8px;
    box-sizing:border-box;
    -webkit-box-sizing:border-box;
    -o-box-sizing:border-box;
    -ms-box-sizing:border-box;
    -moz-box-sizing:border-box;
}
.contact_container .contact_form_cont .contact_form_right {
    max-width:50%;
    float:right;
    width:100%;
    padding-left:8px;
    box-sizing:border-box;
    -webkit-box-sizing:border-box;
    -o-box-sizing:border-box;
    -ms-box-sizing:border-box;
    -moz-box-sizing:border-box;
}






.contact_container .contact_form_cont .contact_input_text:-moz-placeholder,
.contact_container .contact_form_cont .contact_input_text::-moz-placeholder,
.contact_container .contact_form_cont .contact_input_text:-ms-input-placeholder,
.contact_container .contact_form_cont .contact_input_text::-webkit-input-placeholder {
    opacity:1;
    color:#fff;
}

.contact_container .contact_form_cont .contact_input_text {
    background-color:#262626;
    border:1px solid #727272;
    padding:10px 15px;
    font-size:14px;
    color:#fff;
    font-family: 'Oswald', sans-serif;
    font-weight:300;
    box-sizing:border-box;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    -o-box-sizing:border-box;
    -ms-box-sizing:border-box; 
    transition: all 300ms ease-in-out;
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    margin-bottom:10px;
    max-width:100%;width:100%;
}

.contact_container .contact_form_cont .contact_input_text:hover,
.contact_container .contact_form_cont .contact_input_text:focus {
    border:1px solid #84449b;
}
.contact_container .contact_form_cont .contact_input_submit {
    /*float:right;*/
    /*    box-sizing:border-box;
        -webkit-box-sizing:border-box;
        -moz-box-sizing:border-box;
        -o-box-sizing:border-box;
        -ms-box-sizing:border-box; 
        padding:23px 8px;
        background-color:#fff;
        font-size:12px;
        color:#000;
        font-family: 'Lato', sans-serif; 
        max-width:17%;
        width:100%;
        height:63px;
        font-weight:700;
        text-transform:uppercase;
        line-height:12px;
        transition: all 300ms ease-in-out;
        -webkit-transition: all 300ms ease-in-out;
        -moz-transition: all 300ms ease-in-out;
        -o-transition: all 300ms ease-in-out;*/
}

.contact_container .contact_form_cont .contact_input_submit {
    max-width:235px;
    width:100%;
    margin:0 auto;
    display:block;
    text-align:center;
    color: #fff;
    font-family: 'Oswald', sans-serif;
    font-weight:300;
    font-size: 18px;
    line-height:18px;
    text-transform:uppercase;
    background-color:#000000;
    border:1px solid #632c7b;
    padding:15px 0px;
    transition: all 600ms ease-in-out;
    -webkit-transition: all 600ms ease-in-out;
    -moz-transition: all 600ms ease-in-out;
    -o-transition: all 600ms ease-in-out;
    border-radius:5px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    -ms-border-radius:5px;
    -o-border-radius:5px;
}
.contact_container .contact_form_cont .contact_input_submit:focus,
.contact_container .contact_form_cont .contact_input_submit:hover {
    background-color:#632c7b;
    color:#fff;
    text-decoration:none;
}


.contact_container .contact_form_cont textarea {
    background-color:#262626;
    border:1px solid #727272;

    padding:10px 15px;
    height:94px;
    font-size:14px;
    color:#fff;
    font-family: 'Oswald', sans-serif;
    font-weight:300;
    box-sizing:border-box;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    -o-box-sizing:border-box;
    -ms-box-sizing:border-box; 
    transition: all 300ms ease-in-out;
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    margin-bottom:10px;
    max-width:100%;
    width:100%;
    resize:none;
    float:left;
}
.contact_container .contact_form_cont textarea:hover,
.contact_container .contact_form_cont textarea:focus {
    border:1px solid #84449b;
}


.contact_container .contact_copy {
    margin-top:40px;
    padding-bottom: 35px;
}
.contact_container .contact_copy p {
    font-size:12px;
    color:#fff;
    font-family: 'Oswald', sans-serif;
    font-weight:400;
    display:block;
    text-align:center;
    margin-bottom:0px;
}



/*================================================================
                                END FOOTER 
=================================================================*/
/*================================================================
                                PORTOFOLIU CATEGORY
=================================================================*/
.home_sections .section_proiecte .portofolio_page .listing_portofoliu_item {max-width:49%}
.home_sections .section_proiecte .portofolio_page .listing_portofoliu_item .listing_portofoliu_img{height:300px;overflow:hidden;} 
.home_sections .section_proiecte .portofolio_page .listing_portofoliu_item .listing_portofoliu_img img {height:300px;}
.hidden2{

    opacity:0;

}

.visible2{

    opacity:1;

}


ul.portofoliu_list  {
    text-align:left;
    margin-bottom:40px;
    /*    border-top: 1px solid #632c7b;*/
    padding-left: 0; 
    text-align: left;
    margin-bottom: 40px;
    padding-left: 0;
    float: left;
    left: 50%;
    position: relative;
    transform: translateX(-50%); 
}
ul.portofoliu_list  li {display:inline-block;}
ul.portofoliu_list  li a{
    display:inline-block;
    border:0px;text-decoration:none;
    text-transform:uppercase;
    color:#fff;
    font-family: 'Oswald', sans-serif;
    font-weight:300;
    padding:8px 11px;
    font-size:18px;
    line-height:18px;
    background-color:rgba(255,255,255,0);
    transition: all 500ms ease-in-out;
    -webkit-transition: all 500ms ease-in-out;
    -moz-transition: all 500ms ease-in-out;
    -o-transition: all 500ms ease-in-out;

}
ul.portofoliu_list li.active a,
ul.portofoliu_list li a:focus,
ul.portofoliu_list li a:hover{
    background-color:#632c7b;
}


#portofoliu_home ul.portofoliu_list  { 
    text-align: left;
    margin-bottom: 40px;
    border-top: 1px solid #632c7b;
    padding-left: 0;
    text-align: left;
    margin-bottom: 40px;
    padding-left: 0;
    width: 100%;
    float: left; 
}

.portofolio_page .listing_portofoliu_container {height:auto !important}
/*================================================================
                                END PORTOFOLIU CATEGORY
=================================================================*/
/*================================================================
                                SINGLE PORTFOLIO
=================================================================*/
.single_content_desc {
    /*max-width: 1200px;*/
    width:100%;
    margin:0 auto;
    /*background-color:#262626;*/ 
    /*padding:20px;*/
    box-sizing:border-box;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    -o-box-sizing:border-box;
    -ms-box-sizing:border-box; 
    padding-top: 60px;
}
.single_content_share{
    max-width: 860px;
    margin:0 auto;
    width:100%;
    padding:20px;
    box-sizing:border-box;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    -o-box-sizing:border-box;
    -ms-box-sizing:border-box; 
}
.single_content_image {
    margin-bottom: 30px;
    text-align:center;
    width: 100%;
}
.single_content_image img ,
.single_content_desc img {
    max-width:100%;
    height:auto;
    display:block;margin:0 auto;
}

.single_content_desc h1 {
    color: #fff;
    font-family: "Oswald",sans-serif;
    font-weight: 400;
    margin: 0;
    padding: 0;
    text-transform: uppercase;
    margin-bottom: 20px;
    font-size: 35px;
    text-align: center;
    width:  100%;
    float: left;
    text-align: left;
    border-bottom:  1px solid #632c7b;
    /* font-weight: bold; */
    padding-bottom:  10px;
}
.single_content_desc p {
    color: #fff;
    font-family: "Open Sans",sans-serif;
    font-size: 16px;
    font-weight: 300;
    line-height: 24px;
    width: auto;
    margin: auto;
    /*padding-top: 10px;*/
    padding-bottom: 20px;
    text-align: justify; 
}
.portfolio-item-share {
}
.news-item-share {
    line-height: 30px;
    margin-top: 40px;
    padding: 5px;
    line-height: 30px;
    margin-top: 40px;
    padding: 5px;
    width: 206px;
    margin: auto;
}
.go-back:hover a{
    color:#9348B5;
    text-decoration: none;

}
.go-back a:hover{
    color: #9348B5;
}
.news-item-share {
    color: #9448b5;
    font-family: "Oswald",sans-serif;
    font-weight: normal;
    font-size:18px;
    color: white;
    margin-top: 10px;
    text-transform: uppercase;   
}
.news-item-share p{
    float:left; 
}
.nopad{
    padding: 0px;
}
.news-item-share a {
    background: none repeat scroll 0 0 #262626;
    color: #fff;
    height: 30px;
    line-height: 20px;
    text-align: center;
    text-decoration: none; 
    transition: all 0.5s ease 0s;
    width: 30px;
    display: block;
    float: left;
    margin-left: 3px;
    margin-right: 3px;
    padding-top: 3px;
    border: 1px solid #fff;
}
.news-item-share:first-of-type{
    padding-left: 20px;
}
.news-item-share a:hover {
    color: #9448B4;
    border: 1px solid #9448B4;
}

.go-back a {
    background-color: rgba(0, 0, 0, 0);
    background-image: url("images/close.png");
    background-position: right center;
    background-repeat: no-repeat;
    color: #fff !important;
    float: right;
    font-family: "Oswald",sans-serif;
    font-size: 14px;
    font-weight: 300;
    height: 30px;
    line-height: 31px;
    padding-right: 40px;
    text-transform: lowercase;
}
.wpcf7-response-output {
    background-color:#fff;
    font-family: "Oswald",sans-serif;
    font-size: 14px;
    font-weight: 300;
    color:#333;
    padding:15px;
}
span.wpcf7-not-valid-tip {display:none !important;}
.contact_container .contact_form_cont .contact_input_text.wpcf7-not-valid {border:1px solid red};
/*================================================================
                                END PORTFOLIO
=================================================================*/
/*================================================================
                                CLIENTI PAGE
=================================================================*/
.client_page_desc {}

.page-template-home .wrapper {padding-top:0px;}
/*================================================================
                                END CLIENTI PAGE
=================================================================*/
.servicii_single_desc {
    max-width: 100%;
    width:100%;
    margin:0 auto;
    /*background-color:#fff;*/
    padding:20px;
    box-sizing:border-box;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    -o-box-sizing:border-box;
    -ms-box-sizing:border-box; 
}
.servicii_single_desc {
    margin-bottom: 30px;
    /*text-align:center;*/
    width: 100%;
}

.servicii_single_desc img {
    max-width:100%;
    height:auto;
    display:block;
    margin:0 auto;
    text-align:center;
}

.servicii_single_desc h1 {
    color: #fff;
    font-family: "Oswald",sans-serif;
    font-weight: 300;
    margin: 0;
    padding: 0;
    text-transform: uppercase;
    margin-bottom:10px;
}
.servicii_single_desc ,
.servicii_single_desc p {
    color: #fff;
    font-family: "Open Sans",sans-serif;
    font-size: 16px;
    line-height:23px;
    font-weight: 300;
    margin-bottom:20px;
}


.servicii_item {
    /*margin-bottom:3px;*/
}
.servicii_item .servicii_item_title {
    /*background-color:#000000;*/
    /*margin-bottom:3px;*/
}
.servicii_item .servicii_item_title h3 {
    color:#fff;
    padding:0 17px;
    margin-top:0px;
    margin-bottom:0px;
    font-size:25px;float:left;
    font-family: 'Oswald', sans-serif;
    font-weight:400;
    text-transform:uppercase;
    line-height:30px;
    padding-bottom:0px;

}
.servicii_item .servicii_item_title span {
    /*background-color: #632c7b;*/
    color: #fff;
    float: right;
    font-weight:400;
    font-size: 16px;
    font-family: 'Oswald', sans-serif;
    margin:0px 10px 0 10px;
    padding: 5px 10px;
    text-transform: uppercase;
    transition: color 0.5s ease-in-out;
    -webkit-transition: color 0.5s ease-in-out;
    -moz-transition: color 0.5s ease-in-out;
    -o-transition: color 0.5s ease-in-out;

}
/*.servicii_item:hover .servicii_item_title h3 span ,*/
.servicii_item.active .servicii_item_title  span {
    color:#fff;
    background-color:#000;
}

.servicii_item {display:block; position:relative;overflow:hidden;}
.servicii_item.inactive .servicii_item_desc {
    display:none;
    background-color:#000;
}
.servicii_item .desc_margin_bottom {margin-bottom:17px;}


.servicii_item.inactive .servicii_item_title {cursor:pointer;}
.servicii_item.inactive .servicii_item_title:hover h3{
    color:#fff;
    transition: color 0.5s ease-in-out;
    -webkit-transition: color 0.5s ease-in-out;
    -moz-transition: color 0.5s ease-in-out;
    -o-transition: color 0.5s ease-in-out;
}
.home_servicii_item.inactive .servicii_item_title h3 {
    padding-right:20px;

    transition: color 0.5s ease-in-out;
    -webkit-transition: color 0.5s ease-in-out;
    -moz-transition: color 0.5s ease-in-out;
    -o-transition: color 0.5s ease-in-out;
}
.servicii_item.active .servicii_item_title h3 {
    transition: color 0.5s ease-in-out;
    -webkit-transition: color 0.5s ease-in-out;
    -moz-transition: color 0.5s ease-in-out;
    -o-transition: color 0.5s ease-in-out;
}
.servicii_item_desc {
    margin-bottom:3px;
    background-color:#632c7b;
}
.servicii_item_desc .row {
    padding:  17px;

}
.servicii_item_desc ,.servicii_item_desc p {
    color: #fff;
    font-family: "Open Sans",sans-serif;
    font-size: 16px;
    font-weight: 300;
    line-height: 23px;
    margin-bottom: 20px;
}
.less_padding {}
.single-services .main_container {padding-bottom:10px;}
.single-services .servicii_single_desc {margin-bottom:0px;padding-bottom:0px;}
.single-services .section_proiecte {padding-bottom:0px;}
.less_padding .main_container {padding:0px;margin-bottom:15px;}

.portofolio_page {}
.home_sections .section_proiecte  .portofolio_page .portofoliu_listing {padding:0 0px; padding-left: 10px; padding-right: 10px; }
.home_sections .section_proiecte  .portofolio_page .listing_portofoliu_item {
    max-width: 47%;
    margin: 1.5%;
}
.home_sections .section_proiecte  .portofolio_page .listing_portofoliu_item .listing_portofoliu_img{height:235px;}
.home_sections .section_proiecte  .portofolio_page .listing_portofoliu_item .listing_portofoliu_img img {height:235px;}

.footer_container {
    background-color:#632c7b;
    float: left;
    width: 100%; 
}
.footer_container .footer_cont {}
.footer_container .footer_cont .footer_box {
    float:left;
    max-width:33.33333%;
    width:100%;
    box-sizing:border-box;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    -o-box-sizing:border-box;
    -ms-box-sizing:border-box; 
}
.footer_container .footer_cont .footer_box h3 {
    font-size:25px;
    color:#fff;
    font-weight:700;
    font-family: 'Oswald', sans-serif;
    margin-top:0px;
    margin-bottom:30px;
    text-align: center;
}
.footer_container .footer_cont .footer_box.footer_menu {
    padding-right:20px;
}
.footer_container .footer_cont .footer_box.footer_menu .footer-menu {}
.footer_container .footer_cont .footer_box.footer_menu .footer-menu li  {
    /*margin-bottom:8px;*/
    display:block;
}

.footer_container .footer_cont .footer_box.footer_menu .footer-menu li a {
    font-size: 16px;
    color: #fff;
    line-height: 24px;
    font-weight: 300;
    font-family: 'Lato', sans-serif;
    transition: color 0.5s ease-in-out;
    -webkit-transition: color 0.5s ease-in-out;
    -moz-transition: color 0.5s ease-in-out;
    -o-transition: color 0.5s ease-in-out;
}

.footer_container .footer_cont .footer_box.footer_menu .footer-menu li a:hover,
.footer_container .footer_cont .footer_box.footer_menu .footer-menu li a:focus  {
    color:#000;
    text-decoration:none;
}


.footer_container .footer_cont .footer_box.footer_news {
    /*padding-right:20px;*/
}

/*.footer_container .footer_cont .footer_box.footer_news p {
    font-size:18px;
    color:#fff;
    margin-bottom:20px;
    line-height:21px;
    font-weight:300;
    font-family: 'Oswald', sans-serif;
}*/

.footer_container .footer_cont .footer_box.footer_news p {
    font-size: 15px;
    color: #fff;
    margin-bottom: 20px;
    line-height: 21px;
    font-weight: 300;
    font-family: 'Lato', sans-serif;
    text-align: center;
}

.footer_container .footer_cont .footer_box.footer_news .footer_newsletter {}


.footer_container .footer_cont .footer_box.footer_news .footer_newsletter .newsletter-email{
    max-width:100%;
    width:100%;
    padding:13px;
    height:48px;
    font-weight:300;
    font-family: 'Oswald', sans-serif;
    color:#000000;
    font-size:14px;
    float:none;
    display:block;
    margin-bottom:10px;
    border:1px solid #000;
    background-color:#fff;

}
.footer_container .footer_cont .footer_box.footer_news .footer_newsletter .newsletter-submit{
    height:48px;
    max-width:50%;
    display:block;
    width:100%;
    display:block;
    float:none;
    font-size:16px;
    border:1px solid #000;
    text-align:center;
    background-color:#000;
    font-weight:300;
    font-family: 'Oswald', sans-serif;
    color:#fff;
    text-transform:uppercase;
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    margin:auto;
}
.footer_container .footer_cont .footer_box.footer_news .footer_newsletter .newsletter-submit:focus,
.footer_container .footer_cont .footer_box.footer_news .footer_newsletter .newsletter-submit:hover {
    background-color:#632c7b;
}

.footer_container .footer_cont .footer_box.footer_news .footer_newsletter .newsletter-submit:-moz-placeholder,
.footer_container .footer_cont .footer_box.footer_news .footer_newsletter .newsletter-submit::-moz-placeholder,
.footer_container .footer_cont .footer_box.footer_news .footer_newsletter .newsletter-submit:-ms-input-placeholder,
.footer_container .footer_cont .footer_box.footer_news .footer_newsletter .newsletter-submit::-webkit-input-placeholder {
    opacity:1;
    color:#000;
}


.footer_container .footer_cont .footer_box.footer_brosuri {}
.footer_container .footer_cont .footer_box.footer_brosuri p {
    font-size:16px;
    color:#fff;
    line-height:21px;
    font-weight:300;
    font-family: 'Lato', sans-serif;
    margin-bottom:28px;
}
.footer_container .footer_cont .footer_box.footer_brosuri ul {}
.footer_container .footer_cont .footer_box.footer_brosuri ul li  {
    /*background-image:url('images/arrow_brosuri.png');*/
    margin-bottom:16px;
    background-position:left 6px;
    background-repeat:no-repeat;
    padding-left:15px;
}
.footer_container .footer_cont .footer_box.footer_brosuri ul li:hover  {
    /*background-image:url('images/arrow_brosuri_hover.png');*/
}
/*.footer_container .footer_cont .footer_box.footer_brosuri ul li a  {
    font-size:16px;
    color:#fff;
    line-height:19px;
    font-weight:400;
    font-family: 'Oswald', sans-serif;
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
}*/
.footer_container .footer_cont .footer_box.footer_brosuri ul li a {
    font-size: 16px;
    color: #fff;
    line-height: 30px;
    font-weight: 300;
    font-family: 'Lato', sans-serif;
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    /* color: #000; */
    font-weight: 900;
    text-transform: uppercase;
}
.footer_container .footer_cont .footer_box.footer_brosuri ul li a:hover, 
.footer_container .footer_cont .footer_box.footer_brosuri ul li a:focus {
    color:#000;
    text-decoration:none;
}
.footer_container .footer_cont .contact_copy {
    margin-top: 40px;
}
.footer_container .footer_cont .contact_copy p {
    color: #fff;
    display: block;
    font-family: "Lato",sans-serif;
    font-size: 15px;
    font-weight: 300; 
    margin-bottom: 0;
    text-align: center;
}
.socialH{
    color:#fff;
    float:left;
    left:50%;
    position: absolute;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    transform: translateX(-50%);
    bottom: 150px;
}
.socialH a{
    color:#fff;
}
.socialH a:hover{
    color:#000;
    text-decoration: none;
}
.footer_container .main_container {padding-bottom:10px; } 
.video_abs_cont {position:relative;height:100%;
                 width:100%;}

.scroll-to, .scroll-to:hover, .scroll-to:visited, .scroll-to:active, .scroll-to:focus {
    color: #ffffff;
    z-index: 666;
    display: block;
    font-family: "Oswald",sans-serif;
    font-weight: 400;
    margin-left: -55px;
    position: absolute;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    bottom: 200px;
    font-size: 14px;
    height: 40px;
    /* left: 49.6%; */
    left: 49.4%;
    line-height: 20px;
    width: 140px;
    bottom: 80px;
}
.scroll-to > span {
    display: block;
}

@-webkit-keyframes scroll-to-animation{ 
    0% { 
        -webkit-transform: translateY(0); 
    } 
    25% { 
        -webkit-transform: translateY(5px); 
    } 
    50% { 
        -webkit-transform: translateY(0); 
    } 
    75% { 
        -webkit-transform: translateY(-5px) 
    } 
    100% { 
        -webkit-transform: translateY(0); 
    }
}
@-moz-keyframes scroll-to-animation{ 
    0% { 
        -moz-transform: translateY(0); 
    } 
    25% { 
        -moz-transform: translateY(5px); 
    } 
    50% { 
        -moz-transform: translateY(0); 
    } 
    75% { 
        -moz-transform: translateY(-5px) 
    } 
    100% { 
        -moz-transform: translateY(0); 
    }
}
@-o-keyframes scroll-to-animation { 
    0% { 
        -o-transform: translateY(0); 
    } 
    25% { 
        -o-transform: translateY(5px); 
    } 
    50% { 
        -o-transform: translateY(0); 
    } 
    75% { 
        -o-transform: translateY(-5px) 
    } 
    100% { 
        -o-transform: translateY(0); 
    }
}
@keyframes scroll-to-animation { 
    0% {
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0); 
    } 
    25% {
        -webkit-transform: translateY(5px);
        -moz-transform: translateY(5px);
        -ms-transform: translateY(5px);
        transform: translateY(5px); 
    } 
    50% {
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0); 
    } 
    75% {
        -webkit-transform: translateY(-5px);
        -moz-transform: translateY(-5px);
        -ms-transform: translateY(-5px);
        transform: translateY(-5px);
    } 
    100% {
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0); 
    };
}
.scroll-to > .fa {
    -webkit-animation: scroll-to-animation 1.5s linear infinite;
    -moz-animation: scroll-to-animation 1.5s linear infinite;
    -o-animation: scroll-to-animation 1.5s linear infinite;
    animation: scroll-to-animation 1.5s linear infinite;
    font-size:24px;
}

.social {
    z-index:777;
    height: 70px;
    margin-top: 15px;
    width: 100%;
    padding: 0;
    bottom: 0;
    position:absolute;
}
.social-container h4 {
    color: #fff;

}
.social-icons {
    border-bottom: 2px solid #fff;
    padding-top: 10px;
    text-align:center;
}

.social-icons a {
    color: #fff;
    text-align:center;
    text-decoration: none;
    -o-transition:.5s;
    -ms-transition:.5s;
    -moz-transition:.5s;
    -webkit-transition:.5s;
    transition:.5s;
    display: block;
    float: left;
    font-size: 34px;
    margin-left: 10px;
    margin-right: 10px;
    width: 34px;
    font-family: 'Oswald', sans-serif;font-weight: 300;
    font-size: 15px;
    text-transform: uppercase;
    font-weight: 600;
}
.social-icons a:hover {
    color: #844299;
}
.social-container {
    height: 100px;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 30px;
    /*padding-left: 25px;*/
    /*width: 216px;*/
    width: 166px;
    position:absolute;
    left:50%;
    margin-left:-75px;
}
/*
.social-icons .tooltip {
    position:inherit;
    opacity:1;
}*/
.close_item{
    text-decoration:none;

}
.close_item .btn_x {
    background-color: #632c7b;
    border: 1px solid #fff;
    color: #fff;
    display: block;
    float:left;
    width:100%;
    font-family: "Oswald",sans-serif;
    font-size: 20px;
    font-weight: 400;
    line-height: 30px;
    margin-right: 15px;
    max-width: 30px;
    text-align: center;
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
}
.close_item .btn_text {
    font-family: "Oswald",sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 30px;
    color:#fff;
    float:left;
    text-transform:uppercase;
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
}

.close_item:hover .btn_x {
    background-color: #fff;
    border: 1px solid #fff;
    color: #632c7b;
}
.close_item:hover .btn_text {
    color: #632c7b;
}
.menu_trigger {display:none; position: relative;
               z-index: 999999;}
.header_container.menu_mobile .main_menu {display:none;}
.header_container.header_desktop .main_menu {display:block;}




/*================================================================
                                HOME VIDEO
=================================================================*/
.home_video_container {
    width:100%;
    /*height:1080px;*/
    overflow:hidden;
    position:relative;
    z-index:99; 
    /*padding-top:48px;*/
    /*    height: calc(100vh - 70px);*/
    /*    background-image: url('./images/bggg.png ');*/
    background-position-y: bottom;
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: contain;
}
.video_cont {
    position:relative;
}
.videoWrap{
    left:50%;
    float:left;
    width:1050px;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    transform: translateX(-50%);
    position:relative;
    top: 150px;
    height:560px;
    background-image: url('./images/laptop.png');
}
#video2 {
    width: 790px;
    height: 445px;
    left: 128px;
    top: 41px;
}
.textWrap{
    width:400px;
    position: absolute;
    top: 0px;
    left:50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    transform: translateX(-50%);
}
.textWrap p{
    font-size:26px;
    font-weight: 300;
    font-family: "Open Sans",sans-serif;
    color:#fff;   

}

#video-container {
    bottom: 0;
    left: 0;
    overflow: hidden;
    position: relative;
    right: 0;
    top: 0;
    z-index: 99;
}
/*#bgvid {}*/
#video {
    /*height: 300%;*/
    /*top: -100%;*/
    /*left: 0;*/
    /*position: absolute;*/

    position: absolute;
    z-index: 999;

}
.video_controls {
    /*    position:relative;
        z-index:9999;*/
}
.video_controls .play_pause .control {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.5);
    border: 0 none;
    border-radius: 3px;
    color: #eee;
    border-radius: 50%;
    font-size: 25px;
    height: 45px;
    width: 45px;
    display: none;
    float: right;
    margin: 0 auto ;
    padding:10px;
    position:absolute;
    bottom:20px;
    right:20px;
    z-index:9999;
    text-align:center;
}
.video-mask {
    background: url("images/video-mask.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
    left: 0;
    min-height: 100%;
    min-width: 100%;
    position: absolute;
    top: 0;
    width: 100%;
    z-index:555;
}
.play_pause .control {font-family:'FontAwesome';}
.btn_sw {display:block !important;font-size:21px;line-height:25px;}


/*================================================================
                                END HOME VIDEO
=================================================================*/
@media  (min-width: 1920px) {
    /*.home_sections .home_section_title h3*/ 
    .page-template-home .home_sections .home_section_title h1 { margin-bottom: 40px;}
    .page-template-home .more_protofolio_projects {
        margin: 50px 0 18px;
    }
    .page-template-home .home_servicii_item .home_servicii_item_title {margin-bottom:15px;}
    .page-template-home .padding_top_150 {padding-top:150px;}
}

@media  (min-width: 1600px)and (max-width:1600px) {
    .page-template-home  .home_sections .home_section_title .button-group {margin-bottom:10px;}
    .page-template-home  #clienti_section .home_section_title.margin-bottom-50 {margin-bottom:10px !important;}
}
@media (min-width: 1440px) and (max-width:1440px){
    /*.page-template-home  #video-container {height:800px !important;}*/
    .page-template-home  .home_sections .home_section_title .button-group {margin-bottom:10px;}
    .page-template-home  #clienti_section .home_section_title.margin-bottom-50 {margin-bottom:10px !important;}
}
@media (min-width: 1366px) and (max-width:1366px) {
    .page-template-home  .home_sections .home_section_title .button-group {margin-bottom:10px;}
    .page-template-home  #clienti_section .home_section_title.margin-bottom-50 {margin-bottom:10px !important;}
    .page-template-home  .home_sections .home_section_title h1, .home_sections .home_section_title h3 {font-size:35px;}
    .page-template-home #portofolio_section .main_container {
        padding: 0px 0;
    }
    .page-template-home #portofolio_section .home_sections .home_section_title .button-group .button {
        font-size: 14px;
    }

    .page-template-home  #servicii_section .main_container {
        padding: 0px 0;
    }
    .page-template-home  #servicii_section .padding_top_150 {
        padding-top:120px;
    }
    .page-template-home  .home_sections .home_section_title .home_section_title_desc p {margin-top:0px;}
    .page-template-home  .home_sections .home_section_title .home_section_title_desc {margin-bottom:10px;}
    .page-template-home  #clienti_section .main_container {
        padding: 0px 0;
    }
    .page-template-home   #clienti_section .padding_top_150 {
        padding-top:120px;
    }
    .page-template-home  #clienti_section .section_clienti .clienti_item {height:152px;}
    .page-template-home  #clienti_section .section_clienti .clienti_item .clienti_item_inner {height:150px;}
    .page-template-home  .section_newsletter {padding:15px 0px;}
    .page-template-home  #contact_section.main_container {padding-bottom:10px;}
    .page-template-home .section_newsletter .newsletter_desc p {font-size:19px;  margin-bottom: 0px;}
    .page-template-home .section_newsletter .newsletter_desc p span {font-size:19px;}
    .page-template-home  .contact.home_sections .home_section_title.margin-bottom-50 {margin-bottom:10px !important;}
    .page-template-home .contact_container .contact_desc_top {margin-bottom:10px;}
    .page-template-home .contact_container .contact_desc_top p { line-height: 27px;font-size: 23px; }
    .page-template-home .contact_container .contact_desc_top {padding:11px 55px;}
    .page-template-home .contact_container .contact_desc_top a {font-size:28px;}
    .page-template-home .contact_container .contact_copy {margin-top:20px;}
}
@media screen and (max-width:991px) {
    .inner_projects .home_sections .section_proiecte .listing_portofoliu_item {max-width:32%;}

    .header_container .header_logo {max-width:30%;margin-right:5%;}
    .header_menu_cont {max-width:65%;}
    .home_sections .section_proiecte .listing_portofoliu_item {max-width:47%;}
    .home_sections .section_proiecte .portofoliu_listing .listing_portofoliu_container {height: 835px;overflow:hidden;}
    .section_clienti .clienti_item {max-width:33%;}
    .section_clienti .clienti_item .clienti_item_inner {max-width:100%;}
}
@media screen and (min-width:768px) {
    #video {
        /*height: 300%;*/
        /*top: -100%;*/
        /*left: 0;*/
        /*position: absolute;*/

        position: relative;
        top: 50%;
        left: 50%;
        min-width: 100%;
        min-height: 100%;
        width: auto;
        height: auto;
        z-index: -100;
        -webkit-transform: translateX(-50%) translateY(-50%);
        transform: translateX(-50%) translateY(-50%);
        /*background: url('https://s3-us-west-2.amazonaws.com/s.cdpn.io/4273/polina.jpg') no-repeat;*/
        /*background-size: cover;*/
        -webkit-transition: 1s opacity;
        transition: 1s opacity;
    }
}
@media screen and (max-width:767px) {
    .home_video_container {padding-top:0px!important;}
    .wrapper {padding-top: 0px;}
    .menu_mobile .main_menu {display:none;}
    .descktop_menu {display:none;}
    .menu_mobile {display:block;}
    .header_container .main_menu .menu li.last a {padding-right:21px}
    .header_container {left:0px;}
    .home_sections .section_proiecte .listing_portofoliu_item .listing_portofoliu_img {overflow:hidden;}
    .home_sections .section_proiecte .portofoliu_listing .listing_portofoliu_container .grid {height:100% !important;overflow:hidden;}
    .portofoliu_listing {overflow:hidden;}
    .video_controls {
        position: inherit;
    }
    .scroll-to, .scroll-to:hover, .scroll-to:visited, .scroll-to:active, .scroll-to:focus {bottom:0px;position:inherit;}
    .social {position:inherit;}
    .video_controls .play_pause .control {
        display: block;
    }
    .video-mask {
        display:none;
    }
    .page-template-template-clienti .section_clienti  {padding-left:15px;padding-right:15px;} 
    .header_menu_cont {max-width:35%;}
    .header_container .header_logo {max-width:209px;}
    /*mobile menu */
    .header_container.descktop_menu .main_menu {display:none;}

    .header_container {padding-left:15px;padding-right:15px;}

    .menu_lines span {
        background-color: #000;
        border: 2px solid #632c7b;
        border-radius: 5px;
        display: block;
        height: 6px;
        margin-bottom:2px;
        max-width: 70%;
        width: 100%;
        float:right;
        transition: all 300ms ease;
        -webkit-transition: all 300ms ease;
        -moz-transition: all 300ms ease;
        -o-transition: all 300ms ease;
    }
    .menu_lines {
        width:30px;
        float:left;
        margin-left:5px;
    }
    .menu_title {
        /*margin-left:10px;*/
        font-family: "Oswald",sans-serif;
        font-size: 17px;
        font-weight: 400;
        float:left;
        color: #fff;
        margin-right:0px;

        line-height:24px;
        text-transform: uppercase;
        transition: all 300ms ease-in-out;
        -webkit-transition: all 300ms ease-in-out;
        -moz-transition: all 300ms ease-in-out;
        -o-transition: all 300ms ease-in-out;
    }
    .active .menu_title {
        line-height:32px;
        color: #632c7b;
        margin-right:10px;
    }

    .menu_trigger.active .menu_lines span {
        margin-bottom:6px;
        max-width:100%;
        width:100%;
        background-color:#632c7b;
        /*border-color:#632c7b;*/
    }
    .menu_trigger {
        cursor:pointer;
        background-color: rgba(255,255,255,0);
        display: block;
        float:right;
        box-sizing:border-box;
        -moz-box-sizing:border-box;
        -o-box-sizing:border-box;
        -webkit-box-sizing:border-box;
    }
    .menu_trigger.active .menu_lines span {
        margin-bottom:6px;
        max-width:100%;
        width:100%;
    }

    .main_menu ul {
        border-top: 1px solid #fff;
        margin-top: 20px;
        max-width: 100%;
        padding: 20px 0 10px 0px;
        width: 100%;
    }
    .main_menu ul li {
        float:none;
        max-width:100%;
        width:100%;
        display:block;
        text-align:center;
    }
    .main_menu ul li.last a {padding-right:21px;}

    .header_container .main_menu .menu li a{display:block; padding:10px 21px;}
    #portofolio_section, #servicii_section, #clienti_section ,.contact.home_sections{
        padding-left:15px;
        padding-right:15px;
    }
    #contact_section .section_newsletter {
        padding-left:15px;
        padding-right:15px;
    }
    .contact_container .contact_desc_top {padding:25px;}
    .home_sections .section_proiecte .listing_portofoliu_item .listing_portofoliu_img {background-size:cover;}
    .single_content_desc {padding-left:15px;padding-right:15px;}

    .inner_projects .home_sections .section_proiecte .listing_portofoliu_item {
        float: none;
        margin: 0 auto 20px;
        max-width: 300px;
    }
    .inner_projects .home_section_title {padding-left:15px;padding-right:15px;}
    .inner_projects .home_section_title h3 {text-align:center !important; }
    .footer_container {padding-left:15px;padding-right:15px;}
    .home_video_container {
        overflow: visible;
        padding-top: 75px;
        width: 100%;
    }
}


@media screen and (max-width:640px) {
    .scroll-to, .scroll-to:hover, .scroll-to:visited, .scroll-to:active, .scroll-to:focus {
        position:initial;
        left:0px;
        margin-left:0px;
        width:100%; 
    }
    .social-container {margin-left:-81px;}

    .home_sections .section_proiecte .listing_portofoliu_item {max-width:49%;}
    .contact_container .contact_desc_top p  {text-align:center;margin-bottom:20px;}
    .contact_container .contact_desc_top p span {float:none;display:block;}
}
@media screen and (max-width:600px) {

    .section_clienti .clienti_item {max-width:50%;}
}
@media screen and (max-width:540px) {
    .home_sections .section_proiecte .portofolio_page .listing_portofoliu_item {float:left;}

    .home_sections .section_proiecte .listing_portofoliu_item {max-width:320px;float:none;margin:0 auto; margin-bottom:10px;right:0px;}
    .home_sections .section_proiecte .portofoliu_listing .listing_portofoliu_container {height:1135px;overflow:hidden;}

}
@media screen and (max-width:480px) {


    .home_sections .section_proiecte .portofolio_page .listing_portofoliu_item {float:none;max-width:97%;}

    .servicii_item .servicii_item_title h3 {font-size:18px;}
    .footer_container .footer_cont .footer_box {
        max-width:50%;
        float:left;
        padding:0px;
        margin-bottom:20px;
    }
    /*    .less_padding {
            padding-left: 10px;
            padding-right: 10px;
        }*/
    .home_servicii_item .home_servicii_item_image {left: -50px;}
    .home_servicii_item:hover .home_servicii_item_image {left: -50px;}
    .home_servicii_item:focus .home_servicii_item_image {left: -50px;}
    .home_servicii_item .home_servicii_item_title h3 {padding-left:20px;}
}
@media screen and (max-width:400px) {
    .absoluteLogo{
        display:none;
    }
    #meniuHidden{
        display:none;
    }
    .descktop_menu{
        display:none;
    }
    .menu_mobile{
        display:block;
    }
    .home_video_container {
        padding-top: 125px;

    }
    .servicii_item .servicii_item_title h3 {display:block;
                                            max-width:100%;float:none;
                                            margin-bottom:10px;}
    .servicii_item .servicii_item_title span {float:none;max-width:100%;display:block;line-height:25px;}
    .footer_container .footer_cont .footer_box {
        max-width:300px;
        float:none;
        margin:0 auto;
        padding:0px;
        margin-bottom:20px;
    }
    .header_menu_cont {max-width:100%;float:none; position:relative;z-index:9999;}
    .header_container .header_logo {max-width:100%;float:none;}
    .header_container .header_logo a{text-align:center;  background-position: center center;margin-bottom:15px;}
    .small_dev_400 {display:none;}
    .header_menu_cont .language_top {max-width:100px; float:left;margin-bottom:0px;margin-top:5px;}
    .header_menu_cont .language_top ul {float:left;}
    .home_servicii_item .home_servicii_item_title h3 {font-size:19px; padding-right:5px;}
    .home_sections .section_proiecte .portofoliu_listing .listing_portofoliu_container{height:1210px;overflow:hidden;}
    .home_sections .section_proiecte .listing_portofoliu_item .listing_portofoliu_link {height:120px;}
    .home_sections .section_proiecte .listing_portofoliu_item .listing_portofoliu_link .link_table_cell {height:120px;}
    .home_sections .section_proiecte .listing_portofoliu_item .listing_portofoliu_link .span_hidden {height:120px;}

    .contact_container .contact_form_cont .contact_form_left {float:none;max-width:100%;margin-bottom:15px;padding-right:0px;}
    .contact_container .contact_form_cont .contact_form_right {float:none;max-width:100%;margin-bottom:15px;padding-left:0px;}

}
@media screen and (max-width:360px) {

    .section_clienti .clienti_item {max-width:300px;float:none;margin:0 auto;}
}

@media only screen and (min-device-width: 413px) and (max-device-width: 415px){
    .wrapper {padding-top:0px;}
    .header_container{position:relative !important;top:0px!important;left:0px!important;right:0px!important;} 
    .header_container.menu_mobile{position:relative !important;top:0px!important;left:0px!important;right:0px!important;} 
    .home_video_container {padding-top:0px !important;}
    #video {
        position: relative;
        z-index: 999;
    }
    .home_sections .section_proiecte .listing_portofoliu_item .listing_portofoliu_img {overflow:hidden;}
    .home_sections .section_proiecte .portofoliu_listing .listing_portofoliu_container .grid {height:100% !important;overflow:hidden;}
    .portofoliu_listing {overflow:hidden;}
    .video_controls {
        position: inherit;
    }
    .scroll-to, .scroll-to:hover, .scroll-to:visited, .scroll-to:active, .scroll-to:focus {bottom:0px;position:inherit;}
    .social {position:inherit;}
    .video_controls .play_pause .control {
        display: block;
    }
    .video-mask {
        display:none;
    }
    .page-template-template-clienti .section_clienti  {padding-left:15px;padding-right:15px;} 
    .header_menu_cont {max-width:35%;}
    .header_container .header_logo {max-width:209px;}
    /*mobile menu */

    .header_container {padding-left:15px;padding-right:15px;}

    .menu_lines span {
        background-color: #000;
        border: 2px solid #632c7b;
        border-radius: 5px;
        display: block;
        height: 6px;
        margin-bottom:2px;
        max-width: 70%;
        width: 100%;
        float:right;
        transition: all 300ms ease;
        -webkit-transition: all 300ms ease;
        -moz-transition: all 300ms ease;
        -o-transition: all 300ms ease;
    }
    .menu_lines {
        width:30px;
        float:left;
        margin-left:5px;
    }
    .menu_title {
        /*margin-left:10px;*/
        font-family: "Oswald",sans-serif;
        font-size: 17px;
        font-weight: 400;
        float:left;
        color: #fff;
        margin-right:0px;

        line-height:24px;
        text-transform: uppercase;
        transition: all 300ms ease-in-out;
        -webkit-transition: all 300ms ease-in-out;
        -moz-transition: all 300ms ease-in-out;
        -o-transition: all 300ms ease-in-out;
    }
    .active .menu_title {
        line-height:32px;
        color: #632c7b;
        margin-right:10px;
    }

    .menu_trigger.active .menu_lines span {
        margin-bottom:6px;
        max-width:100%;
        width:100%;
        background-color:#632c7b;
        /*border-color:#632c7b;*/
    }
    .menu_trigger {
        cursor:pointer;
        background-color: rgba(255,255,255,0);
        display: block;
        float:right;
        box-sizing:border-box;
        -moz-box-sizing:border-box;
        -o-box-sizing:border-box;
        -webkit-box-sizing:border-box;
    }
    .menu_trigger.active .menu_lines span {
        margin-bottom:6px;
        max-width:100%;
        width:100%;
    }

    .main_menu ul {
        border-top: 1px solid #fff;
        margin-top: 20px;
        max-width: 100%;
        padding: 20px 0 10px 0px;
        width: 100%;
    }
    .main_menu ul li {
        float:none;
        max-width:100%;
        width:100%;
        display:block;
        text-align:center;
    }
    .main_menu ul li.last a {padding-right:21px;}

    .header_container .main_menu .menu li a{display:block; padding:10px 21px;}
    #portofolio_section, #servicii_section, #clienti_section ,.contact.home_sections{
        padding-left:15px;
        padding-right:15px;
    }
    #contact_section .section_newsletter {
        padding-left:15px;
        padding-right:15px;
    }
    .contact_container .contact_desc_top {padding:25px;}
    .home_sections .section_proiecte .listing_portofoliu_item .listing_portofoliu_img {background-size:cover;}
    .single_content_desc {padding-left:15px;padding-right:15px;}

    .inner_projects .home_sections .section_proiecte .listing_portofoliu_item {
        float: none;
        margin: 0 auto 20px;
        max-width: 300px;
    }
    .inner_projects .home_section_title {padding-left:15px;padding-right:15px;}
    .inner_projects .home_section_title h3 {text-align:center !important; }
    .footer_container {padding-left:15px;padding-right:15px;}
    .home_video_container {
        overflow: visible;
        padding-top: 75px;
        width: 100%;
    }
    .home_sections .section_proiecte .listing_portofoliu_item {max-width:49%;}
    .contact_container .contact_desc_top p  {text-align:center;margin-bottom:20px;}
    .contact_container .contact_desc_top p span {float:none;display:block;}
    .section_clienti .clienti_item {max-width:50%;}
    .home_sections .section_proiecte .listing_portofoliu_item {max-width:320px;float:none;margin:0 auto; margin-bottom:10px;right:0px;}
    .home_sections .section_proiecte .portofoliu_listing .listing_portofoliu_container {height:1135px;overflow:hidden;}
    .servicii_item .servicii_item_title h3 {font-size:18px;}
    .footer_container .footer_cont .footer_box {
        max-width:50%;
        float:left;
        padding:0px;
        margin-bottom:20px;
    }
    /*    .less_padding {
            padding-left: 10px;
            padding-right: 10px;
        }*/
    .home_servicii_item .home_servicii_item_image {left: -50px;}
    .home_servicii_item:hover .home_servicii_item_image {left: -50px;}
    .home_servicii_item:focus .home_servicii_item_image {left: -50px;}
    .home_servicii_item .home_servicii_item_title h3 {padding-left:20px;}
    .home_video_container {
        padding-top: 125px;

    }
    .servicii_item .servicii_item_title h3 {display:block;
                                            max-width:100%;float:none;
                                            margin-bottom:10px;}
    .servicii_item .servicii_item_title span {float:none;max-width:100%;display:block;line-height:25px;}
    .footer_container .footer_cont .footer_box {
        max-width:300px;
        float:none;
        margin:0 auto;
        padding:0px;
        margin-bottom:20px;
    }
    .header_menu_cont {max-width:100%;float:none; position:relative;z-index:9999;}
    .header_container .header_logo {max-width:100%;float:none;}
    .header_container .header_logo a{text-align:center;  background-position: center center;margin-bottom:15px;}
    .small_dev_400 {display:none;}
    .header_menu_cont .language_top {max-width:100px; float:left;margin-bottom:0px;margin-top:5px;}
    .header_menu_cont .language_top ul {float:left;}
    .home_servicii_item .home_servicii_item_title h3 {font-size:19px; padding-right:5px;}
    .home_sections .section_proiecte .portofoliu_listing .listing_portofoliu_container{height:1210px;overflow:hidden;}
    .home_sections .section_proiecte .listing_portofoliu_item .listing_portofoliu_link {height:120px;}
    .home_sections .section_proiecte .listing_portofoliu_item .listing_portofoliu_link .link_table_cell {height:120px;}
    .home_sections .section_proiecte .listing_portofoliu_item .listing_portofoliu_link .span_hidden {height:120px;}

    .contact_container .contact_form_cont .contact_form_left {float:none;max-width:100%;margin-bottom:15px;padding-right:0px;}
    .contact_container .contact_form_cont .contact_form_right {float:none;max-width:100%;margin-bottom:15px;padding-left:0px;}
    .section_clienti .clienti_item {max-width:300px;float:none;margin:0 auto;}
    .scroll-to, .scroll-to:hover, .scroll-to:visited, .scroll-to:active, .scroll-to:focus {
        position:initial;
        left:0px;
        margin-left:0px;
        width:100%;
    }
    .social-container {margin-left:-81px;}
}
@media screen and (max-device-width: 414px) and (max-device-height: 776px) {
    .wrapper {padding-top:0px;}
    .header_container{position:relative !important;top:0px!important;left:0px!important;right:0px!important;} 
    .header_container.menu_mobile{position:relative !important;top:0px!important;left:0px!important;right:0px!important;} 
    .home_video_container {padding-top:0px !important;}
    #video {
        position: relative;
        z-index: 999;
    }
    .home_sections .section_proiecte .listing_portofoliu_item .listing_portofoliu_img {overflow:hidden;}
    .home_sections .section_proiecte .portofoliu_listing .listing_portofoliu_container .grid {height:100% !important;overflow:hidden;}
    .portofoliu_listing {overflow:hidden;}
    .video_controls {
        position: inherit;
    }
    .scroll-to, .scroll-to:hover, .scroll-to:visited, .scroll-to:active, .scroll-to:focus {bottom:0px;position:inherit;}
    .social {position:inherit;}
    .video_controls .play_pause .control {
        display: block;
    }
    .video-mask {
        display:none;
    }
    .page-template-template-clienti .section_clienti  {padding-left:15px;padding-right:15px;} 
    .header_menu_cont {max-width:35%;}
    .header_container .header_logo {max-width:209px;}
    /*mobile menu */

    .header_container {padding-left:15px;padding-right:15px;}

    .menu_lines span {
        background-color: #000;
        border: 2px solid #632c7b;
        border-radius: 5px;
        display: block;
        height: 6px;
        margin-bottom:2px;
        max-width: 70%;
        width: 100%;
        float:right;
        transition: all 300ms ease;
        -webkit-transition: all 300ms ease;
        -moz-transition: all 300ms ease;
        -o-transition: all 300ms ease;
    }
    .menu_lines {
        width:30px;
        float:left;
        margin-left:5px;
    }
    .menu_title {
        /*margin-left:10px;*/
        font-family: "Oswald",sans-serif;
        font-size: 17px;
        font-weight: 400;
        float:left;
        color: #fff;
        margin-right:0px;

        line-height:24px;
        text-transform: uppercase;
        transition: all 300ms ease-in-out;
        -webkit-transition: all 300ms ease-in-out;
        -moz-transition: all 300ms ease-in-out;
        -o-transition: all 300ms ease-in-out;
    }
    .active .menu_title {
        line-height:32px;
        color: #632c7b;
        margin-right:10px;
    }

    .menu_trigger.active .menu_lines span {
        margin-bottom:6px;
        max-width:100%;
        width:100%;
        background-color:#632c7b;
        /*border-color:#632c7b;*/
    }
    .menu_trigger {
        cursor:pointer;
        background-color: rgba(255,255,255,0);
        display: block;
        float:right;
        box-sizing:border-box;
        -moz-box-sizing:border-box;
        -o-box-sizing:border-box;
        -webkit-box-sizing:border-box;
    }
    .menu_trigger.active .menu_lines span {
        margin-bottom:6px;
        max-width:100%;
        width:100%;
    }

    .main_menu ul {
        border-top: 1px solid #fff;
        margin-top: 20px;
        max-width: 100%;
        padding: 20px 0 10px 0px;
        width: 100%;
    }
    .main_menu ul li {
        float:none;
        max-width:100%;
        width:100%;
        display:block;
        text-align:center;
    }
    .main_menu ul li.last a {padding-right:21px;}

    .header_container .main_menu .menu li a{display:block; padding:10px 21px;}
    #portofolio_section, #servicii_section, #clienti_section ,.contact.home_sections{
        padding-left:15px;
        padding-right:15px;
    }
    #contact_section .section_newsletter {
        padding-left:15px;
        padding-right:15px;
    }
    .contact_container .contact_desc_top {padding:25px;}
    .home_sections .section_proiecte .listing_portofoliu_item .listing_portofoliu_img {background-size:cover;}
    .single_content_desc {padding-left:15px;padding-right:15px;}

    .inner_projects .home_sections .section_proiecte .listing_portofoliu_item {
        float: none;
        margin: 0 auto 20px;
        max-width: 300px;
    }
    .inner_projects .home_section_title {padding-left:15px;padding-right:15px;}
    .inner_projects .home_section_title h3 {text-align:center !important; }
    .footer_container {padding-left:15px;padding-right:15px;}
    .home_video_container {
        overflow: visible;
        padding-top: 75px;
        width: 100%;
    }
    .home_sections .section_proiecte .listing_portofoliu_item {max-width:49%;}
    .contact_container .contact_desc_top p  {text-align:center;margin-bottom:20px;}
    .contact_container .contact_desc_top p span {float:none;display:block;}
    .section_clienti .clienti_item {max-width:50%;}
    .home_sections .section_proiecte .listing_portofoliu_item {max-width:320px;float:none;margin:0 auto; margin-bottom:10px;right:0px;}
    .home_sections .section_proiecte .portofoliu_listing .listing_portofoliu_container {height:1135px;overflow:hidden;}
    .servicii_item .servicii_item_title h3 {font-size:18px;}
    .footer_container .footer_cont .footer_box {
        max-width:50%;
        float:left;
        padding:0px;
        margin-bottom:20px;
    }
    /*    .less_padding {
            padding-left: 10px;
            padding-right: 10px;
        }*/
    .home_servicii_item .home_servicii_item_image {left: -50px;}
    .home_servicii_item:hover .home_servicii_item_image {left: -50px;}
    .home_servicii_item:focus .home_servicii_item_image {left: -50px;}
    .home_servicii_item .home_servicii_item_title h3 {padding-left:20px;}
    .home_video_container {
        padding-top: 125px;

    }
    .servicii_item .servicii_item_title h3 {display:block;
                                            max-width:100%;float:none;
                                            margin-bottom:10px;}
    .servicii_item .servicii_item_title span {float:none;max-width:100%;display:block;line-height:25px;}
    .footer_container .footer_cont .footer_box {
        max-width:300px;
        float:none;
        margin:0 auto;
        padding:0px;
        margin-bottom:20px;
    }
    .header_menu_cont {max-width:100%;float:none; position:relative;z-index:9999;}
    .header_container .header_logo {max-width:100%;float:none;}
    .header_container .header_logo a{text-align:center;  background-position: center center;margin-bottom:15px;}
    .small_dev_400 {display:none;}
    .header_menu_cont .language_top {max-width:100px; float:left;margin-bottom:0px;margin-top:5px;}
    .header_menu_cont .language_top ul {float:left;}
    .home_servicii_item .home_servicii_item_title h3 {font-size:19px; padding-right:5px;}
    .home_sections .section_proiecte .portofoliu_listing .listing_portofoliu_container{height:1210px;overflow:hidden;}
    .home_sections .section_proiecte .listing_portofoliu_item .listing_portofoliu_link {height:120px;}
    .home_sections .section_proiecte .listing_portofoliu_item .listing_portofoliu_link .link_table_cell {height:120px;}
    .home_sections .section_proiecte .listing_portofoliu_item .listing_portofoliu_link .span_hidden {height:120px;}

    .contact_container .contact_form_cont .contact_form_left {float:none;max-width:100%;margin-bottom:15px;padding-right:0px;}
    .contact_container .contact_form_cont .contact_form_right {float:none;max-width:100%;margin-bottom:15px;padding-left:0px;}
    .section_clienti .clienti_item {max-width:300px;float:none;margin:0 auto;}
    .scroll-to, .scroll-to:hover, .scroll-to:visited, .scroll-to:active, .scroll-to:focus {
        position:initial;
        left:0px;
        margin-left:0px;
        width:100%;
    }
    .social-container {margin-left:-81px;}
}
@media only screen and (min-device-width: 374px) and (max-device-width: 376px) { 
    .wrapper {padding-top:0px;}
    .header_container{position:relative !important;top:0px!important;left:0px!important;right:0px!important;} 
    .header_container.menu_mobile{position:relative !important;top:0px!important;left:0px!important;right:0px!important;} 
    .home_video_container {padding-top:0px !important;}
    #video {
        position: relative;
        z-index: 999;
    }
    .home_sections .section_proiecte .listing_portofoliu_item .listing_portofoliu_img {overflow:hidden;}
    .home_sections .section_proiecte .portofoliu_listing .listing_portofoliu_container .grid {height:100% !important;overflow:hidden;}
    .portofoliu_listing {overflow:hidden;}
    .video_controls {
        position: inherit;
    }
    .scroll-to, .scroll-to:hover, .scroll-to:visited, .scroll-to:active, .scroll-to:focus {bottom:0px;position:inherit;}
    .social {position:inherit;}
    .video_controls .play_pause .control {
        display: block;
    }
    .video-mask {
        display:none;
    }
    .page-template-template-clienti .section_clienti  {padding-left:15px;padding-right:15px;} 
    .header_menu_cont {max-width:35%;}
    .header_container .header_logo {max-width:209px;}
    /*mobile menu */

    .header_container {padding-left:15px;padding-right:15px;}

    .menu_lines span {
        background-color: #000;
        border: 2px solid #632c7b;
        border-radius: 5px;
        display: block;
        height: 6px;
        margin-bottom:2px;
        max-width: 70%;
        width: 100%;
        float:right;
        transition: all 300ms ease;
        -webkit-transition: all 300ms ease;
        -moz-transition: all 300ms ease;
        -o-transition: all 300ms ease;
    }
    .menu_lines {
        width:30px;
        float:left;
        margin-left:5px;
    }
    .menu_title {
        /*margin-left:10px;*/
        font-family: "Oswald",sans-serif;
        font-size: 17px;
        font-weight: 400;
        float:left;
        color: #fff;
        margin-right:0px;

        line-height:24px;
        text-transform: uppercase;
        transition: all 300ms ease-in-out;
        -webkit-transition: all 300ms ease-in-out;
        -moz-transition: all 300ms ease-in-out;
        -o-transition: all 300ms ease-in-out;
    }
    .active .menu_title {
        line-height:32px;
        color: #632c7b;
        margin-right:10px;
    }

    .menu_trigger.active .menu_lines span {
        margin-bottom:6px;
        max-width:100%;
        width:100%;
        background-color:#632c7b;
        /*border-color:#632c7b;*/
    }
    .menu_trigger {
        cursor:pointer;
        background-color: rgba(255,255,255,0);
        display: block;
        float:right;
        box-sizing:border-box;
        -moz-box-sizing:border-box;
        -o-box-sizing:border-box;
        -webkit-box-sizing:border-box;
    }
    .menu_trigger.active .menu_lines span {
        margin-bottom:6px;
        max-width:100%;
        width:100%;
    }

    .main_menu ul {
        border-top: 1px solid #fff;
        margin-top: 20px;
        max-width: 100%;
        padding: 20px 0 10px 0px;
        width: 100%;
    }
    .main_menu ul li {
        float:none;
        max-width:100%;
        width:100%;
        display:block;
        text-align:center;
    }
    .main_menu ul li.last a {padding-right:21px;}

    .header_container .main_menu .menu li a{display:block; padding:10px 21px;}
    #portofolio_section, #servicii_section, #clienti_section ,.contact.home_sections{
        padding-left:15px;
        padding-right:15px;
    }
    #contact_section .section_newsletter {
        padding-left:15px;
        padding-right:15px;
    }
    .contact_container .contact_desc_top {padding:25px;}
    .home_sections .section_proiecte .listing_portofoliu_item .listing_portofoliu_img {background-size:cover;}
    .single_content_desc {padding-left:15px;padding-right:15px;}

    .inner_projects .home_sections .section_proiecte .listing_portofoliu_item {
        float: none;
        margin: 0 auto 20px;
        max-width: 300px;
    }
    .inner_projects .home_section_title {padding-left:15px;padding-right:15px;}
    .inner_projects .home_section_title h3 {text-align:center !important; }
    .footer_container {padding-left:15px;padding-right:15px;}
    .home_video_container {
        overflow: visible;
        padding-top: 75px;
        width: 100%;
    }
    .home_sections .section_proiecte .listing_portofoliu_item {max-width:49%;}
    .contact_container .contact_desc_top p  {text-align:center;margin-bottom:20px;}
    .contact_container .contact_desc_top p span {float:none;display:block;}
    .section_clienti .clienti_item {max-width:50%;}
    .home_sections .section_proiecte .listing_portofoliu_item {max-width:320px;float:none;margin:0 auto; margin-bottom:10px;right:0px;}
    .home_sections .section_proiecte .portofoliu_listing .listing_portofoliu_container {height:1135px;overflow:hidden;}
    .servicii_item .servicii_item_title h3 {font-size:18px;}
    .footer_container .footer_cont .footer_box {
        max-width:50%;
        float:left;
        padding:0px;
        margin-bottom:20px;
    }
    /*    .less_padding {
            padding-left: 10px;
            padding-right: 10px;
        }*/
    .home_servicii_item .home_servicii_item_image {left: -50px;}
    .home_servicii_item:hover .home_servicii_item_image {left: -50px;}
    .home_servicii_item:focus .home_servicii_item_image {left: -50px;}
    .home_servicii_item .home_servicii_item_title h3 {padding-left:20px;}
    .home_video_container {
        padding-top: 125px;

    }
    .servicii_item .servicii_item_title h3 {display:block;
                                            max-width:100%;float:none;
                                            margin-bottom:10px;}
    .servicii_item .servicii_item_title span {float:none;max-width:100%;display:block;line-height:25px;}
    .footer_container .footer_cont .footer_box {
        max-width:300px;
        float:none;
        margin:0 auto;
        padding:0px;
        margin-bottom:20px;
    }
    .header_menu_cont {max-width:100%;float:none; position:relative;z-index:9999;}
    .header_container .header_logo {max-width:100%;float:none;}
    .header_container .header_logo a{text-align:center;  background-position: center center;margin-bottom:15px;}
    .small_dev_400 {display:none;}
    .header_menu_cont .language_top {max-width:100px; float:left;margin-bottom:0px;margin-top:5px;}
    .header_menu_cont .language_top ul {float:left;}
    .home_servicii_item .home_servicii_item_title h3 {font-size:19px; padding-right:5px;}
    .home_sections .section_proiecte .portofoliu_listing .listing_portofoliu_container{height:1210px;overflow:hidden;}
    .home_sections .section_proiecte .listing_portofoliu_item .listing_portofoliu_link {height:120px;}
    .home_sections .section_proiecte .listing_portofoliu_item .listing_portofoliu_link .link_table_cell {height:120px;}
    .home_sections .section_proiecte .listing_portofoliu_item .listing_portofoliu_link .span_hidden {height:120px;}

    .contact_container .contact_form_cont .contact_form_left {float:none;max-width:100%;margin-bottom:15px;padding-right:0px;}
    .contact_container .contact_form_cont .contact_form_right {float:none;max-width:100%;margin-bottom:15px;padding-left:0px;}
    .section_clienti .clienti_item {max-width:300px;float:none;margin:0 auto;}
    .scroll-to, .scroll-to:hover, .scroll-to:visited, .scroll-to:active, .scroll-to:focus {
        position:initial;
        left:0px;
        margin-left:0px;
        width:100%;
    }
    .social-container {margin-left:-81px;}
}

video{
    position: absolute !important;
}
.cycloneslider-pager {
    display:none;
}
.cycloneslider-prev{
    margin-left: -60px;
    display:block;
    opacity: 0.8 !important;
    border-radius:0px !important;
    height:35px !important;
    width:35px !important;
}
.cycloneslider-next{
    margin-right: -60px;
    display:block;
    opacity: 0.8 !important;
    border-radius:0px !important;
    height:35px !important;
    width:35px !important;
}
.cycloneslider-template-standard{
    border-radius:0px !important;
}
.arrow {
    margin-left: -4px;
    border-top: 6px solid transparent;
    border-right: 6px solid #333;
    border-bottom: 6px solid transparent;
    display: none;
}
.cycloneslider-prev{
    background-image: url(images/sageata1.png) !important;
}
.cycloneslider-next{
    background-image: url(images/sageata2.png) !important;
}
.cycloneslider-prev:hover{
    background-image: url(images/sageata1h.png) !important;
}
.cycloneslider-next:hover{
    background-image: url(images/sageata2h.png) !important;
}

.wrapImg{
    width:33.3334%;
    padding: 5px; 
    float:left;

}
.websiteBtn {
    text-align: center;
    border: 1px solid #fff;
    width: 200px;
    margin: auto;
    line-height: 40px;
    height: 40px;
    width: auto;
    padding-left: 20px;
    padding-right: 20px;
    float: right;
    margin: auto;
    right: 0;
    position: relative;
    -webkit-transform: none;
    transform: none;
    margin-bottom: 20px;
    top: -72px;
}

.websiteBtn:hover{
    color:#9348B5;
    border-color: #9348B5;
}
a.colorf{
    color:#fff;
    font-size:18px;
    font-weight: 300;
}
a.colorf:hover{

    color:#fff;
    transition: all 0.3s ease-in-out;
    text-decoration: none;

}
@media screen and (max-width:1360px){
    #portofoliu_home{
        width:768px;
        margin: auto;
    }
    .portofoliu_listing img {
        width: 100%;
        height: 180px ;
        transition: all 600ms ease-in-out;
    }
    .portfolio span img {
        padding-left: 30px;
        padding-bottom: 10px;
        height: 38px !important;
    }
    .portfolio a {
        color: #fff;
        font-size: 22px !important;
        font-weight: 300 !important;
        text-transform: none !important;
    }
    .home_sections .home_section_title h3  {
        font-size: 24px !important;
        color: #ecf0f1;
        font-family: 'Oswald', sans-serif;
        line-height: 20px !important;
        text-transform: uppercase;
        font-weight: 400;
        /*    margin: 0px !important;
            margin-bottom: 10px !important;*/
        text-align: center;
    }
    .more_protofolio_projects a {
        max-width: 240px !important;
        width: 100%;
        margin: 0 auto;
        display: block;
        text-align: center;
        color: #fff;
        font-family: 'Oswald', sans-serif;
        font-weight: 300;
        font-size: 18px;
        line-height: 18px;
        text-transform: uppercase;
        background-color: #000000;
        border: 1px solid #632c7b;
        padding: 10px 0px;
        transition: all 600ms ease-in-out;
        -webkit-transition: all 600ms ease-in-out;
        -moz-transition: all 600ms ease-in-out;
        -o-transition: all 600ms ease-in-out;
        border-radius: 5px;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        -ms-border-radius: 5px;
        -o-border-radius: 5px;
    }
    .portfolio{
        margin: 0px !important;
    }

    .portofoliu_listing img {
        width: 100%;
        height: 215px;
        transition: all 600ms ease-in-out;
    }
    #portofoliu_home {
        width: 920px;
        margin: auto;
    }
    .overlay_item h3 {
        margin-top: 10px;
        color: #fff;
        font-family: 'Oswald', sans-serif;
        font-weight: 300;
        font-size: 18px;
        padding-left: 20px;
        padding-right: 20px;
    }
    .overlay_item h4 {
        color: #fff;
        font-size: 16px;
        font-family: 'Oswald', sans-serif;
        font-weight: bold;
        padding-left: 20px;
        padding-right: 20px;
        margin-bottom: 10px;
    }
}
.iframewrap{
    width:1340px;
    height:820px;
    margin: auto;
}
.oldslider{
    width:1340px;
    height:820px;
    margin:auto;
}
.newslider{
    width:1200px;
    height:800px;
    margin: auto;
}

@media screen and (max-width:1000px){
    .single_content_desc p {
        width:auto;
    }
}
@media screen and (min-width:500px) and (max-width: 800px){
    .contport{
        padding-top: 60px; 
    }
}
@media screen and (max-width: 800px){
    .wrapImg{
        width:100%;
    }
    #portofoliu_home{
        width:100%;
    }
    .home_sections .home_section_title {
        margin-top: 15px;
    }
    #meniuHidden{
        display:none;
    }
    .contport {
        width: 100% !important;
        max-width: 100% !important;
        /*margin-top: 115px;*/
    }
    .single_content_desc p {
        width:auto;
    }
}


@media (min-width: 1201px) and (max-width:1367px) {

    #video2 {
        width: 494px;
        height: 330px;
        left: 80px;
        top: 0px;
    }
    .socialH {
        color: #fff;
        float: left;
        left: 50%;
        position: absolute;
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        transform: translateX(-50%);
        bottom: 94px;
    }
    .textWrap {
        width: 306px;
        position: absolute;
        top: 75px;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        transform: translateX(-50%);
    }
    .textWrap p {
        font-size: 20px;
    }
    .videoWrap {
        left: 50%;
        float: left;
        width: 664px;
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        transform: translateX(-50%);
        position: relative;
        top: 190px;
        height: 350px;
        background-image: url('./images/laptop.png');
        background-size: contain;
    }    
}


@media (min-width: 1370px) and (max-width: 1441px){
    #portofoliu_home {
        width: 1100px;
        margin: auto;
    }
    .portofoliu_listing img {
        width: 100%;
        height: auto;
        height: 245px;
        transition: all 300ms ease-in-out;
    }

    #video2 {
        width: 640px;
        height: 428px;
        left: 104px;
        top: 0px;
    }
    .textWrap p {
        font-size: 20px;
        font-weight: 300;
        font-family: "Open Sans",sans-serif;
        color: #fff;
        text-align: center;
    }
    .textWrap {
        width: 400px;
        position: absolute;
        top: 80px;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        transform: translateX(-50%);
    }

    .videoWrap {
        left: 50%;
        float: left;
        width: 850px;
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        transform: translateX(-50%);
        position: relative;
        top: 190px;
        height: 454px;
        background-image: url(./images/laptop.png);
        background-size: contain;
    }
    .socialH {
        color: #fff;
        float: left;
        left: 50%;
        position: absolute;
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        transform: translateX(-50%);;
        bottom: 125px;
    }
    #video2 {
        width: 640px;
        height: 429px;
        left: 104px;
        top: 0px;
    }

}
@media screen and (max-width: 1200px) and (min-width:1023px){
    .videoWrap {
        left: 50%;
        float: left;
        width: 860px;
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        transform: translateX(-50%);
        position: relative;
        top: 212px;
        height: 457px;
        background-image: url(http://new.webefektiv.ro/wp-content/themes/webefektiv/./images/laptop.png);
        background-size: contain;
    }
    .textWrap p {
        font-size: 20px;
        font-weight: 300;
        font-family: "Open Sans",sans-serif;
        color: #fff;
    }
    .textWrap {
        width: 309px;
        position: absolute;
        top: 100px;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        transform: translateX(-50%);
    }
    #video2 {
        width: 648px;
        height: 388px;
        left: 104px;
        top: 22px;
    }
    .socialH {
        color: #fff;
        float: left;
        left: 50%;
        position: absolute;
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        transform: translateX(-50%);
        bottom: 80px;
    }
    .scroll-to, .scroll-to:hover, .scroll-to:visited, .scroll-to:active, .scroll-to:focus {
        color: #ffffff;
        z-index: 666;
        display: block;
        font-family: "Oswald",sans-serif;
        font-weight: 400;
        margin-left: -55px;
        position: absolute;
        text-align: center;
        text-decoration: none;
        text-transform: uppercase;
        bottom: 200px;
        font-size: 14px;
        height: 40px;
        /* left: 49.6%; */
        left: 49.4%;
        line-height: 20px;
        width: 140px;
        bottom: 12px;
    }
}
@media screen and (max-width:1023px) and (min-width:767){
    #portofoliu_home {
        width: 100%;
        margin: auto;
    }
    .wrapImg {
        width: -webkit-calc(50% - 1px);
        width: calc(50% - 1px);
        padding: 2px;
        float: left;
    }
    .videoWrap {
        left: 50%;
        float: left;
        width: 740px;
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        transform: translateX(-50%);
        position: relative;
        top: 332px;
        height: 396px;
        background-image: url('./images/laptop.png');
        background-size: contain;
    }
    #video2 {
        width: 560px;
        height: 374px;
        left: 89px;
        top: 0px;
    }
}
@media screen and (max-width: 500px){ 
    .wrapImg{
        width:100%;
    }
    #portofoliu_home{
        width:100%;
    }
    .home_sections .home_section_title {
        margin-top: 15px; 
    }
    #meniuHidden{
        display:none;
    }
    .contport {
        width: 100% !important;
        max-width: 100% !important;
        /*margin-top: 115px;*/
    }
    .textWrap {
        width: 300px;
        position: absolute;
        top: 10px; 
        left: 50%;
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        transform: translateX(-50%);
        padding: 10px;
        top: 180px;
    }
    .textWrap p{
        font-size:18px;
    }
    .videoWrap {
        float: left;
        width: 100%;
        position: relative;
        top: none;
        height: 180px;
        background-image: none;
        background-size: contain;
        left: initial;
        -webkit-transform: none;
        transform: none;
        margin-top: -15px;
    }
    .socialH {
        color: #fff;
        float: left;
        left: inherit;
        position: absolute;
        -webkit-transform: none;
        transform:none;
        bottom: 18px;
        width: 100%;
        text-align: center;
        z-index: 10;
    }
    #video2 {
        width: 320px;
        height: 180px;
        left: 50%;
        -webkit-transform: translateX(-50%); 
        transform: translateX(-50%); 
        margin: auto;
        float: left;
        position: relative;
        right:initial;
        top:initial;
        z-index: 10;

    }
    .scroll-to{
        display: none;
    }
    .home_sections .section_proiecte .portofolio_page .portofoliu_listing {
        padding:22px;
    }
    .home_video_container {
        /*    height: -webkit-calc(100vh - 156px);
            height: calc(100vh - 156px);*/
        height:100vh;
    }
    .padding_top_150 {
        padding-top: 0px; 
    }
    .main_container {
        padding: 14px 0px;
    }
    .header_container .main_menu .menu li.last a {
        padding-right: 0px;
    }
    .header_container .main_menu .menu li a {
        display: block;
        padding: 0px;
        margin-bottom: 10px;
    }
    .section_clienti .clienti_item {
        margin: 0 auto;
        width: 50%;
        float: left;
    }
    .newsletter_input_cont .newsletter-submit {
        font-size: 15px
    }
    .header_menu_cont {
        max-width: 100%;
        float: none;
        position: relative;
        z-index: 9999;
    }
    .absoluteLogo {
        display:none;
    }
    .header_container .header_logo {
        max-width: 100%;
    }
    .justmobile{
        display:block;
    }
    .justdesktop{
        display:none;
    }
    .contact_container .contact_desc_top p {
        /*        font-size: 29px;
                font-weight: 700;
                font-family: 'Oswald', sans-serif;
                margin-bottom: 0px;
                color: #fff;
                line-height: 37px;*/
    }
    .contact_container .contact_desc_top a {
        /*        margin-top: 10px;
                word-wrap: break-word;
                display: block;
                font-size: 26px;
                font-weight: 300;
                font-family: 'Oswald', sans-serif;
                color: #fff;
                line-height: 30px;
                text-align: center;*/
    }
    .header_container.menu_mobile {
        position: absolute !important;
        top: 0px!important;
        left: 0px!important;
        right: 0px!important;
    }

    .main_container:first-of-type{
        padding-top: 170px;
    }
    .page--filtering{
        padding-top: 10px !important;
    }
    #portfull img {
        width: 100%;
        height: auto;
        transition: all 600ms ease-in-out;
    }
    .padmobil{
        padding-top: 170px;
    }
}
@media screen and (min-height:1000px){
    #video2 {
        width: 928px;
        height: 534px;
        left: 147px;
        top: 43px;
    }
    .videoWrap {
        left: 50%;
        float: left;
        width: 1226px;
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        transform: translateX(-50%);
        position: relative;
        top: 150px;
        height: 639px;
        background-image: url(./images/laptop.png);
        background-size: cover;
    }
}
@media screen and (max-width:400px){
    .cevaclasa{
        width:340px;
        height:220px;
        margin:auto;
        display: block; 
    }
}

@media screen and (max-width:800px){
    .cevaclasa{
        width:400px;
        height:225px;
        margin:auto;
        display: block; 
    }
} 



#homeHead {
    float: left;
    /*position: fixed;*/
    width: 100%;
    /*    left: 0;
        right: 0;
        padding: 20px 4px;
        padding-bottom: 0;
        height: 68px;
        z-index: 9999;
        background-color: #191a1c;  */
}
/* line 120, sass/navigation/_menus.scss */
#homeHead .logo {
    float: left;
    z-index: 99999; 
    position: fixed;
    top:20px;
}
#homeHead .logo img{
    width: 160px;
}

@media screen and (max-width: 1441px){
    width: 125px;
}

/* line 126, sass/navigation/_menus.scss */
#homeHead .menuWrap {
    float: right;
    padding-left: 5px;
    padding-right: 5px;
    border: 1px solid #fff;
    z-index: 99999; 
    position: fixed;
    right:50px;
    top:20px; 
}

/* line 137, sass/navigation/_menus.scss */
#topMenu {
    font-size: 14px;
    font-family: "Lato", sans-serif;
    color: #fff;
    padding-top: 7px;
}
/* line 142, sass/navigation/_menus.scss */
#topMenu a {
    color: #fff;
}
#topMenu a:hover {
    text-decoration: none; 
}

/* line 148, sass/navigation/_menus.scss */
#menuFullscreen {
    position: fixed;
    width: 100%;
    height: 100vh;
    background-color: #632c7b;
    z-index: 33;
    margin: 0;
    padding: 0;
    display: none;
    z-index: 999;
}
/* line 159, sass/navigation/_menus.scss */
#menuFullscreen .show {
    opacity: 1;
}
/* line 162, sass/navigation/_menus.scss */
#menuFullscreen ul {
    list-style: none;
    top: 45%;
    left: 50%;
    transform: translate(-50%, -50%);
    position: absolute;
    margin: 0;
    padding: 0;
    width: 400px;
    height: 450px;
}


/* line 172, sass/navigation/_menus.scss */
#menuFullscreen ul li {
    text-align: center;
    margin: 0;
    padding: 0;
    display: none;
    width: 100%;
    float: left;
    transition: all 300ms ease-in-out;
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    visibility: visible;
    opacity: 1;
    animation: fade 1s;
    line-height: 90px; 
}
/* line 183, sass/navigation/_menus.scss */
#menuFullscreen ul li a {
    font-size: 60px;
    color: #fff;
    font-family: "Lato", sans-serif;
    font-weight: 900;
    text-transform: uppercase;
    text-align: center;
    float: left;
    width: 100%;
}
/* line 193, sass/navigation/_menus.scss */
#menuFullscreen ul li a:hover {
    color: #000;
    text-decoration: none;
}

@keyframes fade {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
/* line 211, sass/navigation/_menus.scss */
#menuBtn:hover {
    cursor: pointer;
}

/* line 215, sass/navigation/_menus.scss */
.closeBtn {
    width: 50px;
    bottom: 100px;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    color: black;
}
/* line 222, sass/navigation/_menus.scss */
.closeBtn:hover {
    cursor: pointer;
}

/* Icon 3 */
/* line 228, sass/navigation/_menus.scss */
#nav-icon3 {
    width: 25px;
    height: 30px;
    position: relative;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
    cursor: pointer;
}
/* line 242, sass/navigation/_menus.scss */
#nav-icon3:hover span {
    width: 100%;
}
/* line 244, sass/navigation/_menus.scss */
#nav-icon3:hover span:nth-child(1), #nav-icon3:hover span:nth-child(2), #nav-icon3:hover span:nth-child(3), #nav-icon3:hover span:nth-child(4) {
    width: 100%;
}

/* line 251, sass/navigation/_menus.scss */
#nav-icon3 span {
    display: block;
    position: absolute;
    height: 2px;
    background: #fff;
    border-radius: 0px;
    opacity: 1;
    left: 0;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .25s ease-in-out;
    -moz-transition: .25s ease-in-out;
    -o-transition: .25s ease-in-out;
    transition: .25s ease-in-out;
}

/* line 269, sass/navigation/_menus.scss */
#nav-icon3 span:nth-child(1) {
    top: 6px;
    width: 100%;
}

/* line 274, sass/navigation/_menus.scss */
#nav-icon3 span:nth-child(2), #nav-icon3 span:nth-child(3) {
    top: 15px;
    width: 80%;
}

/* line 279, sass/navigation/_menus.scss */
#nav-icon3 span:nth-child(4) {
    top: 23px;
    width: 60%;
}

/* line 284, sass/navigation/_menus.scss */
#nav-icon3.open span:nth-child(1) {
    top: 18px;
    width: 0%;
    left: 50%;
}

/* line 290, sass/navigation/_menus.scss */
#nav-icon3.open span:nth-child(2) {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    width: 100%;
}

/* line 298, sass/navigation/_menus.scss */
#nav-icon3.open span:nth-child(3) {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    width: 100%;
}

/* line 306, sass/navigation/_menus.scss */
#nav-icon3.open span:nth-child(4) {
    top: 18px;
    width: 0%;
    left: 50%;
}

/* line 313, sass/navigation/_menus.scss */
.activeHead {
    background-color: #141414 !important;
}

/* line 317, sass/navigation/_menus.scss */
.menuTxt {
    float: right;
    font-size: 15px;
    color: #fff;
    font-weight: bold;
    padding-top: 7px;
    padding-right: 10px;
    font-weight: bold;
    z-index: 99999; 
    right: 90px;
    position: fixed;
    top:20px; 
}

@media screen and (max-width:700px){
    .menuTxt {
        display: none; 
    } 
}


/* line 326, sass/navigation/_menus.scss */
.totLogo {
    left: 50%;
    transform: translateX(-50%);
    position: absolute;
    margin-top: -3px;
    /*    padding: 5px 15px;
        padding-top: 10px;  */
}

/* line 340, sass/navigation/_menus.scss */
.home #homeHead {
    /*background-color: transparent;*/
}
/* line 343, sass/navigation/_menus.scss */
.home .menuColor {
    background-color: #191A1C !important;
}

/* line 347, sass/navigation/_menus.scss */
.addPurple {
    background-color: #632c7b;
}

/* line 350, sass/navigation/_menus.scss */
#homeHead.addPurple {
    /*background-color: transparent;*/
}


/* line 293, sass/variables-site/_structure.scss */
.spinandflip {
    height: 24px;
    position: relative;
    z-index: 1;
    top: 0;
    transform-origin: top left;
    overflow: hidden;
    display: block;
    float: left;
    padding-right: 30px;
}
/* line 304, sass/variables-site/_structure.scss */
.spinandflip a:hover .spinandfliptop {
    transform: translate3d(0, -100%, 0);
    transition: transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
}
/* line 309, sass/variables-site/_structure.scss */
.spinandflip a:hover .spinandflipbottom {
    transform: translate3d(0, -100%, 0);
    transition: transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
}
/* line 314, sass/variables-site/_structure.scss */
.spinandflip .spinandfliptop, .spinandflip .spinandflipbottom {
    display: block;
}
a:hover{
    text-decoration: none;
}

/* line 1, sass/site/pages/_contact.scss */
#contactInfo {
    padding-top: 140px;
    font-size: 18px;
    font-family: "Lato", sans-serif;
    color: #fff;
    font-weight: 300;
}
/* line 7, sass/site/pages/_contact.scss */
#contactInfo span {
    font-weight: bold;
}
/* line 10, sass/site/pages/_contact.scss */
#contactInfo h3 {
    font-size: 30px;
    font-family: "Lato", sans-serif;
    color: #fff;
    border-bottom: 5px solid #632c7b;
    float: left;
    padding-bottom: 15px;
    bottom: 0;
    font-weight: 300;
}
/* line 19, sass/site/pages/_contact.scss */
#contactInfo h3 span {
    font-weight: bold;
}

/* line 24, sass/site/pages/_contact.scss */
::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    color: #fff;
}

/* line 27, sass/site/pages/_contact.scss */
::-moz-placeholder {
    /* Firefox 19+ */
    color: #fff;
}

/* line 30, sass/site/pages/_contact.scss */
:-ms-input-placeholder {
    /* IE 10+ */
    color: #fff;
}

/* line 33, sass/site/pages/_contact.scss */
:-moz-placeholder {
    /* Firefox 18- */
    color: #fff;
}

/* line 36, sass/site/pages/_contact.scss */
#contact2 {
    padding-top: 40px;
    font-size: 18px;
    font-weight: 300;
    font-family: "Lato", sans-serif;
    color: #fff;
}
/* line 42, sass/site/pages/_contact.scss */
#contact2 .nf-form-cont {
    /*padding-top: 38px;*/
}
/* line 45, sass/site/pages/_contact.scss */
#contact2 #ninja_forms_required_items, #contact2 .nf-field-container {
    clear: both;
    position: relative;
    margin-bottom: 5px;
}
/* line 50, sass/site/pages/_contact.scss */
#contact2 .nf-form-fields-required {
    display: none;
}
/* line 53, sass/site/pages/_contact.scss */
#contact2 input {
    width: 100%;
    height: 50px;
    padding-left: 15px;
    font-size: 14px;
    font-family: "Lato", sans-serif;
    border-radius: 0;
    border: 1px solid #464646;
    background-color: transparent;
}
/* line 63, sass/site/pages/_contact.scss */
#contact2 select {
    width: 100%;
    height: 50px;
    padding-left: 15px;
    font-size: 14px;
    font-family: "Lato", sans-serif;
    border-radius: 0;
    border: 1px solid #464646;
    color: #fff;
    background-color: transparent;
}
/* line 74, sass/site/pages/_contact.scss */
#contact2 textarea {
    background-color: transparent;
    width: 100%;
    height: 120px;
    padding-left: 15px;
    padding-top: 15px;
    font-size: 14px;
    font-family: "Lato", sans-serif;
    border-radius: 0;
    border: 1px solid #464646;
}
/* line 85, sass/site/pages/_contact.scss */
#contact2 input[type="button"] {
    background-color: #000;
    color: #fff;
    font-size: 14px;
    text-transform: uppercase;
    font-family: "Lato", sans-serif;
    font-weight: 900;
    border: 1px solid #000;
    transition: all 300ms ease-in-out;
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
}
/* line 94, sass/site/pages/_contact.scss */
#contact2 input[type="button"]:hover {
    border: 1px solid #000;
    background-color: #fff;
    color: #000;
}
/* line 100, sass/site/pages/_contact.scss */
#contact2 input[aria-invalid="true"], #contact2 textarea[aria-invalid="true"] {
    border: 1px solid red;
}
/* line 103, sass/site/pages/_contact.scss */
#contact2 .textContact {
    font-size: 18px;
    font-family: "Lato", sans-serif;
    font-weight: 300;
    color: #000;
    padding-bottom: 20px;
}
/* line 110, sass/site/pages/_contact.scss */
#contact2 #dateContact {
    font-size: 18px;
    font-family: "Lato", sans-serif;
    color: #000;
    text-align: left;
    margin-bottom: 40px;
    padding-bottom: 40px;
    border-bottom: 1px solid #d7d7d7;
}
/* line 119, sass/site/pages/_contact.scss */
#contact2 #dateContact .col-xs-12:nth-of-type(3) {
    padding-left: 70px;
    padding-right: 0px;
}
/* line 123, sass/site/pages/_contact.scss */
#contact2 #dateContact .col-xs-12:nth-of-type(4) {
    padding-left: 90px;
}
/* line 127, sass/site/pages/_contact.scss */
#contact2 #dateContact a {
    color: #000;
}
/* line 130, sass/site/pages/_contact.scss */
#contact2 #dateContact span {
    font-size: 21px;
    font-family: "Lato", sans-serif;
    color: #000;
    text-align: left;
    font-weight: 900;
}
@media screen and (max-width: 775px) {
    /* line 139, sass/site/pages/_contact.scss */
    #contact2 #dateContact .col-xs-12:nth-of-type(3) {
        padding-left: 15px;
        padding-right: 15px;
    }
    /* line 143, sass/site/pages/_contact.scss */
    #contact2 #dateContact .col-xs-12:nth-of-type(4) {
        padding-left: 15px;
    }
}
/* line 149, sass/site/pages/_contact.scss */
#contact2 .nf-after-field .nf-error-msg {
    display: none !important;
}  

#contact .centerVertical2 {
    /*  transform: translateY(-45%);*/
}
/* line 345, sass/site/pages/_homepage.scss */
#contact h2 {
    font-family: 'Oswald', sans-serif; 
    font-weight: 900;
    font-size: 30px;
    text-transform: uppercase;
    padding-left: 50px;
    color: #fff;
    margin-bottom: 40px;
    margin-top:50px; 
}
/* line 354, sass/site/pages/_homepage.scss */
#contact .purple {
    background-color: #632c7b;
}
/* line 357, sass/site/pages/_homepage.scss */
#contact #map {
    height: 570px;
    max-height: 100vh;
}
/* line 361, sass/site/pages/_homepage.scss */
#contact .info {
    font-size: 18px;
    color: #fff;
    font-family: "Lato", sans-serif;
    font-weight: bold;
    width:100%;
    float:left;
    padding-bottom: 20px;
}
#contact .info span{
    font-size: 14px;
    font-weight: 900;
    color: #898989;
    line-height: 40px;
}
#contact .adresa span{
    font-size: 14px;
    font-weight: 900;
    color: #898989; 
    line-height: 40px;
}


/* line 368, sass/site/pages/_homepage.scss */
#contact .info a {
    color: #fff;
}
/* line 372, sass/site/pages/_homepage.scss */
#contact .adresa {
    font-size: 18px;
    color: #fff;
    font-family: "Lato", sans-serif;
    padding-left: 50px;
    margin-bottom: 40px;
    font-weight: normal;
}
#contact .adresa a{
    color:#fff; 
}
/* line 380, sass/site/pages/_homepage.scss */
#contact .social {
    padding-left: 50px;
}
/* line 382, sass/site/pages/_homepage.scss */
#contact .social a {
    color: #fff;
    font-family: 'Oswald', sans-serif;font-weight: 300;
    font-size: 15px;
    text-transform: uppercase;
    font-weight: 600; 
}
#contact .social a:hover{
    text-decoration: none;  
    color: #632c7b;  
}

/* line 388, sass/site/pages/_homepage.scss */
#contact .btnWhite {
    width: 220px;
    height: 50px;
    text-align: center;
    line-height: 50px;
    font-family: "Lato", sans-serif;
    color: #000;
    text-transform: uppercase;
    background-color: #fff;
    transition: all 300ms ease-in-out;
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    font-weight: bold;
}
/* line 399, sass/site/pages/_homepage.scss */
#contact .btnWhite:hover {
    background-color: #000;
    color: #fff;
}
/* line 404, sass/site/pages/_homepage.scss */
#contact .social2 {
    margin: auto;
    margin-top: 40px;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    float: left;
}
/* line 411, sass/site/pages/_homepage.scss */
#contact .social2 a {
    color: #fff;
    padding-left: 20px;
    padding-right: 20px;
    font-size: 40px;
}
.fullScreen {
    /*height: 100vh;*/
    position: relative;
}
.textClienti{
    width: 100%;
    /*max-width: 1080px;*/ 
    font-size: 18px; 

    line-height: 30px;
    text-align: justify;
    text-align-last: center;
    color:#fff;
    margin: auto;  
    font-family: 'Lato', sans-serif;
    line-height: 24px;
    font-weight: 300;
}
.blackgray{
    blackground-image: #191a1c;
}

@media screen and (min-width: 1400px){
    .container{
        max-width: 1340px !important;
        width: 1340px !important; 
    }
} 

.home_clienti_container{
    /*width: 80%;*/
    display: block; 
    margin: auto; 
}
.bottomBar{
    width:100%;
    position: fixed;
    bottom:0;
    background-color: transparent;
    z-index: 999;
    height: 40px;
    padding: 0px 50px; 
}
.social2{
    color:#fff;
    font-size:14px;
    line-height: 40px;
    font-family: "Lato",sans-serif;
}
.social2 a, .contactFbar a{
    color:#fff;
    font-size:25px;
    padding-right: 10px;
    line-height: 40px;
}
.social2 a:hover, .contactFbar a:hover{
    text-decoration: none;
    color: #dedede;  
}

.contactFbar a{
    color:#fff;
    font-size:14px;
    line-height: 40px;
    float:right;
    font-family: "Lato",sans-serif;
}

.contactFbar a:hover{
    color: #dedede; 
    text-decoration: none;  
}

#newform nf-field {
    width: calc(50% - 20px);
    height: 50px;
    float:left;
    margin:20px 10px;

}
#newform{   
    font-family: 'Lato', sans-serif;  
}
#newform label{
    width: 100%;
    font-size: 18px;
    line-height: 40px;
    font-weight: 600; 
    font-family: 'Lato', sans-serif; 
}
#newform input {
    height: 50px;
    width: 100%;
    border-radius: 0px;
    background-color: transparent;
    margin-bottom: 15px;
    border:1px solid rgba(255,255,255,0.3);  
    padding-left: 15px;
    color:#fff;
}
#newform textarea {
    height: 116px;
    width: 100%;
    border-radius: 2px; 
    background-color: transparent;
    margin-bottom: 15px;
    border:1px solid rgba(255,255,255,0.3);  
    padding-left: 15px;
    padding-top: 10px; 
    color:#fff;
}
#newform select {
    height: 50px;
    width: 100%;
    border-radius: 2px;
    background-color: transparent;
    margin-bottom: 15px;
    border:1px solid rgba(255,255,255,0.3);  
    padding-left: 15px;
    color:#fff;
}
#newform input[type="submit"]{
    background-color:#632c7b;
    color:#fff;
    text-transform: uppercase; 
    font-weight: bold; 
    border: 1px solid #632c7b; 
    transition: all 0.4s;
}
#newform input[type="submit"]:hover{
    background-color:#000;
    color:#fff;
}
#wpcf7-f2681-o1 .col-xs-12{
    padding-left: 30px;
    padding-right: 30px; 
}


#topService{
    width: 100%;
    float: left;
    margin-bottom: 40px;
    z-index: 9999;
    position: relative;
    top: 15px;
}

#topService h1 {
    font-size: 50px;
    font-weight: bold;
    font-family: 'Oswald', sans-serif;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    border-bottom: 1px solid #632c7b;
    padding-bottom: 20px;  
    margin: 0;
}

#topService ul {
    /*    display: block;
        margin:auto; 
        float: left;
        left: 50%;
        transform: translateX(-50%);
        position: relative;*/
}
#topService ul li {
    float: left;
    /*    padding-left: 10px;
        padding-right: 10px;*/
    position: relative;
    color:#fff;
    font-size:18px;
    font-weight: bold;
    font-family: 'Oswald', sans-serif;
}
#topService ul .active:after {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    content: ' ';
    height: 2px;
    background-color: #632c7b;
}
.leftService {
    text-align: justify;
    color: #fff;
    font-size: 18px;
    font-family: 'Lato', sans-serif;
    width: 50%;
    float: left;
    font-weight: 300;
    line-height: 24px;
    padding-top: 80px;  
}
.rightService{
    text-align: justify;
    color:#fff;
    font-size:24px; 
    font-family: 'Lato', sans-serif;
    width: 50%;
    float:left;
}
.rightService img{
    width: 80%;
    float:right;
}
.home_sections .home_section_title {
    padding-left: 5px;
    padding-right: 5px;
}
h3.portfolio .title{
    font-size: 80px;
    font-weight: bold;
    font-family: 'Oswald', sans-serif;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    float:left;
    /*margin-bottom: 30px;*/
}
h3.portfolio .reel{
    float:right;   
    padding-top:  25px;
}
.reeel{
    text-align: center;
    margin: 0; 
}
.reeel a{
    line-height: 40px;
    font-size: 18px;
    font-weight: bold;
    font-family: 'Oswald', sans-serif;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
}
.reeel a:hover{
    color: #dedede; 
    text-decoration: none; 
}  

#portofoliu_home .left{
    float:left;
    width:120px;
    font-size: 18px;
    font-family: "Lato", sans-serif;
    font-weight: bold;
}
#portofoliu_home .right{
    float:right;
    text-align: left;
    font-size: 18px;
    font-family: "Lato", sans-serif; 
    font-weight: 300; 
    width: calc(100% - 120px);
    line-height: 28px;
}
h3.contactTitle{
    font-size: 80px;
    font-weight: bold;
    font-family: 'Oswald', sans-serif;
    color: #fff;
    text-align: left;
    text-transform: uppercase;
    float: left;
    margin-bottom: 0px;
    width: 100%;
    line-height: 40px;
    border-bottom: 1px solid #632c7b;
    margin-bottom: 40px;
}

h3.contactTitle span{
    font-size: 16px;
    font-weight: 300;
    font-family: "Lato", sans-serif; 
    text-align: left;
}
::-webkit-input-placeholder { 
    color: #fff;
}
::-moz-placeholder { 
    color: #fff;
}
:-ms-input-placeholder { 
    color: #fff;
}
:-moz-placeholder { 
    color: #fff;
}

.localizeaza{
    font-family: 'Oswald', sans-serif;
    color: #fff;
    text-align: left;
    font-size:20px;
    font-weight: 400; 
    padding-left: 20px;
}
.blogWrap{
    background-color:#141415; 
    padding-top: 60px;
    float:left;
    width:100%; 
    min-height: calc(100vh - 626px);  
    margin-bottom: 80px;  
}
.blogPost{
    padding-left: 160px;
    padding-right:  160px;  
    width:100%;
    float:left;
    margin-bottom: 80px; 
}
.titlePost{
    font-family: 'Oswald', sans-serif;
    color: #fff;
    text-align: left;
    font-weight: bold;
    color:#fff;
    margin-bottom: 30px; 
}
.excerptWrap{
    width: 100%;
    height: 140px; 
    color:#fff;
    font-weight: 300;
    font-family: "Lato", sans-serif;
    padding-top: 30px;
    padding-bottom: 20px; 
    font-size: 18px; 
}

.imgWrapPost{
    width:100%;
    height:400px;
    background-size:cover;
    background-position: center;
}
.btnMorePost{
    width: 180px;
    height:45px;
    color:#000; 
    background-color: #fff;
    line-height: 45px;
    float: left;
    text-align: center;
    font-weight: bold;
    transition: all 0.3s;
}
.btnMorePost:hover{
    background-color: #632c7b;
    color: #fff;
    text-decoration: none;  

}
.initialText{
    text-align: justify;
    color: #fff;
    font-size: 18px;
    font-family: 'Lato', sans-serif; 
    float: left;
    font-weight: 300;
    line-height: 24px; 
    padding-top: 200px; 
}
.textservicii{
    float:left;
    width:100%;
    position: relative;
    height: calc(100vh - 250px);
    margin-top: 100px;
}

@media screen and (max-width:1360px){
    .textservicii{
        float:left;
        width:100%;
        height:auto; 
        position: relative;
    } 
}

.rightService{
    padding: 50px;
}
.leftService{
    font-size:20px;
    line-height: 30px;
    padding-right: 100px;
}
.leftService, .rightService{
    position: relative;
    top:50%;
    transform: translateY(-50%); 
}
a:hover, a:focus {
    color: initial;
    text-decoration: none; 
}
.titluServiciu{
    font-size:45px;
    font-family: "Oswald", sans-serif;
    text-transform: uppercase; 
    margin-bottom: 30px;
    font-weight: 300;
    text-align: center;  
}
.topfixed{
    width: 100%;
    float: left;
    max-width: 1340px;
    position: fixed;
    z-index: 98;
    background-color: #191a1c; 
    top:0;
}

@media screen and (max-width:1360px){
    .topfixed{
        width: 100%;
        float: left;
        max-width: 1340px;
        position: fixed;
        z-index: 98;
        background-color: #191a1c; 
        top:0;
    }
}

@media screen and (max-width: 700px){
    #menuFullscreen ul{
        list-style: none; 
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        position: absolute;
        margin: 0;
        padding: 0;
        width: 340px; 
        height: auto;  
    }
    #menuFullscreen ul li {
        line-height: 60px; 
    }
    #menuFullscreen ul li a {
        font-size: 45px; 
    }
    #map{
        display: none;
    }
    h3.portfolio .title {
        font-size: 40px;
        padding-left: 10px;
    }
    h3.portfolio .reel {
        float: left;
        padding-left: 10px;
    }
    .leftService{
        width: 100%;
        padding-left: 10px;
        padding-right: 10px;  
    }
    .rightService{
        width: 100%;  
        padding-left: 10px;
        padding-right: 10px; 
    }
    #topService h1 {
        font-size: 40px; 
    }
    .localizeaza{
        padding-left: 10px;
    }
} 

#searchform{
    right: 0;
    top: 35px;
    position:absolute;

}
#searchform input[type="text"], #searchform input[type="submit"]{
    height:35px;
    width: 300px; 
    background-color:transparent; 
    border: 1px solid #3f4042;
    padding-left: 15px; 
    float:left;
    color:#fff;
}
#searchform input[type="submit"]{
    width: 35px; 
    height: 35px; 
    border-left: 1px solid transparent; 
    color: #fff;
    padding: 0;
    font: normal normal normal 14px/1 FontAwesome;
    position:relative;
    z-index: 999;

}
#searchform input[type="submit"]:before{
    position:absolute;
    top:0;
    left:0;
    right:0;
    content: "\f002";
    left:0;  
}
#searchform .fa{
    right: 10px;
    top: 10px;
    position: absolute;
    color: #fff; 
}

#searchsubmit::after{
    content: "\f002";
}
#searchsubmit::before{
    content: "\f002"; 
}
.hrezultate{
    text-align: center;
    color: #fff;
    font-family: 'Lato',sans-serif;
    font-size:30px; 
}
.notFound{
    text-align: center;
    color: #fff;
    font-family: 'Lato',sans-serif;
    font-size:30px;   
}

.backLink{
    text-align: center;
    color: #fff;
    width: 100%;
    float: left;
}


#portofoliu_home ul.portofoliu_list.cf.singleList {
    left: 50%;
    transform: translateX(-50%);
    position: relative;
    text-align: left;
    margin-bottom: 40px;
    padding-left: 0; 
    float: left;
    width: auto;
    border-top: none;
}
a:hover{
    text-decoration: none;
}
#footerRight{
    text-align: right;
}
.subTitlu2{
    border-bottom: 1px solid #632c7b;
}
#latestPost .row{
    margin-left: -5px;
    margin-right: -5px;
}
#latestPost .col-md-4{
    padding-left: 5px;
    padding-right: 5px;
}

#serviciiPage{
    /*    width:1340px; */
    margin: auto;
    position: relative;
}

@media screen and (max-width:1340px){
    #serviciiPage{
        width:100%;
        padding:20px;
    } 
} 

#serviciiPage .serviciu{ 
    width: 100%;
    padding-top: 40px;
    padding-bottom: 10px;
    position: relative;
}
#serviciiPage .serviciu:hover .detalii{
    opacity:1;
}

#serviciiPage .serviciu h3{
    font-size: 30px;
    font-family: "Oswald", sans-serif;
    text-align: left;
    color:#fff;
    font-weight: 500;
    margin-top: 0;
    background-color: #191a1c; 

}
#serviciiWrap a:hover{
    text-decoration: none;
    text-transform: none; 
}
#serviciiPage .serviciu .descriereServiciu{
    color: #a4a4a4;
    font-size:16px;
    font-family: 'Lato',sans-serif;
    text-align:left;
}
#serviciiPage .serviciu{
    border-bottom: 1px solid #2b2b2b;
}
#serviciiPage .serviciu:nth-of-type(7){
    border-bottom: 1px solid transparent;
}
#serviciiPage .serviciu:nth-of-type(8){
    border-bottom: 1px solid transparent;
}
#serviciiWrap .row .col-xs-12:nth-of-type(7) a .serviciu{
    border-bottom: 1px solid transparent;
} 
#serviciiWrap .row .col-xs-12:nth-of-type(8) a .serviciu{
    border-bottom: 1px solid transparent;
} 
#serviciiPage h1{
    font-size: 80px;
    font-weight: bold;
    font-family: 'Oswald', sans-serif;
    color: #fff;
    text-align: left;
    text-transform: uppercase;
    float: left;
    margin-bottom: 30px;
    margin-top: 0px; 
    width: 100%;
    border-bottom: 1px solid #632c7b;
    padding-bottom: 10px;
}
#serviciiPage .textsus{
    font-size: 18px;
    color: #fff;
    font-family: 'Lato', sans-serif;
    line-height: 24px;
    font-weight: 300;
    text-align: justify;
    float: left;
    width: 100%;
    margin-bottom: 60px;
}
#serviciiPage .detalii{
    width:80px;
    height:30px;
    background-color: #632c7b;
    line-height: 30px;
    color:#fff;
    text-align: center;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    opacity:0; 
    transition: all 0.6s;
}
.padtop200{
    padding-top: 200px; 
}
.fullH{
    min-height: 100vh;
}

.serviciu {
    transition: all 0.4s;
}

.serviciu h3 {
    padding-left: 0;
    transition: all 0.4s;
}

.serviciu h3 img {
    top: 45px;
    left: 0;
    height: 25px;
    position: absolute;
    opacity: 0;
    transition: all 0.5s;  
}

.serviciu:hover h3 {
    padding-left: 40px;
}

.serviciu:hover h3 img {
    opacity: 1;
}

@media screen and (max-width:550px){
    .social2 {
        color: #fff;
        font-size: 14px;
        line-height: 40px;
        font-family: "Lato",sans-serif;
        float: left;
        left: 50%;
        transform: translateX(-50%);
        position: relative;
    }

    #homeHead {
        float: left;
        position: fixed;
        width: 100%;
        left: 0;
        right: 0;
        padding: 20px 4px;
        padding-bottom: 0;
        height: 68px;
        z-index: 9999;
        background-color: #191a1c;
    }
    .main_container:first-of-type {
        padding-top: 30px;
        padding: 15px; 
    }
    .topfixed{
        top: 64px;
    }
    .textservicii {
        float: left;
        width: 100%;
        height: auto;
        position: relative;
        top: 45px;
    }
    .textservicii{
        float:left;
        width:100%;
        position: relative;
        height: auto;
        margin-top: 100px;
    }
    .leftService {
        text-align: justify;
        color: #fff;
        font-size: 18px;
        font-family: 'Lato', sans-serif;
        width: 50%;
        float: left;
        font-weight: 300;
        line-height: 24px;
    }
    .rightService{
        text-align: justify;
        color:#fff;
        font-size:24px; 
        font-family: 'Lato', sans-serif;
        width: 100%;
        float:left;
    }
    .rightService img{
        width: 100%;
    }
    .rightService{
        padding: 10px;
    }
    .leftService{
        font-size:20px;
        line-height: 30px;
        padding: 10px;
    }
    .leftService, .rightService{
        position: relative;
        top:initial; 
        transform: none;
        width: 100%;
        padding: 10px;
        top:initial;
        transform: none;  
    }
    .titluServiciu {
        font-size: 28px;
        font-family: "Oswald", sans-serif;
        text-transform: uppercase;
        margin-bottom: 30px;
        font-weight: 300;
    } 
    .social2 {
        color: #fff;
        font-size: 14px;
        line-height: 40px;
        font-family: "Lato",sans-serif;
        float: left;
        left: 50%;
        transform: translateX(-50%);
        position: relative;
    }

    #homeHead {
        float: left;
        position: fixed;
        width: 100%;
        left: 0;
        right: 0;
        padding: 20px 4px;
        padding-bottom: 0;
        height: 68px;
        z-index: 9999;
        background-color: #191a1c;
    }


    .titluServiciu {
        font-size: 28px;
        font-family: "Oswald", sans-serif;
        text-transform: uppercase;
        margin-bottom: 30px;
        font-weight: 300;
    }
} 

.more_protofolio_projects a {
    max-width: 300px;
    width: 100%;
    margin: 0 auto;
    display: block;
    text-align: center;
    color: #fff;
    font-family: 'Oswald', sans-serif;
    font-weight: 300;
    font-size: 18px;
    line-height: 18px;
    text-transform: uppercase;
    background-color: #191a1c;
    border: 1px solid #632c7b;
    padding: 15px 0px;
    transition: all 600ms ease-in-out;
    -webkit-transition: all 600ms ease-in-out;
    -moz-transition: all 600ms ease-in-out;
    -o-transition: all 600ms ease-in-out;
    border-radius: 0px;
    float: left;
    left: 50%;
    position: relative;
    transform: translateX(-50%);
}

@keyframes bgColor {
    0%{
        background-color:#000;  
    }
    100%{
        background-color:#000; 
    }

}


#loader-wrapper {
    position: fixed;
    top: 0; 
    left: 0;
    width: 100%; 
    height: 100%;
    z-index: 1000;
    background-color: #632c7b; 
}
#loader {
    display: block;
    position: relative;
    left: 50%;
    top: 50%;
    width: 400px;
    height: 400px;
    margin: -200px 0 0 -200px;
    z-index: 1001;
    opacity:1;
}

/* Loaded */
.loaded #loader-wrapper {

}
.loaded #loader {
    opacity: 0;
    /*    -webkit-transition: all 0.1s ease-out;
        transition: all 0.1s ease-out;*/
}
.loaded #loader-wrapper {
    visibility: hidden; 
    /*    -webkit-transition: all 0.1s 0.2s ease-out;
        transition: all 0.1s 0.2s ease-out;*/
}
/* JavaScript Turned Off */
.no-js #loader-wrapper {
    display: none;
}

.no-js h1 {
    color: #222222;
} 


.textSplash{
    font-size:100px; 
    color:#fff; 
    text-align: center;
    font-weight:900;
    font-family: "Oswald", sans-serif; 
    font-size: 72px; 
}

.exec{
    /*transform: rotate(16deg);*/
    position: relative;
    width: 5px;
    float: right; 
    left: -78px;
}
.textSplash   .topText{
    width: 100%;
    opacity: 0;
    color:#fff;
}
.textSplash   .middleText{ 
    width: 100%; 
    margin-top: -25px;
    opacity: 0;
    color:#fff
}  
.textSplash   .bottomText{
    width: 100%; 
    color:#fff;
    opacity: 0;
} 



body{
    background-color:#191a1c !important;
}

#blogSingle h4{
    font-size:18px;
    color:#fff;
    font-family: 'OpenSans'; 
}  

.textWrapBlog {
    color: #fff;
    text-align: justify;
    font-size: 18px;
    font-family: Lato;
    font-weight: 300;
} 
.titluBlog h4{
    color: #fff;
    font-size: 24px;
    font-weight: 500;
    font-family: Oswald;
    height: 60px;
    margin:0;
    margin-bottom: 10px;
    overflow: hidden;
}
@media screen and (max-width: 1441px){
    .titluBlog h4{
        font-size:18px; 
    }
}

#blogScreen .singlePort{
    height: 225px;
    margin-bottom: 25px;
}

@media screen and (max-width: 1367px){
    #blogScreen .singlePort{
        height: 145px;
        margin-bottom: 25px;
    } 
}

@media screen and (max-width: 1441px){
    #blogScreen .singlePort{
        height: 165px;
        margin-bottom: 25px;
    } 
}

@media screen and (max-width: 1281px){
    #blogScreen .singlePort{
        height: 125px;
        margin-bottom: 25px;
    } 
}


#blogScreen .innerWrap{
    padding: 25px;
    border:1px solid transparent; 
}
@media screen and (max-width: 600px){
    #blogScreen{
        padding-left: 20px;
        padding-right: 20px;
    } 
}

#blogScreen .innerWrap:hover{ 
    border:1px solid #7d7d7d; 
}
.textWrapBlog .readmore{
    font-size:14px;
    font-family: Oswald;
    font-weight: bold;
}
.textWrapBlog p{
    height:100px;
    overflow: hidden;
    text-overflow: ellipsis;
}
.page-template-home #contact #newform .wpcf7{
    top: 50%;
    transform: translateY(-50%);
    position: relative; 
}

.logoClient{
    width: 100%;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    position: absolute; 
    image-rendering: -webkit-optimize-contrast;
    filter: contrast(1.25); 
}

.containerSlider{
    width: 1340px;
    margin: auto;
    /*    position: absolute;
        height: 100vh;
        left:50%;
        transform: translateX(-50%);*/
}

@media screen and (max-width: 600px){
    .containerSlider{
        width:100%;
        padding-left: 20px;
        padding-right: 20px; 
    } 
    #sliderHome .sliderText h3 {
        font-size: 18px;
    }
}


#sliderHome .item {
    background-size: cover;
    height:calc(100vh); 
    background-position: center;  
    background-color: #191A1C;   
}
#sliderHome .sliderText {
    width: 500px;
    float: left;
    top: 50%;
    transform: translateY(-50%);
    position: absolute;
    padding-top: 150px;
    transition:  all 0.8s linear 0.4s;
}
@media screen and (max-width: 600px){
    #sliderHome .sliderText{
        width: calc(100% - 40px);    
        padding-left:10px; 
    }
}
#sliderHome .sliderText h3 {
    font-size: 48px;
    font-family: "Oswald", sans-serif;
    text-align: left;
    color: #fff;
    font-weight: 500;
    margin-top: 0;
    line-height: 50px;
    margin-bottom: 50px;
    opacity:0;
    transition: all 1s linear 0.7s;
    filter:blur(5px);
}
#sliderHome .sliderText .text {
    font-size: 18px;
    text-align: justify;
    color: #fff;
    margin: auto;
    font-family: 'Lato', sans-serif;
    line-height: 24px;
    font-weight: 300;
    min-height: 200px;  
    opacity:0;
    transition: all 1.2s linear 0.7s;
    filter:blur(5px);
}

.btnSlider{
    color:#fff;
    opacity:0; 
    transition: all 1.4s linear 0.7s;;
    filter:blur(5px);
}
.linie{
    background-color: #fff;
    width: 0px;
    height: 3px;
    float: left;
    margin-top: 9px;
    margin-right: 20px;
    transition: all 0.8s linear 0.7s;
}
.bgWrap{
    width: 100%;
    height: 100vh; 
    background-position: center;
    background-size: cover; 
    opacity:0;
    transition: all 1s linear 0.5s;
    filter: blur(10px);
}
.slick-active .sliderText{
    padding-top: 0 !important; 
}

.slick-active .sliderText h3 {
    opacity: 1 !important;
    filter:blur(0px) !important; 
}
.slick-active .sliderText .text { 
    opacity: 1 !important;
    filter:blur(0px) !important;
}
.slick-active .btnSlider {
    opacity: 1 !important; 
    filter:blur(0px) !important;
}
.slick-active .linie {
    opacity: 1 !important; 
    width: 50px; 
    filter:blur(0px) !important;
}

.slick-active .bgWrap{
    opacity: 1 !important; 
    filter: blur(0px);
}


#portofoliu, #servicii, #clienti, #blog{
    margin-top: 60px;
    float:left;
    width: 100%;
}
#contact{
    margin-top: 60px;  
}
.footer_container .footer_cont {
    padding-top: 40px;
} 

.page-template-home #contact{
    padding-bottom: 60px; 
}
.page-template-home .footer_container{
    margin-bottom: 40px;
}
.page-template-contact #contact{
    margin-top: 60px; 
}
@media screen and (max-width: 600px){ 
    #sliderHome .sliderText h3 {
        font-size: 18px;
        margin-bottom: 30px;
        line-height: 20px; 
    }
    #sliderHome .sliderText .text {
        font-size: 14px;
        text-align: justify;
        color: #fff;
        margin: initial; 
        font-family: 'Lato', sans-serif;
        line-height: 24px;
        font-weight: 300; 
        min-height: 280px;
        opacity: 0;
        transition: all 1.2s linear 0.7s;
        filter: blur(5px);
        width: 60%;
    } 
    .slick-arrow{
        display: none !important;  
    }
    #homeHead .logo img {
        width: 100px;
    }
    .menuTxt {
        float: right;
        font-size: 12px;
    }
    .home #homeHead{
        background-color: transparent; 
    }
    .contactBotHome{
        display: block; 
    } 
    .home .wpcf7-form {
        top: initial; 
        left: initial;  
        transform: none;  
        position: initial; 
        padding: 0;  
    }
    .contactBotHome .col-sm-9{
        padding-right: 10px !important;  
    }
    #blogScreen .main_container{
        padding:0;
    }
    #blogScreen .col-md-4{
        padding: 0; 
    }
    #blogScreen .innerWrap {
        padding:0;
        padding-top: 40px;
        border: none;
    }
    #blogScreen .innerWrap:hover {
        border: none;
    }
    .padmobil {
        padding-top: 0px; 
    }
    .single_content_desc h1{
        font-size: 18px;
    }
    .websiteBtn{
        top: initial;
        margin: auto;
        display: block;
        margin-bottom: 20px;
        float: none;
        width: auto;
        right: initial;
        left: initial;
    }
    .single_content_desc h1 {
        font-size: 18px;
        width: 100%;
        text-align: center;  
    }
    #serviciiPage h1{
        margin-top:40px;
        text-align: center; 
        font-size:30px;
    }
    h3.portfolio .title, h3.contactTitle {
        font-size: 30px;
        padding-left: 10px;
        text-align: center;
        width: 100%;
        padding-bottom: 10px;
    }
    #searchform {
        right: 0;
        top: 35px;
        position: absolute;
        display: none;
    }
    h3.contactTitle span {
        font-size: 16px;
        font-weight: 300;
        font-family: "Lato", sans-serif;
        text-align: left;
        display: none;
    }
    .blogPost {
        padding-left: 30px;
        padding-right: 30px;
    }
    .excerptWrap {
        height: auto;
    }

}

.pad50s{
    padding:0px 50px; 
}
@media screen and (max-width:600px){  
    .footer_container .footer_cont .footer_box.footer_brosuri ul li { 
        padding-left: 0px;
        text-align: left;
    }
    .footer_container .footer_cont .footer_box h3,.footer_container .footer_cont .footer_box.footer_brosuri p,.footer_container .footer_cont .footer_box.footer_brosuri ul li a{
        text-align: left !important;
    }
    .footer_container .footer_cont .footer_box h3 {
        text-align: left !important;
    }
    .footer_container .footer_cont .footer_box.footer_news p{
        text-align: left !important;
    }
    .loaded .menuWrap, .loaded .menuTxt {
        display: none;
    }
    .home #homeHead {
        background-color: #191a1c;
        height:50px;
    } 
    .menuTxt{
        display: none; 
    }
    .pad50s{
        padding:0px 20px; 
    }
    #homeHead .menuWrap {
        right: 20px;
        top: 10px; 
    }
}