@charset "utf-8";
/* -------------------------------------------------------------------------------

    0.  Reset & Clearfix
    1.  General
    2.  Menu
    3.  Pages and Subpages
    4.  Separators
    5.  Home Page
    6.  About Us
    7.  Our Services
    8.  Portfolio
    9.  Portfolio Images Hover Effects
    10. Portfolio Project page
    11. Portfolio Testimonials
    12. News
        13. News Images Hover Effects
        14. News Post Page
        15. Twitter
    16. Contact
        17. Footer
    18. Media Queries

*/


/* ------------------------------------------------------------------------------- */
/*  0. Reset & Clearfix
/* ------------------------------------------------------------------------------- */

html {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
*, *:before, *:after {
  -webkit-box-sizing: inherit;
  -moz-box-sizing: inherit;
  box-sizing: inherit;
  }
  
html,body,div,span,h1,h2,h3,h4,h5,h6,p,blockquote,a,img,small,sub,b,dl,dd,dt,ul,li,label,article,details,footer,header,menu,pmenu,nav,input,textarea,select{
   background:transparent;
   border:0;
   outline:0;
   padding:0;
   margin:0;
   font-family: 'Raleway', sans-serif;
   font-size:16px;
   color:#222;
}

html,body{

   width:100%;
   height:100%;

}

body {overflow-x:hidden;}

.clearfix:after {
   clear: both;
   content: " ";
   display: block;
   font-size: 0;
   height: 0;
   line-height: 0;
   visibility: hidden;
   width: 0;
}

li {
   list-style:none;
}





#holder {
	height:600px;
	overflow: hidden;
	width:100%;
}

#maximage {
	position:relative !important;
}
/*
#maximage {
   display:none;
   position:absolute!important;
   background:#000;
}
*/


/* ------------------------------------------------------------------------------- */
/*  1. General
/* ------------------------------------------------------------------------------- */

/*
        @font-face {
                font-family: 'BebasRegular';
                src: url('font/BEBAS___-webfont.eot');
                src: url('font/BEBAS___-webfontd41d.eot?#iefix') format('embedded-opentype'),
                         url('font/BEBAS___-webfont.woff') format('woff'),
                         url('font/BEBAS___-webfont.ttf') format('truetype'),
                         url('font/BEBAS___-webfont.svg#BebasRegular') format('svg');
                font-weight: normal;
                font-style: normal;
        }
        @font-face {
                font-family: 'entypo-social';
                src: url('font/entypo-social.eot');
                src: url('font/entypo-social.eot?#iefix') format('embedded-opentype'),
                         url('font/entypo-social.woff') format('woff'),
                         url('font/entypo-social.ttf') format('truetype'),
                         url('font/entypo-social.svg#entypo-social') format('svg');
                font-weight: normal;
                font-style: normal;
        }
        @font-face {
                                font-family: 'entypo';
                src: url('font/entypo.eot');
                src: url('font/entypo.eot?#iefix') format('embedded-opentype'),
                         url('font/entypo.woff') format('woff'),
                         url('font/entypo.ttf') format('truetype'),
                         url('font/entypo.svg#entypo') format('svg');
                font-weight: normal;
                font-style: normal;

        }

        @font-face {
  font-family: 'typicons';
  src: url("typicons.font-2.0.3/src/font/typicons.eot");
  src: url("typicons.font-2.0.3/src/font/typicons.eot?#iefix") format('embedded-opentype'),
       url("typicons.font-2.0.3/src/font/typicons.woff") format('woff'),
       url("typicons.font-2.0.3/src/font/typicons.ttf") format('truetype'),
       url("typicons.font-2.0.3/src/font/typicons.svg#typicons") format('svg');
  font-weight: normal;
  font-style: normal;
}
*/


.container {
    width: 100%;
    margin: 0 auto;
    padding-top:100px;
    padding-bottom:100px;
    z-index: 0;
    position: relative;
    padding-left: 50px;
    padding-right: 50px;
}
   
.pcontainer {
   float:left;
     width: 100%;
    margin: 0 auto;
    z-index: 0;
    position: relative;
    padding-left: 50px;
    padding-right: 50px;
}

.pcontainer .imgcontainersmall img{
   
}
#novita .container{
 padding-bottom: 0px !important;
}

.freedaily{
   background: none repeat scroll 0 0 #FAB6DE;
   height: 327px;
   margin: 20px 0;
   padding: 10px;

}

.white {
   color:#FFF;
}

.color {
   color:#eb3a8f;
}

.black {
   color:#262932;
}

.mb {
   margin-bottom:15px;
}

.mt {
   margin-top:70px;
}

.center {
   text-align:center;
}

.center2 {
   text-align:center;
}
.bigfont{
   font-size:19px;
   line-height:27px;
   color:#666666;
}
.big-paragraph {
   font-size:18px;
   line-height:24px;
   color:#444444;
   font-weight:400;
   margin-bottom:30px;
}

.left {
   float:left;
}
.small{
   font-size:22px;
}
.updated{
   font-size:12px; font-weight:300; color:#999;
}

h1 { font-size: 38px; font-weight:800; line-height:55px; margin-top:30px; color: #393939; }
h2 { font-size: 36px; font-weight:600; line-height:36px; color: #393939; }
h3 { font-size: 24px; font-weight:600; line-height:30px; color: #393939;}
h4 { font-size: 22px; font-weight:600; line-height:24px; }
h5 { font-size: 18px; font-weight:600; line-height:18px;  }

p { line-height:18px; margin:10px 0; }

a, li {
   color: #555555;
   text-decoration: none;
   -webkit-transition: background-color .3s ease, border .3s ease, color .3s ease, opacity .3s ease-in-out, outline .3s ease;
   -moz-transition: background-color .3s ease, border .3s ease, color .3s ease, opacity .3s ease-in-out, outline .3s ease;
   -ms-transition: background-color .3s ease, border .3s ease, color .3s ease, opacity .3s ease-in-out, outline .3s ease;
   -o-transition: background-color .3s ease, border .3s ease, color .3s ease, opacity .3s ease-in-out, outline .3s ease;
   transition: background-color .3s ease, border .3s ease, color .3s ease, opacity .3s ease-in-out, outline .3s ease;
}

img, div, input, textarea {
   -webkit-transition: background-color .3s ease, border .3s ease, color .3s ease, opacity .3s ease-in-out, outline .3s ease;
   -moz-transition: background-color .3s ease, border .3s ease, color .3s ease, opacity .3s ease-in-out, outline .3s ease;
   -ms-transition: background-color .3s ease, border .3s ease, color .3s ease, opacity .3s ease-in-out, outline .3s ease;
   -o-transition: background-color .3s ease, border .3s ease, color .3s ease, opacity .3s ease-in-out, outline .3s ease;
   transition: background-color .3s ease, border .3s ease, color .3s ease, opacity .3s ease-in-out, outline .3s ease;
}

.one_half {
   width: 48%;
}

.one_third {
   width: 30.5%;
}

.one_fourth {
   width: 22%;
}

.one_fifth {
   width: 16.8%;
}

.one_sixth {
   width: 13.33%;
}

.two_fifth {
   width: 37.6%;
}

.two_fourth {
   width: 48%;
}

.two_third {
   width: 65.33%;
}

.two_third2 {
   width: 65.33%;
   float: left;
   margin-bottom: 20px;
   position: relative;
}


.three_fifth {
   width: 58.4%;
}

.three_fourth {
   width: 74%;
}

.four_fifth {
   width: 79.2%;
}

.five_sixth {
   width: 82.67%;
}

.one_half, .one_third, .two_third, .three_fourth, .one_fourth, .two_fourth, .one_fifth, .two_fifth, .three_fifth, .four_fifth, .one_sixth, .five_sixth {
   float: left;
   margin-bottom: 10px;
   margin-right: 1%;
   position: relative;

}


.btn-small {
   color: #fff;
   padding: 0px 15px 0px 15px;
   background:#ef4a4a;
   height:35px;
   text-align:center;
   display:inline-block;
   line-height:35px;
   margin-top:20px;
}

.btn-small:hover {
   background:#262932;
   color:#fff;
   opacity:1;
}




.linknav:hover{
   color:#EC008C;

}





/* ------------------------------------------------------------------------------- */
/*  2. Menu
/* ------------------------------------------------------------------------------- */


#navigation {
   background: none repeat scroll 0 0 #FFFFFF;
   top: 0;
   height: 80px;
   position: absolute;
   width: 100%;
   z-index: 1;
}

#pnavigation {
   background: none repeat scroll 0 0 #FFFFFF;
   top: 0;
   width: 100%;
   z-index: 1;
}

#addthisbox{
margin:20px;
}


#logo {
   float:left;
   margin-left:50px;
   margin-top:15px;
   padding:0;
}

#plogo {
   margin-left:12px;
   text-transform:none;
   margin-top:12px;
   padding:0;
   color:#fff;
   font-weight:lighter;
}

.dot {
   font-size:45px;
}

#navigation ul {
   float: right;
   padding-top: 30px;
}

#navigation ul li {
   display: inline;
   margin-right:25px;

}

#pnavigation ul {
   padding: 20px;
   width:100%;
}

#pnavigation ul li {
   display: inline-block;
   width: 14%;
   text-align:center;

}

/*	#navigation ul li:last-child{
position: relative;
    top: 0px;
        }*/

#navigation a, #navigation a:active, #navigation a:visited {
   color: #393939;
   font-size: 18px;
   height: 48px;
   padding-bottom: 0px;
   padding-top: 25px;
}

#navigation ul li:hover a, #navigation ul li.current a {
   color:#393939;
  /* border-top: 5px solid #F73B9C;*/
}

#pnavigation a, #pnavigation a:active, #pnavigation a:visited {
   color: #393939;
   font-size: 18px;
   height: 48px;
   padding-bottom: 0px;
   padding-top: 17px;
}

#pnavigation ul li:hover a, #pnavigation ul li.current a {
   color:#393939;
}

.pink{
   color:#ec008c;
}









/* ------------------------------------------------------------------------------- */
/*  3. Pages and Subpages
/* ------------------------------------------------------------------------------- */


#index {
   background:#000;
  /* height: 100%;*/
   margin-bottom: -100px;
   position: relative;
   z-index: 0 !important;
}

.ourteam {
   background:#ebebeb;
}

.newsletter {
   background:#ef4a4a;
}

.projects-filters {
   background:#262932;
}

#news {
   background:#dddddd;
}

.twitter {
   background:#ef4a4a;
}

.contact-header {
   background:#fff;
}

.contact-form {
   background:#ECECEC;
}

.footer {
   clear:both;
   background: none repeat scroll 0 0 #ECECEC;
   font-size: 12px;
   padding: 20px 62px;
}










/* ------------------------------------------------------------------------------- */
/*  4. Separators
/* ------------------------------------------------------------------------------- */




#separator1, #separator2, #separator3, #separator4, #separator5 {
   width: 100%;
   min-height: 400px;
   overflow: hidden;
   position: relative;
}

.pattern {
   background: url('../images/pattern.png');
   background-repeat:repeat;
   position:absolute;
   width:100%;
   height:100%;
   opacity:0.7;
   z-index:0;
}

.client {
   float:left;
   margin:10px;
   width:140px;
   cursor:pointer;
   margin-top:65px;
   transition: all 0.3s ease 0s;
}

.client:hover {
   float:left;
   margin:10px;
   width:140px;
   cursor:pointer;
   margin-top:60px;
}










/* ------------------------------------------------------------------------------- */
/*  5. Home Page
/* ------------------------------------------------------------------------------- */


div.mc-image {
   -webkit-transition: opacity 1s ease-in-out;
   -moz-transition: opacity 1s ease-in-out;
   -o-transition: opacity 1s ease-in-out;
   transition: opacity 1s ease-in-out;
   -webkit-background-size: cover;
   -moz-background-size: cover;
   -o-background-size: cover;
   background-size: cover;
   background-position:center center;
   background-repeat:no-repeat;
   height:100%;
   overflow:hidden;
   width:100%;
}


#cycle-loader {
   height:32px;
   left:50%;
   margin:-108px 0 0 -8px;
   position:absolute;
   top:50%;
   width:32px;
   z-index:999;
}



#arrow_left, #arrow_right {
   bottom:180px;
   height:67px;
   position:absolute;
   right:50px;
   width:36px;
   z-index:1000;
   display:none;
}

#arrow_left {
   right:100px;
}

#arrow_left:hover, #arrow_right:hover {
   bottom:181px;
}

#arrow_left:active, #arrow_right:active {
   bottom:181px;
}

.in-slide-content {
   bottom: 180px;
   position: absolute;
   text-align: center;
   width: 100%;
   z-index: 20;
}

.in-slide-content h1{
   color: #ffffff;
   float: left;
   font-size: 45px;
   font-weight: bold;
   line-height: 34px;
   margin-left: 57px;
   padding-bottom: 20px;
   text-align: left;
   width: 100%;
   z-index: 20;
   text-shadow: 1px 1px 1px #000;
}

.in-slide-content p{
   z-index:20;
   color:#fff;
   font-size:16px;
   padding-top:20px;
   float:left;
   font-weight:bold;
}











/* ------------------------------------------------------------------------------- */
/*  6. About Us
/* ------------------------------------------------------------------------------- */


.meter {
   height: 30px;
   position: relative;
   margin: 0 0 35px 0;
   background:#ebebeb;
   width:100%
}

.meter > div {
   display: block;
   height: 100%;
   background-color:#ef4a4a;
}

.meter p {
   position:absolute;
   margin-top:5px;
   margin-left:10px;
}

.team {
   width:225px;
   height:280px;
   background-color:#fff;
   float:left;
   margin-right:20px;
   overflow:hidden;
}

.team img.user{
   position:absolute;
}

.team-overlay {
   width:185px;
   height:240px;
   background-color:#fff;
   padding:20px;
   position:relative;
   margin-top:200px;
   -webkit-transition: all 0.3s ease 0s;
   -moz-transition: all 0.3s ease 0s;
   -ms-transition: all 0.3s ease 0s;
   -o-transition: all 0.3s ease 0s;
   transition: all 0.3s ease 0s;
}

.team:hover > .team-overlay{
   margin-top:0px;
}

.team-overlay h5 {
   margin-bottom:2px;
}

p.team-function {
   color:#A1A1A1;
   margin-bottom:20px;
}

p.team-description {
   color:#555555;
   line-height:18px;
   margin-bottom:45px;
}

.team-social {
   width:27px;
   height:27px;
   background-color:#262932;
   margin-right:10px;
   float:left;
   border-radius:3px;
   bottom:20px;
}

.team-social:hover {
   background-color:#ef4a4a;
}

.team-social img{
   padding:3px;
}



#pfaq a{
   color:#EC008C;
}







/* ------------------------------------------------------------------------------- */
/*  7. Our Services
/* ------------------------------------------------------------------------------- */


.heading-and-icon {
   width:100%;
   margin-bottom:10px;
   height:60px;
}

.heading-and-icon img{
   float:left;
   margin-right:15px;
}

.heading-and-icon h3 {
   padding-top:15px;
}

h3.newsletter {
   float:left;
   margin-right:20px;
   margin-top:5px;
}

input.newsletter-email, input.newsletter-name {
   width:258px;
   padding:12px;
   float:left;
   background:#fff;
   color:#C4C4C4;
   font-size:18px;
   margin-right:20px;
   margin-top:0;
}

button.newsletter-sent {
   color: #7F7F7F;
   padding: 0px 25px 0px 25px;
   background:#262932;
   height:46px;
   font-size:18px;
   text-align:center;
   display:inline-block;
   line-height:46px;
   border:0;
   cursor:pointer;
   transition: all 0.3s ease 0s;
}

button.newsletter-sent:hover {
   background:#262932;
   color:#fff;
}











/* ------------------------------------------------------------------------------- */
/*  8. Portfolio
/* ------------------------------------------------------------------------------- */


.isotope-item {
   z-index: 2;
}

.isotope-hidden.isotope-item {
   z-index: 1;
}

.isotope, .isotope .isotope-item {
   -webkit-transition-duration: 0.8s;
   -moz-transition-duration: 0.8s;
   transition-duration: 0.8s;
}

.isotope {
   -webkit-transition-property: height;
   -moz-transition-property: height;
   transition-property: height;
}

.isotope .isotope-item {
   -webkit-transition-property: -webkit-transform, opacity;
   -moz-transition-property:    -moz-transform, opacity;
   transition-property:         transform, opacity;
}

.isotope-item  img {
   width:100%
}

.portfolio {
   width: 100.3%;
}

nav.primary ul {
   float:right;
   margin-top:10px;
}

nav.primary ul li  {
   display:inline;

}

nav.primary ul li a {
   height:40px;
   width:auto;
   display:block;
   color:#7f7f7f;
   float:left;
   background:#363942;
   padding-left:20px;
   padding-right:20px;
   line-height:40px;
   margin-left:10px;
}

nav.primary ul li a:hover {
   color:#363942;
   background:#fff;
}

nav.primary ul li a:active, nav.primary ul li a.selected {
   background:#ef4a4a;
   color:#fff;
}











/* ------------------------------------------------------------------------------- */
/*  9. Portfolio Images Hover Effects
/* ------------------------------------------------------------------------------- */


.portfolio li {
   float: left;
   width:16.6%;
   margin:0!important;
   padding:0!important;
   -webkit-transition: none;
   -moz-transition: none;
   -ms-transition: none;
   -o-transition: none;
   transition: none;
   overflow:hidden;
}

.portfolio a {
   display:block;
   text-decoration: none;
}

.portfolio img {
   width: 100%;
   height: auto;
   display: block;
}

.view .mask {
   opacity: 0;
}

.view:hover .mask {
   opacity:1;
}

.view {
   height: auto;
   float: left;
   overflow: hidden;
   position: relative;
   text-align: left;
}

.view .mask {
   width: 100%;
   height:100%;
   position: absolute;
   overflow: hidden;
   top: 0;
   left: 0;
   background:#EA3A8F;
}


.mask h5 {
   text-align:center;
   color:#FFF;
   top:50%;
   width:100%;
   margin-top:-20px;
   position:absolute;
   line-height:24px;
}

.mask p {
   text-align:center;
   color:#FFF;
   opacity:0.5;
   top:50%;
   width:100%;
   margin-top:8px;
   position:absolute;
   line-height:12px;
}

.mask a {
   text-align:center;
   color:#FFF;
   opacity:1;
   top:50%;
   width:100%;
   margin-top:8px;
   position:absolute;
   line-height:12px;
}




.one_third{
   text-align: center;
}

.one_third img{
   height: 200px;
   max-width: 300px;

}




/* ------------------------------------------------------------------------------- */
/*  10. Portfolio Project page
/* ------------------------------------------------------------------------------- */


.project_page {
   background-color:#fff;
   width:960px;
}


.project_content {
   padding:40px;
   padding-bottom:20px;
   width:auto;
}

.categories li {
   background: url("../images/list-ico.png") no-repeat scroll 0 14px transparent;
   border-top: 1px solid #F2F2F2;
   display: block;
   padding: 10px 0 10px 13px;
}
.categories li:last-child {
   border-bottom: 1px solid #F2F2F2;
}
.categories li a {
   color: #ababab;
}
.categories li a:hover {
   color: #000;
}











/* ------------------------------------------------------------------------------- */
/*  11. Portfolio Testimonials
/* ------------------------------------------------------------------------------- */


.carousel_testimonials {
   width: 100%;
   height:auto;
}

.carousel_testimonials ul {
   margin: 0;
   padding: 0;
   list-style: none;
   display: block;
}

.carousel_testimonials li {
   width: 920px;
   height: auto;
   padding: 20px;
   display: block;
   float: left;
}

.carousel_testimonials li h5 {
   color:#000;
   opacity:0.3;
}

.t-prev {
   float: left;
   background: url("../images/left.png") no-repeat;
   width:14px;
   height:21px;
   margin-left:20px;
   opacity:0.3;
}

.t-prev:hover {
   opacity:1;
}

.t-next {
   float: left;
   background: url("../images/right.png") no-repeat;
   width:14px;
   height:21px;
   margin-left:10px;
   opacity:0.3;
}

.t-next:hover {
   opacity:1;
}











/* ------------------------------------------------------------------------------- */
/*  12. News
/* ------------------------------------------------------------------------------- */


.container-news {
   width:100%;
   padding-top:100px;
   padding-bottom:100px;
}

.container-news h1 {
   text-align:center;
   color:#000;
   margin-bottom:70px;
}

.list_carousel {
   width: 100%;
   height:auto;
}

.list_carousel ul {
   margin: 0;
   padding: 0;
   list-style: none;
   display: block;

}

.list_carousel li {
   background-color: #eee;
   width: 440px;
   height: 614px;
   padding: 0;
   margin: 20px;
   display: block;
   float: left;
}

.list_carousel li h5 {
   color:#000;
   margin-bottom:3px;
}

p.news-date {
   font-style:italic;
   margin-bottom:20px;
   color:#a1a1a1;
}

.list_carousel.responsive {
   width: auto;
   margin-left: 0;
}

#news-navigation {
   width:160px;
   height:70px;
   padding-top:20px;
   margin:0 auto;
}

.prev {
   float: left;
   background: url("../images/left.png") no-repeat scroll 26px 24px #fff;
   width:30px;
   height:30px;
   padding:20px;
   -moz-border-radius: 50px;
   -webkit-border-radius: 50px;
   -o-border-radius: 50px;
   border-radius:50px;
}

.prev:hover {
   background: url("../images/left_hover.png") no-repeat scroll 26px 24px #ef4a4a;
}

.next {
   float:left;
   margin-left:20px;
   background: url("../images/right.png") no-repeat scroll 28px 24px #fff;
   width:30px;
   height:30px;
   padding:20px;
   -moz-border-radius: 50px;
   -webkit-border-radius: 50px;
   -o-border-radius: 50px;
   border-radius:50px;
}

.next:hover {
   background: url("../images/right_hover.png") no-repeat scroll 28px 24px #ef4a4a;
}











/* ------------------------------------------------------------------------------- */
/*  13. News Images Hover Effects
/* ------------------------------------------------------------------------------- */


.news img {
   display: block;
   width: 100%;
   height:auto;
}

.news .mask {
   opacity: 0;
}

.news:hover .mask {
   opacity:1;
}

.news {
   width:100%;
   height: auto;
   float: left;
   overflow: hidden;
   position: relative;
   text-align: left;
}

.news .mask {
   width: 100%;
   height:100%;
   position: absolute;
   overflow: hidden;
   top: 0;
   left: 0;
   background: rgba(0, 0, 0, 0.5);
}

.news a.icon {
   height:38px;
   width:38px;
   padding:20px;
   left:50%;
   margin-left:-39px;
   top:50%;
   margin-top:-39px;
   position:absolute;
   -moz-border-radius: 50px;
   -webkit-border-radius: 50px;
   -o-border-radius: 50px;
   border-radius:50px;
}

.news  a.icon.zoom {
   background:url(../images/plus.png) 20px 20px no-repeat #FFF ;
   -webkit-transition: all 0.3s ease 0s;
   -moz-transition: all 0.3s ease 0s;
   -ms-transition: all 0.3s ease 0s;
   -o-transition: all 0.3s ease 0s;
   transition: all 0.3s ease 0s;
}

.news a.icon.zoom:hover {
   background:url(../images/plus.png) 20px 20px no-repeat #FFF;
   transform: rotate(-90deg);
   -webkit-transform: rotate(-90deg);
   -moz-transform: rotate(-90deg);
   -ms-transform: rotate(-90deg);
   -o-transform: rotate(-90deg);
}

.news-intro {
   background:#fff;
   float:left;
   padding:20px;
   height:170px;
}











/* ------------------------------------------------------------------------------- */
/*  14. News Post page
/* ------------------------------------------------------------------------------- */


.news_page {
   background-color:#fff;
   width:800px;
}

.news_content{
   padding:40px;
   width:auto;
}

.news-details {
   width:100%;
   height:auto;
   margin-bottom:20px;
}

p.post-admin {
   background: url("../images/post-admin.png") no-repeat scroll left center transparent;
   font-size: 12px;
   margin-bottom: 15px;
   color:#A1A1A1;
   padding-left:25px;
   float:left;
}

p.post-calendar {
   background: url("../images/post-calendar.png") no-repeat scroll left center transparent;
   font-size: 12px;
   margin-bottom: 15px;
   color:#A1A1A1;
   margin-left: 25px;
   padding-left:25px;
   float:left
}

p.post-tagss {
   background: url("../images/post-tag.png") no-repeat scroll left center transparent;
   font-size: 12px;
   margin-bottom: 15px;
   color:#A1A1A1;
   margin-left: 25px;
   padding-left:25px;
   float:left;
}

p.post-commentss {
   background: url("../images/post-comment.png") no-repeat scroll left center transparent;
   font-size: 12px;
   margin-bottom: 15px;
   color:#A1A1A1;
   margin-left: 25px;
   padding-left:25px;
   float:left;
}

.news_comments {
   padding:40px;
   background-color:#ECECEC;
   border-top: #dddddd solid 1px;
}

.user_comment {
   background: url("../images/user.png") no-repeat;
   padding-left:60px;
   margin-top:40px;
}

.user_comment_reply {
   background: url("../images/user.png") no-repeat scroll 0 0 transparent;
   margin-top: 40px;
   padding-left: 60px;
}

.comment-date {
   font-style:italic;
   margin-bottom:10px;
   color:#a1a1a1;
}

.comment-text {
   color:#555555;
}

a.reply {
   float:right;
   font-weight:bold;
   margin-top:10px;
}

a.reply:hover {
   text-decoration:underline;
}











/* ------------------------------------------------------------------------------- */
/*  15. Twitter
/* ------------------------------------------------------------------------------- */


.twitter h2 {
   color:#fff;
   font-weight:bold;
   text-align:center;
   line-height:45px;
   margin-bottom:20px;
}

.twitter p {
   text-align:center;
   font-weight:bold;
   opacity:0.6;
}

.twitter-image {
   width:60px;
   margin:0 auto;
   margin-bottom:30px;
}










/* ------------------------------------------------------------------------------- */
/*  16. Contact
/* ------------------------------------------------------------------------------- */


#map_canvas {
   width:100%;
   height:500px;
}


input:focus {
   color:#808080;
}

textarea:focus {
   color:#808080;
}

input.send_message {
   width:120px;
   background:#ef4a4a;
   float:left;
   color:#FFF;
   cursor:pointer;
   margin:0;
   font-size:12px;
   font-weight:normal;
}

input.send_message:hover {
   background:#262932;
}

.error_message {
   background-color: #FFE9E9;
   border-color: #FBC4C4;
   border-image: none;
   border-style: solid;
   border-width: 1px 1px 1px 5px;
   color: #DE5959;
   font-size: 12px;
   line-height: 18px;
   margin-bottom: 15px;
   padding: 15px 40px 15px 18px;
   position: relative;
   float:none;
   width:auto;
}

fieldset {
   position:relative;
   float:left;
   padding:0;
   border:0 none;
   width:100%;
}

fieldset h1{
   font-size:24px;
   color:#000
}











/* ------------------------------------------------------------------------------- */
/*  17. Footer
/* ------------------------------------------------------------------------------- */


.footer-social {
   width:50px;
   height:50px;
   background-color:#363942;
   margin-right:30px;
   float:left;
   border-radius:50px;
   bottom:20px;
}

.footer-social:hover {
   background-color:#ef4a4a;
}

.footer-social img {
   padding:10px;
   opacity:1;
}


.footer ul.contactus {
   border-bottom: 1px solid #363942;
   display: block;
   letter-spacing: -1px;
   margin-bottom: 35px;
   overflow: hidden;
   padding-bottom: 34px;
}

.footer ul.contactus li {
   color: #FFFFFF;
   display: block;
   float: left;
   font-size: 32px;
   font-weight: 700;
   line-height: 35px;
   margin-right: 50px;
}

.footer ul.contactus li span.mail:after {
   background: url("../images/mail.png") no-repeat transparent;
   content: "";
   height: 24px;
   left: 0;
   position: absolute;
   top: 7px;
   width: 36px;
}

.footer ul.contactus li span.mail {
   padding-left: 50px;
   position: relative;
}

.footer ul.contactus li span.phone:after {
   background: url("../images/phone.png") no-repeat transparent;
   content: "";
   height: 27px;
   left: 0;
   position: absolute;
   top: 5px;
   width: 10px;
}

.footer ul.contactus li span.phone {
   color: #FFFFFF;
   padding-left: 21px;
   position: relative;
}

.copyright {
   margin-top:35px;
   padding-top:35px;
   width:100%;
   border-top: 1px solid #363942;
   float:left;
}

.copyright p{
   color:#fff;
   opacity:0.3;
}







/* MIEI*/
.messaggio{
   color:#ABABAB;
}

strong{
   font-weight:bold;

}

.submenu1 ul{
   margin-bottom: 90px;
   margin-top: 0;
   text-align: center;
}

.submenu1 ul li{
   display:inline;
   margin-right:50px;
}

.arrowdown{
   margin-left: auto;
   margin-right: auto;
   margin-top: -40px;
   padding-bottom: 40px;
   width: 50px;
}


.morecontent{
   clear:both;
   text-align:center;
   margin:15px 0px;;

}

.morecontent a{
   /*font-size:22px;
   color:#EA3A8F;*/

   background: none repeat scroll 0 0 #EA3A8F;
   border-radius: 4px;
   color: #FFFFFF;
   font-size: 22px;
   padding: 6px 16px;
}

#pfascia{
   background-color:#e5e5e5;
   width:100%;
   padding:20px;
   text-align:center;
}

#pfascia p{
   font-size:18px;
   color:#F73B9C;
}

#psearchbox{
   position:absolute;
   top: 20px;
   right:20px;

}

#psearchbox input[type="text"]{
   border:0px;
   border-top: 1px solid #EC008C;
   border-bottom: 1px solid #EC008C;
   border-left: 1px solid #EC008C;
   border-top-left-radius:5px;
   border-top-right-radius:0;
   border-bottom-right-radius:0;
   border-bottom-left-radius:5px;
   height: 21px;
   margin-left: -194px;
   margin-top: 4px;
   padding: 5px;
   position: absolute !important;
   width: 190px;
}

#plistacategorie .evidenza2{
		background: none repeat scroll 0 0 #EC008C;
	}
#plistacategorie	.evidenza2a a{
		color:#fff;
		padding-left: 10px;
	}
        
#plistacategorie{


   padding:20px;


}

#plistacategorie ul{
  
}
#plistacategorie ul li{
    /*display: inline-block;*/
   padding:10px;
   border-bottom: 1px solid #DEDEDE;
}

#plistacategorie ul li a:hover{
   /*	color:#EA3A8F;*/
}

.supercontainer{
   max-width: 1600px;
   margin: 0 auto;
}
.colsx{
   width:15%;
   float:left;
}
.colcx{
   margin: 0 auto;
   overflow: hidden;
   width: 85%;
}

#pvideo_free, #pphoto_free, #pcontribution_free, #pcategories{
  /* float: left;*/
   margin: 0 auto;
}
#pvideo_res, #pphoto_res, #pcontribution_res, #pcontribution_freeaccess{

   margin: 0 auto;


}

#plink{

   margin: 0 auto;
   width: 100%;

}




#categories ul{

}
#categories ul li{
   display: inline-block;
   margin: 5px;
   width: 150px;

}

#categories img{
   width:140px;

}

#pcategories ul{

}
#pcategories ul li{
   display: inline-block;
   margin: 5px;
   width: 150px;

}

#pcategories img{
   width:140px;

}

.boxcenter1{
   background-color: #F3E745;
   float:left;
   margin: 20px 0;
   padding: 2px 48px;
   width: 200px;
   background-color:#EA3A8F;
   color:#FFF;
   border-radius:11px;
}

.boxcentervideo{
   float:left;
   margin: 20px 20px 0 20px;
   color:#FFF;
   border-radius:11px;
}


.joinnow{
   padding:10px;
   margin-top:80px;
   background-color:#EC008C;
   color:#FFF;

}


.faq_question{
   font-size:22px;
   font-weight:bold;
   line-height:28px;
}

.faq_answer{

}


#form_paginatore select{
   border: 1px solid #dedede;
   color: #222;
   padding: 5px;
}


.videocontainersmall{
   margin-bottom: 5px;
}

#screenvideo{
   width:100%;
   text-align: center;
}

#videobox{
   width: 800px;
   margin:0 auto;
}

#bannerbox{
   float: left;
   margin-left: 15px;
}




.boxdividi_video{
    width: 24%;
    margin-right: 1%;
    float: left;
    margin-bottom: 10px;
    border: 1px solid #dedede;
    padding: 20px 10px 0px 10px;
    text-align: center;
    background: #eee;
    height: 340px;
}

.boxdividi_video1{
    width: 24%;
    margin-right: 1%;
    float: left;
    margin-bottom: 10px;
    border: 1px solid #dedede;
    padding: 20px 10px 0px 10px;
    text-align: center;
    background: #eee;
    height: 240px;
}


.boxdividi_photo1{
    width: 24%;
    margin-right: 1%;
    float: left;
    margin-bottom: 10px;
    border: 1px solid #dedede;
    padding: 20px 10px 0px 10px;
    text-align: center;
    background: #eee;
    height: 240px;
}

.boxdividi_photo{
    width: 24%;
    margin-right: 1%;
    float: left;
    margin-bottom: 10px;
    border: 1px solid #dedede;
    padding: 20px 10px 0px 10px;
    text-align: center;
    background: #eee;
}

.boxdividi_photovid{
    width: 24%;
    margin-right: 1%;
    float: left;
    margin-bottom: 10px;
    border: 1px solid #dedede;
    padding: 20px 10px 0px 10px;
    text-align: center;
    background: #eee;
    height: 320px;
}

.boxdividi_photovid1{
    width: 24%;
    margin-right: 1%;
    float: left;
    margin-bottom: 10px;
    border: 1px solid #dedede;
    padding: 20px 10px 0px 10px;
    text-align: center;
    background: #eee;
    height: 260px;
}


.imgcontainer{
   background: none repeat scroll 0 0 #E5E5E5;
   border:1px solid #bebebe;
   border-radius: 4px;
   margin-bottom: 30px;
   padding-top: 10px;
   text-align: center;
   padding-bottom:10px;

}

.imgcontainersmall img, .boxdividi_video img {

    max-height: 260px;
    max-width: 100%;
}

.imgcontainersmall{
   margin-bottom: 5px;
}

.imgposter{

}

.imgmembonly{


}

.imgtitle{
   min-height: 0px
}

.imgcontainersmall p{
   font-size:14px;

}


.linkcontainer img{
   background: none repeat scroll 0 0 #E5E5E5;
   border: 1px solid #BEBEBE;
   border-radius: 3px;
   padding: 5px;
   width:200px;
}


.title{
   font-weight:700;

}

.titlesmall{
   font-size:9px;

}

.titlealbum{
   margin-bottom:18px;
   margin-top:18px;
}

.boxrullino{
   margin-bottom:20px;

}

.boxlinkhome{
   float:left;
   margin-right:20px;
   margin-bottom:9px;
}

.login{

   background: none repeat scroll 0 0 #EA3A8F;
   border-radius: 10px;
   color: #FFFFFF;
   padding: 11px;

}


.evidenza{
   border-bottom:4px solid #EA3A8F;
}

#joinnow{
   position:absolute;
   margin-left:770px;
   padding:10px;
   background: none repeat scroll 0 0 #EA3A8F;
   border-radius: 10px;
   color: #FFFFFF;
   padding: 11px;
   margin-top: -40px;

}

#joinnow1 input[type="submit"]{
   background:#EC008C;
   padding: 10px;
   margin:20px 0;
   color:#fff;
   cursor: pointer;
}

#joinnow2 input[type="submit"]{
   background:#EC008C;
   padding: 10px;
   margin:20px 0;
   color:#fff;
   cursor: pointer;
}

#joinnow3 input[type="submit"]{
   background:#dedede;
   padding: 10px;
   margin:20px 0;
   color:#222;
}

#joinnow4 input[type="submit"]{
   background:#dedede;
   padding: 10px;
   margin:20px 0;
   color:#222;
}

.alcentro{
   width:980px;
   margin:0 auto;
}

#ppremium a{
   font-weight:bold;
}

.paginatore{
   margin-top:30px;
   height:80px;

}


.paginatore li {
    display: inline-block;
    padding: 2px;
    background-color: #FFF;
    color: #555;
    border: 1px solid #555;
    margin: 2px;
    width: 80px;
}

.becomember_btn{
   background-color: #EC008C;
   border-radius: 4px;
   color: #FFFFFF;
   font-size: 18px;
   padding: 11px;
   width: 200px;
}

.labelformembersonly{
   margin-left: 2px;
   margin-top: 117px;
   position: absolute;
   z-index: 999999999;
}

.showboxlistsez{
   display:none;
}

#form_contribute input[type="text"]{
   background-color: #dedede;
   border:1px solid #D7D6D6;
   width:400px;
   padding:10px;
}

#form_contribute input[type="email"]{
   background-color: #dedede;
   border:1px solid #D7D6D6;
   width:400px;
   padding:10px;
}

#form_contribute input[type="submit"]{
   background-color: #dedede;
   border:1px solid #D7D6D6;
   width:200px;
   padding:10px;
}

#form_contribute input[type="checkbox"]{
   background-color: #dedede;
   border:1px solid #D7D6D6;
   width:50px;
   padding:10px;
}

#form_contribute textarea{
   background-color: #dedede;
   border:1px solid #D7D6D6;
   padding:10px;
   width:94%;
   font-size:11px;
   height:140px;
}

#form_contribute input[type="file"]{
   background-color: #dedede;
   border:1px solid #D7D6D6;
   width:400px;
   padding:10px;
}

#form_contribute p{
   margin:20px 0;
}
#form_contribute label{
   width:80px;
   display:block;
   margin-top:10px;
}


.download-btn{ margin-top: 10px; padding: 5px; background: #ccc; float: left }
.pp_social {display:none;}

.playover{
   z-index:9999999;
   position:absolute;
}
.playimg{
   margin-left: 90px;
   margin-top: 46px;
   width: 50px;
}

.fa-play-circle{
   color:#FFF;
}

#videodownload{
   margin:20px;
}

#bannertop{
   padding:5px; background:#a2a2a2; color:#fff; text-align:center;
}

#bannerbottom{

   background: none repeat scroll 0 0 #a2a2a2;
   color: #fff;
   margin-top: 394px;
   padding: 5px;
   position: absolute;
   text-align: center;
   width: 280px;
}


.fa-play{
   color:#dedede;
}




.one_half {
   width: 48%;
}

.one_third {
   width: 30.5%;
}

.one_fourth {
   width: 22%;
}

.one_fifth {
   width: 16.8%;
}

.one_sixth {
   width: 13.33%;
}

.two_fifth {
   width: 37.6%;
}

.two_fourth {
   width: 48%;
}	

.two_third {
   width: 65.33%;
}

.three_fifth {
   width: 58.4%;
}

.three_fourth {
   width: 74%;
}

.four_fifth {
   width: 79.2%;
}

.five_sixth {
   width: 82.67%;
}

.one_half, .one_third, .two_third, .three_fourth, .one_fourth, .two_fourth, .one_fifth, .two_fifth, .three_fifth, .four_fifth, .one_sixth, .five_sixth {
   float: left;
   margin-right: 4%;
   position: relative;
}

.last {
   margin-right:0px!important;
}

#navigationmobile, #iconmobile{
   display: none;
}

   .crop{
      width: 100%;
       overflow:hidden;
        margin:0; 
        height: 150px;
   }
   
  #portfolio img{
             display:inline-block; /*remove inline-block spaces*/
     
    margin-top: 0px;
        }