﻿/*magenta 1 land start*/

.mag-1-land {
    margin-bottom: 30px;
}

    .mag-1-land .white-box {
        padding: 30px 0 30px 0;
        text-align: center;
    }

        .mag-1-land .white-box h2 {
            text-transform: uppercase;
            color: #e20074;
            font-weight: bold;
            font-size: 30px;
            font-family: 'tele-groteskhalregular';
        }

          .mag-1-land .white-box p {
   
          
            font-size: 16px;
        
        }

        .mag-1-land .white-box span {
            color: #e20074;
            margin-top: 10px;
            display: block;
        }

    .mag-1-land .gray-box {
        background-color: #f9f9f9;
        text-align: center;
        padding: 30px 0 30px 0px;
    }

    .mag-1-land .brll {
        border-left: 1px solid #ebebeb;
    }

    .mag-1-land .gray-box h4 {
        font-family: 'tele-groteskhalregular';
        text-transform: uppercase;
    }

  /*    .mag-1-land .gray-box p:first-of-type {
min-height:40px;

    }*/

    .mag-1-land .magenta-s-box {
        background-image: url(../content/images/magenta-1-land/saren-back-2.jpg);
        background-repeat: repeat-y;
        background-size: cover;
        padding: 20px 30px;		
    }

    .mag-1-land .round-white-box {
        background-color: white;
        border-radius: 10px;
        overflow: hidden;
		border: 2px solid transparent;
    }

        .mag-1-land .round-white-box h2 {
            font-family: 'tele-groteskhalregular';
            text-align: center;
            text-transform: uppercase;
                padding-top: 20px;
        }

        .mag-1-land .round-white-box span {
            font-size: 28px;
            color: #e20074;
            font-weight:bold;
        }

    .mag-1-land .magenta-s-box h4 {
        color: white;
        text-transform: uppercase;
        font-family: 'tele-groteskhalregular';
        font-size: 20px;
    }

    .mag-1-land .magenta-s-box .fix-a {
        height: 100px;
        padding:0;
        margin:0;
    }

    .mag-1-land .magenta-s-box .fix-b {
        height: 95px;
        padding:0;
               margin:0;
    }

    .mag-1-land .magenta-s-box .fix-c {
        height: 70px;
        padding:0;
               margin:0;
    }

    .mag-1-land .magenta-s-box .fix-d {
        height: 95px;
        padding:0;
               margin:0;
    }

    .mag-1-land .magenta-s-box .fix-e {
        height: 110px;
        padding:0;
               margin:0;
    }

    .mag-1-land .magenta-s-box .fix-f {
        height: 90px;
        padding:0;
               margin:0;
    }

 .mag-1-land .magenta-s-box h4.fix-b
 {
 padding-top:25px;
 }
 
  .mag-1-land .magenta-s-box h4.fix-c
 {
 padding-top:15px;
 }
 
  .mag-1-land .magenta-s-box h4.fix-d
 {
 padding-top:25px;
 }

 .mag-1-land .magenta-s-box h4.fix-e
 {
 padding-top:30px;
 } 
 
 
  .mag-1-land .magenta-s-box h4.fix-f
 {
 padding-top:35px;
 } 
	
	
    .mag-1-land ul.t-list li {
    display: block;
    background: url(../images/list-bullet.png) 0 4px no-repeat !important;
    padding-top: 0px;
   padding-bottom: 0px
}

    .mag-1-land .round-white-box ul.t-list li {
    display: block;
    background: url(../images/list-bullet.png) 0 8px no-repeat !important;
    padding-top: 0px;
   padding-bottom: 0px;
   margin-bottom: 0px;
}

    .mag-1-land ul.t-list {
   padding: 15px 20px;
    }
	
	   .mag-1-land ul.t-list  li ul.t-list {
   padding-top: 0px;
    }

    .mag-1-land .magenta-s-box .fix-h {
    text-align:center;
    margin-bottom: 20px;
    }

    .mag-1-land .magenta-s-box .fix-h h2{
    color: #8A8A8A;
    font-family: 'tele-groteskfetregular';
    font-size: 40px;
	margin-bottom: 0px;
}

  .mag-1-land .round-white-box .fix-a, .mag-1-land .round-white-box .fix-b, .mag-1-land .round-white-box .fix-c, .mag-1-land .round-white-box .fix-d, .mag-1-land .round-white-box .fix-e, .mag-1-land .round-white-box .fix-f {
      border-bottom:1px solid #ebebeb;
}


  .mag-1-land .white-logo-1 {
margin-top:30px;
  
}

   .mag-1-land .white-logo-1 .color-mag,  .mag-1-land .gray-box .color-mag {
color:#e20074;
}


.gray-box .m-mreza-ops, .gray-box .m-mreza-ops2, .gray-box .m-mreza-ops3, .gray-box .m-mreza-ops4{
    display: none;
    border: 2px solid #e20074;
    border-radius: 5px;
    background-color: white;
    padding: 10px 20px;
    position: absolute;
    margin-top: -135px;
    z-index: 9;
    width: 300px;
    left: 20%;
	-webkit-box-shadow: 0px 0px 76px 12px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 76px 12px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 100px -4px rgba(0,0,0,0.75);
	}

.gray-box .m-mreza-ops2
{
  margin-top: -155px;
}

.gray-box .m-mreza-ops3
{
  margin-top: -90px;
}


.gray-box .m-mreza-ops4
{
  margin-top: -70px;
}

/*.nzm1:hover .m-mreza-ops, .nzm1:hover .m-mreza-ops2, .nzm1:hover .m-mreza-ops3, .nzm1:hover .m-mreza-ops4 {
    display: block !important;
}*/

.gray-box .m-mreza-ops p, .gray-box .m-mreza-ops2 p, .gray-box .m-mreza-ops3 p, .gray-box .m-mreza-ops4 p {
    font-size: 12px;
    text-align: left;
    line-height: 1.5;
}


.gray-box .m-mreza-ops ul.t-list, .gray-box .m-mreza-ops2 ul.t-list, .gray-box .m-mreza-ops3 ul.t-list, .gray-box .m-mreza-ops4 ul.t-list {
    padding: 5px 10px;
    margin-bottom: 5px;
}

    .gray-box .m-mreza-ops ul.t-list li, .gray-box .m-mreza-ops2 ul.t-list li, .gray-box .m-mreza-ops3 ul.t-list li, .gray-box .m-mreza-ops4 ul.t-list li {
        line-height: 1.2;
        text-align: left;
        font-size: 12px;
    }


.close-tr {
    float: right;

    cursor: pointer;
    margin-right: -10px;
}

.opsirnije-box {
        cursor: pointer;
}



.round-white-box{
transition:all ease-in 0.3s;
}
.round-white-box *{
transition:all ease-in 0.3s;
}
.round-white-box:hover	
{

border: 2px solid #e20074;

    box-shadow: 0px 0px 20px #2b2b2b;
    z-index: 2;
    -webkit-transition: all 200ms ease-in;
    -webkit-transform: scale(0.2);
    -ms-transition: all 200ms ease-in;
    -ms-transform: scale(0.1);   
	-ms-transform: inherit\9;   
    -moz-transition: all 200ms ease-in;
    -moz-transform: scale(0.1);
    transition: all 200ms ease-in;
    transform: scale(1.02);

}
.round-white-box .fix-h h2{
transition:all ease-in 0.3s;
}
.round-white-box:hover .fix-h h2{
color:#e20074
}

.round-white-box:hover .fix-h .grey-btn{
    font-size: 16px !important;
    background: #ff339c!important;
    background: -moz-linear-gradient(top, #ff339c 0%, #e20074 50%, #cc0069 100%)!important;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff339c), color-stop(50%,#e20074), color-stop(100%,#cc0069))!important;
    background: -webkit-linear-gradient(top, #ff339c 0%,#e20074 50%,#cc0069 100%)!important;
    background: -o-linear-gradient(top, #ff339c 0%,#e20074 50%,#cc0069 100%)!important;
    background: -ms-linear-gradient(top, #ff339c 0%,#e20074 50%,#cc0069 100%)!important;
    background: linear-gradient(to bottom, #ff339c 0%,#e20074 50%,#cc0069 100%)!important;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff339c', endColorstr='#cc0069',GradientType=0 )!important;
    border: 1px solid #cc0069!important;
    text-transform: none !important;
    box-shadow: none!important;
    box-shadow: none!important;
    font-family: tele-groteskhalregular!important;
    font-weight: normal !important;
	color:white !important;
}


.mag-1-land .ops-intro 
{
margin-bottom: 15px;
}


.mag-1-land .ops-intro img	
{
float: left;
}

.mag-1-land .ops-intro h4	
{
float: left;
padding-left: 20px;
}

@media (max-width: 767px) {


   .mag-1-land .magenta-s-box {
        background-image: url(../content/images/magenta-1-land/saren-back-2.jpg);
        background-repeat: repeat-y;
        background-size: cover;   
		height: initial;
    }

.mag-1-land .magenta-s-box h4 {
    color: #3d3d3d;
  text-align:center;
}

.mag-1-land .white-logo-1 {
background-color:white;
    padding: 20px;
}


.round-white-box ul.t-list li {
 
border-bottom: 0px solid #efefef !important;
 
}

    .mag-1-land .magenta-s-box .fix-a {
        height: 100px;
        padding:0;
        margin:0;
    }

    .mag-1-land .magenta-s-box .fix-b {
        height: initial;
        padding:0;
               margin:0;
    }

    .mag-1-land .magenta-s-box .fix-c {
 height: initial;
        padding:0;
               margin:0;
    }

    .mag-1-land .magenta-s-box .fix-d {
     height: initial;
        padding:0;
               margin:0;
    }

    .mag-1-land .magenta-s-box .fix-e {
 height: initial;
        padding:0;
               margin:0;
    }

    .mag-1-land .magenta-s-box .fix-f {
 height: initial;
        padding:0;
               margin:0;
    }

    .round-white-box {
    margin-bottom: 20px;
    }
	
	.mag-1-land .round-white-box h2 {

    font-size: 24px;
}

.mag-1-land .magenta-s-box .fix-h h2 {

    font-size: 32px;
}

.mag-1-land ul.t-list {
    padding: 5px 10px;
}



.gray-box .m-mreza-ops, .gray-box .m-mreza-ops2, .gray-box .m-mreza-ops3, .gray-box .m-mreza-ops4{

    width: initial;
    left: 0%;

	}
}
@media (max-width: 1411px) {
.gray-box .m-mreza-ops, .gray-box .m-mreza-ops2, .gray-box .m-mreza-ops3, .gray-box .m-mreza-ops4{

  
    left: 0%;

	}

}
	



.magenta-1-exep {
text-transform: capitalize !important;
    color: #e20074;
}


.magenta-1-exep:hover {
    color: white;
}

.magenta-1-exep {
text-transform: capitalize !important;
    color: #e20074;
}


.magenta-1-exep:hover {
    color: white;
}


/*magenta 1 land end*/


