@import 'https://fonts.googleapis.com/css?family=Assistant:400,600,700&subset=hebrew';
@import 'https://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css';
/*Global Settings*/
body {
    font-family: 'Assistant', sans-serif;
}
h1, h2, h3, h4, h5, h6 {
    font-family: 'Assistant', sans-serif;
    text-transform: uppercase;
    font-weight: 900;
    color: #424242;
    margin-bottom: 35px;
    margin-top: 0;
}
h1{
	font-size: 45px;
}
h2{
	font-size: 32px;
}
h3{
	font-size: 21px;
}
p{
	font-size: 16px;
	 
	color: #818181;
}
a{
	transition: all 0.3s ease-in-out;
}
col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9 {
    float: right;
}
section{
	text-align: center;
    direction:rtl;
}
.blockquote p{
	font-size: 32px;
	line-height: 45px;
	padding-left: 30px;
	border-left: 3px solid #424242;
	color: #424242;
}



/*Bootstrap*/
.navbar-ubutia{
	background-image: none;
	background-color: transparent;
	margin-bottom: 0;
	border-radius: 0;
	border-color: transparent;
	transition: all 0.3s ease-in-out;
}
.form-control option{
	color: #424242;
}
.form-control{
	border-radius: 0;
	padding: 15px;
    font-size: 18px; 
    color: #424242;
    margin-bottom: 10px;
	 
}
.form-control:focus{
	border-color: #fff;
	box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(81, 194, 185, 0.6);
}
.form-control::-webkit-input-placeholder {
     
}
.form-control:-moz-placeholder { /* Firefox 18- */
     
}
.form-control::-moz-placeholder {  /* Firefox 19+ */
     
}
.form-control:-ms-input-placeholder {  
    
}

.element .form-control::-webkit-input-placeholder {
    color: #424242;
}
.element .form-control:-moz-placeholder { /* Firefox 18- */
    color: #424242;  
}
.element .form-control::-moz-placeholder {  /* Firefox 19+ */
    color: #424242;  
}
.element .form-control:-ms-input-placeholder {  
    color: #424242;  
}




/*Helper class*/
.mt80{
	margin-top: 80px;
}
.mb80{
	margin-bottom: 80px;
}
.mr60{
	margin-right: 60px;
}
.bg-img{
	background-size: cover;
	background-repeat: no-repeat;
	position: relative;
}
    .bg-img div {
        z-index: 1;
        position: relative;
        text-align: center;
    }
.bg-img:after{
	position: absolute;
	content: '';
	height: 100%;
	width: 100%;
	 
	left: 0;
	top: 0;
}
.section{
	padding: 0px 0;
}
.purpose {
    padding: 20px 0;
}
.ubutia-icon {
    background: transparent url(../images/logo.png) no-repeat;
    width: 187px;
    height: 68px;
    display: block;
}
.graphic-design{
	background:transparent url(../images/graphic-design.png) no-repeat;
    width: 120px;
    height: 120px;
	display:block;
}
.webdevelopment{
	background:transparent url(../images/webdevelopment.png) no-repeat;
    width: 120px;
    height: 120px;
	display:block;
}
.printing{
	background:transparent url(../images/printing.png) no-repeat;
    width: 120px;
    height: 120px;
	display:block;
}
.play-icon{
	background:transparent url(../images/video-play-icon.png) no-repeat;
    width: 70px;
    height: 69px;
	display:block;
}
/*ubutia Card*/
.ubutia-card{
	text-align: center;
	/*margin-bottom: 45px;*/
}
.ubutia-card .ubutia-card-header{
	margin-bottom: 45px;
}
.ubutia-card .ubutia-card-header .card-icon{
	border-radius: 100%;
	display: inline-block;
	height: 120px;
	width: 120px;
	line-height: 120px;
	position: relative;
}

/*img-circle*/
.img-circle {
    background-color: #F52962;
    border-radius: 50%;
}
/*Button*/
.ubutia-btn{
	border-color: #51c2b9;
	 
	color: #51c2b9;
	border-radius: 0;
	letter-spacing: 3px;
	padding: 15px 80px;
	margin-bottom: 30px;
	background-color: transparent;
	transition: all 0.3s ease-in-out;
}
.ubutia-btn:hover{
	background-color: #51c2b9;
	color: #fff;
}
.solid{
	background-color: #51c2b9;
	color: #fff;
}
.solid:hover{
	background-color: #fff;
	color: #51c2b9;
}
.small-btn{
	padding: 10px 130px;
}

/*Element page*/
.element .navigation-bar{
	border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}
.element .navigation-bar a{
	color: #424242;
}
.element .dark-bar{
	background-color: #fff;
}
.element .menu:after{
	color: #424242;
}
.element .title:after{
	left: 0;
	top: 60px;
}
.headings p{
	margin-bottom: 80px;
}
.social-icons ul{
	text-align: center;
	padding-left: 0;
	display: inline-block;
}
.social-icons ul a li{
	display: inline-block;
	list-style-type: none;
    border: 2px solid #51c2b9;
    margin-right: 10px;
    background-color: #51c2b9;
    color: #fff;
	font-size: 18px;
    line-height: 32px;
    width: 36px;
}
.social-icons ul a li:last-child{
	margin-right: 0;
}
.social-icons ul a:hover li{
	color: #51c2b9;
	background-color: #fff;
}








/*Navigation*/
#menu-item{
	transition: all 0.3s ease-in-out;
}
.menu-item{
	background-color: #1a1a1a;
	text-align: center;
	font-size: 16px;
	text-transform: uppercase;
}
.menu-item ul{
	padding-left: 0;
	margin-bottom: 0;
}
.menu-item ul a li{
	padding: 15px 0;
	list-style-type: none;
	color: #fff;
	border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
.menu-item ul a:hover li{
	color: #51c2b9;
	text-decoration: none;
}
.hide-menu{
	margin-top: -377px;
}
.show-menu{
	margin-top: 0;
}
.dark-bar{
	background-color: #424242;
	background-image: none;
}
.navigation-bar{
	border-bottom: 1px solid rgba(255, 255, 255, 0.2);
	padding: 15px 0;
	font-size: 30px;
}
.navigation-bar a{
	color: #fff;
}
.menu{
	position: relative;
	display: inline-block;
}

.menu:after{
	position: absolute;
	left: -65px;
	top: 10px;
	color: #fff;
	font-size: 16px;
}
.m:after{
	content: 'MENU';
}
.c:after{
	content: 'CLOSE';
}


/*Home page*/



header {
    position: relative;
    height: 306px;
}

    header:after {
        content: "";
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        background-image: url(../images/neto/layer_51ab.png);
        
        opacity: 0.7;
        z-index: -1;
        background-size: cover;
        background-position: center;
        align-items: center;
        background-image: linear-gradient(to bottom, rgba(0,0,0,0.5) 0%,rgba(0,0,0,0.5) 100%), url(../images/neto/layer_51ab.png);
    }


.intro-box{
	height: 180px;
	display: table;
	text-align: center;
	width: 100%;
    color:#F52962;
}
.intro{
	display: table-cell;
	vertical-align: middle;
}
.header h1{
	margin: 0;
}
.header h1, .header p{
	color: #fff;
	letter-spacing: 2px;
}
.header p{
	font-size: 32px;
	padding-top: 0;
	padding-bottom: 40px;
}
.header .ubutia-btn{
	border-color: #fff;
	color: #fff;
}
.header .ubutia-btn:hover{
	background-color: #fff;
	color: #424242;
}

.about{
	background-color: #f8f8f8;
}
.about img{
	margin: 30px auto;
	display: block;
}
.about span{
	font-family: 'Raleway';
	font-weight: 700;
}

.expert{
	background-color: #f8f8f8;
}
.expert p{
	line-height: 200%;
}
.expert .bg-img{
	background-image: url(../images/2.jpg);
	background-position-x: 85%;
	height: 100%;
}
.expert .bg-img:after{
	display: none;
}
.expert .section{
	padding-left: 30px;
	padding-right: 30px;
}


.ubutia-quote {
    background-image: url(../images/neto/NETO.png);
    /*padding: 120px 0;*/
    color: #F52962;
     
}
    .ubutia-quote p {
        font-size: 32px;
        color: #F52962;
    }
.ubutia-quote .quote{
	margin-bottom: 40px;
}
.ubutia-quote .author{
	font-size: 21px;
	margin-bottom: 40px;
}
.watch {
    background-image: url(../images/neto/layer_21.png);
    color: #000;
    padding: 60px 0;
}
    .watch a {
        border: 2px solid #F52962;
        margin-left: 10px;
        margin-right: 10px;
        line-height: 70px;
        border-radius: 100%;
        width: 70px;
        height: 70px;
        padding: 0;
        font-size: 21px;
        color: #F52962;
    }
        .watch a:hover, .watch a:active, .watch a:focus {
            background-color: #F52962;
            color: #424242;
        }

.subscribe{
	background-image: url(../images/11.jpg);
}
.subscribe .ubutia-btn{
	margin-bottom: 0;
	color: #424242;
	font-weight: 700;
	border-color: #fff;
	background-color: #fff;
}
.subscribe .ubutia-btn:hover{
	background-color: transparent;
	 
}
.subscribe p{
	 
	font-size: 32px;
	margin-bottom: 35px;
}
.subscribe .form-control{
    width: 320px;
    margin-bottom: 0;
     
    
}

.contact .ubutia-card{
	background-color: #f8f8f8;
	padding: 35px 0;
	transition: all 0.3s ease-in-out;
	margin-bottom: 45px;
}
/*.contact .ubutia-card:hover{
	box-shadow: 0px 4px 2px rgba(17, 17, 17, 0.3);
}*/
.contact .ubutia-card .ubutia-card-header{
	margin-bottom: 15px;
	font-size: 21px;
	color: #51c2b9;
}
.contact .ubutia-card .ubutia-card-content h3{
	letter-spacing: 2px;
	margin-bottom: 45px;
}
.contact .ubutia-card .ubutia-card-content h3:after{
	top: 40px;
}
.contact .ubutia-card .ubutia-card-content p{
	font-size: 18px;
}
.footer{
	background-color: #F52962;
	text-align: center;
	padding: 30px 0;
}
    .footer span {
        color: #fff;
    }
.footer p{
	font-size: 21px;
	color: #fff;
	margin-bottom: 0;
}
.footer a{
	color: #fff;
}
    .footer .small {
        font-size: 12px;
    }



/*animations*/
.ubutia-card .ubutia-card-header .card-icon:after{
	transition: all 0.3s ease-in-out;
}
.ubutia-card:hover .ubutia-card-header .card-icon:after{
	height: 120px;
	width: 120px;
	top: -1px;
	left: -1px;
}
.owl-theme .owl-dots .owl-dot span{
	background-color: #F52962;
	margin: 5px;
}
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
    background-color: #F52962;
    height: 14px;
    width: 14px;
    margin: 3px;
}
.text_top {
    font-size: 45px;
    font-weight: 700;
    text-align: center;
    top: 50px;
    direction: rtl;
}
.text_red {
    color: #F52962;
}
.text_wight {
    color: #FFF;
     
}
.text_br{
    display:none;
}



.title {
    position: relative;
    margin-bottom: 100px;
    color: #000000;
    font-size: 36px;
    font-weight: 700;
}

    .title .dots {
        border-bottom: 8px dotted #DDDDDD;
        text-decoration: none;
        padding: 2px;
        width: 70%;
        margin: auto;
    }
         

.title_card {
    font-size: 25px;
    font-weight: 400;
    color: #000000;
}
    .title_card span {
        font-weight: 700;
    }
.title2 {
    position: relative;
    margin-bottom: 100px;
    color: #000000;
    font-size: 36px;
    font-weight: 400;

}

    .title2 span {
        border-bottom: 6px dotted #F52962;
        text-decoration: none;
        padding: 5px;
    }

.title21 {
    font-weight: 700;
}
.title {
    margin-bottom: 40px;
}

    

.title_card {
    font-size: 24px;
    margin-bottom: 20px;
}

 

.title_card2 {
    font-size: 25px;
    font-weight: 400;
    color: #000000;
    top: 30px;
}
.m2{
    margin-top:-40px;
}



.form1, .form3 {
    font-size: 26px;
    font-weight: 700;
    color: #fff;
}

.form2 {
    font-size: 26px;
    font-weight: 700;
    color: #F52962;
}

.form3 {
    margin-bottom: 10px;
}

.form_env {
    background-color: #000000;
    padding: 20px 30px;
    border-radius: 10px;
}

    .form_env table td:nth-child(1) {
        padding-left: 5px;
    }
div.submitForm input {
    background: url("../images/neto/layer_49.png") no-repeat center center;
    cursor: pointer;
    background-color: #F52962;
    height: 40px;
    padding-bottom: 12px;
    width: 106px;
    border: none;
    border-radius: 16px;
}
#ytplayer {
    border: 0px none;
    width: 100%;
    height: 555px;
     
}
.btn-ticket {
    background: #F52962;
    color: #fff;
    border-radius: 15px;
    height: 40px;
    width: 200px;
    margin: 20px auto 10px auto;
}
.btn-ticket-black {
    background: #000;
    color: #F52962;
    border-radius: 15px;
    height: 40px;
    width: 200px;
    margin: 20px auto 10px auto;
}
.btn-tx {
    color: #000;
    font-size: 18px;
    line-height: 18px;
}
.pluse {
    color: #F52962;
    font-size: 18px;
    line-height: 18px;
}

.logoBg {
    width: 300px;
    height: 150px; /* as the half of the width */
    background-color: #fff;
    border-bottom-left-radius: 160px; /* 100px of height + 10px of border */
    border-bottom-right-radius: 160px; /* 100px of height + 10px of border */
    margin: auto;
    border-top: 0;
}

@media (max-width: 767px) {
    .ubutia-quote {
        background-image: url(../images/neto/NETOMobile.png?v=1523);
        background-size:  auto;
        background-position:  top;
        align-items: baseline;
        background-repeat:repeat;
    }
    .header {
        height: 310px; 
        background-size: cover;
        background-position: center; 
        align-items: center; 
    }
    .watch {
        background-size: cover;
        background-position: center;
        align-items: center;
    }
    .ubutia-card{
		margin-bottom: 60px;
	}
    .text_top {
        font-size: 30px;
        font-weight: 700;
        text-align: center;
        top: 20px;
    }

 
    .text_br {
        display:  block;
    }
    .logoTop {
        width: 200px;
        position: relative;
        top: -1px;
    }
    .logoBg {
        width: 200px;
        height: 100px; /* as the half of the width */
        background-color: #fff;
        border-bottom-left-radius: 110px; /* 100px of height + 10px of border */
        border-bottom-right-radius: 110px; /* 100px of height + 10px of border */
        margin: auto;
        border-top: 0;
    }
    .bg-img div {
    }
    .title .text_red { 
        display: block
    }
    .title2 {
        font-size: 28px;
    }
    #ytplayer {
        border: 0px none;
        width: 100%;
        height: 355px;
        margin-top: 30px;
        
       
    }
    col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9 {
        float:none;
    }
}